<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

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



 h2 {
font-weight: 800;
font-style: normal;
font-size:80px; 
line-height:90px;
	text-align: left;
	color: #000000;
	 margin-top: 60px;
	 margin-bottom: 60px;
	 text-underline-offset: 0.1em;
	 }



p.antwort {

	font-size: 40px !important;
  line-height: 50px !important;
	text-decoration: none !important;
}




#button_kontakt {
		position: fixed;
	right: 30px;
	top: 46%;
	height: 70px;
	width: 70px;
	background: url("pic/kontakt2.png") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 30000;
}

#button_kontakt.weiss {	background: url("pic/Icon_Hi_weiss.svg") no-repeat;}

div.c_red .button_kontakt {
		position: fixed;
	right: 30px;
	top: 50%;
	height: 99px;
	width: 100px;
	background-color: #6B6969;
	background-size: cover;
	background-position: center center;
}

div.c_white .button_kontakt {
		position: fixed;
	right: 30px;
	top: 50%;
	height: 99px;
	width: 100px;
	background-color: #0A08CF;
	background-size: cover;
	background-position: center center;
}

div.c_red.button_kontakt_red {
		position: fixed;
	right: 30px;
	top: 50%;
	height: 99px;
	width: 100px;
	background-color: azure;
	background-size: cover;
	background-position: center center;
}

.button_kontakt_white {
	position: fixed;
	right: 30px;
	top: 50%;
	height: 99px;
	width: 100px;
	background: url("pic/Icon_Hi_weiss.svg") no-repeat;
	background-size: cover;
	background-position: center center;
}


div.c_red {position: relative;}
div.c_white {position: relative;}



/* video */
div#video_desktop {display: block;}
div#video_mobil {display: none;}

/* slider */
.neo_sans {font-family: neo-sans, sans-serif !important;}

p.text_klein {font-size: 30% !important; line-height: 120% !important; margin: 0; padding: 0; }
 /* buttons*/

div.button {
	grid-column: 1 / 13;
	padding: 20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	}


