/**
2 Theme Name: itn
3 Theme URI: https://www.putz-medizinrecht.de
6 Author URI: http://www.itn-ol.de
7 **/


@font-face{
	font-family:"Optima LT W02 Roman";
	src:url("fonts/1564435/4a563a45-10fa-48cf-9e7c-b64763fffeb3.eot?#iefix");
	src:url("fonts/1564435/4a563a45-10fa-48cf-9e7c-b64763fffeb3.eot?#iefix") format("eot"),url("fonts/1564435/ae3b90ec-eda9-475f-96e7-c820511178fa.woff2") format("woff2"),url("fonts/1564435/848b42ab-e442-4ad8-9298-e54e94c9fa67.woff") format("woff"),url("fonts/1564435/a2f5cdb5-caec-4c24-b38b-7233e88e6f9e.ttf") format("truetype");
}




@font-face{
	font-family:"Optima LT W02 Bold";
	src:url("fonts/1564471/9001b9a8-fd20-4d20-88df-1e393da95507.eot?#iefix");
	src:url("fonts/1564471/9001b9a8-fd20-4d20-88df-1e393da95507.eot?#iefix") format("eot"),url("fonts/1564471/0baa32cd-9d4b-4be0-bf06-924dbd531a60.woff2") format("woff2"),url("fonts/1564471/d51b233d-7755-4453-a1b3-a333c5283e18.woff") format("woff"),url("fonts/1564471/edd4a754-33e5-46c6-8b2f-e89f1a0aa088.ttf") format("truetype");
}


  
  
  
   /* body*/  


 body  {
margin:0;
left:0;
	font-family:"Optima LT W02 Roman";
text-align:left;
color:#7e7f80;
font-size:1.2em;
line-height:1.4em;
height: 100%;
 background-color:#ffffff;
}


   /* Überschriften*/  

 h1 {	
 
text-align:left;
 font-size:1.5em; 
 line-height:1.2em;
 margin-bottom:0px;
 padding-bottom:0px;
 margin-top:0px;
font-weight: 500; 
color:#023d6c;
 }
 
 
 
 
 
   h2 {	
text-align:left;
 font-size:1.5em; 
 line-height:1.2em;
 margin-bottom:0px;
 padding-bottom:0px;
 margin-top:50px;
font-weight: 500; 
color:#023d6c;
 }
 
 
  h3  {	
text-align:left;
 font-size:1.2em; 
 line-height:1.2em;
 margin-bottom:-10px;
 padding-bottom:0px;
 margin-top:30px;
font-weight: 500; 
color:#023d6c;
  }
 
 
   h4 {	
text-align:left;
 font-size:.7em; 
 line-height:1em;
 margin-bottom:0px;
 padding-bottom:0px;
 margin-top:0px;
 font-weight: 100; 
 }
 

 
    /* Formular*/ 
	
.form_drop {	
    background-color: #ffffff;
    border: 1px solid #023d6c;
    font-size: 1em;
    height: 40px;
    width: 99%;
	color:#023d6c;;
	padding:5px;
	padding-left:10px;
	margin-bottom:5px;
	border-radius: 0px;
}
	     
.formname {
    background-color: #ffffff;
    border: 1px solid #023d6c;
    font-size: 1em;
    height: 30px;
    width: 99%;
	color:#023d6c;;
	padding:5px;
	padding-left:10px;
	margin-bottom:5px;
	border-radius: 0px;
}

.formfeld {
    background-color: #ffffff;
    border: 1px solid #023d6c;
    font-size: 1em;
    height: 200px;
    width: 99%;
	color:#023d6c;
	padding:5px;
	padding-left:10px;
	border-radius: 0px;
}

.formspam {
    background-color: #ffffff;
    border: 1px solid #023d6c;
    font-size: 0em;
    height: 30px;
    width: 80px;
	color:#023d6c;
	padding:5px;
	padding-left:10px;
	border-radius: 0px;
}


