html{scroll-behavior:smooth;font-family:"Fira Sans";line-height:150%}html .mobile_nav{display:none}html .cookiebite{position:fixed;bottom:10px;right:10px;cursor:pointer}html .cookiebite a img{width:40px;filter:opacity(0.7)}html .cookiebite a img:hover{filter:opacity(1)}html *{scrollbar-width:auto;scrollbar-color:var(--main-bg-color) #f1f1f1}html *::-webkit-scrollbar{width:18px}html *::-webkit-scrollbar-track{background:#f1f1f1}html *::-webkit-scrollbar-thumb{background-color:var(--main-bg-color);border-radius:12px;border:3px solid #f1f1f1}html.black *{scrollbar-width:auto;scrollbar-color:var(--main-bg-color) #2c2c2c}html.black *::-webkit-scrollbar{width:18px}html.black *::-webkit-scrollbar-track{background:#2c2c2c}html.black *::-webkit-scrollbar-thumb{background-color:#f1f1f1;border-radius:12px;border:3px solid #2c2c2c}body{padding:0;margin:0;font-family:"Fira Sans"}body main div.videowrap{width:100vw;height:100vh;position:relative;display:flex}body main div.videowrap video.show{width:70%;margin:auto}body section.bildergal{width:100vw;position:relative}body section.bildergal .wrap{width:60%;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:75px}body section.bildergal .wrap img{width:100%;height:100%;object-fit:contain;object-position:center}body a,body [onclick]{color:var(--main-bg-color);transition:all 200ms}body main{overflow:hidden}body .scroll-indicator{width:38px;height:60px;border:2px solid #f1f1f1;border-radius:50px;position:absolute;bottom:30px;left:0;right:0;margin-left:auto;margin-right:auto;box-shadow:0px 0px 20px rgba(241,241,241,.4);animation:appear-up 1s 1s ease forwards;opacity:0;transform:translateY(50px)}body .scroll-indicator::before{content:"";position:absolute;top:.5em;left:50%;width:10px;height:10px;background-color:#f1f1f1;border-radius:50%;transform:translate(-50%, 0);animation:scrollAnim 2.5s .5s infinite ease-in;box-shadow:0px 0px 35px -5px #f1f1f1}body .scroll-indicator::after{content:"";position:absolute;top:.7em;left:50%;width:4px;height:17px;background-color:#f1f1f1;border-radius:5px;transform:translate(-50%, 0);box-shadow:0px 0px 35px -5px #f1f1f1}@keyframes appear-up{from{opacity:0;transform:translateY(50px)}to{opacity:100;transform:translateY(0px)}}@keyframes scrollAnim{0%{transform:translate(-50%, 0) rotateX(0);opacity:0}5%{opacity:.5}15%{opacity:1}90%,100%{opacity:0}100%{transform:translate(-50%, 30px) rotateX(30deg)}}body.start{background-color:#000;color:#fff}body.start a{color:#f1f1f1}body.start .section.leistungen{max-width:1200px;width:90%;background-color:rgba(255,255,255,.15);margin:auto;border-radius:15px}body.start .section.leistungen h2{text-align:center;padding:20px 0 20px;font-size:2rem}body.start .section.leistungen .leistungen-list{padding:10px;gap:10px;display:flex;flex-direction:column}body.start .section.leistungen .leistungen-list .leistung-l{padding:7px;border-radius:5px;background-color:rgba(255,255,255,.15)}body.start .section.leistungen .leistungen-list .leistung-l .title{font-size:1.75rem;font-weight:bold;cursor:pointer}body.start .section.leistungen .leistungen-list .leistung-l .markdown{display:none}body.start .section.leistungen .leistungen-list .leistung-l .markdown.ausgeklappt{display:block}body:not(.start) section{background-color:#f1f1f1}body a,body button,body .button,body [onclick]{-webkit-transition:color 100ms ease;-moz-transition:color 100ms ease;-o-transition:color 100ms ease;transition:color 100ms ease;-webkit-transition:opacity 100ms ease;-moz-transition:opacity 100ms ease;-o-transition:opacity 100ms ease;transition:opacity 100ms ease;-webkit-transition:box-shadow 100ms ease;-moz-transition:box-shadow 100ms ease;-o-transition:box-shadow 100ms ease;transition:box-shadow 100ms ease;cursor:pointer;display:inline-block}body a:hover,body button:hover,body .button:hover,body [onclick]:hover{opacity:.9}body a.button,body button.button,body .button.button,body [onclick].button{background:#ebc524;background:linear-gradient(90deg, #EBC524 0%, var(--main-bg-color) 100%);padding:15px 60px;color:#2c2c2c;border-radius:30px;font-size:1.3rem;text-transform:uppercase;font-weight:bold;text-decoration:none;margin:20px 10px 20px 0}body a.button.centered,body button.button.centered,body .button.button.centered,body [onclick].button.centered{margin:20px auto;width:fit-content;display:block;text-align:center;padding:15px 30px}body a.button.white,body button.button.white,body .button.button.white,body [onclick].button.white{background:unset;background-color:#fff;color:#2c2c2c}body a.button.black,body button.button.black,body .button.button.black,body [onclick].button.black{background:unset;background-color:#000;color:#f1f1f1}body h1,body h2,body h3,body h4,body h5,body h6,body p{font-family:"Fira Sans"}body h1:not(p),body h2:not(p),body h3:not(p),body h4:not(p),body h5:not(p),body h6:not(p),body p:not(p){text-transform:uppercase}body h1.centered,body h2.centered,body h3.centered,body h4.centered,body h5.centered,body h6.centered,body p.centered{text-align:center}body .section_heading{font-size:4rem;line-height:90%}body .flex{display:flex;align-items:center}body .header{display:flex;margin-top:16px;align-items:center}body .header .logo{height:40px;margin-left:16px;margin-right:60px;width:50px}body .header .logo img{height:100%}body .header h1,body .header h3{margin:0}body .header .batterie{position:absolute;top:5px;right:0;display:flex;color:#89aa28;align-items:center;padding:20px 0}body .header .batterie .zeiten h5,body .header .batterie .zeiten p{color:#fff}body .header .batterie h3{width:80px;text-align:center}body .header .batterie .status{display:grid}body .header .batterie .status div{background-color:#ed1c24;grid-column:1;grid-row:1;position:relative;margin:8px 35px 8px 8px}body .header .batterie .status div.open{background-color:#89aa28;margin:8px 12px 8px 8px}body .header .batterie .status img{width:50px;display:block;grid-column:1;grid-row:1;position:relative}body .header .batterie .tooltip{background-color:#2c2c2c;position:absolute;top:65px;right:13px;left:auto;padding:6px;border-radius:4px;z-index:5}body .header .batterie .tooltip::after{content:" ";position:absolute;border:solid 10px rgba(0,0,0,0);border-bottom-color:#2c2c2c;top:-20px;left:20px}body container{display:block;max-width:1080px;padding:0 20px;margin:auto}body container.big{max-width:1400px}body .zeiten{display:grid;grid-template-columns:1fr auto auto auto 1fr;gap:5px}body .zeiten p{margin:unset}body .zeiten h5{grid-column:span 5;margin:unset}body .info{border-radius:20px;padding:40px 100px;background-color:var(--main-bg-color);position:relative;color:var(--bg-text-color)}body .info a,body .info [onclick]{color:var(--bg-text-color)}body .info .infoicon{position:absolute;top:-20px;left:-30px;background-color:#fff;aspect-ratio:1/1;width:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.5rem;box-shadow:0 0 30px rgba(44,44,44,.2);color:#000}body .info.grid{gap:60px;padding-bottom:60px}body .info .zeiten{gap:0 5px}body spacer{height:5vh;min-height:40px;display:block}body .categories{display:flex;gap:8px;align-items:center}body .categories a{padding:4px 10px;border-radius:40px;background-color:#fff;color:#2c2c2c;text-decoration:none}body .categories a:hover:not(.current){box-shadow:0 0 8px rgba(44,44,44,.3)}body .categories p{margin:unset}body .categories .current{background-color:rgba(44,44,44,.8);color:#fff;cursor:default}body .options{display:flex;gap:8px;margin-bottom:30px;align-items:center;justify-content:space-between}body .flex{display:flex}body .flex.grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}body .grid{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;padding-bottom:20px}body .grid.col-4{grid-template-columns:auto auto auto auto;gap:150px}body .grid.col-2{grid-template-columns:repeat(2, minmax(0px, 1fr));gap:100px}body .grid.col-2 div{position:relative}body .grid.col-2.left-big{grid-template-columns:minmax(0px, 2fr) minmax(0px, 1fr)}body .grid.col-2.left-big .grafik.special{width:calc(41vw - 54px)}body .grid.col-2.left-big .grafik.special.not-full{max-width:calc(41vw - 150px);width:620px;max-height:calc(100% + 12vh)}body .grid.col-2.left-big.switch{grid-template-columns:minmax(0px, 1fr) minmax(0px, 2fr)}body .grid.col-2 .grafik{width:100%}body .grid.col-2 .grafik.headline{width:auto;max-width:30vw}body .grid.col-2 .grafik.special{transition:all 600ms ease-out;width:calc(50vw - 54px);object-fit:contain;object-position:right center;position:absolute;right:0;min-height:100%;aspect-ratio:1,5/1}body .grid.col-2 .grafik.special.right{right:unset;left:0}body .grid.col-2 .grafik.special.not-full{max-width:calc(50vw - 150px);width:820px;max-height:calc(100% + 12vh)}body .big_info h2{font-size:4rem;line-height:4.2rem;color:#2c2c2c;margin:0 0 20px 0}body .big_info h3{font-size:2.7rem;line-height:3rem;margin:0 0 0 0}body .partner img{display:block;filter:grayscale(1);width:100%;height:150px;object-fit:contain}body .partner:hover{opacity:.4}body .mitarbeiter{width:calc(33% - 13.3333333333px - 4px);display:flex;align-items:center;flex-direction:column}body .mitarbeiter h2{margin-bottom:5px}body .mitarbeiter img{object-fit:contain;width:100%;object-position:top;height:400px;transition:all 900ms;object-view-box:inset(0% 0% 0% 0%)}body .mitarbeiter:hover img{object-view-box:inset(0% 0% 20% 0%)}body .mitarbeiter.staubi:hover img{object-view-box:inset(30% 0% 0% 0%)}body .leistung{border-radius:20px;overflow:hidden;border:solid 2px #fff;width:calc(33% - 13.3333333333px - 4px)}body .leistung .section_heading{font-size:1.6rem}body .leistung .leistung_wrapper{position:relative}body .leistung .leistung_wrapper img{position:absolute;width:100%;height:100%;object-fit:cover}body .leistung .leistung_wrapper div{position:relative;z-index:2;min-height:150px;display:grid;grid-template-rows:1fr auto;padding:20px}body .leistung .leistung_wrapper div .opacity_color{background-color:var(--main-bg-color);opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}body .leistung .leistung_wrapper div p{color:var(--bg-text-color);font-weight:600;max-height:0px;overflow:hidden;transition:all 600ms ease-out;opacity:0}body .leistung .leistung_wrapper div:hover .opacity_color{opacity:.9}body .leistung .leistung_wrapper div:hover p{max-height:320px;opacity:1}body .leistung:hover{border-color:var(--main-bg-color)}body .arrow.down{height:200px;display:block;margin:auto;margin-top:6px}body .arrows{position:relative}body .arrows img{position:absolute;transition:all 400ms ease-out;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body .arrows img:nth-of-type(1){left:-200px}body .arrows img:nth-of-type(2){left:370px;top:-80px}body .arrows img:nth-of-type(3){left:550px;top:60px}body .arrows#arrow-1 img{top:-140px;transform:rotate(40deg)}body .grid_row{display:grid;grid-template-columns:1fr auto}body .ref{position:relative;background-color:#f1f1f1;box-shadow:inset 0 0 20px rgba(44,44,44,.1);display:flex;align-items:center}body .ref img{width:100%;filter:brightness(0.98)}body .ref .hover_wrapper{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(44,44,44,.8);opacity:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;text-decoration:none;transition:all 100ms ease}body .ref .hover_wrapper:hover{opacity:1}body .ref .hover_wrapper h1,body .ref .hover_wrapper h2,body .ref .hover_wrapper h3,body .ref .hover_wrapper h4,body .ref .hover_wrapper h5,body .ref .hover_wrapper h6{margin:0px 0px 5px 0px}body .ref .hover_wrapper .arrow{width:60px}body .ref .hover_wrapper h3{font-size:1rem}@keyframes blend-in{from{opacity:0;max-height:0px}to{opacity:1;max-height:1100px}}@keyframes blend-out{from{opacity:1}to{opacity:0}}@keyframes blend-in-no-max{from{opacity:0}to{opacity:1}}body .transition.blend-in{animation:blend-in 700ms ease 100ms forwards;overflow:hidden;opacity:0;max-height:0px}body .transition.blend-in.no-max{animation:blend-in-no-max 700ms ease 100ms forwards;max-height:unset}body .transition.blend-out{animation:blend-out 300ms ease 100ms forwards;overflow:hidden;opacity:1}body #refwrap{position:relative}body #refwrap #more_trigger{opacity:0;animation:blend-in-no-max 200ms ease 400ms forwards}body #refs{min-height:90vh}body .color{background:url("index.php?rex_media_type=svg&rex_media_file=nd_screendesign_hintergrund.svg") 50vw no-repeat,radial-gradient(circle farthest-side at left -80%, #EBC524 0%, var(--main-bg-color) 100%);background-size:auto 100vh,cover;color:#2c2c2c}body .color a,body .color [onclick]{color:#2c2c2c}body .color .arrows img{transition:filter 0ms;filter:invert(0.1)}body .color.nograf{background:radial-gradient(circle farthest-side at left -80%, #EBC524 0%, var(--main-bg-color) 100%);background-size:cover}body .underline{width:100%;height:2px;background-color:var(--main-bg-color)}body .underline.short{width:80px}body section{padding:12vh 0}body section.white{background-color:#fff}body section.black{background:url("index.php?rex_media_type=svg&rex_media_file=nd_screendesign_hintergrund.svg") 50vw no-repeat,#000;background-size:auto 100vh,cover;color:#f1f1f1}body section.first{padding:unset;position:relative}body section.first .titel{height:calc(100vh - 75px);width:100%;object-fit:cover;display:block}body section.first .filter{position:absolute;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;color:#f1f1f1}body section.first .biglogo{display:flex;flex-direction:column}body section.first .biglogo img{max-height:300px;margin:auto}body section.first .biglogo div{max-width:800px;margin:auto;color:#fff}body section.first .biglogo h1{color:#fff;font-family:"Fira Sans";text-transform:uppercase;font-size:1.5em}body section .wrapper{max-width:500px;margin:auto}body section .wrapper .biglogo{display:flex}body section .wrapper .biglogo img{height:250px;margin:auto;margin-bottom:50px}body section .wrapper .startgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;width:fit-content;margin:auto}body section .wrapper .startgrid p{color:#585857;text-align:center;margin:0;margin-top:10px;font-weight:bold;text-transform:uppercase;font-size:1.3rem}body section .wrapper .startgrid a{height:140px;aspect-ratio:1/1;border-radius:15px;overflow:none;justify-content:center;display:flex;transition:200ms}body section .wrapper .startgrid a:hover{transform:scale(1.1);transition:200ms}body section .wrapper .startgrid a img{max-width:70%;margin:auto;height:auto}body section #staubsaugerbahn,body section .staubsaugerbahn{background-color:#585857;border-radius:15px;height:50px;margin:auto;margin-top:75px}body section #staubsaugerbahn canvas,body section .staubsaugerbahn canvas{margin:auto;display:block;position:relative;top:-25px;transition:all 200ms}body section #staubsaugerbahn img,body section .staubsaugerbahn img{max-width:100px;-webkit-animation:slide-in-right 10s linear infinite alternate both;animation:slide-in-right 10s linear infinite alternate both}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(400px);transform:translateX(400px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}90%{-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{-webkit-transform:translateX(400px);transform:translateX(400px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}90%{-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}body footer{background-color:#000;color:#fff;margin:auto;padding:75px 0px 40px 0px}body footer hr{color:#ebc524;border:1px solid #ebc524;margin:50px 0}body footer .firstrow{margin:10px 0px 10px 0px;display:grid;gap:20px;grid-template-columns:1fr 2fr}body footer .secondrow,body footer .thirdrow{margin:10px 0px 10px 0px;font-weight:bold;display:flex;align-items:center;justify-content:space-between}body footer .secondrow a,body footer .thirdrow a{color:#fff;text-decoration:none;font-weight:bold}body footer .secondrow img,body footer .thirdrow img{height:40px;margin-right:10px}body .side{position:absolute;margin:16px}body nav{background-color:#fff;position:sticky;top:0;color:#000;height:75px;width:100%;padding:0;margin:0%;display:flex;z-index:5;box-shadow:0 0 30px rgba(44,44,44,.1)}body nav .rex-current{color:#89aa28;box-shadow:inset 0 -2px 0px 0px #89aa28}body nav container{display:flex;gap:30px;align-items:center;justify-content:center}body nav ul{padding:unset;margin:unset;list-style:none;display:flex;gap:30px}body nav ul a{color:#2c2c2c;text-decoration:none;text-transform:uppercase;font-size:1rem;display:inline-block;padding:4px 10px}body nav ul a:hover{box-shadow:inset 0 -2px 0px 0px var(--main-bg-color)}body nav img{filter:invert(1);height:40px}body nav.transition-logo #logo{animation:blend-in 700ms ease 100ms forwards;overflow:hidden;opacity:0;max-height:0px}body nav.transition-logo #logo.no-max{animation:blend-in-no-max 700ms ease 100ms forwards;max-height:unset}body nav.transition-logo .blend-out{animation:blend-out 300ms ease 100ms forwards;overflow:hidden;opacity:1}@media only screen and (max-width: 1500px){body .arrows img:nth-of-type(1){width:140px;left:-100px}body .arrows img:nth-of-type(2){top:-60px;width:114px}body .arrows img:nth-of-type(3){left:260px;top:20px}}@media only screen and (max-width: 800px){body nav .desktop_nav{display:none}body nav .mobile_nav{display:block;position:absolute;top:0;right:0}body nav .mobile_nav li{background-color:#fff;margin:5px;box-shadow:0 0 25px rgba(44,44,44,.2);border-radius:20px}body nav container{margin:unset}body nav .side{position:relative}body .header h1{font-size:1rem}body .header .logo{margin-right:20px}body footer .firstrow,body footer .secondrow{display:flex;flex-direction:column;align-items:flex-start}body section.first .biglogo img{max-height:200px}body section .wrapper{padding:0 20px}body section .wrapper .startgrid{gap:15px}body section .wrapper .startgrid a{height:110px}body .grid.col-2{gap:20px}body .grid.col-2 .grafik.headline{width:220px}body .grid.col-2 .grafik.special,body .grid.col-2 .grafik.special.not-full{width:100%;max-width:unset;position:relative;max-height:unset}body .grid.col-2.left-big .grafik.special.not-full{width:100%;max-width:unset;max-height:unset}body a.button,body .button.button,body button.button,body [onclick].button{padding:5px 20px;font-size:1.1rem}}@media only screen and (max-width: 500px){body .header .batterie{position:relative}body .header .batterie h3{width:60px}body section .wrapper .biglogo img{height:150px}body section .wrapper .startgrid{gap:25px;grid-template-columns:1fr 1fr}body section .wrapper .startgrid a{height:90px}body footer .firstrow img{width:70%}body main section .section_heading{font-size:2.5rem;word-wrap:break-word}body main section container#refs .options{flex-direction:column}body main section container#refs .options div div.categories{flex-direction:column}body main section container#refs .options div div.categories a{width:100%;text-align:center}body main section container#refs #refwrap .grid{display:block}body main section container#refs #refwrap .grid .ref{margin-bottom:25px}body main section container div.flex.grid{display:block}body main section container div.flex.grid .leistung{width:unset;margin-bottom:25px}body main section container div.grid.col-2{display:block}body main section container div.grid.col-2 .grafik.headline{max-width:100vw}body main section container div.grid.col-2 div h2.section_heading{font-size:2.5rem}body main section container div.grid.col-2 div img#illu{display:none}}