body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@font-face {
    font-family: 'brandon_textregular';
    src: url('../../files/fonts/hvd_fonts_-_brandontext-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/hvd_fonts_-_brandontext-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_textlight';
    src: url('../../files/fonts/hvd_fonts_-_brandontext-light-webfont.woff2') format('woff2'),
         url('../../files/fonts/hvd_fonts_-_brandontext-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_textbold';
    src: url('../../files/fonts/hvd_fonts_-_brandontext-bold-webfont.woff2') format('woff2'),
         url('../../files/fonts/hvd_fonts_-_brandontext-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


*{
	padding:0;
	margin:0;
}

body{
	overflow-x:hidden;
	font-family:'brandon_textregular', sans-serif !important;
	letter-spacing:2px;
}


header li, footer li{
    list-style-type:none;
}

body #container{
	padding-top:0px;
}

a, em, strong{
    font-size:inherit;
    color:inherit;
}

p, li, option, label{
	font-size:18px;
}

body h1, .h1{
	font-size:60px;
	margin-bottom:20px;
}

body h2, .h2{
	font-size:40px;
	text-transform:uppercase;
	margin-bottom:20px;
}

body h3, .h3{
	font-size:30px;
	text-transform:uppercase;
	margin-bottom:20px;
}

body h4, .h4{
	font-size:25px;
	text-transform:uppercase;
	margin-bottom:15px;
}



.paddingTop{
    padding-top:50px;
}

.paddingBottom{
    padding-bottom:50px;
}

.centered{
    margin-left:50%;
    transform:translateX(-50%);
}

.floatright{
    float:right !important;
}

.ofv{
    overflow:visible !important;
}

.whiteBG{
    background-color:#fff;
}


.flex{
    display:flex;
    flex-wrap:wrap;
}

.flex.reverseRow{
    flex-direction:row-reverse;
}

.flex.reverseCol{
    flex-direction:column-reverse;
}

.middle{
	align-items:center;
}

.stretch{
	align-items:stretch;
}

.flexend{
	justify-content:flex-end;
}

/* ############################### Menustyles ################################# */

#menucontainer{
	width:100%;
    position:absolute;
    z-index:200;
    min-height:100px;
    top: calc(100VH - 100px);
	left:0;
    background-color:rgba(255,255,255,1);
    font-family:'brandon_textbold', sans-serif !important;
}

#mobilLogo{
	background-image:url(../../files/img/dorny-logo.png);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	
	width:200px;
	height:75px;
	
	display:block;
	transition-duration:0.2s;
}

#mobilLogo:hover{
	transition-duration:0.2s;
	background-position:center 40%;
	
}


#menuBox{
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-items:center;
	
}

#menuBox li{
	text-transform:uppercase;
	text-decoration:none;
	display:flex;
	flex-direction:column;
	align-items:center;
}

#menuBox nav ul{
	padding:0 25px;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-around;
	align-items:center;
	max-width:50%;
	margin-bottom:0px;
	overflow:visible;
}

#menuBox ul.level_2{
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	box-shadow:0 2px 3px rgba(0,0,0,0.3);
}

#menuBox nav{
	max-width:calc(100% - 250px);
	width:100%;
	display:flex;
	justify-content:flex-end;
	padding-right:20px;
	transition-duration:0.3s;
	overflow:visible;
}

#menuBox a, #menuBox a:hover, #menuBox strong.active{
	color:#000;
	text-decoration:none;
	height:100px;
	display:flex;
	align-items:center;
	padding:20px;
}

#menuBox li strong.active, #menuBox li a:hover{
    background-color:#6ac2bf !important;
    height:100px;
    color:#fff;
}


#menuBox li.submenu ul.level_2{
	display:none;
	flex-direction: column;
	align-items: stretch;
}

#menuBox li.submenu:hover ul.level_2{
	display:flex;
	padding-left:0px;
	padding-right:0px;
}

#menucontainer.stay #menuBox ul.level_2{
	position: absolute;
	top: unset !important;
	bottom:0;
	transform: translateY(100%);
}

#menuBox li.submenu ul.level_2 li a{
	background-color:#d2d2d2;
	display:flex;
	justify-content:center;
}

#menuBox li.submenu ul.level_2 li{
	display:block;
}


