﻿/*!
Copyright by TwooDoo, Wegberg / Rath-Anhoven - 2026
Dieses Style-Sheet wurde von TwooDoo exklusiv entwickelt und von Hand geschrieben. 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:"Outfit-Variable",sans-serif;font-size:1rem;font-size:clamp(1rem,5vw - 2rem,1.15rem);line-height:1.4;font-weight:400;font-variation-settings:"wght" 400;margin:0;padding:0;color:#2f4f4f;background-color:#fbfdf7}.h1{padding:24px 12px;margin:0;font-size:2.75em;line-height:1.2;font-weight:900;font-variation-settings:"wght" 900;text-align:center}.h2{padding:24px 0;margin:0 12px;font-size:1.5em;line-height:1.2;font-weight:700;font-variation-settings:"wght" 700}.h3{padding:0;margin:12px 0 24px;font-size:1.3em;line-height:1.2;font-weight:200;font-variation-settings:"wght" 200}.h4{padding:0;margin:12px 0;font-size:1.25em;line-height:1.2;font-weight:200;font-variation-settings:"wght" 200}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}hr{margin:36px 0 48px}strong,b{font-weight:bold}blockquote,q{font-style:italic}.nowrap{white-space:nowrap}.left{text-align:left}.hd-top{height:40px;background-color:#014d4b;padding:2px;margin:0}.header-logo{position:fixed;top:2px;left:2px;height:80px;aspect-ratio:1/1;background-color:#fbfdf7}.header-logo img{display:block;height:100%}.header-logo figcaption{margin:12px 0}.sect-main{min-height:24vh;margin:auto;padding:48px 0 120px}.sect-main .contain{max-width:1440px;margin:auto}.sect-intro{padding:0;color:#fbfdf7;background-color:#014d4b}.sect-intro .contain .art-main{max-width:48ch;margin:auto;text-align:center}.sect-impressum{padding:0}.sect-merkmale .contain .h2{font-size:2em;text-align:center}.sect-merkmale .contain .merkmal-flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;box-sizing:border-box;margin:48px 24px}.sect-merkmale .contain .merkmal-flex .merkmal-item{box-sizing:border-box;aspect-ratio:1/1;min-width:270px;display:flex;flex-direction:column;flex-grow:0;flex-shrink:1;justify-content:center;padding:24px;border-radius:8px;box-shadow:0 4px 8px rgba(.8,61.6,60,.7)}.sect-merkmale .contain .merkmal-flex .merkmal-item .h3{margin:24px 0;text-align:center;font-size:1.2em;font-size:clamp(1.4em,2.7vw,3.6em);font-weight:200;font-variation-settings:"wght" 200}.sect-merkmale .contain .merkmal-flex .merkmal-item p{max-width:36ch;margin:0 auto;text-align:center}.sect-merkmale .contain .merkmal-flex .merkmal-item .merkmal-fig{width:100%}.sect-merkmale .contain .merkmal-flex .merkmal-item .merkmal-fig img{aspect-ratio:3/2;width:100%}.sect-merkmale .contain .merkmal-flex .merkmal-item .link-btn{text-align:right}.sect-merkmale .contain .merkmal-flex .merkmal-item .link-btn a{margin:12px 0 0}.sect-merkmale .contain .merkmal-flex .merkmal-response{justify-content:flex-start;text-align:center}.sect-merkmale .contain .merkmal-flex .merkmal-response .fig-response img{aspect-ratio:3/2;width:100%;height:100%;object-fit:contain}.sect-infotext{color:#fbfdf7;background-color:#014d4b;text-align:center}.sect-infotext .h2{padding:0 12px;font-size:1.75em}.sect-infotext .contain{max-width:60ch}.sect-infotext ul{padding:25px 0;font-size:1.3em;line-height:1.2;list-style-type:none}.sect-infotext ul li::before{content:"•";vertical-align:text-bottom;margin-right:.1em}.sect-infotext ul li{padding:0 0 15px}.sect-dunkel{color:#014d4b;background-color:#fbfdf7}.fig-intro{overflow:hidden;aspect-ratio:7/6;max-height:50vh;width:100%}.fig-intro img{display:block;object-fit:cover;object-position:center center;width:100%;height:100%}.fig-intro .fig-intro-rechts{object-position:right center}.art-main{padding:24px}.art-main .art-main-contain{max-width:60ch;margin:auto}.art-main .art-main-contain .h2{margin:24px 0;font-size:1.75em}.impr-logo{max-width:360px;margin:36px auto}.impr-logo a{display:block}.impr-logo a img{display:block;width:100%}.footer{color:#fbfdf7;background-color:#014d4b;padding:40px 0 60px}.footer .footer-nav ul,.footer .contact-info,.footer .legal-links{min-width:200px;margin:0 6px 24px 0}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .footer-contain{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:90%;max-width:1440px;margin:auto}.footer .footer-contain .footer-nav ul{list-style-type:none;padding:0}.footer .footer-contain .footer-nav ul li a{display:block;margin:0 0 10px}.footer .copy{padding:24px 48px 12px;font-size:.8em;text-align:center}.link-btn{text-align:center}.link-btn a{box-sizing:border-box;display:inline-block;padding:8px 20px;margin:36px 12px;text-decoration:none;font-size:.9rem;color:#014d4b;background-color:#f7fbef;border-radius:96px;border:solid 1px #014d4b;box-shadow:0 0 6px -3px #014d4b;transition:all .3s ease-in-out}.link-btn a:hover{background-color:#e3f1c7;text-decoration:none}.sanft{scroll-behavior:smooth;overflow-y:scroll}.linktop{position:fixed;bottom:60px;right:6px;display:block;width:36px;height:36px;aspect-ratio:1/1;border:none;background-color:rgb(.75,57.75,56.25);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%;box-shadow:0 0 2px 0 #fbfdf7;transition:all .4s ease-in-out}.cta{text-align:center}.menuinput{display:none;position:absolute}.menulabel{display:block;z-index:99;position:fixed;top:5px;right:55px;height:36px;width:36px;margin-left:0;cursor:pointer;background-color:rgb(.75,57.75,56.25);background-color:rgba(.75,57.75,56.25,.9);box-shadow:0 0 2px 0 #fbfdf7;transition:all .4s ease-in-out}.menulabel .menuburger{position:relative;top:17px;margin:auto;display:block;width:20px;height:2px;background-color:#fbfdf7;transition:all .4s ease-in-out}.menulabel .menuburger::before{content:"";position:absolute;top:-6px;margin:auto;display:block;width:20px;height:2px;background-color:#fbfdf7;transition:all .4s ease-in-out}.menulabel .menuburger::after{content:"";position:absolute;top:6px;margin:auto;display:block;width:20px;height:2px;background-color:#fbfdf7;transition:all .4s ease-in-out}.haus{display:block;position:absolute;top:0px;left:47px;height:36px;width:36px;background-color:rgb(.75,57.75,56.25);background-color:rgba(.75,57.75,56.25,.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 #fbfdf7;transition:all .4s ease-in-out}.menuframe{z-index:99;position:fixed;overflow:auto;top:50px;right:0;width:calc(100vw - 10px);max-width:500px;transform:translateX(510px);transition:all .4s .4s ease-in-out}.menu-top{overflow:hidden;width:100%;font-size:.8em;font-weight:300;font-variation-settings:"wght" 300;color:rgb(251.8,253.4,248.6);transition:all .4s ease-in-out;background-color:#014d4b;background-color:rgba(1,77,75,.7)}.menu-top ul{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;justify-content:flex-start;width:100%;height:100%;margin:0 auto;padding:24px 0;list-style-type:none;backdrop-filter:blur(5px)}.menu-top ul li{flex-grow:0;flex-shrink:0;padding:0;margin:8px 15px;position:relative;transform:translateX(510px)}.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;text-transform:uppercase}.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(251.8,253.4,248.6);transition:all .3s ease-in-out}.menu-top ul li a:hover{text-decoration:none}.menu-top ul li:nth-of-type(1){transition:all .4s 0s ease-in-out}.menu-top ul li:nth-of-type(2){transition:all .6s 0s ease-in-out}.menu-top ul li:nth-of-type(3){transition:all .8s 0s ease-in-out}.menu-top ul li:nth-of-type(4){transition:all 1s 0s ease-in-out}.menu-top ul li:nth-of-type(5){transition:all 1.2s 0s ease-in-out}.menu-top ul li:nth-of-type(6){transition:all 1.4s 0s ease-in-out}.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}.aktuell a,.aktuell:hover a{color:#e7f3cf;font-weight:600;font-variation-settings:"wght" 600}.aktuell a::after,.aktuell:hover a::after{width:100%}.menuinput:checked~.menuframe{transform:translateX(0px);transition:all .4s 0s ease-in-out}.menuinput:checked~.menuframe .menu-top ul li{transform:translateX(0)}.menuinput:checked~.menuframe .menu-top ul li:nth-of-type(1){transition:all .4s .2s ease-in-out}.menuinput:checked~.menuframe .menu-top ul li:nth-of-type(2){transition:all .6s .2s ease-in-out}.menuinput:checked~.menuframe .menu-top ul li:nth-of-type(3){transition:all .8s .2s ease-in-out}.menuinput:checked~.menuframe .menu-top ul li:nth-of-type(4){transition:all 1s .2s ease-in-out}.menuinput:checked~.menuframe .menu-top ul li:nth-of-type(5){transition:all 1.2s .2s ease-in-out}.menuinput:checked~.menuframe .menu-top ul li:nth-of-type(6){transition:all 1.4s .2s ease-in-out}.bodenmenu{z-index:99;position:fixed;left:0;bottom:0;width:100%;padding:0;margin:0;color:#fbfdf7;background-color:#014d4b;font-size:1.1rem;border-top:solid 1px #fbfdf7}.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:#014d4b;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:#fbfdf7;background-color:rgb(.9,69.3,67.5);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/kontakt-symbol.png")}.bodenmenu ul .tel{background-image:url("images/menu/tel-symbol.png")}@media all and (min-width: 624px){.sect-merkmale .contain .merkmal-flex .merkmal-item{flex-basis:calc(50% - 20px)}}@media all and (min-width: 1024px){.bodenmenu ul li a span{display:block}.bodenmenu ul li .kontakt{background-position:15px center}.bodenmenu ul li .tel{background-position:calc(100% - 15px)}}@media screen and (orientation: landscape)and (min-aspect-ratio: 180/113){.body-flex{display:flex;flex-direction:row-reverse;flex-wrap:nowrap}.body-flex .main{flex-grow:1}.body-flex .main .header-logo{z-index:99}.body-flex .footer{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;flex-grow:0;position:sticky;top:0;flex-basis:30%;flex-grow:0;position:sticky;top:0;max-height:100vh;max-width:400px;padding:90px 0 60px;border-right:solid 1px #fbfdf7}.body-flex .footer .footer-contain{margin:0 auto}.body-flex .legal-links{margin:0}.body-flex .contact-info{display:none}.body-flex .copy{padding:6px 12px}}@media screen and (orientation: landscape)and (min-aspect-ratio: 180/113)and (max-height: 600px){.body-flex .footer{position:initial;max-height:initial}}.scrollInitial{opacity:0;transition:opacity 1.4s 0s ease-in-out}.scrollBlenden{opacity:1}.gitterItemFig{overflow:hidden}@keyframes hide-link{0%{opacity:0}75%{opacity:0}100%{opacity:1}}.hide{animation-name:hide-link;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}/*!
 * Outfit Font
 * Designed by Rodrigo Fuenzalida (2024).
 * Copyright 2024 On Brand Investments Pty Ltd.
 * Licensed under the SIL Open Font License, Version 1.1. See OFL.txt in the font directory.
 * License URL: https://scripts.sil.org/OFL
 * Project Source: https://github.com/Outfitio/Outfit-Fonts
 */@font-face{font-family:"Outfit-Variable";src:url("fonts/outfit/Outfit-Variable.woff2") format("woff2"),url("fonts/outfit/Outfit-Variable.woff") format("woff");font-weight:100 900;font-display:swap;font-style:normal}