/**
2 Theme Name: itn
3 Theme URL: https://www.itn-ol.de
6 Author URL: https://www.itn-ol.de
7 **/

div.sfsiplus_footerLnk {display:none !important;}



/* baloo-thambi-2-regular - latin */
@font-face {
  font-family: 'Baloo Thambi 2';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/baloo-thambi-2-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/baloo-thambi-2-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/baloo-thambi-2-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/baloo-thambi-2-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/baloo-thambi-2-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/baloo-thambi-2-v14-latin-regular.svg#BalooThambi2') format('svg'); /* Legacy iOS */
}

/* baloo-thambi-2-700 - latin */
@font-face {
  font-family: 'Baloo Thambi 2';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/baloo-thambi-2-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/baloo-thambi-2-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/baloo-thambi-2-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/baloo-thambi-2-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/baloo-thambi-2-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/baloo-thambi-2-v14-latin-700.svg#BalooThambi2') format('svg'); /* Legacy iOS */
}




.ms-slide {opacity:1 !important;}

/* karten */

#wpgmza_marker_24 {display: none !important;}
#wpgmza_marker_29 {display: none !important;}
#wpgmza_marker_34 {display: none !important;}
#wpgmza_marker_40 {display: none !important;}
#wpgmza_marker_46 {display: none !important;}

#wpgmza_marker_25 {display: none !important;}
#wpgmza_marker_30 {display: none !important;}
#wpgmza_marker_36 {display: none !important;}
#wpgmza_marker_42 {display: none !important;}
#wpgmza_marker_47 {display: none !important;}

#wpgmza_marker_23 {display: none !important;}
#wpgmza_marker_28 {display: none !important;}
#wpgmza_marker_33 {display: none !important;}
#wpgmza_marker_39 {display: none !important;}
#wpgmza_marker_52 {display: none !important;}


#wpgmza_marker_22 {display: none !important;}
#wpgmza_marker_27 {display: none !important;}
#wpgmza_marker_32 {display: none !important;}
#wpgmza_marker_45 {display: none !important;}
#wpgmza_marker_51 {display: none !important;}


#wpgmza_marker_21 {display: none !important;}
#wpgmza_marker_26 {display: none !important;}
#wpgmza_marker_38 {display: none !important;}
#wpgmza_marker_44 {display: none !important;}
#wpgmza_marker_50 {display: none !important;}


#wpgmza_marker_20 {display: none !important;}
#wpgmza_marker_31 {display: none !important;}
#wpgmza_marker_37 {display: none !important;}
#wpgmza_marker_43 {display: none !important;}
#wpgmza_marker_49 {display: none !important;}

/* slider */

.ms-staff-carousel {  width: 100%;}


@charset "utf-8";

img.zertifikat {  border: 1px solid #4e4d4c; border-radius: 10px; width: 100%; height: auto; padding: 10px;  }



/* accordion */

#accordions-162 {margin-top:20px;}

/* Anker */



.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -160px;}

/* slider */
.msp-cn-2-1 {border-radius: 20px 20px 20px 20px;}

/* parallax */

.parallax {

  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height:300px;
}


/* formular */

