/* DropsA global styles — consolidated from per-page inline <style> (do not inline per page). */

:root{
 --brand-blue:#1680e0;
 --brand-red:#b30000;
 --navy:#0d274a;
 --gold:#ffd24d;
 --card-br:#b4dcff;
 --rad:18px;
 --rad-lg:22px;
 --shadow-sm:0 4px 20px #b4dcff22;
 --shadow-lg:0 14px 40px rgba(13,59,138,.14);
 --wrap:1120px;
 }
 #blog-page .wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
 #blog-page .hero{
 background:
 radial-gradient(1000px 360px at 85% -20%, rgba(22,128,224,.18), transparent 60%),
 linear-gradient(180deg,#ffffff 0%, #f4f9ff 100%);
 border-bottom:1px solid #e8f2ff; padding:40px 0 28px;
 }
 #blog-page .hero-card{
 background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.92));
 border:1px solid rgba(22,128,224,.15);
 border-radius:var(--rad-lg); box-shadow:var(--shadow-lg);
 padding:22px 20px 18px; text-align:center;
 }
 #blog-page .blog-title{color:var(--brand-red);font-size:clamp(1.8rem,3.8vw,2.4rem);line-height:1.15;margin:0 0 10px;font-weight:800}
 #blog-page .blog-intro{color:#203556;max-width:870px;margin:0 auto}
 #blog-page .topics{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px auto 2px}
 #blog-page .topics a{
 text-decoration:none;padding:10px 14px;border-radius:999px;font-weight:800;
 background:#fff;border:1px solid rgba(22,128,224,.18);box-shadow:var(--shadow-sm);color:#0e1a2f;
 }
 #blog-page .topics a:hover{border-color:var(--brand-blue);transform:translateY(-1px)}
 #blog-page .dl-box{
 max-width:1000px;margin:26px auto 10px;padding:18px;border:1px solid var(--card-br);
 background:#f9fbff;border-radius:16px;box-shadow:var(--shadow-sm)
 }
 #blog-page .dl-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
 #blog-page .dl-head h2{margin:0;color:#1680e0;font-size:1.2rem}
 #blog-page .dl-head-ic{color:#1680e0}
 #blog-page .dl-item{
 display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
 text-decoration:none;color:inherit;padding:12px;border-radius:14px;background:#fff;border:1px solid #cfe6ff;margin:8px 0;
 transition:transform .15s,border-color .15s,box-shadow .15s
 }
 #blog-page .dl-item:hover{transform:translateY(-1px);border-color:#1680e0;box-shadow:0 6px 18px rgba(13,59,138,.14)}
 #blog-page .dl-icon{display:grid;place-items:center;min-width:42px;height:42px;border-radius:10px;background:#eaf3ff;color:#0d274a;position:relative}
 #blog-page .dl-badge{position:absolute;bottom:-8px;right:-8px;background:#0d274a;color:#ffd24d;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:800}
 #blog-page .dl-cta{font-weight:800;color:#105fba;display:inline-flex;align-items:center;gap:6px}
 #blog-page .post-grid{max-width:var(--wrap);margin:18px auto 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 16px}
 @media (max-width:1000px){#blog-page .post-grid{grid-template-columns:1fr 1fr}}
 @media (max-width:700px){#blog-page .post-grid{grid-template-columns:1fr}}
 #blog-page .more-links{
 max-width:1000px;margin:24px auto 36px;padding:24px 18px;background:#f9fbff;border:1px solid var(--card-br);border-radius:16px;
 }
 #blog-page .more-links h2{text-align:center;color:#1680e0;margin:0 0 12px;font-size:1.24rem}
 #blog-page .more-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
 #blog-page .more-links a{
 display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:#0d274a;color:#ffd24d;
 border:1px solid #1b3b6d;font-weight:800;text-decoration:none;box-shadow:0 2px 8px rgba(13,59,138,.25), inset 0 -2px 0 rgba(255,255,255,.08);
 transition:transform .17s, box-shadow .17s, background .17s, color .17s;
 }
 #blog-page .more-links a:hover{background:#13365a;color:#fff7c8;transform:translateY(-1px)}
 
 #blog-page .blog-clusters{max-width:var(--wrap);margin:20px auto 24px;padding:0 16px}
 #blog-page .blog-clusters h2{color:#0d274a;margin:0 0 12px}
 #blog-page .cluster-group{background:#fff;border:1px solid #cfe6ff;border-radius:14px;padding:16px;margin:12px 0;box-shadow:var(--shadow-sm)}
 #blog-page .cluster-group ul{margin:0;padding-left:18px;columns:2}
 #blog-page .cluster-group li{margin:6px 0}
 #blog-page .cluster-group a{color:#0d274a;text-decoration:none}
 #blog-page .cluster-group a:hover{text-decoration:underline}
 #blog-page .cluster-cross-links{background:#f5f9ff;border:1px solid #cfe6ff;border-radius:14px;padding:14px;margin:10px 0 14px}
 @media (max-width:800px){#blog-page .cluster-group ul{columns:1}}

.breadcrumb-nav{padding:8px 24px;background:transparent;font-size:.85rem}
.breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.breadcrumb-nav a{color:#1560b4;text-decoration:none}
.breadcrumb-nav a:hover{text-decoration:underline}
.breadcrumb-nav span[aria-current]{color:#444}

.section-card {
 background: #fff;
 border-radius: 18px;
 box-shadow: 0 4px 24px rgba(8,27,53,0.11), 0 1px 2px rgba(8,27,53,0.05);
 margin: 38px auto 28px;
 padding: 38px 36px 28px;
 max-width: 820px;
 width: 100%;
 color: #081b35;
 font-size: 1.10rem;
 font-family: 'Poppins', sans-serif;
 }
 .section-card h1, .section-card h2, .section-card h3 {
 color: #b30000;
 font-weight: 700;
 margin-top: 0;
 margin-bottom: 20px;
 font-family: inherit;
 text-align: center;
 }
 .faq-list {
 margin: 0 0 22px 0;
 padding: 0;
 list-style: none;
 }
 .faq-list li {
 margin-bottom: 26px;
 border-bottom: 1px solid #ececec;
 padding-bottom: 20px;
 }
 .faq-question {
 color: #1680e0;
 font-weight: 700;
 font-size: 1.09rem;
 margin-bottom: 8px;
 display: block;
 }
 .faq-answer {
 color: #222;
 font-size: 1.04rem;
 line-height: 1.7;
 margin-left: 0;
 }
 .blue-link-box {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 margin-top: 16px;
 max-width: 340px;
 padding: 11px 20px;
 border: 2px solid #1680e0;
 border-radius: 13px;
 background: #f4faff;
 color: #1680e0;
 font-weight: 600;
 font-size: 1.11rem;
 text-decoration: none;
 transition: border-color .19s, background .16s, color .16s;
 gap: 6px;
 box-shadow: 0 2px 12px #1580e020;
 }
 .blue-link-box:hover {
 border-color: #105fba;
 background: #eaf3ff;
 color: #105fba;
 }
 .blue-link-box .icon {
 font-size: 1.14em;
 margin-left: 2px;
 transition: transform .14s;
 }
 .blue-link-box:hover .icon {
 transform: translateX(3px);
 }

.section-card {
 background: #fff;
 border-radius: 18px;
 box-shadow: 0 4px 24px rgba(8,27,53,0.11), 0 1px 2px rgba(8,27,53,0.05);
 margin: 40px auto 28px;
 padding: 38px 32px 28px 32px;
 max-width: 820px;
 width: 100%;
 color: #081b35;
 font-size: 1.10rem;
 font-family: 'Poppins', sans-serif;
 }
 .section-card h1 {
 color: #b30000;
 font-weight: 700;
 margin-top: 0;
 margin-bottom: 26px;
 text-align: center;
 font-size: 1.48em;
 line-height: 1.22;
 }
 .faq-list {
 list-style: none;
 margin: 0 0 20px 0;
 padding: 0;
 max-width: 600px;
 margin-left: auto;
 margin-right: auto;
 }
 .faq-question {
 color: #1680e0;
 font-weight: 700;
 font-size: 1.13em;
 display: block;
 text-align: center;
 margin-bottom: 8px;
 }
 .faq-answer {
 color: #222;
 font-size: 1.05em;
 line-height: 1.7;
 text-align: center;
 margin-bottom: 16px;
 display: block;
 padding: 0 4vw;
 }
 .cta-box {
 background: linear-gradient(90deg,#1680e0 80%,#b30000 100%);
 border-radius: 14px;
 text-align: center;
 padding: 30px 20px 28px 20px;
 margin: 32px auto 0;
 color: #fff;
 max-width: 680px;
 box-shadow: 0 3px 20px #1680e011;
 display: flex;
 flex-direction: column;
 align-items: center;
 }
 .cta-box h2 {
 color: #fff;
 margin-bottom: 13px;
 font-size: 1.2rem;
 }
 .cta-btn {
 background: linear-gradient(90deg,#ffc107 0%,#ffe191 100%);
 color: #081b35;
 font-weight: 800;
 font-size: 1.13rem;
 padding: 14px 44px;
 border-radius: 10px;
 text-decoration: none;
 border: 0;
 margin-top: 18px;
 display: inline-block;
 transition: all 0.18s cubic-bezier(.4,0,.2,1);
 text-align: center;
 box-shadow: 0 2px 16px #fff2;
 }
 .cta-btn:hover {
 background: #ffe191;
 color: #b30000;
 box-shadow: 0 7px 22px #ffc10744;
 transform: translateY(-2px) scale(1.04);
 }
 .related-links-card {
 background: #f4faff;
 border-radius: 13px;
 box-shadow: 0 2px 8px #b4dcff19;
 max-width: 690px;
 margin: 44px auto 0;
 padding: 22px 14px 13px 14px;
 text-align: center;
 }
 .related-links-card h2 {
 color: #1680e0;
 font-size: 1.1em;
 margin-bottom: 13px;
 text-align:center;
 }
 .related-links {
 list-style: none;
 padding: 0;
 margin: 0;
 display: flex;
 flex-direction: column;
 gap: 12px;
 max-width: 430px;
 margin-left: auto;
 margin-right: auto;
 }
 .related-links a {
 color: #1680e0;
 font-weight: 700;
 font-size: 1.08em;
 text-decoration: none;
 transition: color .15s;
 background: #fff;
 border-radius: 7px;
 padding: 8px 19px;
 border: 1px solid #b4dcff;
 box-shadow: 0 1px 6px #1680e011;
 display: block;
 }
 .related-links a:hover {
 color: #b30000;
 border-color: #1680e0;
 background: #f0f9ff;
 }
 @media (max-width: 700px) {
 .section-card {
 padding: 13px 2vw 15px 2vw;
 font-size: 1.04rem;
 max-width: 99vw;
 }
 .faq-list {
 max-width: 99vw;
 padding-left: 0; padding-right: 0;
 }
 .faq-question, .faq-answer { font-size: 1rem; }
 .faq-answer { padding: 0 2vw; }
 .cta-box { max-width:99vw; padding: 20px 4vw 20px 4vw; }
 .related-links-card { padding: 9px 2vw 10px 2vw; max-width: 99vw; }
 .related-links { gap: 7px; }
 }

.section-card {
 background: #fff;
 border-radius: 18px;
 box-shadow: 0 4px 24px rgba(8,27,53,0.11), 0 1px 2px rgba(8,27,53,0.05);
 margin: 38px auto 28px;
 padding: 38px 36px 28px;
 max-width: 820px;
 width: 100%;
 color: #081b35;
 font-size: 1.10rem;
 font-family: 'Poppins', sans-serif;
 }
 .section-card h1, .section-card h2, .section-card h3 {
 color: #b30000;
 font-weight: 700;
 margin-top: 0;
 margin-bottom: 20px;
 font-family: inherit;
 text-align: center;
 }
 .section-card p, .section-card ul, .section-card ol {
 color: #222;
 line-height: 1.8;
 margin-bottom: 18px;
 font-size: 1.05rem;
 font-family: inherit;
 text-align: justify;
 }
 .blue-link-box {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 margin-top: 16px;
 max-width: 340px;
 padding: 11px 20px;
 border: 2px solid #1680e0;
 border-radius: 13px;
 background: #f4faff;
 color: #1680e0;
 font-weight: 600;
 font-size: 1.11rem;
 text-decoration: none;
 transition: border-color .19s, background .16s, color .16s;
 gap: 6px;
 box-shadow: 0 2px 12px #1580e020;
 }
 .blue-link-box:hover {
 border-color: #105fba;
 background: #eaf3ff;
 color: #105fba;
 }
 .blue-link-box .icon {
 font-size: 1.14em;
 margin-left: 2px;
 transition: transform .14s;
 }
 .blue-link-box:hover .icon {
 transform: translateX(3px);
 }

/* ===== Compact legal card styling ===== */
 .legal-card{
 background:#fff;
 border-radius:18px;
 box-shadow:0 4px 24px rgba(8,27,53,.11),0 1px 2px rgba(8,27,53,.05);
 max-width:920px;
 margin:28px auto;
 padding:28px 26px;
 color:#081b35;
 font-size:1.02rem;
 line-height:1.75;
 }

 .legal-card h1{
 color:#1680e0;
 text-align:center;
 margin:0 0 8px;
 font-weight:800;
 }

 .legal-card .sub{
 color:#333;
 text-align:center;
 margin:0 0 18px;
 }

 .legal-card h2{
 color:#b30000;
 margin:22px 0 10px;
 font-weight:800;
 }

 .legal-card h3{
 color:#1680e0;
 margin:18px 0 8px;
 font-weight:700;
 }

 .legal-card ul{
 padding-left:18px;
 margin:8px 0;
 }

 .legal-card a{ color:#1680e0; }

 .legal-meta{
 margin-top:20px;
 color:#555;
 font-size:.98rem;
 text-align:center;
 }

 @media (max-width:700px){
 .legal-card{ padding:18px 14px; border-radius:14px; }
 }

 /* ===== Mobile fixes ===== */
 @media (max-width:900px){
 
 body#privacy-page .legal-card > h1{
 text-align:center !important;
 display:inline-block !important;
 margin:16px auto 12px !important;
 width:auto !important;
 max-width:100%;
 line-height:1.28;
 white-space:normal !important;
 word-break:normal !important;
 overflow-wrap:anywhere !important;
 -webkit-hyphens:auto;
 hyphens:auto;
 }

 
 .legal-card h2{
 font-size:clamp(1.05rem,5.2vw,1.32rem);
 line-height:1.28;
 margin:18px 0 10px;
 white-space:normal;
 word-break:normal;
 overflow-wrap:anywhere;
 -webkit-hyphens:auto;
 hyphens:auto;
 text-wrap:balance;
 }

 
 .legal-card p,
 .legal-card li{
 overflow-wrap:anywhere;
 word-break:normal;
 white-space:normal;
 }

 
 .legal-card{
 padding-left:16px;
 padding-right:16px;
 }
 }

:root{
 --navy:#081b35; --blue:#2c79cb; --gold:#ffc107;
 --ink:#0f1c2e; --muted:#5c6c85; --card:#ffffff; --edge:#e8eef7;
 --bg1:#f5f8fc; --bg2:#fdfefe;
 }

 /* Hero */
 .about-hero{
 background: linear-gradient(180deg,#f3f7fb 0%,#eef5fb 100%);
 border-bottom:1px solid #e3ecf7;
 padding: 56px 16px 40px;
 }
 .about-hero .wrap{max-width:1200px;margin:0 auto;}
 .about-title{
 font:700 clamp(1.8rem,2.2rem + 0.4vw,2.6rem)/1.18 'Poppins',sans-serif;
 color:var(--navy); letter-spacing:.2px; margin:.2rem 0 .8rem;
 }
 .about-sub{max-width:900px; color:#1f2a3a; line-height:1.7; font-size:1.06rem;}

 /* Main grid */
 .about-grid{
 max-width:1200px; margin:26px auto 48px; padding:0 16px;
 display:grid; grid-template-columns:1.2fr .9fr; gap:28px;
 }
 .about-card,.about-side{
 background:var(--card); border:1px solid rgba(8,27,53,.06);
 box-shadow:0 8px 24px rgba(8,27,53,.07);
 border-radius:18px; padding:22px 20px;
 }
 .about-card p{font-size:1.05rem; line-height:1.72; color:#222; margin:.6rem 0 1rem;}
 .about-card b,strong{color:var(--ink);}

 /* bullets */
 .about-bullets{
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
 gap:12px 18px; margin-top:10px;
 }
 .about-bullets li{list-style:none; display:flex; gap:10px; color:var(--ink); align-items:flex-start;}
 .about-bullets svg{width:18px;height:18px;color:var(--blue);flex:0 0 auto;margin-top:2px;}

 /* USP side */
 .usp{display:grid; gap:12px;}
 .usp-item{
 display:flex; gap:12px; align-items:flex-start;
 background:#f9fbff; border:1px solid var(--edge);
 border-radius:14px; padding:12px 14px; min-height:74px;
 }
 .usp-item svg{width:20px;height:20px;color:var(--gold);flex:0 0 auto;margin-top:2px;}
 .usp-item b{color:var(--navy);}

 /* CTA cards */
 .about-cta{
 max-width:1200px; margin:0 auto 52px; padding:0 16px;
 display:grid; grid-template-columns:1fr 1fr; gap:22px;
 }
 .cta-box{
 background:var(--navy); color:#fff; border-radius:18px;
 padding:22px 20px; box-shadow:0 18px 44px rgba(8,27,53,.08);
 border:1px solid rgba(255,255,255,.06);
 min-height:220px; display:flex; flex-direction:column;
 }
 .cta-box h3{margin:0 0 .6rem; font:700 1.35rem/1.2 'Poppins',sans-serif;}
 .cta-box p{margin:.2rem 0 1rem; color:#eaf0fa;}

 
 .about-cta .cta-box .cta-btn{
 display:inline-flex; justify-content:center; align-items:center;
 align-self:center; 
 margin-top:auto; 
 padding:14px 18px; border-radius:10px;
 width:auto !important; 
 max-width:90%; box-sizing:border-box; text-align:center;
 }

 /* FAQ */
 .faq{max-width:1200px;margin:0 auto 48px;padding:0 16px;}
 .faq h2{
 font:700 clamp(1.2rem,1.05rem + 0.8vw,1.6rem)/1.2 'Poppins',sans-serif;
 color:var(--navy); margin:0 0 12px;
 }
 .faq details{
 background:#fff; border:1px solid var(--edge); border-radius:14px;
 padding:12px 14px; margin:10px 0; box-shadow:0 8px 24px rgba(8,27,53,.05);
 }
 .faq summary{cursor:pointer; font-weight:600; color:var(--ink);}
 .faq p{color:#222; line-height:1.65; margin:.6rem 0 0;}

 /* ==== Responsive ==== */
 @media (max-width:980px){
 .about-grid{grid-template-columns:1fr;}
 .about-cta{grid-template-columns:1fr;}
 }
 @media (max-width:620px){
 .about-hero{padding:40px 14px 26px;}
 .about-title{
 font:700 clamp(1.6rem,1.2rem + 2.4vw,2.1rem)/1.22 'Poppins',sans-serif;
 }
 .about-bullets{grid-template-columns:1fr;}
 .faq h2{
 font:700 clamp(1.05rem,0.9rem + 1.6vw,1.4rem)/1.25 'Poppins',sans-serif;
 margin:8px 0 10px;
 }
 .cta-box{border-radius:14px;}
 }
 
 @media (max-width:420px){
 .about-cta .cta-box .cta-btn{
 align-self:stretch; width:100% !important; text-align:center;
 }
 .about-cta{gap:14px; padding:0 12px;}
 .cta-box{padding:16px 14px; min-height:210px;}
 }

 
 html,body{overflow-x:hidden;}

:root{
 --brand-blue:#1680e0;
 --brand-red:#b30000;
 --navy:#0d274a;
 --ink:#0e1a2f;
 --muted:#1f2f4a;
 --card-br:#b4dcff;
 --rad:18px;
 --rad-lg:22px;
 --shadow-sm:0 4px 20px #b4dcff22;
 --shadow-lg:0 14px 40px rgba(13,59,138,.14);
 --wrap:1120px;
 }

 #zms-page .wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
 #zms-page .section{padding:28px 0}
 #zms-page h1,#zms-page h2,#zms-page h3{color:var(--navy);margin:0 0 12px}

 /* HERO */
 #zms-page .hero{
 background:
 radial-gradient(1000px 360px at 85% -20%, rgba(22,128,224,.18), transparent 60%),
 linear-gradient(180deg,#ffffff 0%, #f4f9ff 100%);
 border-bottom:1px solid #e8f2ff;
 padding:48px 0 30px;
 }
 #zms-page .hero-card{
 background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.92));
 border:1px solid rgba(22,128,224,.15);
 border-radius:var(--rad-lg);
 box-shadow:var(--shadow-lg);
 padding:22px 20px 18px;
 text-align:center;
 }
 #zms-page .hero h1{font-size:clamp(1.8rem,3.8vw,2.4rem);line-height:1.15;color:var(--brand-red);font-weight:800}
 #zms-page .hero .sub{color:#203556;opacity:.95;margin:8px auto 10px;max-width:860px}

 #zms-page .highlight{display:grid;gap:10px;margin:12px auto 6px;max-width:900px}
 #zms-page .pill{
 background:#fff;border:1px solid rgba(22,128,224,.18);
 border-radius:999px;padding:10px 14px;box-shadow:var(--shadow-sm);
 color:var(--navy);font-weight:800
 }
 #zms-page .cta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}
 #zms-page .btn{
 display:inline-flex;align-items:center;justify-content:center;text-align:center;
 text-decoration:none;font-weight:800;border-radius:999px;line-height:1.15;
 min-height:40px;padding:9px 16px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-sm)
 }
 #zms-page .btn-primary{background:linear-gradient(90deg,#ffc107 0%,#ffe191 100%);color:#081b35}
 #zms-page .btn-primary:hover{transform:translateY(-1px);color:#b30000}
 #zms-page .btn-ghost{background:#fff;color:#105fba}

 /* GRIDS / CARDS */
 #zms-page .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
 #zms-page .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
 #zms-page .card{
 background:#fff;border-radius:var(--rad-lg);box-shadow:var(--shadow-lg);padding:20px;
 border:1px solid rgba(22,128,224,.10)
 }
 #zms-page .muted{color:#1a2640}
 #zms-page .list-arrow{list-style:none;padding:0;margin:10px 0 0}
 #zms-page .list-arrow li{position:relative;padding-left:22px;margin:.45rem 0}
 #zms-page .list-arrow li::before{content:"›";position:absolute;left:0;top:0;color:var(--brand-blue);font-weight:800}

 /* Timeline */
 #zms-page .timeline{display:grid;gap:12px;margin-top:10px}
 #zms-page .step{display:grid;grid-template-columns:38px 1fr;gap:10px}
 #zms-page .dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(135deg,#f0f6ff,#dfeeff);color:var(--brand-blue);font-weight:800;border:1px solid rgba(22,128,224,.18)
 }

 /* "Weiterführende Inhalte" pill-links (navy/gold) */
 #zms-page .more-links{
 max-width:1000px; margin:22px auto 36px; padding:24px 18px;
 background:#f9fbff; border:1px solid var(--card-br); border-radius:16px;
 }
 #zms-page .more-links h2{ text-align:center; color:var(--brand-blue); margin:0 0 12px; font-size:1.26rem; }
 #zms-page .more-links ul{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
 #zms-page .more-links a{
 display:inline-flex; align-items:center; justify-content:center;
 padding:10px 16px; border-radius:999px; background:#0d274a; color:#ffd24d;
 border:1px solid #1b3b6d; font-weight:800; text-decoration:none;
 box-shadow:0 2px 8px rgba(13,59,138,.25), inset 0 -2px 0 rgba(255,255,255,.08);
 transition:transform .17s, box-shadow .17s, background .17s, color .17s;
 }
 #zms-page .more-links a:hover{ background:#13365a; color:#fff7c8; transform:translateY(-1px); }

 /* Responsive */
 @media (max-width:1000px){ #zms-page .grid-3{grid-template-columns:1fr 1fr} }
 @media (max-width:720px){
 #zms-page .grid-3,#zms-page .grid-2{grid-template-columns:1fr}
 #zms-page .section{padding:22px 0}
 #zms-page .btn{width:100%;text-align:center}
 }

.success-box {
 background-color: #e6f9e6;
 border-left: 6px solid #28a745;
 padding: 16px 20px;
 margin-top: 1.5rem;
 border-radius: 10px;
 color: #155724;
 box-shadow: 0 2px 8px rgba(0,0,0,0.05);
 animation: fadeIn 0.4s ease-in-out;
 }
 @keyframes fadeIn {
 from { opacity: 0; transform: translateY(-10px); }
 to { opacity: 1; transform: translateY(0); }
 }

:root{
 --brand-blue:#1680e0;
 --brand-red:#b30000;
 --ink:#0e1a2f;
 --muted:#31415e;
 --card-br:#b4dcff;
 --rad:18px;
 --shadow-sm:0 4px 20px rgba(180,220,255,.18);
 --shadow-lg:0 12px 34px rgba(13,59,138,.14);
 --wrap:1120px;
 }
 #guide-page .hero-lux{
  position:relative;
  overflow:hidden;
  background:radial-gradient(1200px 600px at 10% -10%, #e8f3ff, transparent 70%), radial-gradient(1000px 600px at 110% 10%, #f7fbff, transparent 60%), linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);
  border-bottom:1px solid #e6f0ff;
 }
 #guide-page .container{
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 16px;
 }
 #guide-page .hero-lux .container{
  padding:34px 16px 28px;
  text-align:center;
 }
 #guide-page h1{
  color:var(--brand-red);
  font-weight:800;
  font-size:clamp(1.9rem,3.8vw,2.55rem);
  margin:0 0 12px;
 }
 #guide-page .sub{
  color:#1a2640;
  font-size:1.08rem;
  max-width:860px;
  margin:0 auto;
  line-height:1.65;
 }
 #guide-page .badges{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:16px;
 }
 #guide-page .badge{
  background:#0d274a;
  color:#ffd24d;
  border:1px solid #173a6c;
  font-weight:800;
  font-size:.95rem;
  padding:8px 14px;
  border-radius:999px;
  box-shadow:0 2px 8px rgba(13,59,138,.25), inset 0 -2px 0 rgba(255,255,255,.08);
 }
 #guide-page .kpi-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  max-width:820px;
  margin:22px auto 0;
 }
 #guide-page .kpi-item{
  background:#fff;
  border:1.5px solid var(--card-br);
  border-radius:16px;
  box-shadow:var(--shadow-sm);
  padding:14px 12px;
  text-align:center;
 }
 #guide-page .kpi-item strong{
  display:block;
  font-size:2rem;
  line-height:1;
  color:#0e1a2f;
  margin-bottom:8px;
 }
 #guide-page .kpi-item span{
  display:block;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.4;
 }
 #guide-page .section{
  padding:22px 0 10px;
 }
 #guide-page .section--alt{
  background:#f8fbff;
  border-top:1px solid #eaf3ff;
  border-bottom:1px solid #eaf3ff;
 }
 #guide-page .toc{
  background:#fff;
  border:1px solid var(--card-br);
  border-radius:16px;
  box-shadow:var(--shadow-sm);
  margin:24px auto 0;
  padding:18px 18px 14px;
 }
 #guide-page .toc strong{
  color:var(--ink);
  font-size:1.05rem;
 }
 #guide-page .toc ol{
  margin:10px 0 0;
  padding-left:24px;
  line-height:1.95;
 }
 #guide-page .toc a,
 #guide-page .prose a{
  color:#105fba;
  font-weight:700;
  text-decoration:none;
 }
 #guide-page .toc a:hover,
 #guide-page .prose a:hover{
  color:var(--brand-red);
  text-decoration:underline;
 }
 #guide-page .prose h2,
 #guide-page .section-heading{
  text-align:center;
  color:var(--ink);
  font-weight:800;
  font-size:clamp(1.7rem, 3vw, 2.35rem);
  margin:10px 0 16px;
 }
 #guide-page .prose--danger h2{
  color:var(--brand-red);
 }
 #guide-page .prose p,
 #guide-page .prose li{
  color:#20293a;
  line-height:1.76;
  font-size:1.02rem;
 }
 #guide-page .grid-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
 }
 #guide-page .card{
  background:#fff;
  border:1.5px solid var(--card-br);
  border-radius:18px;
  box-shadow:var(--shadow-sm);
  padding:22px 18px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-height:206px;
 }
 #guide-page .card--lux{
  box-shadow:var(--shadow-lg);
 }
 #guide-page .card h3{
  margin:0 0 10px;
  color:var(--ink);
  font-weight:800;
  font-size:1.08rem;
 }
 #guide-page .card p{
  margin:0;
  color:var(--muted);
 }
 #guide-page .guide-card-link{
  margin-top:auto;
  padding-top:16px;
 }
 #guide-page .guide-card-link a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:178px;
 }
 #guide-page .btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  background:linear-gradient(90deg,#ffc107 0%,#ffe191 100%);
  color:#081b35;
  border:1px solid #ffd664;
  box-shadow:0 8px 24px rgba(255,193,7,.35);
  transition:transform .18s, box-shadow .18s, color .18s;
 }
 #guide-page .btn-primary:hover{
  transform:translateY(-1px);
  color:#b30000;
 }
 #guide-page .btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  background:#fff;
  color:#0d274a;
  border:1px solid rgba(13,39,74,.14);
  box-shadow:0 10px 24px rgba(8,27,53,.08);
  transition:transform .18s, box-shadow .18s, color .18s;
 }
 #guide-page .btn-secondary:hover{
  transform:translateY(-1px);
  color:#105fba;
 }
 #guide-page details{
  background:#fff;
  border:1px solid var(--card-br);
  border-radius:14px;
  padding:14px 16px;
  margin:12px 0;
  box-shadow:var(--shadow-sm);
 }
 #guide-page summary{
  cursor:pointer;
  font-weight:800;
  color:#0e1a2f;
 }
 #guide-page details p{
  margin:10px 0 0;
 }
 #guide-page .more-links{
  max-width:1000px;
  margin:24px auto 34px;
  padding:24px 18px;
  background:#f9fbff;
  border:1px solid var(--card-br);
  border-radius:16px;
 }
 #guide-page .more-links h2{
  text-align:center;
  color:var(--brand-blue);
  margin:0 0 12px;
  font-size:1.28rem;
 }
 #guide-page .more-links ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
 }
 #guide-page .more-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:#0d274a;
  color:#ffd24d;
  border:1px solid #1b3b6d;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 2px 8px rgba(13,59,138,.25), inset 0 -2px 0 rgba(255,255,255,.08);
  transition:transform .17s, background .17s, color .17s;
 }
 #guide-page .more-links a:hover{
  background:#12345a;
  color:#fff7c8;
  transform:translateY(-1px);
 }
 @media (max-width:980px){
  #guide-page .grid-3{
   grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  #guide-page .kpi-grid{
   grid-template-columns:repeat(2, minmax(0, 1fr));
  }
 }
 @media (max-width:640px){
  #guide-page .hero-lux .container{
   padding:28px 14px 22px;
  }
  #guide-page .grid-3,
  #guide-page .kpi-grid{
   grid-template-columns:1fr;
  }
  #guide-page .card{
   min-height:auto;
  }
  #guide-page .guide-card-link a,
  #guide-page .btn-primary{
   width:100%;
  }
 }

