/*!
Copyright by TwooDoo, Wegberg / Rath-Anhoven - 2026
Dieses Style-Sheet ist individuell entwickelt und handgeschrieben von TwooDoo Webdesign.
Es unterliegt dem Schutz des deutschen Urheberrechts. Jegliche Weiterverwendung, auch in Teilen, ohne unsere schriftliche Zustimmung ist untersagt.
*/:focus{outline:none;background-color:#626262}a:link{color:inherit;font-weight:inherit;font-variation-settings:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a:link:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a:visited{color:inherit;font-weight:inherit;font-variation-settings:inherit}body{font-family:"Manrope",sans-serif;font-size:1rem;font-size:clamp(1rem,5vw - 2rem,1.15rem);line-height:1.4em;font-weight:200;font-variation-settings:"wght" 200;margin:0;padding:0;color:#fffaf0;background-color:#523349}.h1{margin:0 auto;padding:50px 0;font-size:3em;font-stretch:condensed;line-height:1.2em;font-weight:inherit;font-variation-settings:inherit;overflow-wrap:break-word}.h2{margin:0;padding:0 0 1em;font-size:3rem;line-height:1.2em;font-weight:inherit;font-variation-settings:inherit;overflow-wrap:break-word}.h3{margin:0;padding:0 0 25px;font-size:2.5rem;line-height:1.2em;font-weight:inherit;font-variation-settings:inherit;overflow-wrap:break-word}.h4{margin:0;padding:0 0 25px;font-size:2rem;line-height:1.2em;font-weight:inherit;font-variation-settings:inherit}section,article,nav,div,figure{padding:0;margin:0}p{margin:0;padding:0 0 15px}li{padding-bottom:10px}ul,ol{margin:0;padding:0 0 10px 20px}img{border:none}strong,b{font-weight:bold}blockquote,q{font-style:italic}.hd-top a{display:block;width:120px;margin:10px auto}.hd-top a img{display:block;width:auto;height:76px;background-color:#fffaf0}.main{display:block}.main::after{content:"";display:block;height:0;margin:0 0 125px}.art-main{margin:auto;padding:0 0 2em;color:#fffaf0;background-color:#613d57}.art-main:nth-of-type(even){color:#613d57;background-color:#fffaf0}.art-main-contain{max-width:750px;min-height:100vh;margin:0 auto;text-align:center}.art-main-contain p{font-size:1.2em;padding:0 0 1.2em}.art-main-contain ul{padding:25px 0;font-size:1.3em;line-height:1.2em;list-style-type:none}.art-main-contain ul li::before{content:"●";font-size:.7em;vertical-align:top}.art-main-contain ul li{padding:0 0 15px}.art-main-snap{overflow:scroll;height:100vh;scroll-snap-type:y mandatory}.art-main-snap .page-item{height:100vh;scroll-snap-align:start}.page-item{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh;padding:0;margin:0}.page-item-wrap{width:100%;overflow-wrap:break-word}.page-item-wrap span{overflow-wrap:inherit}.fig-flex{padding:50px 0;background-color:#fffaf0}.fig-flex .fig-contain{display:flex;flex-direction:row;flex-wrap:wrap;max-width:1500px;margin:100px auto}.fig-flex .fig-contain figure{overflow:hidden;flex-grow:1;flex-shrink:1;position:relative}.fig-flex .fig-contain figure img{display:block;width:100%;height:auto}.fig-flex .fig-contain figure figcaption,.fig-flex .fig-contain figure a{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);transition:all .5s ease 0s}.fig-flex .fig-contain figure figcaption span,.fig-flex .fig-contain figure a span{display:block;font-size:2em;line-height:1.2em;font-weight:bold;text-align:center;color:#613d57;text-shadow:0 0 5px #fffaf0;transform:scale(0);transition:all .5s ease 0s}.fig-flex .fig-contain figure figcaption span{cursor:default}.fig-flex .fig-contain figure figcaption:hover,.fig-flex .fig-contain figure a:hover{background-color:rgba(255,250,240,.7)}.fig-flex .fig-contain figure figcaption:hover span,.fig-flex .fig-contain figure a:hover span{transform:scale(1.2)}.ft-signatur{position:relative;width:100%;margin:0 auto;padding:50px 0;color:#fffaf0;background-color:#523349;text-align:center}.ft-signatur .ft-impressum{padding:20px 0;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:15px auto}.ft-signatur .ft-copyright{padding:10px 0;font-size:.75em;text-align:center}.ft-signatur a{color:inherit}.sanft{scroll-behavior:smooth;overflow-y:scroll}.sanft-link-top{z-index:9;position:sticky;top:calc(100vh - 90px);height:0;width:calc(100% - 5px);margin:0 auto;text-align:right}.sanft-link-top a{display:block;width:40px;height:40px;margin:0 5px 0 auto;background-color:#523349;background-color:rgba(82,51,73,.9);background-image:url("images/menu/pfeil-hoch.png");background-repeat:no-repeat;background-position:center center;background-size:50% 50%;box-shadow:0 0 2px 0 #a9759a;border-radius:50%}.referenzen ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:1800px;margin:50px auto;padding:0;list-style-type:none}.referenzen ul li{flex-grow:1;flex-shrink:1;margin:10px;padding:0;text-align:center;color:#fffaf0;background-color:#915a81}.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:125px;width:100%;margin:0 auto;padding:0;-o-object-fit:contain;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;transition:all .2s ease-in-out}.referenzen ul li a:active,.referenzen ul li a:focus{background-color:#815073}.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 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 img{background-color:#fffaf0;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}.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}.menu{text-transform:uppercase;position:fixed;bottom:40px;left:0;width:100%}.menuinput{display:none;position:absolute}.menulabel{display:block;height:50px;width:50px;margin:0 auto;cursor:pointer;background-color:#613d57;background-color:rgba(97,61,87,.9);box-shadow:0 0 2px 0 #a9759a;background-color:violet;border-radius:50%;background:radial-gradient(#714665, #23151f);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;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}.haus{display:block;position:absolute;top:0px;left:47px;height:40px;width:40px;background-color:#613d57;background-color:rgba(97,61,87,.9);background-image:url("images/menu/home-symbol.png");background-repeat:no-repeat;background-size:80%;background-position:center 3px;box-shadow:0 0 2px 0 #a9759a;transition:all .4s ease-in-out}.menuschalter{z-index:9;position:fixed;left:0;display:block;height:100vh;width:100vw;background-color:#613d57;background-color:rgba(97,61,87,.8);transition:all .4s ease-in-out;background-color:aqua}.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:#613d57;background-color:rgba(97,61,87,.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;border-radius:50%;background-color:#32cd32;background-color:violet;border-radius:50%;background:radial-gradient(#714665, #23151f);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:#815073;border-radius:50%}.menu-top ul li:nth-child(1) a{background-image:url("images/menu/seo-symbol.png")}.menu-top ul li:nth-child(2) a{background-image:url("images/menu/redesign-symbol.png")}.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/referenzen-symbol.png")}.menu-top ul li:nth-child(5) a{background-image:url("images/menu/kontakt-symbol.png")}.menuinput:checked~.menulabel{transform:translateY(-35px) scale(1.2);box-shadow:0 0 20px 5px #a9759a}.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 #a9759a}.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:#42293b;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:#523349;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:#42293b;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: 768px){.art-main{padding:100px 0}.art-main:first-of-type{padding:0}.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)}}@font-face{font-display:fallback;font-family:"Montserrat";src:url("fonts/Montserrat-VF.woff2") format("woff2 supports variations"),url("fonts/Montserrat-VF.woff2") format("woff2-variations");font-weight:100 1000}@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}