@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=f4e20252-5a22-4e42-a80d-e7b8c0798800&fontids=5611154,5611178,5611780");
@font-face{
font-family:"Times LT W05 Italic";
src:url("../../fonts/5611154/9de8afd6-82fa-46bd-b7db-e2bb9e86eed4.woff2") format("woff2"),url("../../fonts/5611154/2a3561c9-b9f9-4288-b0d5-f170454fea8d.woff") format("woff");
}
@font-face{
font-family:"Times LT W05 Bold";
src:url("Fonts/5611178/c8e902f1-3d21-45dd-a722-83363a501268.woff2") format("woff2"),url("../../fonts/5611178/83aeb65c-8242-457a-894f-cc5bf2d7a536.woff") format("woff");
}
@font-face{
font-family:"Times LT W05 Roman";
src:url("../../fonts/5611780/e5e1aad6-4585-446c-97bd-5a5e4511020b.woff2") format("woff2"),url("../../fonts/5611780/1448af22-ab05-4667-877b-697f48bfc7c5.woff") format("woff");
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dfn, em, img, strong, b, u, i,l, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	vertical-align: baseline; font-style: normal; font-weight: normal; }
html {	height: 100%; }

body {
	background-color: #FFFFFF;	
	margin:0px;
	font-family:"Times LT W05 Roman", Arial, serif;
	font-size:18px;
	letter-spacing:0pt;
	line-height:22px;
	width:100%;
	color:#005082;
	min-height: 100%;
	-webkit-hyphens: auto;	 -moz-hyphens: auto;	 -ms-hyphens: auto;	 hyphens: auto;
}


p, a{	margin:0px;	}