form.wpcf7-form {color: #000;}

.wpcf7-submit {font-size:1.3rem; text-decoration:none; color:#fff; background-color:#575757; padding:10px 20px 10px 20px; font-weight:400; transition: 0.2s; }


.kaestchen {margin-bottom:30px !important; background-color:#F0F; padding-bottom:30px !important;}


.formname {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 30px;
    width: 99%;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	margin-bottom:5px;
	border-radius: 5px;
	border: solid 1px #b2b2b2;
}

.formfeld {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 200px;
    width: 99%;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	font-family: 'Baloo Thambi 2', cursive;
	font-weight: 400;
	border-radius: 5px;
border: solid 1px #b2b2b2;
}

.zustimmung { float:left;}
 
 #formularliste_1 { 
 	display: grid; 
	grid-template-columns:50px 1fr; 
 }

 #formularliste_1.kasten { background-color:#1a171b; width:100%;  }
 #formularliste_1.text { background-color:#1a171b;display: grid; 
	grid-template-columns: 1fr; 
  }
 

/* Container */

html {
 	font-family: 'Baloo Thambi 2', cursive;
	font-weight: 400;
	font-size:1.1em;
	line-height:1.3;
 	line-height:1;
	height:100%;
  	margin:0;
  	padding:0;
}


body {
 	font-family: 'Baloo Thambi 2', cursive;
 	font-size:1rem;
	line-height:1.3;
 	font-weight: 400;
 	color:#4e4d4c;
	text-align:left;
	overflow-x: hidden;
 	margin:0;
 	padding:0;
	background-color:#fff;
}




/* Formatierungen*/

hr {color:#636362; margin-top:20px; margin-bottom:0px; width:100%;}

sub,
sup {
 	position:relative;
 	font-size:75%;
 	line-height:0;
 	vertical-align:baseline;
}
sub { bottom:-.25em;}
sup { top:-.5em;}

img { border-style:none; }
svg { overflow:hidden;}

header, nav, section, footer {display: block;}


/* Überschriften*/

h1,
h2,
h3,
h4,
h5,
h6 {
 	margin-top:0;
 	margin-bottom:1rem;
}

 h1 {	
 font-size:2rem; 
 line-height:2.5rem;
 font-weight: 800; 
 text-align:left;
 margin-top: 30px;
	 padding-top: 0;
 margin-bottom: 0px;
 color: #111a7a;

 }



 
 h2 {	
 font-size:1.2rem; 
 line-height:1.5rem;
 font-weight: 800; 
 text-align:left;
 margin-top: 0px;
	 	 padding-top: 10px;
 margin-bottom: 0px;
 color: #4e4d4c;
 }


.paragraph_text_halb_right h2, .paragraph_text_halb_left h2 {	
 font-size:1.2rem; 
 line-height:1.5rem;
 font-weight: 800; 
 text-align:left;
 margin-top: 0px;
	 	 padding-top: 0px;
 margin-bottom: 0px;
 color: #4e4d4c;
 }




 h3 {	
 font-size:4rem; 
 line-height:4.5rem;
 font-weight: 800; 
 text-align:left;
 margin-top: 0px;
	 padding-top: 0;
 margin-bottom: 0px;
 color: #fff;
text-shadow: black 0.1em 0.1em 0.3em}	 


.ms-info h3 {	
 font-size:2.5rem; 
 line-height:3rem;
 font-weight: 800; 
 text-align:left;
 margin-top: 0px;
	 padding-top: 0;
 margin-bottom: 0px;
 color: #4e4d4c;
text-shadow: #4e4d4c 0em 0em 0em}	

 h4 {	
 font-size:1.3rem; 
 line-height:1.5rem;
 font-weight: 800; 
 text-align:left;
 margin-top: 0px;
	 padding-top: 20px;
 margin-bottom: 0px;
 color: #fff;
	 text-shadow: black 0.1em 0.1em 0.2em;}
 }


 h5 {	
 font-size:4rem; 
 line-height:4.5rem;
 font-weight: 800; 
 text-align:left;
 margin-top: 0px;
	 padding-top: 0;
 margin-bottom: 0px;
 color: #4e4d4c;
 }


 h6 {	
 font-size:2rem; 
 line-height:2.5rem;
 font-weight: 800; 
 text-align:center;
 margin-top: 0px;
	 padding-top: 0;
 margin-bottom: 0px;
 color: #4e4d4c;

 }

/* header */

header {
	position: fixed;
	width: 100%;
	height:auto;
	margin-left: auto; 
	margin-right:auto; 
	justify-content: center;
	margin-top:auto;  
	text-align: center;
	background: rgba(255, 255, 255, .0);
	z-index:999;
}
.transparent {	background: rgba(255, 255, 255, .0); transition: 0.4s;}
.colored {	background: rgba(255, 255, 255, 1); transition: 0.4s;}
header.full {	background: rgba(255, 255, 255, 1);}

div#header {
	display: grid; 
	grid-template-columns:300px  auto; 
	grid-template-rows: auto;  
	height:120px;
	width:calc(100% - 80px);
	max-width:2000px;
	padding-right:40px;
	padding-left:40px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}



	
div#logo1 {  margin-left:0px; margin-top:20px;}
div#logo2 {  margin-left:0px; margin-top:20px; display:none; }
 
 .header_nav { display: grid; margin-right:0px; padding-top:50px; font-weight: 300px;   justify-content: right; margin-top:5px; align-content: top;}
 

#logo1 img { width:100% !important; height:auto !important; border:0; }	
#logo2 img { width:100% !important; height:auto !important; border:0; }

 #logo1.anzeigen { display:block;}	
 #logo1.ausblenden { display:none;}	
 #logo2.anzeigen { display:block;}	
 #logo2.ausblenden { display:none;}	


nav.header {}





/* content */


#paragraph a { text-decoration: none; color:#111a7a;  line-height:1rem; padding-bottom:0px; }
#paragraph a:hover {color:#1a171b;  transition: 0.2s;}




#paragraph .wpgmza_modern_infowindow a { text-decoration: none; color:#FDE9BC; font-weight: 100;  line-height:1rem; padding-bottom:0px; }
#paragraph .wpgmza_modern_infowindow a:hover {color:#fff;  transition: 0.2s;}

#paragraph.white {	background-color:#fff;}
#paragraph.green {	background-color:#87b430;}
#paragraph.grau {	background-color:#e9e9e9;}
#paragraph.braun1 {	background-color:#fff;}
#paragraph.braun2 {	background-color:#f5f5f5;}
#paragraph.braun3 {	background-color:#f7f0eb;}

#paragraph.slider { 
	width:100%;
	min-height:10px;
	padding-right:0px;
	padding-left:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background-color:#fff;
}

