body, html { 
	font-family: 'Noto Serif';margin:0;padding:0;font-weight:700;font-style:normal;line-height: 24px;
	min-height:100%;
	min-width:100%;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	background-color:#000;
 }
body::before { content:" ";position:fixed;top:0;bottom:0;left:0;right:0; opacity: 0.9;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#122543+1,15355d+100 */
	background: #122543; /* Old browsers */
	background: -moz-linear-gradient(45deg, #122543 1%, #15355d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #122543 1%,#15355d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #122543 1%,#15355d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122543', endColorstr='#15355d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
h1 { color:#fff; }
p { color:#fff; }
a { color:#05a6dc; text-decoration:none; }

.fontStyleHeadline {
	line-height: 35px;
	font-family: "Noto Sans";
	font-weight: 900;
	font-size: 30px;
	text-transform:uppercase;
}
.fontStyleHeadline font { color:#05a6dc; } 
.fontStyleHeadline span { display:block;font-weight:200; } 

.bodywrapper { position:relative;z-index:1; }

a[name] { position:relative;top:-100px;display:block;visibility: hidden; }

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}
a.button,
button { padding:0px;border:0px solid #fff;cursor:pointer;background-color:#05a6dc;display:block;position:relative;color:#fff;overflow:hidden;font-weight:400;font-size: 17px;
	position: relative;
	font-family: "Noto Sans";
	font-weight: 900;text-transform: uppercase;
}
a.button::after,
button::after { content:" ";display:block;position:absolute;width:100%;height:100%;border:0px solid #fff;top:0;left:0;box-sizing: border-box;left:0px; }
a.button div:nth-child(1) ,
button div:nth-child(1) { background-color:#dd7334; clip-path: inset(100% 100% 100% 0%);position:relative;z-index:1;left:0px;transition:all 0.2s cubic-bezier(.49,.59,.88,1.42) 0s;}
a.button:active div:nth-child(1),
button:active div:nth-child(1),
a.button:hover div:nth-child(1),
button:hover div:nth-child(1) { clip-path: inset(100% 0% 100% 0%); }
a.button:active,
button:active { left:1px; }
a.button div:nth-child(1) font,
button div:nth-child(1) font { display:block;padding-left:0px; }
a.button div:nth-child(2),
button div:nth-child(2) { position:absolute;left:0;top:0;right:0;bottom:0; }
a.button div, 
button div { padding:15px 30px; }

p.small { font-size:18px !important; }

blockquote { display:block;position:relative;margin-top:50px; }
blockquote::after { content:"“";display:block;position:absolute;top: -155px;opacity: 0.4;
left: -53px;
font-size: 490px;
color: #4b5f9a !important; }

blockquote font { position:relative;z-index:1; }
blockquote font i { color: #4b5f9a !important;   }

.navbar { position:relative;margin-bottom:25px;height:40px;line-height:40px;overflow:hidden; }
.navbar::after { width:calc(((100vw - 1300px) * 0.5) + 0px);content: " ";display: block;position: absolute;left:-20px; }
.navbar > div > div { position:relative;z-index:1;padding-left:0px;box-sizing:border-box;color:#fff;text-transform: uppercase;margin-top: 0px;display:inline-block;
	font-family: "Noto Sans";
	font-weight: 900;
	font-size: 30px;
	color:#dd7334;
 }
.navbar > div > div::after { width:20000px;content: " ";display: block;position: absolute;right:0px;margin-right:-20000px;transform:translateX(20px); }
.navbar > div > div::after,
.navbar::after { top: 10px;bottom:10px;background:url(images/navbar.svg) center left repeat transparent;opacity:0.3; }

@media screen and (max-width: 1300px) {
	.navbar::after { width:100px; }
	.navbar > div > div { padding-left:0px; }
}


.bdwrap { position:relative;overflow:hidden; }
.content { max-width:1300px;margin:0 auto;padding-left:20px;padding-right:20px; }
.spacer { height:40px; }
.spacerbig { height:200px; }
@media screen and (max-width: 700px) {
	.spacer { height:50px; }
	.spacerbig { height:100px; }
}

.scrollImpress { overflow:hidden; }

.head { 
	padding-top:20px;padding-bottom:20px;position:fixed;top:0;left:0;right:0;z-index:99;border-bottom:2px solid #07a5da;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#122543+1,15355d+100 */
	background: #122543; /* Old browsers */
	background: -moz-linear-gradient(45deg, #122543 1%, #15355d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #122543 1%,#15355d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #122543 1%,#15355d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122543', endColorstr='#15355d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
.head ul { list-style:none;margin:0;padding:0;text-align:center; }
.head ul li { display:inline-block;position:relative; }
.head ul li a { display:inline-block;color:#fff;text-decoration:none;text-transform:uppercase;padding:10px 10px;position:relative; 
font-family: "Noto Sans";
font-weight: 900;


}
.head ul li:not(.logoli):after { content:" ";position:absolute;bottom:-1px;height:2px;left:50%;background-color:#07a5da;width:0%;display:block; transition:all 0.2s cubic-bezier(.49,.59,.88,1.42) 0s; } 
.head ul li:not(.logoli):focus:after,
.head ul li:not(.logoli).aktiv:after,
.head ul li:not(.logoli):hover:after { width:100%;left:0%; }
.head ul li:not(.logoli):before { content:" ";position:absolute;bottom:0px;right:0px;left:0px;height:0%;background-color:rgba(255,255,255,0.1);width:100%;display:block; transition:all 0.2s cubic-bezier(.49,.59,.88,1.42) 0s; } 
.head ul li:not(.logoli):focus:before,
.head ul li:not(.logoli).aktiv:before,
.head ul li:not(.logoli):hover:before { height:100%;right:0px; }
.head ul li:not(.logoli):active { left:1px; }
.head ul li.logoli { max-width: 0px;width: 100%;background: url(./images/logo__2021_09_08__14_34_12_small.png) center center no-repeat transparent;background-size:contain;margin-right: 25px;position: relative;top:0px; transition:all 0.5s ease-in-out 0s;opacity:0;}
.head ul li.logoli:after { content:" ";display:block;position:relative;padding-bottom:100%; }
.head .logo { max-width:260px;width:100%;position:relative;margin:0 auto;background:url(./images/logo__2021_09_08__14_34_12.png) center center no-repeat transparent;background-size:contain;margin-bottom:20px; transition:all 0.5s ease-in-out 0s;opacity:1; }
.head .logo:after { content:" ";display:block;position:relative;padding-bottom:25%; }
.head .social { position:absolute;right:20px;width:40px;height:40px;top:27px;cursor:pointer; }
.head .social.fb { right:67px; background:url(./images/fb.svg) center center no-repeat rgba(0,0,0,0.6);background-size:30% auto; }
.head .social.insta { background:url(./images/insta.svg) center center no-repeat rgba(0,0,0,0.6);background-size:60% auto; }
.head .social:hover { transform: scale(1.05);  }
.head .social:active {  transform:scale(1.05) translateX(1px); }
.shadow { opacity:0;position:relative; } 
.shadow1 { position:relative;background-color:transparent;background:none; } 
.shadow1 .content { opacity:0; }

 
.hamburger-icon-container {left: 20px;top: 13px;position: absolute; opacity:0;transition:all 0.2s linear 0s;transform:scale(0);height: 1.7em;width: 1.7em;cursor: pointer;background: transparent;border:10px solid transparent;border-radius: 3px;}
.hamburger-icon,
.hamburger-icon:before,
.hamburger-icon:after { content: '';position: absolute;height: 3px;width: 1.7em;background: white;transition: all .2s ease;}
.hamburger-icon {top: 0.75em}
.hamburger-icon:before {top: -0.55em}
.hamburger-icon:after {top: 0.55em}
.expand .hamburger-icon-container {color:lime;}
.expand .hamburger-icon {background: transparent;transform: rotate(-135deg)}
.expand .hamburger-icon:before,
.expand .hamburger-icon:after {top: 0}
.expand .hamburger-icon:before {transform: rotate(90deg)}

.scrolledDown .head .logo { width:0px;margin-bottom:0px;opacity:0; } 
.scrolledDown .head ul li.logoli { max-width: 50px;opacity:1;margin-top: -22px;top: 19px;margin-right: 10px; }

@media screen and (max-width:500px) {
	.head .social { position:fixed;bottom:20px;top:unset;top:auto;width:40px;height:40px;right:20px;cursor:pointer;border-radius:3px; }
	.head .social.fb { right:20px; background:url(./images/fb.svg) center center no-repeat rgba(0,0,0,0.6);background-size:30% auto; }
	.head .social.insta { background:url(./images/insta.svg) center center no-repeat rgba(0,0,0,0.6);bottom:67px;background-size:60% auto; }
}
@media screen and (max-width:1300px) {
	.scrolledDown .head ul li:not(.logoli) { width:100%;max-height:0px;overflow:hidden;transition:all 0.2s linear 0s; } 
	.scrolledDown .head ul li.logoli { left:10px;top:13px;transition:all 0.2s linear 0s;margin-left: 36px; } 
	.scrolledDown .head .social { top:14px; }
	.scrolledDown .head ul { text-align:left; }
	.scrolledDown .head .social.fb { right:67px; }
	.scrolledDown .hamburger-icon-container { transform:scale(1);left: 20px;top: 13px;opacity:1; }
	.scrolledDown.expand .head ul li:not(.logoli) { max-height:10000px; } 
	.scrolledDown.expand .head ul li.logoli { margin-bottom:20px;left:10px; } 
}

/*******************************
******* Picture Wrap **********
*******************************/
.picture { position:relative;box-shadow: 0px 24px 130px rgba(0,0,0,0.9);margin-bottom: 100px; }
.picture .pics_wrap { width:100%;display:block;overflow:hidden;position: relative; }
.picture .pics_wrap ul { width:500%;margin:0;padding:0;display:flex;left:0%;position:relative; }
.picture:not(.noAnim) .pics_wrap ul { transition:all 0.2s linear 0s; }
.picture .pics_wrap ul > li { width:20%;display:block;position:relative;background-color:rgba(255,255,255,0.1); }
.picture .pics_wrap ul > li:not(.video):nth-child(1) { background:url(./images/IMG_5446.jpg) center center no-repeat rgba(255,255,255,0.1);background-size:cover; } 
.picture .pics_wrap ul > li:nth-child(2) { background:url(./images/10_1.11.3.jpg) center center no-repeat rgba(255,255,255,0.1);background-size:cover; } 
.picture .pics_wrap ul > li:nth-child(3) { background:url(./images/27_1.32.1.jpg?v=22) center center no-repeat rgba(255,255,255,0.1);background-size:cover; } 
.picture .pics_wrap ul > li:nth-child(4) { background:url(./images/drone.jpg) center center no-repeat rgba(255,255,255,0.1);background-size:cover; } 
.picture[step="2"] .pics_wrap ul { left:-100%;  }
.picture[step="3"] .pics_wrap ul { left:-200%;  }
.picture[step="4"] .pics_wrap ul { left:-300%;  }
.picture[step="5"] .pics_wrap ul { left:-400%;  }
.picture .pics_wrap ul > li::after { content:" ";display:block;position:relative;padding-bottom:25%; }
.picture .title_wrap { overflow:hidden;position:absolute; top:0;left:0;right:0;bottom:0;}
.picture .title_wrap ul { width:500%;margin:0;padding:0;display:flex;height:100%;left:0%;position:relative;transition:all 0.2s linear 0.1s; }
.picture .title_wrap ul > li { width:20%;display:block;position:relative;height:100%;overflow:hidden;} 
.picture .title_wrap ul > li > div { left:calc((100vw - 1300px) * 0.5);width:30%;position:absolute;top:0px;bottom:0px;color:#fff;padding:20px;box-sizing:border-box;z-index:1;transition:all 0.2s linear 0.1s;display:flex;align-items:center;padding-right:160px;padding-left:0; }
.picture .title_wrap ul > li > div h1 { text-transform:uppercase;margin-top:0px; }
.picture .title_wrap ul > li > div button { margin-top:0px;display:inline;color:#fff; }
.picture .title_wrap ul > li > div button a { color:#fff; }

.directContact { color:#fff; }
.directContact  button { margin-top:0px;display:inline;color:#fff; }
.directContact  button a { color:#fff; }


.picture .title_wrap ul > li:not(.video):nth-child(1) { background:url(./images/IMG_5446.jpg) center center no-repeat;background-size:cover; }
.picture .title_wrap ul > li:nth-child(2) { background:url(./images/10_1.11.3.jpg) center center no-repeat;background-size:cover; }
.picture .title_wrap ul > li:nth-child(3) { background:url(./images/27_1.32.1.jpg?v=22) center center no-repeat;background-size:cover; }
.picture .title_wrap ul > li:nth-child(4) { background:url(./images/drone.jpg) center center no-repeat;background-size:cover; }
.picture .title_wrap ul > li.video div:not(.video) { display:none; }
.picture ul > li div.video::after { content:" ";display:block;position:absolute;left:0;bottom:0;right:0;height:3px;background-color:#dd7334;z-index:4; }
.picture ul > li div.video,
.picture ul > li div.video video { position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;}
.picture ul > li div.video video { object-fit: cover;z-index:3;   }
.picture ul > li .playButton { position:absolute;top:50%;margin-top:-50px;width:100px;height:100px;margin-left:-50px;left:50%;border:0px solid red;z-index:3;background:url(./images/play.svg) center center no-repeat transparent;opacity:0.6; }

.picture .pics_wrap ul > li.video div.video { display:none; }
.picture .title_wrap ul > li.video { border-bottom:2px solid #dd7334; }

.picture.p2 .title_wrap ul > li:not(.video):nth-child(1) { background:url(./images/12_1.14.1.jpg?v=221) center center no-repeat;background-size:cover; }
.picture.p2 .pics_wrap ul > li:nth-child(1) { background:url(./images/12_1.14.1.jpg?v=221) center center no-repeat rgba(255,255,255,0.1);background-size:cover; } 

.picture.p2 .title_wrap ul > li:not(.video):nth-child(2) { background:url(./images/17_1.21.1.jpg?v=221) center center no-repeat;background-size:cover; }
.picture.p2 .pics_wrap ul > li:nth-child(2) { background:url(./images/17_1.21.1.jpg?v=221) center center no-repeat rgba(255,255,255,0.1);background-size:cover; } 

.picture.p2 .title_wrap ul > li:not(.video):nth-child(3) { background:url(./images/16_1.18.1.jpg?v=221) center center no-repeat;background-size:cover; }
.picture.p2 .pics_wrap ul > li:nth-child(3) { background:url(./images/16_1.18.1.jpg?v=221) center center no-repeat rgba(255,255,255,0.1);background-size:cover; } 


.picture.p3 .title_wrap ul > li:not(.video):nth-child(1) { background:url(./images/10_1.5.2.jpg?v=221) 145% 20%  no-repeat;background-size: 75%  auto !important; }
@media screen and (max-width: 1500px) {
	.picture.p3 .title_wrap ul > li:not(.video):nth-child(1) { background:url(./images/10_1.5.2.jpg?v=221) right 18%  no-repeat;background-size: 75%  auto !important; }
}
.picture.p3 .pics_wrap ul > li:not(.video):nth-child(1) { background:url(./images/10_1.5.2.jpg?v=221) 100% 29% no-repeat;background-size:100% auto  !important; }


@media screen and (max-width: 600px) {
	.picture .pics_wrap ul > li::after {padding-bottom:90% !important; }
}

.picture[step="2"] .title_wrap ul { left:-100%;  }
.picture[step="3"] .title_wrap ul { left:-200%;  }
.picture[step="4"] .title_wrap ul { left:-300%;  }
.picture[step="5"] .title_wrap ul { left:-400%;  }
.picture:not(.dark) .title_wrap ul > li:not(.video)::after { content:" ";display:block;position:absolute;width:calc(((100vw - 1300px) * 0.5) + 36%);background-color:rgba(255,255,255,0.1);height:100%;	left:-10%;top:0px;transform: skewX(-0.06turn);opacity:0.9;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e77a2d+1,fba939+100 */
	background: #e77a2d; /* Old browsers */
	background: -moz-linear-gradient(45deg, #e77a2d 1%, #fba939 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #e77a2d 1%,#fba939 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #e77a2d 1%,#fba939 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77a2d', endColorstr='#fba939',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.picture.dark .title_wrap ul > li:not(.video)::after { 
content:" ";display:block;position:absolute;width:calc(((100vw - 1300px) * 0.5) + 36%);background-color:rgba(255,255,255,0.1);height:100%;	left:-10%;top:0px;transform: skewX(-0.06turn);
background-color: #10253f;
opacity: 1; }
 .picture.dark .title_wrap ul > li p { color:#afbce2; }

.picture .next { transition:all 0.2s linear 0s;position: absolute;height: 50%;width: 150px;border: 0px solid red;bottom: -1px;right: -10px;background-size:cover; }
.picture .next::after {content: " ";transform: skewX(-0turn);display: block;position: absolute;bottom: 5px;background-color: rgba(0,0,0,0.5);z-index: 2;height: 60px;width: 60px;right: 0px; }
.picture .next > div { width: 30px;height: 30px;right: 18px;bottom: 20px;background: url(./images/next.svg) center center no-repeat transparent;position: absolute;z-index: 3;cursor:pointer; }
.picture .next > div:active { right:12px; } 
.picture:not(.show) .title_wrap ul > li::after {  }
.picture:not(.show) .title_wrap ul > li > div { left:-100%; }
.picture:not(.show) .next { right:-150px; }
/**
.stylebar { height:80px;width:calc(((100vw - 1300px) * 0.5) + 21% );left:-16px;transform: skewX(-0.06turn);position:relative;transition:all 0.2s linear 0s; }
.stylebar:after { content:" ";display:block;poisition:absolute;left:0;top:0;width:100%;height:50%;background-color:#e1261d  ; }
.stylebar:before { content:" ";display:block;poisition:absolute;left:0;bottom:0;width:100%;height:50%;background-color:#102459;  }
.stylebar:not(.show) { left:-100%; }
**/

@media screen and (max-width: 1300px) {
	.picture .title_wrap ul > li.video div.video { display:none; }
	.picture .pics_wrap ul > li.video div.video { display:block; }
	.picture .title_wrap ul > li:not(.video)::after { width:calc(((100vw - 1300px) * 0.5) + 60%) !important; }
	.picture .title_wrap ul > li > div:not(.video) { left:0px;width:33%;padding-left:20px;padding-right:20px;box-sizing:border-box; }
	.picture .title_wrap ul > li::after { width:50%; }
	.picture .pics_wrap ul > li::after { padding-bottom:33%; }
	.picture .title_wrap ul > li > div button { margin-top:50px; }
	.stylebar { width:33.5%; }
}

@media screen and (max-width: 1000px) {
	.picture.dark .title_wrap ul > li:not(.video)::after { display:none; }
	.picture .title_wrap ul > li > div,
	.picture .title_wrap { position:relative;height:unset;height:auto; }
	.picture .title_wrap ul > li > div { width:100%;padding-top:50px;padding-bottom:50px;padding-left:20px; }
	.picture .title_wrap ul > li:not(.video)::after { left:0% !important;width:100%  !important;transform: skewX(0turn) !important; }
	.stylebar { display:none; }
	.picture .next { width:170px;height: 100%;top:-1px; }
	.picture .title_wrap ul > li { background-image:none !important; }
	.picture .title_wrap ul > li.video div:not(.video) { display:block; }
	.picture .title_wrap ul > li > div:not(.video) { left:0px;width:100%;padding-left:20px;padding-right:20px;box-sizing:border-box; }
	.directContact { display:none; }
}
/*******************************
******* Welcome Text **********
*******************************/
.welcome { position:relative; }
.welcome h1 { text-transform:uppercase;margin-top:0px; }
.welcome .right { box-sizing: border-box;width:62%;padding-right:20px;}
.welcome .right p { color:#afbce2; }
.welcome .right p b { color:#fff; }
.welcome .left { box-sizing: border-box;width:38%;position:relative; }
.welcome .left h1, .welcome .left p { color:#4b5f9a !important; }
.welcome .content { display:flex;flex-wrap:wrap; }
@media screen and (max-width: 1000px) {
	.welcome { padding-top:50px; }
}
@media screen and (max-width: 750px) {
	.welcome .right,
	.welcome .left { width:100%;  }
	.welcome .right { margin-bottom:50px; }
}
@media screen and (max-width: 600px) {
	.welcome .left { width:100%;margin-top:0px;  }
}
/*******************************
******* Welcome Text **********
*******************************/
.teamUs { display:flex;flex-wrap:wrap;margin:0 -20px;justify-content:center; }
.teamUs .person { padding:0 20px;padding-bottom:20px;padding-top:20px;width:25%;min-width:250px;box-sizing:border-box;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;transform:translateX(100px);opacity:0; }
.teamUs .person > .in { box-shadow:0px 0px 29px rgba(0,0,0,0.4);background-color:#fff;padding:20px;position:relative;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;transform:scale(1);  }
.teamUs .person > .in::after { content:" ";position:relative;display:block;padding-bottom:125%; }
.teamUs .person > .in div { position:absolute;color:#fff;right:-10px;bottom:54px;padding:10px 20px;background-color:#05a6dc;font-family: "Noto Sans";font-weight: 900;font-size: 22px;text-transform: uppercase; }
.teamUs .person > .in span { position: absolute;background-color:#10233f;color:#fff;right: -10px;bottom: 20px;padding: 5px 15px;font-weight: 300;font-size: 18px;}
.teamUs .person > .in:hover { transform:scale(1.1); }

.teamUs .person.show { transform:translateX(0px);opacity:1; }
.teamUs .person:nth-child(1) { transition-delay:0ms; }
.teamUs .person:nth-child(2) { transition-delay:100ms; }
.teamUs .person:nth-child(3) { transition-delay:200ms; }
.teamUs .person:nth-child(4) { transition-delay:300ms; }
.teamUs .person:nth-child(5) { transition-delay:400ms; }
.teamUs .person:nth-child(6) { transition-delay:500ms; }
.teamUs .person:nth-child(7) { transition-delay:600ms; }

.teamUs	.scer { width:100%; }
.teamUs .person[p="Andelko"] .in { background:url(./images/mitarbeiter/Tikvic.jpg) center center no-repeat transparent;background-size:cover; }
.teamUs .person[p="Kayahan"] .in { background:url(./images/mitarbeiter/Kayahan.jpg) center center no-repeat transparent;background-size:cover; }
.teamUs .person[p="Heinz"] .in { background:url(./images/mitarbeiter/none.jpg) center center no-repeat transparent;background-size:cover; }
.teamUs .person[p="Stefanie"] .in { background:url(./images/mitarbeiter/Steffi.jpg) center center no-repeat transparent;background-size:cover; }
.teamUs .person[p="Sophie"] .in { background:url(./images/mitarbeiter/nonefemale.jpg) center center no-repeat transparent;background-size:cover; }

.teamUs .person[p="Nico"] .in { background:url(./images/mitarbeiter/2_1.1.2.jpg) center center no-repeat transparent;background-size:cover; }
.teamUs .person[p="Oral"] .in { background:url(./images/mitarbeiter/3_1.2.1.jpg) center center no-repeat transparent;background-size:cover;  }
.teamUs .person[p="Temel"] .in { background:url(./images/mitarbeiter/7_1.4.1.jpg) center center no-repeat transparent;background-size:cover;  }
.teamUs .person[p="Dominik"] .in { background:url(./images/mitarbeiter/Dominik.jpg) center center no-repeat transparent;background-size:cover;  }
.teamUs .person[p="Felix"] .in { background:url(./images/mitarbeiter/none.jpg) center center no-repeat transparent;background-size:cover; }
.teamUs .person[p="male"] .in { background:url(./images/mitarbeiter/none.jpg) center center no-repeat transparent;background-size:cover; }
.teamUs .person[p="female"] .in { background:url(./images/mitarbeiter/nonefemale.jpg) center center no-repeat transparent;background-size:cover; }



/*********************************
******* Fahrzeugangebot **********
*********************************/
.fahrzeugangebot .content {  display:flex;flex-wrap:wrap; }
.fahrzeugangebot .right { box-sizing: border-box;width:62%;padding-right:20px;}
.fahrzeugangebot .right p { color:#afbce2; }
.fahrzeugangebot .right p b { color:#fff; }
.fahrzeugangebot .left { box-sizing: border-box;width:38%;position:relative; }
.fahrzeugangebot .left h1, .fahrzeugangebot .left p { color:#4b5f9a !important; }
@media screen and (max-width: 1000px) {
	.fahrzeugangebot { padding-top:50px; }
}
@media screen and (max-width: 750px) {
	.welcome .right,
	.welcome .left { width:100%;  }
	.welcome .right { margin-bottom:50px; }
}
@media screen and (max-width: 600px) {
	.fahrzeugangebot .left { width:100%;margin-top:0px;  }
}
/*************************
******* Ratings **********
*************************/
.ratings { box-shadow:0px 0px 130px rgba(0,0,0,0.9);padding-top:40px;margin-bottom: 50px;margin-top: 50px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f2944+1,113354+100 */
	background: #0f2944; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #0f2944 1%, #113354 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #0f2944 1%,#113354 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #0f2944 1%,#113354 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2944', endColorstr='#113354',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ratings .content .rates { display:flex;color:#fff;text-align:center;flex-wrap: wrap;justify-content: center;align-items: center; font-family: "Noto Sans";font-weight: 900;margin:0 -20px;}
.ratings .content .rates p { font-family: 'Noto Serif';font-weight: 700;font-style: normal;line-height: 24px;}
.ratings .content .rates > div { width:33.33%;padding:0 20px;min-width: 300px;margin-bottom: 40px;box-sizing:border-box; }
.ratings ul { list-style:none;padding:0;margin:0;display:flex;margin:0 auto;max-width:200px;margin-bottom:15px; }
.ratings ul li { width:20%;background:url(./images/star.svg) center center no-repeat transparent;background-size:90%;position:relative; }
.ratings ul li::after { content:" ";display:block;padding-bottom:100%; }
.ratings .mobile,
.ratings .google,
.ratings .none { margin:0 auto;position:relative;max-width:200px;margin-bottom:10px;}
.ratings .none { display:none; }
.ratings .mobile::after,
.ratings .google::after,
.ratings .none::after { content:" ";display:block;padding-bottom:20%; }
.ratings .mobile { background:url(./images/mobile.svg) center center no-repeat transparent;background-size:contain; } 
.ratings .google { background:url(./images/google.svg) center center no-repeat transparent;background-size:contain; }
.ratings strong { margin-bottom:25px;display:block; font-family: "Noto Sans";font-weight: 900;}
.ratings table { display:block;margin:0 auto;position:relative;max-width:300px; }
.ratings table tr td { text-align:left;padding-bottom:10px; }
.ratings table tr td:nth-child(2) { width:50%; }
.ratings table tr td:nth-child(1) { width:50%;padding-right:20px;box-sizing:border-box; }
.ratings table tr td ul { margin-bottom:0px; }
.ratings h4 { margin-top: 0px;margin-bottom: 0px;font-family: "Noto Sans";font-weight: 900;font-size: 80px;text-transform: uppercase;line-height: 95px; }
.ratings .clm3 { text-align:left;}
.ratings h1 { margin-top:0px; }
@media screen and (max-width: 940px) {
	.ratings .content .rates > div { text-align:center; }
	.ratings .content .rates > div:nth-child(3) { order:2; }
	.ratings .content .rates > div:nth-child(2) { order:3; }
	.ratings .content .rates > div:nth-child(1) { order:1; }	
	.ratings .none { display:none; }
}
/************************
****** Fahrzeigbewertung  ********
************************/
.bewertung {}
.bewertung form { margin:0;padding:0; }
.bewertung p {color: #afbce2;}
.bewertung p b {color: #fff;}
.bewertung h1 { margin-top:0px; }
.bewertung .hd, .bewertung .bd { display:flex; } 
.bewertung .hd, .bewertung .bd { display:flex; } 
.bewertung .hd .clm:nth-child(1) { width:66.66%;padding-right:12.5px; }  
.bewertung .hd .clm:nth-child(2) { width:33.33%;padding-left:12.5px; }  
.bewertung .bd .clm:nth-child(1) { width:66.66%;padding-right:12.5px; }  
.bewertung .bd .clm:nth-child(2) { width:33.33%;padding-left:12.5px; }  
.bewertung .hd .clm:nth-child(2),
.bewertung .bd .clm:nth-child(2) { color:#4b5f9a !important; }
.bewertung .hd .clm:nth-child(2) p,
.bewertung .hd .clm:nth-child(2) h1,
.bewertung .bd .clm:nth-child(2) p { color:#4b5f9a !important; }
.bewertung textarea,
.bewertung input { border:1px solid transparent;padding:10px;background-color:rgba(255,255,255,0.1);color:#fff;font-size:inherit;border-radius:5px;width:calc(50% - 5px);box-sizing:border-box;margin-bottom:10px; }
.bewertung textarea.error,
.bewertung input.error { border:1px solid #e2261d;box-shadow:0px 0px 5px #e2261d inset;box-sizing:border-box;}
.bewertung input[name="name"] ,
.bewertung input[name="preis"] { width:100%; }
.bewertung input[name="email"],
.bewertung input[name="marke"],
.bewertung input[name="baujahr"] { margin-right:5px; }
.bewertung textarea { min-height:150px;width:100%; }
.bewertung [type="radio"]:checked,
.bewertung [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.bewertung [type="radio"]:checked + label,
.bewertung [type="radio"]:not(:checked) + label{position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #fff;}
.bewertung [type="radio"]:checked + label:before,
.bewertung [type="radio"]:not(:checked) + label:before { content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background: #fff;}
.bewertung [type="radio"]:checked + label:after,
.bewertung [type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #2196F3;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.bewertung [type="radio"]:not(:checked) + label:after {	opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.bewertung [type="radio"]:checked + label:after { opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.bewertung .check { padding-top:15px;color:#fff; }
.bewertung .check .clms { display:flex;padding-bottom:15px; }
.bewertung .check .clms > div:nth-child(1) { width:200px; }
.bewertung .check .clms > div:nth-child(2) { padding-right:20px; }
.bewertung .check .clms.chk.error label:before  { border:1px solid #e2261d;box-shadow:0px 0px 5px #e2261d inset; } 
.bewertung ::placeholder,
.bewertung :-ms-input-placeholder
.bewertung ::-ms-input-placeholder {  color: #fff; }
.bewertung .container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #afbce2;line-height: 25px;}
.bewertung .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.bewertung .checkmark {position: absolute;top: 5px;left: 0;height: 25px;width: 25px;background-color: #fff;border-radius:2px;}
.bewertung .container.error .checkmark { border:1px solid #e2261d; box-shadow:0px 0px 5px #e2261d inset;} 
.bewertung .container:hover input ~ .checkmark {background-color: #ccc;}
.bewertung .container input:checked ~ .checkmark {background-color: #2196F3;}
.bewertung .checkmark:after {content: "";position: absolute;display: none;}
.bewertung .container input:checked ~ .checkmark:after {display: block;}
.bewertung .container .checkmark:after {  left: 9px;  top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.bewertung .disclaimer { padding-top:15px; padding-bottom:15px; }
.bewertung ul.pictures  { list-style:none;margin:0;padding:0;margin-bottom:25px; }
.bewertung ul.pictures li { margin-bottom:15px; }
.bewertung ul.pictures li img { width:100%; }
.bewertung ul.pictures:not([ul="2"]) li:nth-child(2) { display:none; }
.bewertung ul.pictures:not([ul="2"]):not([ul="3"]) li:nth-child(1) { display:none; }
.bewertung ul.pictures li img { display:none; }
.bewertung ul.pictures li:nth-child(3) img,
.bewertung ul.pictures li:nth-child(4) img { display:block; }
.bewertung ul.pictures li .img font { padding-right:10px; }
.bewertung ul.pictures li:nth-child(3) a font,
.bewertung ul.pictures li:nth-child(4) a font { display:none; }
.bewertung ul.pictures li .img { position:relative;padding:10px;padding-left:50px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4b5f9a+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(75,95,154,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(75,95,154,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(75,95,154,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b5f9a', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
 
.bewertung ul.pictures li .deletetmpfile { position:absolute;background:url(./images/delete.svg) center center no-repeat rgba(0,0,0,0.7);background-size:40% auto;top:50%;left:10px;border-radius:3px;cursor:pointer;width: 30px;height: 30px;margin-top:-15px; }
.bewertung ul.pictures li:nth-child(3) .deletetmpfile,
.bewertung ul.pictures li:nth-child(4) .deletetmpfile   { top:10px;margin:0px; }
 .bewertung ul.pictures li:nth-child(3) .img,
.bewertung ul.pictures li:nth-child(4) .img  { padding:0px; }
.bewertung ul.pictures li:nth-child(3) .img a,
.bewertung ul.pictures li:nth-child(4) .img a { position:absolute;background-color:rgba(0,0,0,0.7);color:#fff !important;right:10px;bottom:10px;border-radius:3px;padding:10px; }

.progressbar { margin-bottom:10px;background-color:#4b5f9a !important; }
.percentbar { background-color:#fff;}
.percentbar > div { padding-left:10px; }

form { position:relative;}
form.done::after,
form.load::after { content:" ";display:block;position:absolute;left:0;top:0;bottom:0;right:0; }
form.load > div:not(.lds-ring):not(.msg) { opacity:0.2; }
form.done > div:not(.lds-ring):not(.msg) { opacity:0.2; }
form.done .msg { z-index:1;color: #fff;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center; }
form.done .msg > div { max-width:400px;margin:0 auto;text-align:center; }
form:not(.done) .msg { display:none; }
.reupload {cursor:pointer;color:#4b5f9a !important}

.lds-ring {
  display: inline-block;
  position: absolute;left:50%;top:50%;margin-top:-40px;margin-left:-40px;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

form:not(.load) .lds-ring { display:none; }
.bewertung ul.pictures .demo { position:relative;background-color:rgba(255,255,255,0.05);overflow:hidden;transition: all 0.2s linear 0.1s; }
.bewertung ul.pictures .demo::after { content:" ";display:block;padding-bottom:60%;position:relative; transition: all 0.2s linear 0.1s;}
.bewertung ul.pictures .demo.car::after {  opacity:0.2;background:url(./images/pic1.svg) right bottom no-repeat transparent;background-size: cover;transform:scale(1.1);   }
.bewertung ul.pictures .demo.paper::after {  opacity:0.2;background:url(./images/pic2.svg) right bottom no-repeat transparent;background-size: cover;transform:scale(1.1);  }
.bewertung ul.pictures .demo { cursor:pointer; }
.bewertung ul.pictures .demo:hover::after { transform:scale(1.15); }
.bewertung ul.pictures li { max-width:300px; }

@media screen and (max-width: 940px) {
	.bewertung .hd .clm, .bewertung .bd .clm  { width:100% !important;padding:0px !important;padding-bottom:25px !important;}
	.bewertung .hd, .bewertung .bd { flex-wrap:wrap; } 
}
/************************
****** Leistung  ********
************************/
.leistungen { overflow:hidden; }
.leistungen ul { color:#fff;flex-wrap:wrap;display:flex;list-style:none;margin:0;padding:0;align-items:stretch;margin:0 -5px; }
.leistungen ul:not(.smallLeistungen) li { width:33.33%;padding:5px;box-sizing:border-box;display:flex;align-items:stretch;min-height:301px; }
.leistungen ul:not(.smallLeistungen) li div { background-color:rgba(255,255,255,0.1);padding:20px;position: relative;overflow: hidden;-webkit-transition: all 0.4s; /* Safari */-moz-transition: all 0.4s; /* Safari */transition: all 0.4s;transform:scale(1.0); }
.leistungen ul:not(.smallLeistungen) li div h2 { margin-top:0px;line-height: 35px;font-family: "Noto Sans";font-weight: 900;font-size: 22px;text-transform:uppercase;}
.leistungen ul:not(.smallLeistungen) li div h2 font { color:#05a6dc;-webkit-transition: all 0.4s; /* Safari */-moz-transition: all 0.4s; /* Safari */transition: all 0.4s;}
.leistungen ul:not(.smallLeistungen) li div font { position:relative;z-index:1; }
.leistungen ul:not(.smallLeistungen) li span { text-align:left;font-size:12px;display:block;padding-top:25px;color: #afbce2; }
.leistungen ul:not(.smallLeistungen) li div:hover { background-color:#05a6dc;transform:scale(1.01);  }
.leistungen ul:not(.smallLeistungen) li div:hover h2 font { color:#fff}

.leistungen ul.smallLeistungen { color:#fff;flex-wrap:wrap;display:flex;justify-content:center;padding:0;padding-top:10px;list-style:none;margin:0;align-items:stretch;margin:0 -5px; } 
.leistungen ul.smallLeistungen li { text-align:center;margin:0 10px;margin-bottom:20px; padding:10px 20px;box-sizing:border-box;background-color:rgba(255,255,255,0.1);-webkit-transition: all 0.4s; /* Safari */-moz-transition: all 0.4s; /* Safari */transition: all 0.4s;transform:scale(1.0); }
.leistungen ul.smallLeistungen li:hover { background-color:#05a6dc;transform:scale(1.01);  }

.instaintro { color: #afbce2;padding-bottom:30px;text-align:center;margin-top:-20px; }

@media screen and (max-width: 940px) {
	.leistungen ul:not(.smallLeistungen) li { width:50%; }
}
@media screen and (max-width: 700px) {
	.leistungen ul:not(.smallLeistungen) li  { width:100%; }
}
/************************
****** Werkstatt  ********
************************/
.werkstatt { position:relative;background:url(./images/IMG_2464.jpg) center center no-repeat;background-size:cover; }
.werkstatt .left { min-height: 440px;left: calc((100vw - 1300px) * 0.5);width: 30%;position: relative;top: 0px;bottom: 0px;color: #fff;padding: 20px;box-sizing: border-box;z-index: 1;transition: all 0.2s linear 0.1s;display: flex;align-items: center;padding-top: 50px;padding-bottom: 50px;padding-left:0px; }
.werkstatt:after {
	content:" ";display:block;position:absolute;width:calc(((100vw - 1300px) * 0.5) + 36%);background-color:rgba(255,255,255,0.1);height:100%;left:-10%;top:0px;transform: skewX(-0.06turn);opacity:0.9;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e77a2d+1,fba939+100 */
	background: #e77a2d; /* Old browsers */
	background: -moz-linear-gradient(45deg, #e77a2d 1%, #fba939 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #e77a2d 1%,#fba939 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #e77a2d 1%,#fba939 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77a2d', endColorstr='#fba939',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	transition:all 0.2s linear 0.2s;
}
.werkstatt .left .text { position:relative;z-index:1;width:70%; }
.werkstatt .left h1 { margin-top: 0px;}
.werkstatt.aufbereitung { position:relative;background:url(./images/23_1.27.1.jpg) center center no-repeat;background-size:cover;box-shadow: 0px 120px 130px rgba(0,0,0,0.6);margin-bottom: 100px; }
@media screen and (max-width: 1300px) {
	.werkstatt .left { left:0px;width:50%;padding:20px;padding-top:30px;padding-bottom:30px;box-sizing:border-box; }
	.werkstatt:after  { width:50%; }
}
@media screen and (max-width: 1000px) {
	.werkstatt:after { width:70%;left:-20%; }
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 750px) {
	.werkstatt .left  { min-height:0px;position:relative;height:unset;height:auto;width:100%; }
	.werkstatt:after { left:0% !important;width:100%;transform: skewX(0turn); }
	.werkstatt .left .text { width:100%; }
	.werkstatt { background-image:none; }
	.werkstatt_mobile_pic { position:relative;background:url(./images/IMG_2464.jpg) center center no-repeat rgba(255,255,255,0.1);background-size:cover;  }
	.werkstatt_mobile_pic.aufbereitung { position:relative;background:url(./images/23_1.27.1.jpg) center center no-repeat rgba(255,255,255,0.1);background-size:cover;  }
	.werkstatt.aufbereitung { background-image:none; }
	.werkstatt_mobile_pic::after { content:" ";display:block;padding-bottom:45%; }
}


/************************
******* Team  **********
************************/
.team { overflow:hidden; }
.team h1 { text-transform:uppercase;font-style:italic;margin-top:0px; }
.team p { font-weight:400;font-size:18px;color: #afbce2;line-height: 25px;column-count:2; column-gap:50px; } 
.team .clms { display:flex;flex-wrap:wrap;justify-content:center;margin:0 -25px;margin-bottom:50px; }
.team .clms > div {  font-weight:400;font-size:18px;color: #afbce2;line-height: 25px;width:33.33%;min-width:300px;margin-bottom:50px;padding:0 25px;box-sizing:border-box; }
.team .clms > div .img {position:relative;margin-bottom:50px; }
.team .clms > div .img::after { content:" ";display:block;position:relative;padding-bottom:100%;background-color:rgba(255,255,255,0.1); }
/*************************
******* About us **********
*************************/
.about_us h1 { text-transform:uppercase;margin-top:0px; }
.about_us .content p { color: #afbce2;column-count:2; column-gap:50px; } 
@media screen and (max-width: 800px) {
	.about_us .content p { column-count:1;column-gap:0px; } 
}
/*************************
******* Footer **********
*************************/
.footer { background-color:rgba(255,255,255,0.1);color:#afbce2;border-top:2px solid #07a5da;padding-top:100px;padding-bottom:0px; }
.footer .foot { display:flex;margin:0 -20px;font-weight:400;flex-wrap:wrap; }
.footer .foot > div { width:33.33%;padding-left:20px;padding-right:20px;box-sizing:border-box; }
.footer h4 { color:#fff;margin-top:0px;margin-bottom:20px;font-size:22px; } 
.footer a { text-decoration:none;color:#afbce2; }
.footer .foottiny { background-color:rgba(0,0,0,0.7);padding: 10px 10px;margin-top:100px;}
.footer .foottiny > .content { display:flex;align-items: center; }
.footer .foottiny a { padding-right:20px;position: relative;}
.footer .foottiny .logo { margin-left:auto;max-width:200px;width:100%;background:url(./images/logo__2021_09_08__14_34_12.png) center right no-repeat transparent;background-size:contain;}
.footer .foottiny .logo::after { content:" ";display:block;position:relative;padding-bottom:25%; }
.footer .foottiny ul { list-style:none;margin:0;padding:0;text-align:left; }
.footer .foottiny ul li { display:inline-block;position:relative; }
.footer .foottiny ul li a { display:inline-block;text-decoration:none;padding:10px 10px;position:relative;font-family: "Noto Sans";font-weight: 900; text-transform: uppercase; }
.footer .foottiny ul li:after { content:" ";position:absolute;bottom:-1px;height:3px;left:50%;background-color:#07a5da;width:0%;display:block; transition:all 0.2s cubic-bezier(.49,.59,.88,1.42) 0s; } 
.footer .foottiny ul li:focus:after,
.footer .foottiny ul li:hover:after { width:100%;left:0%; }
.footer .foottiny ul li:before { content:" ";position:absolute;left:0px;bottom:0px;right:00px;background-color:rgba(255,255,255,0.1);height:0%;display:block; transition:all 0.2s cubic-bezier(.49,.59,.88,1.42) 0s; } 
.footer .foottiny ul li:focus:before,
.footer .foottiny ul li:hover:before { height:100%; }
.footer .foottiny ul li:active { left:1px; }
.footer .foot a { color:#fff !important; }
@media screen and (max-width: 900px) {
	.footer .foot > div { width:50%;padding-bottom:25px; }
}
@media screen and (max-width: 600px) {
	.footer .foot > div { width:100%;padding-bottom:25px; }
}
/***************************
******* Impressum **********
***************************/
.impressum { position:fixed;top:0px;right:0px;bottom:0;left:0;z-index:999;transform:translateX(100%); transition:all 0.5s ease-in-out 0s;  }
.impressum .inner { background-color:rgba(0,0,0,0.8);height:100%;padding-top:30px;box-sizing:border-box;padding-bottom:30px;color:#afbce2;overflow:auto;scroll-behavior: smoot; }
.impressum .inner h1 { margin-top:0px;text-transform:uppercase; }
.impressum .inner h1, .impressum .inner h2, .impressum .inner h3, .impressum .inner b { color:#fff; }
.impressum .inner h1, .impressum .inner h2, .impressum .inner h3 { 
font-family: "Noto Sans";
font-weight: 900;
font-size: 30px;
text-transform: uppercase;


 }
 .impressum .inner h2 { font-size:22px; }
  .impressum .inner h3 { font-size:22px; }

.impressum:not([show="impressum"]) [show="impressum"] { display:none; }
.impressum:not([show="dsgvo"]) [show="dsgvo"] { display:none; }

.impressum_closer { position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.8); }
.impressum_closer > div { width:40px;height:40px;border-radius:50%;border:2px solid #05a6dc;position:absolute;left:50%;top:100%;margin-top:-20px;margin-left:-20px;background-color:#000;cursor:pointer; }
.impressum_closer > div::after { width:60%;height:2px;background-color:#05a6dc;display:block;content:" ";left:20%;margin-top:-1px;top:50%;position:absolute;transform-origin:50% 50%;transform:rotate(45deg); }
.impressum_closer > div::before { width:60%;height:2px;background-color:#05a6dc;display:block;content:" ";left:20%;margin-top:-1px;top:50%;position:absolute;transform-origin:50% 50%;transform:rotate(-45deg); }
.impresflex { display:flex;position:absolute;left:0;top:0;bottom:0;right:0;flex-wrap:wrap;flex-flow: column; }
.showImpressum .impressum { transform:translateX(0%); }

/***************************
******* Rundgang **********
***************************/

.rungang { position:relative; }
.rungang .pad { position:relative;padding-bottom:33%;}
.rungang .bg_img { position:absolute;left:0;right:0;top:0;bottom:0;border:0px;width:100%;height:100%;background:url(./images/rundgang.jpg) center center no-repeat transparent;opacity:0.2; }
.rungang .bg_txt .in  { color:#fff;padding:40px;max-width:500px; }
.rungang .bg_txt { position:absolute;left:0;right:0;top:0;bottom:0;border:0px;width:100%;height:100%;z-index:1; }
@media screen and (max-width: 933px) {
	.rungang .bg_txt  { position:relative; }
	.rungang .pad { padding-bottom:50%;}
	.rungang:not(.show) .pad { display:none;}
}