@charset "utf-8";

/* ********************
   ivf-muenchen.com 
   v2.0 MOBILE VERSION
   ******************** */
   


/* FONT */
@font-face {
	font-family: 'HumanReg';
	src: url('../webfont/Humanst521-BT.ttf');
}
/* Hum521 - latin */
@font-face {
	font-family: 'HumanLt';
	src: url('../webfont/Humanist-521-Light-BT_23306.ttf'); 
}  

* {box-sizing: border-box;}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "HumanReg", sans-serif;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.logo {
		width:60%;
		height:auto;
		padding-top:20px;
		padding-left:10%;
	}
.logoLarge {
		display:block;
		max-width:580px;
		height:auto;
		}

.right_box {
		/*float:right;*/
		position:absolute;
		top:20px;
		right:5%;
	}	
	
	
	/* === MAIN ====*/	
main {
	background-color:#b7aba3;
	width:100%;
	}
	
	
	.content-wrapper-table {  /*für alle Unterseiten */
		display: table;      
		border-spacing: 0;      
		width: 100%;	
	}
	
	.content-wrapper-table-hp {
		display: table;      
		border-spacing: 0;      
		width: 100%;	
	}
	
	.content-wrapper-flex-hp {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
        width:100%;		
	}
	
	/* === Navigation Desktop ==== */
	nav {
		display:table-cell;
		width:30%;
		min-width:200px;
		height:auto;
		padding-left:10%;		
		box-sizing: border-box;
		background-color:#b7aba3;
		vertical-align:top;
		z-index:1;
		}

	    nav ul {
			float: right;
			width:100%;
			margin: 0;
			padding: 0;
			padding-right:20px;
			text-align:left;			
			list-style-type: none;
			
			}
			
		nav ul li {
		
			margin:0;
			height:auto;
			padding-top:10px;
			padding-bottom:10px;
			border-bottom:1px solid #FFF;
			}
			
		nav ul li:first-child {padding-bottom:4px;} 
		nav ul.sub li:first-child {padding-bottom:10px;}
		nav ul.sub li:last-child {
			/*padding-bottom:30px;
			margin-bottom:10px;
			border-bottom:1px solid white; */
		}
			
		nav ul li a {
			display: block;
			width: 100%;
			color: #FFF;
			text-decoration:none;
		}
		
		nav ul li a:hover {
		  display: block;
		  text-decoration: none;
		  color: #182246;
		}

		nav ul li a:active, nav ul li a.active {
		  color: #182246;
		}

		/*sub*/
		li ul.sub 		{margin:0; padding:0;margin-top:10px;}
		li ul.sub li 	{display:block;padding-top:0px;border-bottom:none;}
		
		li ul.sub li a.sub:link, a.sub:visited {
			font:400 1rem/1.2rem 'HumanReg', sans-serif;
			color: #FFF;
			text-decoration:none;
		}
		
		 li a.subsub:link, li a.subsub:visited {
			font:400 1rem/1.2rem 'HumanReg', sans-serif;
			color: #d6cdc8;
			text-decoration:none;
		}
		
		
		li ul.sub li a.sub:hover, li ul.sub li a:active, li a.subsub:hover, li a.subsub:active {
			color: #182246;
			}
		/* === ENDE NAV DESKTOP =======*/
	
	.infobox {
		background-color:#be0c76;
		color:#fff;
		font: 1rem/1.2rem 'HumanReg', sans-serif;
		width:100%;
		margin:0 auto;
	}
	
	.infobox-inner {
		width:50%;
		padding:10px;
		margin:0 auto;
		text-align:left;
	}
	
	.content {
		display:table-cell;
		width:70%;
		height:auto;
		box-sizing: border-box;
		background-color: #ece9e7;
		/*border-left:2px solid #FFF;*/
	}
	
	.content-hp {
		display:table-cell;
		width:70%;
		height:80vh;
		box-sizing: border-box;
		background-color: #ece9e7;
		border-left:2px solid #FFF;
	}
	
	.content-hp-normal {		
		width:70%;
		height:80vh;
		box-sizing: border-box;
		background-color: #ece9e7;
		border-left:2px solid #FFF;
	}
	
	
	#bild { position:relative; }
	
	.img-responsive {
		width:100%;
		height:auto;
	}
	
	p.caption {
		position: absolute;
		width:100%;
		z-index: 1;
		font-size: 2.0rem;
		color: #fff;
		background-color: rgba(160,145,134, .45);
		bottom:4px;
		padding:0;
		padding: 1% 1%;
		padding-left: 5%;
		margin: 0;
		text-align: left;
		text-transform:uppercase;
	}
	
	h1.caption {
		position: absolute;
		width:100%;
		z-index: 1;
		font-size: 2.0rem;
		font-weight:400;
		color: #fff;
		background-color: rgba(160,145,134, .45);
		bottom:4px;
		padding:0;
		padding: 1% 1%;
		padding-left: 5%;
		margin: 0;
		text-align: left;
		text-transform:uppercase;
	}
	
	.text {
		width:80%;
		padding-left:5%;
		padding-top:10px;
		font:400 1.3125rem/1.75rem 'HumanReg', sans-serif;  /*21px*/
		color: #182246;
	}
	
	.text-ds {
		width:80%;
		padding-left:5%;
		padding-top:10px;
		font:400 1.2rem/1.55rem 'HumanReg', sans-serif;  /*21px*/
		color: #182246;
	}
	
	/* Terminfeld pink */
	.patienteninfo-mobile a {color: #fff;}
	.patienteninfo-mobile a span.headline-info {font-size:1.3rem;}
	
	
	
	/* ==== CONTENT STARTSEITE Galerie ==================== */
	
	.main-gallery {
		height: 100%;
		width: 100%;
		z-index:-1;
	}
	
	.main-gallery:focus {outline:0;}
	
	.gallery-cell {
		width: 100%;
		height: 80vh;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; 
		box-sizing: border-box;
	}
	
	p.caption-start {
		position: absolute;
		width:70%;
		z-index: 2;
		font-size: 2.0rem;
		color: #fff;
		background-color: rgba(160,145,134, .45);
		/*background-color: rgba(144,250,230, .55);*/
		bottom:10%;
		right:0;
		padding: 1% 1%;
		padding-left: 5%;
		margin: 0;
		text-align: left;
		text-transform:uppercase;
	}
	
	
	/* ==== FOOTER(s) ================================ */
	footer, .footer {
		float:left;
        width:100%;
		height: auto;
		margin:0;padding:0;
		background-color:#f9f8f7;
		border-top:2px solid white;
		}
		
	.foo-box {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			height: auto;
			padding-right: 10%;
			padding-left: 10%;
			padding-bottom:1.5%;
			padding-top:12px;		
			}
			
	.foo-box > div {
			width:19%;
			text-align: left;
			color: #a09186;
			font:0.85rem/1.2rem 'HumanReg', sans-serif;
			}
			

/* === content styles ============ */	

/* HEADLINES */
.content h1 {}
.content h1.top {
			margin:0;
			padding-left:5%;
			background-color:rgba(160,145,134,0.45);
			font:400 2rem/1.75em  'HumanReg', sans-serif; color:#fff;
			}

.content h2 		{font:400 1.75rem  'HumanReg', sans-serif; color:#182246;}
.content h2.pink 	{font:400 1.75rem  'HumanReg', sans-serif; color:#be0c76;}
.content h3 {font:400 1.3125rem 'HumanReg', sans-serif; color:#182246;margin-bottom:10px;}
/* ==== END HEADLINES ==== */

hr { /*border-top:1px solid #182246;*/ 
	border: 0;
	border-style:none;
	height: 1px;
	background-color: #182246;
	}

.content ul {
		margin:0;padding:0;
		padding-top:10px;
		list-style: none;
		margin-left:20px;	
		}
		
.content ul li::before {
		content: "\2022";
		color: #be0c76;
		font-weight: bold;
		display: inline-block; 
		width: 1em;
		margin-left: -1em;
		}		

.content ul li ul.grey { list-style-type:none;}
.content ul li ul.grey li:before { color: #182246; } 

.content a:link, .content a:visited {
			color:#be0c76;		
			text-decoration:none;
			}		
.content a:hover, a:active {
			color: #182246;
			text-decoration:none;
			}

/* ===== ÄRZTE / TEAM SEITEN  ========================= */
.row-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: auto;
	/*padding-right: 10%;
	padding-left: 10%;
	padding-bottom:1.5%;
	padding-top:12px;*/
	}
	
	.col-1 {width:65%;}

	.col-2 {
		width:48%;
		min-width:200px;
		height:auto;
		font:400 1.0rem/1.375rem 'HumanReg', sans-serif;	
		}
		
	.col-3	{
		width:30%;
		min-width:100px;
		height:auto;
		font:400 1.0rem/1.375rem 'HumanReg', sans-serif;	
		}
		
.img-pinklayer	{
	position: relative;
	width: 100%;
	background-color: #be0c76;	
	}

.img-aerzte {
	opacity: 1;       
	-moz-opacity: 1;   
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
	filter:alpha(opacity=100); 	
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
	cursor:pointer;
	}

.img-aerzte:hover {
    opacity: 0.7;   
	-moz-opacity: 0.7;   
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";   
	filter:alpha(opacity=70); 	
	}
	
img.team {
    width: 100%;
    height: auto;
    border-style: none;
    border: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
}


a.headline-aerzte:link, 
a.headline-aerzte:visited {
			color:#182246;		
			text-decoration:none;
			}
		
a.headline-aerzte:hover, 
a.headline-aerzte:active {
		color: #be0c76;
		text-decoration:none;
		}				
		
	/* Erklärvideos */
	.video-content {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between; /*space-around;*/
		align-self: center;  
		margin-bottom:14px;
	}
	
	.video-link {
		display:block; 
		box-sizing:border-box;
		padding:.5em 1em;
		width:32%;
		border:1px solid #000;
		height:100px;
		padding-top: 2%;
		text-align:center;
		margin-bottom:10px;		
		background-color:transparent;
		transition: .35s ease;
	}
	
a.video-link:link, a.video-link:visited {
	font: 400 1.3125rem / 1.75rem 'HumanReg', sans-serif;
	color:  #be0c76;
	}
a.video-link:hover, a.video-link:active {
	font: 400 1.3125rem / 1.75rem 'HumanReg', sans-serif;
	color: #000;
	}
	
/* ===== FOOTER styles ================================= */
.footer h1 {
			font:400 0.85rem/1.4rem 'HumanReg', sans-serif;
			color:#a09186;
			text-transform:uppercase;
			margin:0;
			margin-bottom:20px;
			}
			
footer h2 {
			font:400 0.85rem/1.4rem 'HumanReg', sans-serif;
			color:#a09186;
			text-transform:uppercase;
			margin:0;
			margin-bottom:20px;
			}
p.foo-headline {
			font:400 0.85rem/1.4rem 'HumanReg', sans-serif;
			color:#a09186;
			text-transform:uppercase;
			margin:0;
			margin-bottom:20px;
			}			


.foo-box a:link, .foo-box a:visited {
			font:400 0.85rem/1.35rem 'HumanReg', sans-serif;
			color:#a09186;		
			text-decoration:none;
			}
		
.foo-box a:hover, a:active {
		color: #182246;
		text-decoration:none;
		}				
			
			
.foo-box a:link.nav, .foo-box a:visited.nav {
			display:block;
			font-size:0.85rem;
			line-height: 1.35em;
			color:#a09186;		
			text-decoration:none;
			}
		
.foo-box a:hover.nav, a:active.nav {
		color: #182246;
		text-decoration:none;
		}				
.foo-box .aktiv {display:block;font:400 0.85rem/1.35rem 'HumanReg', sans-serif;color: #182246;}			
	
	
	
/* ==== ONLINE TERMIN  =====  */	
.btn {	
	border:2px solid #a09186;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;	
    outline: none;
    position: relative;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	}	
	
/* Button Hover */
.btn:hover, .btn:active {
	color: #fff;
	background-color: #a09186;
} 
.termin-mobile: {display:none;}
.termin {
		width:250px;		
		text-align:center;	
		font:400 1.0rem/1.375rem 'HumanReg', sans-serif;	
		color: #a09186;		
	}
	
	
.telefon {
		padding-top:28px;  /* mit online termin 28px - ohne 75px */
		text-transform:uppercase;
		text-align:center;	
		font:400 1.75rem/1.2rem 'HumanLt', sans-serif;
		/*color: #1981d0;*/
	}
	
a.tel:link, a.tel:visited {
		color: #be0c76;
		text-decoration:none;
		}
		
a.tel:hover, a.tel:active {
		color: #182246;
		text-decoration:none;
		}	
		


a.terminLnk-Footer:link, a.terminLnk-Footer:visited 
/*,a.pinkLnk-Footer:link, a.pinkLnk-Footer:visited*/ {
		color: #be0c76;
		text-decoration:none;
		/*padding:10px; */
		}
		
a.terminLnk-Footer:hover, a.terminLnk-Footer:active
/*,
a.pinkLnk-Footer:hover, a.pinkLnk-Footer:active*/ {
		color: #182246;
		text-decoration:none;
		}	
/* ==== ENDE TERMIN === */


/* ==== Sprachen / Flaggen ===== */
.language {
		position: fixed;
		top: 30%;
		-ms-transform: translateY(-30%);
		-webkit-transform: translateY(-30%);
		transform: translateY(-30%);
		z-index:100;
		}
		
.language a {
		display: flex;
		width: 40px;
		height: 24px;
		margin-bottom:2px;
		text-align: center;
		align-items: center;
		justify-content: center;
		opacity: 0.45;       
		-moz-opacity: 0.45;   
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";   
		filter:alpha(opacity=45); 
	}
.language a:hover {
		 opacity: 1;       
		-moz-opacity: 1;   
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
		filter:alpha(opacity=100); 		
	}	
    
.language a.aktiv {
		 opacity: 1;       
		-moz-opacity: 1;   
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
		filter:alpha(opacity=100); 	
		}
/* ==== ENDE Sprachen ========== */



/* === STYLES ========= */
.p-left-10 	{padding-left:10px;}
.p-bottom-20 {padding-bottom:20px;}	
.m-bottom-4 {margin-bottom:4px;}
.upper 		{text-transform:uppercase;}
.white 		{color: #FFF;}
.pink 		{color:#be0c76;}
.small 		{font-size:0.85rem;line-height:1.2rem;}
.bold 		{font-weight:600;}
.light 		{font-family: "HumanLt", sans-serif;}
.nobr		{white-space:nowrap;}




/* ==== SUCHE ========= */
.formfeld img {
	padding-right:2px;
	padding-top:6px;
}
.formfeld input {
	text-align:left;
	width:60%;
	background-color: transparent; 
	border:none;
	color:#FFF;
	padding:6px 0;
	outline: none;
	font:1rem/1.2rem 'HumanLt', sans-serif;
}

::-webkit-input-placeholder { color:#ece9e7;font:0.75rem 'HumanLt', sans-serif;text-transform:uppercase; }
::-moz-placeholder { color:#ece9e7;font:0.75rem 'HumanLt';text-transform:uppercase; }


a.sucheLnk:link, a.sucheLnk:visited {
		font-family:'HumanLt', sans-serif;
		color: #182246;
		text-decoration:none;
		}
		
a.sucheLnk:hover, a.sucheLnk:active {
		color: #be0c76;
		text-decoration:none;
		}

#map {height:100%; width:auto;}

ul.footer {list-style: none;padding: 0;margin: 0; border:none;}
ul.footer li {padding-left: 10px; text-indent: -10px;}
	
	
	
/* ************************************************
   MEDIA QUERIES - 1232 - 1100
   ************************************************ */
  
@media only screen and (max-width: 1280px) {
	
	.infobox-inner {  width:80%;}
	
}


@media only screen and (max-width: 1100px) {
	
	.right_box {
		/*float:right;*/
		position:absolute;
		top:20px;
		right:5%;
	}
	
	.termin {
		width:190px;		
		text-align:center;	
		font:400 1.0rem/1.375rem 'HumanReg', sans-serif;	
		color: #a09186;		
	}
	
	.telefon {
		padding-top:28px;  /*75px*/
		text-transform:uppercase;
		text-align:center;	
		font:400 1.4rem/1rem 'HumanLt', sans-serif;
		/*color: #1981d0;*/
	}

	
}
/*  *****************************************  
     MEDIA QUERIES 992px					  
    *****************************************  */
@media only screen and (max-width: 991px) {
	
	
	
	.infobox-inner {  width:95%; }
	
	/*footer {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
		min-height:0px;
	}*/
	
footer {display:none;}
	
	
header {
	background-color: #FFF;
	width:100%;
}
	
	.header_wrapper {
		padding:5px 0px;
		width:100%;
	}

	.sticky-logo {
		position: fixed;
		width: 100%;
		top:0px;
		z-index:10;
	}
	
	.sticky-menu {
		position: fixed;
		width: 100%;
		top:60px;
		z-index:10;
	}

	.logo {
		width:100%;
		height:auto;
		padding-left:5%;
		padding-right:5%;
	}

	.logoSmall {
		max-height:100%;
		max-width:100%;
	}
	
	.logoLarge {
		padding-bottom:10px;
		margin:0 auto;
	}
	
	.right_box {display:none;}	
	
	.nav-mobile {
		width:100%;
		height:60px;
		background-color: #b7aba3;
		border-bottom:2px solid #FFF;
		margin:0;
		padding:0;
	}
	
	/* ===== BURGER MENÜ ANIMIERT */
	.hamburg { 
	   float:left;
	   background-color: #b7aba3;
	   width: 50px; 
	   height: 50px; /*ece9e7*/
	   position: relative; 
	   transition: border-radius .5s;
	   cursor:pointer;
	   margin-left:2%;
	   margin-top:5px;
	}

	.line { 
	   position: absolute; 
	   left:10px;
	   height: 2px; width: 40px; 
	   background-color: #fff; 
	   display: block; 
	   transition: 0.5s; 
	   transform-origin: center; 
	}

	.line:nth-child(1) { top: 14px; }
	.line:nth-child(2) { top: 24px; }
	.line:nth-child(3) { top: 34px; }

	.hamburg.checked .line:nth-child(1){
	   transform: translateY(10px) rotate(-45deg);
	}

	.hamburg.checked .line:nth-child(2){
	   opacity:0;
	}

	.hamburg.checked .line:nth-child(3){
	   transform: translateY(-10px) rotate(45deg);
	}
	
	.mobile-menu-index {display: block!important; }
	.mobile-menu-index {
		display:block; 
		display:none; 
		width:100%; 
		text-align: left;
		margin:0;
		padding:0;
		top:400px;
		z-index:900;
		background-color:#FFF;
	}

/* #MobileMenuDivWrapper {  //menu scrollbar machen height brauchts
  height: 200px;
  max-height: 200px;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch; // mobile safari
}   oder einfach soft
.nav {
  max-height: calc(100% - 50px);
  overflow-y: auto;
}
*/
		
	.mobile-menu{
		text-align: left;
		display:none;
		margin: 0;
		padding: 0;
		font-size: 1.0rem;
		width: 100%;
		z-index: 100;
	}

	.mobile-menu ul,.mobile-menu-index ul{
		list-style: none;
		padding: 0px 0px;
		margin: 0;		
	}

	.mobile-menu ul li,.mobile-menu-index ul li{
		margin: 0;
		border-bottom: 1px solid #FFF;
		background-color: #b7aba3;
	}

	.mobile-menu ul li a,.mobile-menu-index ul li a {
		color: #FFF;
		padding: 8px 0;
		display: block;
		text-decoration:none;
		text-transform:uppercase;
		padding-left:20px;		
	}

	.mobile-menu ul li.submenu, .mobile-menu-index ul li.submenu{ background: #ece9e7; }

	.mobile-menu ul li.submenu a, .mobile-menu-index ul li.submenu a{ color: #182246; text-decoration:none;text-transform:none;}
		
	.mobile-menu ul li.active, .mobile-menu-index ul li.active{ background-color: #677272; }
	.mobile-menu ul li.active a, .mobile-menu-index ul li.active a { color: #fff; }

	div.submenu { display:none; }		
		
	.mobile-menu-index ul li:first-child { border-top: solid 2px #FFF; }
	
	/* == Sprachauswahl Flaggen ==== */
	a.language-mobile:link, a.language-mobile:visited {
		display:inline-block;
		width: 36px;
		height:36px;
		padding-top:7px;
		opacity: 0.45;       
		-moz-opacity: 0.45;   
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";   
		filter:alpha(opacity=45);
		}
		
	a.language-mobile:hover {
		opacity: 1;       
		-moz-opacity: 1;   
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
		filter:alpha(opacity=100); 	
		}
		
	a.aktiv {
		display:inline-block;
		width: 36px;
		height:36px;
		padding-top:7px;
		opacity: 1;		
	}

	/* === END BURGER MENÜ =========== */
	
	.col-icons {
		float:right;
		padding-top:10px;
		padding-right:5%;
	}

	.col-icons a.icons { 
		padding-left:20px;
		vertical-align:middle;
	}
	
.formfeld img {
	padding-left:20px;
	padding-right:2px;
	padding-top:6px;
}

/* === MAIN ====*/	
main {
	background-color:#b7aba3;
	width:100%;
	}
	
	.language 	{display: none;}	
	nav 		{display:none;}
	
	.content {  /*für alle Unterseiten */
		width:100%;
		background-color: #ece9e7;
		border:none;
	}
	
	.img-responsive {
		width:100%;
		height:auto;
	}
	
	#bild { 	
		position:relative;
	}


	p.caption {
		position:relative;
		width:100%;
		z-index: 2;
		font-size: 1.35rem;
		color: #fff;
		background-color: rgba(183,171,163, 1);
		padding: 2% 5%;
		margin: 0;
		text-align: left;
		text-transform:uppercase;
		border-top:2px solid #FFF;
		border-bottom:2px solid #FFF;
	}
	
	h1.caption {
		position:relative;
		width:100%;
		z-index: 2;
		font-size: 1.35rem;
		color: #fff;
		background-color: rgba(183,171,163, 1);
		padding: 2% 5%;
		margin: 0;
		text-align: left;
		text-transform:uppercase;
		border-top:2px solid #FFF;
		border-bottom:2px solid #FFF;
	}
	
	.text {
		width:100%;
		padding: 10px 5% 0 5%;	
		font:400 1.3125rem/1.75rem 'HumanReg', sans-serif;  /*21px*/
		color: #182246;
	}
	
	.text-ds {
		width:100%;
		padding: 10px 5% 0 5%;	
		font:400 1.2rem/1.55rem 'HumanReg', sans-serif;  /*21px*/
		color: #182246;
	}
	
	
	/* ==== CONTENT Start Galerie ==================== */

	.content-wrapper-flex-hp { /* für die Startseite */
		display: table;
		border-spacing: 0;  
        width:100%;	
	}
	
	.content-hp-normal {		
		width:100%;
		height: 50vh;
		box-sizing: border-box;
		background-color: #ece9e7;
		border:0;
	}
	
	.main-gallery {
		height: 50vh;
		width: 100%;
		z-index:-1;
	}
	
	.main-gallery:focus {outline:0;}
	
	.gallery-cell {
		width: 100%;
		height:50vh;
		border-left:2px solid #FFF;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; 
		box-sizing: border-box;
	}
	
	p.caption-start {
		position: absolute;
		width:100%;
		z-index: 2;
		font-size: 1.0rem;
		color: #fff;
		background-color: rgba(160,145,134, 1);
		bottom:0px;
		padding: 4% 2%;
		padding-left: 5%;
		text-align: left;
		border-top:2px solid #FFF;
	}
	
	h1.caption-start {
		position: absolute;
		width:100%;
		z-index: 2;
		font-size: 1.0rem;
		color: #fff;
		background-color: rgba(160,145,134, 1);
		bottom:0px;
		padding: 4% 2%;
		padding-left: 5%;
		text-align: left;
		border-top:2px solid #FFF;
	}
	/* == ENDE HP / GALERIE ====================== */
	
	.content h1.top {
			font:400 1.8rem/1.5em  'HumanReg', sans-serif; color:#fff;	}
	.content h2 {font:400 1.5rem  'HumanReg', sans-serif; color:#182246;}
	.content h2.pink {font:400 1.5rem  'HumanReg', sans-serif; color:#be0c76;}
	
	hr { /*border-top:1px solid #182246;*/ 
		border: 0;
		border-style:none;
		height: 1px;
		background-color: #182246;
	}
	
	.content ul {
		margin:0;padding:0;
		padding-top:10px;
		list-style: none;
		margin-left:20px;	
	}


	.content ul li::before {
	  content: "\2022";
	  color: #be0c76;
	  font-weight: bold;
	  display: inline-block; 
	  width: 1em;
	  margin-left: -1em;
		}
		

	.content ul li ul.grey { list-style-type:none;}
	.content ul li ul.grey li:before { color: #182246; } 
	
	

	.row-btn-termin {display:block!important;}
	.row-btn-termin {
		width:100%;
		height:auto;
		border-top:2px solid #FFF; 
		padding:3% 5%;
		background-color: #e2dbd6; 
	}
	
	.btn, .btn1 {	
		display: block;
		margin:0 auto;
		padding: 8px;
		cursor: pointer;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 400;	   
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}	
	
	/* Button Hover */
	.btn:hover,
	.btn:active {
		color: #fff;
		background-color: #f9f8f7;  		
		-webkit-tap-highlight-color: rgba(249,248,247,.5);
		color: #182246;
	}

	.btn1:hover,
	.btn1:active {
		color: #fff;
		background-color: #9a0a60;		/*#f9f8f7;  		*/
		-webkit-tap-highlight-color: rgba(154,10,96,.8);
		color: #182246;
	}

	.termin-mobile,.patienteninfo-mobile {display:block!important;}
	.termin-mobile {
		width:70%;	
		height:auto;		
		text-align:center;	
		font:400 1.2rem/1.375rem 'HumanReg', sans-serif;	
		color: #182246;
		border:2px solid #FFF;  
		background-color:#e2dbd6;
	}
	
	.patienteninfo-mobile {
		width: 100%;
		height: auto;
		text-align: center;
		font: 400 1.2rem/1.375rem 'HumanReg', sans-serif;
		color: #FFF;
		border: none;
		background-color:#be0c76;
	}
	
	.termin-mobile a, .patienteninfo-mobile a {
		text-decoration:none;
	}
	
	
	
	.footer h1 {
				font:400 0.85rem/1.4rem 'HumanReg', sans-serif;
				color:#a09186;
				text-transform:uppercase;
				margin:0;
				margin-bottom:20px;
				}

	.footer h2 {
				font:400 0.85rem/1.4rem 'HumanReg', sans-serif;
				color:#a09186;
				text-transform:uppercase;
				margin:0;
				margin-bottom:20px;
				}
				
	p.foo-headline {
				font:400 0.85rem/1.4rem 'HumanReg', sans-serif;
				color:#a09186;
				text-transform:uppercase;
				margin:0;
				margin-bottom:20px;
			}
				
	.foo-box a:link, .foo-box a:visited {
				font:400 0.85rem/1.35rem 'HumanReg', sans-serif;
				color:#a09186;		
				text-decoration:none;
				}
			
	.foo-box a:hover, a:active {
			color: #182246;
			text-decoration:none;
			}				
				
				
	.foo-box a:link.nav, .foo-box a:visited.nav {
				display:block;
				font-size:0.85rem;
				line-height: 1.35em;
				color:#a09186;		
				text-decoration:none;
				}
			
	.foo-box a:hover.nav, a:active.nav {
			color: #182246;
			text-decoration:none;
			}				
	.foo-box .aktiv {display:block;font:400 0.85rem/1.35rem 'HumanReg', sans-serif;color: #182246;}		
	
/*	a.pinkLnk-Footer:link, a.pinkLnk-Footer:visited {
			color: #be0c76;
			text-decoration:none;
			}
			
	a.pinkLnk-Footer:hover, a.pinkLnk-Footer:active {
			color: #182246;
			text-decoration:none;
			}	*/

	.footer {
		float:left;
		width:100%;
		height: auto;
		margin:0;padding:0;
		background-color:#f9f8f7;
		border-top:3px solid white;
	}
			
	.foo-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		height: auto;
		padding-left:0;
		padding-right:0;
		padding-bottom:1.5%;
		padding-top:0;		
	}

	.foo-box > div {
		width:50%;
		text-align: left;
		color: #a09186;
		font:0.85rem/1.2rem 'HumanReg', sans-serif;
	}
			
	/*.foo-box div:nth-of-type(1) {
		border-right:4px solid white;	
		padding-left: 5%;
		padding-top: 10px;
	}
	
	.foo-box div:nth-of-type(2) {
		padding-right: 5%;
		padding-bottom: 5%;	
		padding-left: 5%;
		padding-top:10px;
	}
		
	.foo-box div:nth-of-type(3) {
		border-top:4px solid white;
		border-right:4px solid white;
		padding-top:10px;
		padding-left: 5%;	 
		padding-bottom: 5%;	
		
	}
	
	.foo-box div:nth-of-type(4) {
		border-top:4px solid white;
		padding-right: 0px;
		padding-left: 0px;	
		padding-top: 0px;
		padding-bottom: 0px;
	 }		

	.foo-box div:nth-of-type(5) {
		padding: 5%;
		border-top:4px solid white;
		-webkit-flex-grow: 2;flex-grow: 2;
		background-color: #fcfdfd;	
	}*/
	
	
	.foo-box div#kontakt {
		border-right:4px solid white;	
		padding-left: 5%;
		padding-top: 10px;
	}
	
	.foo-box div#sprechzeiten {
		padding-right: 5%;
		padding-bottom: 5%;	
		padding-left: 5%;
		padding-top:10px;
	}
		
	.foo-box div#anfahrt {
		border-top:4px solid white;
		border-right:4px solid white;
		padding-top:10px;
		padding-left: 5%;	 
		padding-bottom: 5%;	
		
	}
	
	.foo-box div#googlemaps {
		border-top:4px solid white;
		padding-right: 0px;
		padding-left: 0px;	
		padding-top: 0px;
		padding-bottom: 0px;
	 }		
	 
	 .foo-box div#googleroute {
		border-top:4px solid white;
		padding-right: 5%;
		padding-bottom: 5%;	
		padding-left: 5%;
		padding-top:10px;
	 }	

	.foo-box div#footer-mobile-nav {
		padding: 5%;
		border-top:4px solid white;
		-webkit-flex-grow: 2;flex-grow: 2;
		background-color: #fcfdfd;	
	}	
	
	.footer h1 {
	   margin-top: 10px;

	}	
	
	p.foo-headline {
	   margin-top: 10px;

	}	

.terminLnk {display:none;}	/*footer Link unsichtbar */

}


/* ******************************************
    MEDIA QUERIES 742px					 
   ******************************************  */
@media only screen and (max-width: 742px) {
	
	.logoLarge {
		max-width:380px;
	}
	
	
	.content h1.top {
			font:400 1.6rem/1.3em  'HumanReg', sans-serif; color:#fff;
			}
	

}



/* ******************************************
    MEDIA QUERIES 576px					 
   ******************************************  */
@media only screen and (max-width: 576px) {
	

	
	/* ===== ÄRZTE / TEAM SEITEN  ========================= */

	.col-2 {
		width:100%;
		min-width:0;
		height:auto;
		font:400 1.0rem/1.375rem 'HumanReg', sans-serif;
		}
		
	.col-3	{
		width:100%;
		min-width:0;
		height:auto;
		font:400 1.0rem/1.375rem 'HumanReg', sans-serif;	
		}
	
	/*.content h1.top {
			font:400 1.6rem/1.1em  'HumanReg', sans-serif; color:#fff;
			}
	*/
	.col-1 {width:100%; height:auto; }
	
		/* Terminfeld pink */
	.patienteninfo-mobile a {color: #fff;font-size:1.0rem;}
	.patienteninfo-mobile a span.headline-info {font-size:1.0rem;}

}
	



/* ******************************************
    MEDIA QUERIES 413px					 
   ******************************************  */
@media only screen and (max-width: 413px) {
.logoLarge {
		max-width:300px;

	}