div.wpcf7 .wpcf7-submit:disabled { background-color:#f3f3f4 !important; color:#999 !important;}
.wpcf7-submit { padding-left:10px !important; padding-right:10px !important; padding-top:10px !important; padding-bottom:10px !important; color:#FFF !important; background-color:#023d6c; !important; font-size:1em !important;}




 
      /* Container Gesamt*/    
 
#container_gesamt {	
float:left;
height:auto;
text-align:center;
width:100%;
padding-top:0px;
margin:0px;
z-index:1;}
 
 
 
 	/* header*/  
 
 header {
	position:fixed;
	width: 100%;
	height:170px;
	margin-left: auto; 
	margin-right:auto; 
	margin-top:auto;  
	text-align: center;
	background-color:#fff;
	 border-bottom: 0px solid #ccc;
	z-index:500;
}
 
 
#headerbereich
 {
	position:relative;
    overflow:hidden;
    padding:0px;
    margin:0px;
    z-index:501;
 }
 
 #headerbereich.left { float:left; left:calc(50% - 250px); top:30px; width:500px; height:auto;}
 #headerbereich.right { float:right; right:3%; top:20px; width:250px; height:40px; }
 
#headerbereich.left img { width:100% !important; height:auto !important; border:0;}
#headerbereich.left p { padding:0; margin:0;}	  
 


 
 
nav#header {
	position:relative;
	float:left;
   height:auto;
   text-align:center;
   top:55px;
 width:100%;
 background-color:#C99;
   padding:0px;
   z-index:504;
}

     /* Container*/   
	 
	 
section {
	float:left;
	height:auto;
	text-align:center;
	width:100%;
	padding-top:0px;
    z-index:5;
	} 
	
	section.blank { }
	section.blau { background-color:#00C; color:#FFF;}
	section.gelb { background-color:#FF0; color:#000;}
	section.blue { background-color:#023d6c; color:#FFF;}


 
#container_zentrieren {
	width: auto;
	max-width:1500px;
 	margin: 0px auto;  
	text-align: center;
	z-index:20;
}
	#container_zentrieren.header {max-width:100%;}
	#container_zentrieren.footer {}
	#container_zentrieren.slider { max-width:100%;}
	#container_zentrieren.content { margin-top:20px; margin-bottom:50px;}	
	#container_zentrieren.erst { margin-top:20px; margin-bottom:0px;max-width:650px;}

#presseberichte_zentrieren {
  text-align: center;
  margin: 0 auto;
  background-color:#309;
  width:100%;
  max-width:1000px;
}
	



#content_text {
	float:left;
	height:auto;
	text-align:left;
	margin-left:8%;
	width:84%;
	max-width:1500px;
	min-height:0px;
	margin-bottom:30px;
	margin-top:0px;
	z-index:30;
 }


#content_text.erstberatung {
	margin-bottom:0px;background-color:#023d6c; color:#FFF; border-radius: 20px; max-width: 650px; display: grid; font-size: 18px; padding-left: 20px; padding-right: 20px; width: calc(84% - 20px);
 }
 
 
#content_text .breadcrumbs { width:100%; margin-bottom:30px; color:#b2b2b2 !important; font-size:.9em !important;}
 
#content_text .breadcrumbs a {color:#023d6c;  text-decoration: none;}
#content_text .breadcrumbs  a:hover {color:#cc071e;}

 #content_text  a {color:#023d6c;  text-decoration: underline; }
#content_text  a:hover {color:#cc071e;}

 #content_text.erstberatung  a {color:#fff; text-decoration: none;  }
#content_text.erstberatung  a:hover {color:#fff; text-decoration: underline;}


#content_text  ul {list-style: none; margin:0px; padding:0px;  padding-left:20px; padding-top:00px;}

#content_text  li::before {content: "•"; color:#023d6c;
  display: inline-block; width: 1em;
  margin-left: -1em;
  }