#logo{
    
}

#mobilLogo{
    
}

#menutrigger{
    width:60px;
    height:60px;
    background-color:#172e3d;

    background-image:url(../../files/img/openM.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;

    cursor:pointer;
    float: right;
    right:0;
    margin-right: 15px;
    z-index:202;

    position:absolute;
    top:20px;
}


.menuphone, .menusocials{
	position:absolute;
	left:0;
	z-index:200;
	top:0;
	padding:25px 20px 0px 25px;
	background-color:#fff;
}

.menuphone *, .menuphone *:hover{
	color:#6ac2bf;
	font-weight:bold;
	font-size:20px;
}

.menusocials{
	right:0;
	float:right;
	left:auto;
	padding:25px 25px 0px 20px;
}

.menusocials img{
	max-height:30px;
	max-width:30px;
}

/* ############################### Footerstyles ################################# */

#footercontainer{
	width:100%;
	background-color:#d2d7db;
	border-top:20px solid #fff;
}

#innerFooter{
	padding-top:40px;
	padding-bottom:40px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.fNav ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-left:0;
}

.fNav a, .fNav a:hover{
	color:inherit;
}

#footerNav li{
	
}








/* ############################### Styles ################################# */


.ce_gallery ul{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:5px 5px 5px 5px;
}

.ce_gallery .cols_2 li{
	max-width:49%;
	width:49%;

}

.ce_gallery .cols_3 li{
	max-width:32%;
	width:32%;

}

.ce_gallery .cols_4 li{
	max-width:24%;
	width:24%;

}


.ce_gallery li{
	transform-origin:center center;
	transition-duration:0.2s;
	margin-bottom:10px;
}

.ce_gallery li img, .ce_gallery li figure{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
	margin:unset !important;
}




.pagination{
	margin-bottom:25px;
}
.pagination ul{
	width:100%;
	
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
	justify-content:center;
}

.pagination li{
	padding:5px 10px;
	margin-right:2px;
}

.pagination > p{
	padding:5px 5px;
	width:140px;
	display:none;
}

.pagination li *, .pagination li *:hover{
	color:#333;
}

.pagination .active{
	font-weight:bolder;
	color: #000;
	padding:10px;
	background-color:#6ac2bf;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
}






.headerbild{
	max-height:calc(100VH);
	min-height:100VH;
	overflow:hidden;
	max-width:100VW;
}

.headerbild figure{
	width:100%;
	max-width:100VW;
	max-height:calc(100VH);
	height:100VH;
	object-fit:cover;
	object-position:center center;
	margin:0;
}

.headerbild figure::after{
	content:"";
	top:0;
	position:absolute;
	left:0;
	z-index:1;
	width:100%;
	height:calc(100VH);
	border:inset 20px 20px solid #ffffff;

	background: -moz-linear-gradient(-45deg,  rgba(105,194,190,1) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0) 69%, rgba(105,194,190,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(105,194,190,1) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0) 69%,rgba(105,194,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(105,194,190,1) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0) 69%,rgba(105,194,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c2be', endColorstr='#69c2be',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.headerbild figure img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
}



.headertext{
	position:absolute;
	width:100%;
	top:calc(50VH - 100px);
	left:50VW;
	transform:translate(-50%, -50%);
	display:table;
	color:#fff;
	text-transform:uppercase;
	font-weight:900;
	font-family:'brandon_textbold', sans-serif !important;
	text-shadow:0 0 4px rgba(0,0,0,0.5);
}


#borderoverlay{
	width:100%;
	height:calc(100VH - 80px);
	position:absolute;
	z-index:10;
	border:20px solid #fff;
	top:0;
	left:0;
	bottom:0;
	right:0;
}



.downarrow{
	width:80px;
	height:80px;
	margin-left:50%;
	transform:translate(-50%, -50%);
	position:relative;
	margin-top:-100px;
	z-index:10;
	cursor:pointer;
}







