:root{--ink:#0b1915;--cream:#f3f0e8;--paper:#fbfaf6;--lime:#c8f135;--muted:#68706c;--line:rgba(11,25,21,.14);--pad:clamp(1.25rem,5vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;width:100%}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;padding:.75rem}.skip-link:focus{top:1rem}.site-header{height:88px;padding:0 var(--pad);position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;color:#fff;z-index:20;border-bottom:1px solid rgba(255,255,255,.18);transition:.3s}.site-header.scrolled{position:fixed;background:rgba(11,25,21,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;font-size:.92rem;line-height:1.1}.brand b{display:block}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--lime);border-radius:50%;font:italic 600 1.25rem Georgia,serif;color:var(--lime)}.main-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);font-size:.88rem}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--lime)}.nav-cta{border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:.65rem 1.15rem}.nav-toggle{display:none;background:none;border:0;color:#fff;width:42px;height:42px}.nav-toggle span{display:block;border-top:2px solid;margin:7px}.hero{height:max(680px,100svh);position:relative;color:#fff;overflow:hidden}.slider,.slide,.hero-overlay{position:absolute;inset:0}.slide{background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1s,transform 6s}.slide.active{opacity:1;transform:scale(1)}.hero-overlay{background:linear-gradient(90deg,rgba(7,18,14,.88) 0%,rgba(7,18,14,.45) 52%,rgba(7,18,14,.2)),linear-gradient(0deg,rgba(7,18,14,.4),transparent 45%)}.hero-content{position:absolute;left:var(--pad);top:52%;transform:translateY(-45%);max-width:800px;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.73rem;font-weight:700;color:#527060;margin:0 0 1.2rem}.eyebrow.light{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:.96}h1{font-size:clamp(4rem,9vw,8.4rem);margin:0 0 1.8rem;font-weight:600}h1 em,h2 em{font-family:Georgia,serif;font-weight:600;color:var(--lime)}.hero-content>p:not(.eyebrow){font-size:clamp(1rem,1.5vw,1.2rem);max-width:570px;color:#d8dedb}.button-row{display:flex;gap:.8rem;margin-top:2.2rem;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:1rem;padding:.95rem 1.4rem;border:1px solid transparent;border-radius:99px;font-weight:700;font-size:.85rem;cursor:pointer}.button.primary{background:var(--lime);color:var(--ink)}.button.ghost{border-color:rgba(255,255,255,.55);color:#fff}.slider-nav{position:absolute;right:var(--pad);bottom:3rem;z-index:3;display:flex;align-items:center;gap:1rem}.slider-nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;cursor:pointer}.slider-nav b{color:var(--lime)}.scroll-hint{position:absolute;left:var(--pad);bottom:3rem;z-index:3;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.scroll-hint span{margin-left:.8rem;color:var(--lime)}.section{padding:clamp(5rem,10vw,9rem) var(--pad)}.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:end}.intro h2,.section-heading h2,.story h2,.contact h2{font-size:clamp(3.1rem,6vw,6.3rem);margin:0}.intro h2 em,.section-heading h2 em,.story h2 em{color:#517a63}.lead{font-size:clamp(1.1rem,2vw,1.45rem);color:var(--muted);max-width:650px}.offers{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.offer-card{background:var(--paper);padding:clamp(2rem,4vw,4rem);min-height:440px;display:flex;flex-direction:column}.offer-card>span{color:#89918d;font-size:.75rem}.offer-icon{font-size:3rem;margin:auto 0}.offer-card h3{font-size:1.8rem;margin-bottom:.6rem}.offer-card p{color:var(--muted);margin:0}.story{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.story-image{position:relative;max-width:560px}.story-image img{height:680px;object-fit:cover}.image-badge{position:absolute;right:-45px;bottom:50px;width:140px;height:140px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;transform:rotate(7deg)}.image-badge b{font-size:2rem;line-height:1}.image-badge span{text-transform:uppercase;font-size:.65rem;letter-spacing:.15em}.story-copy>p:not(.eyebrow){font-size:1.08rem;color:var(--muted);max-width:560px}.arrow-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:.8rem 0;margin-top:2.5rem;font-weight:700}.numbers{background:var(--ink);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding-block:4rem}.numbers div{text-align:center;border-right:1px solid rgba(255,255,255,.15)}.numbers div:last-child{border:0}.numbers strong{display:block;font-size:clamp(3.2rem,7vw,6.5rem);line-height:1;color:var(--lime);letter-spacing:-.06em}.numbers span{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:4rem}.section-heading>p{color:var(--muted)}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.location-card{min-height:390px;background:var(--cream);padding:2rem;display:flex;flex-direction:column;position:relative;transition:.3s}.location-card:hover{transform:translateY(-6px)}.location-number{position:absolute;right:2rem;font:italic 600 4rem Georgia,serif;color:#d1d2c9}.location-card p{text-transform:uppercase;font-size:.7rem;letter-spacing:.13em}.location-card h3{font-size:clamp(1.3rem,2vw,1.8rem);margin:auto 0}.location-card a{border-top:1px solid var(--line);padding-top:1rem;display:flex;justify-content:space-between;font-weight:700;font-size:.85rem}.location-card.more{background:var(--lime)}.contact{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,9rem)}.contact-copy>p:not(.eyebrow){color:#aeb9b4;max-width:530px}.contact-copy>a{display:block;font-size:clamp(1rem,2vw,1.35rem);margin-top:.55rem}.contact-form label:not(.trap){display:block;margin-bottom:1.4rem;font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;color:#aeb9b4}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #61706a;padding:.8rem 0;outline:0;border-radius:0;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lime)}.contact-form textarea{resize:vertical}.consent{display:flex!important;gap:.7rem;align-items:flex-start}.consent input{accent-color:var(--lime);margin-top:.3rem}.inline-link,.text-button{border:0;background:none;color:inherit;padding:0;text-decoration:underline;cursor:pointer}.form-button{border:0;width:100%;margin-top:.8rem}.form-status{padding:1rem;margin-bottom:1.5rem;border:1px solid}.form-status.success{border-color:var(--lime)}.form-status.error{border-color:#ff8b7f}.trap{position:absolute;left:-9999px}.footer{padding:4rem var(--pad) 2rem;background:#07100d;color:#c7d0cc;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.brand-footer{color:#fff;margin-bottom:1rem}.footer h3{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em}.footer a,.footer .text-button{display:block;margin:.4rem 0}.copyright{grid-column:1/-1;border-top:1px solid #26332e;padding-top:1.5rem;margin:1rem 0 0;font-size:.75rem}.legal-modal{width:min(760px,calc(100% - 2rem));max-height:86vh;border:0;padding:clamp(2rem,5vw,4rem);color:var(--ink);background:var(--paper)}.legal-modal::backdrop{background:rgba(3,10,7,.82);backdrop-filter:blur(5px)}.legal-modal h2{font-size:clamp(2.8rem,6vw,5rem)}.legal-modal h3{margin:2rem 0 .3rem}.legal-modal p{color:#4f5b56}.legal-modal a{text-decoration:underline}.modal-close{position:sticky;float:right;top:0;border:0;background:var(--ink);color:#fff;border-radius:50%;width:42px;height:42px;font-size:1.5rem;cursor:pointer}.legal-note{border-left:3px solid var(--lime);padding-left:1rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{height:72px}.nav-toggle{display:block}.main-nav{display:none;position:fixed;inset:72px 0 0;background:var(--ink);padding:3rem var(--pad);flex-direction:column;align-items:flex-start;font-size:1.6rem}.main-nav.open{display:flex}.nav-cta{margin-top:auto;width:100%;text-align:center}.hero{min-height:700px}.hero-content{top:48%}.scroll-hint{display:none}.slider-nav{left:var(--pad);right:auto}.intro,.story,.contact{grid-template-columns:1fr}.offers{grid-template-columns:1fr}.offer-card{min-height:320px}.story-image{width:90%}.story-image img{height:520px}.image-badge{right:-12%}.location-grid{grid-template-columns:1fr 1fr}.location-card.more{grid-column:1/-1}.section-heading{display:block}.numbers{padding-inline:1rem}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}}
@media(max-width:560px){h1{font-size:3.7rem}.button-row .button{width:100%}.section{padding-block:5rem}.intro{gap:2rem}.location-grid{grid-template-columns:1fr}.location-card.more{grid-column:auto}.numbers strong{font-size:3.4rem}.numbers span{letter-spacing:.08em}.footer{grid-template-columns:1fr}.footer>div:first-child{grid-column:auto}.story-image img{height:430px}.image-badge{width:110px;height:110px}.contact{padding-bottom:6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.reveal{transition:none}.reveal{opacity:1;transform:none}}

/* Hero: Text innerhalb des sichtbaren Bereichs halten. */
.slide{
    background:var(--ink);
    z-index:0;
    visibility:hidden;
}
.slide.active{visibility:visible;z-index:1}
.slider{z-index:0;background:var(--ink)}
.hero-overlay{z-index:1;pointer-events:none}
.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.hero-content{
    right:var(--pad);
    width:auto;
    max-width:min(800px,calc(100% - (2 * var(--pad))));
}
.hero-content.reveal,
.hero-content.reveal.visible{
    opacity:1;
    transform:translateY(-52%);
}
.hero-content h1,
.hero-content p{
    max-width:100%;
    overflow-wrap:anywhere;
}

@media(max-width:560px){
    .hero-content{
        top:44%;
        transform:translateY(-48%);
    }
    .hero-content.reveal,
    .hero-content.reveal.visible{
        transform:translateY(-48%);
    }
    .hero-content h1{
        font-size:clamp(2.8rem,17vw,3.7rem);
        line-height:.92;
        margin-bottom:1.25rem;
    }
    .hero-content .eyebrow{
        font-size:.65rem;
        letter-spacing:.13em;
        margin-bottom:.8rem;
    }
    .hero-content>p:not(.eyebrow){
        font-size:.95rem;
        line-height:1.45;
    }
    .hero-content .button-row{
        margin-top:1.4rem;
    }
}

@media(max-height:700px) and (max-width:850px){
    .hero{min-height:620px}
    .hero-content{top:43%}
    .hero-content.reveal,.hero-content.reveal.visible{transform:translateY(-48%)}
    .hero-content h1{font-size:clamp(2.65rem,14vw,3.5rem);margin-bottom:1rem}
    .hero-content>p:not(.eyebrow){font-size:.9rem}
    .hero-content .button-row{margin-top:1rem}
    .hero-content .button{padding:.75rem 1rem}
    .slider-nav{bottom:1.25rem}
}

@media(max-width:850px){
    .site-header{
        isolation:isolate;
    }
    body.menu-open .site-header{
        position:fixed;
        background:#0b1915;
    }
    .site-header .brand,
    .site-header .nav-toggle{
        position:relative;
        z-index:102;
    }
    .main-nav.open{
        position:fixed;
        z-index:101;
        top:72px;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:calc(100dvh - 72px);
        overflow-y:auto;
        background:#0b1915;
        color:#fff;
        opacity:1;
    }
}

.contact-actions{
    display:grid;
    gap:.75rem;
    margin-top:2.25rem;
    max-width:560px;
}
.contact-copy h2{margin-bottom:clamp(1.8rem,3vw,3rem)}
.contact-copy .contact-action{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:1rem;
    margin:0;
    padding:1rem 1.15rem;
    border:1px solid rgba(255,255,255,.2);
    border-radius:1rem;
    background:rgba(255,255,255,.06);
    transition:background .2s,border-color .2s,transform .2s;
}
.contact-copy .contact-action:hover{
    background:var(--lime);
    border-color:var(--lime);
    color:var(--ink);
    transform:translateY(-2px);
}
.contact-action-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--lime);
    color:var(--ink);
    font-size:1.15rem;
}
.contact-action:hover .contact-action-icon{background:var(--ink);color:var(--lime)}
.contact-action small,.contact-action strong{display:block;overflow-wrap:anywhere}
.contact-action small{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7}
.contact-action strong{font-size:clamp(.88rem,2vw,1.05rem);line-height:1.35}
.contact-action>b{font-size:1.25rem}

