:root{--pink:#FD3399;--blue:#42A5D9;--purple:#AE67FF;--dark:#111827;--mid:#374151;--muted:#6B7280;--light:#F8FAFC;--border:rgba(66,165,217,.10)}
*,*::before,*::after{box-sizing:border-box}
body{font-family:'Poppins',sans-serif!important;font-weight:400;color:var(--mid);background:#fff;overflow-x:hidden}
h1{font-family:'Poppins',sans-serif!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;line-height:1.12!important;margin:0 0 22px!important}
h2{font-family:'Poppins',sans-serif!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:1px!important;color:var(--blue)!important;line-height:1.22!important;margin:0 0 16px!important}
h3{font-family:'Poppins',sans-serif!important;font-weight:600!important;color:var(--dark)!important;margin:0 0 10px!important}
p,li,span,small,a,label,input,button{font-family:'Poppins',sans-serif!important}

/* Buttons */
.nm-btn{display:inline-flex;align-items:center;gap:8px;background:var(--pink);color:#fff!important;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.8px;padding:15px 38px;border-radius:50px;border:none;text-decoration:none!important;transition:background .25s,box-shadow .25s,transform .2s;box-shadow:0 4px 20px rgba(253,51,153,.28);cursor:pointer;white-space:nowrap}
.nm-btn:hover{background:var(--purple);box-shadow:0 8px 28px rgba(174,103,255,.32);transform:translateY(-2px);color:#fff!important}
.nm-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.85)!important;font-weight:600;font-size:.88rem;text-transform:uppercase;letter-spacing:.7px;padding:13px 30px;border-radius:50px;border:1.5px solid rgba(255,255,255,.22);text-decoration:none!important;transition:background .25s,border-color .25s}
.nm-btn-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff!important}

/* Header */
.header_area{position:relative;z-index:1000}
.header_v15 .top{display:none!important}
.header_v15 header.header{background:#fff!important;box-shadow:0 2px 24px rgba(0,0,0,.07)!important;padding:10px 0!important}
.header_logo_box img{max-height:100px!important;width:200px!important}
.navbar_nav>li>a,.navbar_nav>li>a span{font-family:'Poppins',sans-serif!important;font-weight:600!important;font-size:.83rem!important;color:var(--dark)!important;text-transform:uppercase;letter-spacing:.5px}
.navbar_nav>li>a:hover span,.navbar_nav>li.active>a span{color:var(--pink)!important}
.header-button .theme-btn.one{background:var(--pink)!important;color:#fff!important;font-family:'Poppins',sans-serif!important;font-weight:600!important;font-size:.82rem!important;text-transform:uppercase;padding: 0px 26px;border-radius:50px!important;border:none!important;transition:background .25s,box-shadow .25s;box-shadow:0 3px 14px rgba(253,51,153,.22)}
.header-button .theme-btn.one:hover{background:var(--purple)!important;box-shadow:0 5px 18px rgba(174,103,255,.3)!important}
.navbar_togglers .line{background:var(--pink)!important}

/* HERO */
.nm-hero{position:relative;min-height:94vh;display:flex;align-items:center;
    background: linear-gradient(160deg,#060e2294 0%,#0c1d44db 50%,#070d1fad 100%), url(../images/hero.png); background-size: cover; background-repeat: no-repeat;overflow:hidden;}
.hblob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px)}
.hblob.b1{width:640px;height:640px;background:radial-gradient(circle,rgba(253,51,153,.45),transparent 68%);top:-180px;right:-120px;animation:bpulse 9s ease-in-out infinite}
.hblob.b2{width:520px;height:520px;background:radial-gradient(circle,rgba(66,165,217,.38),transparent 68%);bottom:-100px;left:-80px;animation:bpulse 11s ease-in-out infinite reverse}
.hblob.b3{width:280px;height:280px;background:radial-gradient(circle,rgba(174,103,255,.28),transparent 68%);top:42%;left:42%;animation:bpulse 13s ease-in-out infinite 3s}
@keyframes bpulse{0%,100%{transform:scale(1) translate(0,0)}33%{transform:scale(1.07) translate(18px,-14px)}66%{transform:scale(.94) translate(-10px,18px)}}
.hgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(66,165,217,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(66,165,217,.03) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.nm-hero-inner{position:relative;z-index:2;width:100%;padding:130px 0 110px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(66,165,217,.12);border:1px solid rgba(66,165,217,.25);color:#7dd3fc;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1.4px;padding:7px 18px;border-radius:50px;margin-bottom:28px}
.hero-eyebrow .dot{width:6px;height:6px;background:var(--blue);border-radius:50%;animation:dblink 2s ease-in-out infinite}
@keyframes dblink{0%,100%{opacity:1}50%{opacity:.25}}
.nm-hero h1, .nm-hero h1 span{font-size:clamp(2.2rem,5vw,3.5rem)!important;line-height: 1.3 !important;color:#fff!important;max-width:660px}
.nm-hero h1 .accent{color:var(--pink)!important}
.hero-sub{font-size:1.04rem;color:rgba(255,255,255,.68);line-height:1.8;max-width:530px;margin-bottom:34px}
.hero-trust{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:40px}
.tbadge{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:500;color:rgba(255,255,255,.78)}
.tbadge .stars{display:flex;gap:2px}
.tbadge .stars i{color:#FFC107;font-size:.7rem}
.tbadge .score{color:#FFC107;font-weight:700;font-size:.86rem}
.tsep{width:1px;height:22px;background:rgba(255,255,255,.14)}
.tbadge i.fa-user-circle{color:var(--blue);font-size:.88rem}
.hero-btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-btns .nm-btn{font-size:.95rem;padding:16px 42px}
.hero-card-col{display:flex;justify-content:center;align-items:center}
.nm-ins-card{background:rgba(255,255,255,.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:36px 32px 28px;max-width:360px;width:100%;position:relative;box-shadow:0 28px 64px rgba(0,0,0,.38)}
.icard-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.icard-logobox{width:50px;height:50px;background:linear-gradient(135deg,var(--pink),#ff6bb5);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icard-logobox i{color:#fff;font-size:1.45rem}
.icard-htitle{font-size:.92rem!important;color:#fff!important;font-weight:600!important;margin:0 0 2px!important;text-transform:none!important;letter-spacing:0!important}
.icard-hsub{font-size:.72rem!important;color:rgba(255,255,255,.48)!important;margin:0!important}
.icov-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.icov-row:last-of-type{border-bottom:none}
.icov-icon{width:34px;height:34px;min-width:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.82rem}
.icov-icon.c1{background:rgba(253,51,153,.15);color:var(--pink)}
.icov-icon.c2{background:rgba(66,165,217,.15);color:var(--blue)}
.icov-icon.c3{background:rgba(174,103,255,.15);color:var(--purple)}
.icov-icon.c4{background:rgba(46,204,113,.15);color:#2ecc71}
.icov-label{font-size:.83rem;color:rgba(255,255,255,.82);font-weight:500;flex:1}
.icov-chk{color:#2ecc71;font-size:.75rem}
.icard-cta{margin-top:22px}
.icard-cta .nm-btn{width:100%;justify-content:center;font-size:.86rem;padding:13px 20px}
.fbadge{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border-radius:50px;padding:8px 16px;font-size:.7rem;font-weight:700;color:var(--dark);box-shadow:0 8px 28px rgba(0,0,0,.2);white-space:nowrap;z-index:3;animation:fbfloat 4s ease-in-out infinite}
.fbadge.f1{top:-14px;right:-8px;animation-delay:0s}
/* .fbadge.f2{bottom: 73px;left:-22px;animation-delay:2s} */
.fbadge.f1 i{color:var(--pink)}
.fbadge.f2 i{color:var(--blue)}
@keyframes fbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Section 2 */
.s-versichert{background:#fff;padding:100px 0}
.section-tag{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--pink);margin-bottom:12px}
.section-center{text-align:center;max-width:700px;margin:0 auto 64px}
.section-center h2{font-size:clamp(1.5rem,3vw,2.1rem)!important}
.section-center p{font-size:.98rem;color:var(--muted);line-height:1.85;margin:0}
.cov-card{background:#fff;border-radius:22px;padding:38px 30px;height:100%;border:1.5px solid var(--border);transition:box-shadow .3s,transform .3s,border-color .3s;position:relative;overflow:hidden}
.cov-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .35s;border-radius:0 0 22px 22px}
.cov-card:hover{box-shadow:0 16px 48px rgba(253,51,153,.10),0 4px 12px rgba(0,0,0,.05);transform:translateY(-6px);border-color:rgba(253,51,153,.15)}
.cov-card:hover::after{transform:scaleX(1)}
.cov-num{position:absolute;top:18px;right:22px;font-size:3.8rem;font-weight:800;color:rgba(66,165,217,.05);line-height:1;pointer-events:none}
.cov-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin-bottom:22px}
.ci1{background:linear-gradient(135deg,rgba(253,51,153,.10),rgba(253,51,153,.04));color:var(--pink)}
.ci2{background:linear-gradient(135deg,rgba(66,165,217,.12),rgba(66,165,217,.04));color:var(--blue)}
.ci3{background:linear-gradient(135deg,rgba(174,103,255,.10),rgba(174,103,255,.04));color:var(--purple)}
.ci4{background:linear-gradient(135deg,rgba(46,204,113,.10),rgba(46,204,113,.04));color:#2ecc71}
.cov-card h3{font-size:1.07rem!important;margin-bottom:12px!important}
.cov-card p{font-size:.87rem;color:var(--muted);line-height:1.72;margin:0}

/* Section 3 */
.s-warum{background:var(--light);padding:100px 0;position:relative;overflow:hidden}
.s-warum::before{content:'';position:absolute;top:-140px;right:-140px;width:520px;height:520px;background:radial-gradient(circle,rgba(253,51,153,.04),transparent 68%);border-radius:50%;pointer-events:none}
.section-left{max-width:540px}
.section-left h2{font-size:clamp(1.45rem,3vw,2rem)!important}
.wbullets{display:flex;flex-direction:column;gap:13px;margin:28px 0 26px}
.wbullet{display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:17px 20px;box-shadow:0 2px 14px rgba(0,0,0,.04);transition:box-shadow .25s,transform .25s;border:1px solid transparent}
.wbullet:hover{box-shadow:0 6px 24px rgba(253,51,153,.09);transform:translateX(4px);border-color:rgba(253,51,153,.08)}
.wbi{width:42px;height:42px;min-width:42px;border-radius:11px;background:linear-gradient(135deg,var(--pink),#ff6bb5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;box-shadow:0 3px 10px rgba(253,51,153,.22)}
.wbullet p{font-size:.88rem;font-weight:600;color:var(--dark);margin:0;flex:1}
.wbullet .wchk{color:var(--pink);font-size:.8rem}
.warum-quote{font-size:.95rem;color:var(--mid);line-height:1.82;padding:18px 22px;background:#fff;border-radius:14px;border-left:3px solid var(--blue);box-shadow:0 2px 12px rgba(66,165,217,.07);margin:0}
.warum-right{padding-left:32px}
.wstat{background:#fff;border-radius:22px;padding:28px 26px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 22px rgba(66,165,217,.09);margin-bottom:16px;border:1px solid var(--border);transition:box-shadow .25s,transform .25s}
.wstat:hover{box-shadow:0 10px 32px rgba(253,51,153,.10);transform:translateY(-3px)}
.wstat-icon{width:52px;height:52px;min-width:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.wi1{background:rgba(253,51,153,.09);color:var(--pink)}
.wi2{background:rgba(66,165,217,.09);color:var(--blue)}
.wi3{background:rgba(174,103,255,.09);color:var(--purple)}
.wstat-num{font-size:2rem;font-weight:700;color:var(--dark);line-height:1}
.wstat-lbl{font-size:.78rem;color:var(--muted);font-weight:500;margin-top:3px}

/* Section 4 */
.s-steps{background:#fff;padding:100px 0}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;margin-top:64px}
.steps-grid::before{content:'';position:absolute;top:44px;left:calc(16.5% + 44px);right:calc(16.5% + 44px);height:2px;background:linear-gradient(90deg,var(--pink),var(--blue),var(--purple));z-index:0}
.step{text-align:center;padding:0 20px;position:relative;z-index:1}
.step-bubble{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-size:1.8rem;color:#fff;position:relative;transition:transform .3s,box-shadow .3s}
.step-bubble:hover{transform:scale(1.08) rotate(-3deg)}
.sb1{background:linear-gradient(135deg,var(--pink),#ff6bb5);box-shadow:0 8px 28px rgba(253,51,153,.32)}
.sb2{background:linear-gradient(135deg,var(--blue),#64c8f5);box-shadow:0 8px 28px rgba(66,165,217,.32)}
.sb3{background:linear-gradient(135deg,var(--purple),#c89bff);box-shadow:0 8px 28px rgba(174,103,255,.32)}
.sbadge{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:50%;background:var(--dark);color:#fff;font-size:.58rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.step h3{font-size:1rem!important;margin-bottom:10px!important}
.step p{font-size:.84rem;color:var(--muted);line-height:1.65;margin:0}
.steps-cta{text-align:center;margin-top:60px}

/* Section 5 */
.s-wechseln{background:var(--light);padding:80px 0}
.wechseln-card{background:#fff;border-radius:28px;padding:54px 60px;box-shadow:0 6px 36px rgba(66,165,217,.09);border:1px solid var(--border);display:flex;align-items:center;gap:48px;flex-wrap:wrap;position:relative;overflow:hidden}
.wechseln-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--pink),var(--blue));border-radius:28px 0 0 28px}
.wexicon{width:88px;height:88px;min-width:88px;background:linear-gradient(135deg,var(--blue),#64c8f5);border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.4rem;box-shadow:0 8px 24px rgba(66,165,217,.28);flex-shrink:0}
.wex-txt{flex:1}
.wex-txt h2{margin-bottom:14px!important}
.wex-txt p{font-size:.97rem;color:var(--mid);line-height:1.82;margin:0;max-width:500px}

/* Section 6 */
.s-cta{position:relative;background:linear-gradient(150deg,#06101f 0%,#0e1e44 42%,#0a1430 100%);padding:120px 0;text-align:center;overflow:hidden}
.cblob{position:absolute;border-radius:50%;pointer-events:none}
.cblob.cb1{top:-120px;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(253,51,153,.12),transparent 64%)}
.cblob.cb2{bottom:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(66,165,217,.09),transparent 64%)}
.cblob.cb3{bottom:0;left:-60px;width:350px;height:350px;background:radial-gradient(circle,rgba(174,103,255,.07),transparent 64%)}
.s-cta-inner{position:relative;z-index:2}
.s-cta h2{font-size:clamp(1.7rem,3.8vw,2.65rem)!important;color:#fff!important;margin-bottom:18px!important}
.s-cta p{font-size:1.04rem;color:rgba(255,255,255,.66);max-width:520px;margin:0 auto 40px;line-height:1.78}
.s-cta .nm-btn{font-size:1rem;padding:17px 46px;box-shadow:0 8px 32px rgba(253,51,153,.38)}
.cpills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:36px}
.cpill{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(8px);border-radius:50px;padding:9px 20px;font-size:.76rem;color:rgba(255,255,255,.76);font-weight:500;transition:background .2s}
.cpill:hover{background:rgba(255,255,255,.10)}
.cpill i{color:var(--blue);font-size:.8rem}

/* Footer */
.footer_area{background:#f8fafc!important}
.footer_area .fo_wid_title h2{color:var(--dark)!important;font-size:.9rem!important;letter-spacing:.8px!important;font-weight:700!important}
.footer_area .list_item_box.style_one ul li a{font-size:.84rem!important;color:var(--muted)!important;transition:color .2s}
.footer_area .list_item_box.style_one ul li a:hover{color:var(--pink)!important}
.footer_area .get_intouch_inrfo p,.footer_area .get_intouch_inrfo a{font-size:.84rem!important;color:var(--muted)!important}
.footer_area .get_intouch_inrfo h6{color:var(--dark)!important;font-weight:600!important;font-size:.8rem!important}
.footer-copyright{background:#fff!important;border-top:1px solid #e9ecef!important}
.footer-copyright div,.footer-copyright a{font-size:.81rem!important;color:var(--muted)!important}
.footer-copyright a:hover{color:var(--pink)!important}
.footer_logo img{max-height:44px!important;width:auto!important}
.footer_widgets .fo_wid_title::before{background-color: #42A5D9 !important}
.social_media_v_one ul li a span{color:var(--muted)!important}
.social_media_v_one ul li a span:hover{color:var(--pink)!important}
.foo_subscribe input[type="email"]{font-size:.83rem!important;border-radius:8px 0 0 8px!important;border:1px solid #e0e4ea!important}
.foo_subscribe input[type="submit"]{background:var(--pink)!important;font-weight:600!important;font-size:.81rem!important;border-radius:0 8px 8px 0!important;border:none!important;cursor:pointer!important;transition:background .2s!important}
.foo_subscribe input[type="submit"]:hover{background:var(--purple)!important}
.foo_subscribe .item_subscribe p{font-size:.82rem!important;color:var(--muted)!important}

/* Misc */
.style-switcher,.mini_cart_togglers,.preloader-wrap{display:none!important}
.prgoress_indicator path{stroke:var(--pink)!important}

.dropdown-menu{height: 200px; overflow-x: scroll;}

/* Scroll reveal */
.sr{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.sr.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.08s}.d2{transition-delay:.17s}.d3{transition-delay:.26s}.d4{transition-delay:.35s}

/* Responsive */
@media(max-width:991px){.nm-hero-inner{padding:90px 0 70px}.nm-hero h1, .nm-hero h1 span{font-size:3rem!important}.hero-card-col{margin-top:52px}.warum-right{padding-left:0;margin-top:48px}}
@media(max-width:767px){.nm-hero h1, .nm-hero h1 span{font-size:1.78rem!important}.hero-trust{gap:10px}.tsep{display:none}.s-versichert,.s-warum,.s-steps{padding:68px 0}.cov-card{margin-bottom:20px}.wechseln-card{padding:36px 28px;flex-direction:column;text-align:center;gap:26px}.s-cta{padding:80px 0}.steps-grid{grid-template-columns:1fr;gap:32px}.steps-grid::before{display:none}
.header .navbar_togglers, .sticky_header_main .navbar_togglers {
    display: block;
    width: 50px;
    margin-left: auto;
    top: -35px;
  }
.header_v15 header.header{
    height: 70px;
}
}

@media (max-width: 410px) {
  .nm-hero h1, .nm-hero h1 span {
    font-size: 1.5rem !important;
  }
}
   
/* ── Mobile menu panel ── */

.nm-mob-nav{list-style:none;padding:0;margin:0}
.nm-mob-nav > li{border-bottom:1px solid #f0f4f8}
.nm-mob-nav > li > a{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 20px;
  font-family:'Poppins',sans-serif;font-size:.85rem;font-weight:600;
  color:#111827;text-decoration:none;text-transform:uppercase;letter-spacing:.4px;
  transition:color .2s,background .2s
}
.nm-mob-nav > li > a:hover,
.nm-mob-nav > li.sub-open > a{color:#FD3399;background:rgba(253,51,153,.04)}
.nm-caret{font-size:.65rem;color:#9ca3af;transition:transform .25s;pointer-events:none;margin-left:6px;flex-shrink:0}
.nm-mob-nav > li.sub-open > a .nm-caret{transform:rotate(180deg)}
.nm-mob-sub{display:none;list-style:none;padding:0;margin:0;background:#f8fafc}
.nm-mob-sub li{border-bottom:1px solid #eef2f7}
.nm-mob-sub li a{
  display:block;padding:10px 32px;
  font-family:'Poppins',sans-serif;font-size:.8rem;font-weight:500;
  color:#374151;text-decoration:none;
  transition:color .2s
}
.nm-mob-sub li a:hover{color:#FD3399}
body.mob-locked{overflow:hidden}

.s-final-cta p,
  .s-cta-inner > p{
    color: #fff;
  }
/* NAMMERT MOBILE MENU */
#nm-menu-overlay{display:none;position:fixed;inset:0;z-index:999999}
#nm-menu-overlay.nm-on{display:block}
/* #nm-menu-backdrop{position:absolute;inset:0;} */
#nm-menu-drawer{position:absolute;top:0;right:0;width:310px;max-width:90vw;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-6px 0 40px rgba(0,0,0,.2);transform:translateX(110%);transition:transform .36s cubic-bezier(.22,1,.36,1)}
#nm-menu-overlay.nm-on #nm-menu-drawer{transform:translateX(0); z-index: 1000 !important;}
#nm-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#0d1b2e,#1a2f50);flex-shrink:0}
#nm-menu-close{background:rgba(253,51,153,.15);border:none;cursor:pointer;width:34px;height:34px;border-radius:50%;color:#FD3399;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}
#nm-menu-close:hover{background:rgba(253,51,153,.3)}
#nm-menu-nav{flex:1;overflow-y:auto}
#nm-menu-nav ul{list-style:none;padding:0;margin:0}
#nm-menu-nav>ul>li{border-bottom:1px solid #f1f5f9}
#nm-menu-nav>ul>li>a{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:700;color:#0d1b2e;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .2s,background .2s}
#nm-menu-nav>ul>li>a:hover,#nm-menu-nav>ul>li.nm-open>a{color:#FD3399;background:rgba(253,51,153,.04)}
.nm-tog{width:22px;height:22px;border-radius:50%;background:#f1f5f9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#9ca3af;flex-shrink:0;transition:transform .25s,background .2s,color .2s;pointer-events:none}
#nm-menu-nav>ul>li.nm-open>a .nm-tog{transform:rotate(180deg);background:rgba(253,51,153,.12);color:#FD3399}
.nm-sub{display:none;list-style:none;padding:4px 0;margin:0;background:#f8fafc;border-top:1px solid #f1f5f9}
.nm-sub li a{display:flex;align-items:center;gap:8px;padding:9px 20px 9px 34px;font-family:Poppins,sans-serif;font-size:.79rem;font-weight:500;color:#374151;text-decoration:none;transition:color .15s,padding-left .15s}
.nm-sub li a:hover{color:#FD3399;padding-left:40px}
.nm-dot{width:5px;height:5px;border-radius:50%;background:#42A5D9;flex-shrink:0;display:inline-block;margin-right:2px}
#nm-menu-footer{padding:14px 18px;background:linear-gradient(135deg,#0d1b2e,#1a2f50);flex-shrink:0}
#nm-menu-footer a{display:block;text-align:center;padding:12px;border-radius:8px;background:linear-gradient(135deg,#FD3399,#e91f8a);color:#fff;font-family:Poppins,sans-serif;font-size:.81rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.4px}
@media(min-width:992px){.navbar_togglers.hamburger_menu{display:none!important}}


/* ────────────────────────────────────────────────────────────
   LEGAL PAGES STYLES
   (impressum.html · datenschutz.html · nutzungshinweise.html)
   ──────────────────────────────────────────────────────────── */
:root{--pink:#FD3399;--blue:#42A5D9;--dark:#111827;--mid:#374151;--muted:#6B7280}
  *,*::before,*::after{box-sizing:border-box}
  body{font-family:Poppins,sans-serif;color:var(--mid);background:#fff;overflow-x:hidden}
  p,li,a,span,small{font-family:Poppins,sans-serif!important;font-size:.9rem;line-height:1.75}

  /* ── HEADER ── */
  .nm-header{background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.07);padding:12px 0;position:sticky;top:0;z-index:999}
  .nm-header-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
  .nm-logo img{height:48px;width:auto}
  .nm-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .2s}
  .nm-back:hover{color:var(--pink)}
  .nm-back i{font-size:.7rem}

  /* ── HERO BAND ── */
  .lp-hero{background:linear-gradient(135deg,#0d1b2e 0%,#1a3055 100%);padding:56px 0 44px;margin-bottom:0}
  .lp-hero-inner{max-width:1200px;margin:0 auto;padding:0 24px}
  .lp-crumb{font-size:.75rem;color:rgba(255,255,255,.5);margin-bottom:12px;text-transform:uppercase;letter-spacing:.6px}
  .lp-crumb a{color:rgba(255,255,255,.5);text-decoration:none}
  .lp-crumb a:hover{color:var(--pink)}
  .lp-crumb span{color:rgba(255,255,255,.85)}
  .lp-title{font-family:Poppins,sans-serif!important;font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 8px}
  .lp-sub{color:rgba(255,255,255,.55);font-size:.85rem}
  .lp-accent{display:inline-block;width:48px;height:3px;background:var(--pink);border-radius:2px;margin-top:14px}

  /* ── CONTENT ── */
  .lp-body{max-width:1200px;margin:0 auto;padding:48px 24px 80px}
  .lp-body h1{font-family:Poppins,sans-serif!important;font-size:1.5rem;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:1px;margin:0 0 24px}
  .lp-body h2.lh2{font-family:Poppins,sans-serif!important;font-size:1rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.8px;margin:36px 0 12px;padding-top:20px;border-top:1px solid #f1f5f9}
  .lp-body h3.lh3{font-family:Poppins,sans-serif!important;font-size:.88rem;font-weight:600;color:var(--dark);margin:20px 0 8px}
  .lp-body p{margin:0 0 14px;color:var(--mid)}
  .lp-body .lnum{padding-left:4px}
  .lp-body .lnum strong{color:var(--dark)}
  .lp-body ul.lul{padding-left:0;list-style:none;margin:0 0 16px}
  .lp-body ul.lul li{padding:4px 0 4px 20px;position:relative;color:var(--mid)}
  .lp-body ul.lul li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
  .lp-body hr.lhr{border:none;border-top:2px solid #f1f5f9;margin:32px 0}
  .lp-body a{color:var(--pink);text-decoration:none}
  .lp-body a:hover{text-decoration:underline}

  /* ── TOC box (Datenschutz only) ── */
  .lp-toc{background:#f8fafc;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;padding:20px 24px;margin:0 0 32px}
  .lp-toc h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--dark);margin:0 0 10px}
  .lp-toc ul{list-style:none;padding:0;margin:0;columns:2;gap:20px}
  .lp-toc ul li{padding:3px 0;font-size:.8rem}
  .lp-toc ul li a{color:var(--blue)}
  @media(max-width:600px){.lp-toc ul{columns:1}}

  /* ── Info boxes ── */
  .lp-card{background:#f8fafc;border-radius:10px;padding:20px 24px;margin:0 0 24px;border:1px solid #eef2f7}
  .lp-card h3{font-size:.85rem;font-weight:700;color:var(--dark);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}
  .lp-card p{margin:0;font-size:.84rem}

  /* ── FOOTER ── */
  .nm-footer{background:#0d1b2e;padding:32px 0 20px}
  .nm-footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
  .nm-footer img{height:38px;opacity:.8}
  .nm-footer-links{display:flex;gap:20px;flex-wrap:wrap}
  .nm-footer-links a{color:rgba(255,255,255,.45);font-size:.78rem;text-decoration:none;transition:color .2s}
  .nm-footer-links a:hover,.nm-footer-links a.active{color:var(--pink)}
  .nm-footer-copy{width:100%;text-align:center;color:rgba(255,255,255,.25);font-size:.75rem;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}

/* ────────────────────────────────────────────────────────────
   PRODUCT PAGE STYLES
   (product.html – Bootsversicherung)
   ──────────────────────────────────────────────────────────── */
/* ── PAGE-SPECIFIC STYLES (bootsversicherung.html only) ── */

   /* Breadcrumb bar */
   .pg-breadcrumb{background:#f8fafc;border-bottom:1px solid #eef2f7;padding:2.5rem 0}
   .pg-breadcrumb .auto-container{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--muted);flex-wrap:wrap}
   .pg-breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}
   .pg-breadcrumb a:hover{color:var(--pink)}
   .pg-breadcrumb .sep{color:#cbd5e1;font-size:.65rem}
   .pg-breadcrumb .current{color:var(--dark);font-weight:600}
   .dropdown-item.nav-link.active span,
   .nm-sub li a .active{
    color: var(--pink) !important;
   }

   /* ── 1. COMPACT INTRO HERO ── */
   .pg-intro{background:linear-gradient(150deg,#06101f 0%,#0e1e44 50%,#060e22 100%);position:relative;overflow:hidden;padding:80px 0 72px}
   .pg-intro-blobs .pb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
   .pg-intro-blobs .pb1{width:480px;height:480px;background:radial-gradient(circle,rgba(253,51,153,.30),transparent 68%);top:-160px;right:-80px}
   .pg-intro-blobs .pb2{width:380px;height:380px;background:radial-gradient(circle,rgba(66,165,217,.22),transparent 68%);bottom:-80px;left:-60px}
   .pg-intro-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(66,165,217,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(66,165,217,.03) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
   .pg-intro-inner{position:relative;z-index:2}
   .pg-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(66,165,217,.12);border:1px solid rgba(66,165,217,.25);color:#7dd3fc;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.4px;padding:6px 16px;border-radius:50px;margin-bottom:22px}
   .pg-eyebrow .dot{width:5px;height:5px;background:var(--blue);border-radius:50%;animation:dblink 2s ease-in-out infinite}
   .pg-intro h1{font-size:clamp(1.65rem,3.8vw,2.6rem)!important;color:#fff!important;margin:0 0 18px!important;max-width:720px;line-height:1.22!important}
   .pg-intro h1 .accent{color:var(--pink)!important; font-size: clamp(1.65rem,3.8vw,2.6rem) !important;}
   .pg-intro-sub{font-size:.96rem;color:rgba(255,255,255,.65);line-height:1.82;max-width:580px;margin-bottom:36px}
   .pg-intro-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
   .pg-meta-pill{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:50px;padding:7px 16px;font-size:.74rem;color:rgba(255,255,255,.72);font-weight:500}
   .pg-meta-pill i{color:var(--blue);font-size:.75rem}

   /* ── 2. VIDEO SECTION ── */
   .s-video{background:#fff;padding:90px 0}
   .video-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--pink);margin-bottom:10px}
   .video-heading{font-size:clamp(1.35rem,2.8vw,1.9rem)!important;color:var(--dark)!important;margin-bottom:14px!important}
   .video-sub{font-size:.92rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:32px}
   .video-placeholder{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#0d1b2e,#1a3055);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.22);cursor:pointer;border:1px solid rgba(66,165,217,.15)}
   .video-placeholder-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
   .vp-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(66,165,217,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(66,165,217,.04) 1px,transparent 1px);background-size:40px 40px}
   .vp-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
   .vp-blob.vb1{width:300px;height:300px;background:radial-gradient(circle,rgba(253,51,153,.18),transparent 68%);top:-60px;right:-40px}
   .vp-blob.vb2{width:240px;height:240px;background:radial-gradient(circle,rgba(66,165,217,.15),transparent 68%);bottom:-40px;left:-30px}
   .vp-play{position:relative;z-index:2;width:80px;height:80px;background:linear-gradient(135deg,var(--pink),#ff6bb5);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(253,51,153,.45);transition:transform .25s,box-shadow .25s}
   .video-placeholder:hover .vp-play{transform:scale(1.1);box-shadow:0 12px 40px rgba(253,51,153,.55)}
   .vp-play i{color:#fff;font-size:1.6rem;margin-left:4px}
   .vp-label{position:relative;z-index:2;color:rgba(255,255,255,.5);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}
   .vp-badge{position:absolute;top:18px;left:18px;z-index:3;background:rgba(253,51,153,.15);border:1px solid rgba(253,51,153,.3);border-radius:50px;padding:5px 14px;font-size:.68rem;font-weight:700;color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:.8px}
   .video-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
   .video-bullets li{display:flex;align-items:flex-start;gap:12px;font-size:.88rem;color:var(--mid);line-height:1.6}
   .video-bullets li .vbull-icon{width:32px;height:32px;min-width:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0}
   .vbull-icon.vi1{background:rgba(253,51,153,.09);color:var(--pink)}
   .vbull-icon.vi2{background:rgba(66,165,217,.09);color:var(--blue)}
   .vbull-icon.vi3{background:rgba(174,103,255,.09);color:var(--purple)}
   .vbull-icon.vi4{background:rgba(46,204,113,.09);color:#2ecc71}

   /* ── 3. COMPARISON TABLE ── */
   .s-comparison{background:var(--light);padding:90px 0}
   .s-comparison .section-center{margin-bottom:48px}
   .cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
   .cmp-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.07);border:1px solid #eef2f7}
   .cmp-table thead tr th{padding:20px 24px;font-family:'Poppins',sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff;background:linear-gradient(135deg,#0d1b2e,#1a3055);border-right:1px solid rgba(255,255,255,.07)}
   .cmp-table thead tr th:first-child{border-radius:0;min-width:160px}
   .cmp-table thead tr th.th-highlight{background:linear-gradient(135deg,var(--pink),#e91f8a);position:relative}
   .cmp-table thead tr th.th-highlight::after{content:'Empfohlen';position:absolute;top:-1px;right:16px;background:#fff;color:var(--pink);font-size:.58rem;font-weight:700;padding:3px 10px;border-radius:0 0 8px 8px;letter-spacing:.5px}
   .cmp-table tbody tr{transition:background .18s}
   .cmp-table tbody tr:hover{background:#fafcff}
   .cmp-table tbody tr:last-child td{border-bottom:none}
   .cmp-table tbody td{padding:16px 24px;font-size:.85rem;color:var(--mid);border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:middle}
   .cmp-table tbody td:last-child{border-right:none}
   .cmp-table tbody td:first-child{font-weight:600;color:var(--dark);background:#fafcff}
   .cmp-table tbody td.td-highlight{background:rgba(253,51,153,.02)}
   .cmp-check{color:#2ecc71;font-size:.9rem}
   .cmp-cross{color:#ef4444;font-size:.9rem}
   .cmp-partial{color:#f59e0b;font-size:.8rem;font-weight:600}
   .cmp-table tfoot td{padding:20px 24px;border-top:2px solid #f1f5f9;background:#fafcff;font-size:.78rem;color:var(--muted);font-style:italic}
   .cmp-table tfoot td:first-child{border-radius:0 0 0 20px}
   .cmp-table tfoot td:last-child{border-radius:0 0 20px 0}

   /* ── 4. INFORMATION SECTIONS ── */
   .s-info{padding:90px 0}
   .s-info.bg-light{background:var(--light)}
   .s-info.bg-white{background:#fff}
   .info-icon-box{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:22px;flex-shrink:0}
   .ib1{background:linear-gradient(135deg,rgba(253,51,153,.10),rgba(253,51,153,.04));color:var(--pink)}
   .ib2{background:linear-gradient(135deg,rgba(66,165,217,.12),rgba(66,165,217,.04));color:var(--blue)}
   .ib3{background:linear-gradient(135deg,rgba(174,103,255,.10),rgba(174,103,255,.04));color:var(--purple)}
   .ib4{background:linear-gradient(135deg,rgba(46,204,113,.10),rgba(46,204,113,.04));color:#2ecc71}
   .info-card{background:#fff;border-radius:18px;padding:34px 30px;height:100%;border:1.5px solid var(--border);transition:box-shadow .3s,transform .3s,border-color .3s;position:relative;overflow:hidden}
   .info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .35s;border-radius:18px 18px 0 0}
   .info-card:hover{box-shadow:0 12px 40px rgba(66,165,217,.10);transform:translateY(-5px);border-color:rgba(66,165,217,.2)}
   .info-card:hover::before{transform:scaleX(1)}
   .info-card h3{font-size:1rem!important;margin-bottom:12px!important;color:var(--dark)!important}
   .info-card p{font-size:.86rem;color:var(--muted);line-height:1.78;margin:0}
   .info-text-block{max-width:640px}
   .info-text-block h2{font-size:clamp(1.35rem,2.8vw,1.9rem)!important;margin-bottom:18px!important}
   .info-text-block p{font-size:.95rem;color:var(--mid);line-height:1.85;margin-bottom:16px}
   .info-text-block p:last-child{margin-bottom:0}
   .info-quote{background:linear-gradient(135deg,#f8fafc,#fff);border-left:3px solid var(--blue);border-radius:0 12px 12px 0;padding:20px 24px;margin:28px 0 0;font-size:.93rem;color:var(--mid);line-height:1.8;font-style:italic;box-shadow:0 2px 12px rgba(66,165,217,.06)}

   /* ── Calculator placeholder ── */
   .s-calculator{background:var(--light);padding:90px 0}
   .calc-placeholder{background:#fff;border-radius:24px;padding:60px;border:2px dashed rgba(66,165,217,.25);text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.04)}
   .calc-placeholder-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(253,51,153,.08),rgba(66,165,217,.08));border-radius:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:2rem;color:var(--blue)}
   .calc-placeholder h3{font-size:1.1rem!important;color:var(--dark)!important;margin-bottom:10px!important}
   .calc-placeholder p{font-size:.88rem;color:var(--muted);max-width:420px;margin:0 auto 0;line-height:1.75}
   .calc-placeholder .calc-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;background:rgba(66,165,217,.07);border:1px solid rgba(66,165,217,.15);border-radius:50px;padding:8px 18px;font-size:.74rem;color:var(--blue);font-weight:600}

   /* ── 5. FINAL CTA ── */
   .s-final-cta{position:relative;background:linear-gradient(150deg,#06101f 0%,#0e1e44 42%,#0a1430 100%);padding:110px 0;text-align:center;overflow:hidden}

   /* Responsive extras */
   @media(max-width:991px){
     .pg-intro{padding:60px 0 52px}
     .s-video{padding:68px 0}
     .s-comparison{padding:68px 0}
     .s-info{padding:68px 0}
     .s-calculator{padding:68px 0}
   }
   @media(max-width:767px){
     .pg-intro{padding:48px 0 42px}
     .pg-intro h1{font-size:1.55rem!important}
     .calc-placeholder{padding:36px 24px}
     .cmp-table thead tr th,
     .cmp-table tbody td{padding:12px 14px;font-size:.78rem}
     .info-card{
        padding: 10px;
     }
   }

  

/* ============================================================
   DESKTOP ENHANCEMENTS  ≥ 992px
   Larger typography, bigger buttons, more breathing room.
   Mobile is completely unaffected — all rules are min-width:992px.
   ============================================================ */
@media (min-width: 992px) {

  /* ── BASE BODY COPY ─────────────────────────────────────── */
  /* Bump the default paragraph / list copy slightly */
  body { font-size: 1.02rem; }

  /* ── GLOBAL SECTION TAGS & LABELS ──────────────────────── */
  .section-tag   { font-size: .78rem; letter-spacing: 2.2px; }
  .video-label   { font-size: .78rem; letter-spacing: 2.2px; }

  /* ── BUTTONS ────────────────────────────────────────────── */
  /* Primary pink button — all instances */
  .nm-btn {
    font-size: 1rem;
    padding: 17px 46px;
    letter-spacing: 1px;
    gap: 10px;
  }
  /* Ghost / outline button */
  .nm-btn-ghost {
    font-size: .98rem;
    padding: 15px 36px;
  }
  /* Hero-specific buttons (already have their own override — bump further) */
  .hero-btns .nm-btn {
    font-size: 1.05rem;
    padding: 18px 50px;
  }
  /* Header CTA */
  .header-button .theme-btn.one {
    font-size: .9rem !important;
    padding: 10px 30px !important;
    height: auto !important;
    line-height: 2.2 !important;
  }
  /* Nav link text */
  .navbar_nav > li > a,
  .navbar_nav > li > a span {
    font-size: .88rem !important;
  }

  /* ── HERO (homepage) ────────────────────────────────────── */
  .nm-hero-inner        { padding: 150px 0 130px; }
  .hero-eyebrow         { font-size: .78rem; padding: 8px 20px; margin-bottom: 32px; }
  .hero-sub             { font-size: 1.12rem; max-width: 560px; margin-bottom: 38px; }
  .tbadge               { font-size: .84rem; }
  .tbadge .score        { font-size: .92rem; }
  /* Insurance card inside hero */
  .nm-ins-card          { padding: 40px 36px 32px; max-width: 390px; }
  .icov-label           { font-size: .9rem; }
  .icard-htitle         { font-size: 1rem !important; }
  .icard-cta .nm-btn    { font-size: .94rem; padding: 15px 24px; }

  /* ── SECTION HEADINGS ───────────────────────────────────── */
  .section-center h2    { font-size: clamp(1.7rem, 3vw, 2.35rem) !important; }
  .section-center p     { font-size: 1.04rem; }
  .section-left h2      { font-size: clamp(1.6rem, 3vw, 2.15rem) !important; }
  .info-text-block h2   { font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important; margin-bottom: 22px !important; }
  .video-heading        { font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important; margin-bottom: 18px !important; }
  /* Product page intro headline */
  .pg-intro h1,
  .pg-intro h1 .accent  { font-size: clamp(2rem, 4vw, 3rem) !important; }
  /* CTA section headline */
  .s-cta h2             { font-size: clamp(1.9rem, 3.8vw, 2.9rem) !important; }
  .s-final-cta h2       { font-size: clamp(1.9rem, 3.8vw, 2.9rem) !important; color: #fff !important; }

  /* ── SECTION SPACING ────────────────────────────────────── */
  .s-versichert         { padding: 116px 0; }
  .s-warum              { padding: 116px 0; }
  .s-steps              { padding: 116px 0; }
  .s-wechseln           { padding: 96px 0; }
  .s-cta                { padding: 140px 0; }
  .s-video              { padding: 110px 0; }
  .s-comparison         { padding: 110px 0; }
  .s-info               { padding: 110px 0; }
  .s-calculator         { padding: 110px 0; }
  .s-final-cta          { padding: 130px 0; }
  .pg-intro             { padding: 100px 0 90px; }

  /* ── CARD BODY COPY ─────────────────────────────────────── */
  /* Coverage cards (homepage) */
  .cov-card h3          { font-size: 1.14rem !important; }
  .cov-card p           { font-size: .94rem; }
  .cov-card             { padding: 42px 34px; }
  /* Why-bullets (homepage) */
  .wbullet p            { font-size: .94rem; }
  .wbullet              { padding: 18px 22px; }
  /* Stat boxes */
  .wstat-num            { font-size: 2.2rem; }
  .wstat-lbl            { font-size: .83rem; }
  /* Steps */
  .step h3              { font-size: 1.08rem !important; }
  .step p               { font-size: .92rem; }
  .step-bubble          { width: 96px; height: 96px; font-size: 2rem; margin-bottom: 32px; }
  /* Wechseln card */
  .wex-txt p            { font-size: 1.04rem; }
  /* CTA pills */
  .cpill                { font-size: .82rem; padding: 10px 22px; }
  .s-cta p              { font-size: 1.1rem; max-width: 560px; }
  .s-final-cta p,
  .s-cta-inner > p      { font-size: 1.1rem; max-width: 560px; margin: 0 auto 44px; color: #fff;}

  /* ── PRODUCT PAGE CARDS ──────────────────────────────────── */
  .info-card            { padding: 38px 34px; }
  .info-card h3         { font-size: 1.08rem !important; }
  .info-card p          { font-size: .93rem; }
  .info-text-block p    { font-size: 1.02rem; }
  .info-icon-box        { width: 70px; height: 70px; font-size: 1.65rem; margin-bottom: 24px; }
  /* Video section bullets */
  .video-bullets li     { font-size: .96rem; gap: 14px; }
  .video-sub            { font-size: 1rem; margin-bottom: 36px; }
  /* Comparison table */
  .cmp-table thead tr th { font-size: .82rem; padding: 22px 28px; }
  .cmp-table tbody td    { font-size: .92rem; padding: 18px 28px; }
  .cmp-check, .cmp-cross { font-size: 1rem; }
  /* Product intro meta pills */
  .pg-intro-sub         { font-size: 1.05rem; margin-bottom: 40px; }
  .pg-meta-pill         { font-size: .8rem; padding: 9px 18px; }
  .pg-eyebrow           { font-size: .76rem; padding: 7px 18px; margin-bottom: 26px; }

  /* ── SECTION CENTER SPACING ─────────────────────────────── */
  .section-center       { margin-bottom: 72px; }
  .s-comparison .section-center { margin-bottom: 56px; }

}

/* ============================================================
   MOBILE COMPARISON TABLE  —  stacked card layout ≤767px
   No horizontal scroll. Feature label spans full width,
   two provider cells sit side-by-side beneath it.
   ============================================================ */

/* Hide / show correct variant */
.cmp-desktop { display: table; }   /* shown on desktop */
.cmp-mobile  { display: none;  }   /* hidden on desktop */

@media (max-width: 767px) {
  .cmp-desktop { display: none !important; }   /* hide table */
  .cmp-mobile  { display: block; }             /* show card layout */

  /* ── Provider header cards ── */
  .cmp-m-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 0;
  }
  .cmp-m-provider {
    border-radius: 14px 14px 0 0;
    padding: 20px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
  }
  .cmp-m-provider--highlight {
    background: linear-gradient(135deg, var(--pink), #e91f8a);
  }
  .cmp-m-provider--alt {
    background: linear-gradient(135deg, #0d1b2e, #1a3055);
  }
  .cmp-m-pname {
    font-family: 'Poppins', sans-serif;
    font-size: .92rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
  }
  .cmp-m-badge {
    display: inline-block;
    background: #fff;
    color: var(--pink);
    font-family: 'Poppins', sans-serif;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 50px;
    align-self: flex-start;
    margin-top: 4px;
  }

  /* ── Feature rows ── */
  .cmp-m-feature {
    border-bottom: 1px solid #eef2f7;
  }
  .cmp-m-feature:last-child {
    border-bottom: none;
  }
  .cmp-m-flabel {
    font-family: 'Poppins', sans-serif;
    font-size: .82rem;
    font-weight: 600;
    color: var(--dark);
    padding: 14px 4px 10px;
  }
  .cmp-m-cells {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-bottom: 14px;
  }
  .cmp-m-cell {
    background: #f8fafc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 10px;
    font-size: 1rem;
  }
  .cmp-m-cell--highlight {
    background: rgba(253, 51, 153, .06);
    border: 1px solid rgba(253, 51, 153, .14);
  }

  /* Slightly larger check/cross icons on mobile for readability */
  .cmp-mobile .cmp-check { font-size: 1.05rem; }
  .cmp-mobile .cmp-cross { font-size: 1.05rem; }
}

/* ============================================================
   DYNAMIC COMPARISON TABLE
   ============================================================ */

/* ── Selector bar ─────────────────────────────────────────── */
.cmp-selector-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
  padding: 18px 24px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,.04);
}
.cmp-selector-label {
  font-family: 'Poppins', sans-serif;
  font-size: .8rem;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .6px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cmp-selector-label i { color: var(--pink); }
.cmp-selector-pills { display: flex; gap: 10px; flex-wrap: wrap; }
.cmp-pill {
  font-family: 'Poppins', sans-serif;
  font-size: .82rem;
  font-weight: 600;
  color: var(--mid);
  background: var(--light);
  border: 1.5px solid #e2e8f0;
  border-radius: 50px;
  padding: 8px 20px;
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s, box-shadow .2s;
  outline: none;
  white-space: nowrap;
}
.cmp-pill:hover { border-color: var(--pink); color: var(--pink) !important; background: rgba(253,51,153,.04); }
.cmp-pill--active {
  background: var(--pink);
  border-color: var(--pink);
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(253,51,153,.28);
}

/* ── Table wrapper ────────────────────────────────────────── */
.cmp-dyn-table {
  background: #fff;
  border-radius: 20px;
  border: 1px solid #eef2f7;
  box-shadow: 0 8px 40px rgba(0,0,0,.07);
  overflow: hidden;
}

/* ── Header ───────────────────────────────────────────────── */
.cmp-dyn-head {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: linear-gradient(135deg, #0d1b2e, #1a3055);
}
.cmp-dyn-col-label {
  padding: 20px 24px;
  font-family: 'Poppins', sans-serif;
  font-size: .78rem;
  font-weight: 700;
  color: rgba(255,255,255,.5);
  text-transform: uppercase;
  letter-spacing: .6px;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(255,255,255,.07);
}
.cmp-dyn-col {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
}
.cmp-dyn-col--nm {
  background: linear-gradient(135deg, var(--pink), #e91f8a);
}
.cmp-dyn-col--other { border-left: 1px solid rgba(255,255,255,.07); }
.cmp-dyn-pname {
  font-family: 'Poppins', sans-serif;
  font-size: .95rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.cmp-dyn-pbadge {
  display: inline-block;
  background: var(--pink);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 50px;
}

/* ── Data rows ────────────────────────────────────────────── */
.cmp-dyn-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid #f1f5f9;
  transition: background .15s, max-height .35s ease, opacity .3s ease;
}
.cmp-dyn-row:hover { background: #fafcff; }
.cmp-dyn-row--alt   { background: #f8fafc; }
.cmp-dyn-row--alt:hover { background: #f1f5fa; }

/* Hidden extra rows */
.cmp-dyn-row--hidden {
  display: none;
}

.cmp-dyn-row .cmp-dyn-col-label {
  background: transparent;
  font-family: 'Poppins', sans-serif;
  font-size: .86rem;
  font-weight: 600;
  color: var(--dark);
  padding: 18px 24px;
  border-right: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
}
.cmp-dyn-row .cmp-dyn-col {
  padding: 16px 24px;
  border-right: 1px solid #f1f5f9;
  justify-content: center;
}
.cmp-dyn-row .cmp-dyn-col:last-child { border-right: none; }
.cmp-dyn-col--nm { background: rgba(253,51,153,.025) !important; }

/* Cell values */
.cmp-check { color: #2ecc71; font-size: 1rem; }
.cmp-cross  { color: #ef4444; font-size: 1rem; }
.cmp-dash   { color: #cbd5e1; font-size: 1.1rem; font-weight: 300; }
.cmp-text   { font-family: 'Poppins', sans-serif; font-size: .84rem; color: var(--mid); text-align: center; line-height: 1.45; }

/* ── Show more / less toggle row ──────────────────────────── */
.cmp-toggle-row {
  border-top: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.cmp-toggle-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 24px;
  font-family: 'Poppins', sans-serif;
  font-size: .84rem;
  font-weight: 600;
  color: var(--blue);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background .2s, color .2s;
  letter-spacing: .3px;
}
.cmp-toggle-btn:hover {
  background: rgba(66,165,217,.05);
  color: var(--pink);
}
.cmp-toggle-btn i {
  font-size: .72rem;
  transition: transform .3s ease;
}

/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 767px) {

  .cmp-desktop, .cmp-mobile { display: none !important; }

  .cmp-selector-bar { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 18px; }
  .cmp-selector-pills { gap: 8px; }
  .cmp-pill { font-size: .78rem; padding: 7px 16px; }

  /* Head: 2 cols, no label col */
  .cmp-dyn-head { grid-template-columns: 1fr 1fr; }
  .cmp-dyn-head .cmp-dyn-col-label { display: none; }
  .cmp-dyn-col { padding: 18px 12px; }
  .cmp-dyn-pname { font-size: .86rem; }
  .cmp-dyn-pbadge { font-size: .58rem; }

  /* Rows: label as full-width header, two cells side-by-side below */
  .cmp-dyn-row {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .cmp-dyn-row .cmp-dyn-col-label {
    grid-column: 1 / -1;
    border-right: none;
    border-bottom: 1px solid #f1f5f9;
    padding: 12px 16px 8px;
    font-size: .82rem;
  }
  .cmp-dyn-row .cmp-dyn-col { padding: 14px 10px; border-right: 1px solid #f1f5f9; }
  .cmp-dyn-row .cmp-dyn-col:last-child { border-right: none; }
  .cmp-text { font-size: .78rem; }

  .cmp-toggle-btn { font-size: .8rem; padding: 14px 16px; }
}

/* ============================================================
   DARUM NAMMERT PAGE  (darum-nammert.html)
   ============================================================ */

/* ── 1. HERO ──────────────────────────────────────────────── */
.dn-hero {
  position: relative;
  background: linear-gradient(150deg,#06101f 0%,#0e1e44 50%,#060e22 100%);
  padding: 100px 0 90px;
  overflow: hidden;
}
.dn-hero-blobs { position: absolute; inset: 0; pointer-events: none; }
.dn-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}
.dn-b1 {
  width: 520px; height: 520px;
  background: radial-gradient(circle,rgba(253,51,153,.28),transparent 68%);
  top: -160px; right: -60px;
}
.dn-b2 {
  width: 400px; height: 400px;
  background: radial-gradient(circle,rgba(66,165,217,.20),transparent 68%);
  bottom: -80px; left: -80px;
}
.dn-hero-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(66,165,217,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(66,165,217,.03) 1px, transparent 1px);
  background-size: 56px 56px;
  pointer-events: none;
}
.dn-hero-h1 {
  font-size: clamp(2.2rem,5vw,3.6rem) !important;
  color: #fff !important;
  line-height: 1.12 !important;
  margin: 0 0 22px !important;
}
.dn-hero-h1 .accent { color: var(--pink) !important; }
.dn-hero-sub {
  font-size: 1.04rem;
  color: rgba(255,255,255,.68);
  line-height: 1.82;
  max-width: 520px;
  margin-bottom: 32px;
}
.dn-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}
.dn-meta-pill {
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50px;
  padding: 7px 16px;
  font-size: .78rem;
  color: rgba(255,255,255,.75);
  font-weight: 500;
}
.dn-meta-pill i { color: var(--blue); }

/* Portrait */
.dn-portrait-wrap {
  position: relative;
  display: flex;
  justify-content: center;
}
.dn-portrait-bg {
  position: absolute;
  width: 88%; height: 88%;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg,rgba(253,51,153,.18),rgba(66,165,217,.12));
  border-radius: 32px;
  z-index: 0;
}
.dn-portrait {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  border-radius: 28px;
  object-fit: cover;
  box-shadow: 0 32px 80px rgba(0,0,0,.45);
  display: block;
  margin: 0 auto;
}
.dn-portrait-placeholder {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  aspect-ratio: 3/4;
  background: rgba(255,255,255,.05);
  border: 2px dashed rgba(255,255,255,.15);
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: rgba(255,255,255,.4);
  font-size: .84rem;
  text-align: center;
  padding: 24px;
  margin: 0 auto;
}
.dn-portrait-placeholder i { font-size: 3rem; opacity: .3; }
.dn-portrait-placeholder small { font-size: .72rem; opacity: .6; line-height: 1.5; }
.dn-portrait-badge {
  position: absolute;
  bottom: 24px; left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(15,24,45,.88);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50px;
  padding: 10px 20px;
  white-space: nowrap;
  box-shadow: 0 8px 28px rgba(0,0,0,.3);
}
.dn-portrait-badge i { color: var(--pink); font-size: .85rem; }
.dn-portrait-badge span {
  font-family: 'Poppins', sans-serif;
  font-size: .78rem;
  font-weight: 600;
  color: rgba(255,255,255,.85);
  text-transform: uppercase;
  letter-spacing: .4px;
}

/* ── 2. AWARDS ────────────────────────────────────────────── */
.dn-awards {
  background: var(--light);
  padding: 100px 0 90px;
}
.dn-badge-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.dn-award-badge {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 18px;
  padding: 20px 28px;
  text-decoration: none !important;
  transition: box-shadow .25s, transform .25s, border-color .25s;
  min-width: 260px;
  flex: 1;
  max-width: 340px;
}
.dn-award-badge:hover {
  box-shadow: 0 10px 36px rgba(66,165,217,.12);
  transform: translateY(-3px);
  border-color: rgba(66,165,217,.22);
}
.dn-award-img {
  height: auto;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
}
.dn-award-fallback {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
}
.dn-award-fallback-icon {
  width: 52px; height: 52px; min-width: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg,rgba(253,51,153,.10),rgba(253,51,153,.04));
  color: var(--pink);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  flex-shrink: 0;
}
.dn-award-fallback-txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.dn-award-fallback-txt strong {
  font-family: 'Poppins', sans-serif;
  font-size: .88rem;
  font-weight: 700;
  color: var(--dark);
}
.dn-award-fallback-txt span {
  font-family: 'Poppins', sans-serif;
  font-size: .75rem;
  color: var(--muted);
}
.dn-award-icon-box {
  width: 52px; height: 52px; min-width: 52px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
  flex-shrink: 0;
}
.dn-award-txt {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.dn-award-txt strong {
  font-family: 'Poppins', sans-serif;
  font-size: .88rem;
  font-weight: 700;
  color: var(--dark);
}
.dn-award-txt span {
  font-family: 'Poppins', sans-serif;
  font-size: .75rem;
  color: var(--muted);
}
.dn-award-ext {
  font-size: .7rem;
  color: var(--muted);
  margin-left: auto;
  flex-shrink: 0;
}

/* Certificate slider */
.dn-cert-slider-wrap {
  position: relative;
  overflow: hidden;
  padding: 8px 4px 16px;
}
.dn-cert-slider {
  display: flex;
  gap: 16px;
  transition: transform .4s cubic-bezier(.22,1,.36,1);
  will-change: transform;
}
.dn-cert-card {
  min-width: 0;
}
.dn-cert-inner {
  background: #fff;
  border-radius: 16px;
  border: 1.5px solid var(--border);
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.dn-cert-inner:hover {
  box-shadow: 0 10px 36px rgba(66,165,217,.10);
  transform: translateY(-4px);
}
.dn-cert-img {
  width: 100%;
  height: auto;
  display: block;
}
/* ── 3. ADVANTAGES ────────────────────────────────────────── */
.dn-advantages {
  background: #fff;
  padding: 100px 0;
}
.dn-feat-card {
  background: #fff;
  border-radius: 20px;
  padding: 36px 28px;
  height: 100%;
  border: 1.5px solid var(--border);
  transition: box-shadow .3s, transform .3s, border-color .3s;
  position: relative;
  overflow: hidden;
}
.dn-feat-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg,var(--pink),var(--blue));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
  border-radius: 20px 20px 0 0;
}
.dn-feat-card:hover {
  box-shadow: 0 12px 40px rgba(66,165,217,.10);
  transform: translateY(-5px);
  border-color: rgba(66,165,217,.2);
}
.dn-feat-card:hover::before { transform: scaleX(1); }
.dn-feat-icon {
  width: 64px; height: 64px;
  border-radius: 18px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 22px;
}
.dn-feat-card h3 {
  font-size: 1.05rem !important;
  margin-bottom: 12px !important;
  color: var(--dark) !important;
}
.dn-feat-card p {
  font-size: .88rem;
  color: var(--muted);
  line-height: 1.78;
  margin: 0;
}

/* ── DESKTOP ENHANCEMENTS ≥992px ──────────────────────────── */
@media (min-width: 992px) {
  .dn-hero       { padding: 120px 0 110px; }
  .dn-awards     { padding: 116px 0 106px; }
  .dn-advantages { padding: 116px 0; }
  .dn-feat-card  { padding: 42px 34px; }
  .dn-feat-card h3 { font-size: 1.12rem !important; }
  .dn-feat-card p  { font-size: .94rem; }
}

/* ── TABLET ───────────────────────────────────────────────── */
@media (max-width: 991px) {
  .dn-hero       { padding: 72px 0 60px; }
  .dn-awards     { padding: 72px 0 64px; }
  .dn-advantages { padding: 72px 0; }
  .dn-cert-card  { flex: 0 0 calc(33.333% - 11px); }
}

/* ── MOBILE ───────────────────────────────────────────────── */
@media (max-width: 767px) {
  .dn-hero       { padding: 52px 0 44px; }
  .dn-hero-h1    { font-size: 2rem !important; }
  .dn-portrait-wrap { margin-top: 40px; }
  .dn-badge-row  { flex-direction: column; align-items: stretch; }
  .dn-award-badge { max-width: 100%; }
  .dn-cert-card  { flex: 0 0 calc(50% - 8px); }
  .dn-slider-prev { left: -4px; }
  .dn-slider-next { right: -4px; }
  .dn-advantages { padding: 56px 0; }
  .dn-feat-card  { padding: 28px 22px; }
  .dn-cert-slider{
    display: block;
  }
  .dn-cert-card{
     margin: 1rem 0;
  }
}

@media (max-width: 480px) {
  .dn-cert-card { flex: 0 0 100%; }
}

/* ============================================================
   KONTAKT PAGE  (kontakt.html)
   ============================================================ */

/* ── Page intro variant ───────────────────────────────────── */
.kont-intro { padding: 72px 0 64px; }
.kont-intro-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.kont-ipill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50px;
  padding: 8px 18px;
  font-size: .78rem;
  font-weight: 600;
  color: rgba(255,255,255,.80);
  letter-spacing: .3px;
}
.kont-ipill i { font-size: .85rem; }
.kont-ipill .fa-whatsapp { color: #25d366; }
.kont-ipill .fa-envelope  { color: var(--blue); }
.kont-ipill .fa-phone     { color: var(--pink); }

/* ── Map ──────────────────────────────────────────────────── */
.kont-map-section { line-height: 0; }
.kont-map-wrap {
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;
}
.kont-map-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  filter: grayscale(15%) contrast(1.05);
  transition: filter .4s;
}
.kont-map-frame:hover { filter: none; }

/* ── Main section (details + form) ───────────────────────── */
.kont-main {
  background: var(--light);
  padding: 90px 0 100px;
}
.kont-h2 {
  font-size: clamp(1.5rem, 2.8vw, 2rem) !important;
  color: var(--dark) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  margin: 12px 0 36px !important;
}

/* ── Contact detail cards ─────────────────────────────────── */
.kont-details-wrap {
  padding-right: 8px;
}
.kont-detail-card {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 18px;
  padding: 20px 22px;
  margin-bottom: 14px;
  text-decoration: none !important;
  transition: box-shadow .25s, transform .25s, border-color .25s;
}
.kont-detail-card--link:hover {
  box-shadow: 0 8px 32px rgba(66,165,217,.10);
  transform: translateX(4px);
  border-color: rgba(66,165,217,.20);
  text-decoration: none !important;
}
.kont-detail-card--wa:hover {
  box-shadow: 0 8px 32px rgba(37,211,102,.12);
  border-color: rgba(37,211,102,.22);
}
.kont-detail-icon {
  width: 52px; height: 52px; min-width: 52px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}
.kont-detail-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
}
.kont-detail-body strong {
  font-family: 'Poppins', sans-serif;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .7px;
  color: var(--muted);
}
.kont-detail-body span {
  font-family: 'Poppins', sans-serif;
  font-size: .96rem;
  font-weight: 600;
  color: var(--dark);
  line-height: 1.4;
}
.kont-detail-arrow {
  color: #cbd5e1;
  font-size: .78rem;
  transition: color .2s, transform .2s;
  flex-shrink: 0;
}
.kont-detail-card--link:hover .kont-detail-arrow {
  color: var(--blue);
  transform: translateX(3px);
}
.kont-wa-badge {
  display: inline-block;
  background: #25d366;
  color: #fff;
  font-size: .6rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 50px;
  vertical-align: middle;
  margin-left: 4px;
  letter-spacing: .4px;
}

/* ── Contact form ─────────────────────────────────────────── */
.kont-form-wrap {
  background: #fff;
  border-radius: 24px;
  padding: 44px 40px 48px;
  border: 1.5px solid var(--border);
  box-shadow: 0 8px 40px rgba(0,0,0,.06);
}
.kont-form-sub {
  font-size: .92rem;
  color: var(--muted);
  line-height: 1.75;
  margin: 0 0 32px !important;
}
.kont-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 4px;
}
.kont-field label {
  font-size: .78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .7px;
  color: var(--mid) !important;
}
.kont-req { color: var(--pink); }
.kont-input-wrap {
  position: relative;
}
.kont-field-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: .84rem;
  color: #cbd5e1;
  pointer-events: none;
  transition: color .2s;
}
.kont-field-icon--ta {
  top: 18px;
  transform: none;
}
.kont-input-wrap input,
.kont-input-wrap textarea {
  width: 100%;
  font-family: 'Poppins', sans-serif !important;
  font-size: .88rem !important;
  font-weight: 400 !important;
  color: var(--dark) !important;
  background: var(--light) !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 13px 16px 13px 44px !important;
  outline: none !important;
  transition: border-color .2s, box-shadow .2s, background .2s !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
}
.kont-input-wrap textarea {
  resize: vertical;
  padding-top: 14px !important;
  min-height: 148px;
}
.kont-input-wrap input:focus,
.kont-input-wrap textarea:focus {
  border-color: var(--blue) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(66,165,217,.10) !important;
}
.kont-input-wrap input:focus ~ .kont-field-icon,
.kont-input-wrap:focus-within .kont-field-icon {
  color: var(--blue);
}
.kont-input-wrap input::placeholder,
.kont-input-wrap textarea::placeholder {
  color: #b0bac8 !important;
}

/* Privacy checkbox row */
.kont-privacy {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 4px 0 4px;
}
.kont-privacy input[type="checkbox"] {
  width: 18px; height: 18px;
  min-width: 18px;
  margin-top: 2px;
  accent-color: var(--pink);
  cursor: pointer;
}
.kont-privacy label {
  font-size: .78rem !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--muted) !important;
  line-height: 1.65;
  cursor: pointer;
}
.kont-privacy label a {
  color: var(--blue) !important;
  text-decoration: underline !important;
}

/* Submit button */
.kont-submit-btn {
  margin-top: 8px;
  min-width: 200px;
}

/* Success message */
.kont-success {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 20px 40px;
  gap: 16px;
}
.kont-success-icon {
  width: 72px; height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg,rgba(46,204,113,.12),rgba(46,204,113,.04));
  color: #2ecc71;
  font-size: 2.2rem;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 8px;
}
.kont-success h3 {
  font-size: 1.4rem !important;
  color: var(--dark) !important;
  margin: 0 !important;
}
.kont-success p {
  font-size: .92rem;
  color: var(--muted);
  max-width: 380px;
  line-height: 1.75;
  margin: 0 !important;
}

/* ── Desktop scale ≥992px ─────────────────────────────────── */
@media (min-width: 992px) {
  .kont-intro     { padding: 96px 0 84px; }
  .kont-map-wrap  { height: 500px; }
  .kont-main      { padding: 116px 0 130px; }
  .kont-h2        { font-size: clamp(1.9rem, 3vw, 2.5rem) !important; }
  .kont-detail-body span { font-size: 1.08rem; }
  .kont-detail-icon { width: 60px; height: 60px; font-size: 1.5rem; }
  .kont-form-wrap { padding: 56px 52px 60px; }
  .kont-form-sub  { font-size: 1.04rem; }
  .kont-input-wrap input,
  .kont-input-wrap textarea { font-size: 1rem !important; }
  .kont-field label { font-size: .88rem !important; }
  .kont-privacy label { font-size: .88rem !important; }
}

/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 767px) {
  .kont-map-wrap  { height: 280px; }
  .kont-main      { padding: 56px 0 64px; }
  .kont-form-wrap { padding: 28px 20px 32px; }
  .kont-details-wrap { padding-right: 0; margin-bottom: 8px; }
  .kont-intro-pills { gap: 8px; }
  .kont-ipill { font-size: .72rem; padding: 6px 14px; }
}
 @media(max-width:500px){
    .pg-intro .blauwseer-title{font-size: 1.1rem !important;}
}