
/* ── Magazin-Module Stadtseite (Golden-Modell Berlin) ───────────────────── */
.mag-statstrip{border-top:1px solid var(--line,#e4dbe3);border-bottom:1px solid var(--line,#e4dbe3);margin:0}
.mag-statstrip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.mag-statstrip .st{padding:26px 22px 24px;border-left:1px solid var(--line,#e4dbe3)}
.mag-statstrip .st:first-child{border-left:0;padding-left:0}
.mag-statstrip .st b{display:block;font-family:var(--wide,inherit);font-size:34px;line-height:1;color:var(--magenta-ink,#7a1f52);font-weight:800;letter-spacing:-.01em}
.mag-statstrip .st span{display:block;margin-top:8px;font-size:13.5px;color:var(--muted,#6b5a6b);max-width:24ch}
@media(max-width:720px){.mag-statstrip .wrap{grid-template-columns:1fr 1fr}.mag-statstrip .st:nth-child(3){border-left:0;padding-left:0}.mag-statstrip .st:nth-child(odd){border-left:0;padding-left:0}}
/* Sektor-Grid (Branchen) */
.sectorgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:26px;background:var(--line,#e4dbe3);border:1px solid var(--line,#e4dbe3);border-radius:14px;overflow:hidden}
.sectorgrid .sector{background:#fff;padding:22px 22px 24px}
.sectorgrid .sector h3{margin:0 0 8px;font-size:16px;font-weight:800;color:var(--ink,#2a172b)}
.sectorgrid .sector p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted,#584a58)}
.sectorgrid .sector b{color:var(--ink,#2a172b);font-weight:700}
@media(max-width:760px){.sectorgrid{grid-template-columns:1fr}}
/* Callout / „gut zu wissen"-Aside */
.callout{border-left:4px solid var(--magenta,#a12b6b);background:#faf5f9;border-radius:0 12px 12px 0;padding:20px 24px;margin-top:4px}
.callout .co-k{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta-ink,#7a1f52);margin-bottom:6px}
/* Bildunterschrift & Pull-Quote */
.mag-cap{margin:10px 0 0;font-size:12.5px;color:var(--muted,#6b5a6b);font-style:italic}
.pullquote{border:0;margin:8px 0;font-family:var(--wide,inherit);font-size:clamp(21px,3.2vw,30px);line-height:1.28;font-weight:800;color:var(--ink,#2a172b);max-width:22ch}
.pullquote span{color:var(--magenta-ink,#7a1f52)}
/* Preis-Modul */
.price-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start}
@media(max-width:820px){.price-wrap{grid-template-columns:1fr;gap:26px}}
.price-intro{margin:14px 0 20px;color:var(--muted,#5b5060);max-width:52ch;font-size:15.5px;line-height:1.65}
.price-incl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.price-incl li{position:relative;padding-left:30px;font-size:15px;line-height:1.5}
.price-incl li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;
  background:var(--magenta-ink,#b3125b);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.price-card{background:#fff;border:1px solid var(--line,#e7dde6);border-radius:20px;padding:28px 28px 26px;box-shadow:0 30px 64px -46px rgba(20,8,22,.45)}
.pc-kick{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--magenta-ink,#b3125b);margin:0}
.pc-num{margin:10px 0 4px;display:flex;flex-direction:column}
.pc-num b{font-family:var(--wide,inherit);font-size:40px;line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--ink,#211a24)}
.pc-num span{margin-top:8px;font-size:13px;color:var(--muted,#5b5060)}
.pc-rows{list-style:none;margin:20px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:12px}
.pc-rows li{display:flex;justify-content:space-between;gap:14px;font-size:14px;align-items:baseline}
.pc-rows span{color:var(--muted,#5b5060)}
.pc-rows b{font-weight:700;color:var(--ink,#211a24);white-space:nowrap}
.pc-note{font-size:13px;color:var(--muted,#5b5060);margin:0 0 18px}
.pc-cta{width:100%;justify-content:center;border:0}
/* Editorialer Bild-Text-Split */
.edsplit{display:grid;grid-template-columns:0.92fr 1.08fr;gap:44px;align-items:center}
@media(max-width:820px){.edsplit{grid-template-columns:1fr;gap:24px}}
.edsplit-fig{margin:0;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -46px rgba(20,8,22,.6)}
.edsplit-fig img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.edsplit-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,23,43,0) 55%,rgba(42,23,43,.72));pointer-events:none}
.edsplit-fig figcaption{position:absolute;left:22px;right:22px;bottom:18px;color:#fff;font-size:13px;line-height:1.45;z-index:1;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.edsplit-body h2{margin:6px 0 14px}
.edsplit-body p{margin:0 0 14px;color:var(--muted,#5b5060);font-size:16px;line-height:1.7}
.edsplit-body p strong{color:var(--ink,#211a24)}
/* #stadt ohne Bild: vollbreite Editorial-Prosa */
.edprose h2{margin:6px 0 20px;max-width:22ch}
.edprose-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 48px;align-items:start}
@media(max-width:820px){.edprose-cols{grid-template-columns:1fr;gap:16px}}
.edprose-cols p{margin:0;color:var(--muted,#5b5060);font-size:16.5px;line-height:1.72}
.edprose-cols p strong{color:var(--ink,#211a24)}
/* Express-Speed-Modul */
.xpress{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;background:linear-gradient(150deg,#2a172b,#4a2247);border-radius:22px;padding:34px 38px;color:#fff}
@media(max-width:680px){.xpress{grid-template-columns:1fr;gap:20px;padding:28px 26px}}
.xpress-num{font-family:var(--wide,inherit);font-weight:800;font-size:clamp(52px,8vw,84px);line-height:.9;letter-spacing:-.03em;color:#ff9ac8}
.xpress-num small{display:block;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d5b9d1;margin-top:8px}
.xpress-body h2{color:#fff;margin:0 0 10px;font-size:clamp(21px,2.3vw,27px)}
.xpress-body p{color:#d5c3d3;font-size:15px;line-height:1.6;margin:0 0 14px;max-width:52ch}
.xpress-pairs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.xpress-pairs li{font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
/* Büro-Karte */
.office{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
@media(max-width:760px){.office{grid-template-columns:1fr}}
.office-card{background:#fff;border:1px solid var(--line,#e7dde6);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 30px 64px -46px rgba(20,8,22,.45);display:flex;flex-direction:column}
.office-map{background:linear-gradient(135deg,#3a2140,#2a172b);color:#fff;padding:22px 24px;display:flex;align-items:center;gap:14px}
.office-map svg{flex:none;color:#ff9ac8}
.office-map b{font-family:var(--wide,inherit);font-size:17px}
.office-map span{display:block;font-size:14px;color:#dcc9da;margin-top:3px}
.office-body{padding:22px 24px}
.office-body address{font-style:normal;line-height:1.6;font-size:15px}
.office-body .oc-tel{display:inline-block;margin-top:6px;font-weight:700;color:var(--magenta-ink,#b3125b)}
.office-body .oc-hint{margin-top:12px;font-size:13.5px;color:var(--muted,#5b5060)}
.oc-nap{font-style:normal;font-size:15px;line-height:1.55;font-weight:600;color:#211a24;padding-bottom:12px;margin-bottom:2px;border-bottom:1px solid rgba(42,23,43,.1)}
.oc-nap a{color:var(--mag,#d11367);text-decoration:none;font-weight:700}
/* Referenz-Marquee (Farb-Logos, wie Fachseiten) */
.kdlogos{background:#efe2ec;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.kdlogos .wrap{max-width:none;padding:34px 0}
.kdlogos-eyebrow{text-align:center;margin-bottom:18px}
.kdlogos-mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}
.kdlogos-track{display:flex;width:max-content;align-items:center;animation:kdscroll 42s linear infinite;will-change:transform}
.kdlogos-mask:hover .kdlogos-track{animation-play-state:paused}
.kdlogos-cell{flex:0 0 128px;width:128px;box-sizing:border-box;height:64px;display:flex;align-items:center;justify-content:center;padding:0 6px}
.kdlogos-cell img{max-width:120px;max-height:40px;width:auto;height:auto;object-fit:contain;display:block}
@keyframes kdscroll{to{transform:translateX(-50%)}}
@media(min-width:576px){.kdlogos-cell{flex:0 0 172px;width:172px;padding:0 8px;height:78px}.kdlogos-cell img{max-width:120px;max-height:40px;width:auto;height:auto;object-fit:contain;display:block}}
@media(min-width:992px){.kdlogos-cell{flex:0 0 340px;width:340px;padding:0 20px;height:84px}.kdlogos-cell img{max-width:120px;max-height:40px;width:auto;height:auto;object-fit:contain;display:block}.kdlogos-mask{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%)}}
@media(prefers-reduced-motion:reduce){.kdlogos-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.kdlogos-track .kd-dup{display:none}.kdlogos-cell{flex:0 0 auto;width:auto}}
.office-note{background:#faf5f9;border:1px solid var(--line,#e7dde6);border-radius:20px;padding:24px 26px;display:flex;flex-direction:column;justify-content:safe center}
.office-note h3{font-size:17px;margin:0 0 8px}
.office-note p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted,#5b5060)}
.office-note strong{color:var(--ink,#211a24)}
/* Apostille-Adressliste (konkrete belegte Daten) */
.apo-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:12px}
.apo-list li{padding:14px 16px;background:#fff;border:1px solid var(--line,#e7dde6);border-radius:12px;font-size:14.5px;line-height:1.55}
.apo-adr{display:inline-block;font-weight:700;color:var(--magenta-ink,#b3125b)}
.apo-src{display:block;margin-top:6px;font-size:12px;color:var(--muted,#5b5060)}
.apo-src a{color:var(--magenta-ink,#b3125b)}
/* Karriere-Broschüre (Punkt 5 Design-Pilot Recklinghausen) */
.career-brochure{position:relative;overflow:hidden;padding:76px 0;background:linear-gradient(155deg,#2a172b 0%,#472747 55%,#6f3f6f 130%);color:#fff}
.career-brochure:before{content:none}
.career-brochure .wrap{position:relative;z-index:1}
.cb-panel{position:relative}
.cb-head{position:relative;max-width:72ch}
.cb-head .eyebrow{color:var(--magenta)}
.cb-head h2{color:#fff;margin:6px 0 14px}
.cb-lead{color:#d5c3d3;font-size:14.5px;line-height:1.65;margin:0}
.cb-lead strong{color:#ff9ac8}
.cb-cols{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:36px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden}
@media(max-width:820px){.cb-cols{grid-template-columns:1fr}}
.cb-card{background:rgba(255,255,255,.045);padding:30px 32px}
.cb-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);margin-bottom:16px}
.cb-ico svg{width:19px;height:19px;stroke:#ff9ac8;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cb-k{font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#ff9ac8;margin:0 0 8px}
.cb-card h3{color:#fff;font-size:19px;margin:0 0 10px;letter-spacing:-.01em}
.cb-card>p{color:#d5c3d3;font-size:14.5px;line-height:1.65;margin:0 0 14px}
.cb-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cb-list li{font-size:14px;line-height:1.6;color:#d5c3d3;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.cb-list li:first-child{padding-top:0;border-top:0}
.cb-list a{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,159,200,.5)}
.cb-list a:hover{color:#ff9ac8;border-color:#ff9ac8}
.cb-foot{position:relative;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between}
.cb-foot p{color:#d5c3d3;font-size:14.5px;line-height:1.65;max-width:60ch;margin:0}
.cb-foot p a{color:#ff9ac8;text-decoration:underline}
.cb-cta{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}
.cb-panel .btn-outline{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.35)}
.cb-panel .btn-outline:hover{background:rgba(255,255,255,.16);border-color:#fff}
@media(max-width:600px){.career-brochure{padding:52px 0}.cb-foot{align-items:flex-start}}

.career-brochure p a,.cb-lead a,.cb-card a{color:#ff9ac8;text-decoration:underline}
