  

/* ============================================================================================================================= */
/* Body */
/* ============================================================================================================================= */

body { 		
  font-size:1.10em ;
  background-color:#ffffff; 	
  background:#ffffff url(https://www.frauenaerzte-am-tiefen-see.de/wp-content/uploads/pattern3.png) fixed; }    


.wrap > .top, .wrap > .main, .wrap > .footer, .wrap > .endpage  { 
  font-size:1.10em ;   
  font-family:'calibri', sans-serif;	
  line-height:1.30em; 
  color:#606060; 
} 

.wrap > .endpage, .wrap > .footer { color:#0099a1; }      
.wrap > .endpage a, .wrap > .endpage a:hover, .wrap > .footer a, .wrap > .footer a:hover  { color:#ee7f01; }

.wrap > .main  {text-indent:0px;	}  

.wrap * h1 { 
	font-size:2.20em; 
	font-weight:normal;
	margin:0px 0 0px 0 } 	
.wrap * h2 { 
	font-size:1.90em; 
	font-weight:normal;
	margin:0px 0 0px 0	}
.wrap * h3 {
	font-size:1.70em; 
	font-weight:normal;
	margin:0px 0 0px 0	 }
.wrap * h4 { 
	font-size:1.40em; 
	font-weight:normal;
	margin:0px 0 4px 0	 }

.wrap .impress { font-size:1.00em }

.bigslider_pics { font-size:0.875em;}  /*reset font-size */	  
.wrap a { color:#ee7f01; }
.wrap a:hover { color:#ee7f01; text-decoration:underline  } 

/* Container Head (Logo/Mainnavigation) ============================================================================================================= */
.topinfo { color:#ffffff; }
                                         
.topmenu a.ttp, .topmenu ul li a { color:#ffffff; outline:none }
.topmenu ul li a:hover, .topmenu a.ttp:hover { color:#b3071b; background:#ffffff  } 
.topmenu li.current-menu-item a  { color:#ee7f01; background:#ffffff  } 
.topmenu li.current-menu-item a:hover  { cursor:default; color:#ee7f01;   } 
.topmenu a.ttp:hover { cursor:default; }
.logo { margin:40px 8px 20px 8px }

.navbar-nav {	
	font-size:1.05em;
	
	margin-top:40px; 
	font-family: droidsans; 	
	float:left;  
}
/* Link Solo  */
/* --> inaktiv */
.navbar-default .navbar-nav > li > a { color:#2f99a1; } 
/* --> inaktiv --> a:hover */
.navbar-default ul.navbar-nav > li > a:hover { color:#ee7f01 }     
/* --> aktiv */   
.navbar-default .navbar-nav li.current-menu-item a { color:#ee7f01; } 
/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-item a:hover { color:#ee7f01 }
/* Toplink Submenu ################## */
/* --> aktiv */   
.navbar-default .navbar-nav li.current-menu-ancestor a { color:#ee7f01; } 
/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-ancestor a:hover { color:#ee7f01 }   
/* Sublink current open */	
.navbar-default ul.navbar-nav > .open > a, 											
/* Sublink current open hover */
.navbar-default ul.navbar-nav > .open > a:hover, 								
/* Sublink current open focus */
.navbar-default ul.navbar-nav > .open > a:focus { 
	background:none; color:#ee7f01 }
/* Hintergrund Container Submenu */
.navbar-default ul.navbar-nav .dropdown-menu { background-color:#ffffff }
/* Links im Submenu ################## */
/* --> inaktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li > a { 
	color: #ae3538;  }
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .dropdown-menu > li > a:focus { 
	color: #ffffff; 
	background-color: #ae3538; }  
/* --> aktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li.current-menu-item > a { 
	color: #ffffff; 
	background-color: #f39d43; }	
.navbar-nav > li > .dropdown-menu { margin-top:0px; } 

ul.navbar-nav li a:before { background: #ee7f01 ;}
ul.navbar-nav li.current-menu-item a:before { background: #ee7f01 }

/*
ul.navbar-nav li a::before {
    background:red none repeat scroll 0 0;
}
*/

/* Modal-Image-Gallery ============================================================================================================= */
.modal-gallery .modal-content { background:#fff }
.modal-gallery .modal-header .modal-title, .modal-gallery .modal-footer .modal-image-description { color:#666666; } 
.modal-image-description { font-size:0.8em; line-height:1em }
.modal-gallery a.modal-preview-link, .modal-gallery a.modal-next-link, .modal-gallery .modal-header button.close { color:#666666; }
.modal-gallery .modal-footer a.modal-preview-link:hover, .modal-gallery .modal-footer a.modal-next-link:hover, .modal-gallery .modal-header button.close:hover  { color:#ee7f01 } 

/* Container Main-Content ============================================================================================================== */
h1 { font-family:'opensanscondensed'; line-height:1.40em; text-indent:0px; color:#0099a1 }	
h2 { font-family:'opensanscondensed'; line-height:2.00em; text-indent:0px; color:#0099a1 }	
h3 { font-family:'opensanscondensed'; line-height:1.50em; text-indent:0px; color:#0099a1 }	
h4 { font-family:'opensanscondensed'; line-height:1.40em; text-indent:0px; color:#0099a1 }	

.page-title { 
	background:rgba(96,96,96,0.4); 	
} 	

.wrap .page-title h1 { color:#ffffff; }

/* === INITIALE + BLOCKQUOTE + LISTE============ */
.initiale { font-family:'opensanscondensed'; color:#0099a1 }

.blockquote-gb-open { font-family:'opensanscondensed'; color:#0099a1 }

/*.sidebar_right div.contentlist ul { margin: 11px 0 15px 1px; } */


/* === Kolumnen ================================================================================= */
.1735-in {}
.col-bg, .personal {		
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(255,255,255,0.4); 	
/* TEXTFARBE FUER ALLE */	
	color:#666666;
/* BERECHNUNG FUER IE */	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
/* BORDERRADIUS FUER ALLE AUSSER IE */
	border-radius:2px 5px 5px 5px;
	-webkit-border-radius:2px 5px 5px 5px;
	-moz-border-radius:2px 5px 5px 5px;
	}
.col-bg h1, .col-bg h2, .col-bg h3, .col-bg h4 { color:#0099a1; } 
.col-bg a { color:#ee7f01; }
.col-bg a:hover { color:#ee7f01; text-decoration:underline  }  

.col-bg { box-shadow: 0px 4px 4px -4px #000000   }



/* Container Footer ========================================================================================================================= */
.wrap .footer .menu li a { 
	background:#f2e3d2;  
	color:#606060;
	box-shadow: 0px 4px 4px -4px #000000   } 


	 
.wrap .footer .menu li a:hover { 
	background:#0099a1;  
	color:#ffffff; }
	 
.wrap .footer .menu .current-menu-item a { 
	background:#ee7f01;  	
	color:#ffffff; } 
	
.wrap .footer .menu .current-menu-item a:hover { 
	background:#ee7f01);      	
	color:#ffffff; }   
	


/* === !!! FARBEN LAYER (TOP-TEL, NAVI, FOOTER) ================================================================================= */
.layer-bg-one {
	background-color:#5c5c5c; 	
	box-shadow: 0px 0px 2px 0px #969696; }

.layer-bg-logo { 
	background-color:#ffffff;    	
}


.wrappostthumbnail, .layer-bg-two { 	
	background-color:#f4f4f4; 	
	box-shadow:0px 0px 2px 0px #969696;}  
 	 


/* === Tooltip ================================================================================= */
.tooltip-inner {   
  color:#666666;   
  background:rgba(255,255,255,0.4);    }	
.tooltip.bottom .tooltip-arrow { display:none; }




 

/* === Big-Slider ================================================================================= */	
.wrap .bigslidercontent {  color:#ffffff;   }
.wrap .bigslidercontent h3 {  position: absolute; bottom: 30px; color:#ffffff; font-size:3.20em; line-height:1.60em;  }
.wrap .bigslidertext { color:; }

#wrap-bigslidernav, .bigslidercontent h3 { 
	background:rgba(96,96,96,0.4); 	
	color:#ffffff;}  
.bigslidercontent a h3 { transition: all 0.3s ease-in 0s;	}
.bigslidercontent a h3:hover { color:#ffcc00 }

.bigslidernav a {background:#0099a1;}	
.bigslidernav a.activeSlide { background:#d7841f; }	 
.bigslider_pics { box-shadow:0px 0px 2px 0px #969696; 	  }
#wrap-bigslidernav { box-shadow:0px 0px 2px 0px #969696; 	  }


/* === Text-Slider ================================================================================= */


#textslider_text { color:#666666;}
.textslidernav {display:none;}
.shuffleslidernav a, .textslidernav a { background:#0099a1; opacity:1  } 
.shuffleslidernav a.activeSlide, .textslidernav a.activeSlide { background:#d7841f; opacity:1 }
  

/* === Text-Slider ================================================================================= */
/* ======= Tabs ============================================== */
/* ======= Tabs ============================================== */
.nav-tabs > li > a {   	
	font-family:'opensanscondensed', arial; 	
	font-size: 1.15em; 
	line-height: 1.65em; 
	background:#dbdbdb;  
	-pie-background:#dbdbdb;
	 color:#0099a1; 
	 -webkit-transition: all .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s; }




.nav-tabs > li > a:hover { 	 	
	text-decoration:none;
	background:#b3071b;	
	-pie-background:#b3071b;	
	color:#ffefd6; }
	
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 
	background:rgba(255,255,255,0.7); 
	color:#ee7f01;
	position: relative; 
	top:0px;
	cursor:default;   	
	border:none }
	
.nav-tabs > li > a .active:hover { 
	background:rgba(255,255,255,0.7);
	color:#ee7f01;	
	position: relative; 
	top:0px; } 
	
.wrap .main .nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-radius:2px 7px 0 0;
	-moz-border-radius:2px 7px 0 0;
	-webkit-border-radius:2px 7px 0 0; 
	font-style:normal; font-weight:normal;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}


.tab-content {	
	background:rgba(255,255,255,0.7);  	 		
	padding:8px 10px 20px 10px;
	border:none;  
	-moz-border-radius:0 2px 2px 2px;
	-webkit-border-radius:0 2px 2px 2px;
	border-radius:0 2px 2px 2px;
	margin:0px 0 20px 0;
	color:#666666;
	float:left;
	width:100%; 
	-webkit-box-shadow: 0px 4px 4px -4px #000000; 
	box-shadow: 0px 4px 4px -4px #000000 } 
 }

.tab-content h1, tab-content h2, tab-content h3, tab-content h4 { 
	color:#666666 }   
	
   

.tab-content img { max-width:100%; float:left; margin:0px 8px 0 0 } 


.nav-tabs > li  {	border:0px solid #000; 
	padding:0px 3px 0px 0px;
	*padding:0px 3px 0px 0px;
	margin: 0 0 0 0;
	}	
.nav-tabs > li.active  {padding:0px 3px 0px 0px; }

.nav-tabs > li > a { 
	padding:0px 16px 0px 16px;   
	margin:0px 0px 0px 0px;
}  

.nav-tabs > li > a, .nav-tabs > li.active > a { border:0px solid blue }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a .active:hover {    	
	margin:0px 0px 0px 0px; 	
}	


	
/* Akkordeon ============================================================================================================================= */
.panel { border-radius:5px; margin-bottom:11px; 
-webkit-box-shadow: 0px 4px 4px -4px #000000; 
box-shadow: 0px 4px 4px -4px #000000 } 
.panel-group .panel { border-radius: 5px;margin-bottom: 11px; }   
.toggle .panel-heading, .accordeon .panel-heading { border-radius: 5px; }  
.panel-default > .panel-heading + .panel-collapse .panel-body { 
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background:#ffefd6;
	background:#ffefd6;
	/* BACKGROUND FUER IE */
	color:#6e1d0e; 
	}    
.accordeon .panel-heading { border-top-left-radius: 5px;  border-top-right-radius: 5px;  border-bottom-left-radius: 0; border-bottom-right-radius: 0; }  
.toggle .panel-title a.my-collapsed, .accordeon .panel-title a.my-collapsed { color:#6e1c0e; }
.toggle .panel-title a.collapsed, .accordeon .panel-title a.collapsed { color:#6e1c0e; }
/* Schriften Toggle und Accordeon; family, size, line-height */
.toggle .panel-title a, .accordeon .panel-title a { 	
	font-family:'opensanscondensed', arial;		
	font-size: 1.45em; 	
	line-height: 1.65em;
	color:#6e1c0e; }  
.toggle .panel-heading, .accordeon .panel-heading { 
	 padding: 0 0 0 0; }  
.toggle .panel-body, .accordeon .panel-body { padding:6px 6px 10px 10px }
.toggle .panel-body { 
	color:#6e1d0e; }
/* Linkeigenschaften Header in Toggle und Accordeon */
.toggle > .panel-title a, .toggle .panel-title a:hover, .accordeon > .panel-title a, .accordeon .panel-title a:hover { text-decoration:none } 
/* Grundzustand: Panel geschlossen */	
a.my-collapsed div.clip-header, a.collapsed div.clip-header, a.collapsed div.clip-header { 
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	border-radius: 5px; 	
	background:#ffffff;
font-style:normal; font-weight:normal }   

/* Aktion: Panel geöffnet */  
a div.clip-header {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:0 8px 0 8px;
	background:#ffefd6; 
	/* BACKGROUND FUER IE */
	font-style:normal;  font-weight:normal} 

/* Aktion: Mouseover Header */
a.my-collapsed div.clip-header:hover, a.collapsed div.clip-header:hover, a.collapsed div.clip-header:hover  {
 	background:#6e1c0e; 	
	text-decoration:none;
	color:#ffefd6;}

a div.clip-header:before { 
	content: "\2212"; font-family:'mistral-icon'; margin-right:4px; line-height: 1.65em; font-weight:normal;   }

a.my-collapsed div.clip-header:before, a.collapsed div.clip-header:before  { 
	content: "\2b"; font-family:'mistral-icon'; margin-right:4px; line-height: 1.65em; font-weight:normal;  }  




/* Akkordeon ============================================================================================================================= */
.tab-content h1, tab-content h2, tab-content h3, tab-content h4 { 
	color:#666666 }












.spanner { background:rgba(255,255,255,0.7); }    


 


.button_dir, .button_dir_small, .button-link, .col-bg .button-link, .colwrap-all a.button-start, .da-slide .da-link { 
	background:#bfbfbf;
	color:#000000;
	-webkit-transition: background .2s;
  -moz-transition: background .2s;
  -o-transition: background .2s;
  -ms-transition: background .2s;
  transition: background .2s; 	} 

.button_dir, .button_dir_small { 
	transition: all 0.1s ease-in 0s;
	box-shadow:0px 4px 4px -4px #000000;
	 }
  
.button_dir:hover, .button_dir_small:hover { 
box-shadow:none; 
background:#ee7f01; 
color:#000000; }
	
.button-link:hover, .colwrap-all a.button-start:hover, .da-slide .da-link:hover {
background:#ee7f01;
color:#000000;}

.divider { border-color:#dbdbdb;} 


/* Input-Felder ========================================= */
.form_textfeld, .form_textarea, .form_textfeld_right, .form_textfeld_quiz {	
	background:#ffffff;  
/* TEXTFARBE FUER ALLE */	
	color:#606060;
  border: 1px solid #ffffff;  
	box-shadow:0px 4px 4px -4px #000000  ;
   	
   }

















/* Personal ============================================= */ 
.personal:hover, .personal:hover h4, .personal:hover a, .personal:hover a:hover { 
	color:rgba(255,255,255,0.4);  background:#ee7f01 }




/* ============================================================================================================================= */
/* RESPONSIVE LAYOUT */
/* ============================================================================================================================= */
@media screen and (max-width: 1023px) {		
	.wrap966 { width:97%; }	
	.wrapmaincontent { padding:0px; margin-right:0px; border:0px solid red; }	
	.content_right_sidebar { width:100% }
	.wrap-one_third_bg .column-bg-wrapper img { max-width: 10%}  	  	
	.wrap-post-thumbnail { margin:0 30px 0px 0; }	
		
	.colwrap-1, .colwrap-1-bg,.colwrap-2,.colwrap-2-bg,.colwrap-3,.colwrap-3-bg,.colwrap-4,.colwrap-4-bg,.colwrap-5,.colwrap-5-bg,.colwrap-6,.colwrap-6-bg,
	.colwrap-5-6, .colwrap-5-6-bg,.colwrap-4-5, .colwrap-4-5-bg,.colwrap-3-4,.colwrap-3-4-bg,.colwrap-2-3,.colwrap-2-3-bg,.colwrap-3-5, .colwrap-3-5-bg,
	.colwrap-2-5, .colwrap-2-5-bg { width:100% !important; }	
	.colwrap-1-bg,.colwrap-2-bg,.colwrap-3-bg,.colwrap-4-bg,.colwrap-5-bg,.colwrap-6-bg,.colwrap-5-6-bg,.colwrap-4-5-bg,.colwrap-3-4-bg,.colwrap-2-3-bg,.colwrap-3-5-bg,.colwrap-2-5-bg { background: none; }	
	.col-bg { width:auto; min-height:80px; float:left; }	
	.padding-1, .padding-2, .padding-3, .padding-4, .padding-5, .padding-6, .padding-5-6, .padding-4-5, .padding-3-4, .padding-2-3, .padding-3-5, .padding-2-5 {  width:100%; padding:2% }	
	.colwrap-all img, .col-bg img { width:100% }	
		
	.sidebar_right {width:100%;float: left; padding-left: 0%;min-height:20px; margin-top:0; background: none;	} 

	.wrap .footer .col-bg { height: auto; }	 
		
	.nav-tabs > li, 
	.nav-tabs > li#current { padding: 8px 2px 2px 2px;  }  	
	.nav-tabs > li > a {padding:2px 2px 2px 2px; margin-right:2px; line-height:1.1em}  	
	.nav-tabs > li#current > a, 
	.nav-tabs > li#current > a:hover, 
	.nav-tabs > li#current > a:focus { padding: 2px 2px 2px 2px; margin-right:2px; } 
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 8% 0% 0% 2%;  font-size: 1em;}		
	.wrapmaincontent h1 {  font-size: 1.6em; line-height:1.6em; }
} 


/* !!! 7'' QUER 801 */
@media screen and (max-width: 800px) {
	.topinfo { height:auto; padding: 0 2% 0 10% }
	.nav > li > a { padding:0px 0px }
	ul.navbar-nav { float: left; font-size: 1.00em; margin-top: 93px; } 
	.nav-tabs > li > a { padding:2px 2px 2px 2px }
	.claim h1 {  font-size: 1.6em; line-height:1em; }
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 8% 0% 0% 2%;  font-size: 1em;}		
	.wrapmaincontent h1 {  font-size: 1.6em; line-height:1.6em; }  	
}


/* !!! 10'' HOCH 768 */ 
@media screen and (max-width: 768px) { 	    
	.topinfo { height:auto; padding: 0 2% 0 10% }
	ul.navbar-nav { float: left; font-size: 1.00em; margin-top: 0px; }    	    
	
	.navbar-default .navbar-toggle { 
		margin-top: 12%;	
		margin-bottom: 11%;	
		float:right; 
		background:#2f99a1;
		color:red}   
	
	.navbar-default .navbar-toggle:hover { background-color:#ee7f01; }
	
	   
	ul.navbar-nav li a:before { background:none }
	
	
	.navbar-default .navbar-toggle .icon-bar { 
		background-color:#ffffff; }	
	
	.navbar-default ul.navbar-nav .dropdown-menu { 
		border:0px solid #000; background:none; margin-left: 8%; }
	
	.top-navbar, .navbar-toggle { float:left; text-align:left } 
	.logo { margin: auto; margin-top:10px; margin-right:20px; margin-bottom:8px; border:0px dotted #000; text-align: center; width:170px; margin-left: 1%; } 
	.bigslidercontent h3 {margin: 16% 0 0 4%; font-size: 1.3em;}
	
	.wrap .page-title h1 { font-size:18px }  
	
	.wrap > .main { padding: 0 5px 0 5px; }
}


/* !!! 7'' HOCH 600 */
@media screen and (max-width: 600px) {     	
	.topinfo { height:auto; padding: 0 2% 0 10% }
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 8% 0% 0% 2%;  font-size: 1em;}	
	.page-title { padding-top:8px; padding-bottom:8px; padding-left:8px; padding-right:8px; margin: 7% 2% 0 0; border-radius:6px }
	.page-title h1 { font-size: 1.5em; line-height: 1.5em;}
	.wrapmaincontent h1 {  font-size: 1.6em; line-height:1.6em; }
}


/* !!! iPhone QUER 480 */
@media screen and (max-width: 480px) {
	.topinfo { height:auto; padding: 0 2% 0 2% }
	.topinfo, .topinfo a { height:auto; font-size:1em }      	
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 7% 0% 0% 2%;  font-size: 0.85em;}
	.page-title { padding:8px; margin: 34% 2% 0 0; border-radius:6px }
	.page-title h1 { font-size: 1.3em; line-height: 1.3em;}
	.page-title h3 { font-size: 1.3em; line-height: 1.3em;}	
	.wrap * h1 {  font-size: 1.6em; line-height:1.6em; }  	
}


/* !!! iPhone HOCH 320 */
@media screen and (max-width: 320px) { 		
	.menu-topnavi-container { float:left }	
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 4% 0% 0% 2%;  font-size: 0.7em;}
	h1, .page-title h1 { font-size: 1.4em; line-height: 1.0em;} 
	h2 { font-size: 1.2em; line-height: 1.0em;}   
	h3 { font-size: 1.0em; line-height: 1.0em;}
	.content-main { margin-top:0px }
	 
	.wrapmaincontent h1 {  font-size: 1.4em; line-height:1.6em; }  	
}      
  
span.wpcf7-list-item input[type="radio"], span.wpcf7-list-item input[type="checkbox"]  { position: relative; margin: 0 .7em 0 0; }  
   


