@charset "UTF-8";
/* CSS Document */
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

.light-green {
	color: #aabb02 !important;
}
.green {
	color: #BCCF02 !important;
}
.dark-grey {
	color: #797979 !important;
}
.light-grey {
	color: #f5f5f5 !important;
}
.zebra .white {
	color: #fff !important;
}
.five,
.fivecolor {
	color: #ff760f !important;
}
.milon,
.miloncolor {
	color: #0e299e !important;
}
/* --------------------------- S-T-A-R-T ------------------------- */
body {
	padding-top:160px;
}
input, textarea, select{
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;	
}
select, option{
	-webkit-appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
}
* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	box-sizing:border-box;
	-webkit-appaerance: none;
	-webkit-text-adjust: none;
}
::selection {
	background:#000;
	color:#fff;
}
::-moz-selection {
	background:#000;
	color:#fff;
}
html {
	background:#fff;
}
body {
	font:12px/20px 'Lato', Arial, Helvetica, sans-serif;
	color:#666666;
}
a {
	color:#aabb02;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#797979;
}
h1 {
	font:500 24px/50px 'Lato', Arial, Helvetica, sans-serif;
	color:#aabb02;
}
h1{
	clear:both;
}
h2 {
	font:500 32px/30px 'Lato', Arial, Helvetica, sans-serif;
	color:#aabb02;
}
h3 {
	font:normal 22px/25px 'Lato', Arial, Helvetica, sans-serif;
	color: #aabb02;
}
h4, h5, h6 {
	font:bold 12px/20px 'Lato', Arial, Helvetica, sans-serif;
}
p, h1, h2, h3, h4, h5, h6, table, ol, ul, fieldset {
	margin:0 0 20px 0;
}
p{
	font-size:16px;
	line-height:28px;
}
i{
	font-style:normal;
}
table {
	border-collapse:collapse;
	font-size:14px;
}
table td, table th {
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
}
ul {
	list-style:none;
}
ol {
	list-style:outside decimal;
	margin:0 0 20px 20px;
}
hr {
	border-top: 1px solid #cccccc;
	clear: both;
	width: 100%;
	margin: 20px auto 50px; 
}
fieldset {
	border:1px solid #ccc;
	padding:10px;
}
input {
	border:1px solid #ccc;
}
textarea {
	border:1px solid #ccc;
}
.clear, .clearfix {
	clear:both;
}
.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
}
/* INPUT ERROR FORMULAR */
input[type=text].inputerror, textarea.inputerror, input[type=text].inputerror {
	border:1px solid red!important;
}
.flex-l{-webkit-justify-content:flex-start;justify-content:flex-start;}
.flex-r{-webkit-justify-content:flex-end;justify-content:flex-end;}
.flex-t{-webkit-align-items:flex-start;align-items:flex-start;}
.flex-b{-webkit-align-items:flex-end;align-items:flex-end;}
.flex-absolute{position:absolute;left:0;top:0;width:100%;height:100%;}