td{	vertical-align:top;}
a{	color:#005082;	text-decoration:none;	display: inline-block;}
a:hover{	color:#999;}
a:focus { outline: none; }
strong { font-weight: normal; font-family:"Times LT W05 Bold", Times, serif; }
.clearfloat{ 	clear:both;	height:0px;	font-size: 1px;	line-height: 0px;	margin:0px;	padding:0px;}
#contentbox ul{	margin:0;	padding:0;	padding-left: 11px;	margin-left: 6px;}
#contentbox ul li{	list-style-image:url(../images/list.gif);	padding: 0px;	margin: 0px;}
em { font-style:normal; font-family:"Times LT W05 Italic", Times, serif;}


#mainWrap{	width: 100%;	min-height: 100%;	margin:0;	position: relative; top:0; }


#header { position:fixed; top:0; background:#FFF; height:115px; width:100%; z-index:100; }

#logo img { width: 330px; height: auto; margin:40px 0 0 112px; }


#navwrapper{	position:relative;	margin:0px;	float:left;	height:100%; display: block;}

#mainnav {  width:211px; display:block; position:fixed; top:115px; left:30px; }
#mainnav ul {	margin:0px;	padding:0px;	list-style:none;	display:block;	width:auto;	 }
#mainnav ul li {	padding-left:0px;		margin:0px; border-top:solid 1px #005082; margin-bottom:17px; }
#mainnav ul li.hassub.active { border-top:solid 1px #00f000; }

#mainnav ul li a{	display:inline-block;	font-size:18px;	color:#005082;	line-height:22px;	letter-spacing:0.5pt; padding: 0 2px;	margin-left: -2px; font-weight: normal; font-family:"Times LT W05 Bold", Times, serif; }
#mainnav ul li.line{	height:2px;	display:block;		margin:34px 0px 4px 0px;	background: url(../images/dashed_line.gif) repeat-x;}

#mainnav ul li.active a, #mainnav ul li a:hover { color:#00f000;  }

#mainnav ul li ul li { border-top:none; margin-bottom:0;  }
#mainnav ul li ul li a { font-weight:normal; color:#005082; letter-spacing:0pt;}
#mainnav ul li ul li a:hover, #mainnav ul li.active ul li a:hover, #mainnav ul li ul li a.active { font-style:italic;  color:#00f000 !important; }

#mainnav ul li ul.subnav li a, #mainnav ul li.active ul.subnav li a,
#mainnav ul li ul.subnavActive li a, #mainnav ul li.active ul.subnavActive li a {color:#005082; font-family:"Times LT W05 Roman", Arial, serif;}
#mainnav ul li ul.subnav li a:hover, #mainnav ul li.active ul.subnav li a:hover, #mainnav ul li.active ul.subnav li.active a,
#mainnav ul li ul.subnavActive li a:hover, #mainnav ul li.active ul.subnavActive li a:hover, #mainnav ul li.active ul.subnavActive li.active a ,  #mainnav ul li a.active{  color:#00f000; font-family:"Times LT W05 Roman", Arial, serif;}

#mainnav ul.subnav { display:none; }
#mainnav ul li.active .subnav { display:block;  }

.mainNaviLink { margin:3px 0 0 0;}


/* Icons */
#naviButton { display:none; }
#nav-icon {  width: 22px;  height:22px;  position: relative; float:right; margin: 5px 0px 0 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;}
#nav-icon span {	height: 3px;  display: block;  position: absolute;    width: 100%;  background: #005082;  border-radius: 0px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) { top: 0px;}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 8px;}
#nav-icon span:nth-child(4) {top: 16px;}
#nav-icon.open span:nth-child(1) {top: 11px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) { top: 18px; width: 0%;left: 50%;}




#contentbox{	position:relative;	margin:115px 30px 0 270px; max-width:1870px; 	overflow:hidden; 	 background-repeat:no-repeat;	background-position: left 500px top 280px;}
#contentbox.detailansicht { max-width:805px; }

.detailWrap { padding: 0px 0 20px 0;  font-size: 26px; line-height:32px; letter-spacing: 1pt; font-weight: normal; }

.spalte2{ width:44%; float:left;	margin-right:5%;}
.spalte2:last-child{ margin-right:0;}
.spalte2 img { width:100%; height: auto; }


.detailansicht a { color: #005082; }
.detailansicht a:hover { color: #ccc; }


#detailbilder { margin: 0px 0 50px 0; }
#detailbilder img { width: auto; max-width: 100% !important;  height: auto !important; display:inline; margin: 0 5px 0 0; }

.titel, .titelpopup{	text-transform:uppercase; font-size: 18px; }
p.backlink a { font-style:italic;font-size: 22px ; }
p.lead { font-size: 26px; line-height:28px; }
p.copyright { font-size: 22px ; line-height: 26px; }
p.druckenlink { font-size: 22px ; line-height: 26px;}



.colWrap { overflow:hidden;}
.col27, .col17 { width: 13.2%; display:inline-block; margin:0 1.5% 10px 0; border-top:solid #005082 1px; vertical-align:top; padding-top:3px; }
.col27 { width:27.2%; }
.col17:nth-child(5n) { margin-right:0; }
.col17 h2 , .col17, .col27 h2 , .col27{ font-size:13px; line-height:16px; letter-spacing:0pt; }
.col17 h2 , .col27 h2 { letter-spacing:0.5pt; }

a.pdfLink { padding-left:15px; background-image:url(../images/icon_pdf.png); background-repeat:no-repeat; background-size:10px; background-position: 0 2px; text-decoration:underline; }

.detailWrap .titelpopup { font-size:24px; line-height:28px; margin: 20px 0 0px 0; letter-spacing:0.5pt; padding-top:1px; border-top:solid #005082 1px; font-weight: normal; font-family:"Times LT W05 Bold", Times, serif;  }

.detailWrap p { font-size:18px; line-height:22px; letter-spacing:0pt;  }
.detailWrap .lead {		font-size:24px;	line-height:28px;}


.portraitfoto { max-width:362px; margin-bottom:5px; }


/*
.titelzusatz{ font-size:18px;}
.listitemblock{	margin-bottom:15px;	}

*/
.subtrenner { width: 25px; height: 2px; margin: 3px 0 4px 0; padding: 0; border-bottom: 1px dotted #999; }


.boxWrap { margin-left: 0; position:relative;}

.vorschaubild{	width:100% !important;	height:auto !important; margin:0px 0px 5px 0px;	}

.teaserBox{	width: 100% ;	height: auto;	margin-bottom: 30px;	overflow: hidden;	display: table;}
.teaserBox a {	width: 100% ;	}
.teaserbild img{ width: 100% !important; height: auto !important; float:left; }
.teaserbild {  padding-right: 2%; height: auto; width: 67%; display: table-cell; }
.teasertextBox { background-color: #E7F0F5; width: 31%; height: auto; padding: 0; display: table-cell; vertical-align:top; }
.teasertext { padding: 10px 12px;}
.teasertext .lead, .teasertext a{	line-height:22px; font-size:18px;  -webkit-hyphens: auto;	 -moz-hyphens: auto;	 -ms-hyphens: auto;	 hyphens: auto;}
.teasertext .titel { margin: 7px 0 7px 0; display: block;  font-size: 18px;}
.teasertext .auftraggeber { font-size: 14px; font-style:italic; line-height: 18px ;}

.grid { width: 100%; margin-left: -1%; }
.grid-item { padding: 0 0 30px 1%; float: left; width: 25%; margin:0; cursor:pointer; box-sizing: border-box; }
.grid-item img { width:100% !important; height:auto !important; }


.grid-item p { -webkit-hyphens: auto !important;	 -moz-hyphens: auto !important;	 -ms-hyphens: auto !important;	 hyphens: auto !important; }
.grid-item p.titel { font-style:normal; text-transform:none !important;font-weight: normal; font-family:"Times LT W05 Bold", Times, serif; max-width: 100%; font-size: 19px; line-height: 22px;  -webkit-hyphens: auto !important;	 -moz-hyphens: auto !important;	 -ms-hyphens: auto !important;	 hyphens: auto !important;}
.grid-item .titelzusatz { line-height: 22px;  -webkit-hyphens: auto !important;	 -moz-hyphens: auto !important;	 -ms-hyphens: auto !important;	 hyphens: auto !important;}

.grid-item a:hover { color:#005082;}

.trenner { margin: 0 0 5px 0; padding:0; line-height:0; }
.trenner img{ width: 45px !important; height: auto !important; margin-top:0px;}





#naviButtonM { display: none; cursor: pointer; position: fixed; z-index: 6; width: 54px; height: auto;   bottom: 47px; left: 50%; margin-left: -28px; }
#naviButtonM img { width: 100%; height: auto; }

#navMobClose { display: none; }



.textHome p { font-size: 50px ; line-height: 57px; margin: -5px 0 17px 0;  color:#00f000; }



.button { position: fixed; width:270px; height:  270px; z-index:1500;  }
.button img { width: 100%; height: auto; width:270px; position:relative; }
.btnText { position:absolute; z-index:5; color:#00f000; font-weight: normal; font-family:"Times LT W05 Bold", Times, serif; font-size:30px; line-height:34px; top:50%; left:50%; width:75%; height:auto; transform:translate(-50%,-50%); text-align:center; }
.button:hover .btnText, .btnText:hover { color:#FFF; }
#button1 {  top:500px; right:25%;  transform:rotate(-20deg); z-index:10; }


#seitentitel { display: none; }


.spalte2 a { text-decoration:underline;}

.linebreak { display: inline-block; }


.grayscale img {    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */    -webkit-transition: all .4s ease; /* Fade to color for Chrome and Safari */    -webkit-backface-visibility: hidden; /* Fix for transition flickering */filter: gray; /* IE6-9 */}
.grayscale:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");    -webkit-filter: grayscale(0%);}
svg image {    transition: all .4s ease;}
svg image:hover {    opacity: 0;}


.grayscale img {
    -webkit-filter: sepia(1) hue-rotate(170deg);
    filter: sepia(1) hue-rotate(170deg) ; 
}

   /*   filter: sepia(0.8) hue-rotate(160deg) grayscale(1) brightness(0.9); */

/* Slider */

.owl-carousel { width: 100%; margin: 0 auto 15px  auto; }
#owl1.owl-carousel { width: 100%;}
#owl1 .owl-prev { left:0;background:url(../../inc/images/prev.png) no-repeat; background-size:60px; width:70px; opacity: 1; background-position: 0, 0; margin-top:-20px; position:absolute;  color:transparent; top:50%;}
#owl1 .owl-next {  right:-11px; background:url(../../inc/images/next.png) no-repeat; background-size:60px; width:70px; opacity: 1;  background-position: 0, 0; margin-top:-20px; position:absolute;  color:transparent; top:50%;}

.owl-stage-outer { width:100%; margin:0 auto;}

.slide img { height:100%; width:auto !important; margin:0 auto; max-height:400px; }





/* Applekorrekturen */
body.apple .detailWrap .titelpopup { padding-top: 2px; }
body.apple .col27, body.apple .col17 { padding-top: 5px; }



/* Mobile *************************************************/

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

	#contentbox.detailansicht { max-width:725px; }

	.teasertext .auftraggeber { font-size: 12px; }
	.teasertext .titel { font-size: 14px;}	
	.teasertext .lead , .teasertext a, .teasertext p{	line-height:18px !important; font-size:14px;}
	.titelpopup {	text-transform:uppercase; font-size: 36px; }
	 
	.grid { width: 101%; margin-left: -1%; } 
	.grid-item { padding: 0 0 20px 1.5%;  width: 33.3%; }
	
	.slide img { max-height:350px; }
	
	.textHome p { font-size: 38px ; line-height: 44px; margin: -5px 0 17px 0;  color:#00f000; }
	
	#button1 {  top:400px; right:15%;  }

}



	


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

	body {	font-size:14px;	line-height:19px; }
	#home2 .text, #home1 .text  { font-size: 28px ; line-height: 34px; }

	.teasertext .lead , .teasertext a, .teasertext p{	line-height:14px !important; font-size:13px;}
	.teasertext .auftraggeber { font-size: 11px; line-height: 16px !important;}
	.teasertext .titel { font-size: 13px;}

	.titel, .titelpopup {	text-transform:uppercase; font-size: 16px; }
	.titelpopup {	font-size: 26px; }
	
	.vorschaubild { margin: 0px 0px 3px 0px; }
	
	#navwrapper{ display: block;}
	
	#seitentitel { display: none; }
	
	.grid-item, .grid-item .titel , .grid-item a{ font-size: 18px; line-height: 22px !important; }
	
	.grid { width: 102%; margin-left: -2%; } 
	.grid-item { padding: 0 0 26px 2%;  width: 50%; }

	.slide img { max-height:350px; }
	
	.textHome p { font-size: 30px ; line-height: 36px; }
	
	#button1 {  top:300px; right:10%;  }

}




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


	#naviButton { display: block; position: absolute; right: 30px; top: 42px; z-index: 1200; cursor: pointer;} 
	
	#mainnav {  width:211px; display:none; background:#FFF; position:fixed; top:115px; left:auto; right:30px; z-index:200; padding-left:30px; }		
	
	#logo img { margin:42px 0 0 30px; }

	#navibox ul li a{	display:inline-block;	font-size:18px;	color:#FFF;	line-height:22px;	padding: 0 2px;	margin-left: -2px;}
	#navibox ul li a:hover, #navibox ul li a.active  {	background-color:#e7f0f5; color:#005082;}
	#navibox ul li.navtitle{	font-weight: normal; font-family:"Times LT W05 Bold", Times, serif;	color:#FFF;	font-style:italic;	font-size: 19px;	height:22px;	margin:9px 0px -2px 0px;	letter-spacing:0.5px;	}
	#navibox ul li.line{	height:2px;	display:block;		margin:20px 0px 4px 0px;	background: url() repeat-x;}
	
	#contentbox, #contentbox.detailansicht {	margin:115px 30px 0 30px ; }
	
	/* #seitentitel { display: block; font-size: 18px; line-height: 24px; text-transform:uppercase; text-align:center; margin: 0px 0 15px 0;} */
	
	#home2 .text, #home1 .text { max-width:100%; width:100%;}
	

	
	.linebreak { display: block; width: 0; overflow: hidden; height: 0; line-height:0;}

	.teasertextBox { width: 100%; }
	.teaserbild { display:none; }
	
	.drucken { display: none; }
	
	
	.slide img { max-height:300px; }
	
	#button1 {  top:300px; right:10%;  }
	
	
	/*
	.teasertext .lead, .teasertext a, .teasertext p {	line-height:28px; font-size:20px;  }
	.teasertext p{	padding: 15px 0 5px 0; display: inline-block;  }
	.teasertext p.titel {  font-size: 20px; line-height:24px !important;}
	.teasertext .auftraggeber { font-size: 16px; padding: 0 0 8px 0; display: inline-block; }
	.teasertext p.lead { line-height:22px !important; }
	.grid-item {   width: 48%; }
	.grid { margin-left: -1.5%; }
	.titel, .titelzusatz { font-size: 18px; line-height:24px; }
	
	*/
}

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

#contentbox { overflow: visible; }
	
	/* Slider */

.owl-carousel .owl-stage-outer {overflow: hidden;}

#owl1 .owl-prev { left:5px;background:url(../../inc/images/pfeil_prev2.png) no-repeat; background-size:12px; width:20px; opacity: 1; background-position: 0, 0; margin-top:-20px; position:absolute;  color:transparent; top:50%;}
#owl1 .owl-next {  right:-3px; background:url(../../inc/images/pfeil_next2.png) no-repeat; background-size:12px; width:20px; opacity: 1;  background-position: 0, 0; margin-top:-20px; position:absolute;  color:transparent; top:50%;}


.owl-stage-outer { width:100%; margin:0 auto; overflow: hidden;}
	
	
.slide img { height:100%; width:auto !important; margin:0 auto; max-height:320px; }

#contentbox.detailansicht {    margin: 115px 0px 0 30px; padding-right:30px;}

#sliderBox { width:calc(100% + 60px); margin-left:-30px; overflow:hidden;}
	
}

@media only screen and (max-width: 600px) {
	
	body { 	font-size:16px;line-height:17px; }
	
	#header { height:55px; }
	
	#contentbox, #contentbox.detailansicht {	margin:55px 0px 0 20px; padding-right:20px;}
	
	#naviButton { display: block; position: absolute; right: 20px; top: 11px; } 

	#mainnav {  width:211px;  position:fixed; top:55px; left:auto; right:20px; z-index:200; padding-left:20px; }

	.teasertextBox { width: 100%; }
	.teaserbild { display:none; }
	
	#logo img { width: 210px; height: auto; margin:19px 0 0 18px; }

	.grid-item { line-height: 10px !important; }
	.titel, .titelpopup{ font-size: 14px;}
	.titelzusatz { font-size: 16px; line-height:17px !important;}
	.grid-item .titelzusatz { line-height: 17px !important; }
	
	.detailWrap .titelpopup {  font-size:22px; line-height:24px; margin: 0px 0 0px 0; padding-top:2px;}
	.detailWrap  .lead { font-size:22px; line-height:24px; }
	
	
	#home2 .bild { width:100%; max-width:100%;}
	#home2 .bild img { width:100%; height:auto;}
	
	p.backlink { text-align:center; }
	p.druckenlink {  text-align:center; font-size: 18px; line-height:22px;}
		
	.detailWrap, p.lead, p.backlink a { font-size: 20px; line-height:25px; }
	p.copyright { font-size: 16px; line-height:22px; }

	
	.grid { width: 100%; margin-left: 0%; } 
	.grid-item { padding: 0 0 22px 0;  width: 100%; }
	
	.vorschaubild{	 margin:0px 0px -2px 0px;	}
	
	.col13 { width:100%; margin-right:0; margin-bottom:6px; min-height:48px;}
	
	#mainnav {  width:100%; display:none; background:#FFF; position:fixed; top:55px; left:0; right:auto; padding-left:20px; }	
	#mainnav ul { width:211px; }	
	
	.textHome { padding-top:4px; }
	.textHome p { font-size: 22px ; line-height: 24px; }
	
	.owl-carousel { margin: 0 auto 7px auto; }
	
	#button1 {  /* display:none;*/  top:20px; right:30px;  position:absolute; }
	
	.col27, .col17 { width: 100%;  margin:0 0% 22px 0; }
	
	.col27.empty { display:none; }
	

.owl-stage-outer { width:100%; margin:0 auto;}


.slide img { height:100%; width:auto !important; margin:0 auto; max-height:200px; }

#sliderBox { width:calc(100% + 40px); margin-left:-20px; overflow:hidden;}


	
}

















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

	#home1 .bild { width:100%; max-width:100%;}
	#home1 .bild img { width:100%; height:auto;}

	#logo {	width: 206px; }
	
	.spalte2{ width:100%; margin-right:0;}
}


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

	.grid-item { width: 100%;  }
	
	.button img {  width:180px;}
	.button {    width: 180px;    height: 180px; }
	#button1 {  right:10px;}
	.btnText {    font-size: 20px;    line-height: 23px;    top: 50%;    left: 50%;    width: 50%;}
}



@media only screen and (max-height: 520px) {	
	
	#navwrapper{ height:100%;  overflow:scroll;  }
	#navibox{ 	margin:0px auto 10px auto;  }
	#navMobClose { width: 30px; height: auto; margin: 0px auto 0 auto;  display: block; cursor: pointer; }
	.grid-item { width: 100%;  }
}



/* Print *************************************************/ 

@media print {
	
	#logo {	height: auto;}
	#logo img { width: 8cm; height: auto; margin:45px 0 0 0px; }
	
	#contentbox.detailansicht {	background-color: #FFF; margin:0px 30px 0 0px;	padding: 0; max-width:none; width: 15cm; color: #000 !important; }
	.detailansicht a { color: #000; }
	.detailWrap { padding: 0; margin: 0; }
	#navwrapper, #navibox , #navibox ul { display: none !important; width: 1px !important; height: 0 !important;}

	p.backlink, p.druckenlink { display: none !important; width: 1px;}
}