@CHARSET "UTF-8"; 

/* set main font face */
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('../fonts/open-sans/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
		url('../fonts/open-sans/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open-sans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
		url('../fonts/open-sans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('../fonts/open-sans/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
		url('../fonts/open-sans/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open-sans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
		url('../fonts/open-sans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url('../fonts/open-sans/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
		url('../fonts/open-sans/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('../fonts/open-sans/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
		url('../fonts/open-sans/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url('../fonts/open-sans/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
src: local(''),
		url('../fonts/open-sans/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('../fonts/open-sans/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
		url('../fonts/open-sans/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body, td, th, p, a, h1, h2, h3, h4, h5, h6, h7 { font-family: "Open Sans", sans-serif; }

/* render html5 elements as block - rendert html5 elemente als block  */
header, footer, section, aside, nav, article { display: block;}

/* MOBILE FONT RESIZE */
* {-webkit-text-size-adjust:none;}

/* general styles */
* { outline: 0; box-sizing: border-box; }
.c { clear: both; }
.margTop { margin-top: 15px !important; }
.margTop25 { margin-top: 25px !important; }
.center { text-align: center; }
.hide { display: none; }
.small { font-size: 11px; line-height: 14px; }

html, body { min-height: 100vh; }
body {
		margin: 0;
		padding: 0;
		font-size: 13px;
		line-height: 18px;
		overflow-x: hidden;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
}

#bkndImage {
		position:  absolute;
		left:  0;
		top:  110px;
		right:  0;
		bottom:  0;
		overflow:  hidden;
		/*pointer-events: none;*/
		z-index: 1;
}
#bkndImage img {
/*
	display:  block;
	min-width:  100%;
	height:  auto;
	min-width:  100%;
	min-height: 100%;
*/
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	min-width:  100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
}
#bkndImage iframe {
		pointer-events: auto;
}
#header {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 110px;
		background: #f4f2f3;
		z-index:  1000;
		-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.4);
				box-shadow: 0 5px 5px 0 rgba(0,0,0,.4);
}
#header .wrap,
#header nav#navi .wrap {
	position:  relative;
	margin: 0 auto;
	max-width: 1080px;
	/*min-width: 760px;*/
	padding: 0 20px;
}
#header #logo {
		position: absolute;
		top:  19px;
		left:  20px;
		margin: 0;
		padding: 0;
}
#header #logo a {
		display:  block;
		height: 30px;
		white-space:  nowrap;
		font-size:  30px;
		line-height:  30px;
		font-weight:  normal;
		text-decoration:  none;
		color:  #4e4343;
}
#header em#slogan {
		display:  block;
		border-left:  1px solid #bcb3b4;
		margin:  0 0 0 273px;
		padding:  22px 0 0 10px;
		width:  235px;
		font-size: 9px;
		line-height: 13px;
		text-transform:  uppercase;
		font-style:  normal;
}
#header nav#navi {
		position:  absolute;
		top: 75px;
		left:  0;
		right:  0;
		background:  #564c4b;
		display:  block;
		width:  100%;
		height:  35px;
		-webkit-box-shadow:  inset 0 5px 5px -5px rgba(0,0,0,.4);
				box-shadow:  inset 0 5px 5px -5px rgba(0,0,0,.4);
}
#header nav#navi .navi-bg-dark {
		position:  absolute;
		background: #3e3536;
		right:  0;
		width:  50%;
		height:  35px;
}
#header nav#navi .wrap {
		position:  relative;
		background:  #564c4b;
		height:  35px;
}
#header nav#navi ul {
		list-style: none;
		list-style-type: none;
		margin: 0 0 0 -25px;
		padding: 0;
}
#header nav#navi ul li {
		float:  left;
		display:  block;
		margin:  0;
		padding:  0;
		height:  35px;
		line-height:  35px;
		font-size:  15px;
}
#header nav#navi ul li a {
		display:  block;
		height:  35px;
		color:  #f2f2f2;
		text-decoration:  none;
}
#header nav#navi ul a.active,
#header nav#navi ul a:hover { color:  #fff; }
#header nav#navi ul a.active { background: url('../img/navi-active.png') center top no-repeat; }
#header nav#navi ul.navi-main li { margin: 0 25px; }
#header nav#navi ul.navi-sub {
		float: right;
		background:  #3e3536;
		margin:  0 -20px 0 0;
}
#header nav#navi ul.navi-sub li { margin: 0 15px; }
#header nav#navi ul.navi-sub li:first-child { margin-left: 25px; }
#header nav#navi ul.navi-sub a { color: #bfb9b9; }
#header nav#navi ul.navi-sub a.active,
#header nav#navi ul.navi-sub a:hover { color: #dfdbdb; }
		



#space {
		float: left;
		height: 50%;
		width: 1px;
		z-index: 500;
}
#main {
		max-width: 1080px;
		/*min-width: 760px;*/
		margin: 0 auto;
		padding: 20px;
		position: relative;
		clear: left;
		z-index: 500;
		transform: translateY(110px);
}
section.content {
		position: relative;
		background: url('../img/bknd-white.png');
		margin: 35px auto 0;
		padding:  15px;
		max-width:  620px;
		-webkit-border-radius: 3px;
				border-radius: 3px;
		-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
				box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
}
section.content div.dark {
		background:  url('../img/bknd-dark.png');
		margin: 10px -15px;
		padding: 15px;
}