.willkommenBG, .leistungsBG{
	background-image:url(../../files/Bilder-allgemein/Backgrounds/willkommenBG.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    background-size:cover;
    
    padding-left:0px;
    padding-right:0px;
    position:relative;
}

div.leistungsBG{
	background-image:url(../../files/Bilder-allgemein/Dorny_Website_Bewertung.jpg);
	background-position:left center;
}



.willkommenBG::after{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,25303b+38,25303b+100&0+0,1+39 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(37,48,59,0.97) 38%, rgba(37,48,59,1) 39%, rgba(37,48,59,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(37,48,59,0.97) 38%,rgba(37,48,59,1) 39%,rgba(37,48,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(37,48,59,0.97) 38%,rgba(37,48,59,1) 39%,rgba(37,48,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#25303b',GradientType=1 ); /* IE6-9 */
	
	content:"";
	top:0;
	position:absolute;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
}


.bigpadding{
	padding-top:8VW;
	padding-bottom:8VW;
}

.greenBG{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ac2bf+0,6ac2bf+48&0.1+0,1+48 */
	background: -moz-linear-gradient(left, rgba(106,194,191,0.1) 0%, rgba(106,194,191,1) 48%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(106,194,191,0.1) 0%,rgba(106,194,191,1) 48%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(106,194,191,0.1) 0%,rgba(106,194,191,1) 48%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6ac2bf', endColorstr='#6ac2bf',GradientType=1 ); /* IE6-9 */
	position:relative;
	z-index:2;
	
	color:#fff;
}


.greenBG h2{
	color:rgba(37,48,59,1);
	text-transform:uppercase;
	margin-bottom:20px;
}

.greenBG h3{
	text-transform:uppercase;
	margin-bottom:20px;
}


.stay, .noheader .go, .noheader .stay{
	position:fixed !important;
	top:0px !important;
	left:0px;
}

.go{
	position:absolute !important;
	top: calc(100VH - 100px) !important;
}


.gerahmt{
	border:20px solid #fff;
}

.partnerBG{
	background-image:url(../../files/Bilder-allgemein/Dorny_Website_Startseite_Partner.jpg);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:cover;
    
    position:relative;
}

.partnerBG::after{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d2d7db+0,d2d7db+62,000000+100&1+61,0+100 */
	background: -moz-linear-gradient(left, rgba(210,215,219,1) 0%, rgba(210,215,219,1) 55%, rgba(210,215,219,0.97) 62%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(210,215,219,1) 0%,rgba(210,215,219,1) 55%,rgba(210,215,219,0.97) 62%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(210,215,219,1) 0%,rgba(210,215,219,1) 55%,rgba(210,215,219,0.97) 62%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d7db', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	
	content:"";
	top:0;
	position:absolute;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
}

.partnerBG *{
	position:relative;
	z-index:1;
}

.pHeading *{
	font-size:50px;
	text-transform:uppercase;
	font-family:'brandon_textbold', sans-serif !important;
}


.mod_article .ce_text ul {
	overflow:visible;
	padding-left:20px;
}

.mod_article .ce_text ul li{
	list-style-type:none;
	padding-left:20px;
	margin-bottom:15px;
	text-transform:uppercase;
}

.mod_article .ce_text ul li::before{
	content:"";
	width:30px;
	height:30px;
	background-image:url(../../files/img/listitem.png);
	background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    
    position:absolute;
    display:table;
    left:-20px;
}



.grindedBG{
	background-image:url(../../files/Bilder-allgemein/Backgrounds/grindedBG.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    
    position:relative;
    color:#fff;
}




.grindedBG h2, .leistungsBG.darkblue h2, .sponsoring h2, .noheader h1{
	color:#6ac2bf;
	margin-bottom:20px;
	text-transform:uppercase;
}



.serviceKachel{
	display:block;
	min-height:400px;
	max-width:32% !important;
}


.serviceKachel .textOnly, .serviceKachel .rte{
	position:relative;
	z-index:1;
	margin-top: 50%;
	transform: translateY(-50%);
	padding:20px;
	text-shadow:0 0 4px rgba(0,0,0,0.5);
}

.serviceKachel figure{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	display:table;
	width:100%;
	box-shadow:0 4px 5px rgba(0,0,0,0.5);
}

.serviceKachel figure::after{
	content:"";
	top:0;
	position:absolute;
	left:0;
	z-index:1;
	width:100%;
	height:calc(100%);
	border:inset 20px 20px solid #ffffff;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#69c2be+0,000000+29,000000+69,69c2be+100&1+0,0+29,0.2+29,0.2+69,1+100 */
	background: -moz-linear-gradient(-45deg, rgba(105,194,190,1) 0%, rgba(0,0,0,0.2) 29%, rgba(0,0,0,0.2) 69%, rgba(105,194,190,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(105,194,190,1) 0%,rgba(0,0,0,0.2) 29%,rgba(0,0,0,0.2) 69%,rgba(105,194,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(105,194,190,1) 0%,rgba(0,0,0,0.2) 29%,rgba(0,0,0,0.2) 69%,rgba(105,194,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c2be', endColorstr='#69c2be',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.serviceKachel figure a::after{
	position:absolute;
	bottom:0;
	content:"mehr erfahren";
	color:#000;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 20px;
	background-color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}


.services{
	justify-content:space-between;
}



.leistungsBG::after{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,d2d7db+38,d2d7db+100&0+0,1+39 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(210,215,219,0.97) 40%, rgba(210,215,219,1) 50%, rgba(210,215,219,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(210,215,219,0.97) 40%,rgba(210,215,219,1) 50%,rgba(210,215,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(210,215,219,0.97) 40%,rgba(210,215,219,1) 50%,rgba(210,215,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d2d7db',GradientType=1 ); /* IE6-9 */
	
	content:"";
	top:0;
	position:absolute;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
}

.leistungsBG *{
	position:relative;
	z-index:1;
}

.leistungsBG.darkblue{
	background-image:url(../../files/Bilder-allgemein/Dorny_Website_Bewertung_Oldtimer-Youngtimer.jpg);
	color:#fff;
	border:20px solid #fff;
	border-bottom:0px solid #fff;
}

.leistungsBG.sf{
	background-image:url(../../files/Bilder-allgemein/Dorny_Website_Haftpflichtgutachten_Soforthilfe.jpg);
	background-position:right center;
}

.leistungsBG.vf{
	background-image:url(../../files/Bilder-allgemein/Dorny_Website_Kaskogutachten_Versicherung.jpg);
	background-position:left center;
}

.leistungsBG.kg{
	background-image:url(../../files/Bilder-allgemein/Dorny_Website_Haftpflichtgutachten_Kurzgutachten.jpg);
}

.leistungsBG.darkblue::after{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#25303b+0,25303b+61,000000+100&1+61,0+100 */
	background: -moz-linear-gradient(left, rgba(37,48,59,1) 0%, rgba(37,48,59,1) 55%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(37,48,59,1) 0%,rgba(37,48,59,1) 55%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(37,48,59,1) 0%,rgba(37,48,59,1) 55%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25303b', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
		
	content:"";
	top:0;
	position:absolute;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
}

.gray h2{
	color:#008984;
	margin-bottom:20px;
}



.download{
	align-self:flex-end;
	text-transform:uppercase;
}

.reverseRow .download *{
	text-align:right;
}

.reverseRow .download a{
	float:right;
}


.download h4{
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

.download a span{
	display:none;
}

.download a, .download a:hover, .download a:active{
	background-color:#008984;
	color:#fff;
	text-decoration:none;
	display:table;
	padding:10px 20px;
	transition-duration:0.2s;
}

.download a:hover{
	transition-duration:0.2s;
	transform:translateY(-2px);
	box-shadow:0 2px 3px rgba(0,0,0,0.3);
}







.grayBG{
	background-color:#d2d7db;
}






.layout_latest figure{
	display:none;
}

.layout_latest{
	background-color:#808b94;
	color:#fff;
	padding:35px 100px 35px 50px;
	margin-bottom:15px;
	position:relative;
}

.layout_latest h2, .layout_latest h2 *, .layout_latest h2 *:hover{
	color:#25303b;
	text-decoration:none;
	font-size:30px;
	font-weight:900;
	font-family:'brandon_textbold', sans-serif !important;
}


.layout_latest p.more{
	position:absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-51%);
	bottom: 0px;
	margin: 0px;
	display: table;
}

.layout_latest .more a{
	font-size:0px;
	padding:25px;
	text-decoration:none;
	background-image:url(../../files/img/cross.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:auto 90%;
    color:inherit;
    transition-duration:0.2s;
}

.layout_latest a:hover{
	cursor:url(../../files/img/eye.png), auto;
	transform:translate(-50%, -50%);
	filter:drop-shadow(0 2px 2px rgba(0,0,0,0.2));
}

.layout_latest .more a:hover, .layout_latest:hover + .more a{
	background-size:auto 100%;
	transition-duration:0.2s;
}

#menuBox .level_1 li.submenu strong.submenu{
	padding:0px 20px;
}

#menuBox ul li{
	height:100px;
	justify-content:center;
}



.sponsoring{
	border:20px solid #fff;
	border-bottom:0px;
	background-image:url(../../files/Bilder-allgemein/Backgrounds/sponsoring.jpg);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:auto 100%;
    position:relative;
    color:#fff;
    
    background-color:rgba(37,48,59,1);
    
}

.sponsoring *{
	position:relative;
	z-index:1;
}


.sponsoring::after{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#25303b+0,25303b+61,000000+100&1+61,0+100 */
	background: -moz-linear-gradient(left, rgba(37,48,59,1) 0%, rgba(37,48,59,1) 60%, rgba(0,0,0,0) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(37,48,59,1) 0%,rgba(37,48,59,1) 60%,rgba(0,0,0,0) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(37,48,59,1) 0%,rgba(37,48,59,1) 60%,rgba(0,0,0,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25303b', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
		
	content:"";
	top:0;
	position:absolute;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
}


body .media{
	display:unset;
}

div.kInfo{
	background-color:#25303b;
	padding-left:0px;
	padding-right:0px;
}

.kInfo .textOnly, .kInfo .rte{
	padding:25px 25px;
}

.kInfo figure{
	width:100%;
}

.kInfo td{
	vertical-align:baseline;
}

.kInfo h3{
	margin-bottom:0px;
}

.kInfo table, .kInfo tbody{
	width:100% !important;
}

.kInfo tr{
	display:flex;
	padding-bottom:5px;
	align-items:stretch;
	width:100%;
}

.kInfo strong{
	text-transform:uppercase;
	color:#6ac2bf;
}

.kInfo tr td:nth-child(1){
	width:120px !important;
	min-width:120px;
	color:#6ac2bf;
	text-transform:uppercase;
	display:block;
}

.kInfo tr td:nth-child(2){
	display:block;
	width:unset !important;
}




input.formfield, textarea.formfield{
	width:100%;
	margin-bottom:15px;
	padding:15px;
}

.widget-textarea, .dse, .sender{
	width:100%;
}

.dse span{
	display:flex;
	justify-content:center;
	align-items:center;
}

.dse input{
	margin-right:10px;
}

.dse *, .dse *:hover{
	color:inherit;
}

.widget.half{
	max-width:49%;
	width:49%;
}

.formbody{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


div.sender{
	margin-top:15px;
}

button.sender{
	width:100%;
	display:block;
	padding:15px 20px;
	border:none;
	color:#fff;
	background-color:#6ac2bf;
}

.formbody ::placeholder{
	text-transform:uppercase;
	font-weight:bold;
}









.back{
	width:100%;
	display:block;
	padding:15px;
}

.back a, .back a:hover{
	margin-left:50%;
	transform:translate(-50%);
	display:table;
	
	color:#fff;
	padding:10px 15px;
	background-color:#6ac2bf;
	text-decoration:none;
}




.noheader #container{
	padding-top:120px;
}

.noheader h1{
	font-size:40px;
	font-weight:bolder;
}


.ds ul ul, .ds ul ul li{
	list-style-type:square !important;
}

.ds ul > li, .ds li::before, .ds li::after{
	content:none !important;
	list-style-type:none !important;
	
}

.ds p{
	text-transform:initial !important;
}







@media (max-width:1190px){
	
	.serviceKachel p{
		line-height:1.2;
	}
	
	#menuBox{
		width:100%;
		max-width:unset;
	}
	
	#menuBox nav ul{
		max-width:unset;
	}
	.fNav, .fInfo{
		max-width:unset !important;
		flex:unset !important;
		display:table;
	}
	
	.fNav{
		width:30% !important;
	}
	
	.fInfo{
		width:100%;
	}
	
	#innerFooter{
		flex-wrap:nowrap;
		
	}
	
	#partner > .flex{
		justify-content:space-between;
	}
	
	.pList{
		max-width:65% !important;
	}
	
	.pHeading{
		overflow:visible !important;
	}
	
}




@media (max-width:991px){
	
	.fInfo{
		width:100%;
	}
	
	#innerFooter{
		flex-wrap:wrap;
		
	}
	
	.siegel{
		width:100%;
		max-width:unset !important;
		flex:unset !important;
	}
	
	.serviceKachel{
		width:100%;
		max-width:48% !important;
		flex:0 0 48% !important;
	}
	
	
	
	.services{
		justify-content:space-around;
	}
	
}





@media (max-width:768px){
	
	.menuphone{
		top:70VH;
		transform:translateY(-100%);
		width:100%;
		text-align:center;
	}
	
	
	#menucontainer{
		top:0px !important;
		transform:none !important;
		position:fixed !important;
	}
	#borderoverlay{
		width:100%;
		height:calc(100VH);
	}
	
	#menuBox{
		flex-direction:column;
	}
	
	
	#menuBox ul{
		display:block !important;
		position:relative !important;
		flex-direction:column !important;
	}
	
	#menuBox *{
		color:#000 !important;
		display:table !important;
		position:relative !important;
		transform:none !important;
		box-shadow:none !important;
	}
	
	#menuBox li, #menuBox ul a, #menuBox ul strong, #menuBox li:hover, #menuBox ul a:hover, #menuBox ul strong:hover{
		height:auto !important;
		padding:5px !important;
	}
	
	#menuBox nav{
		width:100%;
		max-width:unset;
		margin-top:-130VH;
		z-index:200 !important;
	}
	
	#menuBox nav > a.invisible{
		width:0px !important;
		min-width:0px !important;
		height:0px !important;
		visibility:hidden !important;
		max-width:unset;
		padding:0px !important;
		font-size:0px !important;
	}
	
	#menuBox .level_1{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#menuBox li, #menuBox li:hover{
		border-bottom:1px solid #6ac2bf;
		width:100% !important;
		background-color:#fff !important;
	}
	
	#menuBox .level_2 li{
		border:0px !important;
		padding-left:15px !important;
	}
	
	#menuBox .level_2{
		padding:5px !important;
	}
	
	#menuBox .level_2 li a, #menuBox .level_2 li strong.active{
		background-color:#fff !important;
	}
	
	#menuBox li strong.active, #menuBox li a:hover{
		color:#008984 !important;
		background-color:#fff !important;
	}
	
	#menuBox .level_2 li::before{
		content:"\2937 ";
		position:absolute;
		left:0px;
	}
	
	#mobilLogo{
		align-self:flex-start;
		z-index:201;
	}
	
	
	
	#mobilLogo:hover{
		background-position:center center !important;
	}
	
	
	#menutrigger{
		display:block !important;
		background-color:#008984;
	}
	
	
	.reverseRow .download a {
	    float: left;
	}
	
	.reverseRow .download *{
		text-align:left;
	}
	
	.download{
		padding-bottom:50px;
		padding-top:50px;
	}
	
	.reverseRow{
		flex-direction:column;
	}
	
	
	.leistungsBG .flex{
		flex-direction:column-reverse;
	}
	
	.pHeading{
		width:100% !important;
		max-width:unset !important;
		flex:unset !important;
		overflow:visible !important;
	}
	
	.pHeading h2{
		display:block ruby !important;
	}
	
	.pList{
		width:100%;
		max-width:unset !important;
		flex:unset !important;
	}
	
	.headertext *{
		font-size:40px;
	}
	
	.serviceKachel{
		flex:unset !important;
		max-width:unset !important;
		height:calc(550px + 5VW);
	}
	
	.layout_latest{
		padding-right:100px;
	}
	
	#kf{
		margin-bottom:50px;
		padding-left:0px;
		padding-right:0px;
	}
	
	.kInfo img{
		width:100%;
		height:100%;
		min-width:unset;
		max-width:unset;
		min-height:unset;
		max-height:unset;
		object-fit:cover;
		object-position:center center;
	}
	
	
	#innerFooter{
		flex-wrap:wrap !important;
	}
	
	div.fInfo{
		width:100% !important;
	}
	
	
}