.breadcrumb-nav{padding:8px 24px;background:transparent;font-size:.85rem}
.breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.breadcrumb-nav a{color:#1560b4;text-decoration:none}
.breadcrumb-nav a:hover{text-decoration:underline}
.breadcrumb-nav span[aria-current]{color:#444}

.ersatz-cats{max-width:980px;margin:28px auto 16px;padding:0 16px;}
 .ersatz-cats__title{
 text-align:center;color:#b30000;font-weight:800;margin:0 0 14px;
 font-size:clamp(1.35rem,2.4vw,1.7rem);
 }
 .ersatz-cats__list{
 list-style:none;margin:0 auto;padding:0;
 display:grid;gap:14px;
 grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
 max-width:980px;
 }
 .ersatz-cats__list li{display:block}
 .ersatz-cats__list a{
 display:block;text-align:center;text-decoration:none;
 padding:12px 16px;border-radius:14px;
 border:1.5px solid #b4dcff;background:#fff;color:#1680e0;
 font-weight:700;box-shadow:0 4px 18px rgba(13,59,138,.08);
 transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,color .16s;
 }
 .ersatz-cats__list a:hover,.ersatz-cats__list a:focus{
 border-color:#1680e0;transform:translateY(-1px);
 box-shadow:0 8px 22px rgba(13,59,138,.14);outline:none;
 }
 
 .ersatz-cats__list li.cta a{
 background:#1680e0;color:#fff;border-color:#1680e0;font-weight:800;
 }
 .ersatz-cats__list li.cta a:hover,.ersatz-cats__list li.cta a:focus{
 background:#0f63b6;border-color:#0f63b6;
 }
 
 @media (max-width:640px){
 .ersatz-cats__list{gap:12px}
 .ersatz-cats__list a{padding:11px 14px;border-radius:12px}
 }

html,body.home{background-color:#081b35}.video-hero{background-color:#081b35}.main-title{color:#ffc107}

@keyframes slideFromTop {
 from { opacity: 0; transform: translateY(-60px); }
 to { opacity: 1; transform: translateY(0); }
 }
 .delay-1 { animation-delay: 0.3s; }
 .delay-2 { animation-delay: 0.6s; }
 .delay-3 { animation-delay: 0.9s; }

 @media (max-width: 700px) {
 .intro-cards {
 display: flex;
 flex-direction: column !important;
 gap: 20px;
 padding: 16px 4px;
 margin: 0;
 overflow-x: visible !important;
 align-items: stretch !important;
 }
 .intro-card {
 width: 100% !important;
 max-width: 100vw !important;
 min-width: 0 !important;
 min-height: 340px;
 margin: 0 !important;
 border-radius: 14px;
 font-size: 1rem;
 display: flex !important;
 flex-direction: column !important;
 align-items: stretch !important;
 box-sizing: border-box !important;
 text-align: center !important;
 opacity: 0;
 transform: translateY(-60px);
 animation: slideFromTop 1.1s ease forwards;
 }
 .intro-card img {
 width: 100% !important;
 height: 140px !important;
 object-fit: cover !important;
 object-position: center !important;
 border-radius: 14px 14px 0 0 !important;
 display: block !important;
 margin: 0 !important;
 background: #f5f5f5;
 }
 .card-text, .intro-card h3, .intro-card p {
 text-align: center !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
 width: 100% !important;
 }
 }

.dropsa-why-hero{padding:48px 12px 32px;background:linear-gradient(98deg,#e6ecf5 0%,#f5fafd 100%);display:flex;justify-content:center}
 .dropsa-why-content{max-width:650px;margin:0 auto;background:#fff;border-radius:2rem;box-shadow:0 8px 32px rgba(0,26,77,.08);padding:40px 32px 32px;text-align:center;font-family:'Poppins',Arial,sans-serif}
 .dropsa-why-content h3{font-size:2.2rem;margin-bottom:1rem;letter-spacing:.01em;font-weight:700}
 .dropsa-why-content h3 span{color:#1560b4;font-weight:900;letter-spacing:.02em}
 .why-desc{font-size:1.15rem;line-height:1.6;margin-bottom:1.7rem}
 .why-desc strong{color:#1d314f;font-weight:600}
 .why-highlight{display:inline-block;background:#e2f0fd;color:#1560b4;border-radius:1em;padding:.15em .7em;font-weight:500;margin-top:.5em}
 .why-features{font-size:1rem;color:#444;margin-bottom:0}
 .why-features span{display:block;margin:.4em 0;font-weight:500}
 @media (max-width:700px){
 .dropsa-why-content{padding:22px 8px 18px;border-radius:1.1em}
 .dropsa-why-content h3{font-size:1.22rem}
 .why-desc,.why-features{font-size:.97rem}
 }

.faq details{margin:.6rem 0;padding:.6rem .8rem;border:1px solid #e6ecf5;border-radius:.6rem;background:#fff}
.faq details[open]{box-shadow:0 6px 20px rgba(0,0,0,.05)}
.faq summary{cursor:pointer;font-weight:600}

/* Footer Layout */
 footer .footer-flex {
 display: flex;
 flex-wrap: wrap;
 gap: 32px;
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 24px;
 }
 footer .footer-flex > * {
 flex: 1 1 220px;
 min-width: 220px;
 }
 .footer-contact {
 font-size: 14px;
 line-height: 1.6;
 }
 .footer-contact a {
 color: inherit;
 text-decoration: none;
 }
 .footer-contact a:hover {
 text-decoration: underline;
 }
 .footer-links {
 list-style: none;
 padding: 0;
 margin: 0 0 20px;
 }
 .footer-links li {
 margin: .35rem 0;
 line-height: 1.6;
 }
 .footer-links li strong {
 display: block;
 margin-bottom: .5rem;
 font-weight: 700;
 }
 .footer-links a {
 text-decoration: none;
 color: inherit;
 }
 .footer-links a:hover {
 text-decoration: underline;
 }
 .footer-bottom {
 margin-top: 24px;
 text-align: center;
 }

 /* Cookie Banner */
 .cookie-banner {
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 background: #222;
 color: #fff;
 padding: 10px 20px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 z-index: 9999;
 }
 .cookie-banner a {
 color: #0af;
 text-decoration: underline;
 }
 .cookie-banner button {
 background: #0af;
 color: #fff;
 border: none;
 padding: 5px 15px;
 cursor: pointer;
 }

 @media (max-width: 768px) {
 footer .footer-flex > * {
 flex: 1 1 45%;
 min-width: 200px;
 }
 }
 @media (max-width: 480px) {
 footer .footer-flex > * {
 flex: 1 1 100%;
 min-width: 0;
 }
 }

/* === Lux Section Headings for .section-card (bulletproof) === */
.section-card > h2.lux-title{
 font: 600 clamp(1.24rem, 2.4vw, 1.7rem)/1.25 'Poppins',sans-serif !important;
 color: #0f1f36 !important; /* Navy   WHY */
 letter-spacing: -0.2px !important;
 margin: 4px 0 14px !important;
 text-align: center !important;
 text-wrap: balance; /*    */
 -webkit-hyphens: auto; hyphens: auto; /*    */
}
.section-card > h2.lux-title::after{
 content: "";
 display: block;
 width: 72px; height: 3px; border-radius: 3px;
 margin: 10px auto 0;
 background: linear-gradient(90deg,#ffc107,#b30000); /* →  */
 opacity: .9;
 box-shadow: 0 0 0 1px rgba(0,0,0,.02);
}

/*       */
.section-card p, .section-card ul, .section-card ol{
 color:#1a2438 !important;
 line-height:1.72 !important;
}

/* :   */
@media (max-width: 600px){
 .section-card{ padding:24px 16px !important; border-radius:16px !important; }
 .section-card > h2.lux-title{
 font-size: 1.18rem !important;
 line-height: 1.26 !important;
 text-align: left !important;
 margin: 2px 0 10px !important;
 }
 .section-card > h2.lux-title::after{ margin-left: 0; }
 .section-card p, .section-card ul, .section-card ol{
 text-align:left !important; font-size:.97rem !important;
 }
}

/* === Lux band/card   Warum DropsA    === */
.lux-band{
 padding:48px 12px 32px;
 background:linear-gradient(98deg,#e6ecf5 0%,#f5fafd 100%);
 display:flex; justify-content:center;
}
.section-card.lux-card{
 max-width:820px; margin:0 auto;
 background:#fff; border-radius:2rem;
 box-shadow:0 8px 32px rgba(0,26,77,.08);
 padding:40px 32px 32px;
 text-align:left; font-family:'Poppins',Arial,sans-serif;
}
/* Heading  */
.section-card.lux-card > h2.lux-title{
 font:600 clamp(1.24rem,2.4vw,1.7rem)/1.25 'Poppins',sans-serif !important;
 color:#0f1f36 !important;
 letter-spacing:-.2px !important;
 margin:4px 0 14px !important;
 text-align:center !important;
 text-wrap:balance; -webkit-hyphens:auto; hyphens:auto;
}
.section-card.lux-card > h2.lux-title::after{
 content:""; display:block; width:72px; height:3px; border-radius:3px;
 margin:10px auto 0;
 background:linear-gradient(90deg,#ffc107,#b30000); opacity:.9;
}
/*   +     */
.section-card.lux-card p,
.section-card.lux-card ul,
.section-card.lux-card ol{ color:#1a2438 !important; line-height:1.72 !important; }
.section-card.lux-card a{
 color:#0f1f36; text-decoration:none;
 background-image:linear-gradient(#ffc107,#ffc107);
 background-repeat:no-repeat; background-position:0 100%;
 background-size:0% 2px; transition:background-size .18s ease, color .18s ease;
}
.section-card.lux-card a:hover{ color:#081b35; background-size:100% 2px; }

/*  */
@media (max-width:700px){
 .section-card.lux-card{ padding:22px 14px 18px; border-radius:1.1em; }
 .section-card.lux-card > h2.lux-title{
 font-size:1.18rem !important; line-height:1.26 !important;
 text-align:left !important; margin:2px 0 10px !important;
 }
 .section-card.lux-card > h2.lux-title::after{ margin-left:0; }
 .section-card.lux-card p,
 .section-card.lux-card ul,
 .section-card.lux-card ol{ text-align:left !important; font-size:.97rem !important; line-height:1.68 !important; }
}

/* === Lux links (always distinct)     === */
:root{
 --lux-link: #1560b4; /*  / */
 --lux-link-underline: rgba(21,96,180,.65);
 --lux-accent: #ffc107; /*   */
}

/*  :      (  +  ) */
.section-card.lux-card a{
 background-image: none !important; /*      */
 color: var(--lux-link) !important;
 text-decoration-line: underline !important;
 text-decoration-thickness: 1.5px !important;
 text-underline-offset: 0.18em !important;
 text-decoration-color: var(--lux-link-underline) !important;
 border-radius: 2px;
 transition: color .18s ease, text-decoration-color .18s ease, text-decoration-thickness .18s ease;
}

/* Hover/Focus:    */
.section-card.lux-card a:hover{
 color: #081b35 !important;
 text-decoration-color: var(--lux-accent) !important;
 text-decoration-thickness: 2px !important;
}
.section-card.lux-card a:focus-visible{
 outline: none !important;
 box-shadow: 0 0 0 3px rgba(255,193,7,.35);
 border-radius: 4px;
}

/*     h2         */
.section-card.lux-card h2 a{
 text-decoration: none !important;
 color: var(--lux-link) !important;
}

/* :      */
@media (max-width:700px){
 .section-card.lux-card a{
 text-decoration-thickness: 2px !important;
 text-underline-offset: 0.22em !important;
 }
}

/* === Reviews Glassmorphism + Avatars === */
.reviews-card{ text-align:center; }
.reviews-card .review-carousel{ max-width: 620px; margin: 20px auto 0; }
.reviews-card .review-slide{ display:none; }
.reviews-card .review-slide.active{
 display:block;
 animation: fadeIn .35s ease;
}
@keyframes fadeIn{
 from{ opacity:0; transform: translateY(6px); }
 to{ opacity:1; transform: translateY(0); }
}

/*   :  */
.reviews-card .review{
 position: relative;
 border-radius: 22px;
 padding: 28px 26px 22px;
 margin: 0 auto;
 background: rgba(255,255,255,.38);
 border: 1px solid rgba(255,255,255,.45);
 box-shadow: 0 12px 40px rgba(20,40,80,.12);
 backdrop-filter: blur(14px) saturate(125%);
 -webkit-backdrop-filter: blur(14px) saturate(125%);
}

/*       ( «   ») */
.reviews-card .review::before{ content: none !important; }

/*  :  +  */
.review-head{
 display:flex; align-items:center; gap:12px;
 justify-content:center; margin-bottom: 10px;
}
.review-avatar{
 width: 48px; height: 48px; object-fit: cover; border-radius: 50%;
 box-shadow: 0 2px 10px rgba(0,0,0,.08);
 border: 2px solid rgba(255,255,255,.85);
}
.review-meta strong{
 display:block; color:#0f1f36; font-weight:600; line-height:1.1;
}
.review-meta span{ color:#66728c; font-size:.92rem; }

/*  */
.reviews-card .review p{ margin:10px 0 0; color:#1a2438; }

/*   */
.review-carousel-dots{ display:flex; justify-content:center; gap:10px; margin-top:16px; }
.review-carousel-dots .dot{
 width: 11px; height: 11px; border-radius:50%;
 background: #ffd54d; opacity: .8; cursor:pointer;
 transition: transform .2s ease, opacity .2s ease, box-shadow .2s ease;
}
.review-carousel-dots .dot.active{
 background:#ffc107; opacity:1; transform: scale(1.15);
 box-shadow: 0 0 0 2px #b30000 inset;
}

/*  */
@media (max-width:700px){
 .reviews-card .review{ padding: 20px 16px 16px; border-radius:18px; }
 .review-avatar{ width:44px; height:44px; }
 .reviews-card .review-carousel{ max-width: 92vw; }
 .reviews-card .review p{ font-size:.97rem; }
}

body.has-cookie-banner{ padding-bottom: 64px !important; } /*      */

/*         */
.footer-bar{
 padding: 18px 0 calc(22px + env(safe-area-inset-bottom)) !important;
}
.footer-lux{ padding-bottom: 10px !important; }

/*             */
body.cookie-open{ padding-bottom: 72px !important; }
@media (max-width: 600px){
 body.cookie-open{ padding-bottom: 88px !important; }
}

/*      : */
.cookie-banner{
 position: fixed; bottom: 0; left: 0; right: 0;
 display: none; /*  JS   */
 background: #081b35; color: #fff;
 padding: 12px 16px; z-index: 9999;
 display: none; align-items: center; justify-content: space-between; gap: 12px;
}
.cookie-banner a{ color: #ffc107; text-decoration: underline; }
.cookie-banner button{
 background: #ffc107; color: #081b35; border: 0;
 padding: 8px 14px; border-radius: 8px; font-weight: 700; cursor: pointer;
}

:root{
 --brand-blue:#1680e0;
 --brand-red:#b30000;
 --navy:#0d274a;
 --ink:#0e1a2f;
 --muted:#1f2f4a;
 --card-br:#b4dcff;
 --rad:18px;
 --rad-lg:22px;
 --shadow-sm:0 4px 20px #b4dcff22;
 --shadow-lg:0 14px 40px rgba(13,59,138,.14);
 --wrap:1120px;
 }

 #zms-page .wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
 #zms-page .section{padding:28px 0}
 #zms-page h1,#zms-page h2,#zms-page h3{color:var(--navy);margin:0 0 12px}

 /* HERO */
 #zms-page .hero{
 background:
 radial-gradient(1000px 360px at 85% -20%, rgba(22,128,224,.18), transparent 60%),
 linear-gradient(180deg,#ffffff 0%, #f4f9ff 100%);
 border-bottom:1px solid #e8f2ff;
 padding:48px 0 30px;
 }
 #zms-page .hero-card{
 background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.92));
 border:1px solid rgba(22,128,224,.15);
 border-radius:var(--rad-lg);
 box-shadow:var(--shadow-lg);
 padding:22px 20px 18px;
 text-align:center;
 }
 #zms-page .hero h1{font-size:clamp(1.8rem,3.8vw,2.4rem);line-height:1.15;color:var(--brand-red);font-weight:800}
 #zms-page .hero .sub{color:#203556;opacity:.95;margin:8px auto 10px;max-width:860px}

 #zms-page .highlight{display:grid;gap:10px;margin:12px auto 6px;max-width:900px}
 #zms-page .pill{
 background:#fff;border:1px solid rgba(22,128,224,.18);
 border-radius:999px;padding:10px 14px;box-shadow:var(--shadow-sm);
 color:var(--navy);font-weight:800
 }
 #zms-page .cta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}
 #zms-page .btn{
 display:inline-flex;align-items:center;justify-content:center;text-align:center;
 text-decoration:none;font-weight:800;border-radius:999px;line-height:1.15;
 min-height:40px;padding:9px 16px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-sm)
 }
 #zms-page .btn-primary{background:linear-gradient(90deg,#ffc107 0%,#ffe191 100%);color:#081b35}
 #zms-page .btn-primary:hover{transform:translateY(-1px);color:#b30000}
 #zms-page .btn-ghost{background:#fff;color:#105fba}

 /* GRIDS / CARDS */
 #zms-page .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
 #zms-page .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
 #zms-page .card{
 background:#fff;border-radius:var(--rad-lg);box-shadow:var(--shadow-lg);padding:20px;
 border:1px solid rgba(22,128,224,.10)
 }
 #zms-page .muted{color:#1a2640}
 #zms-page .list-arrow{list-style:none;padding:0;margin:10px 0 0}
 #zms-page .list-arrow li{position:relative;padding-left:22px;margin:.45rem 0}
#zms-page .list-arrow li::before{content:"›";position:absolute;left:0;top:0;color:var(--brand-blue);font-weight:800}

 /* Timeline */
 #zms-page .timeline{display:grid;gap:12px;margin-top:10px}
 #zms-page .step{display:grid;grid-template-columns:38px 1fr;gap:10px}
 #zms-page .dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(135deg,#f0f6ff,#dfeeff);color:var(--brand-blue);font-weight:800;border:1px solid rgba(22,128,224,.18)
 }

 /* "Weiterführende Inhalte" pill-links (navy/gold) */
 #zms-page .more-links{
 max-width:1000px; margin:22px auto 36px; padding:24px 18px;
 background:#f9fbff; border:1px solid var(--card-br); border-radius:16px;
 }
 #zms-page .more-links h2{ text-align:center; color:var(--brand-blue); margin:0 0 12px; font-size:1.26rem; }
 #zms-page .more-links ul{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
 #zms-page .more-links a{
 display:inline-flex; align-items:center; justify-content:center;
 padding:10px 16px; border-radius:999px; background:#0d274a; color:#ffd24d;
 border:1px solid #1b3b6d; font-weight:800; text-decoration:none;
 box-shadow:0 2px 8px rgba(13,59,138,.25), inset 0 -2px 0 rgba(255,255,255,.08);
 transition:transform .17s, box-shadow .17s, background .17s, color .17s;
 }
 #zms-page .more-links a:hover{ background:#13365a; color:#fff7c8; transform:translateY(-1px); }

 /* Responsive */
 @media (max-width:1000px){ #zms-page .grid-3{grid-template-columns:1fr 1fr} }
 @media (max-width:720px){
 #zms-page .grid-3,#zms-page .grid-2{grid-template-columns:1fr}
 #zms-page .section{padding:22px 0}
 #zms-page .btn{width:100%;text-align:center}
 }


/* ===== Global uniformity (cleanup) — below-hero sections aligned ===== */
.dropsa-why-content{ max-width:820px !important; }        /* match .lux-card width */
.lux-band, .dropsa-why-hero{ padding:48px 16px 32px; }    /* consistent section rhythm */
.section-card.lux-card, .dropsa-why-content, .reviews-card{ max-width:820px; }