:root{--bg:#070b12;--panel:#121821;--text:#f6f8fb;--muted:#aeb6c2;--line:rgba(255,255,255,.13);--accent:#2f80ed;--accent-soft:#5aa7ff;--gray:#202833;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;background:rgba(7,11,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.logo-wrap{display:flex;align-items:center;justify-content:center;width:220px;height:54px;border-radius:0;background:transparent;padding:0}.glanz-logo-svg{display:block;width:100%;height:100%;overflow:visible}.logo-wrap .glanz-logo-svg{filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.nav{display:flex;gap:26px;color:var(--muted);font-weight:700;font-size:14px}.nav a:hover{color:#fff}.header-cta{background:#fff;color:#070b12;border-radius:999px;padding:13px 18px;font-weight:900}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:30px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:90px}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(47,128,237,.35),transparent 34%),radial-gradient(circle at 15% 40%,rgba(255,255,255,.1),transparent 30%),linear-gradient(135deg,#05070b,#121821 52%,#202833)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,18,.98),rgba(7,11,18,.68)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><path d="M170 395 C290 240 460 180 650 200 C820 218 980 275 1080 385" fill="none" stroke="rgba(255,255,255,.08)" stroke-width="20"/><circle cx="405" cy="392" r="58" fill="none" stroke="rgba(255,255,255,.07)" stroke-width="18"/><circle cx="850" cy="392" r="58" fill="none" stroke="rgba(255,255,255,.07)" stroke-width="18"/></svg>') center/cover no-repeat}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.22em;font-weight:900}.hero h1,.section h2{margin:0;font-size:clamp(42px,7vw,82px);line-height:.95;letter-spacing:-.06em}.hero h1{max-width:780px}.hero-text{max-width:620px;color:var(--muted);font-size:20px;line-height:1.7;margin:28px 0 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;padding:0 24px;font-weight:900;border:1px solid transparent;cursor:pointer}.primary{background:var(--accent);color:#fff;box-shadow:0 18px 50px rgba(47,128,237,.35)}.secondary{border-color:var(--line);background:rgba(255,255,255,.06)}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row span{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#ddd;font-weight:800;font-size:13px}.hero-card{position:relative;min-height:430px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px;overflow:hidden;box-shadow:0 30px 120px rgba(0,0,0,.5)}.hero-card .shine{position:absolute;inset:auto -20% -30% auto;width:380px;height:380px;border-radius:50%;background:rgba(47,128,237,.32);filter:blur(40px)}.hero-logo{position:relative;width:min(100%,430px);padding:0;border-radius:0;background:transparent;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}.hero-logo .glanz-logo-svg{width:100%;height:auto;overflow:visible}.hero-card p{position:relative;margin:26px 0 0;color:#ddd;font-weight:800;text-align:center}.section{padding:96px 0}.intro{background:#fff;color:#111}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.intro h2,.section h2{font-size:clamp(34px,5vw,58px)}.intro p:last-child{font-size:19px;line-height:1.75;color:#3f4752}.dark{background:#0d121a}.section-head{text-align:center;max-width:760px;margin:0 auto 46px}.section-head p:not(.eyebrow){color:var(--muted);line-height:1.7}.left{text-align:left;margin-left:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:28px;padding:26px;min-height:310px;display:flex;flex-direction:column;transition:.25s}.card:hover{transform:translateY(-8px);background:rgba(255,255,255,.08)}.icon{width:52px;height:52px;border-radius:18px;background:#fff;color:#111;display:grid;place-items:center;font-size:26px;margin-bottom:22px}.card h3{font-size:22px;margin:0 0 12px}.card p{color:var(--muted);line-height:1.65}.card strong{margin-top:auto;font-size:24px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border:1px solid var(--line);background:#121821;border-radius:26px;padding:28px}.step b{display:block;color:var(--accent);font-size:36px;margin-bottom:30px}.step span{font-size:20px;font-weight:900}.split-section{background:#fff;color:#111}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.panel,.visual-card{border-radius:34px;padding:44px}.panel{background:#eef1f5}.check-list{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:16px}.check-list li{font-weight:800}.check-list li:before{content:"✓";color:var(--accent);margin-right:12px}.visual-card{position:relative;overflow:hidden;background:#070b12;color:#fff;min-height:420px;display:flex;flex-direction:column;justify-content:end}.visual-card h3{font-size:54px;letter-spacing:-.05em;margin:0}.visual-card p{color:var(--muted);font-weight:800}.circle{position:absolute;border-radius:50%;filter:blur(4px)}.one{width:300px;height:300px;background:rgba(47,128,237,.46);right:-70px;top:-70px}.two{width:220px;height:220px;border:28px solid rgba(255,255,255,.12);left:50px;top:70px}.testimonial{text-align:center;max-width:820px}.stars{color:#ffd66b;font-size:34px;letter-spacing:.15em}.testimonial p:last-child{color:var(--muted);font-size:20px;line-height:1.7}.contact{background:#f2f4f7;color:#111}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}.contact-info p:not(.eyebrow){font-size:19px;line-height:1.7;color:#3f4752}.info-list{display:grid;gap:14px;margin-top:28px}.info-list a,.info-list span{background:#fff;border-radius:18px;padding:18px;font-weight:900}.contact-form{background:#fff;border-radius:34px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.08)}label{display:grid;gap:8px;font-weight:900;margin-bottom:16px}input,textarea{width:100%;border:1px solid #ddd;border-radius:16px;padding:15px 16px;font:inherit}textarea{min-height:130px;resize:vertical}footer{padding:30px 0;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}.footer-grid div{display:flex;gap:18px}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:940px){.nav,.header-cta{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;top:84px;left:20px;right:20px;flex-direction:column;background:#121821;border:1px solid var(--line);border-radius:24px;padding:24px}.site-header{padding:14px 20px}.logo-wrap{width:190px}.hero-grid,.intro-grid,.split,.contact-grid{grid-template-columns:1fr}.hero{padding:130px 0 70px}.hero-card{min-height:300px}.cards,.steps{grid-template-columns:1fr 1fr}}@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.hero-actions .btn{width:100%}.cards,.steps{grid-template-columns:1fr}.section{padding:70px 0}.footer-grid{flex-direction:column}.hero h1{font-size:44px}.logo-wrap{width:170px;height:48px}.site-header{gap:10px}.panel,.visual-card{padding:28px}.visual-card h3{font-size:42px}}

/* Logo ohne weißen Rand: SVG ist direkt im HTML eingebunden */
.logo-wrap{background:transparent!important;padding:0!important;border-radius:0!important;}
.logo-wrap img,.hero-card img{background:transparent!important;padding:0!important;border-radius:0!important;}
.hero-logo{position:relative;width:min(100%,430px);background:transparent!important;padding:0!important;border-radius:0!important;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));}
.glanz-logo-svg{display:block;width:100%;height:auto;overflow:visible;}
.logo-wrap .glanz-logo-svg{height:100%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));}