section.content div.fce5050 {}
section.content div.fce5050 div.lft {
		float: left;
		width: 49%;
		margin-right: 1%;
}
section.content div.fce5050 div.rgt {
		float: right;
		width: 49%;
		margin-left: 1%;
}

section.content div.fce6535 {}
section.content div.fce6535 div.lft {
		float: left;
		width: 64%;
		margin-right: 1%;
}
section.content div.fce6535 div.rgt {
		float: right;
		width: 32%;
		margin-left: 1%;
}

section.content div.fce333333 {}
section.content div.fce333333 div.lft {
		float: left;
		width: 32%;
		margin-right: 1%;
}
section.content div.fce333333 div.cnt {
		float: left;
		width: 32%;
		margin: 0 1%;
}
section.content div.fce333333 div.rgt {
		float: right;
		width: 32%;
		margin-left: 1%;
}


h1 {
		margin: 0;
		padding: 0;
		color: #1b1919;
		font-size: 24px;
		font-weight: 600;
		line-height: 32px;
}
h2 {
		margin: 0;
		padding: 0;
		color: #4c3f3f;
		font-size: 18px;
		font-weight:  400;
		line-height: 24px;
}
h3 {
		margin: 0;
		padding: 0;
		color: #4c3f3f;
		font-size: 21px;
		font-weight:  400;
		line-height: 26px;
		text-transform:  uppercase;
}
h4 {
		margin: 0;
		padding: 0;
		color: #4c3f3f;
		font-size: 16px;
		font-weight:  400;
		line-height: 21px;
		text-transform:  uppercase;
}
h1.uppercase,
h2.uppercase,
h3.uppercase,
h4.uppercase {
		text-transform: uppercase;
}
h1.normal,
h2.normal,
h3.normal,
h4.normal {
		text-transform: none;
}
section.content a,
a.colorboxInline {
		color:  #3e3536;
		text-decoration: underline;
}
section.content a:hover,
a.colorboxInline:hover {
		color:  #000;
		text-decoration: none;
}

section.content div.dark h1,
section.content div.dark h2,
section.content div.dark h3,
section.content div.dark h4 { color: #f4f2f2; }
section.content div.dark h3 { font-weight: 600; }


section.content p { margin: 0 0 15px 0; }
section.content p:last-child { margin: 0; }

section.content ul {
		list-style: none;
		list-style-type: none;
		margin: 0 0 15px 0;
		padding: 0;
}
section.content ul ul {
		margin:  0 0 5px 0;
}
section.content li {
		margin-left: 10px;
		padding-left: 5px;
}
section.content li:before {
		display: inline-block;
		width: 10px;
		margin-left: -10px;
		content: "· ";
		font-weight: 700;
}
section.content li li {
		padding-left: 10px;
		font-size: 12px;
}


section#startseite {
		max-width:  620px;
}

section#leistungen {
		max-width: 1080px;
		/*min-width: 760px;*/
}

section#praxis {
		max-width: 1080px;
		/*min-width: 760px;*/
}
section#praxis img.dr-hong-lue {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
				box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
		-webkit-border-radius: 3px;
				border-radius: 3px;
}
section#praxis label.opening {
		display: inline-block;
		width: 65px;
}

section#china-med {
		max-width:  620px;
}

section#impressum {
		float:  right;
		width:  490px;
		margin-bottom: 20px;
}

#cboxLoadedContent h2 {
		margin: 0;
		padding: 0;
		color: #1b1919;
		font-size: 24px;
		font-weight: 600;
		line-height: 32px;
}
#cboxLoadedContent h3 {
		margin: 0;
		padding: 0;
		color: #4c3f3f;
		font-size: 18px;
		font-weight:  400;
		line-height: 24px;
}

#space { height: 110px; }

#main {
	transform: none;
}


.consent-google-maps {
    background-color: #f8f8f8;
    padding: 1.285em 2.642em;
    text-align: center;

	height: 100%;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}
.consent-google-maps .btn-primary {
    background-color: #564c4b;
    border-radius: 0;
    border: 1px solid #564c4b;
	color: #fff;
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.consent-google-maps p {
    max-width: 600px;
}
 

@media only screen and (max-width: 767px) {
	#header nav#navi ul li {
		margin: 0 15px !important;
	}
}

@media only screen and (max-width: 500px) {
	body { min-width: 320px; }
	#header {
		height: 120px;
	}
	#header #logo {
		position: relative;
		text-align: center;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#header em#slogan {
		border: none;
		text-align: center;
		margin: 10px auto 0;
	}
	#header nav#navi {
		top: 100px;
		height: 70px;
	}
	#space {
		height: 170px;
	}
	.lft, .rgt {
		float: none !important;
		display: block;
	}
}

@media only screen and (max-width: 940px) {
	#header nav#navi ul.navi-sub {
		float: none;
	    background: #3e3536;
	    margin: 0 -20px;
		display: block;
		left: 0;
		clear: both;
		right: 0;
		position: relative;
		height: 35px;
	}
	
	#header nav#navi ul {
		text-align: center;
	}

	#header nav#navi ul li { float: none; display: inline-block !important; }

	section#impressum {
		float: none;
		width: auto;
	}
}

@media only screen and (max-width: 767px) {
	#header nav#navi ul li {
		margin: 0 10px !important;
	}

}

@media only screen and (min-width: 768px) and (max-width: 940px) {
	#header nav#navi ul li {
		margin: 0 15px !important;
	}
}