@charset "utf-8";
@import "css/bootstrap.min.css";
/* CSSTidy 2.0.3: Fri, 24 Oct 2025 08:01:23 +0000 */
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:local(),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-300.woff2) format("woff2"),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-300.woff) format("woff")}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local(),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-regular.woff2) format("woff2"),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-regular.woff) format("woff")}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;src:local(),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-700.woff2) format("woff2"),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-700.woff) format("woff")}
@font-face{font-family:'Raleway';font-style:italic;font-weight:300;src:local(),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-300italic.woff2) format("woff2"),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-300italic.woff) format("woff")}
@font-face{font-family:'Raleway';font-style:italic;font-weight:400;src:local(),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-italic.woff2) format("woff2"),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-italic.woff) format("woff")}
@font-face{font-family:'Raleway';font-style:italic;font-weight:700;src:local(),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-700italic.woff2) format("woff2"),url(fonts/raleway/raleway-v19-latin-ext_cyrillic-ext-700italic.woff) format("woff")}
div.projektBox1{display:flex;align-items:center}
div.projektBox1-Img{width:67%;margin:0 0 3em}
div.projektBox1-Img img{width:100%}
div.projektBox1-Txt{width:33%;margin:0 0 3em;padding:0 0 0 2em;border-left:.5em solid #64a19d}
div.projektBoxRight{display:flex}
div.projektBoxRight-Img{width:50%;margin:0}
div.projektBoxRight-Img img{width:100%}
div.projektBoxRight-Txt{width:50%;margin:0;padding:0;background:#000;color:#fff9!important;display:flex;justify-content:center;flex-flow:column;text-align:right}
div.projektBoxRight-TxtInner{padding:5em}
div.projektBoxRight-Txt hr{width:30%;height:0;border-bottom:.25em solid #64a19d;float:right}
div.projektBoxLeft{display:flex}
div.projektBoxLeft-Img{width:50%;margin:0}
div.projektBoxLeft-Img img{width:100%}
div.projektBoxLeft-Txt{width:50%;margin:0;padding:0;background:#000;color:#fff9!important;display:flex;justify-content:center;flex-flow:column}
div.projektBoxLeft-TxtInner{padding:5em}
div.projektBoxLeft-Txt hr{width:30%;height:0;border-bottom:.25em solid #64a19d}
div.projektBoxRight h3,div.projektBoxLeft h3{color:#fff;font-size:1.5em}
div.adressBoxen{display:flex;font-size:.8em;letter-spacing:.05em}
div.adressBox{background:#fff;margin:1em;padding:2em .75em;width:33%;border-bottom:.25em solid #64a19d;border-radius:.25em;text-align:center;display:flex;flex-direction:column;align-items:stretch}
div.adressBox hr{background-color:transparent;border:0;border-bottom:.25em solid #64a19d;margin:0 auto .75em;width:3em}
div.adressBox h4{font-size:1.1em;margin:.75em 0;text-transform:uppercase}
.adressBox .fa{font-size:1.25em;color:#64a19d}
p.orange,span.orange{color:#f63}
p.green,span.green{color:#64a19d}
p.biggerFnt,span.biggerFnt{font-size:1.25em}
p.smallerFnt,span.smallerFnt{font-size:.9em}
.btn-primary{color:#fff;background-color:#64a19d;border:0}
.btn-primary:hover{color:#64a19d;background-color:#fff;border:0}
.powered{font-size:.65em}
img{border:0;height:auto;max-width:100%;vertical-align:middle}
div.imgR,img.imgR{margin:0 0 1em 1em;padding:0;float:right;max-width:35%;text-align:right}
div.imgR p{font-size:.85em;color:#777;margin-top:.25em}
img.logo20{width:18em}
img.logo1em{height:1em}
html{font-size:17px}
body{color:#222;font:400 1em/1.5em Raleway,sans-serif}
#Home{background:linear-gradient(to bottom,#0000004d 0,#000000b3 75%,#000 100%),url(images/main-background.webp);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover;width:100%;height:100vh;line-height:1}
#Home h1{font-weight:700;font-size:5em;letter-spacing:.075em;background:linear-gradient(#ffffffe6,#fff0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25em}
#Home p{color:#ffffff80!important;font-size:1.25em;margin:0 0 2em}
#Home a{font-size:.5em;padding:2em;letter-spacing:.25em;text-transform:uppercase}
#Home .container{padding-top:0;padding-bottom:0;height:100vh;width:100%;display:flex;justify-content:center;flex-flow:column;text-align:center}
#Ueber{background:linear-gradient(to bottom,#000 0,#000000e6 75%,#000c 100%);min-height:calc(100vh - 6em)}
#Ueber p{color:#ffffff80!important}
#Ueber h2{color:#ffff!important}
#Kontakt{background:linear-gradient(to bottom,#0000001a 0,#00000080 75%,#000 100%),url(images/bg-signup.webp);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover;padding:8em 0 5em}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:400;clear:both;letter-spacing:.02em;line-height:normal}
h1{font-size:3em;margin:0 0 .75em}
h2{font-size:2em;margin:0 0 .75em}
h3{font-size:1.8em;margin:0 0 .5em}
h4{font-size:1.5em;margin:0 0 .5em}
h5{font-size:1.3em;margin:0 0 .25em}
h6{font-size:1.1em;margin:0 0 .1em}
p{margin:0}
hr{background-color:transparent;border:0;border-bottom:1px dotted #fff;margin:.75em 0}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none!important;outline:none}
a[target="_blank"]:after{content:"\f08e";padding:0 .25em;font-family:FontAwesome;text-decoration:none;font-size:.6em}
p.bU{font-size:.75em;margin:.5em 0;text-align:right}
#noscript{background:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99998}
#nsStatus{color:#222;height:200px;left:50%;position:absolute;top:50%;width:300px;margin:-150px 0 0 -150px;z-index:99999;text-align:center}
.no-padding{padding:0}
#header{position:fixed;width:100%;z-index:998;background:#0000}
#header .header-content{padding:3em 7em 1em;width:100%;-webkit-transition:all .6s ease;transition:all .6s ease}
#header .logo{float:left;display:flex;align-items:center}
#header .logo a{border:0}
#header .logo img{-webkit-transition:all .6s ease;transition:all .6s ease;height:120px;width:auto}
#header h1{display:inline;font-size:0;line-height:1.5;margin:0 0 0 .5em;transition:all .6s ease;color:#fff0}
#header.fixed h1{font-size:2em;line-height:1;color:#ffff}
#header.fixed{background:#000000f2;-webkit-transition:all .6s ease;transition:all .6s ease}
#header.fixed .header-content{border-bottom:0;padding:1em 2em}
nav ul{margin:0;padding:0}
.navigation.open{opacity:1!important;visibility:visible;-webkit-transition:opacity .5s;transition:opacity .5s}
.navigation{text-align:right;padding:1.5em 0 0}
.navigation li{display:inline-block;margin:0 0 0 .75em}
.navigation a{color:#fff;font-size:1.1em;font-weight:400;padding:5px 5px 0;text-decoration:none;background:transparent;-webkit-transition:all .5s;transition:all .5s;border-bottom:3px solid transparent;display:inline-block}
.navigation a:hover,.navigation a:active{color:#ccc!important}
.navigation a:focus{color:#ccc!important}
.navigation a.active{border-bottom:3px solid #64a19d;color:#fff!important}
.navigation.open{opacity:1!important;visibility:visible;-webkit-transition:opacity .5s;transition:opacity .5s}
.nav-toggle{cursor:pointer;display:none;height:60px;overflow:hidden;position:fixed;right:15px;top:40px;width:45px;z-index:99999;-webkit-transition:all .3s;transition:all .3s;color:#fff}
.nav-toggle:before,.nav-toggle:after{border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:transform}
.nav-toggle:before{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:.3s;transition-duration:.3s}
.nav-toggle:after{-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:0s;transition-duration:0s}
.nav-toggle span{background-color:#fff;bottom:auto;display:inline-block;height:3px;left:50%;position:absolute;right:auto;top:50%;width:22px;z-index:10;-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.nav-toggle span:before,.nav-toggle span:after{background-color:#fff;content:"";height:100%;position:absolute;right:0;top:0;width:100%;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.nav-toggle span:before{-ms-transform:translateY(-6px) rotate(0deg);-webkit-transform:translateY(-6px) rotate(0deg);transform:translateY(-6px) rotate(0deg)}
.nav-toggle span:after{-ms-transform:translateY(6px) rotate(0deg);-webkit-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg)}
.nav-toggle.close-nav:before{-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}
.nav-toggle.close-nav:after{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.nav-toggle.close-nav span{background-color:#fff0}
.nav-toggle.close-nav span:before,.nav-toggle.close-nav span:after{background-color:#fff}
.nav-toggle.close-nav span:before{-ms-transform:translateY(0) rotate(45deg);-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
.nav-toggle.close-nav span:after{-ms-transform:translateY(0) rotate(-45deg);-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
ul.menulevel2,ul.menulevel3{display:none}
a{color:#64a19d;border-bottom:1px dotted #64a19d}
a:hover,a:active,a:focus{color:#64a19d;border-bottom:1px solid #64a19d}
.animated{visibility:visible}
.noWrp{white-space:nowrap}
main{-webkit-font-smoothing:antialiased}
.container{padding-top:3em;padding-bottom:3em}
.onepage_page{padding:3em 0}
.footer-col{font-size:.9em}
.footer{color:#ffffff80;background:#000;font-size:.9em}
.footer a{color:#ffffffbf;background:transparent;text-decoration:none}
.footer a:hover{color:#fff;background:#ffffff80}
.footer a[target="_blank"]:after{display:none}
.footer .container{padding-top:5em;padding-bottom:5em}
.footer-bottom{text-align:center}
a.socialLink{text-align:center;height:3em;width:3em;background:#ffffff1a;border-radius:100%;line-height:3em;color:#ffffff4d;display:inline-block;border:0;margin:3em .5em}
#tinymce{padding:1em}
.mce-branding-powered-by{display:none}
#onepage_toplink{z-index:10000}
a#onepage_toplink{color:#000;background:#ffffff80;padding:.25em .5em;border:0}
#onepage_toplink:hover{cursor:pointer}
@media screen and (max-width: 1023px) {
body{font-size:.95em}
.nav-toggle{display:block!important}
.navigation{position:fixed;background-color:#000000e6;width:100%;height:100%;top:0;left:0;z-index:99999;visibility:hidden;opacity:0;-webkit-transition:opacity 0.5s,visibility 0s .5s;transition:opacity 0.5s,visibility 0s .5s}
.navigation .primary-nav,.navigation .menulevel1{position:relative;top:45%;-ms-transform:translateY(-45%);-webkit-transform:translateY(-45%);transform:translateY(-45%)}
.navigation li{display:block!important;text-align:center}
.navigation a{display:inline-block;font-size:1.25em;text-align:center;font-weight:400;padding:.5em;color:#fff!important;border-bottom:3px solid transparent}
.navigation a:hover{border-bottom:3px solid #ffffff40}
.navigation a.active{border-bottom:3px solid #fff!important}
}
@media screen and (max-width: 992px) {
div.projektBox1{display:block}
div.projektBox1-Img{width:100%;text-align:center}
div.projektBox1-Img img{width:auto}
div.projektBox1-Txt{width:100%}
div.projektBoxRight{display:flex;flex-direction:column-reverse}
div.projektBoxRight-Img{width:100%;text-align:center}
div.projektBoxRight-Img img{width:auto}
div.projektBoxRight-Txt{width:100%;text-align:center}
div.projektBoxRight-TxtInner{padding:5em}
div.projektBoxLeft{display:block}
div.projektBoxLeft-Img{width:100%;text-align:center}
div.projektBoxLeft-Img img{width:auto}
div.projektBoxLeft-Txt{width:100%;text-align:center}
div.projektBoxLeft-TxtInner{padding:5em}
div.projektBoxRight-Txt hr,div.projektBoxLeft-Txt hr{display:none}
}
@media screen and (max-width: 768px) {
body{font-size:.9em}
.footer .footer-col{margin-bottom:50px}
div.adressBoxen{display:block}
div.adressBox{width:75%;margin:1em auto}
}
@media screen and (max-width: 640px) {
body{font-size:.85em}
}
@media screen and (max-width: 480px) {
body{font-size:.8em}
main{word-wrap:break-word}
.container{padding-top:100px;padding-bottom:100px}
#header .header-content{padding:3em 3em 1em}
#header.fixed h1{display:none}
}
@media screen and (max-width: 320px) {
main{word-wrap:break-word}
.container{padding-top:100px;padding-bottom:100px}
}