a.startseite {background: #c70c6f ; color: #fff !important; padding: 10px 20px 10px 20px; transition: 0.2s; text-decoration: none; font-size: 14px; }
a.startseite:hover {background: #005ca5; color: #fff !important; padding: 10px 20px 10px 20px;transition: 0.2s; text-decoration: none; }


.schatten
{font-family: neo-sans, sans-serif !important;

	text-shadow: 0em 0em .2em #000;
}

/* Anker */

div.anchor {
	position: relative;
  top: -130px;
}


/* bg_color */

.rotverlauf { background: linear-gradient(45deg, #d3052a, #ff1b8a);color: #fff; font-size: 45px; line-height: 55px;  padding: 200px 0 200px 0; text-align: center;}
.clear {background-color: transparent;}
.white {background-color: #fff !important; }






/* Formatierungen */

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

.c_kolbe hr {color: #fff;}
.c_emilienhaus hr {color: #fff;}
.c_hoing hr {color: #fff;}
.c_antonius hr {color: #fff;}
.c_gottfried hr {color: #fff;}
.c_geist hr {color: #fff;}



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

img { border-style:none; border:0; max-width: 100%; }
svg { overflow:hidden;}



/* Listen Formatierungen */

div#main_center &gt; div#main_grid &gt; article#main_content ul {padding: 0px 0px 0px 25px;}
div#main_center &gt; div#main_grid &gt; article#main_content ul li {list-style-type: disc; line-height: 1.5em; }
div#main_center &gt; div#main_grid &gt; article#main_content  li::marker  { color:#d43916; font-size:1em;}




/* Überschriften*/

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

 h1 {
font-weight: 800;
font-style: normal;
font-size:80px; 
line-height:90px;
	text-align: left;
	color: #000000;
	 margin-top: 60px;
	 margin-bottom: 60px;
	 }




 h2 {
font-weight: 800;
font-style: normal;
font-size:80px; 
line-height:90px;
	text-align: left;
	color: #000000;
	 margin-top: 60px;
	 margin-bottom: 60px;
	 }




  h3 {
font-weight: 700;
font-style: normal;
font-size:30px; 
line-height:70px;
	text-align: center;
	color: #000;
	 }




 h4 {
font-weight: 800;
font-style: normal;
font-size:1em; 
line-height:1.2em;
	text-align: left;
	color: #000000;
	 margin-bottom: 0;
	 padding-bottom: 0;
	 padding-left: 20px;
	 }


 #framework &gt; main &gt; div#main_bg_color &gt; div#main_center &gt; div#main_grid_drittel h2 {
font-weight: 400;
font-style: normal;
font-size:1em; 
line-height:1.4em;
color: #1e6e9b;
 }








	
/* Container */

html {

overflow-x: hidden;
height:100%;
 margin:0;
 padding:0;
background-color: #ffffff !important;
}


body {
margin:0;
overflow-x: hidden;
background-color:#fff;
font-family: neo-sans, sans-serif;
font-weight: 400;
font-size: 32px;
line-height:40px;
	background-color:transparent;
color: #000;
}

#framework {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: 
    'header'
    'main'
    'footer';
background-color:transparent;
}


/* header */





 #framework &gt;header {
grid-area: header;
display: grid;
grid-template-columns: 100%;
width: 100%;
 height: 100px;
position: fixed;
justify-content: center;
top: 0;
background-size: 100% 100%;
z-index: 9999;
opacity: 1;
	background-color: #fff;
}

#framework &gt; header &gt; div#header_center {
	display: grid; 
    grid-template-columns: 1fr; 
	grid-template-rows: auto; 
	grid-row-gap: 0px; 
	width:calc(100% - 80px);
	max-width:100%;
	padding: 0px 40px 0 40px;
	margin: 0px auto 0px auto;
}

#framework &gt; header &gt; div#header_center &gt; section.header_content {
	display: grid;
	grid-template-columns: 300px 1fr;
	grid-template-rows: 1fr;
	width: 100%;
	max-height: 200px;
	height: 90%;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height: 50px !important;
	}

section.header_content &gt; div#logo_header { display: grid; }
section.header_content &gt; div#logo_header figure { width: 150px;  height: auto; }
section.header_content &gt; div#logo_header.logo_big {  padding-top: 40px;   transition-duration: .6s;}
section.header_content &gt; div#logo_header.logo_small {    transform: translate(0px,5px); transition-duration: .6s;}



section.header_content &gt; div#logo_header img { 	width:100%;	height:auto; max-height: 100%; max-width: 100%;}


section.header_content &gt; div#headernavigation { display: grid; justify-content: flex-end; padding-top:60px; height: 50px !important; margin-right: -37px;}
section.header_content &gt; div#headernavigation.movebottom {  transform: scale(1);transition-duration: .6s;}
section.header_content &gt; div#headernavigation.movetop {   transform: translate(0px,-65px); transition-duration: .6s;}


section.header_content &gt; div#adresse_header { color: #ffffff; margin-top: -5px; text-align: right; opacity: 1; font-size: 18px; }
section.header_content &gt; div#adresse_header.adrfull {opacity: 1; transition-duration: .5s; }
section.header_content &gt; div#adresse_header.adrno {opacity: 0; transition-duration: .5s;}

/* content */


#framework &gt; main  {
grid-area: main;
display: grid;
background-color: #fff;
grid-template-columns: 100%;
justify-content: center;
	}


#framework &gt; main &gt; div#main_bg_color { }



#framework &gt; main &gt; div#main_bg_color.white  a { color: #000 ;border-bottom: solid 0px #000; transition: 0.2s; text-decoration: none; font-weight: bold;  }
#framework &gt; main &gt; div#main_bg_color.white  a:hover { color:#000000;border-bottom: solid 0px #000000; transition: 0.2s; font-weight: bold; }    

#framework &gt; main &gt; div#main_bg_color.blue  a { color: #ffffff ;border-bottom: solid 0px #2da32c; transition: 0.2s; text-decoration: none;  }
#framework &gt; main &gt; div#main_bg_color.blue  a:hover { color:#d4cac8;border-bottom: solid 0px #c5007b; transition: 0.2s;  }  


#framework &gt; main &gt; div#main_bg_color &gt; div#main_center {
	width:calc(100% - 80px);
	max-width:1300px;
	padding: 50px 40px 50px 40px;
	margin: 0px auto 0px auto;
	}




#framework &gt; main &gt; div#main_bg_color &gt; div#main_center.parallax {
	position: sticky;  width: 100%; max-width: 10000px; height: 800px;  background-color: #fff; top:170px; 
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
} 





#framework &gt; main &gt; div#main_bg_color &gt; div#main_center.slider { width: 100%; max-width: 10000px; padding: 0; }


#framework &gt; main &gt; div#main_bg_color &gt; div#main_center &gt; div#main_grid {
	display: grid; 
    grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto; 
	grid-row-gap: 0px; 
	grid-column-gap: 0px;
	}


#framework &gt; main &gt; div#main_bg_color &gt; div#main_center &gt; div#main_grid_drittel {
	display: grid; 
    grid-template-columns: 30% 30% 30%;
	grid-template-rows: auto; 
	grid-row-gap: 0; 
	grid-column-gap: 5%;
	padding-top: 40px;
	}


#framework &gt; main &gt; div#main_bg_color &gt; div#main_center &gt; div#main_grid_strategie {
	display: grid; 
    grid-template-columns: 50% 50%;
	grid-template-rows: auto; 
	grid-row-gap: 0; 
	grid-column-gap: 5%;
	padding-top: 40px;
	}

#framework &gt; main &gt; div#main_bg_color &gt; div#main_center &gt; div#main_grid &gt; article#main_content {
	grid-column: 1 / 13;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	}







 div#main_grid_strategie &gt; article#halb_content {
		padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	}

 div#main_grid_strategie &gt; article#halb_pic {
		padding: 0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:left;
	}

