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



@charset "utf-8";



/* Anker */

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



/* parallax */

.parallax {

  height: auto;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom:70px;
}


/* formular */

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


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

.wpcf7-list-item { width:100% !important; float:left;}

.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: 0px;
}

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

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

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

/* Container */

html {
 	font-family: Arial;
	font-size:1em;
	line-height:1.3;
 	line-height:1;
	height:100%;
  	margin:0;
  	padding:0;
}


body {
 	font-family: Arial;
 	font-size:1rem;
	line-height:1.3;
 	font-weight:400;
 	color:#000;
	text-align:left;
	overflow-x: hidden;
 	margin:0;
 	padding:0;
	background-color:#d5e0e5;
	color:#3c3c3b;
}





/* Formatierungen*/

hr {color:#006387; 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;
	padding-top:0;
 	margin-bottom:0;
	padding-bottom:0;
}

 h1 {	
 font-size:2rem; 
 line-height:2.2rem;
 font-weight: 400; 
 color:#3c3c3b;
 margin-bottom:10px;
 margin-top:20px;
 }
 
  h2 {	
 font-size:1.5rem; 
 line-height:1.8rem;
 font-weight: 400; 
 color:#3c3c3b;
  }
 
  h3 {	
 font-size:1.3rem; 
 font-weight: 700; 
 color:#3c3c3b;
 margin-bottom:-15px;
 }
 
  h4 {	
 font-size:2rem; 
 line-height:2.2rem;
 font-weight: 400; 
 color:#3c3c3b;
 margin-bottom:10px;
 margin-top:20px;
 }

/* 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(0, 100, 156, .6);
	z-index:999;
}



div#header {
	display: grid; 
	grid-template-columns:160px 1fr 150px; 
	grid-template-rows: 140px;  
	height:140px;
	width:calc(100% - 80px);
	max-width:1300px;
	padding-right:40px;
	padding-left:40px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

.transparent {	background: rgba(0, 100, 156, .8); transition: 0.2s;}
.colored {	background: rgba(0, 100, 156, 1); transition: 0.2s;}
	
.header_logo {  margin-left:0px; margin-top:0px;}
.header_nav { display: grid; justify-content: right; align-content: center; }
.header_kontakt	{ margin-right:0px; display: grid;justify-content: right; align-content: center; }
	
.header_logo img { width:100% !important; height:auto !important; border:0; }	

nav.header {}

.header_kontakt a {font-size:1.3rem; text-decoration:none; color:#fff; background-color:#e28f2a; padding:10px 20px 10px 20px; font-weight:700; transition: 0.2s; }
.header_kontakt a:hover  { background-color:#efbd82;}
/* content */

#paragraph {
	display: grid; 
	grid-template-rows: auto; 
 	width:100%;
	margin-top:0px;
}

#paragraph.orange_1 {background-color:#e28f2a;}
#paragraph.orange_2 {background-color:#efbd82;}

#paragraph.slider { 
	width:100%;
	min-height:140px;
	max-width:2000px;
	padding-right:0px;
	padding-left:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

.paragraph_content {
	display: grid; 
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-rows: auto; 
	grid-row-gap: 0px; 
  	grid-column-gap: 0px;
	width:calc(100% - 80px);
	max-width:1300px;
	padding-right:40px;
	padding-left:40px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-bottom:30px;
	font-size:1.2rem;
	}

.paragraph_content.media {margin-bottom:0px;}


article.paragraph_text_1 {
	display: grid; 
	grid-column: 1 / 5;
	min-height:100px;
	padding: 0px 0px 0px 0px;
	margin-top:30px;
	text-align:left;
	}
	
	
	article.paragraph_text_1 a {
	text-decoration:none; 
	color:#e40521; 
	font-weight:400; 
	transition: 0.2s;
 }

article.paragraph_text_1 a:hover {
	color:#00649c; 
	transition: 0.2s;
	 }
	
article.paragraph_text_2 {
	grid-column: 1 / 3;
	min-height:50px;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	justify-content: left;
	align-items:flex-start;
	}
	
article.paragraph_text_2 a {
	font-size:1.3rem; 
	text-decoration:none; 
	color:#fff; 
	background-color:#e40521; 
	padding:15px 25px 15px 25px; 
	font-weight:400; 
	transition: 0.2s;
 }

article.paragraph_text_2 a:hover {
	background-color:#00649c; 
		transition: 0.2s;
	 }
	
article.paragraph_text_3 {
	display: grid; 
	grid-column: 1 / 5;
	min-height:100px;
	padding: 0px 0px 0px 0px;
	margin-top:30px;
	text-align:left;
	}
	
article.paragraph_text_3 a {
	font-size:1.3rem; 
	text-decoration:none; 
	color:#fff; 
	background-color:#e40521; 
	padding:15px 25px 15px 25px; 
	font-weight:400; 
	transition: 0.2s;
 }

article.paragraph_text_3 a:hover {
	background-color:#00649c; 
		transition: 0.2s;
	 }
	
