@import url(https://fonts.googleapis.com/css2?family=Rubik&display=swap);*{font-size:1vw;scroll-behavior:smooth;padding:0;font-family:"Rubik","Times New Roman",Times,serif;margin:0;box-sizing:border-box}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--backgriund-color:#66777c;--info-color:#c4c4c5;--key-color-b:#0f76bb;--key-color-r:#f11a22;--key-color-g:#00a652}body{font-size:1vw;background:#30474e;overflow-x:hidden}nav{position:fixed;z-index:100;top:0;left:0;width:100%;height:4rem;background:#82c4d5;box-shadow:0 5px 10px #000}nav>div{display:inline-block}.logo{margin:-.7rem 5rem}.nav-links{position:absolute;top:1rem;right:2rem}nav a{text-decoration:none;text-shadow:0 0 2px #000;color:#fff;font-size:1.5rem;margin:0 1vw}nav a.active,nav a:hover{color:#ee7202}#START{position:relative;scroll-margin:4rem;height:calc(100vh - 4rem);min-height:44vw;margin-top:4rem;background-size:100vw calc(100vh - 4rem);background-attachment:fixed;justify-content:center;align-items:center;display:flex}#START>div{text-align:center;width:60%;background-color:transparent}#START h1{color:#fff;position:relative;font-size:4rem;transform:translateY(2rem)}.heading{opacity:0;font-size:0;animation:heading 3s 4.5s forwards}.magic-place-cont{opacity:0;animation:heading 3s 6s forwards}@keyframes heading{to{font-size:4rem;opacity:1}}@keyframes heading3{to{opacity:1}}#START h3{opacity:0;color:#c4c4c5;font-size:2rem;padding:1vw 1vw 1vw 4vw;margin:auto 2rem;letter-spacing:.2rem;animation:heading3 3s 5s forwards;line-height:1.7}.keyword{letter-spacing:.2vw;position:absolute;left:20rem;z-index:-1;top:2vw;animation:keywords 4s 2s forwards}@keyframes keywords{to{transform:translate(3rem,-13rem) rotate(0);font-size:1vw;opacity:0}}.keyword0{transform:translate(-9vw,-12vw);color:#0f76bb;color:var(--key-color-b)}.keyword0,.keyword1{z-index:1;font-size:4vw}.keyword1{transform:translate(-27vw,-7vw);color:#f11a22;color:var(--key-color-r)}.keyword3{transform:translate(17vw,-7vw)}.keyword3,.keyword4{z-index:1;color:#00a652;color:var(--key-color-g);font-size:4vw}.keyword4{transform:translate(-5vw,-2vw)}.keyword5{transform:translate(-9vw,3vw);font-size:4vw}.keyword5,.keyword6{z-index:1;color:#0f76bb;color:var(--key-color-b)}.keyword6{transform:translate(-29vw,-2vw);font-size:3vw}.keyword7{z-index:1;transform:translate(-33vw,10vw) rotate(270deg);color:#0f76bb;color:var(--key-color-b);font-size:2.6vw}.keyword8{z-index:1;transform:translate(-52vw,4vw) rotate(-90deg);color:#00a652;color:var(--key-color-g);font-size:4vw}.keyword9{transform:translate(35vw,4vw) rotate(-90deg);color:#0f76bb;color:var(--key-color-b)}.keyword9,.keyword10{z-index:1;font-size:3vw}.keyword10{transform:translate(-20vw,8vw);color:#00a652;color:var(--key-color-g)}.keyword11{transform:translate(-37vw,10vw) rotate(-90deg);font-size:3vw}.keyword11,.keyword12{z-index:1;color:#f11a22;color:var(--key-color-r)}.keyword12{transform:translate(20vw,-2vw);font-size:4vw}.keyword13{transform:translate(-18vw,13vw);color:#0f76bb;color:var(--key-color-b)}.keyword13,.keyword14{z-index:1;font-size:2.5vw}.keyword14{transform:translate(26vw,14vw) rotate(-90deg);color:#00a652;color:var(--key-color-g)}.keyword15{z-index:1;transform:translate(-30vw,22vw);color:#0f76bb;color:var(--key-color-b);font-size:4vw}.keyword16{z-index:1;transform:translate(-15vw,18vw);color:#f11a22;color:var(--key-color-r);font-size:3vw}.keyword17{z-index:1;transform:translate(10vw,12vw);color:#00a652;color:var(--key-color-g);font-size:4vw}.keyword21{transform:translate(32vw,13vw) rotate(-90deg);font-size:3.8vw}.keyword21,.keyword22{z-index:1;color:#f11a22;color:var(--key-color-r)}.keyword22{transform:translate(17vw,8vw);font-size:3vw}#PROFIL{scroll-margin:4rem;height:calc(100vh - 4rem);min-height:45vw;max-height:66vw;background:url(/static/media/rob.4143b287.JPG);background-repeat:no-repeat;background-position:0 0;background-size:100% auto;display:flex;vertical-align:middle}#PROFIL>div{margin:auto 10vw auto auto;width:40vw}#PROFIL h1{letter-spacing:.2vw;color:#fff;padding:1vw 0;font-size:2.5rem}#PROFIL p{letter-spacing:.1rem;font-size:1.5rem;line-height:1.7;color:#c4c4c5;color:var(--info-color)}#LEISTUNGEN{scroll-margin:4rem;margin-bottom:4vw}#LEISTUNGEN h1{text-align:center;font-size:3rem;padding-top:3rem;color:#fff}.service{margin-top:5rem;margin-left:5rem;width:80vw;display:flex}.service:nth-child(3),.service:nth-child(5){margin-left:15vw}#LEISTUNGEN h2{margin:0 1rem;letter-spacing:.1rem;color:#fff;font-size:2.3rem}.service-info p{margin:.5rem 1rem;color:#c4c4c5;color:var(--info-color);font-size:1.8rem}.more{color:#66ace0}.more:hover{color:#b3d6f0;cursor:pointer}.service-image{position:relative;width:20rem;height:12vw;overflow:hidden}.service-image img{opacity:0;position:absolute;width:5vw}#green-grid{transition:all 3s;transform:translate(9vw);top:1.5vw;right:3vw;z-index:4}#blue-grid{transition:all 3s;transform:translateY(10vw);top:0;right:6vw;z-index:3}#red-grid{transition:all 3s;transform:translateY(-11vw);top:1.5vw;right:9vw;z-index:2}#black-grid{transition:all 3s;top:0;transform:translate(-8vw);right:12vw}#light-man{transition:all 3s 1s;transform:translate(-4vw) scale(0);left:5vw;width:5vw}#iron-man{z-index:3;transition:all 4s;transform:translate(4vw) scale(0);top:2vw;width:5}#spate-man{transition:all 3s 2s;transform:translate(0) scale(0);width:5vw;left:9vw;bottom:0}#hang-man{transition:all 3s 3s;transform:translateY(-5vw) scale(.5);left:13vw;width:5.2vw}#left-man{transition:all 2s;transform:translateX(-7vw) scale(.2);left:2vw}#right-man{transition:all 2s;transform:translateX(7vw) scale(.2);right:2vw}.toggle-light{animation:toggle 4s 4s infinite}@keyframes toggle{0%{color:#000}25%{color:#f11a22;color:var(--key-color-r)}50%{color:#0f76bb;color:var(--key-color-b)}75%{color:#00a652;color:var(--key-color-g)}to{color:#000}}#light>*{font-size:0}#light,#light>*{transition:all 3s 1s}#light{position:relative;top:1vw;transform:scale(.01);left:37.6%}.magic-place{left:17vw;position:relative}.icon-cont{position:absolute}.icons{filter:drop-shadow(0 0 50px rgba(0,0,0,1))}.icons0{font-size:10vw}.icons-0{left:23vw;top:13vw;z-index:11}.icons1{font-size:9vw}.icons-1{z-index:10;left:22vw;top:11.7vw}.icons2{font-size:8.1vw}.icons-2{z-index:9;left:21vw;top:10.53vw}.icons3{font-size:7.3vw}.icons-3{z-index:8;left:20vw;top:9.47vw}.icons4{font-size:6.5vw}.icons-4{z-index:7;left:19vw;top:8.5vw}.icons5{font-size:5.9vw}.icons-5{z-index:6;left:18vw;top:7.6vw}.icons6{font-size:5.3vw}.icons-6{z-index:5;left:17vw;top:6.9vw}.icons7{font-size:4.8vw}.icons-7{z-index:4;left:16vw;top:6.27vw}.icons8{font-size:4.3vw}.icons-8{z-index:3;left:15vw;top:5.6vw}.icons9{font-size:4.3vw}.icons-9{z-index:2;left:14vw;top:4.9vw}#KALKULATION{scroll-margin:4rem;padding-top:2rem;background:#6ba1af;padding-bottom:3rem;height:25vw}#KALKULATION h1{text-align:center;font-size:2.5rem;color:#fff}#KALKULATION>p{margin:auto;letter-spacing:.1rem;font-size:1.5rem;line-height:1.7;color:#c4c4c5;color:var(--info-color);width:60%}#KALKULATION form>div{display:flex;padding-top:1.5vw;width:80%;margin-left:17vw}#KALKULATION div{display:inline-block}#KALKULATION input{z-index:1;background-color:transparent;outline:none;border:2px solid #2d2d2d;width:70%;font-size:1.5rem;color:#fff;padding:.2rem;box-shadow:0 0 5px #000;text-shadow:0 0 3px #000}#KALKULATION h3{position:relative;z-index:2;transition:all 1s;font-size:1.3vw}#KALKULATION h4{letter-spacing:.15vw;padding:2rem;color:#c4c4c5;color:var(--info-color);font-size:1.5rem;text-align:center}.option-arrow:hover{cursor:pointer}.label:hover{cursor:default}.clear:hover{cursor:pointer}.label{text-shadow:0 0 3px #000;color:#fff;transform:translateY(2rem);font-weight:100}#options{transition:all 1s;direction:rtl;overflow-y:auto;left:0;top:4.1rem}.option{background-color:#66777c;background-color:var(--backgriund-color);direction:ltr;display:block;color:#fff;font-size:1.3rem;letter-spacing:.1rem;width:calc(39.8vw - 5px);padding:.2rem;white-space:nowrap;overflow:hidden;border-bottom:2px solid #000}.option:hover{background-color:#000;min-width:-webkit-max-content;min-width:max-content}#options::-webkit-scrollbar{width:5px}#options::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}#options::-webkit-scrollbar-thumb{background:#3f3c3c;border-radius:10px}#options::-webkit-scrollbar-thumb:hover{background:#191818}#KONTAKT{padding:2rem}.contact-form{width:80%;margin:auto}.contact-form h1{color:#fff;text-align:center;padding:0 1vw;font-size:2.5rem}.email-form{display:flex}.visitor-info,.visitor-text{flex:50% 1}.email-form h2,.email-form input{width:80%;margin-left:10%}#KONTAKT h2{color:#959595}#KONTAKT input,select{color:#fff}#KONTAKT h2,#KONTAKT input,select{transition:color 1s;transition:transform 1s;background-color:transparent;font-size:1.5vw;padding:.4vw}#KONTAKT input{position:relative;z-index:1;outline:none;border:none;border-bottom:2px solid #2d2d2d}#KONTAKT input:focus{border-bottom:2px solid #fff}textarea{height:11vw;width:80%;margin-left:10%;resize:none;border:2px solid #2d2d2d;color:#fff;background-color:transparent;padding:.7vw;font-size:1rem}.talert{transform:translateX(23vw)}#KONTAKT .label{color:#fff;transform:translateY(2.8vw)}.contact-details h2,.contact-info,select{width:40%;margin-left:30%;display:block}.contact-details{height:0;overflow:hidden}.show-form{height:20vw}option{background-color:#181818}#KONTAKT #send{margin:2vw 35vw}#KONTAKT #send:hover{cursor:pointer;background-color:#000}.email-form .alert{margin-left:10%}.alert{color:#0f76bb;color:var(--key-color-b)}.hidden{visibility:hidden}footer{margin:0;padding-bottom:.2vw;background-color:#141518}footer>h1{font-size:1.5rem;padding:1vw;text-align:center;color:#c4c4c5;color:var(--info-color)}footer>div{padding-top:1vw;text-align:center}footer a{font-size:1.2vw;color:#fff;text-decoration:none;padding:2rem 3rem 0}footer .cicon{font-size:1.5vw;margin-right:.5vw;transform:translateY(.2vw)}.select-arrow{font-size:2rem;position:absolute;right:.2rem;top:3rem;color:#000;z-index:-1}#LEISTUNGEN #service-li{position:relative;top:-2rem;font-size:1.5rem;margin-bottom:-2rem}@-moz-document url-prefix(){#LEISTUNGEN #service-li{position:relative;top:0;font-size:1.5rem;margin-bottom:0}}@media only screen and (max-width:600px){*{font-size:1.5vw}#START>div{width:90%}.keyword{left:25rem}#PROFIL>div{margin:1.3vw 5vw auto auto;width:55vw}#KALKULATION>p{width:90%}#KALKULATION{height:37vw}.spec-serv>article>p{width:90%}.show-form{height:23vw}.select-arrow{top:2vw}}.spec-serv{transform:scale(.8);position:absolute;padding-bottom:2vw}.spec-serv h1{text-align:center;letter-spacing:.2vw;color:#fff;padding:1vw 0;font-size:2.5rem}.spec-serv p{margin:auto;width:60%;text-align:center;letter-spacing:.1rem;font-size:1.5rem;line-height:1.7;color:#c4c4c5;color:var(--info-color);text-shadow:0 0 20px #000}.telephon{position:fixed;bottom:0;right:0;text-align:center;background-color:#00a652;background-color:var(--key-color-g);color:#000;padding-top:.5vw;border-radius:10% 30% 90% 20%;padding-left:.1vw;text-decoration:none;transform:scale(.8)}.telephon:hover{cursor:pointer}.select_box{border:none;border-bottom:2px solid #2d2d2d}select:focus{border-bottom:2px solid #fff}select{-moz-appearance:none;-webkit-appearance:none}.last-img{width:20vw;height:40vw}.last-img>img{width:25vw;transform:translate(-25vw,6vw)}.last-info>p{width:70%;background:url(/static/media/board.524b7423.png);background-size:100% 100%;padding:5vw 7vw 2vw}.last-info span{font-size:2vw}.apear-anim .line-1{opacity:0;animation:appear 2s 1s forwards}.apear-anim .line-2{opacity:0;animation:appear 2s 1.3s forwards}.apear-anim .line-3{opacity:0;animation:appear 2s 1.6s forwards}.apear-anim .line-4{opacity:0;animation:appear 2s 1.9s forwards}.apear-anim .line-5{opacity:0;animation:appear 2s 2.2s forwards}.apear-anim .line-6{opacity:0;animation:appear 2s 2.5s forwards}.apear-anim .line-7{opacity:0;animation:appear 2s 2.8s forwards}@keyframes appear{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.03623977.chunk.css.map */