div#main_grid_drittel &gt; article#drittel_content &gt; div.pic { max-width: 100%; height: auto;  }

div#main_grid_drittel &gt; article#drittel_content &gt; div.b_content {margin: -5px 0 0 0 ; text-align: center; font-size: 25px; font-weight: 800;  color: #fff;}

div#main_grid_drittel &gt; article#drittel_content &gt; div.pic img:hover {
  filter: opacity(70%);
  transition: filter 0.3s;
}



#framework &gt; main &gt; div#main_bg_color &gt; div#main_center &gt; div#main_grid_viertel {
	display: grid; 
    grid-template-columns: 22% 22% 22% 22%;
	grid-template-rows: auto; 
	grid-row-gap: 0; 
	grid-column-gap: 4%;
	padding-top: 40px;
	}



#main_content.textblock {font-size: 30px; line-height: 38px;} 


/* footer */
	
#framework &gt;footer {
grid-area: footer;
display: grid;
grid-template-columns: 100%;
justify-content: center;
background-color:#fff;}





#framework &gt; footer &gt; div#footer_center {
	display: grid; 
    grid-template-columns: 1fr; 
	grid-template-rows: auto; 
	grid-row-gap: 0px; 
	width:calc(100% - 80px);
	max-width:1500px;
	padding: 50px 40px 0px 40px;
	margin: 0px auto 0px auto;
}

#framework &gt; footer &gt; div#footer_center section.footer_content {
	display: grid;
  grid-template-columns: 200px 1fr 200px;
	grid-template-rows: auto;
	grid-row-gap: 30px;
	width: 100%;
	max-width:2000px;
	padding: 50px 0px 0px 0px;
	margin:30px 0px 30px 0px;
	font-size:1rem;
	line-height: 1.5rem;
	color: #000;
	border-top: solid 1px #E62243;
	}

	
div#footer_center &gt; section.footer_content div.footer_block_1 { order: 1; display: grid; justify-content: left; margin-top: 12px;   }	
div#footer_center &gt; section.footer_content div.footer_block_2  { order: 2; display: grid; justify-content: center;  }
div#footer_center &gt; section.footer_content div.footer_block_3  { order: 3; display: grid; justify-content: right;   }

div#footer_center &gt; section.footer_content div.footer_block_4 { order:4; display: grid;    grid-column: 1 / 4; text-align:center;  margin: 0px 0px 0px 0px; font-size:20px; color: #B2B2B2;  }	



div.so_me img { width: 50px; !important; height: auto; float: right; padding-left: 15px;    } 

nav#footer {   }
 


div#footer_center a { color: #fff;border-bottom: solid 0px #ec7404; transition: 0.2s; text-decoration: none;  }
div#footer_center a:hover { color: #d4cac8;border-bottom: solid 0px #c5007b; transition: 0.2s;  }    









/* mobil */

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

	
	
#framework &gt; footer &gt; div#footer_center section.footer_content {grid-template-columns: 1fr 250px 1fr; }
	
div#footer_center &gt; section.footer_content div.footer_block_1 { order: 1; }	
div#footer_center &gt; section.footer_content div.footer_block_2  {order: 2; justify-content: center; margin-top: 0px; }
div#footer_center &gt; section.footer_content div.footer_block_3 { order: 3; justify-content: flex-end; margin-top: 0px; }
div#footer_center &gt; section.footer_content div.footer_block_4 { order: 4;  } 	
}
	
	
 @media screen and (max-width: 1000px) and (orientation:portrait)
	 
{div#video_desktop {display: none;}
div#video_mobil {display: block;}
	 
}


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

p.text_klein {font-size: 60% !important; line-height: 120% !important; margin: 0; padding: 0; }	
	

	
#framework &gt; footer &gt; div#footer_center section.footer_content {grid-template-columns: 1fr 250px 1fr; }
	
div#footer_center &gt; section.footer_content div.footer_block_1 { order: 1; grid-column: 1 / 4; justify-content: center;  }	
div#footer_center &gt; section.footer_content div.footer_block_2  {order: 3; grid-column: 1 / 5;  justify-content: center; margin-top: 0px; }
div#footer_center &gt; section.footer_content div.footer_block_3 { order: 2; grid-column: 1 / 4;  justify-content: center; ; margin-top: 0px; }
div#footer_center &gt; section.footer_content div.footer_block_4 { order: 4;  } 	
	
	
#main_content.textblock { font-size: 25px;  line-height: 30px;}	
	h2 {font-weight: 700;font-size:30px; line-height:35px;}

}
	
@media only screen and (max-width: 700px) {
 h1 {
font-size:50px; 
line-height:55px;
	text-align: left;
	color: #000000;
	 margin-top: 30px;
	 margin-bottom: 30px;
	 }
	
	
	#button_kontakt {
		position: fixed;
	right: 10px;
	top: 46%;
	height: 40px;
	width: 40px;
	background: url("pic/kontakt2.png") no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 30000;
}

	
#main_content.textblock {font-size: 20px; line-height: 25px;} 	
	
}

</pre></body></html>