:root{--v2-dark:#06111d;--v2-navy:#0a2646;--v2-blue:#1767d7;--v2-green:#77c500;--v2-lime:#9aea24;--v2-text:#0c2748;--v2-muted:#60718a;--v2-line:#dce6f0;--v2-soft:#f4f8fc;--v2-shadow:0 24px 60px rgba(4,30,62,.11)}html{scroll-behavior:smooth}body{overflow-x:hidden}.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;background:#eaf6d8;color:#396d00;font-size:12px;font-weight:950;letter-spacing:.35px;text-transform:uppercase}.hero-v2{min-height:660px;padding:88px 0 78px;background:radial-gradient(circle at 76% 28%,rgba(119,197,0,.24),transparent 25%),linear-gradient(115deg,#04101c 0%,#071827 58%,#0a2540 100%)}.hero-v2 .hero-grid{align-items:center;gap:64px}.hero-v2 .hero-copy{max-width:790px}.hero-v2 h1{margin:18px 0 20px;font-size:clamp(42px,5.1vw,75px);line-height:.99;letter-spacing:-2.4px}.hero-v2 .hero-copy>p{max-width:720px;font-size:19px;line-height:1.6;color:#d9e5f2}.hero-v2 .eyebrow{background:rgba(154,234,36,.12);border:1px solid rgba(154,234,36,.26);color:#c9ff79}.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;font-weight:850}.hero-trust{margin-top:28px;color:#d9e5f2;font-size:14px}.hero-result-card{display:flex;align-items:center;justify-content:center;position:relative;min-height:470px;background:none!important}.result-card{width:min(100%,470px);padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06));box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(14px);color:#fff}.result-kicker{display:block;color:#bde97f;font-size:13px;font-weight:850;margin-bottom:12px}.result-card>strong{font-size:27px;line-height:1.15}.result-card ul{display:grid;gap:14px;margin:25px 0;padding:0;list-style:none}.result-card li{padding-left:28px;position:relative;color:#e6eef7}.result-card li:before{content:"✓";position:absolute;left:0;color:#9aea24;font-weight:950}.result-card a{color:#bff56e;font-weight:900}.mini-proof{position:absolute;right:-18px;bottom:36px;display:flex;align-items:center;gap:12px;max-width:245px;padding:15px 18px;border-radius:18px;background:#fff;color:var(--v2-text);box-shadow:var(--v2-shadow)}.mini-proof b{font-size:26px;color:#6db500}.mini-proof span{font-size:12px;line-height:1.35;font-weight:800}.proof-strip{border-bottom:1px solid var(--v2-line);background:#fff}.proof-strip-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);align-items:center;gap:20px;min-height:82px}.proof-strip span{color:var(--v2-muted);font-size:13px;font-weight:800}.proof-strip strong{font-size:15px;color:#274766}.section-title-left{text-align:left;align-items:flex-start;max-width:780px}.section-title-left p{max-width:720px}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.outcome-grid article{padding:30px;border:1px solid var(--v2-line);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(8,35,70,.06)}.outcome-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf5ff;color:var(--v2-blue);font-weight:950}.outcome-grid h3{margin:22px 0 10px;font-size:23px}.outcome-grid p{margin:0;color:var(--v2-muted);line-height:1.65}.section-dark{background:linear-gradient(145deg,#06111d,#0a2c4d);color:#fff}.light h2,.light p{color:#fff}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-grid>a{display:block;padding:27px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.07);transition:.2s}.solution-grid>a:hover{transform:translateY(-5px);border-color:rgba(154,234,36,.55);background:rgba(255,255,255,.1)}.solution-grid a>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(154,234,36,.14);color:#bff56e}.solution-grid svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2}.solution-grid h3{margin:20px 0 9px;font-size:21px}.solution-grid p{min-height:75px;color:#c9d7e6;line-height:1.55}.solution-grid b{color:#bff56e}.featured-work{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.work-card{overflow:hidden;border:1px solid var(--v2-line);border-radius:24px;background:#fff;color:var(--v2-text);box-shadow:var(--v2-shadow)}.work-card img{display:block;width:100%;height:235px;object-fit:cover}.work-card.large img{height:310px}.work-card div{padding:22px}.work-card span{color:var(--v2-blue);font-size:12px;font-weight:900;text-transform:uppercase}.work-card h3{margin:7px 0 0;font-size:23px}.work-card p{color:var(--v2-muted);line-height:1.55}.center-action{text-align:center;margin-top:30px}.btn-outline-dark{border:1px solid #b8c6d5;color:var(--v2-text);background:#fff}.simple-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.simple-price-grid article{position:relative;padding:30px;border:1px solid var(--v2-line);border-radius:24px;background:#fff;box-shadow:0 16px 44px rgba(8,35,70,.07)}.simple-price-grid article.recommended{border:2px solid var(--v2-green);transform:translateY(-8px);box-shadow:0 25px 60px rgba(102,170,0,.15)}.popular{position:absolute;right:22px;top:18px;padding:6px 10px;border-radius:999px;background:#eaf7d8;color:#3f7000;font-size:11px;font-weight:950}.simple-price-grid h3{font-size:25px;margin:0 0 8px}.simple-price-grid>article>p{min-height:42px;color:var(--v2-muted)}.simple-price{display:flex;align-items:flex-end;gap:8px;margin:20px 0}.simple-price b{font-size:39px;letter-spacing:-1px}.simple-price span{padding-bottom:7px;color:var(--v2-muted);font-size:13px}.simple-price-grid ul{min-height:170px;display:grid;align-content:start;gap:10px;padding:0;list-style:none;color:#3f536a;font-size:14px}.simple-price-grid .btn{width:100%}.pricing-hint{text-align:center;color:var(--v2-muted);font-size:12px;margin-top:23px}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.process-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.05;margin:15px 0}.process-grid>div>p{color:var(--v2-muted);font-size:17px;line-height:1.6;margin-bottom:24px}.process-grid ol{display:grid;gap:12px;padding:0;list-style:none}.process-grid li{display:flex;gap:18px;padding:20px;border:1px solid var(--v2-line);border-radius:18px;background:#fff}.process-grid li>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:var(--v2-navy);color:#fff;font-weight:950}.process-grid b{font-size:17px}.process-grid li p{margin:5px 0 0;color:var(--v2-muted)}.conversion-hero .trust-row{justify-content:center;margin-top:22px}.contact-layout-v2{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);align-items:start}.contact-card{padding:34px}.contact-aside{display:grid;gap:18px;position:sticky;top:95px}.form-section-head{display:flex;align-items:center;gap:14px;margin:30px 0 16px}.form-section-head:first-of-type{margin-top:0}.form-section-head>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:var(--v2-navy);color:#fff;font-weight:950}.form-section-head h2{margin:0;font-size:21px}.form-section-head p{margin:3px 0 0;color:var(--v2-muted);font-size:13px}.option-grid-v2{grid-template-columns:repeat(2,1fr)}.option-grid-v2 .option{padding:0}.option-grid-v2 input{position:absolute;opacity:0}.option-grid-v2 span{display:block;padding:13px;border:1px solid var(--v2-line);border-radius:13px;background:#fff;font-weight:800;cursor:pointer}.option-grid-v2 input:checked+span{border-color:var(--v2-green);background:#f2fbe5;box-shadow:inset 0 0 0 1px var(--v2-green)}.consent{display:flex!important;align-items:flex-start;gap:10px;margin:20px 0}.consent input{width:18px;height:18px;margin-top:2px}.form-note{text-align:center;color:var(--v2-muted);font-size:12px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.personal-card,.proof-card{padding:25px}.plain-checks{display:grid;gap:10px;padding:0;list-style:none}.plain-checks li:before{content:"✓";color:#6bb400;font-weight:950;margin-right:9px}.proof-card{display:grid;gap:12px}.proof-card a{padding-top:12px;border-top:1px solid var(--v2-line);font-weight:800;color:#315172}.proof-card a:last-child{color:#5b9e00}.site-footer .brand{color:#fff}@media(max-width:1050px){.solution-grid{grid-template-columns:repeat(2,1fr)}.featured-work{grid-template-columns:1fr 1fr}.work-card.large{grid-column:1/-1}.simple-price-grid{grid-template-columns:1fr 1fr}.simple-price-grid article:last-child{grid-column:1/-1}.proof-strip-grid{grid-template-columns:repeat(3,1fr);padding:18px 0}.proof-strip-grid span{grid-column:1/-1}.contact-layout-v2{grid-template-columns:1fr}.contact-aside{position:static;grid-template-columns:1fr 1fr}}@media(max-width:760px){.hero-v2{padding:60px 0}.hero-v2 h1{font-size:43px;letter-spacing:-1.4px}.hero-v2 .hero-grid{gap:30px}.hero-result-card{min-height:auto}.mini-proof{position:static;margin-top:12px}.outcome-grid,.simple-price-grid,.featured-work,.process-grid{grid-template-columns:1fr}.simple-price-grid article.recommended{transform:none}.simple-price-grid article:last-child,.work-card.large{grid-column:auto}.solution-grid{grid-template-columns:1fr}.solution-grid p{min-height:0}.process-grid{gap:32px}.contact-aside{grid-template-columns:1fr}.option-grid-v2{grid-template-columns:1fr}.contact-card{padding:22px}.trust-row{display:grid;gap:8px}.proof-strip-grid{grid-template-columns:1fr 1fr}.featured-work .work-card img,.work-card.large img{height:220px}}
.smw-hosting-card{flex-basis:calc((100% - 28px)/3);min-width:310px;border-radius:18px!important;padding:26px 22px!important}.smw-hosting-card-head{min-height:92px!important}.smw-hosting-card-head h3{font-size:25px!important}.smw-hosting-features p{font-size:13px!important;line-height:1.45!important}.smw-hosting-order,.smw-hosting-details{border-radius:11px!important}
@media(max-width:1050px){.smw-hosting-card{flex-basis:calc((100% - 14px)/2);min-width:300px}}@media(max-width:680px){.smw-package-slider{padding:0!important}.smw-slider-btn{display:none!important}.smw-hosting-card{flex-basis:92%;min-width:280px}.smw-price-hero-grid{grid-template-columns:1fr!important}.smw-price-hero-box{display:none}.smw-price-hero{padding-top:90px!important}}

/* Referenz-Highlight 2026 */
.reference-showcase{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 9% 17%,rgba(119,197,0,.13),transparent 24%),
        radial-gradient(circle at 91% 82%,rgba(23,103,215,.10),transparent 28%),
        linear-gradient(180deg,#fff 0%,#f5f9fd 100%);
}
.reference-showcase:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    opacity:.32;
    background-image:radial-gradient(#7e9ab8 1px,transparent 1px);
    background-size:24px 24px;
    mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000);
}
.reference-heading{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:130px;
    margin-bottom:26px;
}
.reference-heading .section-title{margin:0}
.local-reference-seal{
    position:absolute;
    right:1%;
    top:0;
    width:112px;
    height:112px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:2px solid #77c500;
    border-radius:50%;
    color:#0c2748;
    background:rgba(255,255,255,.88);
    box-shadow:0 16px 42px rgba(7,39,75,.13),inset 0 0 0 6px #eef7df;
    transform:rotate(5deg);
    text-align:center;
    text-transform:uppercase;
}
.local-reference-seal:before,.local-reference-seal:after{
    content:"•";
    position:absolute;
    color:#77c500;
    font-size:16px;
}
.local-reference-seal:before{left:9px}
.local-reference-seal:after{right:9px}
.local-reference-seal span{font-size:10px;font-weight:900;letter-spacing:1.5px}
.local-reference-seal strong{font-size:14px;line-height:1.15;color:#5da000}
.local-reference-seal small{font-size:9px;font-weight:900;letter-spacing:1px}
.work-card{position:relative;transition:transform .2s ease,box-shadow .2s ease}
.work-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(4,30,62,.17)}
.featured-king{border-color:rgba(119,197,0,.55);box-shadow:0 26px 65px rgba(73,128,0,.16)}
.reference-number{
    position:absolute;
    z-index:3;
    top:18px;
    left:18px;
    padding:9px 14px;
    border-radius:999px;
    color:#fff!important;
    background:linear-gradient(135deg,#77c500,#4d9400);
    box-shadow:0 8px 24px rgba(41,82,0,.32);
    font-size:12px!important;
    letter-spacing:.5px;
}
.site-footer .brand{color:var(--text)}
.reference-list-section{
    position:relative;
    background:
        radial-gradient(circle at 0 0,rgba(119,197,0,.10),transparent 25%),
        linear-gradient(180deg,#fff,#f5f9fd);
}
.reference-page-intro{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:130px;
    margin-bottom:28px;
}
.reference-page-intro h2{margin:10px 0 0;font-size:clamp(29px,3vw,42px)}
.reference-page-intro .local-reference-seal{position:relative;inset:auto}
.project-card{position:relative;transition:transform .2s ease,box-shadow .2s ease}
.project-card:hover{transform:translateY(-5px)}
.project-card.top-project{
    border-color:rgba(119,197,0,.6);
    box-shadow:0 24px 60px rgba(73,128,0,.16);
}
.project-card.top-project img{background:#06111d}

@media(max-width:1050px){
    .reference-heading{justify-content:flex-start;padding-right:135px}
    .reference-heading .section-title{align-items:flex-start;text-align:left}
}
@media(max-width:760px){
    .reference-heading{display:block;min-height:0;padding-right:0;margin-bottom:24px}
    .reference-heading .section-title{align-items:center;text-align:center}
    .local-reference-seal{position:relative;right:auto;top:auto;width:94px;height:94px;margin:18px auto 0}
    .local-reference-seal strong{font-size:12px}
    .reference-number{top:12px;left:12px}
    .reference-page-intro{min-height:0;margin-bottom:22px}
    .reference-page-intro .local-reference-seal{width:86px;height:86px;margin:0}
}

/* Mobile-Optimierung 2026-07: kompakte Karten und echte Smartphone-Layouts */
@media(max-width:760px){
    body{font-size:15px}
    .container{width:min(100% - 32px,var(--max))}
    .section{padding:34px 0}

    .hero-v2{min-height:0;padding:94px 0 36px}
    .hero-v2 h1{font-size:clamp(32px,9.3vw,40px);line-height:1.03;letter-spacing:-1.2px}
    .hero-v2 .hero-copy>p{font-size:16px;line-height:1.5}
    .hero-v2 .hero-actions{gap:10px}
    .hero-v2 .btn{min-height:50px}
    .hero-trust{margin-top:22px}
    .hero-result-card{display:block!important;margin-top:4px}
    .result-card{padding:24px 20px;border-radius:22px}
    .result-card>strong{font-size:24px}
    .result-card ul{gap:10px;margin:18px 0}
    .mini-proof{position:static;width:100%;max-width:none;margin:12px 0 0;justify-content:center}

    .proof-strip-grid{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        gap:9px;
        min-height:0;
        padding:18px 0;
    }
    .proof-strip-grid span{flex:0 0 100%;margin-bottom:2px}
    .proof-strip-grid strong{
        padding:7px 11px;
        border-radius:999px;
        background:#f0f5fa;
        font-size:13px;
    }

    .section-title{margin-bottom:18px}
    .section-title h2{font-size:27px}
    .section-title p{font-size:15px;line-height:1.5}
    .section-title-left{align-items:flex-start;text-align:left}

    .outcome-grid{gap:12px}
    .outcome-grid article{
        display:grid;
        grid-template-columns:48px 1fr;
        column-gap:14px;
        padding:18px;
        border-radius:18px;
    }
    .outcome-grid article>span{grid-row:1 / span 2;width:44px;height:44px;border-radius:13px}
    .outcome-grid h3{margin:1px 0 5px;font-size:20px}
    .outcome-grid p{font-size:14px;line-height:1.48}

    .solution-grid{gap:12px}
    .solution-grid>a{padding:20px;border-radius:18px}
    .solution-grid a>span{width:44px;height:44px}
    .solution-grid h3{margin:14px 0 6px;font-size:20px}
    .solution-grid p{margin:0 0 12px}

    .reference-heading{margin-bottom:18px}
    .reference-heading .section-title{align-items:flex-start;text-align:left}
    .local-reference-seal{
        width:72px;
        height:72px;
        margin:14px 0 0;
        box-shadow:0 10px 26px rgba(7,39,75,.12),inset 0 0 0 4px #eef7df;
    }
    .local-reference-seal span{font-size:8px}
    .local-reference-seal strong{font-size:10px}
    .local-reference-seal small{font-size:7px}
    .featured-work{gap:14px}
    .work-card,.work-card.large{border-radius:19px}
    .featured-work .work-card img,.work-card.large img{
        width:100%;
        height:auto;
        aspect-ratio:16 / 10;
        object-fit:cover;
        object-position:center top;
    }
    .work-card div{padding:18px}
    .work-card h3{font-size:21px}
    .work-card p{font-size:14px;line-height:1.48}

    .reference-page-intro{align-items:flex-end;gap:14px}
    .reference-page-intro .local-reference-seal{flex:0 0 66px;width:66px;height:66px}
    .project-grid{gap:14px}
    .project-card{
        display:block;
        border-radius:20px;
    }
    .project-card img{
        display:block;
        width:100%;
        height:auto;
        min-height:0;
        aspect-ratio:16 / 9;
        object-fit:cover;
        object-position:center top;
    }
    .project-card>div{padding:18px}
    .project-card h3{margin:12px 0 7px;font-size:21px}
    .project-card p{
        display:-webkit-box;
        margin:0 0 13px;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:4;
        font-size:14px;
        line-height:1.45;
    }

    .simple-price-grid{gap:14px}
    .simple-price-grid article,.simple-price-grid article.recommended{
        padding:22px 18px;
        border-radius:20px;
    }
    .simple-price-grid h3{font-size:23px}
    .simple-price-grid>article>p{min-height:0;margin:6px 0 12px}
    .simple-price{margin:12px 0}
    .simple-price b{font-size:35px}
    .simple-price-grid ul{min-height:0;gap:8px;margin:0 0 18px}
    .simple-price-grid .btn{min-height:48px}
    .popular{top:16px;right:16px}

    .process-grid li{padding:16px}
}

@media(max-width:680px){
    .smw-package-slider{padding:0!important}
    .smw-hosting-track{gap:12px;padding:10px 0 18px}
    .smw-hosting-card{
        flex:0 0 88%;
        min-width:0;
        padding:22px 18px!important;
        border-radius:20px!important;
    }
    .smw-hosting-card-head{min-height:0!important}
    .smw-hosting-card-head h3{font-size:24px!important}
    .smw-hosting-card-head p{min-height:0;margin-bottom:12px;font-size:13px}
    .smw-price-area{margin:4px 0 0}
    .smw-hosting-pricebox{min-height:0;margin-bottom:6px}
    .smw-hosting-note{min-height:0;margin:9px 0 14px}
    .smw-hosting-features{gap:8px}
    .smw-hosting-features p{font-size:13px!important}
    .smw-hosting-features p:nth-child(n+7){display:none}
    .smw-hosting-contract{margin-bottom:4px!important}
    .smw-hosting-order,.smw-hosting-details{min-height:46px;border-radius:12px!important}
    .smw-hosting-details{margin-top:15px}
    .smw-slider-hint{padding:0 12px}
}