#paragraph.slider.pic { padding-top: 120px;}

#paragraph.telephone { 
	 position: sticky;
    top: 120px;
	width:100%;
	height:40px;
	padding-right:0px;
	padding-left:0px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	background: rgba(17, 26, 122, .7);
	z-index: 100;
}

.paragraph_content {
	display: grid; 
	grid-template-columns: 49% 49%;
	grid-template-rows: auto; 
	grid-row-gap: 0px; 
  	grid-column-gap: 2%;
	width:calc(100% - 70px);
	max-width:1280px;
	padding: 30px 30px 30px 30px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size:1.2rem;
	line-height: 1.5rem;
	}

.paragraph_content.zertifikat_1 {grid-template-columns: 33% 65%;}
.paragraph_content.zertifikat_2 {grid-template-columns: 65% 33%;}


.paragraph_content.braun3 {	background-color:#f5f5f5;}

.paragraph_content_telephone {
	display: grid; 
	grid-template-columns: 49% 49%;
	grid-template-rows: auto; 
	grid-row-gap: 0px; 
  	grid-column-gap: 2%;
	width:calc(100% - 70px);
	max-width:1280px;
	padding-right:35px;
	padding-left:35px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-bottom: 0px;
	margin-top: -40px;
	font-size:1rem;
	line-height: 1.5rem;
	color: #fff;
	}


#paragraph.telephone .paragraph_content_telephone  a {
  color: #fff;
  text-decoration: none;
  font-weight: 100;
  vertical-align: left;
  border-bottom: solid 0px #fff;
  padding-bottom: 0px;
	font-size:1.1rem;
	line-height: 1.5rem;
}

#paragraph.telephone .paragraph_content_telephone  a:hover {
  color: #fff;

}

.paragraph_content ul { margin-top:0px; margin-bottom:0px;padding-left: 20px;   }

.paragraph_content ul li { line-height: 2rem;  }
ul li::marker, 
ol li::marker {
  color: #111a7a;
}


article.paragraph_text {
	display: grid; 
	grid-column: 1 / 3;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	text-align:left;
	}


article.paragraph_text_halb_left {
	display:grid;
	min-height:100px;
	padding: 20px 20px 20px 20px;
	margin-top:0px;
	text-align:left;
	align-content: flex-start;
	}

	
article.paragraph_text_halb_right {
	display:grid;
	min-height:100px;
	padding: 20px 20px 20px 20px;
	margin-top:0px;
	text-align:left;
		align-content: flex-start;
	}




#linie {grid-column: 1 / 3; height: 2px; width: 100%; background-color: #87b430; margin: 10px 0 20px 0;}

/* Beiträge */




#beitrag_paragraph_specials:nth-child(odd) { background-color:#006387; color:#FFF;} 
#beitrag_paragraph_specials:nth-child(even) {  background-color:006387;}

.beitrag_paragraph_content_specials {
	display: grid; 
	grid-template-columns: 1fr; 
	grid-template-rows: 1fr; 
	width:100%;
	max-width:1500px;
	padding-right:0px;
	padding-left:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}



 .beitrag_paragraph_text_specials {	grid-area: text; padding:20px; }
 .beitrag_paragraph_pic_specials { grid-area: bild; padding: 40px 20px 40px 20px; }







/* footer */

footer {
	width:100%;
	height:auto;
	margin-left: auto; 
	margin-right:auto; 
	margin-top:auto;  
	text-align: center;
	justify-content: center;
	z-index:999;
	background-color:#111a7a;
	color: #fff;
}


  
   div#footer {
	display: grid; 
	grid-template-columns:36% 25% auto; 
	grid-template-rows: auto ; 
	grid-row-gap: 0px; 
  	grid-column-gap: 0px;
	width:calc(100% - 70px);
	max-width:1280px;
	padding: 10px 35px 10px 35px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size:1rem;
	line-height: 1.5rem;
	}

 

	
.footer_block_1 { grid-column: 1 / 2;  margin:0px 0px 0px 0px; font-size:1rem;justify-self: start;     }	
.footer_block_2 {  grid-column: 2 / 3; margin:7px 0px 0px 0px; font-size:1rem;justify-self: center;    }
.footer_block_3 {  grid-column: 3 / 4; margin:7px 0px 0px 0px; font-size:1rem;justify-self: end; text-align: right;    }

.footer_block_3 img {border: 0; margin-left: 40px; }

