:root{color-scheme:dark;--bg:#101311;--surface:#15251b;--text:#f2f3ed;--muted:#adb5ad;--green:#70c486;--line:#343d35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}img{display:block;max-width:100%;object-fit:cover}header{height:108px;padding:12px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{width:156px;height:auto}nav{display:flex;align-items:center;gap:40px;font-size:14px}nav a:hover,.text-link:hover{color:var(--green)}.nav-contact{border:1px solid #68756b;padding:10px 22px}.nav-contact span{margin-left:30px}.hero{position:relative;min-height:720px;height:calc(100svh - 108px);max-height:1000px;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-position:center 38%}.hero-shade{background:linear-gradient(90deg,rgba(8,15,10,.96),rgba(8,15,10,.75) 35%,rgba(8,15,10,.13) 85%),linear-gradient(0deg,#101311,transparent 30%)}.hero-content{position:relative;width:650px;margin:0 6%;padding-bottom:60px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--green);margin:0 0 28px}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.8vw,104px);letter-spacing:-.055em;font-weight:500;line-height:1.03;margin-bottom:30px}h1 em{font-style:normal;color:var(--green)}.intro{color:#d0d7cf;max-width:440px;font-size:17px;line-height:1.8}.button{display:inline-flex;align-items:center;gap:38px;background:var(--green);color:#101a13;padding:16px 22px;font-size:14px;font-weight:600;margin-top:18px}.button:hover{background:#9ed9ad}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#c0c9c1}.section{padding:110px 8%;max-width:1600px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 12%;margin-bottom:56px}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(36px,4vw,60px);line-height:1.12;letter-spacing:-.04em;font-weight:500}.section-heading>p:last-child{color:var(--muted);max-width:370px;align-self:end}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1fr 30px;gap:20px;padding:29px 0;border-bottom:1px solid var(--line)}.number{font-size:12px;color:var(--green);padding-top:8px}h3{font-size:24px;letter-spacing:-.02em;font-weight:400;margin-bottom:8px}.service-list p{color:var(--muted);font-size:14px;max-width:650px;margin-bottom:0}.arrow{font-size:25px;color:var(--green)}.service-note{margin-top:26px;color:var(--muted);font-size:13px}.service-note a{color:var(--text);border-bottom:1px solid #788c7d}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--surface)}.portrait{position:relative;max-height:650px;overflow:hidden}.portrait>img{width:100%;height:100%;object-position:50% 30%}.caption{position:absolute;bottom:0;left:0;right:0;padding:65px 28px 25px;background:linear-gradient(transparent,#080e0be8)}.caption strong,.caption span{display:block}.caption strong{font-size:20px;font-weight:400}.caption span{font-size:12px;color:#b4c0b6}.about-copy{padding:30px 0}.about-copy>p{color:var(--muted);font-size:15px}.about-copy .eyebrow{color:var(--green);font-size:11px}.about-copy .lead{font-size:19px;color:var(--text)}.principles{margin:30px 0}.principles>div{padding:13px 0;border-top:1px solid var(--line);font-size:14px}.principles span{color:var(--green);margin-right:25px;font-size:11px}.principles strong{font-weight:400}.text-link{font-size:14px;border-bottom:1px solid #6d8272;padding-bottom:6px}.statement{display:grid;grid-template-columns:40% 60%;height:540px;background:#0a0d0b}.statement>img{width:100%;height:540px;object-position:50% 30%}.statement>div{padding:110px 12%}.statement h2{font-size:clamp(32px,3.7vw,56px)}.contact{display:grid;grid-template-columns:2fr 1fr;gap:10%;padding-top:120px;padding-bottom:120px}.contact p{color:var(--muted)}.contact .eyebrow{color:var(--green)}.phone{font-size:clamp(22px,3vw,40px);letter-spacing:-.03em;display:block;margin-top:32px}.email{display:block;font-size:18px;color:var(--green);margin-top:10px}address{font-style:normal;border-left:1px solid var(--line);padding-left:40px;align-self:center;font-size:14px;color:var(--muted)}address span,address strong{display:block;margin-bottom:18px}address strong{color:var(--text);font-size:20px;font-weight:400}footer{border-top:1px solid var(--line);padding:32px 6%;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}footer img{width:110px;height:auto}.preview-label{max-width:260px;font-size:10px}.skip{position:absolute;left:20px;top:-100px;z-index:5;background:#fff;color:#000;padding:10px}.skip:focus{top:10px}@media(max-width:700px){header{height:88px;padding:10px 6%}.logo{width:118px}nav{gap:17px;font-size:12px}.nav-contact{padding:7px 10px}.nav-contact span{display:none}.hero{height:calc(88svh - 88px);min-height:600px}.hero-content{width:auto;padding-bottom:50px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#08100be8,#08100b70),linear-gradient(0deg,#101311,transparent)}h1{font-size:64px}.intro{max-width:330px;font-size:15px}.hero-bottom{font-size:8px;letter-spacing:.05em}.section{padding:70px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading>p:last-child{font-size:15px}.service-list article{grid-template-columns:28px 1fr 18px;gap:10px}h3{font-size:21px}.service-list p{font-size:13px}.service-note a{display:block;border:0}.about{grid-template-columns:1fr;gap:30px}.portrait{height:480px}.about-copy{padding:0}.statement{height:auto;grid-template-columns:1fr}.statement>img{height:330px;object-position:50% 34%}.statement>div{padding:50px 6%}.contact{grid-template-columns:1fr;gap:45px}.phone{font-size:28px}address{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}footer{flex-wrap:wrap;gap:20px}.preview-label{order:4;max-width:none;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{pointer-events:none}.video-toggle{position:absolute;right:6%;bottom:64px;z-index:2;border:1px solid #6d8272;background:#101311b8;color:#f2f3ed;padding:7px 12px;font:inherit;font-size:11px;cursor:pointer}.video-toggle[hidden]{display:none}.video-toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:700px){.hero-video{display:none}.hero-image{object-position:65% center}}

.service-list article{grid-template-columns:70px 1fr}.event-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.event-list li{padding:20px 0;border-bottom:1px solid var(--line);font-size:20px}.sport-experience{margin-top:45px;max-width:760px}.sport-experience p,.qualification-grid p{color:var(--muted);font-size:14px}.qualifications{background:var(--surface)}.qualification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.qualification-grid article{border-top:1px solid var(--line);padding-top:22px}.qualification-grid article>span{color:var(--green);font-size:12px}.qualification-grid h3{font-size:21px;margin-top:20px}@media(max-width:700px){.service-list article{grid-template-columns:28px 1fr}.event-list,.qualification-grid{grid-template-columns:1fr}.event-list li{font-size:18px}}

.contact{grid-template-columns:1.25fr 1fr;gap:6%;align-items:start}.contact-region{width:100%}.region-map{margin:-30px auto 25px;max-width:340px}.region-map img{width:100%;height:auto}.region-map figcaption{text-align:center;font-size:11px;letter-spacing:.13em;color:var(--green)}.contact-region address{border-left:0;border-top:1px solid var(--line);padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.contact-region address span,.contact-region address strong{margin:0}.contact-region address strong{font-size:17px}.contact-region address span:last-child{display:none}@media(max-width:700px){.contact{grid-template-columns:1fr;gap:35px}.region-map{max-width:280px;margin:0 auto 28px}.contact-region address{font-size:13px}}

.hero-map{position:absolute;z-index:1;right:9%;top:50%;transform:translateY(-50%);width:clamp(245px,25vw,410px);max-width:none;margin:0;padding:15px 20px 20px;background:radial-gradient(ellipse,#101311a8 10%,#10131155 55%,transparent 75%)}.hero-map img{filter:drop-shadow(0 1px 3px #000)}.hero-map figcaption{color:#f2f3ed;text-shadow:0 1px 4px #000}.contact-region{align-self:center}.contact-region address{border-top:0;border-left:1px solid var(--line);padding:10px 0 10px 35px;display:block}.contact-region address span,.contact-region address strong{margin-bottom:18px}@media(min-width:701px) and (max-width:1100px){.hero-content{width:56%;margin-right:0}.hero-map{right:3%;width:29vw}.hero-content h1{font-size:clamp(58px,7vw,84px)}}@media(max-width:700px){.hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:65px 0 85px}.hero-content{width:auto;padding-bottom:0}.hero-map{position:relative;top:auto;right:auto;transform:none;width:235px;margin:32px auto 15px;padding:0;background:none}.hero-map figcaption{font-size:10px}.contact-region address{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.hero-bottom{bottom:24px}}
/* Desktop: Karte auf die Höhe des gesamten linken Textblocks abstimmen. */
@media(min-width:1101px){.hero-map{height:calc(100% - 150px);max-height:720px;width:auto;aspect-ratio:420/570;right:7%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-map img{height:calc(100% - 28px);width:auto;max-width:100%;object-fit:contain}.hero-map figcaption{margin-top:8px;white-space:nowrap}}
@media(min-width:701px) and (max-width:1100px){.hero-map{width:37%;right:2%;padding:0}}

/* Markenlogo und bundesweites Einsatzgebiet hervorheben. */
.logo{width:185px}.hero-map figcaption strong{font-weight:700;color:var(--green)}@media(max-width:700px){.logo{width:135px}nav{gap:12px}nav a:nth-child(2){white-space:nowrap}}

.service-detail-link{display:inline-block;margin-top:14px;font-size:13px;color:var(--green);border-bottom:1px solid var(--green)}.service-list h3 a:hover{color:var(--green)}.detail-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;padding-top:50px;padding-bottom:80px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted);margin-bottom:55px}.detail-hero h1{font-size:clamp(55px,6vw,90px)}.detail-intro{max-width:510px;font-size:18px;color:var(--muted)}.detail-photo{width:100%;height:600px;object-position:50% 30%}.detail-process,.detail-faq{background:var(--surface)}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.detail-facts span{border-bottom:1px solid var(--line);padding:18px 0}.detail-faq details{border-bottom:1px solid var(--line);padding:22px 0;max-width:900px}.detail-faq summary{cursor:pointer;font-size:18px}.detail-faq details p{color:var(--muted);margin:18px 0 0;max-width:760px}.detail-cta p{color:var(--muted)}.detail-cta .text-link{margin-left:25px}@media(max-width:700px){.detail-hero{grid-template-columns:1fr;gap:35px;padding-top:30px}.breadcrumb{margin-bottom:35px;gap:8px;font-size:10px}.detail-photo{height:380px}.detail-intro{font-size:16px}.detail-facts{grid-template-columns:1fr}.detail-cta .text-link{display:table;margin:25px 0 0}.detail-faq summary{font-size:16px}}

.detail-brand{min-height:480px;background:radial-gradient(ellipse at center,#22392a,#141a16 65%);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;gap:42px}.detail-brand img{width:100%;height:auto}.detail-brand span{font-size:10px;letter-spacing:.18em;color:var(--green);text-align:center}.related-services{padding-top:50px;padding-bottom:60px;border-top:1px solid var(--line)}.related-services nav{display:flex;flex-wrap:wrap;gap:18px 35px;font-size:14px}.related-services a{border-bottom:1px solid var(--green);padding-bottom:4px}.related-services a:hover{color:var(--green)}@media(max-width:700px){.detail-brand{min-height:280px;padding:35px}.related-services nav{align-items:flex-start;flex-direction:column;gap:18px}}

.services-menu{position:relative}.services-menu summary{list-style:none;cursor:pointer;padding:12px 0}.services-menu summary::-webkit-details-marker{display:none}.services-menu summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}.services-menu[open]>summary{color:var(--green)}.services-dropdown{position:absolute;top:100%;left:-22px;width:330px;background:var(--surface);border:1px solid var(--line);padding:10px;box-shadow:0 15px 35px #0008;z-index:20}.services-dropdown a{display:block;padding:10px 12px;line-height:1.4;font-size:13px;white-space:normal}.services-dropdown a:hover,.services-dropdown a:focus-visible{background:#24382a;color:var(--green)}header{position:relative;z-index:10}@media(max-width:700px){.services-dropdown{position:absolute;left:auto;right:-105px;width:min(320px,90vw)}.services-dropdown a{padding:11px 12px}}

/* Dunkles Tannengrün für den Inhaberbereich. */
.about{background:var(--surface)}

.brand-signoff{display:flex;align-items:center;gap:10%;background:radial-gradient(ellipse at left,#22392a,#101311 75%)}.brand-signoff>img{width:30%;height:auto}.brand-signoff h2{font-size:clamp(26px,3vw,44px)}.brand-signoff .eyebrow{margin-bottom:15px}@media(max-width:700px){.brand-signoff{flex-direction:column;align-items:flex-start;gap:30px}.brand-signoff>img{width:190px}}

.stock-visual{margin:0}.stock-photo{filter:grayscale(1);object-position:55% center}.stock-visual figcaption{font-size:10px;color:var(--muted);margin-top:7px;text-align:right}
/* Leistungsfotos: ausschließlich links nach rechts einblenden. */
.detail-photo{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.5) 48%,rgba(0,0,0,.85) 75%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.5) 48%,rgba(0,0,0,.85) 75%,#000 100%);
}
/* Breitere Leistungsbilder mit gut erkennbaren Motiven. */
.detail-hero{grid-template-columns:1fr 1.35fr;gap:5%}
.stock-visual{min-width:0}
.detail-photo{height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.4) 12%,rgba(0,0,0,.85) 32%,#000 58%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.4) 12%,rgba(0,0,0,.85) 32%,#000 58%)}
.stock-photo[src$="envato-club.jpg"]{filter:grayscale(1) brightness(1.6);object-position:center}
@media(max-width:700px){.detail-hero{grid-template-columns:1fr;gap:35px}.detail-photo{height:auto;aspect-ratio:3/2}}

.legal-content{max-width:1100px}.legal-content h1{font-size:clamp(44px,5vw,70px);overflow-wrap:anywhere}.legal-content h2{font-size:25px;margin:42px 0 18px}.legal-content p{color:var(--muted);max-width:850px;line-height:1.85}.legal-content a{color:var(--green);text-decoration:underline;overflow-wrap:anywhere}.legal-draft{background:var(--surface);border-left:3px solid var(--green);padding:20px 25px;margin-bottom:40px;font-size:14px}.legal-draft p{margin-bottom:0}.legal-open{border-left:2px solid var(--green);padding-left:18px}.legal-links{display:flex;gap:20px;font-size:11px}footer{flex-wrap:wrap}

.contact-form-section{padding-top:40px}.contact-form-section>p:not(.eyebrow){color:var(--muted)}#contact-form{max-width:900px}#contact-form fieldset{border:0;padding:0;margin:30px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}#contact-form label{display:block;font-size:14px;color:var(--text);margin-bottom:20px}#contact-form input,#contact-form select,#contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px;background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:0}#contact-form textarea{resize:vertical}#contact-form fieldset:disabled{opacity:.65}#contact-form .button{border:0;cursor:pointer}#contact-form .button:disabled{cursor:not-allowed}.form-privacy{font-size:12px;color:var(--muted)}.form-privacy a{color:var(--green);text-decoration:underline}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:700px){.form-grid{grid-template-columns:1fr;gap:0}}

.contact-page-intro{padding-bottom:45px}.contact-page-intro h1{font-size:clamp(46px,6vw,82px)}.contact-page-details{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;margin-top:40px;align-items:center}.contact-page-details .phone{margin-top:0}@media(max-width:700px){.contact-page-details{grid-template-columns:1fr;gap:25px}.contact-page-details address{padding-top:25px}}