@media (max-width:550px){
	
	input.formfield, textarea.formfield, .widget.formfield{
		max-width:unset !important;
		width:100% !important;
	}
	.serviceKachel{
		height:350px !important;
		min-height:350px !important;
		max-height: 350px!important;
		display:table !important;
		margin-bottom:calc(50px + 10vw);
	}
	
	.serviceKachel figure{
		min-height:450px;
	}
	
	.serviceKachel img{
		width:100%;
		height:100%;
		min-width:unset;
		max-width:unset;
		min-height:unset;
		max-height:unset;
		object-fit:cover;
		object-position:center center;
	}
	
	.headertext{
		top:28.5VH !important;
		max-width:100VW !important;
		left:0px !important;
		margin:unset !important;
		transform:unset !important;
	}
	
	.headertext h1{
		font-size:26px !important;
		padding:20px 20px !important;
	}
	
	body{
		hyphens:auto;
		letter-spacing:unset !important;
	}
	
	body #container h2{
		font-size:30px;
	}
	body #container h3{
		font-size:25px;
	}
	
	div.pHeading *{
		display:block !important;
	}
	
	.fInfo figure{
		width:100% !important;
		margin-right:unset !important;
	}
	
	.layout_latest{
		padding:15px 15px 65px 15px!important;
	}
	
	.layout_latest p.more{
		top:unset !important;
		bottom:10px;
		right:6px;
	}
	
	
	.sponsoring::after {
	    background-color:rgb(37, 48, 59) !important;
	    background:transparent;
	    opacity:0.4;
	}
	
	
	div.headerbild, div.headerbild figure, div#borderoverlay, div.headerbild figure::after {
		max-height:70VH;
		min-height:unset;
	}
	
	
	div.leistungsBG::after, div.partnerBG{
		background:rgba(210,215,219,0.7);
	}
	
	div.leistungsBG.darkblue::after, .willkommenBG::after{
		background:rgba(37,48,59,0.7);
	}
	
	#quest{
		max-width:280px !important;
	}
	
	
	
	.pList li{
		font-size:16px !important;
	}
	
}