.footer_copyright { grid-column: 1 / 4; text-align:left;  margin: 20px 0px 0px 0px; font-size:.8rem; justify-self: end;    }		

#footer a {
color: #fff;
text-decoration: none;
font-weight: 100;
vertical-align: left;
border-bottom: solid 0px #fff;
padding-bottom:0px;
line-height:1em;
transition: 0.2s;
}

#footer a:hover { color:#fff;border-bottom: solid 1px #fae9d6; transition: 0.2s;  }
 #footer .footer_block_3 a:hover { color:#fff;border-bottom: solid 0px #fae9d6; transition: 0.2s;  }
  
     /*Site - NAV footer */  
  
nav#footer ul  {
margin:0px;
padding:0px;
margin-top:10px;
margin-left:0px;
}


nav#footer ul li{
list-style-type: none;
border-left: solid 0px #ffffff;
width: auto;
padding-top: 0px;
padding-bottom:0px;
padding-left:0px;
padding-right:20px;
text-align: left;
font-size:1em;
line-height:1.5em;
	display: block;
border-right: 0px solid #fff;
}




nav#footer li a {
color: #fff;
text-decoration: none;
font-weight: 100;
vertical-align: left;
border-bottom: solid 0px #fff;
padding-bottom:0px;
line-height:1em;
transition: 0.2s;
}




nav#footer li a:hover { color:#fff;border-bottom: solid 1px #fae9d6; transition: 0.2s;  }

	
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:#fff; border-bottom: solid 1px #fae9d6;  }



   /*End Site - NAV footer*/  
   
  




 
 @media only screen and (max-width: 1300px) {
 
 
div#header {	grid-template-columns:200px  auto; 
		height:80px;
	width:calc(100% - 40px);
	padding-right:20px;
	padding-left:20px;
	}

.header_nav { display:none;}

div#logo1 {  margin-left:0px; margin-top:15px;}
div#logo2 {  margin-left:0px; margin-top:15px; }


#paragraph.telephone { top: 80px;}	 
	 
	 .paragraph_content_telephone {
		padding-right:0px;
	padding-left:20px;
	margin-top: -40px;
	font-size:1rem;
	line-height: 1.5rem;
	color: #fff;
	}
	 
	 #paragraph.slider.pic { padding-top: 80px;}
  
@media only screen and (max-width: 900px) {

 h3 {	
 font-size:3rem; 
 line-height:3.5rem;
 font-weight: 800; 
  }

 h4 {	
 font-size:1.3rem; 
 line-height:1.5rem;
 }	
	
	
	
	

article.paragraph_text_halb_left {
		grid-column: 1 / 3;
	min-height:100px;
	padding: 0 0 0 0;
	margin-top:30px;
	}
	
article.paragraph_text_halb_right {
	grid-column: 1 / 3;
	min-height:100px;
	padding: 0px 0px 0px 0;
	margin-top:30px;
	}
	
	
img.zertifikat {  border: 1px solid #4e4d4c; border-radius: 10px; width: 70%; height: auto; padding: 10px;  }
   
	div#footer {grid-template-columns:50% 50%; 	padding: 10px 35px 10px 35px;	}

 

	
.footer_block_1 { grid-column: 1 / 2;  margin:0px 0px 0px 0px; font-size:1rem;justify-self: start;     }	
.footer_block_2 {  grid-column: 2 / 3; margin:7px 0px 0px 0px; font-size:1rem;justify-self: end;    }
.footer_block_3 {  grid-column: 1 / 3; margin:7px 0px 0px 0px; font-size:1rem;justify-self: start; text-align: right;    }

.footer_block_3 img {border: 0; margin-left: 0px; margin-right: 40px; }

.footer_copyright { grid-column: 1 / 3; text-align:left;  margin: 20px 0px 0px 0px; font-size:.8rem; justify-self: end;    }	
}
   
   @media only screen and (max-width: 800px) {
	   
	    h3 {	
 font-size:2rem; 
 line-height:2.5rem;
 font-weight: 800; 
  }	

	   #paragraph".parallax {display:none;}
	 }
  
  
 @media only screen and (max-width: 600px) {
 
 h3 {	
 font-size:1.8rem; 
 line-height:2rem;
 font-weight: 800; 
  }	
.paragraph_content { width:calc(100% - 40px); padding-right:20px; padding-left:20px;}
	 
.footer_block_1 { grid-column: 1 / 3;  margin:0px 0px 0px 0px; font-size:1rem;justify-self: start;     }	
.footer_block_2 {  grid-column: 1 / 3; margin:7px 0px 0px 0px; font-size:1rem;justify-self: start;    }
.footer_block_3 img {border: 0; width: auto; height: 100px; margin-left: 0px; margin-right: 20px; }	

 }

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

  	}