/* Finale Anpassungen: großes Logo, WhatsApp Button, Rechtseiten */
.site-header{
    padding:20px 36px;
}

.site-header .logo-wrap{
    width:320px!important;
    height:92px!important;
}

.site-header .glanz-logo-svg{
    width:100%!important;
    height:100%!important;
    display:block;
}

.whatsapp-float{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:60;
    display:flex;
    align-items:center;
    gap:10px;
    padding:15px 19px;
    border-radius:999px;
    background:#25d366;
    color:#06140b;
    font-weight:950;
    box-shadow:0 18px 45px rgba(0,0,0,.42);
    border:1px solid rgba(255,255,255,.35);
    transition:.2s ease;
}

.whatsapp-float:hover{
    transform:translateY(-3px) scale(1.03);
}

.whatsapp-float span{
    font-size:22px;
}

.whatsapp-form-btn{
    margin-top:12px;
    width:100%;
    background:#25d366;
    color:#06140b;
}

.legal-page{
    padding:150px 0 80px;
    background:#f2f4f7;
    color:#111;
    min-height:100vh;
}

.legal-box{
    max-width:900px;
    background:#fff;
    border-radius:28px;
    padding:42px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.legal-box h1{
    font-size:42px;
    margin-top:0;
}

.legal-box h2{
    margin-top:34px;
}

.legal-box p{
    color:#303946;
    line-height:1.75;
}

.legal-box a{
    color:#2f80ed;
    font-weight:800;
}

.legal-header{
    position:fixed;
}

.legal-brand{
    font-weight:950;
    font-size:24px;
    letter-spacing:-.04em;
}

@media(max-width:940px){
    .nav.open{
        top:116px;
    }
    .site-header{
        padding:16px 20px;
    }
    .site-header .logo-wrap{
        width:250px!important;
        height:72px!important;
    }
}

@media(max-width:620px){
    .site-header .logo-wrap{
        width:210px!important;
        height:62px!important;
    }
    .whatsapp-float{
        left:16px;
        right:16px;
        justify-content:center;
    }
    .legal-box{
        padding:26px;
    }
}


/* Preisbereich nach Fahrzeuggröße */
.vehicle-classes{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:28px;
}

.vehicle-class{
    border:1px solid var(--line);
    background:rgba(255,255,255,.055);
    border-radius:26px;
    padding:24px;
    min-height:190px;
}

.vehicle-class span{
    display:block;
    font-size:34px;
    margin-bottom:16px;
}

.vehicle-class h3{
    margin:0 0 10px;
    font-size:21px;
}

.vehicle-class p{
    margin:0;
    color:var(--muted);
    line-height:1.6;
    font-size:14px;
}

.price-table-wrap{
    overflow-x:auto;
    border:1px solid var(--line);
    border-radius:28px;
    background:rgba(255,255,255,.045);
    box-shadow:0 24px 80px rgba(0,0,0,.22);
}

.price-table{
    width:100%;
    border-collapse:collapse;
    min-width:820px;
}

.price-table th,
.price-table td{
    padding:20px 18px;
    border-bottom:1px solid var(--line);
    text-align:left;
}

.price-table th{
    color:#fff;
    background:rgba(47,128,237,.18);
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.price-table td{
    color:#e9edf3;
    font-weight:800;
}

.price-table td:first-child{
    color:#fff;
    font-weight:950;
}

.price-table tr:last-child td{
    border-bottom:0;
}

.price-note{
    margin:20px 0 0;
    color:var(--muted);
    line-height:1.7;
    font-size:14px;
}

.price-cta{
    margin-top:28px;
    border:1px solid rgba(47,128,237,.35);
    border-radius:30px;
    padding:28px;
    background:linear-gradient(135deg,rgba(47,128,237,.18),rgba(255,255,255,.04));
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.price-cta h3{
    margin:0 0 8px;
    font-size:26px;
}

.price-cta p{
    margin:0;
    color:var(--muted);
    line-height:1.6;
}

@media(max-width:940px){
    .vehicle-classes{
        grid-template-columns:1fr 1fr;
    }
    .price-cta{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(max-width:620px){
    .vehicle-classes{
        grid-template-columns:1fr;
    }
    .price-cta .btn{
        width:100%;
    }
}


/* Zusatzleistungen */
.extras-block{
    margin-top:34px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:30px;
    padding:30px;
    background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(47,128,237,.08));
}

.extras-head{
    max-width:760px;
    margin-bottom:24px;
}

.extras-head h3{
    margin:0 0 10px;
    font-size:clamp(28px,4vw,42px);
    letter-spacing:-.04em;
}

.extras-head p{
    color:var(--muted);
    line-height:1.7;
    margin:0;
}

.extras-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}

.extra-item{
    border:1px solid var(--line);
    border-radius:22px;
    padding:18px;
    background:rgba(7,11,18,.58);
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:145px;
}

.extra-item span{
    font-size:28px;
}

.extra-item strong{
    color:#fff;
    line-height:1.35;
}

.extra-item em{
    margin-top:auto;
    color:var(--accent-soft);
    font-style:normal;
    font-weight:950;
    font-size:18px;
}

.extras-note{
    margin:22px 0 0;
    color:var(--muted);
    line-height:1.7;
    font-size:14px;
}

@media(max-width:1100px){
    .extras-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:720px){
    .extras-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:480px){
    .extras-grid{
        grid-template-columns:1fr;
    }
}


/* SEO Bereiche */
.local-seo-section{
    background:#fff;
    color:#111;
}

.local-seo{
    max-width:980px;
}

.local-seo h2{
    margin:0;
    font-size:clamp(32px,5vw,56px);
    line-height:1;
    letter-spacing:-.055em;
}

.local-seo p:last-child{
    margin-top:22px;
    color:#3f4752;
    font-size:19px;
    line-height:1.75;
}

.faq-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.faq-item{
    border:1px solid var(--line);
    border-radius:24px;
    background:rgba(255,255,255,.055);
    padding:22px;
}

.faq-item summary{
    cursor:pointer;
    font-weight:950;
    font-size:18px;
    color:#fff;
    list-style:none;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary:after{
    content:"+";
    float:right;
    color:var(--accent-soft);
    font-size:24px;
    line-height:1;
}

.faq-item[open] summary:after{
    content:"–";
}

.faq-item p{
    margin:16px 0 0;
    color:var(--muted);
    line-height:1.7;
}

@media(max-width:820px){
    .faq-grid{
        grid-template-columns:1fr;
    }
}


/* Leihwagen Premium-Karte */
.loaner-card{
    margin-top:0;
    padding:32px;
    border-radius:34px;
    background:linear-gradient(135deg,rgba(47,128,237,.20),rgba(7,11,18,.96));
    border:1px solid rgba(47,128,237,.38);
    display:flex;
    gap:24px;
    align-items:center;
    color:#fff;
    box-shadow:0 24px 80px rgba(0,0,0,.22);
}

.loaner-icon{
    font-size:64px;
    flex-shrink:0;
    filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));
}

.loaner-content h3{
    margin:0 0 12px;
    font-size:clamp(26px,4vw,38px);
    line-height:1;
    letter-spacing:-.045em;
    color:#fff;
}

.loaner-content p{
    margin:0;
    color:#d4dbe6;
    line-height:1.7;
}

.loaner-content .eyebrow{
    color:var(--accent-soft);
    margin-bottom:10px;
}

.loaner-note{
    margin-top:14px!important;
    font-weight:900;
    color:#7fb5ff!important;
}

@media(max-width:720px){
    .loaner-card{
        flex-direction:column;
        align-items:flex-start;
    }
}


/* Besser lesbarer Button in der Leihwagen-Karte */
.loaner-card .btn,
.loaner-card a.btn{
    background:#ffffff!important;
    color:#070b12!important;
    border:1px solid rgba(255,255,255,.75)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.32)!important;
}

.loaner-card .btn:hover,
.loaner-card a.btn:hover{
    transform:translateY(-2px);
    background:#f3f6fb!important;
    color:#070b12!important;
}


/* Warum GlanzKlinik + Leihwagen: nur zwei Premium-Kacheln */
.split{
    align-items:stretch;
}

.split .panel,
.split .loaner-card{
    min-height:100%;
}

.split .visual-card{
    display:none!important;
}

@media(max-width:940px){
    .split{
        grid-template-columns:1fr;
    }
}


.combo-offer{
    margin:32px 0;
    padding:30px;
    border-radius:30px;
    background:linear-gradient(135deg,rgba(47,128,237,.18),rgba(255,255,255,.04));
    border:1px solid rgba(47,128,237,.35);
    display:flex;
    gap:24px;
    align-items:flex-start;
}
.combo-icon{font-size:56px;}
.combo-content h3{margin:0 0 10px;font-size:34px;color:#fff;}
.combo-content p{color:#d4dbe6;line-height:1.7;}
.combo-table{
 width:100%;
 margin-top:18px;
 border-collapse:collapse;
}
.combo-table th,.combo-table td{
 padding:12px;
 border-bottom:1px solid rgba(255,255,255,.1);
 text-align:left;
}
.combo-table strong{color:#7fb5ff;}
.combo-note{margin-top:16px;font-weight:700;}
@media(max-width:700px){
 .combo-offer{flex-direction:column;}
}


/* Mobile Hero Optimierung */
@media(max-width:768px){
    body{
        overflow-x:hidden;
    }

    .site-header{
        padding:18px 22px!important;
    }

    .site-header .logo-wrap{
        width:230px!important;
        height:68px!important;
    }

    .hero{
        padding-top:118px!important;
        min-height:auto;
        overflow:hidden;
    }

    .hero-grid{
        gap:32px;
        width:100%;
        max-width:100%;
    }

    .hero h1{
        font-size:clamp(42px,12vw,50px)!important;
        line-height:0.98!important;
        letter-spacing:-0.045em!important;
        max-width:100%!important;
        overflow-wrap:break-word;
        word-break:normal;
    }

    .eyebrow{
        font-size:12px!important;
        letter-spacing:.22em!important;
        line-height:1.45;
    }

    .hero-text{
        font-size:18px!important;
        line-height:1.55!important;
        max-width:100%!important;
        margin-top:24px!important;
    }

    .hero-actions{
        margin-top:28px!important;
        flex-direction:column!important;
        gap:14px!important;
    }

    .hero-actions .btn{
        width:100%!important;
        min-height:58px!important;
        font-size:17px!important;
    }

    .trust-row{
        margin-top:18px!important;
        gap:10px!important;
    }

    .trust-row span{
        font-size:12px!important;
        padding:9px 12px!important;
    }

    .hero-card{
        min-height:260px!important;
        border-radius:28px!important;
        padding:26px 20px!important;
        margin-top:8px;
    }

    .hero-logo{
        width:100%!important;
        max-width:360px!important;
    }

    .hero-card p{
        font-size:18px!important;
        line-height:1.35!important;
    }
}

/* Floating WhatsApp mobil kleiner und nicht mehr über Text */
@media(max-width:768px){
    .whatsapp-float{
        left:auto!important;
        right:18px!important;
        bottom:18px!important;
        width:64px!important;
        height:64px!important;
        min-width:64px!important;
        padding:0!important;
        border-radius:50%!important;
        justify-content:center!important;
        gap:0!important;
        box-shadow:0 12px 32px rgba(0,0,0,.38)!important;
    }

    .whatsapp-float strong{
        display:none!important;
    }

    .whatsapp-float span{
        display:block!important;
        font-size:27px!important;
        line-height:1!important;
    }

    .section{
        overflow:hidden;
    }
}

@media(max-width:420px){
    .site-header .logo-wrap{
        width:210px!important;
        height:62px!important;
    }

    .hero h1{
        font-size:40px!important;
    }

    .hero-text{
        font-size:17px!important;
    }
}