#nf li::before{
	content:unset !important;
}

#nf ul{
	padding-left:0px;
}



.cookiebar{
	z-index:20000000000000000 !important;
	background-color:rgba(255,255,255, 0.85) !important;
	border-bottom:2px solid #008984;
	top:0;
	color:#008984;
}

.cookiebar *, .cookiebar *:hover{
	color:#008984;
	font-size:16px;
}

.cookiebar__button, .cookiebar__button:hover{
	background-color:#008984 !important;
	color:#fff !important;
}

#cookiebar-text{
	max-width:calc(100% - 100px);
	text-align:left;
}


.fsocials{
	bottom:0;
	top:unset;
	padding:10px 10px 0px 10px !important;
}


.menutuv{
	position:absolute;
	right:0;
	display:table;
	top:0;
	z-index:105;
	background-color:#fff;
	padding:5px 10px !important;
}

.menutuv img{
	max-height:35px;
	width:auto;
	margin-top:20px;
	margin-right:20px;
}


.oy, .sf{
	border-bottom:20px solid #fff !important;
}




#quest{
	overflow:visible;
	width:100%;
	max-width:320px;
	position:fixed;
	z-index:200;
	right:0px;
	top:calc(50VH + 50px);
	transform:translate(100% , -50%);
	padding:20px 20px !important;
	min-height:60px;
	
	background-color:#fff;

	transition-duration:0.3s;
	
}

#quest h4{
	font-size:20px;
	font-weight:900;
}

#quest p{
	font-size:16px !important;
}

#questTrigger{
	position:absolute;
	left:0;
	top:0;
	transform:translateX(-100%);
	height:60px;
	width:60px;
	
	background-image:url(../../files/img/fragebutton.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    overflow:hidden;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    cursor:pointer;
    
    box-shadow:-2px 0 2px 2px rgba(0,0,0,0.25);
}


#quest a, #quest a:hover{
	background-color:#008984;
	color:#fff;
	text-decoration:none;
	padding:10px 15px;
	display:block;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}

#quest a:hover{
	transition-duration: 0.2s;
	transform: translateY(-2px);
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}





iframe div._2p3a{
	width:100% !important;
}