@media(max-width:380px){
    .contact-copy .contact-action{grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.85rem}
    .contact-action>b{display:none}
}

/* Großzügiger Unternehmens-Footer */
.corporate-footer{
    background:#050d0a;
    color:#aeb9b4;
    padding:0 var(--pad);
}
.footer-cta{
    min-height:390px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:3rem;
    border-bottom:1px solid #26332e;
}
.footer-kicker{
    display:flex;
    align-items:center;
    gap:.7rem;
    margin-bottom:1.3rem;
    color:#d8dfdc;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:.68rem;
    font-weight:700;
}
.footer-kicker span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(200,241,53,.1)}
.footer-cta h2{margin:0;color:#fff;font-size:clamp(3.5rem,7vw,7.6rem);line-height:.87;letter-spacing:-.065em}
.footer-cta h2 em{font-family:Georgia,serif;color:var(--lime);font-weight:600}
.footer-cta-button{
    width:clamp(155px,16vw,210px);
    aspect-ratio:1;
    flex:0 0 auto;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.6rem;
    background:var(--lime);
    color:var(--ink);
    font-weight:700;
    transition:transform .3s,background .3s;
}
.footer-cta-button b{font-size:1.8rem;font-weight:400}.footer-cta-button:hover{transform:rotate(-5deg) scale(1.04);background:#fff}
.footer-main{
    display:grid;
    grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(150px,1fr));
    gap:clamp(2rem,5vw,6rem);
    padding:clamp(4rem,7vw,7rem) 0;
}
.footer-brand{color:#fff;margin-bottom:1.6rem}.footer-brand-column>p{font-size:.92rem;line-height:1.8}
.footer-region{display:flex;align-items:center;gap:.65rem;margin-top:2.2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.footer-region-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
.footer-column h3{color:#66736d;font-size:.66rem;text-transform:uppercase;letter-spacing:.18em;margin:0 0 1.1rem}
.footer-column>a{width:100%;color:#e4e9e7;font-size:.88rem;transition:color .2s,transform .2s}
.footer-column>a:hover{color:var(--lime);transform:translateX(3px)}
.footer-column>a>span{float:right;color:#69756f}
.footer-location{padding-bottom:1rem;border-bottom:1px solid #1b2823}
.footer-location strong,.footer-location small,.footer-contact-column small,.footer-contact-column strong{display:block}
.footer-location small,.footer-contact-column small{color:#76817c;font-size:.72rem;margin-top:.18rem}
.footer-contact-column{overflow:hidden}.footer-contact-column>a{overflow-wrap:anywhere;margin-bottom:.8rem}.footer-contact-column strong{font-size:.9rem}
.footer-bottom{
    min-height:90px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:2rem;
    border-top:1px solid #26332e;
    font-size:.7rem;
    text-transform:uppercase;
    letter-spacing:.1em;
}
.footer-bottom p{margin:0}.footer-bottom>div{display:flex;gap:1.5rem}.footer-bottom .text-button{text-transform:uppercase;letter-spacing:.1em;text-decoration:none;font-size:inherit}
.back-to-top{justify-self:end;color:#fff}.back-to-top span{display:inline-grid;place-items:center;width:34px;height:34px;margin-left:.65rem;border:1px solid #46534d;border-radius:50%;color:var(--lime)}

@media(max-width:950px){
    .footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-contact-column{grid-column:2/-1}.footer-brand-column{grid-row:span 2}
}
@media(max-width:650px){
    .footer-cta{min-height:auto;padding:5rem 0;align-items:flex-end}.footer-cta-button{width:118px}.footer-cta-button span{font-size:.75rem}.footer-main{grid-template-columns:1fr 1fr}.footer-brand-column{grid-column:1/-1;grid-row:auto}.footer-contact-column{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr auto;padding:1.5rem 0}.footer-bottom>div{grid-column:1/-1;grid-row:1}.footer-bottom p{grid-column:1}.back-to-top{grid-column:2}}
@media(max-width:430px){
    .footer-cta{display:block}.footer-cta-button{width:100%;height:auto;aspect-ratio:auto;border-radius:99px;flex-direction:row;justify-content:space-between;padding:1rem 1.2rem;margin-top:2rem}.footer-cta-button b{font-size:1.3rem}.footer-main{grid-template-columns:1fr}.footer-column,.footer-contact-column{grid-column:auto}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-bottom>div{width:100%;order:-1}}

/* Originales Abeler-Logo in Header und Footer */
.brand-logo-wrap{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.2)}
.brand-logo{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.footer-brand .brand-logo-wrap{width:82px;height:82px;flex-basis:82px;border-radius:14px}
.footer-brand{font-size:1rem}
@media(max-width:850px){.site-header .brand-logo-wrap{width:52px;height:52px;flex-basis:52px}.site-header .brand{font-size:.78rem}}
@media(max-width:370px){.site-header .brand>span:last-child{display:none}}

/* Standort-Routen als gut erkennbare Aktion */
.location-card .route-button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.85rem .85rem .85rem 1.1rem;
    border:1px solid rgba(11,25,21,.12);
    border-radius:1rem;
    background:rgba(255,255,255,.72);
    transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;
}
.route-button-text small,.route-button-text strong{display:block}
.route-button-text small{margin-bottom:.1rem;color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.route-button-text strong{font-size:.9rem}
.route-button-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    background:var(--ink);
    color:var(--lime);
    font-size:1.1rem;
    transition:transform .25s,background .25s,color .25s;
}
.location-card .route-button:hover{
    background:var(--ink);
    color:#fff;
    border-color:var(--ink);
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(11,25,21,.16);
}
.location-card .route-button:hover small{color:#9aa7a1}
.location-card .route-button:hover .route-button-icon{background:var(--lime);color:var(--ink);transform:rotate(8deg)}
.location-card .route-button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}

/* Stabiler Hero-Inhaltsbereich ohne Überlagerungen */
.hero-content,
.hero-content.reveal,
.hero-content.reveal.visible{
    top:88px;
    bottom:88px;
    transform:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-bottom:clamp(3rem,8vh,7rem);
    opacity:1;
}
.hero-content h1{flex:0 0 auto;margin-bottom:clamp(1.5rem,3vh,2.5rem)}
.hero-content .button-row{flex:0 0 auto}

@media(max-width:850px){
    .hero-content,
    .hero-content.reveal,
    .hero-content.reveal.visible{
        top:72px;
        bottom:70px;
        transform:none;
        padding-bottom:clamp(4rem,11vh,6rem);
    }
}

@media(max-height:700px) and (max-width:850px){
    .hero-content,
    .hero-content.reveal,
    .hero-content.reveal.visible{
        top:72px;
        bottom:58px;
        transform:none;
        padding-bottom:3rem;
    }
}