/*! Copyright by TwooDoo, Wegberg / Rath-Anhoven - 2026 Dieses Style-Sheet wurde exklusiv von TwooDoo entwickelt und handgeschrieben. Es unterliegt dem Schutz des deutschen Urheberrechts. Jegliche Weiterverwendung, auch in Teilen, ohne unsere schriftliche Zustimmung ist untersagt. */html{font-size:100%}:focus{outline:none;background-color:#555}a:link{color:inherit;font-weight:inherit;font-variation-settings:inherit;text-decoration:underline dotted}a:link:hover{text-decoration:underline dotted;color:inherit;background-color:inherit}a:focus{text-decoration:underline dotted;color:inherit;background-color:inherit}a:visited{color:inherit;font-weight:inherit;font-variation-settings:inherit;background-color:inherit}body{font-family:"Manrope",sans-serif;font-size:1rem;font-size:clamp(1rem,5vw - 2rem,1.15rem);line-height:1.5;font-weight:400;font-variation-settings:"wght" 400;margin:0;padding:0;color:#fffaf0;background-color:hsl(70,58.5%,77.44%)}.h1,.h2,.h3,.h4{line-height:1.25;letter-spacing:.024em}.h1{margin:auto;padding:0;text-align:center;font-weight:300;font-variation-settings:"wght" 300;font-size:clamp(2rem,1.359rem + 3.4188vw,3rem);font-stretch:condensed;overflow-wrap:break-word}.h1+.h2{padding:1em 24px;font-size:clamp(1.8rem,1.359rem + 3.4188vw,2.4rem)}.h2{margin:0;padding:0 24px 1em;text-align:center;font-weight:300;font-variation-settings:"wght" 300;font-size:clamp(2rem,1.359rem + 3.4188vw,3rem);overflow-wrap:break-word}.h3{margin:0;padding:0 0 24px;text-align:center;font-variation-settings:inherit;font-size:2.5rem;overflow-wrap:break-word}.h3-klein{font-size:clamp(1rem,-0.1029rem + 2.9412vw,2.25rem);margin:0;padding:0;text-align:center;font-variation-settings:inherit}.h4{margin:0;padding:0 0 12px;font-variation-settings:inherit;font-size:2rem}p{margin:0;padding:0 0 12px}li{padding-bottom:12px}ul,ol{margin:0;padding:0 0 12px 24px}img{border:none}strong,b{font-weight:500;font-variation-settings:"wght" 500}blockquote,q{font-style:italic}input,textarea,select{display:block;width:100%;font-size:16px}input,textarea{-webkit-appearance:none;appearance:none}input{box-sizing:border-box}.hdTop a{display:block;width:120px;margin:10px auto}.hdTop a img{display:block;width:auto;height:76px;background-color:hsl(70,65%,72.2%)}.anfrage{z-index:9;display:block;position:fixed;top:12px;right:12px;width:50%;max-width:200px;padding:6px;text-align:center;font-weight:500;font-variation-settings:"wght" 500;background-color:hsl(70,48.75%,38%);border:2px solid #979797;border-radius:5px}.main{display:block}.art-main{margin:auto;padding:0;color:#fffaf0;background-color:hsl(70,42.25%,60.8%)}.gitter-box{display:flex;flex-direction:row;flex-wrap:wrap}.gitter-box .gitter-container{display:flex;flex-direction:column;max-width:1600px;margin:auto}.gitter-box .gitter-container .flex-item{aspect-ratio:3/2;align-content:center;flex-basis:50%;margin:0;padding:0;background-color:hsl(70,38.025%,54.72%)}.gitter-box .gitter-container .flex-item .h3{padding:0 12px 24px}.gitter-box .gitter-container .h1,.gitter-box .gitter-container .h2{box-sizing:border-box;padding:12px}.gitter-box .gitter-container .invers{color:hsl(70,65%,24.32%);background-color:rgb(255,250.25,240.75)}.gitter-box .gitter-container figure{overflow:hidden;aspect-ratio:1/1;height:100%}.gitter-box .gitter-container figure img{display:block;width:100%;height:100%;max-width:1000px;aspect-ratio:1/1;margin:0 auto;padding:0;object-fit:cover;object-position:center center}.gitter-box .gitter-container figure .responsive-item{box-sizing:border-box;padding:12px}.gitter-box .gitter-container figure .contain{object-fit:contain}.gitter-box .gitter-container figure .pos-right{object-position:right}.gitter-box .gitter-container p{max-width:60ch;margin:0 auto;padding:0 24px 24px}.gitter-box .gitter-container ul{max-width:40ch;margin:0 auto;padding:0 24px 24px}.gitter-box .gitter-container .ul-links{list-style-type:none;aspect-ratio:1/1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:72%;max-width:initial;padding:24px;margin:auto}.gitter-box .gitter-container .ul-links li{flex-basis:calc(50% - 12px);aspect-ratio:1/1;padding:0;color:hsl(70,65%,24.32%);background-color:rgb(255,250.25,240.75);box-shadow:0 0 12px -3px hsl(70,65%,15.2%)}.gitter-box .gitter-container .ul-links li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;text-align:center}.gitter-box div{width:100%}.haupttext{width:100%;max-width:1600px;margin:auto;margin:0 auto;padding:0;color:hsl(70,65%,24.32%);background-color:hsl(70,65%,93.28%)}.haupttext .div-haupttext{width:auto;max-width:72ch;margin:auto;padding:48px 12px}.haupttext .div-haupttext .h3{padding:48px 24px 12px;font-size:1.6em}.haupttext .div-haupttext .h4{font-size:1.2em;padding:12px 24px}.haupttext .div-haupttext p{text-align:justify}.haupttext .div-haupttext .zentriert{text-align:center}.formular{max-width:1600px;margin:auto;padding:0 0 60px;color:hsl(70,65%,24.32%);background-color:hsl(70,65%,93.28%)}.formular .div-haupttext{padding:12px}.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:auto;box-shadow:0 0 12px -3px hsl(70,65%,15.2%)}.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 hsla(70,65%,15.2%,.8)}.formular .form-kontakt .form-gruppe :focus{background-color:#fffaf0}.formular .form-kontakt .form-gruppe textarea{box-sizing:border-box;width:100%;min-height:120px;padding:12px;border-radius:5px;border:solid 1px hsla(70,65%,15.2%,.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;background-color:hsl(70,65%,72.2%);border-radius:5px;border:solid 1px hsla(70,65%,15.2%,.8);cursor:pointer}.ft-signatur{position:relative;width:100%;margin:0 auto;padding:60px 0 120px;color:#fffaf0;background-color:hsl(70,48.75%,57%);background:linear-gradient(180deg, rgb(180.98625, 198.804375, 91.895625) 0%, rgb(189.5925, 205.33875, 110.86125) 33%, rgb(158.80125, 178.276875, 61.423125) 80%);text-align:center;box-shadow:0 0 12px -3px hsl(70,65%,19%)}.ft-signatur .ft-impressum{padding:24px 0;text-align:center}.ft-signatur .ft-impressum a{margin:0 12px;text-decoration:none;text-transform:uppercase}.ft-signatur .ft-address{font-style:normal;margin:12px auto}.ft-signatur .ft-copyright{padding:12px 0;font-size:.75em;text-align:center}.ft-signatur a{color:inherit}.button-cta{max-width:648px;margin:24px auto;padding:12px;background-color:rgb(255,210.4,121.2)}.sanft{scroll-behavior:smooth;overflow-y:scroll}.linktop{position:fixed;bottom:24px;right:5px;display:block;width:50px;height:50px;aspect-ratio:1/1;border:none;background-color:hsl(70,65%,57%);background:radial-gradient(hsl(70, 65%, 54.15%), hsl(70, 65%, 28.5%));border-radius:50%;cursor:pointer;transition:all .4s ease-in-out}.linktop a{display:block;width:100%;height:100%;background-image:url("images/menu/pfeil-hoch.png");background-repeat:no-repeat;background-position:center center;background-size:100%}.linkkontakt{position:fixed;bottom:24px;left:5px;display:block;width:50px;height:50px;aspect-ratio:1/1;border:none;background-color:hsl(70,65%,57%);background:radial-gradient(hsl(70, 65%, 54.15%), hsl(70, 65%, 28.5%));border-radius:50%;cursor:pointer;transition:all .4s ease-in-out}.linkkontakt a{display:block;width:100%;height:100%;background-image:url("images/menu/kontakt-symbol.png");background-repeat:no-repeat;background-position:center center;background-size:100%}.referenzen ul{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;padding:24px;margin:48px auto;list-style-type:none}.referenzen ul li{flex-grow:1;flex-shrink:1;margin:0;padding:0;text-align:center;color:#555;background-color:hsl(70,55.25%,76%);border-radius:8px;box-shadow:1px 2px 4px hsl(70,65%,76%)}.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%;color:#555}.referenzen ul li>figure a img{display:block;max-height:125px;width:100%;margin:0 auto;padding:0;object-fit:contain;filter:grayscale(0);transform:scale(1);transition:all .4s ease-in-out}.referenzen ul li a{display:block;padding:10px;font-size:1em;font-weight:bold;text-decoration:none;color:#555;transition:all .2s ease-in-out}.referenzen ul li a:active,.referenzen ul li a:focus{background-color:hsl(70,55.25%,76%)}.referenzen ul li a:hover{color:#555;text-decoration:none}.referenzen ul li>a::after{content:" ";display:block;width:0;height:7px;margin:0 auto;border-bottom:dotted 5px #555;transition:all .4s ease-in-out}.referenzen ul li span{display:block;font-size:.9em;font-weight:normal}.referenzen ul li:hover>figure a img{filter:grayscale(0);transform:scale(1)}.referenzen ul li:hover>a::after{width:50%}.impr-logo{text-align:center}.impr-logo img{width:calc(100% - 20px);height:auto;max-width:450px;padding:10px}.sanft{scroll-behavior:smooth;overflow-y:scroll}.chev{font-style:normal}.chev::before{content:"»"}.chev::after{content:"«"}.nowrap{white-space:nowrap}.fett{font-weight:bold}.kursiv{font-style:italic}.smaller{font-size:smaller}.zentriert{text-align:center}.rechts{text-align:right}.unter{text-decoration:underline}.mail:link{color:inherit;background-color:inherit}.fettest{font-weight:800;font-variation-settings:"wght" 800}.font90{font-size:calc(clamp(1rem,5vw - 2rem,1.15rem)*.9)}.menu{text-transform:uppercase;position:fixed;bottom:24px;left:0;width:100%}.menuinput{display:none;position:absolute}.menulabel{display:block;height:50px;width:50px;margin:0 auto;cursor:pointer;background-color:hsl(70,65%,57%);background-color:hsla(70,65%,57%,.9);box-shadow:0 0 2px 0 #fffaf0;border-radius:50%;background:radial-gradient(hsl(70, 65%, 54.15%), hsl(70, 65%, 28.5%));transform:translateY(0);transition:all .4s ease-in-out}.menulabel .menuburger{position:relative;top:23px;left:0;margin:auto;display:block;width:20px;height:2px;background-color:#fffaf0;transition:all .4s ease-in-out}.menulabel .menuburger::before{content:"";position:absolute;top:-6px;margin:auto;display:block;width:20px;height:2px;background-color:#fffaf0;transition:all .4s ease-in-out}.menulabel .menuburger::after{content:"";position:absolute;top:6px;margin:auto;display:block;width:20px;height:2px;background-color:#fffaf0;transition:all .4s ease-in-out}.menuschalter{z-index:9;position:fixed;left:0;display:block;height:100vh;width:100vw;background-color:hsl(70,65%,76%);background-color:hsla(70,65%,76%,.8);transition:all .4s ease-in-out}.menuframe{width:0;margin:0 auto;transition:all .4s ease-in-out}.menu-top{width:100%;font-size:.8em;font-weight:500;color:#fff;transition:all .4s ease-in-out;background-color:hsl(70,65%,76%);background-color:hsla(70,65%,76%,.97)}.menu-top ul{position:relative;top:0;left:0;margin:0 auto;padding:0;list-style-type:none}.menu-top ul li{position:absolute;top:-25px;left:0;width:50px;height:50px;aspect-ratio:1/1;padding:0;margin:0;text-align:center;background-color:hsl(70,65%,57%);background:radial-gradient(hsl(70, 65%, 62%), hsl(70, 65%, 37%));border-radius:50%;transform:translate(-25px, 25px) scale(1);transition:.4s 0s all ease-in-out}.menu-top ul li a{display:block;width:100%;height:100%;padding:0;margin:0;color:inherit;background-repeat:no-repeat;background-size:80%;background-position:center center}.menu-top ul li a:active,.menu-top ul li a:focus{background-color:hsl(70,55.25%,71%);border-radius:50%}.menu-top ul li:nth-child(1) a{background-image:url("images/menu/home-symbol.png")}.menu-top ul li:nth-child(2) a{background-image:url("images/menu/redesign-symbol.png");background-size:70%}.menu-top ul li:nth-child(3) a{background-image:url("images/menu/webdesign-symbol.png")}.menu-top ul li:nth-child(4) a{background-image:url("images/menu/responsiv-symbol.png")}.menu-top ul li:nth-child(5) a{background-image:url("images/menu/referenzen-symbol.png")}.menu-top ul .aktuell{background-color:hsl(70,65%,67%);background:radial-gradient(hsl(70, 65%, 57%), hsl(70, 65%, 22%))}.menuinput:checked~.menulabel{transform:translateY(-35px) scale(1.2);box-shadow:0 0 20px 5px #fffaf0}.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~.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 .menu-top ul li{box-shadow:0 0 10px 5px #fffaf0}.menuinput:checked~.menuframe .menu-top ul li:nth-child(1){transform:translate(-115px, 0px) scale(1.2)}.menuinput:checked~.menuframe .menu-top ul li:nth-child(2){transform:translate(-90px, -65px) scale(1.2)}.menuinput:checked~.menuframe .menu-top ul li:nth-child(3){transform:translate(-25px, -95px) scale(1.2)}.menuinput:checked~.menuframe .menu-top ul li:nth-child(4){transform:translate(40px, -65px) scale(1.2)}.menuinput:checked~.menuframe .menu-top ul li:nth-child(5){transform:translate(65px, 0px) scale(1.2)}.bodenmenu{display:none;z-index:99;position:fixed;left:0;bottom:0;width:100%;padding:0;margin:0;color:#fffaf0;background-color:hsl(70,65%,76%);font-size:1.1rem;border-top:solid 1px #fffaf0}.bodenmenu ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;max-width:900px;list-style-type:none;margin:0 auto;padding:0}.bodenmenu ul li{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around;height:40px;width:30%;margin:5px 0;background-color:hsl(70,65%,72.2%);padding:0}.bodenmenu ul li a{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;height:40px;text-decoration:inherit;color:#fffaf0;background-color:hsl(70,65%,76%);background-size:30px;background-repeat:no-repeat;background-position:center center;cursor:pointer}.bodenmenu ul li a span{display:none}.bodenmenu ul .kontakt{background-image:url("images/menu/brief-symbol.png")}.bodenmenu ul .tel{background-image:url("images/menu/tel-symbol.png")}@media all and (min-width: 744px){.anfrage{padding:12px}.h1{font-size:clamp(2rem,.5895rem + 3.0132vw,3rem)}.h2{font-size:clamp(2rem,.5895rem + 3.0132vw,3rem)}.gitter-box{flex-direction:row}.gitter-box .gitter-container{flex-direction:row;justify-content:center;flex-wrap:wrap}.gitter-box .gitter-container .flex-item{aspect-ratio:1/1}.gitter-box .gitter-container:nth-of-type(even){flex-direction:row-reverse}.signatur{padding:50px 0}.referenzen ul li{max-width:50%;padding:35px;font-size:1.2em}.referenzen ul li>figure a img{filter:grayscale(1);transform:scale(0.9)}}@media all and (min-width: 1440px){body{display:flex;flex-direction:row-reverse;align-items:flex-start}body .main{flex-grow:1;width:100%}body .main .formular{padding:0 0 120px}body .ft-signatur{box-sizing:border-box;flex-grow:0;position:sticky;top:0;max-width:300px;padding:60px 12px 120px;color:hsl(70,65%,30.4%);background:rgba(0,0,0,0);font-weight:500;font-variation-settings:"wght" 500;min-height:100vh}body .ft-signatur .ft-impressum{padding:24px 0 36px}body .ft-signatur .ft-copyright{padding:24px 0}}.fade-in{animation-name:page-fade-in;animation-delay:0s;animation-duration:1.8s;animation-timing-function:linear}@keyframes page-fade-in{0%{opacity:0}100%{opacity:1}}.aside-in{animation-name:page-aside-in;animation-delay:0s;animation-duration:1.8s;animation-timing-function:linear}@keyframes page-aside-in{0%{transform:translateX(500px)}100%{transform:translateX(0)}}figure.scroll{overflow:hidden;position:relative}figure.scrollInitial img,figure.scrollInitial picture{opacity:.2;transform:translateY(0) scale(1.8);transform-origin:center center;transition:all .61s 0s ease-in}figure.scrollBlenden img,figure.scrollBlenden picture{opacity:1}figure.scrollTransform img,figure.scrollTransform picture{transform:translateY(0) scale(1)}.gitterItemFig{overflow:hidden}/*! 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 */@font-face{font-display:swap;font-family:"Manrope";src:local("Manrope"),url("fonts/manrope/Manrope.woff2") format("woff2 supports variations"),url("fonts/manrope/Manrope.woff2") format("woff2-variations");font-weight:200 800}