.black{color:#000;}
.w-10{width:10%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-40{width:40%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-90{width:90%;}
.w-100{width:100%;}
.fs-1{font-size:10px;line-height:15px;}
.fs-2{font-size:12px;line-height:18px;}
.fs-3{font-size:14px;line-height:21px;}
.fs-4{font-size:16px;line-height:24px;}
.fs-5{font-size:18px;line-height:27px;}
.fs-6{font-size:20px;line-height:30px;}
.fs-7{font-size:22px;line-height:33px;}
.fs-8{font-size:24px;line-height:36px;}
.fs-9{font-size:26px;line-height:39px;}
.fs-10{font-size:28px;line-height:41px;}
.p-0{padding:0!important;}
.p-10{padding:10px!important;}
.p-20{padding:20px!important;}
.p-30{padding:30px!important;}
.p-40{padding:40px!important;}
.p-50{padding:50px!important;}
.p-60{padding:60px!important;}
.p-70{padding:70px!important;}
.p-80{padding:80px!important;}
.p-90{padding:90px!important;}
.p-100{padding:100px!important;}
.p-b-0{padding-bottom:0!important;}
.p-b-10{padding-bottom:10px!important;}
.p-b-20{padding-bottom:20px!important;}
.p-b-30{padding-bottom:30px!important;}
.p-b-40{padding-bottom:40px!important;}
.p-b-50{padding-bottom:50px!important;}
.p-b-60{padding-bottom:60px!important;}
.p-b-70{padding-bottom:70px!important;}
.p-b-80{padding-bottom:80px!important;}
.p-b-90{padding-bottom:90px!important;}
.p-b-100{padding-bottom:100px!important;}
.p-t-0{padding-top:0!important;}
.p-t-10{padding-top:10px!important;}
.p-t-20{padding-top:20px!important;}
.p-t-30{padding-top:30px!important;}
.p-t-40{padding-top:40px!important;}
.p-t-50{padding-top:50px!important;}
.p-t-60{padding-top:60px!important;}
.p-t-70{padding-top:70px!important;}
.p-t-80{padding-top:80px!important;}
.p-t-90{padding-top:90px!important;}
.p-t-100{padding-top:100px!important;}
.p-r-0{padding-right:0!important;}
.p-r-10{padding-right:10px!important;}
.p-r-20{padding-right:20px!important;}
.p-r-30{padding-right:30px!important;}
.p-r-40{padding-right:40px!important;}
.p-r-50{padding-right:50px!important;}
.p-r-60{padding-right:60px!important;}
.p-r-70{padding-right:70px!important;}
.p-r-80{padding-right:80px!important;}
.p-r-90{padding-right:90px!important;}
.p-r-100{padding-right:100px!important;}
.p-l-0{padding-left:0!important;}
.p-l-10{padding-left:10px!important;}
.p-l-20{padding-left:20px!important;}
.p-l-30{padding-left:30px!important;}
.p-l-40{padding-left:40px!important;}
.p-l-50{padding-left:50px!important;}
.p-l-60{padding-left:60px!important;}
.p-l-70{padding-left:70px!important;}
.p-l-80{padding-left:80px!important;}
.p-l-90{padding-left:90px!important;}
.p-l-100{padding-left:100px!important;}
.m-0{margin:0!important;}
.m-b-10{margin-bottom:10px!important;}
.m-b-20{margin-bottom:20px!important;}
.m-b-30{margin-bottom:30px!important;}
.m-b-40{margin-bottom:40px!important;}
.m-b-50{margin-bottom:50px!important;}
.m-b-60{margin-bottom:60px!important;}
.m-b-70{margin-bottom:70px!important;}
.m-b-80{margin-bottom:80px!important;}
.m-b-90{margin-bottom:90px!important;}
.m-b-100{margin-bottom:100px!important;}
.m-t-0{margin-top:0!important;}
.m-r-0{margin-right:0!important;}
.m-l-0{margin-left:0!important;}
.m-auto{margin-left:auto!important;margin-right:auto!important;}
/* ---------------------------------------------------------------------------------------- */
i.fa {
	font-size: 100px;
}
.overlay {
	background:transparent; 
	position:relative; 
	width:100%;
	height: 490px;
	top: 490px;
	margin-top: -490px;
}
.navbar-default,
.navbar {
    background-color: transparent !important;
    border: none !important;
}
.navbar-default {
    background-image: none !important;
    box-shadow: none !important;
	background-color: #fff !important;
	border-top: 15px solid #736b4f !important;
}
.navbar-default .navbar-nav > .selected > a, 
.navbar-default .navbar-nav > .selected > a:focus {
    color: #fff;
	background-color: #BCCF02;
}
.navbar-default .navbar-nav > .selected > a:hover,
.navbar-nav > li:hover,
.navbar-nav > li:hover a  {
    color: #fff !important;
	background-color: #BCCF02 !important;
	transition: all 300ms ease;
}
.navbar-default .navbar-nav > .selected > a, 
.navbar-default .navbar-nav > .open > a {
    background-image: none !important;
    box-shadow: none !important;
	transition: all 300ms ease;
}
.navbar-nav {
	float: right !important;
}
.navbar-nav li {
	font-size: 20px !important;
}
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand {
	height:100% !important;
}
/*.navbar-brand > img {
    width: 50% !important;
}*/
.navbar-collapse {
	width:75%!important;
}
.nav li {
	border-left: 1px solid #f2f2f2;
}
.nav li a {
	padding: 71px 15px !important;
}

.slidepager h2 {
	margin: 0 0 5px !important;
}
.zebra-green a.zebra div {
	color: #fff !important;
	background-color: #aabb02 !important;
}
.zebra-green a.zebra:nth-of-type(2n) div {
	background-color: #BCCF02 !important;
}
.zebra-green a.zebra:hover div {
	background-color: #797979 !important;
}
.zebra-green a.zebra i {
	font-size: 60px;
}

.widgets {
    position: fixed;
    right: -330px;
    top: 200px;
    z-index: 900;
    transition: 300ms;
}

.widgets a {
    position: relative;
padding: 10px 30px 10px 20px;
background: #3578E5;
color: #fff;
display: flex;
align-items: center;
font-size: 18px;
width: 300px;
box-sizing: border-box;
transition: 300ms;
right: 110px;
margin: 0 0 20px;
border: 1px solid #fff;
}

.widgets .youtube {
    background: #c10000;
}


.widgets a:hover {
    right: 329px;
}


.widgets i {
   display: inline-block;
font-size: 35px;
text-align: center;
padding: 5px 30px 5px 10px;
}




.intro {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.intro p {
	float: left;
	width: 48%;
	text-align: justify;
	margin: 0 1%;
}

.intro h2 {
	margin: 0 0 5px;
}

.intro h1 {
	color: #333;
}

.kontakt.centered {
	padding-top: 50px !important;
}

.entry_body p {
	display: block !important;
	float: none !important;
	text-align: left !important;
	width: 100% !important;
}


.box4 {
	font:0px/0px Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.box4 a {
	display:inline-block;
	width:100%;
	max-width: 600px;
	height:300px;
	position:relative;
	overflow:hidden;
}

.box4 strong {
	font:30px/70px "Lato", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display:block;
	position:absolute;
	color:#fff;
	background:#555;
	
	width:305px;
	height:70px;
	display:block;
	z-index:5;
}

.box4 a em {
	display:inline-block;
	width:100%;
	max-width: 600px;
	height:300px;
	overflow:hidden;
	position:relative;
}

.box4 a em span:nth-of-type(1) {
	display:inline-block;
	width:600px;
	height:300px;
	position:absolute;
	z-index:3;
	opacity:1.0;
	transition:all 800ms;
}

.box4 a:hover em span:nth-of-type(1) {
	opacity:0.0;
}

.box4 a em span:nth-of-type(2) {
	display:inline-block;
	width:600px;
	height:300px;
	position:absolute;
	z-index:2;
}

.box4 a > span {
	position:absolute;
	display:block;
	width:100%;
	height:70px;
	z-index:4;
	opacity:0.0;
	transition:all 500ms;
}

.box4 a:hover > span {
	opacity:1.0;
}

.box4 a em span:nth-of-type(1) {
	display:inline-block;
	width:600px;
	height:300px;
	position:absolute;
	z-index:3;
	opacity:1.0;
	transition:all 800ms;
}

.box4 a em span {
	transition:all 500ms;
}

.box4 a:hover em span {
	transform:rotate(1deg) scale(1.05,1.05);
}

.b41, .b42, .b43, .b44 {
	position:relative;
}

.b41 strong {
	background:url(../images/bbox41.png) top left no-repeat;
	text-align:right;
	padding:0 20px 0 0;
	bottom: 0;
	right: 0;
}

.b41:hover strong {
	background:url(../images/bbox41h.png) top left no-repeat;
}

.b411 {background:url(../images/box-uebersicht-gesundheit.jpg) top center no-repeat;}
.b412 {background:url(../images/box-uebersicht-gesundheit.jpg) bottom center no-repeat;}
.b413 {
	background:rgba(255,255,255,0.8) url(../images/ico-milon.png) 25px 15px no-repeat;
	bottom: 0;
}

.b42 strong {
	background:url(../images/bbox42.png) top right no-repeat;
	text-align:left;
	padding:0 0 0 40px;
	bottom: 0;
	left: 0;
}

.b42:hover strong {
	background:url(../images/bbox42h.png) top right no-repeat;
}

.b421 {background:url(../images/box-uebersicht-ruecken.jpg) top center no-repeat;}
.b422 {background:url(../images/box-uebersicht-ruecken.jpg) bottom center no-repeat;}
.b423 {
	background:rgba(255,255,255,0.8) url(../images/ico-five.png) -25px 15px no-repeat;
	bottom: 0;
}

.b43 strong {
	background:url(../images/bbox43.png) top left no-repeat;
	text-align:right;
	padding:0 40px 0 0;
	top: 0;
	right: 0;
}

.b43:hover strong {
	background:url(../images/bbox43h.png) top left no-repeat;
}

.b431 {background:url(../images/box-uebersicht-physio.jpg) top center no-repeat;}
.b432 {background:url(../images/box-uebersicht-physio.jpg) bottom center no-repeat;}
.b433 {
	background:rgba(255,255,255,0.8);
	top: 0;
}

.b44 strong {
	background:url(../images/bbox44.png) top right no-repeat;
	text-align:left;
	padding:0 0 0 40px;
	top: 0;
	left: 0;
}

.b44:hover strong {
	background:url(../images/bbox44h.png) top right no-repeat;
}


.b441 {background:url(../images/box-uebersicht-osteopathie.jpg) top center no-repeat;}
.b442 {background:url(../images/box-uebersicht-osteopathie.jpg) bottom center no-repeat;}
.b443 {
	background:rgba(255,255,255,0.8);
	top: 0;
}

.parawrapper{
	height:450px;
	overflow:hidden;
	position: relative;
	margin-bottom: 100px;
}

.parallax-banner{
	position: absolute;
	bottom: 150px;
	right: 10%;
}

.parallax-txt {
	text-align: right;
}

.parallax-txt h2,
.parallax-txt h1 {
	background-color: #797979;
	color: #fff !important;
	margin: 0 0;
	display: inline-block;
	padding: 10px 15px;
	font-size: 50px;
	line-height: 55px;
	font-weight: 400;
	text-transform: uppercase;
}

.parallax-txt h3 {
	background-color: #99a62a;
	color: #fff !important;
	margin: 10px 0 0 0;
	display: inline-block;
	padding: 10px 15px;
	font-size: 35px;
	line-height: 40px;
	font-weight: 400;
	text-transform: uppercase;
}

.parawrapper img {
	width: 100%;
	height: auto;
}

.subnavi {
	background-color: #BCCF02;
	position: transparent;
}

.subnavi .nav li a {
    padding: 25px 15px !important;
	color: #fff;
	transition: all 300ms ease;
}

.subnavi ul.nav-pills {
    border-bottom: none;
}

.subnavi .nav li {
    border-left: none;
}

.subnavi ul.nav-pills li a {
	border-right: none;
}

.subnavi .nav > li > a:focus, .nav > li > a:hover {
    background-color: #333;
	transition: all 300ms ease;
}




.kontakt input, .kontakt textarea {
	padding:10px;
	border:1px solid #ddd;
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font:16px/25px "Raleway",Arial,Helvetica,sans-serif;
	margin:0 0 10px 0;
	width:70%;
	background:#f5f5f5;
	-webkit-appearance:none;
	border-radius:0;
}

.kontakt textarea {
	width:100%;
	height:174px;
}

.kontakt label {
	display:block;
}

.kontakt label span{
	background:#BCCF02;
	border:1px solid #BCCF02;
	color:#fff;
	padding:13px 10px;
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:30%;
	font-size: 14px;
}



.kontakt #sendenbutton {
	width:100%!important;
	background:#BCCF02!important;
	color:#fff;
	border:1px solid #BCCF02!important;
}

.kontakt .checkbox {
	box-sizing: border-box;
    display: inline-block;
    margin: 0 20px 20px 0;
    padding:12px 24px 12px 60px;
    position: relative;
    width: 100%;
	border:1px solid #ddd;
	cursor:pointer;
}

.kontakt .checkbox:nth-of-type(2) {
	margin:0;
}

.kontakt .checkbox:before {
	background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 35px;
    left: 6px;
    position: absolute;
    top: 5px;
    width: 35px;
    z-index: 201;
}

.kontakt .checkbox:after {
	background: #f4f4f4 none repeat scroll 0 0;
    color: #BCCF02;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 40px;
    height: 44px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 48px;
    z-index: 200;
}

.kontakt input[type="checkbox"], #kontakt input[type="radio"] {
    display: none;
}

.kontakt .kontakt-art p {
	width:230px;
	float:left;
	margin:10px 0;
}

.kontakt input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after {
    content: "\f058";
    z-index: 201;
}


.grey {
	background-color: #F3F4F6;
}

.galerie {
	overflow: hidden;
	width: 100%;
	height: auto;
}

.galerie img {
	width: 360px;
	height: auto;
}
.btn-default {
	text-shadow: none !important;
}

button a {
	color: #fff;
}

button:hover a {
	color: #333;
}

nav.fixed {
	position: fixed;
	top: -20px;
	transition: all 300ms ease;
}

nav.fixed .navbar-brand img {
	width: 45%;
	height: auto;
	transition: all 300ms ease;
}

nav.fixed .nav li a {
    padding: 35px 15px !important;
	transition: all 300ms ease;
}

.subnavi.fixed {
	position: fixed;
	top: 85px;
	width: 100%;
	z-index: 210;
}

.banner,
.five-header {
	position:relative !important;
	max-height: 715px;
}

.carousel-inner,
.carousel-inner > .active,
.carousel-inner > .item {
	max-height: 715px;
}
.banner .banner-txt,
.five-header-txt {
    position: absolute;
    text-align: right;
    right: 10%;
    bottom: 160px !important;
}
.banner .banner-txt.txt-left {
    text-align: left;
    left: 10%;
}
.five-header-txt {
	text-align: left;
	left: 10%;
}
.banner .banner-txt h2,
.five-header .five-header-txt h2 {
    background-color: #797979;
	color: #fff !important;
    margin: 0 0;
    display: inline-block;
	padding: 10px 15px;
	font-size: 50px;
	line-height: 55px;
	font-weight: 400;
	text-transform: uppercase;
}
.banner .banner-txt h3,
.five-header .five-header-txt h3 {
	background-color: #aabb02;
	color: #fff !important;
    margin: 10px 0 0 0;
    display: inline-block;
	padding: 10px 15px;
	font-size: 35px;
	line-height: 40px;
	font-weight: 400;
	text-transform: uppercase;
}
.five-header .five-header-txt h3 {
	background-color: #ff760f !important;
}
.produkte .carousel-control.left,
.produkte .carousel-control.right {
	background-image: none !important;
}
.brand {
	font-weight:300 !important;
}
.infogrey {
	background-color: #f5f5f5;
	padding:10px 10px 0;
	margin: 0 0 20px 0;
}
.infogrey i {
	font-size: 50px;
	line-height:70px;
}
.infogrey:last-of-type {
	margin:0;
}
.table-bb tr {
	border-bottom: 1px solid #f5f5f5 !important;
}
.list-datenschutz li {
	font-size: 16px;
	padding: 5px 0;
	list-style: disc;
}
.list-datenschutz {
	margin-left: 20px ;
}
footer {
	background-color: #797979;
	color: #fff;
	padding: 75px 0 50px;
}
footer a {
	color: #fff;
}
footer ul:last-of-type a {
	color: #bfbfbf;
}
footer a:hover,
footer ul:last-of-type a:hover {
	color: #aabb02;
}
footer ul li {
	line-height: 30px;
	list-style-type: none;
}
.beschreibung,
.testi {
	position: relative;
	overflow:hidden;
	height:100%;
}
.beschreibung-txt {
	position: absolute;
	top:50px;
	float: right !important;
	background-color: rgba(255,255,255,.75);
	padding: 10px 20px 0;
}
.beschreibung h2,
.beschreibung h3 {
	color: #797979 !important;
}
.beschreibung img {
	padding-top: 50px;
}
.testi h2 {
	color: #fff !important;
}
.beschreibung h2,
.testi h2 {
	text-transform: uppercase;
	font-size:30px;
	line-height: 40px;
	color: #AABB00 !important;
	margin: 0 0 10px;
}
.beschreibung h3 {
	font-size:25px;
	margin-bottom: 40px;
	line-height: 35px;
}

.zirkel ul li,
.plate ul li {
	padding: 8px 0;
	font-size: 16px;
}

.zirkel ul li i,
.plate ul li i {
	font-size: 15px;
	color: #AABB00;
	padding: 0 5px 0 0;
}
.zirkel img {
	padding: 110px 0 0;
	max-width: 550px;
}
.plate img {
	padding: 0;
}
.milonizer img {
	padding: 50px 0 0;
}
.border {
	border-top: 5px solid #BCCF02;
}
.btn-default {
    color: #fff;
    background-color: #bece35;
    border: 1px solid #bece35;
    padding: 10px 50px;
    font-weight: 400;
	border-radius: 0px;
	transition: all 300ms ease;
}
.btn-default:hover {
	color: #333 !important;
	background-color: transparent !important;
	border: 1px solid #bece35 !important;
	transition: all 300ms ease;
}
ul.nav-pills {
	border-bottom: 2px solid #f5f5f5;
}
ul.nav-pills li a {
	font-size: 20px;
	padding:20px;
	border-right: solid 1px #bfbfbf;
}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
	color: #fff;
	background-color: #BCCF02;
}
.nav-pills > li > a {
    border-radius: 0px;
}
.grey-bg {
	position: relative;
	overflow: hidden;
	background-color: #f6f6f6;
}
.art-txt {
	z-index:200;
	padding-left: 0;
	padding-right: 0;
}
.bg-img {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:100%;
	z-index:100;
}
.bg-img img {
	height:100%;
	width:auto;
	position:absolute;
	right:0;
}
div.responsive img {
	width: auto; 
	height: auto;
}
.produkte {
	/*height: 200px;*/
    background: #f5f5f5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f5f5f5); /* Standard syntax (must be last) */
}
.nonbg {
	background-color: transparent !important;
}
.fivebtn {
	background-color: #ff760f !important;
}
.fivebtn i,
.milonbtn i {
	font-size: 20px;
	margin-right: 10px;
}
ul.fivelist li,
ul.milonlist li {
	font-size:16px;
	line-height:35px;
	margin-bottom:20px;
}
ul.fivelist>li:before {
	content: "\f111"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -35px; /* same as padding-left set on li */
	width: 15px; /* same as padding-left set on li */
	color: #ff760f;
	margin-right: 20px;
	font-size:12px;
}
h2.fivecolor {
	font-size: 36px;
	line-height: 40px;
}
.milonbg,
.milonbtn {
	background-color: #0e299e !important;
}
ul.milonlist {
	list-style-type: none;
}
ul.milonlist>li:before {
	content: "\f105"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -35px; /* same as padding-left set on li */
	width: 15px; /* same as padding-left set on li */
	color: #0e299e;
	margin-right: 20px;
	font-size:22px;
}
.parallax {
	padding: 200px 0;
	position: relative;
}
.beschreibung.parallax {
	padding: 280px 0;
	position: relative;
}
.beschreibung.parallax-breit {
	padding: 330px 0;
	position: relative;
}
.parallax .banner-txt {
	bottom:-120px !important;
}

h3 span.stoerer,
h2 span.stoerer {
	background-color: #333;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	padding: 10px;
	transform: rotate(20deg);
	position: absolute;
	margin: 0 0 0 15px;
}

h2 span.stoerer2 {
	background-color: #333;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	padding: 10px;
	transform: rotate(0eg);
	position: absolute;
	margin: -15px 0 0 15px;
}

.opentimes {
	padding: 0 30px;
}

.virtuelletour {
	width: 100%;
	height: auto;
	display: block;
}

.virtuelletour iframe {
	width: 100%;
	height: 500px;
	display: block;
}

.responsive-wrapper{
	position:relative;padding-bottom: 20.25%;height:0;overflow:hidden;
}

.responsive-wrapper iframe{
	position:absolute;top:0;left:0;right:0;width:20%;height:100%;margin:0 auto;
}

.red {color:#FF0000;}
.very-bold {font-weight: 900;}

.blingbling {animation: blinker 1s linear infinite;}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media screen and (max-width: 1600px) {
	h2 {
    font: 500 26px/30px 'Lato', Arial, Helvetica, sans-serif;
	}
	
	.zebra p {
		font-size: 14px;
	}
	.zebra-green a.zebra i {
		font-size: 50px;
	}
}
@media screen and (max-width: 1400px) {
	ul.nav-pills li a {
    font-size: 14px !important;
}
.subnavi .nav li a {
    padding: 25px 0 !important;
}
}
@media screen and (max-width : 1200px) {
body {
	padding-top: 174px;
}
.zebra h2 {
	font-size: 25px !important;
	text-align: center !important;
}	
.zebra p {
	text-align: center !important;
}
.infogrey {
	padding: 10px 10px;
	text-align: center;
}

.navbar-nav {
    margin-top: 0px;
	margin-bottom: 10px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    width: 100% !important;
}

.navbar-nav li {
    font-size: 17px !important;
}

.intro p {
    margin: 0;
}

.intro p:first-of-type {
	margin: 0 2% 0 0;
}

.parawrapper img {
    width: 155%;
    height: auto;
}

nav.fixed .navbar-brand img {
    width: 65%;
}

.navbar-nav {
    margin-bottom: 0 !important;
}

.navbar-brand {
	padding: 15px 15px 9px;
}

.beschreibung.parallax,
.beschreibung.parallax-breit {
	background-attachment: inherit !important;
}

.beschreibung div.container div:nth-of-type(2) {
	display: none !important;
}

.b442 {
    background: url(../images/box-uebersicht-osteopathie.jpg) bottom right no-repeat;
}

h3 span.stoerer, h2 span.stoerer {
	margin: 5px 0 0 35px;
	width: 120px;
}

.parallax-txt h3 {
    font-size: 25px !important;
}
	
	.responsive-wrapper {
    padding-bottom: 28.25%;
}
	
	.responsive-wrapper iframe{
	width:30%;
}

}
@media screen and (max-width : 1000px) {
body {
	padding-top: 150px;
}
.container {
    width: 95% !important;
}

.navbar.fixed .navbar-toggle {
	top: 20px;
}
.navbar-collapse {
    width: 65% !important;
}
.navbar-collapse {
    width: 100% !important;
}
.navbar-nav {
    margin-top: 0px;
	margin-bottom: 10px;
}
.navbar-nav li {
    font-size: 18px !important;
}
.banner .banner-txt, .five-header-txt {
    bottom: 50px !important;
}
.parallax .banner-txt {
    bottom: -120px !important;
}
.navbar-toggle {
    display: block !important;
	top: 50px;
}

.navbar-nav {
    width: 100%;
}

.navbar-nav > li {
    float: none !important;
}

.nav li{
    border-left: none;
	border-bottom: 1px solid #f2f2f2;
}

.nav li:last-of-type {
	border-bottom: none;
}

.nav li a {
    padding: 30px 25px !important;
    text-align: center;
}

.navbar-fixed-top .navbar-collapse {
    max-height: inherit !important;
}

.container > .navbar-collapse {
	display: none !important;
}
.container > .navbar-collapse.in {
	display: block !important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    width: 30% !important;
}
.banner .banner-txt h3, .five-header .five-header-txt h3 {
	font-size: 25px !important;
}

.banner .banner-txt h2, .five-header .five-header-txt h2 {
	font-size: 40px !important;
}

.was-five img {
	display: none !important;
}

footer h3 {
    font: normal 18px/25px 'Lato', Arial, Helvetica, sans-serif;
}

.b423 {
    background: rgba(255,255,255,0.8) url(../images/ico-five.png) -105px 15px no-repeat;
}

.zebra-green a.zebra i {
	display: none;
}

.zebra-green a.zebra div {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.parawrapper img {
    width: 175%;
}

.beschreibung.parallax-breit {
    padding: 110px 0;
}

.intro p:first-of-type {
    margin: 0 2% 0 1%;
}

.adressen.p-t-100 {
	padding-top: 50px !important;
}


.adressen .row div:nth-of-type(2) br:nth-of-type(3),
.adressen .row div:nth-of-type(2) br:nth-of-type(4),
.adressen .row div:nth-of-type(2) br:nth-of-type(5),
.adressen .row div:nth-of-type(2) br:nth-of-type(6),
.adressen .row div:nth-of-type(2) br:nth-of-type(7),
.adressen .row div:nth-of-type(2) br:nth-of-type(8),
.adressen .row div:nth-of-type(2) br:nth-of-type(9),
.adressen .row div:nth-of-type(2) br:nth-of-type(10),
.adressen .row div:nth-of-type(2) br:nth-of-type(11),
.adressen .row div:nth-of-type(2) br:nth-of-type(12),
.adressen .row div:nth-of-type(2) br:nth-of-type(13),
.adressen .row div:nth-of-type(2) br:nth-of-type(14),
.adressen .row div:nth-of-type(2) br:nth-of-type(15),
.adressen .row div:nth-of-type(2) br:nth-of-type(16) {
	display: none !important;
}

.adressen .stoerer.eins {
	margin: 60px 0 0 -75px !important;
}

.adressen .stoerer.zwei {
	margin: -40px 0 0 -25px !important;
}

.box4 {
	margin: 10px 0;
}

.box4 a em span:nth-of-type(1) {
    width: 100% !important;
    height: auto !important;
}

.box4 a em span:nth-of-type(2) {
    width: 100% !important;
}

.b41 strong,
.b42 strong,
.b43 strong,
.b44 strong {
    background-size: 100%;
    background-color: #B0C936;
    background-image: none;
    text-align: left;
    padding-left: 25px;
	width:100%;
	top: inherit;
bottom: 0;
}

.b41:hover strong,
.b42:hover strong,
.b43:hover strong,
.b44:hover strong {
    background-size: 100%;
    background-color: #333;
	color: #B0C936;
    background-image: none;
    text-align: left;
    padding-left: 25px;
	width:100%;
	top: inherit;
bottom: 0;
}

.b423,
.b433,
.b443,
.b453 {
    background: none;
}
	


}


@media screen and (max-width : 767px) {
	
	
body {
	padding-top: 0px;
}

.container {
    width: 90% !important;
}
h2 {
	font-size: 30px;
}
.banner .banner-txt h2, 
.five-header .five-header-txt h2 {
	font-size:30px;
	padding: 5px 15px;
	line-height: 30px;
}
.banner .banner-txt h3, 
.five-header .five-header-txt h3 {
	font-size:20px;
	padding: 5px 15px;
	line-height: 30px;
}
.h3 {
	font-size:20px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: relative;
}
.navbar-collapse {
	width: 100% !important;
}
.zebra,
.infogrey {
	text-align: center !important;
}
.infogrey {
	padding-bottom: 10px;
}
footer ul {
	margin: 0;
	text-align: center;
}
footer ul:last-of-type {
	margin: 30px 0 0 0;
}
footer h3 {
	margin: 30px 0 0 0;
}
.bg-img {
	display: none;
}
.btn-default {
	padding: 10px 20px;
}
.beschreibung-txt {
	position: relative;
	top: 0px;
}
.beschreibung-txt .tabel-bb {
	width: 100% !important;
}
.beschreibung-txt .table-bb tr td:first-of-type {
	padding: 5px 70px 5px 0 !important;
}
.parallax {
    padding: 180px 0;
}
ul.milonlist {
    margin-left: 50px;
}
.btn-center {
	text-align: center;
}
ul.vorteile li {
	font-size:16px;
	line-height:35px;
	margin-bottom:20px;
}
ul.vorteile > li:before {
	content: "\f00c"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -35px; /* same as padding-left set on li */
	width: 15px; /* same as padding-left set on li */
	color: #aabb02;
	margin-right: 20px;
	font-size:22px;
}
.navbar-toggle {
	margin-top: 0;
	top: 40px;
	margin-right: 0;
}
.beschreibung.parallax {
    padding: 70px 0;
}
.testi.parallax {
	padding: 100px 0;
}

.intro p {
    float: none;
    width: 100%;
}
.parallax-txt h2, .parallax-txt h1 {
	font-size: 25px;
	line-height: 35px;
}
.parallax-txt h3 {
	font-size: 20px;
	line-height: 30px;
}

.parawrapper img {
	width: 295%;
	right: 0;
	position: absolute;
}
.navbar > .container .navbar-brand {
	width: 150px !important;
}
.p-t-40 {
    padding-top: 10px !important;
}
.p-b-20 {
    padding-bottom: 10px !important;
}
.zebra-green a.zebra i {
    font-size: 40px;
}
.zebra h2 {
    font-size: 20px !important;
    line-height: 25px !important;
}
.zebra p {
    line-height: 18px;
}
h1 {
	line-height: 35px !important;
}

.intro {
    width: 95%;
    margin: 0 auto;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.intro p {
	text-align: center !important;
}

.banner .banner-txt {
    display: none;
}

.parawrapper img {
    width: 175%;
}

.parallax-txt {
	display: none;
}

.subnavi {
	display: none !important;
}

.art-txt {
	text-align: center;
}

.kontakt {
	padding-bottom: 50px;
}

h3 span.stoerer, h2 span.stoerer {
	margin: -115px 0 0 -145px;
transform: rotate(0deg);
}

.parawrapper img {
    right: -250px;
	top: -10px;
}

.zirkel .container {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.normal-btn, .btn-default, .video-btn {
    margin: 10px 0;
    display: block;
	width: 100%;
}

.zirkel ,
.beschreibung {
	text-align: center;
}

h2 span.stoerer2 {
    margin: -85px 0 0 -165px;
}

.beschreibung h2 {
	font-size: 20px;
line-height: 30px;
}

.beschreibung.parallax, .beschreibung.parallax-breit {
    background-position: 30% !important;
}

.beschreibung h3 {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 25px;
}

		.responsive-wrapper {
    padding-bottom: 58.25%;
}
	
			.responsive-wrapper iframe {
    width: 58.25%;
}


}
@media screen and (max-width : 360px) {

.navbar-toggle {
    right: -35px;
}
.navbar > .container .navbar-brand {
    right: 30px;
}

h2 span.stoerer2 {
    margin: -75px 0 0 -165px;
}

.adressen .stoerer.zwei {
    margin: -60px 0 0 -155px !important;
}

.adressen .stoerer.eins {
    margin: -90px 0 0 -85px !important;
}

.parawrapper img {
    width: 325%;
}

.parawrapper img {
    right: -250px;
    top: 0;
}
}