#content_text  ul li {margin-bottom:10px;  }




#content_slider {
	float:left;
	height:auto;
	text-align:left;
	margin-left: 0;
	width: 100%;
	margin-top:170px;
	margin-bottom:0px;
	z-index:51;
 }	
 



  /*footer*/ 
  
 footer {
	float:left;
	height:auto;
	text-align:center;
	width:100%;
	padding-top:0px;
	height:auto;
    z-index:5;
	background-color:#023d6c;}




        #footer_block {
   height:auto;
   text-align:left;
   margin-left:0;
   min-height:0px;
   margin-bottom:0px;
   margin-top:0px;
   padding-top:0px;
   z-index:91;
   color:#FFF;
    }
 
 
#footer_block.first {float:left; width:350px; margin-top:20px; }
#footer_block.second { float:left; width:300px; text-align: center;  margin-left: calc(50% - 475px); margin-top:20px; }
#footer_block.last {float:right; width:220px;  margin-top:40px; }

#footer_block  a {color:#ffffff; text-decoration: none;}
#footer_block  a:hover {color:#cc071e;}

#footer_block.second img {width: 100%; height: auto; float: right; padding-right: 10px;}

.footer_download a {color:#ffffff; text-decoration: none; font-size:.8em;}
.footer_download a:hover {color:#cc071e;}

  /*Beiträge*/ 

 #kontakt_beitraege { float:left; border-bottom: solid 1px #706f5f; margin-bottom:10px; width:100%;}
 .kontakt_beitraege_bild {  width:35%;  float:left; text-align:left; padding-top:0px; padding-bottom:15px;}
.kontakt_beitraege_bild img {width:80% !important; height:auto !important; border: solid 2px #023d6c;  }
.kontakt_beitraege_inhalt {   width:65%; float:left;}

 #presse_beitraege { float:left; border-bottom: solid 1px #706f5f; margin-bottom:10px; padding-bottom:10px; width:100%;}
.presse_beitraege_datum {   width:200px; font-size:1.5em; color:#023d6c; float:left;  margin-top:20px;}
.presse_beitraege_inhalt {   width:calc(99% - 200px); float:left; }
.presse_beitraege_inhalt a { font-size:1.4em !important;}

 #presse_new_beitraege { float:left; border: solid 1px #706f5f;  width:270px; height:360px; margin:3%;}
 .presse_new_beitraege_bild { width:240px;margin:15px; float:left; }
.presse_new_beitraege_datum {   width:240px;margin: 0px 15px 0px 15px; float:left; font-size:.9em; color:#023d6c; }
.presse_new_beitraege_inhalt { width:240px; margin: 0px 15px 0px 15px; float:left;  }
.presse_new_beitraege_inhalt a { font-size:1.2em !important;}


 #vortraege_beitraege { float:left; border-bottom: solid 1px #706f5f; margin-bottom:20px; padding-bottom:20px; width:100%; line-height:1.3em;}
 .vortraege_beitraege_datum {   width:200px; font-size:1.5em; color:#023d6c; float:left;  margin-top:3px;}
 .vortraege_beitraege_inhalt {   width:calc(99% - 200px); float:left; }
.vortraege_thema { font-size:1.1em; color:#023d6c; margin-top:4px; margin-bottom:4px;}

 #vortraege_archiv_beitraege { float:left; border-bottom: solid 1px #706f5f; margin-bottom:20px; padding-bottom:20px; width:100%; line-height:1.3em;}
 .vortraege_archiv_beitraege_datum {   width:150px;  color:#023d6c; float:left;  }
 .vortraege_archiv_beitraege_inhalt {   width:calc(99% - 150px); float:left; }
.vortraege_archiv_thema {   color:#023d6c; }

  /*Site - NAV*/ 



   /*End Site - NAV*/ 
   
  
   
   
   
   /*Site - NAV footer */  
  
nav#footer ul  {
margin:0px;
padding:0px;
margin-top:0px;
margin-left:0;
}


nav#footer ul li{
list-style-type: none;
border-right: solid 0px #ffcc00;
width: auto;
padding-top: 0px;
padding-bottom:0px;
padding-right:20px;
margin-right:15px;
text-align: left;
font-size:1em;
line-height:.8em;
}


nav#footer li:last-child {  border-right: solid 0px #ffcc00;}


nav#footer li a {
color: #ffffff;
text-decoration: none;
font-weight: 100;
height:auto;
vertical-align: middle;
padding-left:0px;
padding-right:0px;}


nav#footer li a:hover {color:#a1a0a1; }


ul#menu-footer li.current-menu-item a, ul#menu-footer li.current-post-ancestor a, ul#menu-footer li.current-page-ancestor  a { color:#a1a0a1; }
ul#menu-footer-en li.current-menu-item a, ul#menu-footer-en li.current-post-ancestor a, ul#menu-footer-en li.current-page-ancestor  a { color:#a1a0a1; }

   /*End Site - NAV footer*/  



@media only screen and (max-width: 1200px) {
	
#presseberichte_zentrieren {  max-width:650px;}
	
#footer_block.second {  width:200px; margin-left: calc(50% - 400px);    }


}




@media only screen and (max-width: 950px) {
	
	 header {	height:90px;  border-bottom: solid 1px #023d6c; }
	 #headerbereich.left { float:left; left:5%; top:15px; width:400px; }	
	nav#header {display:none;}
	
	
	
#content_slider {	margin-top:90px; }	


	#footer_block.first { width:350px;}
#footer_block.second { float:right; width:200px; text-align: right;   }
#footer_block.last { display:none;}

	


}

@media only screen and (max-width: 800px) {


}



@media only screen and (max-width: 700px) {
	
	.breadcrumbs {display:none;}
	
	#footer_block.first { width:100%; text-align:center ;}
#footer_block.second {  width:300px;  text-align:center ; }
	
	
	
	#content_text {	margin-left:5%; width:90%; }
	

 #kontakt_beitraege {margin-bottom:10px; width:100%;}
 .kontakt_beitraege_bild {  width:100%;  padding-top:25px; padding-bottom:15px;}
.kontakt_beitraege_bild img {width:100% !important; height:auto !important; border: solid 2px 023d6c;  }
.kontakt_beitraege_inhalt {   width:100%; float:left;}

.presse_beitraege_datum {   width:100%; font-size:1.3em; float:left;  margin-top:0px;}
.presse_beitraege_inhalt {   width:100%; float:left; }
.presse_beitraege_inhalt a { font-size:1.2em !important;}


.vortraege_beitraege_datum {   width:100%; font-size:1.3em; float:left;  margin-top:10px; margin-bottom:5px;}
.vortraege_beitraege_inhalt {   width:100%; float:left; }

 .vortraege_archiv_beitraege_datum {   width:100%;  float:left; text-decoration:underline;  }
 .vortraege_archiv_beitraege_inhalt {   width:100%; float:left; }

.formname {width:96%;}
.formfeld {width:96%;}	  

}

@media only screen and (max-width: 600px) {
h1 { font-size:1.4em;} 
h2 { font-size:1.4em;} 

	 #headerbereich.left { float:left; left:5%; top:23px; width:300px; }

    
 	#container_zentrieren.erst { margin-top:10px; margin-bottom:0px;max-width:200px;}   
    
 #content_text.erstberatung {
	margin-bottom:0px;background-color:#023d6c; color:#FFF; border-radius: 20px; max-width: 250px; display: grid; font-size: 14px; line-height: 18px; padding-left: 10px; padding-right: 20px; width: calc(84% - 20px);
 }   
    
    

    
    
    
}





@media only screen and (max-width: 420px) {
	 #headerbereich.left { float:left; left:5%; top:30px; width:200px; }
	 
}