/*! /* Copyright by TwooDoo, Wegberg / Rath-Anhoven - 2026 * Dieses Style-Sheet unterliegt dem Schutz des Urheberrechts. * Jegliche Weiterverwendung, auch in Teilen, ohne unsere schriftliche Zustimmung ist untersagt. */html{font-size:100%}:focus{outline:none;background-color:rgb(89.4409904762,142.1254095238,105.3688380952)}a:link{color:inherit;font-weight:normal;text-decoration:underline dotted}a:link:hover{text-decoration:underline dotted}a:visited{color:inherit;font-weight:normal}body{font-family:"Manrope",sans-serif;font-size:1em;font-size:clamp(1.1rem,.8453rem + .6289vw,1.6rem);line-height:1.6;font-weight:300;font-variation-settings:"wght" 300;margin:0;padding:0;color:rgb(42.1648,67.0016,49.6736);background-color:rgb(247.5133968254,250.2886031746,248.3524126984)}.h1{box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0 auto;padding:0 0 2em;font-size:1.8em;line-height:1.2;font-weight:300;font-variation-settings:"wght" 300;text-align:center;color:rgb(247.1193650794,250.0406349206,248.0025396825);text-shadow:1px 2px 2px rgb(55.48,88.16,65.36);user-select:none}.h1 span{display:block;overflow-wrap:break-word}.h2{margin:0 auto;padding:0 0 .8em;font-size:1.75em;line-height:1.2;font-weight:300;font-variation-settings:"wght" 300;overflow-wrap:break-word}.h2+.h3{padding:0 0 .8em}.h3{margin:0;padding:1em 0 .8em;font-size:1.25em;line-height:1.2;font-weight:300;font-variation-settings:"wght" 300;overflow-wrap:break-word}.h4{margin:0;padding:1em 0 .8em;font-size:2rem;line-height:1.2;font-weight:300;font-variation-settings:"wght" 300}section,article,nav,div,figure{padding:0;margin:0}p{margin:0;padding:0 0 1.2em}li{padding-bottom:10px}ul,ol{margin:0;padding:0 0 10px 20px}img{border:none}strong,b{font-weight:400;font-variation-settings:"wght" 400}blockquote,q{font-style:italic}.bild-top{z-index:-1;position:fixed;top:0;left:0;width:100vw;height:100vh}.bild-top picture img{display:block;height:100%;width:100%;object-fit:cover}.hd-top .header-logo{position:fixed;top:2px;left:2px;height:80px}.hd-top .header-logo img{aspect-ratio:1/1;display:block;height:100%;background-color:rgba(247.1193650794,250.0406349206,248.0025396825,.5);backdrop-filter:blur(3px);box-shadow:inset 0px 0px 5px 2px rgba(247.1193650794,250.0406349206,248.0025396825,.5)}.main{display:block;overflow-x:hidden}.art-main{margin:auto;padding:0}.art-impr .sect-main-contain .cont-seite{text-align:left}.sect-main-contain{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:100vh;padding:50px 0;color:rgb(55.48,88.16,65.36);background-color:rgb(247.1193650794,250.0406349206,248.0025396825);background-color:rgba(247.1193650794,250.0406349206,248.0025396825,.9)}.sect-main-contain ul{list-style-type:circle}.sect-main-contain ul li{padding:0 0 15px}.sect-main-contain .ul-screenshot{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;margin:0;padding:0}.sect-main-contain .ul-screenshot li{flex-basis:calc(100% - 24px);margin:0;padding:0;background-color:hsl(138.1395348837,41.291005291%,82.7595294118%);background-color:hsla(138.1395348837,41.291005291%,82.7595294118%,.6)}.sect-main-contain .ul-screenshot li figure{box-sizing:border-box;display:block;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1;padding:12px;text-align:center}.sect-main-contain .ul-screenshot li figure img{display:block;width:100%;height:calc(100% - 2.5em);object-fit:contain}.sect-main-contain:nth-of-type(even){color:rgb(247.1193650794,250.0406349206,248.0025396825);background-color:rgb(55.48,88.16,65.36);background-color:rgba(55.48,88.16,65.36,.9)}.cont-seite{max-width:60ch;margin:0 auto;padding:24px}.ft-signatur{position:relative;width:100%;margin:0 auto;padding:50px 0;color:#fffaf0;background-color:rgb(45.6307936508,72.5092063492,53.7568253968);text-align:center}.ft-signatur .ft-impressum{padding:24px 0 36px;text-align:center}.ft-signatur .ft-impressum a{margin:0 10px;text-decoration:none;text-transform:uppercase}.ft-signatur .ft-address{font-style:normal;margin:12px auto}.ft-signatur .ft-copyright{padding:24px 0;font-size:.75em;text-align:center}.ft-signatur a{color:inherit}.referenzen ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;box-sizing:border-box;max-width:1800px;margin:50px auto;padding:12px;list-style-type:none}.referenzen ul li{flex-grow:1;flex-shrink:1;box-sizing:border-box;flex-basis:calc(50% - 12px);margin:0;padding:0;text-align:center;color:#fffaf0;background-color:rgb(42.1648,67.0016,49.6736);border-radius:12px;box-shadow:1px 2px 5px rgb(22.4663873016,35.7000126984,26.4672507937)}.referenzen ul li>figure{height:130px;margin:0 auto 25px;padding:0}.referenzen ul li>figure a{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.referenzen ul li>figure a img{display:block;max-height:120px;width:100%;margin:0 auto;padding:0;object-fit:contain}.referenzen ul li a{display:block;padding:10px;font-size:.72em;font-weight:bold;text-decoration:none;transition:all .2s ease-in-out}.referenzen ul li a:active,.referenzen ul li a:focus{background-color:rgb(32.3155936508,51.3508063492,38.0704253968)}.referenzen ul li a:hover{text-decoration:none}.referenzen ul li>a::after{content:" ";display:block;width:0;height:7px;margin:0 auto;border-bottom:dotted 5px #fffaf0;transition:all .4s ease-in-out}.referenzen ul li a:hover::after{width:50%}.referenzen ul li span{display:block;font-size:.9em;font-weight:normal}.sanft{scroll-behavior:smooth;overflow-y:scroll}.impr-logo img{width:calc(100% - 20px);height:auto;max-width:450px;padding:10px}.hyph{hyphens:auto;hyphenate-limit-chars:6 3 3}.font90{font-size:calc(clamp(1.1rem,.8453rem + .6289vw,1.6rem)*.9)}.nowrap{white-space:nowrap}.fett{font-weight:bold}.kursiv{font-style:italic}.zentriert{text-align:center}.rechts{text-align:right}.unter{text-decoration:underline}.mail:link{color:inherit;background-color:inherit}.cta-anruf{overflow:hidden;position:fixed;left:5px;bottom:24px;text-align:left;color:rgb(52.706,83.752,62.092);background-color:rgb(247.1193650794,250.0406349206,248.0025396825);background-color:rgba(247.1193650794,250.0406349206,248.0025396825,.5);border:solid 1px rgb(52.706,83.752,62.092);background-repeat:no-repeat;background-position:10px center;background-size:auto 68%;background-image:url("images/menu/tel-berry-symbol.png");backdrop-filter:blur(5px);box-shadow:inset 0px 0px 5px 2px rgba(247.1193650794,250.0406349206,248.0025396825,.5)}.cta-anruf a{display:block;padding:6px 12px 6px 36px;text-decoration:none;font-size:.75em;line-height:1;font-weight:400;font-variation-settings:"wght" 400}.cta-anruf a:hover,.cta-anruf a:visited,.cta-anruf a:focus{background-color:rgba(0,0,0,0)}.hide{animation-name:hide-link;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.hyph{hyphens:auto}.formular{color:rgb(42.1648,67.0016,49.6736)}.formular .div-haupttext{padding:0 24px 0 0}.formular .div-haupttext .h3{padding:24px;font-size:1.6em}.formular .form-kontakt{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:600px;padding:12px;margin:48px auto;color:rgb(42.1648,67.0016,49.6736);background-color:rgb(247.5133968254,250.2886031746,248.3524126984);box-shadow:0 0 12px -3px rgb(55.48,88.16,65.36)}.formular .form-kontakt .form-gruppe{flex:1 1 0;min-width:0;width:100%;margin:0 auto 12px}.formular .form-kontakt .form-gruppe label{display:block;padding:12px}.formular .form-kontakt .form-gruppe input{box-sizing:border-box;width:100%;padding:12px;border-radius:5px;border:solid 1px rgba(55.48,88.16,65.36,.8)}.formular .form-kontakt .form-gruppe :focus{background-color:rgb(247.1193650794,250.0406349206,248.0025396825)}.formular .form-kontakt .form-gruppe textarea{box-sizing:border-box;width:100%;min-height:120px;padding:12px;border-radius:5px;border:solid 1px rgba(55.48,88.16,65.36,.8)}.formular .form-kontakt .form-gruppe select{padding:12px;width:100%;box-sizing:border-box}.formular .form-kontakt .submit-btn{box-sizing:border-box;width:100%;padding:12px;margin:0 auto 12px;color:rgb(247.1193650794,250.0406349206,248.0025396825);background-color:rgb(55.48,88.16,65.36);border-radius:5px;border:solid 1px rgba(55.48,88.16,65.36,.8);cursor:pointer}.cta-button{text-align:center}.cta-button a{display:inline-block;margin:48px auto 24px;padding:12px 24px;color:rgb(247.1193650794,250.0406349206,248.0025396825);background-color:rgb(55.48,88.16,65.36);border:solid 1px rgb(55.48,88.16,65.36);text-decoration:none;font-size:var(--font-base);font-weight:600;font-variation-settings:"wght" 600;border-radius:66px;box-shadow:0 3px 12px -3px rgba(247.1193650794,250.0406349206,248.0025396825,.9);transform:scale(1);transition:all .3s ease-in-out}.cta-button a:hover,.cta-button a:active{box-shadow:0 3px 6px -3px rgba(247.1193650794,250.0406349206,248.0025396825,.9);background-color:rgb(55.48,88.16,65.36);transform:scale(0.96)}.menu{text-transform:uppercase}.menuinput{display:none;position:absolute}.menulabel{display:block;z-index:99;position:fixed;top:6px;right:55px;height:40px;width:40px;margin-left:0;cursor:pointer;background-color:rgb(72.4604952381,115.1427047619,85.3644190476);background-color:rgba(72.4604952381,115.1427047619,85.3644190476,.9);transition:all .4s ease-in-out}.menulabel .menuburger{position:relative;top:19px;margin:auto;display:block;width:20px;height:2px;background-color:rgb(247.1193650794,250.0406349206,248.0025396825);transition:all .4s ease-in-out}.menulabel .menuburger::before{content:"";position:absolute;top:-6px;margin:auto;display:block;width:20px;height:2px;background-color:rgb(247.1193650794,250.0406349206,248.0025396825);transition:all .4s ease-in-out}.menulabel .menuburger::after{content:"";position:absolute;top:6px;margin:auto;display:block;width:20px;height:2px;background-color:rgb(247.1193650794,250.0406349206,248.0025396825);transition:all .4s ease-in-out}.haus{z-index:9;display:block;position:fixed;top:6px;right:8px;height:40px;width:40px;background-color:rgb(72.4604952381,115.1427047619,85.3644190476);background-color:rgba(72.4604952381,115.1427047619,85.3644190476,.9);background-image:url("images/menu/home-symbol.png");background-repeat:no-repeat;background-size:80%;background-position:center 3px;cursor:pointer;transition:all .4s ease-in-out}.menuschalter{z-index:9;position:fixed;top:-105vh;left:0;display:block;height:100vh;width:100vw;background-color:rgb(55.48,88.16,65.36);background-color:rgba(55.48,88.16,65.36,.8);transition:all .4s ease-in-out}.menuframe{z-index:99;position:fixed;overflow:auto;top:50px;right:8px;width:calc(100vw - 16px);max-width:300px;height:100vh;transform:translateX(310px);transition:all .4s ease-in-out}.menu-top{width:100%;font-size:.8em;font-weight:500;color:rgb(248.6954920635,251.0325079365,249.402031746);transition:all .4s ease-in-out;background-color:rgb(72.4604952381,115.1427047619,85.3644190476);background-color:rgba(72.4604952381,115.1427047619,85.3644190476,.97)}.menu-top ul{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;justify-content:flex-start;width:100%;max-width:1120px;height:100%;margin:0 auto;padding:25px 0;list-style-type:none}.menu-top ul li{flex-grow:0;flex-shrink:0;padding:0;margin:8px 15px;position:relative}.menu-top ul li img{display:block;height:50px;width:auto}.menu-top ul li a{position:relative;display:block;padding:4px 10px 3px;color:inherit;font-size:inherit;text-decoration:inherit}.menu-top ul li a span{padding:0 10px}.menu-top ul li a::after{content:"";display:block;width:100%;margin:3px auto;border-bottom:dotted 1px rgb(218.0243555556,231.7308444444,222.1681777778);transition:all .3s ease-in-out}.menu-top ul li a:hover{text-decoration:none}.menu-top ul .aktuell a,.menu-top ul .aktuell:hover a{background-color:rgb(87.4033310476,138.8874849524,102.9683078095)}.menu-top ul .aktuell a::after,.menu-top ul .aktuell:hover a::after{width:100%}.menuinput:checked~.menulabel .menuburger::before{top:1px;transform:rotate(45deg)}.menuinput:checked~.menulabel .menuburger{background-color:rgba(0,0,0,0)}.menuinput:checked~.menulabel .menuburger::after{top:1px;transform:rotate(-45deg)}.menuinput:checked~.menulabel b::after{opacity:0}.menuinput:checked~.menuschalter{top:0;right:0}.menuinput:checked~.menulabel::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background-color:rgba(0,0,0,0)}.menuinput:checked~.menuframe{transform:translateX(0px)}.linktop{display:none;position:fixed;bottom:24px;bottom:calc(24px + env(safe-area-inset-bottom, 0px));right:8px;display:block;width:40px;height:40px;aspect-ratio:1/1;border:none;background-color:rgb(72.4604952381,115.1427047619,85.3644190476);cursor:pointer;transition:all .4s ease-in-out}.linktop a{display:block;width:100%;height:100%;background-image:url("images/menu/pfeil-offen-hoch.png");background-repeat:no-repeat;background-position:center center;background-size:100%;box-shadow:0 0 2px 0 rgb(41.61,66.12,49.02);transition:all .4s ease-in-out}@media(min-height: 520px){.linktop{display:block}}@media all and (min-width: 500px){.sect-main-contain .ul-screenshot li{flex-basis:calc(50% - 24px)}}@media all and (min-width: 768px){.signatur{padding:50px 0}.referenzen ul li{flex-basis:calc(33% - 12px);max-width:33%;padding:35px;font-size:1.2em}.bodenmenu ul li a{background-color:rgb(52.706,83.752,62.092);background-position:15px center}.bodenmenu ul li a span{display:block}}@media all and (min-width: 1280px)and (hover: hover)and (pointer: fine){.menu{z-index:99;position:fixed;top:12px;right:24px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px}.menu .haus{position:initial}.menuframe{position:initial;height:initial;width:initial;max-width:none;transform:translateX(0)}.menu-top{background-color:rgba(0,0,0,0)}.menu-top ul{flex-direction:row;flex-wrap:nowrap;gap:12px;margin:0;padding:0}.menu-top ul li{box-sizing:border-box;margin:0;background-color:rgb(72.4604952381,115.1427047619,85.3644190476);background-color:rgba(72.4604952381,115.1427047619,85.3644190476,.97)}.menu-top ul li a{height:40px;align-content:center;margin:0;padding:0 6px}.menu-top ul li a::after{display:none}.menulabel{display:none}}.anim-h1,.anim-h1-top,.anim-h1-bot{display:block;animation-duration:8s;animation-iteration-count:2;animation-timing-function:linear;animation-fill-mode:forwards}.anim-h1{animation-name:anim-h1;margin:.2em 0 .24em;font-size:1.8em}.anim-h1-top{padding:0 0 .4em;animation-name:anim-h1-top}.anim-h1-bot{animation-name:anim-h1-bot}@keyframes anim-h1{0%{font-variation-settings:"wght" 700;transform:scale(1)}35%{font-variation-settings:"wght" 100;transform:scale(1.4)}50%{font-variation-settings:"wght" 400;transform:scale(1)}65%{font-variation-settings:"wght" 900;transform:scale(1.4)}100%{font-variation-settings:"wght" 700;transform:scale(1)}}@keyframes anim-h1-top{0%{font-variation-settings:"wght" 500;transform:translateY(0) translateX(0)}24%{transform:translateY(-1.4em)}48%{font-variation-settings:"wght" 100;transform:translateY(-0.2em) translateX(1em)}72%{transform:translateY(-1.4em) translateX(-1em)}100%{font-variation-settings:"wght" 500;transform:translateY(0) translateX(0)}}@keyframes anim-h1-bot{0%{transform:translateY(0)}35%{transform:translateY(1.2em)}50%{transform:translateY(1.6em)}65%{transform:translateY(1.2em)}100%{transform:translateY(0)}}.hide{animation-name:hide-link;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes hide-link{0%{opacity:0}75%{opacity:0}100%{opacity:1}}.scroll{transition:opacity 1s .1s ease-in-out,transform 1.2s .1s ease-in-out;will-change:opacity,transform;contain:layout style paint}.scrollInitial{opacity:0;transform:translateY(0) scaleX(1) scaleY(0.5);transform-origin:left center}.scrollBlenden{opacity:1;transform:translateY(0) scaleX(1) scaleY(1)}@font-face{font-display:swap;font-family:"Manrope";src:url("fonts/Manrope[wght].woff2") format("woff2 supports variations"),url("fonts/Manrope[wght].woff2") format("woff2-variations");font-weight:200 800}/*! * Manrope Variable Font * Designed by Mikhail Sharanda (2018-2021). * Copyright 2018-2021 The Manrope Project Authors. * Licensed under the SIL Open Font License, Version 1.1. See OFL.txt in the font directory * License URL: https://openfontlicense.org/open-font-license-official-text/ * Project Source: https://fonts.google.com/specimen/Manrope */