article.paragraph_text_3 img { width:50%; float:right; margin:0px 0px 20px 20px;  height:auto;	}
	
article.paragraph_pic_1 {
	grid-column: 3 / 5;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	justify-content: right;
	text-align:right;
	align-items:flex-start;
	}
	
	
	article.paragraph_pic_1 img { width:100%; max-width:400px; height:auto;	}



article.paragraph_text_foerderer {
	grid-column: 1 / 5;
	min-height:100px;
	width:100%;
	margin-top:30px;
	text-align:left;
	}
	
	article.paragraph_text_foerderer img { width:calc(23% - 4px); height:auto; margin:0 1% 0 1%; border:0;	}	
	
	
	
	article.paragraph_media_1 {
	display: grid; 
	grid-column: 1 / 3;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	}
	
	article.paragraph_media_2 {
	display: grid; 
	grid-column: 3 / 5;
	padding: 0px 0px 0px 0px;
	margin-top:0px;	
	}
	

article.paragraph_text a { text-decoration:none; color:#1a171b; font-weight:800; transition: 0.2s; }
article.paragraph_text a:hover { text-decoration:none; color:#85b4cb; transition: 0.2s;}



/* 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:#00649c;
	color:#fff;
}


div#footer {
	display: grid; 
	grid-template-columns: 50% 50%; 
	grid-template-rows: auto auto auto; 
	grid-row-gap: 20px; 
  	grid-column-gap: 20px;
	height:auto;
	width:calc(100% - 80px);
	max-width:1300px;
	padding-right:40px;
	padding-left:40px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
	
.footer_block_1 {  margin:40px 0px 20px 0px; grid-row: 1 / 3; font-size:1.2rem; }		
.footer_block_2 {  margin:20px 0px 20px 0px; font-size:1.2rem; }
.footer_block_3 {  width:calc(100% - 60px); margin:0px 0px 0 0px; background-color:#e40521; font-size:1.2rem; padding:20px 20px 20px 20px;  }		
.footer_copyright {grid-column: 1 / 3; text-align:left;  margin: 10px 0px 20px 0px;  }		


footer p { margin:0; padding:0;}
 
 
.footer_block_1 a { text-decoration: none; color:#fff; border-bottom: solid 1px #fff; line-height:2rem; padding-bottom:10px; transition: 0.2s; }
.footer_block_1 a:hover {border-bottom: solid 1px #efbd82; color:#efbd82; 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:0px;
text-align: left;
font-size:1em;
line-height:2.2em;
display:block;
border-right: 0px solid #fff;
}




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




nav#footer li a:hover { color:#efbd82;border-bottom: solid 1px #efbd82;  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:#efbd82;border-bottom: solid 1px #efbd82;  }



   /*End Site - NAV footer*/  
   
 
   
   
   
 @media only screen and (max-width: 1200px) {  

} 


 



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


}





@media only screen and (max-width: 1000px) {
div#footer {
	grid-template-columns: 50% 50%; 
	grid-template-rows: auto auto auto; 
}
.footer_block_3 {  margin: 0px 0px 0px 0px; grid-column: 1 / 3;  }	
.footer_block_3 img { float:left;}	
.footer_copyright {grid-column: 1 / 3; margin-left:0px;  }	


div#header {
	display: grid; 
	grid-template-columns:110px 1fr; 
	grid-template-rows: 90px;  
	height:90px;
	}



	
#container_content .slider { min-height:90px;}

#header .header_nav {display:none;}
.header_kontakt	{display:none;}
  }
 
@media only screen and (max-width: 700px) { 
		article.paragraph_media_1 {	grid-column: 1 / 5;	}
		article.paragraph_media_2 {	grid-column: 1 / 5;	}
		article.paragraph_text_3 img { width:100%; float:left; margin:0px 0px 20px 0px;  height:auto;	}
 } 
 
 
 
 @media only screen and (max-width: 600px) {




div#header {
	display: grid; 
	grid-template-columns:110px 1fr; 
	width:calc(100% - 40px);
	padding-right:20px;
	padding-left:20px;
}



div#footer {
		grid-row-gap: 20px; 
  	grid-column-gap: 0px;
	width:calc(100% - 40px);
	padding-right:20px;
	padding-left:20px;
}


.footer_block_1 { margin: 30px 0 0 0px; grid-column: 1 / 3;  }	 
.footer_block_2 {  margin: 30px 0px 0px 0px; grid-column: 1 / 3;  }	
 .footer_block_3 {  width:calc(100% - 40px);  }			

.paragraph_content { width:calc(100% - 40px); padding-right:20px; padding-left:20px;}

article.paragraph_text_2 { grid-column: 1 / 5;	}

	
article.paragraph_pic_1 {	grid-column: 1 / 5;	justify-content: center; text-align: center;}


	article.paragraph_text_foerderer img { width:calc(48% - 4px);  margin:0 1% 0 1%;	}	
	

 }