151 ok
1844 ok
.kachel-rund { border-radius: 10px; overflow: hidden; }
/* === Individuelle Vorhersagen (Page 184) === */
/* Optimiert 2026-05-03: Akzent-Farbe von #F2AB1D auf CI #f8ad00 vereinheitlicht,
CSS-Variablen für Wartbarkeit, Step-Marker mit Akzent-Linie,
Use-Case-Cards mit Akzent-Topborder, Mobile-Tweaks für Mono-Tabelle. */
:root{
--iv-c-primary:#004f7d;
--iv-c-primary-deep:#003C5F;
--iv-c-primary-soft:#0A6FA5;
--iv-c-accent:#f8ad00;
--iv-c-bg-soft:#f7f9fc;
--iv-c-bg-blue:#E8F1F7;
--iv-c-line:#e6e8ed;
--iv-c-line-soft:#f0f2f5;
--iv-c-text:#0A1929;
--iv-c-text-mute:#4A5568;
--iv-c-text-fade:#94A3B8;
--iv-c-text-light:#cbd5e0;
--iv-mono:Menlo,Consolas,"SF Mono",monospace;
}
/* ===== Headline-Akzent: globale Marke (Doppellinie + Diamond) ===== */
/* Wiederkehrend auf allen Seiten als Wiedererkennungs-Element. Karten-Konvention für Küste. */
.ww-h-mark{position:relative;display:block;width:120px;height:14px;margin:0 auto 22px;}
.ww-h-mark::before{content:'';position:absolute;left:0;right:0;top:4px;height:0;border-top:1px solid var(--iv-c-accent);border-bottom:1px solid var(--iv-c-accent);padding-top:3px;}
.ww-h-mark::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:7px;height:7px;background:var(--iv-c-accent);}
.ww-h-mark--light::before{border-color:rgba(248,173,0,0.95);}
/* ===== iv-spec (Konfiguration) ===== */
.iv-spec{padding:8px 4px 4px;}
.iv-spec__num{font-size:60px;line-height:1;color:var(--iv-c-text-light);font-weight:300;letter-spacing:-1px;display:block;}
.iv-spec__label{font-family:var(--iv-mono);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--iv-c-primary-deep);margin-top:6px;}
.iv-spec__title{font-size:17px;font-weight:600;margin:6px 0 14px;padding-bottom:12px;color:var(--iv-c-text);position:relative;}
.iv-spec__title::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:32px;height:1px;background:var(--iv-c-line);}
.iv-spec ul{list-style:none;padding:0;margin:0;}
.iv-spec ul li{font-size:14px;line-height:1.75;color:var(--iv-c-text-mute);padding:2px 0;}
/* ===== Drei Lieferwege — Cards ===== */
.iv-card-head{margin-bottom:10px;font-family:var(--iv-mono);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--iv-c-text-fade);display:flex;align-items:center;gap:10px;}
.iv-card-head::before{content:'';display:inline-block;width:8px;height:8px;background:var(--iv-c-accent);border-radius:50%;flex-shrink:0;}
.iv-card-head b{color:var(--iv-c-primary-deep);font-weight:600;}
.iv-card-foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--iv-c-line);font-family:var(--iv-mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--iv-c-text-fade);}
/* iv-data: REST-Card-Visualisierung */
.iv-data{background:var(--iv-c-bg-soft);border:1px solid var(--iv-c-line);border-radius:6px;overflow:hidden;margin:14px 0;}
.iv-data__head{padding:10px 14px;background:var(--iv-c-primary-deep);color:#fff;font-family:var(--iv-mono);font-size:11px;letter-spacing:0.4px;}
.iv-data__t{width:100%;border-collapse:collapse;font-family:var(--iv-mono);font-size:12px;}
.iv-data__t th{text-align:left;padding:8px 14px 6px;color:var(--iv-c-text-fade);font-weight:500;letter-spacing:0.5px;font-size:10px;text-transform:uppercase;border-bottom:1px solid var(--iv-c-line);background:#fff;}
.iv-data__t th:nth-child(n+2),.iv-data__t td:nth-child(n+2){text-align:right;}
.iv-data__t td{padding:6px 14px;color:var(--iv-c-text);border-bottom:1px solid var(--iv-c-line-soft);background:#fff;}
.iv-data__t tr:last-child td{border-bottom:none;}
.iv-data__foot{padding:8px 14px;font-family:var(--iv-mono);font-size:11px;color:var(--iv-c-primary-soft);letter-spacing:0.3px;background:#fff;border-top:1px solid var(--iv-c-line);}
/* iv-map: WMS-Visualisierung */
.iv-map{position:relative;height:200px;background:linear-gradient(180deg,var(--iv-c-bg-blue) 0%,#C8DEEC 100%);border-radius:6px;overflow:hidden;margin:14px 0;}
.iv-map__iso{position:absolute;inset:0;width:100%;height:100%;}
.iv-map__hud{position:absolute;font-family:var(--iv-mono);font-size:10px;letter-spacing:0.4px;background:rgba(255,255,255,0.92);padding:4px 7px;border-radius:2px;color:var(--iv-c-text);}
.iv-map__hud--tl{top:8px;left:8px;}
.iv-map__hud--tr{top:8px;right:8px;color:var(--iv-c-primary-deep);font-weight:600;}
.iv-map__hud--bl{bottom:8px;left:8px;display:flex;align-items:center;gap:6px;}
.iv-map__scale{width:24px;height:2px;background:var(--iv-c-text);display:inline-block;}
.iv-map__legend{position:absolute;bottom:8px;right:8px;display:flex;border:1px solid rgba(0,0,0,0.18);}
.iv-map__legend span{width:14px;height:10px;display:block;}
/* iv-mail: PDF-per-E-Mail-Visualisierung */
.iv-mail{display:flex;gap:12px;border:1px solid var(--iv-c-line);border-radius:6px;padding:14px;background:#fff;margin:14px 0 0;}
.iv-mail__avatar{width:32px;height:32px;flex-shrink:0;background:var(--iv-c-primary-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--iv-mono);font-size:11px;font-weight:600;letter-spacing:0.4px;border-radius:2px;}
.iv-mail__body{flex:1;min-width:0;}
.iv-mail__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px;}
.iv-mail__from{font-size:13px;font-weight:600;color:var(--iv-c-text);}
.iv-mail__time{font-family:var(--iv-mono);font-size:10px;color:var(--iv-c-text-fade);}
.iv-mail__subj{font-size:13px;color:var(--iv-c-text-mute);margin-bottom:10px;}
.iv-mail__att{display:inline-flex;align-items:center;gap:6px;font-family:var(--iv-mono);font-size:11px;color:var(--iv-c-primary-soft);letter-spacing:0.2px;}
.iv-mail__att span{color:var(--iv-c-text-fade);}
.iv-sched{margin-top:10px;padding:10px 12px;background:var(--iv-c-bg-soft);border-radius:4px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.iv-sched__label{font-family:var(--iv-mono);font-size:10px;color:var(--iv-c-text-fade);letter-spacing:1.4px;text-transform:uppercase;}
.iv-sched__week{display:flex;gap:4px;}
.iv-sched__d{width:26px;height:22px;display:flex;align-items:center;justify-content:center;font-family:var(--iv-mono);font-size:10px;color:var(--iv-c-text-fade);border:1px solid var(--iv-c-line);border-radius:2px;}
.iv-sched__d.on{background:var(--iv-c-accent);color:#fff;border-color:var(--iv-c-accent);}
/* ===== Drei Schritte (Process) ===== */
.iv-step{position:relative;}
.iv-step__n{font-size:72px;line-height:1;color:var(--iv-c-primary-deep);font-weight:300;display:block;margin-bottom:8px;letter-spacing:-2px;}
.iv-step__n::after{content:'';display:block;width:32px;height:2px;background:var(--iv-c-accent);margin-top:14px;}
.iv-step h3{margin-top:14px;}
/* ===== Use-Case-Cards (Anwendungsfälle) ===== */
.iv-uc{position:relative;padding-top:18px;}
.iv-uc::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:2px;background:var(--iv-c-accent);}
.iv-uc h3{margin-top:6px;font-size:1.05em;}
.iv-uc p{color:var(--iv-c-text-mute);margin-bottom:0;}
/* ===== Mobile-Tweaks ===== */
@media (max-width:549px){
.iv-data__t{font-size:11px;}
.iv-data__t th,.iv-data__t td{padding:6px 10px;}
.iv-spec__num{font-size:48px;}
.iv-step__n{font-size:56px;}
.iv-cta__h,.sw-cta__h{letter-spacing:0;word-break:break-word;hyphens:auto;}
}
/* === /Individuelle Vorhersagen === */
/* === Seewetter Dienstleistungen (Page 182) === */
/* Konzept: NAUTICAL CHART · NAVTEX BULLETIN
Eigenständiger visueller Charakter ggü. Page 184: Doppellinien-Akzent (Karten-Konvention),
Lat/Lon-Stempel als Eyebrows, Tiefsee-Sections (#001D2E) im Wechsel mit warmem Karten-
Papier (#FCF8F0). Dancing Script (CI) sparsam als handgeschriebene Akzent-Schicht.
Hauptvisual: NavTex-Bulletin mit Atlantik-Karte, Großkreis-Route, Tiefdrucksystem. */
/* Dancing Script 500 + 600 (Variable Font, lokal aus /wp-content/fonts/dancing-script/).
Theme lädt selbst nur weight 400 — Marketing-Pages brauchen 500/600. */
@font-face {
font-family: 'Dancing Script';
font-style: normal;
font-weight: 500 600;
font-display: swap;
src: url('/wp-content/fonts/dancing-script/DancingScript-500-600-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Dancing Script';
font-style: normal;
font-weight: 500 600;
font-display: swap;
src: url('/wp-content/fonts/dancing-script/DancingScript-500-600-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Dancing Script';
font-style: normal;
font-weight: 500 600;
font-display: swap;
src: url('/wp-content/fonts/dancing-script/DancingScript-500-600-vietnamese.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* Lokale Farb-Tokens (zusätzlich zu --iv-c-* aus Page 184). */
:root{
--sw-deep:#001D2E;
--sw-deep-2:#003C5F;
--sw-paper:#F2F6FA;
--sw-paper-2:#E8EFF6;
--sw-ink:#0A1929;
--sw-line-dark:rgba(168,205,227,0.18);
--sw-line-paper:rgba(0,29,46,0.16);
--sw-warn:#FF7A4A;
}
.sw-script{font-family:'Dancing Script',cursive;font-weight:600;font-style:normal;letter-spacing:0;text-transform:none;}
/* ===== Section-Tag (Eyebrow auf hellem Grund) ===== */
.sw-tag{font-family:var(--iv-mono);font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--iv-c-accent);margin:0 auto 14px;padding:0 14px 8px;border-bottom:1px solid rgba(248,173,0,0.4);display:inline-block;}
/* ===== HERO ===== */
.sw-hero__h{color:#fff;line-height:1.1;text-shadow:0 2px 16px rgba(0,0,0,0.35);}
.sw-hero__sub{color:rgba(255,255,255,0.85);font-size:1.05em;margin:14px 0 0;max-width:680px;}
/* ===== INTRO ===== */
.sw-intro__h{line-height:1.18;color:var(--iv-c-text);}
.sw-intro__h .sw-script{font-size:0.92em;color:var(--iv-c-primary);display:inline;letter-spacing:0;margin-left:6px;}
/* ===== TIEFSEE-SECTIONS (Aktiv-Monitoring + Performance) =====
Karten-Gridlines im BG, kühles Tiefenblau, ruhiges Glow. */
.sw-deep{position:relative;background:linear-gradient(180deg,#001D2E 0%,#002A42 100%) !important;color:#E8F1F7;overflow:hidden;}
.sw-deep::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(168,205,227,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(168,205,227,0.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);}
.sw-deep>.row{position:relative;z-index:1;}
.sw-deep__eyebrow{font-family:var(--iv-mono);font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--iv-c-accent);margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(248,173,0,0.35);display:inline-block;}
.sw-deep__h{color:#fff;line-height:1.1;}
.sw-deep__sub{color:rgba(232,241,247,0.78);font-size:1.05em;font-weight:500;margin:8px 0 18px;letter-spacing:0.3px;}
.sw-deep__lead{color:rgba(232,241,247,0.86);}
.sw-deep__list{list-style:none;padding:0;margin:22px 0 0;}
.sw-deep__list li{display:flex;align-items:center;gap:16px;padding:12px 0;color:rgba(232,241,247,0.84);font-size:14.5px;line-height:1.55;border-bottom:1px solid rgba(168,205,227,0.08);}
.sw-deep__list li:last-child{border-bottom:none;}
.sw-deep__list li::before{content:'';flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--iv-c-accent);box-shadow:0 0 0 4px rgba(248,173,0,0.16);}
.sw-deep__list li>span{flex:1;}
/* ===== NAVTEX BULLETIN (Hauptvisual) ===== */
.sw-bulletin{background:rgba(255,255,255,0.04);border:1px solid rgba(168,205,227,0.16);border-radius:6px;overflow:hidden;backdrop-filter:blur(2px);box-shadow:0 24px 60px -24px rgba(0,0,0,0.5);font-family:var(--iv-mono);}
.sw-bulletin__head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(248,173,0,0.1);border-bottom:1px solid rgba(248,173,0,0.3);}
.sw-bulletin__type{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--iv-c-accent);font-weight:600;}
.sw-bulletin__seq{font-size:10px;letter-spacing:1.4px;color:rgba(232,241,247,0.6);}
.sw-bulletin__line{padding:10px 16px;font-size:11px;letter-spacing:0.4px;color:rgba(232,241,247,0.78);border-bottom:1px solid rgba(168,205,227,0.08);}
.sw-bulletin__map{position:relative;background:#06121F;line-height:0;}
.sw-bulletin__map svg{display:block;width:100%;height:auto;}
.sw-bulletin__data{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(168,205,227,0.1);}
.sw-bulletin__cell{padding:12px 14px;border-right:1px solid rgba(168,205,227,0.08);display:flex;flex-direction:column;gap:4px;}
.sw-bulletin__cell:last-child{border-right:none;}
.sw-bulletin__k{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(168,205,227,0.55);}
.sw-bulletin__v{font-size:14px;color:#fff;font-weight:600;letter-spacing:0.3px;}
.sw-bulletin__cell--ok .sw-bulletin__v{color:#5BD16E;}
.sw-bulletin__foot{padding:10px 16px;font-size:11px;letter-spacing:0.4px;color:rgba(232,241,247,0.6);background:rgba(0,0,0,0.2);border-top:1px solid rgba(168,205,227,0.06);line-height:1.5;}
/* ===== SERVICE-PAKETE als Editorial-Stack ===== */
.sw-stack{margin:0 auto;max-width:980px;}
.sw-stack__h{color:var(--iv-c-text);}
.sw-stack__lead{color:var(--iv-c-text-mute);max-width:640px;margin:0 auto;}
.sw-stack__item{display:grid;grid-template-columns:160px 1fr;gap:56px;padding:64px 40px;border-top:1px solid var(--sw-line-paper);align-items:start;position:relative;}
.sw-stack__item:last-child{border-bottom:1px solid var(--sw-line-paper);}
.sw-stack__item--featured{background:linear-gradient(90deg,rgba(248,173,0,0.05) 0%,transparent 60%);}
.sw-stack__item--featured::before{content:'';position:absolute;left:-2px;top:0;bottom:0;width:3px;background:var(--iv-c-accent);}
.sw-stack__num{font-family:var(--iv-mono);font-size:52px;line-height:1;color:var(--iv-c-primary-deep);font-weight:300;letter-spacing:-1px;padding-top:6px;opacity:0.85;}
.sw-stack__item--featured .sw-stack__num{color:var(--iv-c-primary);opacity:1;}
.sw-stack__body h3{font-size:1.65em;margin:0 0 18px;color:var(--iv-c-text);line-height:1.2;text-transform:uppercase;letter-spacing:0.3px;}
.sw-stack__eyebrow{font-family:var(--iv-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--iv-c-text-fade);margin-bottom:16px;padding-bottom:10px;border-bottom:1px dashed var(--sw-line-paper);}
.sw-stack__item--featured .sw-stack__eyebrow{color:var(--iv-c-accent);border-bottom-color:rgba(248,173,0,0.35);}
.sw-stack__body>p{color:var(--iv-c-text-mute);font-size:16px;line-height:1.7;margin:0 0 32px;max-width:620px;}
.sw-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin:0;padding:0;}
.sw-spec>div{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px dotted var(--sw-line-paper);}
.sw-spec dt{font-family:var(--iv-mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--iv-c-text-fade);margin:0;}
.sw-spec dd{font-size:14.5px;color:var(--iv-c-text);margin:0;font-weight:500;line-height:1.4;}
/* ===== KARTEN-PAPIER-Sections (Voyage-Prozess + Verfügbarkeit) ===== */
.sw-paper{position:relative;background:var(--sw-paper) !important;color:var(--iv-c-text);overflow:hidden;}
.sw-paper::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,29,46,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,29,46,0.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,#000 50%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse at center,#000 50%,transparent 95%);}
.sw-paper>.row{position:relative;z-index:1;}
/* ===== ROUTENKARTE (Voyage-Prozess) ===== */
.sw-route{position:relative;width:100%;height:380px;margin:20px 0 0;}
.sw-route__line{position:absolute;inset:0;width:100%;height:100%;}
.sw-route__waypoint{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:240px;display:flex;flex-direction:column;align-items:center;}
.sw-route__cross{display:block;width:18px;height:18px;position:relative;margin-bottom:14px;}
.sw-route__cross::before,.sw-route__cross::after{content:'';position:absolute;top:50%;left:50%;width:18px;height:2px;background:var(--iv-c-accent);transform-origin:center;}
.sw-route__cross::before{transform:translate(-50%,-50%) rotate(45deg);}
.sw-route__cross::after{transform:translate(-50%,-50%) rotate(-45deg);}
.sw-route__card{background:var(--sw-paper);border:1px solid var(--sw-line-paper);padding:14px 16px;text-align:center;box-shadow:0 8px 24px -10px rgba(0,29,46,0.18);}
.sw-route__num{font-family:var(--iv-mono);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--iv-c-accent);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--sw-line-paper);}
.sw-route__card h4{font-size:14.5px;margin:0 0 8px;color:var(--iv-c-text);text-transform:uppercase;letter-spacing:0.4px;line-height:1.2;}
.sw-route__card p{font-size:12.5px;line-height:1.5;color:var(--iv-c-text-mute);margin:0;}
.sw-route__h,.sw-route__lead{color:var(--iv-c-text);}
/* ===== PERFORMANCE-BULLETIN (Outcome) ===== */
.sw-perf{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap;max-width:920px;margin:0 auto;border-top:1px solid rgba(248,173,0,0.35);border-bottom:1px solid rgba(248,173,0,0.35);padding:40px 0;}
.sw-perf__cell{flex:1;min-width:200px;text-align:center;padding:0 24px;display:flex;flex-direction:column;justify-content:center;}
.sw-perf__pre{font-family:var(--iv-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(168,205,227,0.65);margin-bottom:6px;}
.sw-perf__num{font-size:88px;line-height:1;font-weight:200;color:var(--iv-c-accent);letter-spacing:-3px;display:block;font-family:Georgia,'Times New Roman',serif;}
.sw-perf__num span{font-size:24px;font-weight:300;letter-spacing:0.5px;margin-left:8px;color:#fff;font-family:Montserrat,sans-serif;text-transform:lowercase;vertical-align:middle;}
.sw-perf__label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;letter-spacing:0.4px;color:#fff;margin:18px 0 6px;}
.sw-perf__sub{font-family:var(--iv-mono);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(168,205,227,0.6);line-height:1.5;}
.sw-perf__sep{width:1px;background:linear-gradient(180deg,transparent,rgba(168,205,227,0.3),transparent);}
.sw-perf__h{color:#fff;}
/* ===== Pull-Quote (Performance-Section) ===== */
.sw-quote{margin:0 auto;max-width:780px;text-align:center;padding:0;border:none;}
.sw-quote__text{font-family:Georgia,'Times New Roman',serif;font-size:1.55em;line-height:1.45;color:#fff;font-weight:300;font-style:italic;margin:0 0 18px;letter-spacing:0.2px;quotes:none;}
.sw-quote__author{display:block;font-family:var(--iv-mono);font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:rgba(168,205,227,0.75);font-style:normal;}
.sw-quote__author::before{content:'— ';color:var(--iv-c-accent);}
/* ===== STEMPEL (Verfügbarkeit) ===== */
.sw-stamp__h{color:var(--iv-c-text);}
.sw-stamp{position:relative;max-width:680px;margin:36px auto 0;padding:48px 56px;border:1px solid var(--iv-c-primary-deep);}
.sw-stamp::before,.sw-stamp::after{content:'';position:absolute;left:8px;right:8px;height:1px;background:var(--iv-c-primary-deep);opacity:0.55;}
.sw-stamp::before{top:8px;}
.sw-stamp::after{bottom:8px;}
.sw-stamp__corner{position:absolute;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--iv-mono);font-size:11px;font-weight:600;letter-spacing:1px;color:var(--iv-c-accent);background:var(--sw-paper);}
.sw-stamp__corner--tl{top:-14px;left:-14px;}
.sw-stamp__corner--tr{top:-14px;right:-14px;}
.sw-stamp__corner--bl{bottom:-14px;left:-14px;}
.sw-stamp__corner--br{bottom:-14px;right:-14px;}
.sw-stamp__inner{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 56px;}
.sw-stamp__cell{text-align:center;}
.sw-stamp__num{font-size:54px;line-height:1;color:var(--iv-c-primary-deep);font-weight:300;letter-spacing:-1.5px;display:block;}
.sw-stamp__label{font-family:var(--iv-mono);font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--iv-c-text-fade);margin-top:10px;}
.sw-stamp__caption{margin-top:32px;padding-top:20px;border-top:1px dotted var(--sw-line-paper);font-family:var(--iv-mono);font-size:11.5px;letter-spacing:0.6px;color:var(--iv-c-text-mute);text-align:center;line-height:1.6;}
/* ===== LOGBUCH-CTA (eine zusammenhängende dunkle Card mit Grid-Split innen) ===== */
.sw-log__card{background:linear-gradient(180deg,#00101C 0%,#001D2E 100%);color:#E8F1F7;border-radius:10px;padding:60px 56px;display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:center;box-shadow:0 24px 60px -24px rgba(0,16,28,0.35);}
.sw-log__left{min-width:0;}
.sw-log__right{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-left:1px solid rgba(248,173,0,0.35);padding-left:40px;}
.sw-log__stamp{font-family:var(--iv-mono);font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--iv-c-accent);margin-bottom:16px;padding:5px 12px;border:1px solid rgba(248,173,0,0.5);display:inline-block;}
.sw-log__h{color:#fff;line-height:1.15;margin:0 0 18px;font-size:2em;text-transform:uppercase;}
.sw-log__lead{color:rgba(232,241,247,0.78);font-size:1em;line-height:1.65;margin:0;}
.sw-log__btn{display:inline-flex;align-items:center;gap:12px;background:var(--iv-c-accent);color:#001D2E !important;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;letter-spacing:1.4px;text-transform:uppercase;padding:14px 28px;text-decoration:none !important;transition:transform 0.2s ease,box-shadow 0.2s ease;border-radius:0;}
.sw-log__btn:hover{transform:translateX(2px);box-shadow:0 8px 24px -8px rgba(248,173,0,0.5);background:#FFB81C;}
.sw-log__btn span{font-family:var(--iv-mono);}
.sw-log__row{display:grid;grid-template-columns:48px 1fr;gap:14px;font-family:var(--iv-mono);font-size:13px;color:rgba(232,241,247,0.92);align-items:baseline;width:100%;}
.sw-log__k{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(168,205,227,0.55);}
.sw-log__v{letter-spacing:0.4px;}
.sw-log__sig{font-size:1.6em !important;color:var(--iv-c-accent);margin-top:8px;}
/* ===== Mobile-Tweaks ===== */
@media (max-width:1024px){
.sw-route{height:auto;padding:0;}
.sw-route__line{display:none;}
.sw-route__waypoint{position:relative;left:auto !important;top:auto !important;transform:none;width:100%;max-width:520px;margin:0 auto 28px;display:flex;flex-direction:row;align-items:flex-start;gap:18px;}
.sw-route__waypoint .sw-route__cross{flex-shrink:0;margin-top:14px;margin-bottom:0;}
.sw-route__waypoint .sw-route__card{flex:1;text-align:left;}
.sw-route__num{text-align:left;}
}
@media (max-width:849px){
.sw-stack__item{grid-template-columns:1fr;gap:18px;padding:32px 20px;}
.sw-stack__num{font-size:36px;padding-top:0;}
.sw-bulletin__data{grid-template-columns:repeat(2,1fr);}
.sw-bulletin__cell:nth-child(2){border-right:none;}
.sw-bulletin__cell:nth-child(1),.sw-bulletin__cell:nth-child(2){border-bottom:1px solid rgba(168,205,227,0.08);}
.sw-stamp{padding:36px 28px;}
.sw-stamp__inner{grid-template-columns:1fr;gap:24px;}
.sw-stamp__num{font-size:44px;}
.sw-perf{flex-direction:column;gap:24px;padding:28px 0;}
.sw-perf__sep{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,205,227,0.3),transparent);}
.sw-perf__num{font-size:64px;}
.sw-log__card{grid-template-columns:1fr;gap:32px;padding:44px 28px;}
.sw-log__right{border-left:none;border-top:1px solid rgba(248,173,0,0.35);padding-left:0;padding-top:28px;}
.sw-log__h{font-size:1.5em;}
}
@media (max-width:549px){
.sw-bulletin__line{font-size:10px;letter-spacing:0.2px;}
.sw-bulletin__cell{padding:10px 12px;}
.sw-bulletin__v{font-size:12.5px;}
.sw-spec{grid-template-columns:1fr;}
.sw-stack__body h3{font-size:1.35em;}
.sw-quote__text{font-size:1.2em;}
.sw-log__btn{font-size:12.5px;padding:12px 22px;}
.sw-hero__h{font-size:0.92em;}
}
/* === Marine services release refinements (2026-08-28) === */
.sw-service-cta-row {
margin-top: 38px;
}
.sw-inline-cta {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 30px;
padding: 28px 32px;
color: #fff;
background: var(--iv-c-primary-deep, #003c5f);
border-radius: 12px;
}
.sw-inline-cta h3 {
margin: 0 0 6px;
color: #fff;
font-size: 1.45em;
}
.sw-inline-cta p {
margin: 0;
color: rgba(255, 255, 255, .8);
line-height: 1.55;
}
.sw-inline-cta .button,
.sw-inline-cta > p {
margin: 0;
}
.sw-inline-cta .button {
white-space: nowrap;
}
.sw-software {
position: relative;
overflow: hidden;
}
.sw-software::before {
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(0, 79, 125, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 79, 125, .035) 1px, transparent 1px);
background-size: 42px 42px;
content: "";
pointer-events: none;
}
.sw-software > .section-content {
position: relative;
z-index: 1;
}
.sw-software__h {
color: var(--iv-c-primary-deep, #003c5f);
line-height: 1.16;
}
.sw-software .img {
overflow: hidden;
margin: 0;
border: 1px solid rgba(0, 60, 95, .12);
border-radius: 14px;
box-shadow: 0 20px 46px -24px rgba(0, 29, 46, .32);
}
.sw-software .img img {
display: block;
}
.sw-stack__eyebrow,
.sw-spec dt {
font-size: 11.5px;
}
.sw-route__card h4 {
font-size: 15px;
}
.sw-route__card p {
font-size: 14px;
line-height: 1.55;
}
.sw-perf__sub {
font-size: 11.5px;
}
.sw-perf__note {
max-width: 760px;
margin: 24px auto 0;
color: rgba(232, 241, 247, .72);
font-size: 13px;
line-height: 1.6;
}
.sw-stamp__num--word {
padding-top: 12px;
font-size: 30px;
font-weight: 500;
letter-spacing: 0;
}
.sw-log__v,
.sw-log__v:visited {
color: rgba(232, 241, 247, .92);
text-decoration: none;
}
.sw-log__v:hover {
color: var(--iv-c-accent, #f8ad00);
}
@media (max-width: 849px) {
.sw-inline-cta {
grid-template-columns: 1fr;
gap: 20px;
padding: 26px 22px;
text-align: center;
}
.sw-inline-cta .button {
white-space: normal;
}
.sw-software .col:first-child {
margin-bottom: 28px;
}
.sw-stamp {
padding: 34px 20px;
}
.sw-stamp__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px 16px;
}
.sw-stamp__num {
font-size: 40px;
}
.sw-stamp__num--word {
padding-top: 9px;
font-size: 21px;
}
.sw-stamp__label {
font-size: 10px;
letter-spacing: 1.2px;
}
}
/* === Marine services responsive H1 fix (2026-08-28) === */
.sw-hero__h {
max-width: 900px;
margin-right: auto;
margin-left: auto;
font-size: clamp(58px, 5.3vw, 76px) !important;
}
@media (max-width: 849px) {
.sw-hero__h {
font-size: 52px !important;
line-height: 1.03;
}
}
@media (max-width: 549px) {
.sw-hero__h {
font-size: 40px !important;
line-height: 1.04;
}
}
/* === /Marine services responsive H1 fix === */
/* === /Marine services release refinements === */
/* === Marine services: real routing visual (2026-08-28) === */
.sw-routing-service .sw-deep__h {
max-width: 520px;
font-size: clamp(30px, 3.1vw, 44px) !important;
}
.sw-routing-service .sw-deep__lead {
font-size: 15.5px;
line-height: 1.66;
}
.sw-routing-service .sw-deep__list {
margin-top: 18px;
}
.sw-routing-service .sw-deep__list li {
padding: 10px 0;
}
.sw-route-visual {
overflow: hidden;
background: #061421;
border: 1px solid rgba(168, 205, 227, .22);
border-radius: 10px;
box-shadow: 0 26px 58px -28px rgba(0, 0, 0, .65);
}
.sw-route-visual__media {
position: relative;
overflow: hidden;
line-height: 0;
}
.sw-route-visual__media .img {
margin: 0;
}
.sw-route-visual__media img {
display: block;
width: 100%;
}
.sw-route-visual__badges {
position: absolute;
top: 14px;
right: 14px;
left: 14px;
display: flex;
justify-content: space-between;
gap: 12px;
pointer-events: none;
}
.sw-route-visual__badges span {
padding: 7px 10px;
color: #fff;
background: rgba(0, 29, 46, .82);
border: 1px solid rgba(248, 173, 0, .5);
font-family: var(--iv-mono);
font-size: 9.5px;
font-weight: 600;
letter-spacing: 1.5px;
line-height: 1.25;
text-transform: uppercase;
backdrop-filter: blur(5px);
}
.sw-route-visual__meta {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
background: rgba(0, 29, 46, .98);
border-top: 1px solid rgba(248, 173, 0, .38);
}
.sw-route-visual__meta > div {
min-width: 0;
padding: 14px 15px 15px;
border-right: 1px solid rgba(168, 205, 227, .12);
}
.sw-route-visual__meta > div:last-child {
border-right: none;
}
.sw-route-visual__key {
display: block;
margin-bottom: 5px;
color: rgba(168, 205, 227, .64);
font-family: var(--iv-mono);
font-size: 9px;
letter-spacing: 1.5px;
line-height: 1.25;
text-transform: uppercase;
}
.sw-route-visual__meta strong {
display: block;
color: #fff;
font-family: var(--iv-mono);
font-size: 12.5px;
font-weight: 600;
line-height: 1.35;
}
@media (max-width: 849px) {
.sw-routing-service .col:first-child {
margin-bottom: 32px;
}
.sw-route-visual__meta {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sw-route-visual__meta > div:nth-child(2) {
border-right: none;
}
.sw-route-visual__meta > div:nth-child(-n+2) {
border-bottom: 1px solid rgba(168, 205, 227, .12);
}
}
@media (max-width: 549px) {
.sw-route-visual__badges {
top: 9px;
right: 9px;
left: 9px;
}
.sw-route-visual__badges span {
padding: 5px 7px;
font-size: 8px;
letter-spacing: 1px;
}
.sw-route-visual__meta > div {
padding: 12px 11px 13px;
}
.sw-route-visual__meta strong {
font-size: 11.5px;
}
}
/* === /Marine services: real routing visual === */
/* === /Seewetter Dienstleistungen === */
/* === Startseite (Page 19) === */
/* Klassen werden via [col class="..."] direkt auf das Flatsome-col-Element gehängt.
Card-Optik liegt auf .col.hp-* > .col-inner. */
.hp-pretitle{font-family:var(--iv-mono);font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--iv-c-text-fade);margin:0 auto 30px;display:inline-block;}
/* ===== Welcome ===== */
.hp-welcome__h{color:var(--iv-c-text);line-height:1.05;margin:0;}
.hp-welcome__slogan{font-size:1.4em;color:var(--iv-c-primary);margin:18px 0 0;line-height:1;letter-spacing:0;}
.hp-welcome__lead{font-size:16px;line-height:1.75;color:var(--iv-c-text-mute);margin:0;}
/* ===== Customers — Editorial Trust-Band (Logo-Behandlung im hp-customers-Block weiter unten) ===== */
/* ===== Vorteile-Cards (Warum WetterWelt) ===== */
.col.hp-card{margin-bottom:24px;}
.col.hp-card>.col-inner{position:relative;height:100%;padding:36px 30px 32px;background:#ffffff;border-radius:14px;border-top:3px solid var(--iv-c-accent);box-shadow:0 18px 48px -28px rgba(0,29,46,0.18);transition:transform 0.25s ease,box-shadow 0.25s ease;}
.col.hp-card>.col-inner:hover{transform:translateY(-4px);box-shadow:0 28px 64px -24px rgba(0,29,46,0.28);}
.col.hp-card .featured-box{text-align:center;}
.col.hp-card .featured-box .icon-box-img{margin:0 auto 14px;}
.col.hp-card .hp-card__eyebrow{font-family:var(--iv-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--iv-c-accent);margin:6px 0 8px;text-align:center;}
.col.hp-card .featured-box h3,
.col.hp-card h3{margin:6px 0 12px;font-size:1.25em;text-transform:uppercase;letter-spacing:0.4px;color:var(--iv-c-text);text-align:center;line-height:1.25;}
.col.hp-card .featured-box p,
.col.hp-card p{color:var(--iv-c-text-mute);font-size:14.5px;line-height:1.7;margin:0;text-align:center;}
/* ===== Produkt-Cards ===== */
.col.hp-prod{margin-bottom:24px;}
.col.hp-prod>.col-inner{position:relative;height:100%;padding:24px;background:#ffffff;border-radius:14px;border:1px solid var(--iv-c-line);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;overflow:hidden;}
.col.hp-prod>.col-inner:hover{transform:translateY(-4px);box-shadow:0 22px 56px -24px rgba(0,29,46,0.22);border-color:rgba(248,173,0,0.45);}
.col.hp-prod .ux-image-box-image img{border-radius:10px;}
.col.hp-prod .image-tools{display:none;}
.col.hp-prod .hp-prod__eyebrow{font-family:var(--iv-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--iv-c-text-fade);margin:8px 0 4px;text-align:center;}
.col.hp-prod h3{text-transform:uppercase;letter-spacing:0.4px;text-align:center;margin:4px 0 10px;font-size:1.2em;}
.col.hp-prod .hp-prod__lead{color:var(--iv-c-text-mute);font-size:14px;line-height:1.6;text-align:center;margin:0 0 16px;}
.col.hp-prod .ux-image-box-text{padding:0 4px;}
.col.hp-prod .button{display:block;margin:0 auto;}
/* ===== Contact (BG-Bild + dezentes weißes Overlay, weiße Form-Card) ===== */
.col.hp-contact__card>.col-inner{background:#ffffff;border-radius:14px;padding:48px 56px;box-shadow:0 28px 64px -24px rgba(0,29,46,0.22);border:1px solid rgba(0,29,46,0.06);}
.hp-contact__head{text-align:center;margin:0 auto 40px;max-width:720px;padding-bottom:36px;border-bottom:1px solid rgba(0,29,46,0.1);}
.hp-contact__head .ww-h-mark{margin-bottom:20px;}
.hp-contact__h{font-size:1.7em;line-height:1.15;color:var(--iv-c-text);margin:0 0 14px;text-transform:uppercase;letter-spacing:0.3px;}
.hp-contact__sub{color:var(--iv-c-text-mute);font-size:15px;line-height:1.7;margin:0 auto;}
.hp-contact__pretitle{font-family:var(--iv-mono);font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--iv-c-accent);margin:0 0 16px;display:inline-block;padding-bottom:6px;border-bottom:1px solid rgba(248,173,0,0.4);}
.hp-contact__intro{color:var(--iv-c-text-mute);font-size:15px;line-height:1.7;margin:0 0 22px;}
.hp-contact__rows{margin:0 0 22px;display:flex;flex-direction:column;gap:10px;}
.hp-contact__row{display:flex;align-items:baseline;gap:18px;padding:8px 0;border-bottom:1px dotted rgba(0,29,46,0.12);}
.hp-contact__row:last-child{border-bottom:none;}
.hp-contact__k{flex:0 0 auto;min-width:64px;font-family:var(--iv-mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--iv-c-text-fade);}
.hp-contact__v{font-size:14.5px;color:var(--iv-c-text);text-decoration:none;letter-spacing:0.2px;}
a.hp-contact__v{color:var(--iv-c-primary);}
a.hp-contact__v:hover{color:var(--iv-c-accent);}
.hp-contact__form .wpcf7-form{margin:0;}
.hp-contact__form input[type="text"],
.hp-contact__form input[type="email"],
.hp-contact__form input[type="tel"],
.hp-contact__form textarea,
.hp-contact__form select{border:1px solid rgba(0,29,46,0.14);border-radius:6px;background:#fff;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease;}
.hp-contact__form input:focus,
.hp-contact__form textarea:focus{border-color:var(--iv-c-accent);outline:none;box-shadow:0 0 0 3px rgba(248,173,0,0.12);}
/* ===== Team-Section (auf hell-grauem BG, Theme-Klassen sauber adressiert) ===== */
/* Theme rendert kein .team-member, sondern .box.has-hover.box-{style}.
image_width=100 im Shortcode → Bild reicht bis zur Card-Kante; Card-Radius schneidet die
oberen Bild-Ecken sauber rund ab. */
/* Equal-Height-Setup nur für die Member-Card-Row (style="small"), NICHT für die Button-Row darunter */
.hp-team .row-small{display:flex;flex-wrap:wrap;align-items:stretch;}
.hp-team .row-small>.col{display:flex;}
.hp-team .row-small>.col>.col-inner{flex:1;display:flex;flex-direction:column;width:100%;}
.hp-team .box{border-radius:14px;overflow:hidden;box-shadow:0 16px 40px -24px rgba(0,29,46,0.20);transition:transform 0.25s ease,box-shadow 0.25s ease;background:#ffffff;flex:1;display:flex;flex-direction:column;}
.hp-team .box:hover{transform:translateY(-3px);box-shadow:0 24px 56px -22px rgba(0,29,46,0.28);}
.hp-team .box .box-image{margin:0;width:100% !important;flex:0 0 auto;}
.hp-team .box .box-text{flex:1 1 auto;display:flex;flex-direction:column;}
/* Portraits sauber zentrieren statt mittig zu cropppen → Kopf nicht abschneiden */
.hp-team .box .box-image img{object-fit:cover;object-position:center 20%;}
.hp-team .box-text-inner{text-align:center;}
/* Theme-Klassen für team_member: .person-name (Name), .person-title (Titel) — beide in */
.hp-team .box-text-inner h4{margin:0 0 14px;line-height:1.3;}
.hp-team .person-name{display:block;color:var(--iv-c-text);font-size:1.05em;font-weight:700;letter-spacing:0.4px;margin-bottom:4px;}
.hp-team .person-title{display:block;color:var(--iv-c-accent) !important;font-family:var(--iv-mono);font-size:10.5px !important;letter-spacing:1.8px;text-transform:uppercase;font-weight:500;opacity:1 !important;}
.hp-team .box-text-inner>p{color:var(--iv-c-text-mute);font-size:14px;line-height:1.65;margin:14px 0 0;}
.hp-team .box-text-inner .follow-icons{margin-top:14px;}
/* ===== Mobile-Tweaks ===== */
@media (max-width:849px){
.col.hp-card>.col-inner{padding:28px 22px 24px;}
.col.hp-prod>.col-inner{padding:18px;}
.col.hp-contact__card>.col-inner{padding:32px 24px;}
.hp-contact__head{margin-bottom:28px;padding-bottom:24px;}
.hp-contact__h{font-size:1.3em;}
.hp-welcome__slogan{font-size:1.15em;}
.hp-contact__row{flex-direction:column;gap:4px;align-items:flex-start;padding:8px 0;}
.hp-contact__k{min-width:0;}
}
/* ===== Footer-Übergang ===== */
/* Letzte Section auf Page 19 ist hp-team (#F4F7FA). Footer-BG einer Page anpassen,
damit kein weißer Bruch zwischen letzter Section und Footer entsteht. */
body.page-id-19 #footer,
body.home #footer{background-color:rgb(244, 247, 250);}
/* Business entry: image cards for shipping, ports and outdoor events. */
body.page-id-19 .hp-business{background:var(--iv-c-bg-blue);}
body.page-id-19 .hp-business__title{scroll-margin-top:110px;color:var(--iv-c-primary-deep);margin-bottom:0;}
body.page-id-19 .hp-business__eyebrow{font-family:var(--iv-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--iv-c-primary);margin:0 0 18px;display:flex;align-items:center;gap:12px;}
body.page-id-19 .hp-business__eyebrow:before{content:"";width:32px;height:3px;background:var(--iv-c-accent);}
body.page-id-19 .hp-business__lead{margin:20px 0 0;color:var(--iv-c-text-mute);max-width:58em;}
body.page-id-19 .hp-business__path>.col-inner{position:relative;height:100%;display:flex;flex-direction:column;background:white;border-radius:14px;box-shadow:0 18px 40px -28px rgba(0,29,46,.3);transition:box-shadow .2s ease;}
body.page-id-19 .hp-business__path .hp-business__image{margin:0;overflow:hidden;border-radius:14px 14px 0 0;border-bottom:3px solid var(--iv-c-accent);}
body.page-id-19 .hp-business__image .img-inner{aspect-ratio:16/9;overflow:hidden;}
body.page-id-19 .hp-business__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
body.page-id-19 .hp-business__copy{padding:26px 26px 0;}
body.page-id-19 .hp-business__path h3{color:var(--iv-c-primary);font-size:1.18em;line-height:1.3;margin:0 0 14px;text-transform:none;}
body.page-id-19 .hp-business__path p{color:var(--iv-c-text-mute);font-size:14px;line-height:1.7;margin:0 0 18px;}
body.page-id-19 .hp-business__path .hp-business__kicker{color:var(--iv-c-text);font-size:14px;font-weight:600;line-height:1.5;margin:0 0 12px;}
body.page-id-19 .hp-business__link{margin:auto 26px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;font-size:13px;font-weight:700;color:var(--iv-c-primary);text-decoration:none;}
body.page-id-19 .hp-business__link:after{content:"";position:absolute;inset:0;border-radius:14px;}
body.page-id-19 .hp-business__link span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--iv-c-bg-blue);transition:background .2s ease,transform .2s ease;}
body.page-id-19 .hp-business__path>.col-inner:hover,
body.page-id-19 .hp-business__path>.col-inner:focus-within{box-shadow:0 22px 48px -24px rgba(0,29,46,.4);}
body.page-id-19 .hp-business__path>.col-inner:hover .hp-business__image img{transform:scale(1.035);}
body.page-id-19 .hp-business__path>.col-inner:hover .hp-business__link span,
body.page-id-19 .hp-business__path>.col-inner:focus-within .hp-business__link span{background:var(--iv-c-accent);transform:translateX(2px);}
body.page-id-19 .hp-business__link:focus-visible{outline:none;}
body.page-id-19 .hp-business__link:focus-visible:after{outline:3px solid var(--iv-c-primary);outline-offset:4px;}
body.page-id-19 .hp-business__contact{margin-top:30px;}
body.page-id-19 .hp-business__contact .col{padding-bottom:0;}
body.page-id-19 .hp-business__invitation{color:var(--iv-c-primary-deep);font-size:19px;font-weight:700;line-height:1.45;margin:0 0 12px;}
body.page-id-19 .hp-business__more{color:var(--iv-c-text-mute);font-size:13px;line-height:1.7;margin:0;}
body.page-id-19 .hp-business__more a{display:inline-block;min-height:44px;padding:7px 0;color:var(--iv-c-primary);text-decoration:underline;text-underline-offset:3px;}
body.page-id-19 .hp-business__action{text-align:right;}
body.page-id-19 .hp-business__contact .button{margin:0;}
body.page-id-19 .hp-welcome__business{margin:22px 0 0;}
body.page-id-19 .hp-welcome__business a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--iv-c-primary);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;}
body.page-id-19 .hp-business__contact a:focus-visible,
body.page-id-19 .hp-welcome__business a:focus-visible{outline:3px solid var(--iv-c-primary);outline-offset:5px;border-radius:3px;}
@media(min-width:550px) and (max-width:849px){
body.page-id-19 .hp-business__copy{padding:20px 16px 0;}
body.page-id-19 .hp-business__link{margin-left:16px;margin-right:16px;}
body.page-id-19 .hp-business__path h3{font-size:1.05em;}
}
@media(max-width:549px){
body.page-id-19 .hp-business__path{padding-bottom:24px;}
body.page-id-19 .hp-business__copy{padding:22px 22px 0;}
body.page-id-19 .hp-business__link{margin-left:22px;margin-right:22px;}
body.page-id-19 .hp-business__contact{margin-top:14px;}
body.page-id-19 .hp-business__action{text-align:left;margin-top:14px;}
}
@media(prefers-reduced-motion:reduce){
body.page-id-19 .hp-business__path>.col-inner,
body.page-id-19 .hp-business__image img,
body.page-id-19 .hp-business__link span{transition:none;}
body.page-id-19 .hp-business__path>.col-inner:hover .hp-business__image img,
body.page-id-19 .hp-business__path>.col-inner:hover .hp-business__link span,
body.page-id-19 .hp-business__path>.col-inner:focus-within .hp-business__link span{transform:none;}
}
/* Homepage: a quiet editorial explanation below the business image cards. */
body.page-id-19 .hp-vorteile--editorial .hp-vorteile__row>.col{padding-bottom:0;}
body.page-id-19 .hp-vorteile__intro>.col-inner{max-width:25em;padding-right:48px;margin-left:0;}
body.page-id-19 .hp-vorteile__intro .ww-h-mark{margin-left:0;margin-bottom:26px;}
body.page-id-19 .hp-vorteile__intro h2{color:var(--iv-c-primary-deep);margin:0 0 25px;}
body.page-id-19 .hp-vorteile__intro p{color:var(--iv-c-text-mute);font-size:16px;line-height:1.8;margin:0 0 28px;}
body.page-id-19 .hp-vorteile__intro .button{margin:0;white-space:normal;min-height:44px;}
body.page-id-19 .hp-vorteile__point{margin:0;}
body.page-id-19 .hp-vorteile__point+.hp-vorteile__point{margin-top:26px;padding-top:26px;border-top:1px solid var(--iv-c-line);}
body.page-id-19 .hp-vorteile__point h3{font-size:20px;line-height:1.35;color:var(--iv-c-primary);margin:0 0 12px;text-transform:none;}
body.page-id-19 .hp-vorteile__point p{font-size:15px;line-height:1.8;color:var(--iv-c-text-mute);margin:0;max-width:47em;}
body.page-id-19 .hp-vorteile--editorial a:focus-visible{outline:3px solid var(--iv-c-primary);outline-offset:5px;border-radius:3px;}
@media(min-width:550px) and (max-width:849px){
body.page-id-19 .hp-vorteile__intro>.col-inner{padding-right:12px;}
body.page-id-19 .hp-vorteile__intro p{font-size:15px;}
}
@media(max-width:549px){
body.page-id-19 .hp-vorteile__intro>.col-inner{max-width:none;padding-right:0;}
body.page-id-19 .hp-vorteile__intro h2{max-width:none;}
body.page-id-19 .hp-vorteile__intro .ww-h-mark{margin-bottom:22px;}
body.page-id-19 .hp-vorteile__principles{margin-top:42px;}
body.page-id-19 .hp-vorteile__point h3{font-size:19px;}
body.page-id-19 .hp-vorteile__point+.hp-vorteile__point{margin-top:24px;padding-top:24px;}
}
/* Keep feedback on white and group its centered source and action. */
body.page-id-19 .hp-target-section--with-quote{padding-bottom:40px !important;}
body.page-id-19 .hp-target-section--with-quote+.hp-quote-section{border-top:1px solid var(--iv-c-line);}
body.page-id-19 .hp-quote-section>.section-content>.row>.col{padding-bottom:0;}
body.page-id-19 .hp-quote-section>.section-content>.row>.col>.col-inner{display:flex;flex-direction:column;align-items:center;}
body.page-id-19 .hp-quote{width:100%;}
body.page-id-19 .hp-quote .hp-quote__pretitle{display:table;}
body.page-id-19 .hp-quote .hp-quote__attr{padding-left:0;justify-content:center;text-align:center;}
body.page-id-19 .hp-quote .hp-quote__attr-text{align-items:center;max-width:100%;}
body.page-id-19 .hp-quote-section .hp-quote__button{margin:14px 0 0;padding:10px 20px;min-height:44px;font-size:13px;line-height:1.5;white-space:normal;max-width:100%;}
body.page-id-19 .hp-quote__button:focus-visible{outline:3px solid var(--iv-c-primary);outline-offset:4px;}
@media(max-width:549px){
body.page-id-19 .hp-target-section--with-quote{padding-bottom:30px !important;}
}
/* === /Startseite === */
/* === Seewetter für Segler (Page 186) === */
/* Klassen-Präfix .sg-... seitenspezifisch.
Re-use globaler .ww-h-mark Akzent. CI-konform: #004f7d / #f8ad00, Card-Radius 14px. */
:root{
--sg-c-primary:#004f7d;
--sg-c-deep:#003C5F;
--sg-c-soft:#0A6FA5;
--sg-c-accent:#f8ad00;
--sg-c-paper:#F4F7FA;
--sg-c-mute:#5A6770;
--sg-c-line:rgba(0,79,125,0.10);
--sg-c-line-strong:rgba(0,79,125,0.18);
}
/* ===== Hero ===== */
body.page-id-186 .sg-hero h6.sg-hero__eyebrow{
color: var(--sg-c-accent);
letter-spacing: .22em;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 18px;
opacity: .92;
}
body.page-id-186 .sg-hero h6.sg-hero__eyebrow::after{
content: "";
display: inline-block;
width: 32px; height: 1px;
background: var(--sg-c-accent);
vertical-align: middle;
margin-left: 14px;
opacity: .85;
}
body.page-id-186 .sg-hero h2.sg-hero__h{
letter-spacing: .04em;
line-height: 1.05;
margin: 0 0 18px;
}
body.page-id-186 .sg-hero__sub{
color: rgba(255,255,255,0.88);
font-size: 1.05em;
line-height: 1.55;
max-width: 540px;
margin: 0 auto 4px;
text-align: center;
}
body.page-id-186 .sg-hero .button.is-outline{
border-width: 1px;
letter-spacing: .12em;
padding: 0 28px;
height: 48px;
line-height: 46px;
font-weight: 600;
}
/* ===== Drei-Säulen-Cards (Pillar) - bewusst leiser als Produkt-Cards ===== */
body.page-id-186 .col.sg-pillar > .col-inner{
border-radius: 14px;
background: rgba(255,255,255,0.7);
border: 1px solid var(--sg-c-line);
box-shadow: 0 14px 40px -28px rgba(0,29,46,0.16);
padding-top: 6px;
position: relative;
overflow: hidden;
transition: transform .35s ease, box-shadow .35s ease, background-color .25s ease;
}
body.page-id-186 .col.sg-pillar > .col-inner::before{
content: "";
position: absolute; top: 0; left: 24px;
width: 48px; height: 2px;
background: var(--sg-c-accent);
}
body.page-id-186 .col.sg-pillar:hover > .col-inner{
transform: translateY(-2px);
background: #fff;
box-shadow: 0 22px 50px -28px rgba(0,29,46,0.20);
}
body.page-id-186 .sg-pillar__num{
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: .92em;
letter-spacing: .22em;
color: var(--sg-c-accent);
margin-bottom: 14px;
text-transform: uppercase;
}
body.page-id-186 .col.sg-pillar h3{
color: var(--sg-c-primary);
font-weight: 600;
text-transform: none;
margin: 4px 0 14px;
font-size: 1.3em;
letter-spacing: 0;
line-height: 1.25;
}
body.page-id-186 .col.sg-pillar p{
color: var(--sg-c-mute);
line-height: 1.65;
font-size: 0.97em;
margin-bottom: 0;
}
/* ===== Produkt-/Service-Cards ===== */
body.page-id-186 .col.sg-card > .col-inner{
border-radius: 14px;
background: #fff;
box-shadow: 0 18px 44px -28px rgba(0,29,46,0.20);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform .35s ease, box-shadow .35s ease;
}
body.page-id-186 .col.sg-card > .col-inner::before{
content: "";
position: absolute; top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, var(--sg-c-accent) 0%, var(--sg-c-accent) 64px, transparent 64px);
}
body.page-id-186 .col.sg-card:hover > .col-inner{
transform: translateY(-3px);
box-shadow: 0 28px 58px -28px rgba(0,29,46,0.26);
}
body.page-id-186 .col.sg-card--hero > .col-inner{
background: linear-gradient(180deg, #fff 0%, #FBFCFD 100%);
}
body.page-id-186 .col.sg-card--hero > .col-inner::before{
background: linear-gradient(90deg, var(--sg-c-accent) 0%, var(--sg-c-accent) 96px, transparent 96px);
height: 3px;
}
body.page-id-186 .col.sg-card--hero h3{
font-size: 1.85em;
letter-spacing: .02em;
margin-top: 6px;
}
/* ===== Hero-Cards: Masthead-Layout ===== */
body.page-id-186 .col.sg-card--hero > .col-inner{
padding: 0;
display: flex;
flex-direction: column;
background: #fff;
}
body.page-id-186 .col.sg-card--hero > .col-inner::before{
display: none;
}
body.page-id-186 .sg-card__masthead{
position: relative;
background:
linear-gradient(135deg, rgba(0,79,125,0.05) 0%, rgba(248,173,0,0.04) 100%),
#FBFCFE;
padding: 32px 36px 26px;
border-bottom: 1px solid var(--sg-c-line);
}
body.page-id-186 .sg-card__masthead::before{
content: "";
position: absolute;
top: 0; left: 36px;
width: 96px; height: 3px;
background: var(--sg-c-accent);
}
body.page-id-186 .sg-card__masthead-grid{
display: grid;
grid-template-columns: 96px 1fr;
gap: 24px;
align-items: center;
}
body.page-id-186 .sg-card__logo{
width: 96px;
height: 96px;
object-fit: contain;
background: #fff;
border-radius: 14px;
padding: 8px;
box-shadow: 0 8px 22px -12px rgba(0, 29, 46, 0.28);
display: block;
margin: 0;
float: none;
transition: transform .35s ease;
}
body.page-id-186 .col.sg-card--hero:hover .sg-card__logo{
transform: rotate(-1.5deg) scale(1.02);
}
body.page-id-186 .sg-card__masthead-text .sg-card__head{
margin-bottom: 10px;
display: block;
}
body.page-id-186 .sg-card__masthead-text .sg-card__head::after{
display: none;
}
body.page-id-186 .sg-card__masthead-text h3{
margin: 0;
line-height: 1.05;
}
body.page-id-186 .sg-card__body{
padding: 34px 36px 36px;
display: flex;
flex-direction: column;
flex: 1;
}
body.page-id-186 .sg-card__body .sg-card__priceline{
margin-top: auto;
}
/* ===== Editorial Break ===== */
body.page-id-186 .sg-break{ position: relative; }
body.page-id-186 .sg-break .ux-banner{ position: relative; }
body.page-id-186 .sg-break .ux-banner::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg,
rgba(0,29,46,0.72) 0%,
rgba(0,29,46,0.45) 35%,
rgba(0,29,46,0.10) 70%,
rgba(0,29,46,0.00) 100%);
pointer-events: none;
z-index: 1;
}
body.page-id-186 .sg-break .text-box,
body.page-id-186 .sg-break .text-box-content{
position: relative;
z-index: 2;
}
body.page-id-186 .sg-break__quote{
color: #fff;
max-width: 620px;
}
body.page-id-186 .sg-break__t{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 2.4em;
line-height: 1.12;
letter-spacing: .005em;
color: #fff;
margin: 0 0 22px;
text-shadow: 0 2px 16px rgba(0,29,46,0.45);
}
body.page-id-186 .sg-break__qmark{
color: var(--sg-c-accent);
font-family: 'Dancing Script', cursive;
font-weight: 600;
font-size: 1.15em;
line-height: 0;
margin: 0 .04em;
opacity: .95;
}
body.page-id-186 .sg-break__c{
display: inline-block;
font-size: 0.86em;
letter-spacing: .22em;
text-transform: uppercase;
color: rgba(255,255,255,0.82);
border-top: 1px solid var(--sg-c-accent);
padding-top: 12px;
}
/* Eyebrow / Card-Head - schlanker, ohne Pill */
body.page-id-186 .sg-card__head{
display: block;
font-family: 'Montserrat', sans-serif;
font-size: .72em;
letter-spacing: .22em;
color: var(--sg-c-soft);
padding: 0;
border: 0;
margin-bottom: 22px;
text-transform: uppercase;
font-weight: 600;
}
body.page-id-186 .sg-card__head b{
color: var(--sg-c-primary);
font-weight: 700;
letter-spacing: .24em;
}
body.page-id-186 .sg-card__head::after{
content: "";
display: inline-block;
width: 22px; height: 1px;
background: var(--sg-c-accent);
vertical-align: middle;
margin-left: 10px;
position: relative;
top: -2px;
}
body.page-id-186 .col.sg-card h3{
color: var(--sg-c-primary);
font-weight: 700;
text-transform: none;
margin: 0 0 14px;
line-height: 1.18;
font-size: 1.45em;
letter-spacing: 0;
}
body.page-id-186 .col.sg-card .sg-card__lead{
color: var(--sg-c-deep);
font-size: 1.02em;
font-weight: 500;
line-height: 1.55;
margin-bottom: 18px;
}
body.page-id-186 .col.sg-card p{
color: var(--sg-c-mute);
line-height: 1.65;
font-size: 0.96em;
margin-bottom: 14px;
}
body.page-id-186 .col.sg-card a{
color: var(--sg-c-primary);
border-bottom: 1px solid var(--sg-c-line-strong);
transition: color .2s ease, border-color .2s ease;
}
body.page-id-186 .col.sg-card a:hover{
color: var(--sg-c-accent);
border-bottom-color: var(--sg-c-accent);
}
/* Feature-Liste */
body.page-id-186 .sg-feat{
list-style: none;
padding-left: 0;
margin: 0 0 22px;
}
body.page-id-186 .sg-feat li{
position: relative;
padding-left: 24px;
margin-bottom: 10px;
color: var(--sg-c-deep);
line-height: 1.6;
font-size: .97em;
}
body.page-id-186 .sg-feat li::before{
content: "";
position: absolute;
left: 2px; top: .58em;
width: 9px; height: 9px;
border: 2px solid var(--sg-c-accent);
border-bottom: 0; border-left: 0;
transform: rotate(45deg);
}
body.page-id-186 .sg-feat--compact li{
font-size: .92em;
margin-bottom: 6px;
}
/* Preis-Zeile */
body.page-id-186 .sg-card__priceline{
margin-top: auto;
padding-top: 20px;
border-top: 1px dashed var(--sg-c-line-strong);
margin-bottom: 4px;
}
body.page-id-186 .sg-card__price{
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 1.4em;
color: var(--sg-c-primary);
letter-spacing: .01em;
line-height: 1.2;
}
body.page-id-186 .sg-card__hint{
display: inline-block;
font-size: .82em;
color: var(--sg-c-mute);
margin-top: 4px;
letter-spacing: .01em;
}
/* CTA-Bereich */
body.page-id-186 .sg-card__cta{
margin-top: 22px;
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
/* ---- BUTTON-SICHTBARKEIT FIX ---- */
body.page-id-186 .sg-card__cta .button,
body.page-id-186 .sg-card__cta .button:visited{
margin: 0;
background: var(--sg-c-primary) !important;
border: 1px solid var(--sg-c-primary) !important;
color: #fff !important;
letter-spacing: .12em;
font-weight: 600;
text-shadow: none !important;
box-shadow: 0 8px 22px -12px rgba(0, 79, 125, 0.55);
transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .15s ease;
height: 44px;
line-height: 42px;
padding: 0 22px;
}
body.page-id-186 .sg-card__cta .button > span,
body.page-id-186 .sg-card__cta .button > span.text{
color: #fff !important;
}
body.page-id-186 .sg-card__cta .button:hover,
body.page-id-186 .sg-card__cta .button:focus,
body.page-id-186 .sg-card__cta .button:active{
background: var(--sg-c-deep) !important;
border-color: var(--sg-c-deep) !important;
color: #fff !important;
box-shadow: 0 14px 28px -12px rgba(0, 29, 46, 0.7);
transform: translateY(-1px);
}
/* Link-Style-Buttons (kleine "Im Shop ansehen"-Links auf GRIB-Cards) */
body.page-id-186 .sg-card__cta .button.is-link,
body.page-id-186 .sg-card__cta .button[class*="is-link"]{
background: transparent !important;
color: var(--sg-c-primary) !important;
border: 0 !important;
padding: 0 !important;
height: auto;
line-height: 1.4;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-color: var(--sg-c-accent);
text-decoration-thickness: 1px;
font-weight: 600;
letter-spacing: .08em;
box-shadow: none;
}
body.page-id-186 .sg-card__cta .button.is-link:hover,
body.page-id-186 .sg-card__cta .button.is-link:focus{
color: var(--sg-c-accent) !important;
background: transparent !important;
transform: none;
text-decoration-color: var(--sg-c-accent);
}
/* ===== Intro - Editorial Lede ===== */
body.page-id-186 .sg-intro{
background: #fff;
position: relative;
overflow: hidden;
}
body.page-id-186 .sg-intro__h{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.4em;
line-height: 1.15;
letter-spacing: .02em;
color: var(--sg-c-primary);
text-transform: uppercase;
margin: 0 auto 36px;
max-width: 22ch;
text-align: center;
}
body.page-id-186 .sg-intro__h em{
font-family: 'Dancing Script', cursive;
font-style: normal;
font-weight: 600;
text-transform: none;
font-size: 1.55em;
line-height: 1;
color: var(--sg-c-accent);
letter-spacing: 0;
display: inline-block;
vertical-align: baseline;
transform: translateY(-0.06em) rotate(-1.5deg);
transform-origin: 50% 60%;
margin: 0 .04em;
padding: 0;
}
body.page-id-186 .sg-intro__lead{
font-family: 'Montserrat', sans-serif;
font-size: 1.18em;
line-height: 1.75;
color: var(--sg-c-deep);
text-align: center;
max-width: 720px;
margin: 0 auto 56px;
font-weight: 400;
}
body.page-id-186 .sg-intro__tags{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0;
}
body.page-id-186 .sg-intro__tag{
font-family: 'Montserrat', sans-serif;
font-size: 0.86em;
font-weight: 600;
letter-spacing: .26em;
text-transform: uppercase;
color: var(--sg-c-primary);
padding: 0 32px;
position: relative;
}
body.page-id-186 .sg-intro__tag::before{
content: "";
position: absolute;
left: 8px;
top: 50%;
width: 7px;
height: 7px;
background: var(--sg-c-accent);
transform: translateY(-50%) rotate(45deg);
}
body.page-id-186 .sg-intro::after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 88%;
max-width: 920px;
height: 1px;
background: linear-gradient(90deg, transparent 0%, var(--sg-c-line-strong) 25%, var(--sg-c-line-strong) 75%, transparent 100%);
}
/* ===== Wer wir sind - Captain's Letter ===== */
body.page-id-186 .sg-aboutus{
position: relative;
overflow: hidden;
}
body.page-id-186 .sg-aboutus::before{
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 70% 55% at 50% 0%, rgba(248,173,0,0.05) 0%, transparent 60%),
radial-gradient(ellipse 80% 50% at 50% 100%, rgba(0,79,125,0.06) 0%, transparent 65%);
pointer-events: none;
z-index: 0;
}
body.page-id-186 .sg-aboutus > .row{
position: relative;
z-index: 1;
}
body.page-id-186 .sg-aboutus .ww-h-mark{
margin-left: auto;
margin-right: auto;
}
body.page-id-186 .sg-aboutus__h{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 2.6em;
line-height: 1.1;
letter-spacing: .03em;
color: var(--sg-c-primary);
margin: 0 auto 32px;
text-align: center;
}
body.page-id-186 .sg-aboutus__body{
font-family: 'Montserrat', sans-serif;
font-size: 1.12em;
line-height: 1.78;
color: var(--sg-c-deep);
margin: 0 auto 54px;
max-width: 620px;
text-align: center;
}
body.page-id-186 .sg-aboutus__signature{
position: relative;
padding: 36px 0 30px;
margin: 0 auto 12px;
max-width: 540px;
text-align: center;
}
body.page-id-186 .sg-aboutus__signature::before,
body.page-id-186 .sg-aboutus__signature::after{
content: "";
position: absolute;
left: 50%;
width: 90px;
height: 1px;
background: var(--sg-c-line-strong);
transform: translateX(-50%);
}
body.page-id-186 .sg-aboutus__signature::before{ top: 0; }
body.page-id-186 .sg-aboutus__signature::after{ bottom: 0; }
body.page-id-186 .sg-aboutus__sig-text{
font-family: 'Dancing Script', cursive;
font-weight: 600;
font-size: 3.4em;
line-height: 1;
color: var(--sg-c-primary);
margin: 0 0 14px;
letter-spacing: -0.01em;
display: inline-block;
position: relative;
}
body.page-id-186 .sg-aboutus__sig-text::before,
body.page-id-186 .sg-aboutus__sig-text::after{
content: "";
display: inline-block;
width: 22px;
height: 1px;
background: var(--sg-c-accent);
vertical-align: middle;
position: relative;
top: -6px;
}
body.page-id-186 .sg-aboutus__sig-text::before{ margin-right: 16px; }
body.page-id-186 .sg-aboutus__sig-text::after{ margin-left: 16px; }
body.page-id-186 .sg-aboutus__sig-meta{
display: inline-block;
font-size: 0.82em;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--sg-c-mute);
font-weight: 500;
}
body.page-id-186 .sg-aboutus .button.is-outline{
border: 1.5px solid var(--sg-c-primary) !important;
color: var(--sg-c-primary) !important;
letter-spacing: .14em;
padding: 0 30px;
height: 46px;
line-height: 42px;
font-weight: 600;
background: transparent !important;
transition: background-color .25s ease, color .25s ease, transform .15s ease;
}
body.page-id-186 .sg-aboutus .button.is-outline:hover,
body.page-id-186 .sg-aboutus .button.is-outline:focus{
background: var(--sg-c-primary) !important;
color: #fff !important;
transform: translateY(-1px);
}
/* ===== CTA - Editorial Closing ===== */
body.page-id-186 .sg-cta{
position: relative;
background: #fff;
overflow: hidden;
}
body.page-id-186 .sg-cta::before{
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 320px;
background: linear-gradient(180deg,
rgba(248,249,251,0.85) 0%,
rgba(248,249,251,0.35) 35%,
rgba(248,249,251,0) 100%);
pointer-events: none;
z-index: 0;
}
body.page-id-186 .sg-cta > .row,
body.page-id-186 .sg-cta > .row .col{
position: relative;
z-index: 1;
}
body.page-id-186 .sg-cta__h{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.2em;
line-height: 1.2;
letter-spacing: .005em;
color: var(--sg-c-primary);
text-transform: none;
margin: 0 auto 28px;
max-width: 20ch;
text-align: center;
}
body.page-id-186 .sg-cta__lead{
font-family: 'Montserrat', sans-serif;
font-size: 1.08em;
line-height: 1.72;
color: var(--sg-c-deep);
text-align: center;
max-width: 620px;
margin: 0 auto;
font-weight: 400;
}
body.page-id-186 .sg-cta__action{
text-align: center;
}
body.page-id-186 .sg-cta .button,
body.page-id-186 .sg-cta .button:visited{
background: var(--sg-c-primary) !important;
border: 1.5px solid var(--sg-c-primary) !important;
color: #fff !important;
letter-spacing: .14em;
font-weight: 600;
font-size: 1em;
height: 58px;
line-height: 54px;
padding: 0 40px;
text-shadow: none !important;
box-shadow: 0 16px 32px -16px rgba(0, 79, 125, 0.55);
transition: background-color .25s ease, transform .18s ease, box-shadow .25s ease;
}
body.page-id-186 .sg-cta .button > span,
body.page-id-186 .sg-cta .button > span.text{
color: #fff !important;
}
body.page-id-186 .sg-cta .button:hover,
body.page-id-186 .sg-cta .button:focus{
background: var(--sg-c-deep) !important;
border-color: var(--sg-c-deep) !important;
color: #fff !important;
transform: translateY(-2px);
box-shadow: 0 22px 38px -16px rgba(0, 29, 46, 0.7);
}
body.page-id-186 .sg-cta .button .icon-angle-right{
margin-left: 10px;
transition: transform .25s ease;
}
body.page-id-186 .sg-cta .button:hover .icon-angle-right{
transform: translateX(3px);
}
body.page-id-186 #footer{
background-color: #fff;
}
/* ===== Vertikaler Rhythmus ===== */
body.page-id-186 .section .row + .row{ margin-top: 12px; }
body.page-id-186 .ww-h-mark{ margin-bottom: 18px; }
/* ===== Mobile-Tweaks ===== */
@media (max-width: 849px){
body.page-id-186 .col.sg-card--hero h3{ font-size: 1.55em; }
body.page-id-186 .sg-card__price{ font-size: 1.25em; }
body.page-id-186 .sg-hero__sub{ font-size: 1em; }
body.page-id-186 .sg-card__cta .button{ width: 100%; text-align: center; }
body.page-id-186 .sg-break .text-box{ width: 86% !important; }
body.page-id-186 .sg-break__t{ font-size: 1.55em; }
body.page-id-186 .sg-break__c{ font-size: 0.78em; letter-spacing: .18em; }
body.page-id-186 .sg-intro__h{ font-size: 1.7em; }
body.page-id-186 .sg-intro__lead{ font-size: 1.05em; margin-bottom: 40px; }
body.page-id-186 .sg-intro__tag{ padding: 6px 20px; font-size: 0.74em; letter-spacing: .18em; }
body.page-id-186 .sg-intro__tags{ gap: 4px 0; }
body.page-id-186 .sg-aboutus__h{ font-size: 1.85em; }
body.page-id-186 .sg-aboutus__body{ font-size: 1.02em; margin-bottom: 40px; }
body.page-id-186 .sg-aboutus__sig-text{ font-size: 2.4em; }
body.page-id-186 .sg-aboutus__sig-text::before,
body.page-id-186 .sg-aboutus__sig-text::after{ width: 14px; margin: 0 8px; top: -4px; }
body.page-id-186 .sg-aboutus__signature::before,
body.page-id-186 .sg-aboutus__signature::after{ width: 60px; }
body.page-id-186 .sg-cta__h{ font-size: 1.55em; max-width: 16ch; }
body.page-id-186 .sg-cta__lead{ font-size: 1em; }
body.page-id-186 .sg-cta .button{
height: 52px;
line-height: 48px;
padding: 0 30px;
font-size: 0.95em;
}
}
@media (max-width: 549px){
body.page-id-186 .sg-card__masthead{ padding: 24px 24px 20px; }
body.page-id-186 .sg-card__masthead::before{ left: 24px; width: 64px; }
body.page-id-186 .sg-card__masthead-grid{
grid-template-columns: 76px 1fr;
gap: 16px;
}
body.page-id-186 .sg-card__logo{ width: 76px; height: 76px; padding: 6px; border-radius: 12px; }
body.page-id-186 .sg-card__body{ padding: 26px 24px 28px; }
}
/* === /Seewetter für Segler === */
/* === Customers (Page 19) — Editorial Trust-Band === */
/* Asymmetrisch zweispaltig, kein H-Anker, transitionaler Streifen
zwischen Welcome und Stats. Reduziertes Padding + BG-Tint + Hairlines
signalisieren "Übergang, nicht Ziel". */
body.page-id-19 .hp-customers,
body.home .hp-customers{
background:#F8FAFC;
border-top:1px solid rgba(0,29,46,0.08);
border-bottom:1px solid rgba(0,29,46,0.08);
}
body.page-id-19 .hp-customers__row,
body.home .hp-customers__row{align-items:center;}
body.page-id-19 .hp-customers__head,
body.home .hp-customers__head{
position:relative;
padding-left:24px !important;
}
body.page-id-19 .hp-customers__head::before,
body.home .hp-customers__head::before{
content:"";position:absolute;left:0;top:4px;bottom:4px;
width:1px;background:var(--iv-c-accent);
}
body.page-id-19 .hp-customers__caption,
body.home .hp-customers__caption{
display:flex;flex-direction:column;gap:8px;
}
body.page-id-19 .hp-customers__pretitle,
body.home .hp-customers__pretitle{
font-family:var(--iv-mono);font-size:11px;font-weight:600;
letter-spacing:2.8px;text-transform:uppercase;
color:var(--iv-c-accent);
display:block;line-height:1.3;
}
body.page-id-19 .hp-customers__meta,
body.home .hp-customers__meta{
font-family:var(--iv-mono);font-size:12px;font-weight:500;
letter-spacing:0.4px;color:var(--iv-c-text-mute);
display:block;line-height:1.4;
}
body.page-id-19 .hp-customers__logos,
body.home .hp-customers__logos{
padding-left:32px !important;
}
/* Feste Flickity-Zellen statt der von Flatsome aus dem Bildverhaeltnis
berechneten Inline-Breiten. Verhindert Ueberlagerungen an beiden Raendern. */
body.page-id-19 .hp-customers__logos > .col-inner,
body.home .hp-customers__logos > .col-inner,
body.page-id-19 .hp-customers .slider-wrapper,
body.home .hp-customers .slider-wrapper,
body.page-id-19 .hp-customers .flickity-viewport,
body.home .hp-customers .flickity-viewport{
overflow:hidden;
}
body.page-id-19 .hp-customers .slider-wrapper,
body.home .hp-customers .slider-wrapper{
padding:0 16px;
}
body.page-id-19 .hp-customers .hp-logo-cell,
body.home .hp-customers .hp-logo-cell{
width:calc(20% - 10px) !important;
min-width:calc(20% - 10px);
max-width:calc(20% - 10px);
height:92px;
margin:0 5px;
padding:8px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
body.page-id-19 .hp-customers .hp-logo-cell .ux-logo,
body.home .hp-customers .hp-logo-cell .ux-logo{
max-width:100% !important;
}
body.page-id-19 .hp-customers .hp-logo-cell .ux-logo-link,
body.home .hp-customers .hp-logo-cell .ux-logo-link{
width:100%;
height:100%;
padding:0 !important;
display:flex;
align-items:center;
justify-content:center;
overflow:visible;
}
body.page-id-19 .hp-customers .hp-logo-cell .ux-logo img,
body.home .hp-customers .hp-logo-cell .ux-logo img{
display:block;
width:auto !important;
height:auto !important;
max-width:150px !important;
max-height:66px !important;
margin:auto;
object-fit:contain;
mix-blend-mode:normal;
}
body.page-id-19 .hp-customers .ux-logo img,
body.home .hp-customers .ux-logo img{
filter:none;opacity:1;
}
body.page-id-19 .hp-customers .ux-logo:hover img,
body.home .hp-customers .ux-logo:hover img{
filter:none;opacity:1;
}
/* Port of Kiel und Blauwasser liegen offiziell nur mit weißem Fond vor.
Multiply blendet ihn auf dem Trust-Band aus, ohne die Markenform neu zu zeichnen. */
body.page-id-19 .hp-customers .hp-logo-cell--blend .ux-logo img,
body.home .hp-customers .hp-logo-cell--blend .ux-logo img{
mix-blend-mode:multiply;
}
body.page-id-19 .hp-customers .hp-logo-cell--blend,
body.home .hp-customers .hp-logo-cell--blend{
background:#F8FAFC;
isolation:isolate;
}
body.page-id-19 .hp-customers .ux-logo-link[title="YACHT Magazin"] img,
body.home .hp-customers .ux-logo-link[title="YACHT Magazin"] img{
transform:scale(0.82);
transform-origin:center;
}
body.page-id-19 .hp-customers .ux-logo-link[title="Blauwasser.de"] img,
body.home .hp-customers .ux-logo-link[title="Blauwasser.de"] img{
transform:scale(1.25);
transform-origin:center;
}
@media (max-width: 849px){
body.page-id-19 .hp-customers__head,
body.home .hp-customers__head{
padding-left:0 !important;text-align:center;margin-bottom:24px;
}
body.page-id-19 .hp-customers__head::before,
body.home .hp-customers__head::before{display:none;}
body.page-id-19 .hp-customers__caption,
body.home .hp-customers__caption{align-items:center;gap:6px;}
body.page-id-19 .hp-customers__logos,
body.home .hp-customers__logos{padding-left:0 !important;}
body.page-id-19 .hp-customers .hp-logo-cell,
body.home .hp-customers .hp-logo-cell{
width:calc(25% - 10px) !important;
min-width:calc(25% - 10px);max-width:calc(25% - 10px);
}
}
@media (max-width: 549px){
body.page-id-19 .hp-customers .slider-wrapper,
body.home .hp-customers .slider-wrapper{padding:0 10px;}
body.page-id-19 .hp-customers .hp-logo-cell,
body.home .hp-customers .hp-logo-cell{
width:calc(50% - 10px) !important;
min-width:calc(50% - 10px);max-width:calc(50% - 10px);
height:84px;padding:6px 8px;
}
body.page-id-19 .hp-customers .hp-logo-cell .ux-logo img,
body.home .hp-customers .hp-logo-cell .ux-logo img{
max-width:136px !important;max-height:58px !important;
}
body.page-id-19 .hp-customers__pretitle,
body.home .hp-customers__pretitle{font-size:10px;letter-spacing:2.4px;}
body.page-id-19 .hp-customers__meta,
body.home .hp-customers__meta{font-size:11.5px;}
}
/* === Editorial-Paper-Pattern (Page 19) — kühl-getöntes Karo === */
body.page-id-19 .hp-paper,
body.home .hp-paper{
position:relative;
background:#F2F6FA;
color:var(--iv-c-text);
overflow:hidden;
}
body.page-id-19 .hp-paper::before,
body.home .hp-paper::before{
content:"";position:absolute;inset:0;pointer-events:none;
background-image:
linear-gradient(rgba(0,29,46,0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,29,46,0.045) 1px, transparent 1px);
background-size:40px 40px;
mask-image:radial-gradient(ellipse at center, #000 50%, transparent 95%);
-webkit-mask-image:radial-gradient(ellipse at center, #000 50%, transparent 95%);
}
body.page-id-19 .hp-paper > .row,
body.home .hp-paper > .row{position:relative;z-index:1;}
/* === Stats (Page 19) — ruhige 4er-Reihe, Montserrat === */
body.page-id-19 .hp-stats-section,
body.home .hp-stats-section{background:#ffffff;}
body.page-id-19 .hp-stats__cell,
body.home .hp-stats__cell{padding:24px 14px;}
body.page-id-19 .hp-stats__num,
body.home .hp-stats__num{
font-family:Montserrat, sans-serif;
font-weight:700;
font-size:3.6em;line-height:1;
color:var(--iv-c-primary);
letter-spacing:-0.015em;
font-variant-numeric:lining-nums tabular-nums;
margin:0 0 14px;
}
body.page-id-19 .hp-stats__lbl,
body.home .hp-stats__lbl{
font-family:var(--iv-mono);font-size:11px;font-weight:600;
letter-spacing:2.4px;text-transform:uppercase;
color:var(--iv-c-text-fade);
line-height:1.5;
}
@media (max-width: 849px){
body.page-id-19 .hp-stats__num,
body.home .hp-stats__num{font-size:2.8em;}
body.page-id-19 .hp-stats__cell,
body.home .hp-stats__cell{padding:20px 14px;}
}
@media (max-width: 549px){
body.page-id-19 .hp-stats__num,
body.home .hp-stats__num{font-size:2.4em;}
body.page-id-19 .hp-stats__lbl,
body.home .hp-stats__lbl{font-size:10px;letter-spacing:2px;}
}
/* === Pull-Quote (Page 19) — Editorial-Briefkopf === */
body.page-id-19 .hp-quote-section,
body.home .hp-quote-section{background:#ffffff;}
body.page-id-19 .hp-quote,
body.home .hp-quote{
max-width:780px;margin:0 auto;
text-align:left;
}
body.page-id-19 .hp-quote__pretitle,
body.home .hp-quote__pretitle{
font-family:var(--iv-mono);font-size:11px;font-weight:600;
letter-spacing:2.8px;text-transform:uppercase;
color:var(--iv-c-accent);
display:inline-block;margin:0 0 28px;padding-bottom:8px;
border-bottom:1px solid rgba(248,173,0,0.45);
}
body.page-id-19 .hp-quote__frame,
body.home .hp-quote__frame{
position:relative;
border-top:1px solid rgba(248,173,0,0.45);
border-bottom:1px solid rgba(248,173,0,0.45);
padding:36px 56px 60px 56px;
margin:0 0 24px;
}
body.page-id-19 .hp-quote__frame--summary,
body.home .hp-quote__frame--summary{
padding-top:42px;
padding-bottom:42px;
}
body.page-id-19 .hp-quote__mark,
body.home .hp-quote__mark{
position:absolute;left:0;top:18px;
font-family:Georgia, "Times New Roman", serif;
font-size:54px;line-height:1;
color:var(--iv-c-accent);
font-weight:400;
}
body.page-id-19 .hp-quote__mark--end,
body.home .hp-quote__mark--end{
left:auto;right:0;top:auto;bottom:0;
}
body.page-id-19 .hp-quote__t,
body.home .hp-quote__t{
font-family:Montserrat, sans-serif;
font-style:italic;font-weight:300;
font-size:1.35em;line-height:1.6;
color:var(--iv-c-primary);
margin:0;letter-spacing:0.1px;
}
body.page-id-19 .hp-quote__attr,
body.home .hp-quote__attr{
display:flex;align-items:center;gap:18px;
padding-left:56px;
}
body.page-id-19 .hp-quote__rule,
body.home .hp-quote__rule{
display:block;flex:0 0 auto;
width:40px;height:1px;background:var(--iv-c-accent);
}
body.page-id-19 .hp-quote__attr-text,
body.home .hp-quote__attr-text{display:flex;flex-direction:column;gap:2px;}
body.page-id-19 .hp-quote__name,
body.home .hp-quote__name{
font-family:Montserrat, sans-serif;
font-weight:700;font-size:13px;letter-spacing:1.4px;
text-transform:uppercase;color:var(--iv-c-text);
}
body.page-id-19 .hp-quote__role,
body.home .hp-quote__role{
font-family:var(--iv-mono);font-size:11px;
letter-spacing:1.4px;color:var(--iv-c-text-fade);
text-transform:none;
}
@media (max-width: 549px){
body.page-id-19 .hp-quote__frame,
body.home .hp-quote__frame{padding:28px 38px 48px 38px;}
body.page-id-19 .hp-quote__frame--summary,
body.home .hp-quote__frame--summary{padding:32px 24px;}
body.page-id-19 .hp-quote__mark,
body.home .hp-quote__mark{font-size:42px;top:16px;}
body.page-id-19 .hp-quote__mark--end,
body.home .hp-quote__mark--end{top:auto;bottom:0;}
body.page-id-19 .hp-quote__t,
body.home .hp-quote__t{font-size:1.1em;}
body.page-id-19 .hp-quote__attr,
body.home .hp-quote__attr{padding-left:38px;gap:14px;}
}
/* === Zielgruppen-Streifen (Page 19) === */
body.page-id-19 .hp-target-section,
body.home .hp-target-section{background:#ffffff;}
/* Naht zwischen Software und Zielgruppen verkleinern: jeweils 40px statt 100px (sm 30px) — alle anderen Section-Übergänge bleiben bei 200px Whitespace */
body.page-id-19 .hp-software,
body.home .hp-software{padding-bottom:40px !important;}
body.page-id-19 .hp-target-section.hp-target-section,
body.home .hp-target-section.hp-target-section{padding-top:40px !important;}
@media (max-width:549px){
body.page-id-19 .hp-software,
body.home .hp-software{padding-bottom:30px !important;}
body.page-id-19 .hp-target-section.hp-target-section,
body.home .hp-target-section.hp-target-section{padding-top:30px !important;}
}
body.page-id-19 .hp-target__h,
body.home .hp-target__h{color:var(--iv-c-text);font-weight:700;letter-spacing:0.4px;margin:0;font-size:inherit;line-height:1.15;}
body.page-id-19 .hp-target__lead,
body.home .hp-target__lead{color:var(--iv-c-text-mute);max-width:560px;margin:0 auto;}
body.page-id-19 .hp-target,
body.home .hp-target{
border-top:1px solid rgba(0,29,46,0.10);
}
body.page-id-19 .hp-target__row,
body.home .hp-target__row{
display:grid;
grid-template-columns:60px 240px 1fr;
align-items:baseline;
gap:32px;
padding:14px 4px;
border-bottom:1px solid rgba(0,29,46,0.10);
position:relative;
transition:background 0.25s ease;
}
body.page-id-19 .hp-target__row:hover,
body.home .hp-target__row:hover{
background:rgba(0,79,125,0.025);
}
body.page-id-19 .hp-target__num,
body.home .hp-target__num{
font-family:var(--iv-mono);font-size:12px;font-weight:600;
letter-spacing:2.6px;color:var(--iv-c-accent);
text-align:left;
}
body.page-id-19 .hp-target__name,
body.home .hp-target__name{
font-weight:700;font-size:15px;
letter-spacing:0.4px;text-transform:uppercase;
color:var(--iv-c-text);
line-height:1.3;
}
body.page-id-19 .hp-target__desc,
body.home .hp-target__desc{
font-size:14.5px;line-height:1.7;
color:var(--iv-c-text-mute);
}
@media (max-width: 849px){
body.page-id-19 .hp-target__row,
body.home .hp-target__row{
grid-template-columns:48px 1fr;
grid-template-rows:auto auto;
gap:8px 22px;
padding:14px 4px;
}
body.page-id-19 .hp-target__num,
body.home .hp-target__num{
grid-row:1 / 3;
align-self:flex-start;
padding-top:4px;
}
body.page-id-19 .hp-target__name,
body.home .hp-target__name{grid-column:2;}
body.page-id-19 .hp-target__desc,
body.home .hp-target__desc{grid-column:2;}
}
@media (max-width: 549px){
body.page-id-19 .hp-target__num,
body.home .hp-target__num{font-size:11px;letter-spacing:2.2px;}
body.page-id-19 .hp-target__name,
body.home .hp-target__name{font-size:14px;}
body.page-id-19 .hp-target__desc,
body.home .hp-target__desc{font-size:13.5px;}
}
/* === Hero (Page 19) — orientiert an .sg-hero (Page 186) === */
body.page-id-19 .hp-hero h6.hp-hero__eyebrow,
body.home .hp-hero h6.hp-hero__eyebrow{
color:var(--iv-c-accent);
letter-spacing:0.22em;
font-weight:600;
text-transform:uppercase;
margin-bottom:18px;
opacity:0.92;
}
body.page-id-19 .hp-hero h6.hp-hero__eyebrow::after,
body.home .hp-hero h6.hp-hero__eyebrow::after{
content:"";
display:inline-block;
width:32px;height:1px;
background:var(--iv-c-accent);
vertical-align:middle;
margin-left:14px;
margin-bottom:3px;
}
body.page-id-19 .hp-hero h2.hp-hero__h,
body.home .hp-hero h2.hp-hero__h{
letter-spacing:0.04em;
line-height:1.05;
margin:0 0 18px;
color:#fff;
}
body.page-id-19 .hp-hero__sub,
body.home .hp-hero__sub{
color:rgba(255,255,255,0.88);
font-size:1.05em;
line-height:1.55;
max-width:540px;
margin:0 auto 4px;
text-align:center;
}
body.page-id-19 .hp-hero .button.is-outline,
body.home .hp-hero .button.is-outline{
border-width:1px;
letter-spacing:0.12em;
padding:0 28px;
height:48px;
line-height:46px;
font-weight:600;
}
@media (max-width:549px){
body.page-id-19 .hp-hero__sub,
body.home .hp-hero__sub{font-size:1em;}
}
/* === Medienwetter für TV & Radio (Page 188) === */
/* Klassen-Präfix .mw-… seitenspezifisch.
Re-use: --iv-c-* Variablen + .ww-h-mark.
Linie konsistent mit .iv- (Page 184), .sw- (Page 182), .sg- (Page 186), .hp- (Page 19). */
:root{
--mw-c-primary:#004f7d;
--mw-c-deep:#003C5F;
--mw-c-soft:#0A6FA5;
--mw-c-accent:#f8ad00;
--mw-c-paper:#F4F7FA;
--mw-c-mute:#5A6770;
--mw-c-line:rgba(0,79,125,0.10);
--mw-c-line-strong:rgba(0,79,125,0.18);
}
/* ===== Hero ===== */
body.page-id-188 .mw-hero h6.mw-hero__eyebrow{
color:var(--mw-c-accent);
letter-spacing:.22em;
font-weight:600;
text-transform:uppercase;
margin-bottom:18px;
opacity:.92;
}
body.page-id-188 .mw-hero h6.mw-hero__eyebrow::after{
content:"";
display:inline-block;
width:32px;height:1px;
background:var(--mw-c-accent);
vertical-align:middle;
margin-left:14px;
margin-bottom:3px;
}
body.page-id-188 .mw-hero h2.mw-hero__h{
letter-spacing:.04em;
line-height:1.05;
margin:0 0 20px;
color:#fff;
}
body.page-id-188 .mw-hero__sub{
color:rgba(255,255,255,0.88);
font-size:1.05em;
line-height:1.6;
max-width:580px;
margin:0 auto 4px;
text-align:center;
}
/* ===== Intro - Editorial Lede ===== */
body.page-id-188 .mw-intro{
background:#fff;
position:relative;
overflow:hidden;
}
body.page-id-188 .mw-intro__h{
font-family:'Montserrat',sans-serif;
font-weight:600;
line-height:1.2;
letter-spacing:.01em;
color:var(--mw-c-primary);
text-transform:none;
margin:0 auto 30px;
max-width:22ch;
text-align:center;
}
body.page-id-188 .mw-intro__h em{
font-family:'Dancing Script',cursive;
font-style:normal;
font-weight:600;
text-transform:none;
font-size:1.35em;
line-height:1;
color:var(--mw-c-accent);
letter-spacing:0;
display:inline-block;
vertical-align:baseline;
transform:translateY(-0.06em) rotate(-1.5deg);
transform-origin:50% 60%;
margin:0 .04em;
}
body.page-id-188 .mw-intro__lead{
font-family:'Montserrat',sans-serif;
font-size:1.12em;
line-height:1.75;
color:var(--mw-c-deep);
text-align:center;
max-width:680px;
margin:0 auto 50px;
font-weight:400;
}
body.page-id-188 .mw-intro__tags{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:0;
}
body.page-id-188 .mw-intro__tag{
font-family:'Montserrat',sans-serif;
font-size:0.84em;
font-weight:600;
letter-spacing:.24em;
text-transform:uppercase;
color:var(--mw-c-primary);
padding:0 28px;
position:relative;
}
body.page-id-188 .mw-intro__tag::before{
content:"";
position:absolute;
left:-5px;top:50%;
width:7px;height:7px;
background:var(--mw-c-accent);
transform:translateY(-50%) rotate(45deg);
}
body.page-id-188 .mw-intro::after{
content:"";
position:absolute;
bottom:0;left:50%;
transform:translateX(-50%);
width:88%;max-width:920px;
height:1px;
background:linear-gradient(90deg,transparent 0%,var(--mw-c-line-strong) 25%,var(--mw-c-line-strong) 75%,transparent 100%);
}
/* ===== Eyebrow (gemeinsam für mehrere Sections) ===== */
body.page-id-188 .mw-eyebrow{
display:inline-block;
font-family:'Montserrat',sans-serif;
font-size:0.78em;
letter-spacing:.24em;
color:var(--mw-c-soft);
text-transform:uppercase;
font-weight:600;
margin-bottom:18px;
}
body.page-id-188 .mw-eyebrow b{
color:var(--mw-c-primary);
font-weight:700;
}
body.page-id-188 .mw-eyebrow::after{
content:"";
display:inline-block;
width:22px;height:1px;
background:var(--mw-c-accent);
vertical-align:middle;
margin-left:12px;
position:relative;top:-2px;
}
body.page-id-188 .mw-eyebrow--light{ color:rgba(255,255,255,0.78); }
body.page-id-188 .mw-eyebrow--light b{ color:#fff; }
/* ===== Leistungen (Pillar-Cards) ===== */
body.page-id-188 .mw-leistungen{ background:#fff; }
body.page-id-188 .mw-leistungen__h{
font-family:'Montserrat',sans-serif;
font-weight:700;
font-size:1.85em;
line-height:1.2;
color:var(--mw-c-primary);
text-transform:uppercase;
letter-spacing:.02em;
margin:0 0 14px;
}
body.page-id-188 .mw-leistungen__lead{
color:var(--mw-c-mute);
font-size:1.02em;
line-height:1.65;
max-width:580px;
margin:0 auto 0;
}
body.page-id-188 .col.mw-pillar > .col-inner{
border-radius:14px;
background:rgba(255,255,255,0.72);
border:1px solid var(--mw-c-line);
box-shadow:0 14px 40px -28px rgba(0,29,46,0.16);
padding:30px 28px 28px;
position:relative;
overflow:hidden;
height:100%;
transition:transform .35s ease,box-shadow .35s ease,background-color .25s ease;
}
body.page-id-188 .col.mw-pillar > .col-inner::before{
content:"";
position:absolute;top:0;left:28px;
width:48px;height:2px;
background:var(--mw-c-accent);
}
body.page-id-188 .col.mw-pillar:hover > .col-inner{
transform:translateY(-2px);
background:#fff;
box-shadow:0 22px 50px -28px rgba(0,29,46,0.20);
}
body.page-id-188 .mw-pillar__num{
display:block;
font-family:'Montserrat',sans-serif;
font-weight:700;
font-size:.86em;
letter-spacing:.24em;
color:var(--mw-c-accent);
margin-bottom:18px;
text-transform:uppercase;
}
body.page-id-188 .col.mw-pillar h3{
color:var(--mw-c-primary);
font-weight:700;
text-transform:none;
margin:6px 0 12px;
font-size:1.25em;
letter-spacing:0;
line-height:1.25;
}
body.page-id-188 .col.mw-pillar p{
color:var(--mw-c-mute);
line-height:1.65;
font-size:0.95em;
margin-bottom:0;
}
body.page-id-188 .col.mw-pillar .img{ margin-left:0; }
body.page-id-188 .col.mw-pillar .img img{ filter:none; }
/* ===== Stats — analog .hp-stats ===== */
body.page-id-188 .mw-stats-section{ background:#F8FAFC; border-top:1px solid rgba(0,29,46,0.06); border-bottom:1px solid rgba(0,29,46,0.06); }
body.page-id-188 .mw-stats__cell{ padding:24px 14px; }
body.page-id-188 .mw-stats__num{
font-family:Montserrat,sans-serif;
font-weight:700;
font-size:3.6em;line-height:1;
color:var(--mw-c-primary);
letter-spacing:-0.015em;
font-variant-numeric:lining-nums tabular-nums;
margin:0 0 14px;
}
body.page-id-188 .mw-stats__lbl{
font-family:Menlo,Consolas,"SF Mono",monospace;
font-size:11px;font-weight:600;
letter-spacing:2.4px;text-transform:uppercase;
color:var(--mw-c-mute);
line-height:1.5;
}
/* ===== Editorial Break — Foto + Pull-Quote ===== */
body.page-id-188 .mw-break{ position:relative; }
body.page-id-188 .mw-break .ux-banner{ position:relative; }
body.page-id-188 .mw-break .ux-banner::after{
content:"";
position:absolute;inset:0;
background:linear-gradient(90deg,
rgba(0,29,46,0.55) 0%,
rgba(0,29,46,0.30) 50%,
rgba(0,29,46,0.10) 100%);
pointer-events:none;
z-index:1;
}
body.page-id-188 .mw-break .text-box,
body.page-id-188 .mw-break .text-box-content{
position:relative;
z-index:2;
}
body.page-id-188 .mw-break__quote{
color:#fff;
max-width:560px;
background:rgba(0,29,46,0.82);
border-left:3px solid var(--mw-c-accent);
padding:34px 38px 30px;
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
}
body.page-id-188 .mw-break__c{
display:inline-block;
font-family:'Montserrat',sans-serif;
font-size:0.78em;
letter-spacing:.26em;
text-transform:uppercase;
color:rgba(255,255,255,0.82);
border-top:1px solid var(--mw-c-accent);
padding-top:12px;
margin-bottom:24px;
}
body.page-id-188 .mw-break__t{
font-family:'Montserrat',sans-serif;
font-weight:600;
font-size:1.95em;
line-height:1.25;
letter-spacing:.005em;
color:#fff;
margin:0 0 22px;
text-shadow:0 2px 16px rgba(0,29,46,0.45);
}
body.page-id-188 .mw-break__qmark{
color:var(--mw-c-accent);
font-family:'Dancing Script',cursive;
font-weight:600;
font-style:italic;
font-size:1.05em;
margin:0 .04em;
opacity:.95;
}
body.page-id-188 .mw-break__attr{
display:inline-block;
font-family:Menlo,Consolas,"SF Mono",monospace;
font-size:11px;
letter-spacing:2.4px;
text-transform:uppercase;
color:rgba(255,255,255,0.72);
}
/* ===== Portfolio (dunkler Sektions-BG, Editorial Caption-Overlay) ===== */
body.page-id-188 .mw-portfolio{ position:relative; }
body.page-id-188 .mw-portfolio__h{
font-family:'Montserrat',sans-serif;
font-weight:700;
font-size:2.0em;
line-height:1.15;
letter-spacing:.03em;
color:#fff;
margin:0 0 16px;
}
body.page-id-188 .mw-portfolio__lead{
color:rgba(255,255,255,0.78);
font-size:1.02em;line-height:1.65;
max-width:640px;margin:0 auto;
}
body.page-id-188 .mw-portfolio .ux-banner{
border-radius:4px;
overflow:hidden;
position:relative;
}
body.page-id-188 .mw-portfolio .ux-banner::before{
content:"";
position:absolute;inset:0;
background:linear-gradient(180deg,
rgba(0,29,46,0.0) 0%,
rgba(0,29,46,0.0) 50%,
rgba(0,29,46,0.85) 100%);
pointer-events:none;
z-index:1;
transition:opacity .35s ease;
}
body.page-id-188 .mw-portfolio .ux-banner:hover::before{ opacity:.7; }
body.page-id-188 .mw-portfolio .text-box{
position:relative;
z-index:2;
}
body.page-id-188 .mw-pf__cap{
display:flex;align-items:center;gap:14px;
text-align:left;
}
body.page-id-188 .mw-pf__num{
font-family:Menlo,Consolas,"SF Mono",monospace;
font-size:11px;font-weight:600;
letter-spacing:.22em;
color:var(--mw-c-accent);
text-transform:uppercase;
}
body.page-id-188 .mw-pf__num::after{
content:"";
display:inline-block;
width:18px;height:1px;
background:var(--mw-c-accent);
vertical-align:middle;
margin-left:10px;
position:relative;top:-2px;
}
body.page-id-188 .mw-pf__t{
font-family:'Montserrat',sans-serif;
font-weight:600;
font-size:0.96em;
letter-spacing:.04em;
color:#fff;
}
/* ===== Behind the Scenes — Captain's Letter ===== */
body.page-id-188 .mw-aboutus{
background:#fff;
position:relative;
overflow:hidden;
}
body.page-id-188 .mw-aboutus::before{
content:"";
position:absolute;inset:0;
background:
radial-gradient(ellipse 70% 55% at 50% 0%,rgba(248,173,0,0.05) 0%,transparent 60%),
radial-gradient(ellipse 80% 50% at 50% 100%,rgba(0,79,125,0.06) 0%,transparent 65%);
pointer-events:none;
z-index:0;
}
body.page-id-188 .mw-aboutus > .row{ position:relative; z-index:1; }
body.page-id-188 .mw-aboutus .ww-h-mark{ margin-left:auto; margin-right:auto; }
body.page-id-188 .mw-aboutus__h{
font-family:'Montserrat',sans-serif;
font-weight:700;
font-size:2.4em;
line-height:1.15;
letter-spacing:.02em;
color:var(--mw-c-primary);
margin:0 auto 30px;
text-align:center;
}
body.page-id-188 .mw-aboutus__body{
font-family:'Montserrat',sans-serif;
font-size:1.1em;
line-height:1.78;
color:var(--mw-c-deep);
margin:0 auto 50px;
max-width:680px;
text-align:center;
}
body.page-id-188 .mw-aboutus__signature{
position:relative;
padding:36px 0 30px;
margin:0 auto 12px;
max-width:540px;
text-align:center;
}
body.page-id-188 .mw-aboutus__signature::before,
body.page-id-188 .mw-aboutus__signature::after{
content:"";
position:absolute;
left:50%;
width:90px;height:1px;
background:var(--mw-c-line-strong);
transform:translateX(-50%);
}
body.page-id-188 .mw-aboutus__signature::before{ top:0; }
body.page-id-188 .mw-aboutus__signature::after{ bottom:0; }
body.page-id-188 .mw-aboutus__sig-text{
font-family:'Dancing Script',cursive;
font-weight:600;
font-size:3.4em;
line-height:1;
color:var(--mw-c-primary);
margin:0 0 14px;
letter-spacing:-0.01em;
display:inline-block;
position:relative;
}
body.page-id-188 .mw-aboutus__sig-text::before,
body.page-id-188 .mw-aboutus__sig-text::after{
content:"";
display:inline-block;
width:22px;height:1px;
background:var(--mw-c-accent);
vertical-align:middle;
position:relative;top:-6px;
}
body.page-id-188 .mw-aboutus__sig-text::before{ margin-right:16px; }
body.page-id-188 .mw-aboutus__sig-text::after{ margin-left:16px; }
body.page-id-188 .mw-aboutus__sig-meta{
display:inline-block;
font-size:0.82em;
letter-spacing:.22em;
text-transform:uppercase;
color:var(--mw-c-mute);
font-weight:500;
}
body.page-id-188 .mw-aboutus .button.is-outline{
border:1.5px solid var(--mw-c-primary) !important;
color:var(--mw-c-primary) !important;
letter-spacing:.14em;
padding:0 30px;
height:46px;
line-height:42px;
font-weight:600;
background:transparent !important;
transition:background-color .25s ease,color .25s ease,transform .15s ease;
}
body.page-id-188 .mw-aboutus .button.is-outline:hover,
body.page-id-188 .mw-aboutus .button.is-outline:focus{
background:var(--mw-c-primary) !important;
color:#fff !important;
transform:translateY(-1px);
}
body.page-id-188 .mw-aboutus__avatar{
max-width:140px;
margin:0 auto 18px;
}
body.page-id-188 .mw-aboutus__avatar img{
display:block;
width:100%;
height:auto;
border-radius:50%;
box-shadow:
0 0 0 4px #fff,
0 0 0 5px var(--mw-c-accent),
0 18px 40px -24px rgba(0,29,46,0.22);
}
body.page-id-188 .mw-aboutus__avatar + .mw-aboutus__signature{
padding-top:18px;
}
body.page-id-188 .mw-aboutus__avatar + .mw-aboutus__signature::before{
display:none;
}
@media (max-width:849px){
body.page-id-188 .mw-aboutus__avatar{ max-width:110px; margin-bottom:14px; }
}
/* ===== Clients — Editorial Trust-Band (analog .hp-customers) ===== */
body.page-id-188 .mw-clients{
background:#F8FAFC;
border-top:1px solid rgba(0,29,46,0.08);
border-bottom:1px solid rgba(0,29,46,0.08);
}
body.page-id-188 .mw-clients__row{ align-items:center; }
body.page-id-188 .mw-clients__head{
position:relative;
padding-left:24px !important;
}
body.page-id-188 .mw-clients__head::before{
content:"";position:absolute;left:0;top:4px;bottom:4px;
width:1px;background:var(--mw-c-accent);
}
body.page-id-188 .mw-clients__caption{
display:flex;flex-direction:column;gap:8px;
}
body.page-id-188 .mw-clients__pretitle{
font-family:Menlo,Consolas,"SF Mono",monospace;
font-size:11px;font-weight:600;
letter-spacing:2.8px;text-transform:uppercase;
color:var(--mw-c-accent);
display:block;line-height:1.3;
}
body.page-id-188 .mw-clients__meta{
font-family:Menlo,Consolas,"SF Mono",monospace;
font-size:12px;font-weight:500;
letter-spacing:0.4px;color:var(--mw-c-mute);
display:block;line-height:1.4;
}
body.page-id-188 .mw-clients__logos{ padding-left:32px !important; }
body.page-id-188 .mw-clients .ux-image img{
filter:grayscale(100%);opacity:0.7;
transition:opacity 0.25s ease,filter 0.25s ease;
}
body.page-id-188 .mw-clients .ux-image:hover img{
filter:grayscale(0);opacity:1;
}
/* ===== Closing CTA — Editorial Closing ===== */
body.page-id-188 .mw-cta{
position:relative;
background:#fff;
overflow:hidden;
}
body.page-id-188 .mw-cta::before{
content:"";
position:absolute;top:0;left:0;right:0;
height:320px;
background:linear-gradient(180deg,
rgba(248,249,251,0.85) 0%,
rgba(248,249,251,0.35) 35%,
rgba(248,249,251,0) 100%);
pointer-events:none;
z-index:0;
}
body.page-id-188 .mw-cta > .row,
body.page-id-188 .mw-cta > .row .col{
position:relative;
z-index:1;
}
body.page-id-188 .mw-cta__h{
font-family:'Montserrat',sans-serif;
font-weight:600;
font-size:2.2em;
line-height:1.2;
letter-spacing:.005em;
color:var(--mw-c-primary);
text-transform:none;
margin:0 auto 28px;
max-width:22ch;
text-align:center;
}
body.page-id-188 .mw-cta__lead{
font-family:'Montserrat',sans-serif;
font-size:1.05em;
line-height:1.72;
color:var(--mw-c-deep);
text-align:center;
max-width:620px;
margin:0 auto;
font-weight:400;
}
body.page-id-188 .mw-cta__action{ text-align:center; }
body.page-id-188 .mw-cta .button,
body.page-id-188 .mw-cta .button:visited{
background:var(--mw-c-primary) !important;
border:1.5px solid var(--mw-c-primary) !important;
color:#fff !important;
letter-spacing:.14em;
font-weight:600;
font-size:1em;
height:58px;
line-height:54px;
padding:0 40px;
text-shadow:none !important;
box-shadow:0 16px 32px -16px rgba(0,79,125,0.55);
transition:background-color .25s ease,transform .18s ease,box-shadow .25s ease;
}
body.page-id-188 .mw-cta .button > span,
body.page-id-188 .mw-cta .button > span.text{ color:#fff !important; }
body.page-id-188 .mw-cta .button:hover,
body.page-id-188 .mw-cta .button:focus{
background:var(--mw-c-deep) !important;
border-color:var(--mw-c-deep) !important;
color:#fff !important;
transform:translateY(-2px);
box-shadow:0 22px 38px -16px rgba(0,29,46,0.7);
}
/* ===== Vertikaler Rhythmus / Footer-Übergang ===== */
body.page-id-188 .section .row + .row{ margin-top:12px; }
body.page-id-188 .ww-h-mark{ margin-bottom:18px; }
body.page-id-188 #footer{ background-color:#fff; }
/* ===== Mobile-Tweaks ===== */
@media (max-width:849px){
body.page-id-188 .mw-hero__sub{ font-size:1em; }
body.page-id-188 .mw-intro__h{ font-size:1.5em; }
body.page-id-188 .mw-intro__lead{ font-size:1.04em; margin-bottom:36px; }
body.page-id-188 .mw-intro__tag{ padding:6px 14px; font-size:.74em; letter-spacing:.18em; }
body.page-id-188 .mw-intro__tags{ gap:4px 0; }
body.page-id-188 .mw-leistungen__h{ font-size:1.55em; }
body.page-id-188 .mw-stats__num{ font-size:2.8em; }
body.page-id-188 .mw-stats__cell{ padding:20px 14px; }
body.page-id-188 .mw-break .text-box{ width:86% !important; position-x:50%; position-y:50%; }
body.page-id-188 .mw-break__t{ font-size:1.5em; }
body.page-id-188 .mw-break__c{ font-size:.74em; letter-spacing:.18em; }
body.page-id-188 .mw-portfolio__h{ font-size:1.55em; }
body.page-id-188 .mw-aboutus__h{ font-size:1.85em; }
body.page-id-188 .mw-aboutus__body{ font-size:1.02em; margin-bottom:40px; }
body.page-id-188 .mw-aboutus__sig-text{ font-size:2.4em; }
body.page-id-188 .mw-aboutus__sig-text::before,
body.page-id-188 .mw-aboutus__sig-text::after{ width:14px; margin:0 8px; top:-4px; }
body.page-id-188 .mw-aboutus__signature::before,
body.page-id-188 .mw-aboutus__signature::after{ width:60px; }
body.page-id-188 .mw-clients__head{ padding-left:0 !important; text-align:center; margin-bottom:24px; }
body.page-id-188 .mw-clients__head::before{ display:none; }
body.page-id-188 .mw-clients__caption{ align-items:center; gap:6px; }
body.page-id-188 .mw-clients__logos{ padding-left:0 !important; }
body.page-id-188 .mw-cta__h{ font-size:1.55em; max-width:18ch; }
body.page-id-188 .mw-cta__lead{ font-size:.98em; }
body.page-id-188 .mw-cta .button{ height:52px; line-height:48px; padding:0 30px; font-size:.95em; }
}
@media (max-width:549px){
body.page-id-188 .mw-stats__num{ font-size:2.4em; }
body.page-id-188 .mw-stats__lbl{ font-size:10px; letter-spacing:2px; }
body.page-id-188 .mw-clients__pretitle{ font-size:10px; letter-spacing:2.4px; }
body.page-id-188 .mw-clients__meta{ font-size:11.5px; }
body.page-id-188 .col.mw-pillar > .col-inner{ padding:24px 22px 22px; }
}
/* === /Medienwetter === */
/* === Hero → erste Inhalts-Section: einheitlicher Abstand ===
Gilt für alle Seiten mit class="ww-hero" auf der Hero-Section.
Eine Stelle, ein Wert. Wer's später anders will: hier den Wert ändern. */
.section.ww-hero + .section{
padding-top: 100px !important;
}
@media (max-width: 849px){
.section.ww-hero + .section{ padding-top: 60px !important; }
}
/* === Hero-Overlay: Gradient statt Flat (site-weit, 2026-08-20) ===
Ersetzt die flachen bg_overlay-Werte (0.5-0.62) ALLER ww-hero-Sections
durch einen leichten Verlauf — die Bilder tragen, Lesbarkeit sichert
das text-shadow-Netz darunter (Abnahme Tordsen am Startseiten-Slider,
dann site-weit vereinheitlicht). !important noetig gegen die von
Flatsome pro Banner generierte ID-Regel. Deckt ux_banner (.overlay)
und Section-Overlays (.section-bg-overlay) ab; Heroes OHNE bg_overlay
rendern kein Overlay-Element und bleiben unberuehrt. */
.ww-hero .overlay,
.ww-hero .section-bg-overlay{
background: linear-gradient(180deg,
rgba(0,29,46,.04) 0%,
rgba(0,29,46,.10) 40%,
rgba(0,29,46,.28) 70%,
rgba(0,29,46,.36) 100%) !important;
}
/* Lesbarkeits-Netz: text-shadow vererbt sich auf alle Hero-Texte. */
.ww-hero .text-box,
.ww-hero .section-content{
text-shadow:0 2px 20px rgba(0,10,20,.55), 0 1px 4px rgba(0,10,20,.35);
}
/* ======================================================
Pages 1093 + 1854 - METEO MONITOR (V3)
====================================================== */
body:is(.page-id-1093,.page-id-1854){
--mm-c-primary:#004f7d;
--mm-c-primary-mid:#0d6b99;
--mm-c-accent:#f8ad00;
--mm-c-deep:#102b3d;
--mm-c-navy:#072f47;
--mm-c-mute:#607484;
--mm-c-paper:#f3f7fa;
--mm-c-line:rgba(0,29,46,.10);
--mm-c-line-strong:rgba(0,29,46,.18);
}
body:is(.page-id-1093,.page-id-1854) .mm-anchor{
position:relative;top:-96px;display:block;width:1px;height:1px;visibility:hidden;
}
body:is(.page-id-1093,.page-id-1854) .mm-hero{position:relative;}
body:is(.page-id-1093,.page-id-1854) .mm-hero::after{
content:"";position:absolute;left:50%;bottom:34px;width:48px;height:1px;
background:var(--mm-c-accent);transform:translateX(-50%);opacity:.9;z-index:2;
}
body:is(.page-id-1093,.page-id-1854) .mm-hero__eyebrow{
display:inline-block;position:relative;margin:0 0 22px;padding:0 56px;
color:var(--mm-c-accent);font-family:'Montserrat',sans-serif;font-size:.78em;
font-weight:700;letter-spacing:.28em;text-transform:uppercase;
}
body:is(.page-id-1093,.page-id-1854) .mm-hero__eyebrow::before,
body:is(.page-id-1093,.page-id-1854) .mm-hero__eyebrow::after{
content:"";position:absolute;top:50%;width:38px;height:1px;background:var(--mm-c-accent);
}
body:is(.page-id-1093,.page-id-1854) .mm-hero__eyebrow::before{left:0;}
body:is(.page-id-1093,.page-id-1854) .mm-hero__eyebrow::after{right:0;}
body:is(.page-id-1093,.page-id-1854) .mm-hero__h{
margin:0 0 24px;color:#fff;font-family:'Montserrat',sans-serif;font-weight:750;
letter-spacing:.025em;line-height:1.1;text-shadow:0 3px 26px rgba(0,29,46,.48);
}
body:is(.page-id-1093,.page-id-1854) .mm-hero__sub{
max-width:760px;margin:0 auto;color:rgba(255,255,255,.94);font-family:'Montserrat',sans-serif;
font-size:1.06em;font-weight:350;line-height:1.65;
}
body:is(.page-id-1093,.page-id-1854) .mm-hero__actions{
display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px;
}
body:is(.page-id-1093,.page-id-1854) .mm-hero__cta{
margin:0!important;border-radius:10px!important;background:var(--mm-c-accent)!important;
color:var(--mm-c-deep)!important;font-family:'Montserrat',sans-serif!important;font-weight:700!important;
letter-spacing:.04em!important;
}
body:is(.page-id-1093,.page-id-1854) .mm-hero__cta:hover{background:#ffc13a!important;}
body:is(.page-id-1093,.page-id-1854) .mm-hero__cta--ghost{
background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.72)!important;
}
body:is(.page-id-1093,.page-id-1854) .mm-hero__cta--ghost:hover{background:rgba(255,255,255,.17)!important;}
body:is(.page-id-1093,.page-id-1854) .mm-lede__h h2,
body:is(.page-id-1093,.page-id-1854) .mm-flow__h h2,
body:is(.page-id-1093,.page-id-1854) .mm-features__h h2,
body:is(.page-id-1093,.page-id-1854) .mm-aud__h h2,
body:is(.page-id-1093,.page-id-1854) .mm-partner__h h2,
body:is(.page-id-1093,.page-id-1854) .mm-video__h h2,
body:is(.page-id-1093,.page-id-1854) .mm-contact__h h2{
max-width:26ch;margin:0 auto 22px;color:var(--mm-c-primary);font-family:'Montserrat',sans-serif;
font-weight:750;letter-spacing:.002em;line-height:1.17;
}
body:is(.page-id-1093,.page-id-1854) .mm-overview__h h2,
body:is(.page-id-1093,.page-id-1854) .mm-gallery__h h2{
max-width:28ch;margin:0 auto 22px;color:#fff;font-family:'Montserrat',sans-serif;
font-weight:750;letter-spacing:.002em;line-height:1.17;
}
body:is(.page-id-1093,.page-id-1854) .mm-lede__h em{
color:var(--mm-c-accent);font-family:'Dancing Script',cursive;font-size:1.28em;
font-style:normal;font-weight:600;letter-spacing:-.01em;
}
body:is(.page-id-1093,.page-id-1854) .mm-section__eyebrow,
body:is(.page-id-1093,.page-id-1854) .mm-partner__sub,
body:is(.page-id-1093,.page-id-1854) .mm-gallery__sub{
max-width:760px;margin:0 auto 58px;color:var(--mm-c-mute);font-family:'Montserrat',sans-serif;
font-size:.78em;font-weight:650;letter-spacing:.2em;line-height:1.6;text-align:center;text-transform:uppercase;
}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__sub{color:rgba(255,255,255,.68);}
body:is(.page-id-1093,.page-id-1854) .mm-lede .ww-h-mark,
body:is(.page-id-1093,.page-id-1854) .mm-features .ww-h-mark,
body:is(.page-id-1093,.page-id-1854) .mm-aud .ww-h-mark,
body:is(.page-id-1093,.page-id-1854) .mm-partner .ww-h-mark,
body:is(.page-id-1093,.page-id-1854) .mm-overview .ww-h-mark,
body:is(.page-id-1093,.page-id-1854) .mm-gallery .ww-h-mark{margin:0 auto 28px;}
body:is(.page-id-1093,.page-id-1854) .mm-lede{background:#fff;}
body:is(.page-id-1093,.page-id-1854) .mm-lede__col p{
color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:1.03em;line-height:1.78;
}
body:is(.page-id-1093,.page-id-1854) .mm-lede__col p + p{margin-top:1em;}
body:is(.page-id-1093,.page-id-1854) .mm-flow{background:var(--mm-c-paper);border-top:1px solid var(--mm-c-line);}
body:is(.page-id-1093,.page-id-1854) .mm-flow__mark{margin:0 0 26px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-flow__h h2{max-width:18ch;margin-left:0;text-align:left;}
body:is(.page-id-1093,.page-id-1854) .mm-flow__intro{
margin:0 0 30px;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:1em;line-height:1.7;
}
body:is(.page-id-1093,.page-id-1854) .mm-flow__steps{list-style:none;margin:0;padding:0;}
body:is(.page-id-1093,.page-id-1854) .mm-flow__steps li{
display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--mm-c-line);
}
body:is(.page-id-1093,.page-id-1854) .mm-flow__steps li:last-child{border-bottom:1px solid var(--mm-c-line);}
body:is(.page-id-1093,.page-id-1854) .mm-flow__steps li>span{
padding-top:2px;color:var(--mm-c-accent);font-family:'Montserrat',sans-serif;font-size:.74em;
font-weight:750;letter-spacing:.22em;
}
body:is(.page-id-1093,.page-id-1854) .mm-flow__steps strong{
display:block;margin-bottom:3px;color:var(--mm-c-primary);font-family:'Montserrat',sans-serif;font-size:1em;
}
body:is(.page-id-1093,.page-id-1854) .mm-flow__steps p{
margin:0;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:.91em;line-height:1.55;
}
body:is(.page-id-1093,.page-id-1854) .mm-flow__visual{padding-left:32px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-media .img-inner{
overflow:hidden;border:1px solid rgba(0,79,125,.12);border-radius:15px;background:#fff;
box-shadow:0 24px 58px -34px rgba(0,29,46,.42);
}
body:is(.page-id-1093,.page-id-1854) .mm-media img{display:block;width:100%;height:auto;}
body:is(.page-id-1093,.page-id-1854) .mm-media__caption{
margin:16px auto 0;color:var(--mm-c-mute);font-family:'Montserrat',sans-serif;font-size:.82em;line-height:1.55;text-align:center;
}
body:is(.page-id-1093,.page-id-1854) .mm-overview{
background:var(--mm-c-navy);position:relative;overflow:hidden;
}
body:is(.page-id-1093,.page-id-1854) .mm-overview::before{
content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(43,134,184,.25),transparent 56%);pointer-events:none;
}
body:is(.page-id-1093,.page-id-1854) .mm-overview>.row{position:relative;z-index:1;}
body:is(.page-id-1093,.page-id-1854) .mm-overview__head{margin-bottom:44px;}
body:is(.page-id-1093,.page-id-1854) .mm-overview__sub{
max-width:750px;margin:0 auto;color:rgba(255,255,255,.76);font-family:'Montserrat',sans-serif;font-size:1em;line-height:1.7;
}
body:is(.page-id-1093,.page-id-1854) .mm-overview__image .img-inner{
border:6px solid rgba(255,255,255,.95);box-shadow:0 34px 78px -32px rgba(0,0,0,.72);
}
body:is(.page-id-1093,.page-id-1854) .mm-overview__points{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;
}
body:is(.page-id-1093,.page-id-1854) .mm-overview__points>div{
padding:20px 22px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);
}
body:is(.page-id-1093,.page-id-1854) .mm-overview__points span{
display:block;margin-bottom:8px;color:var(--mm-c-accent);font-family:'Montserrat',sans-serif;font-size:.7em;font-weight:750;letter-spacing:.22em;
}
body:is(.page-id-1093,.page-id-1854) .mm-overview__points strong{
display:block;margin-bottom:4px;color:#fff;font-family:'Montserrat',sans-serif;font-size:1em;
}
body:is(.page-id-1093,.page-id-1854) .mm-overview__points p{
margin:0;color:rgba(255,255,255,.7);font-family:'Montserrat',sans-serif;font-size:.86em;line-height:1.5;
}
body:is(.page-id-1093,.page-id-1854) .mm-features{background:var(--mm-c-paper);}
body:is(.page-id-1093,.page-id-1854) .mm-features__head{margin-bottom:8px;}
body:is(.page-id-1093,.page-id-1854) .mm-features__grid{row-gap:18px;}
body:is(.page-id-1093,.page-id-1854) .mm-feature,
body:is(.page-id-1093,.page-id-1854) .mm-feature>.col-inner{display:flex;flex-direction:column;}
body:is(.page-id-1093,.page-id-1854) .mm-feature__card{
display:flex;flex:1;flex-direction:column;overflow:hidden;border:1px solid var(--mm-c-line);
border-radius:14px;background:#fff;box-shadow:0 18px 46px -32px rgba(0,29,46,.34);
transition:transform .3s ease,box-shadow .3s ease;
}
body:is(.page-id-1093,.page-id-1854) .mm-feature__card:hover{
transform:translateY(-5px);box-shadow:0 28px 54px -28px rgba(0,79,125,.36);
}
body:is(.page-id-1093,.page-id-1854) .mm-feature__image{margin:0!important;}
body:is(.page-id-1093,.page-id-1854) .mm-feature__image .img-inner{
aspect-ratio:3/2;overflow:hidden;background:#eaf1f5;
}
body:is(.page-id-1093,.page-id-1854) .mm-feature__image img{
width:100%;height:100%;object-fit:cover;transition:transform .45s ease;
}
body:is(.page-id-1093,.page-id-1854) .mm-feature__card:hover .mm-feature__image img{transform:scale(1.015);}
body:is(.page-id-1093,.page-id-1854) .mm-feature__body{position:relative;flex:1;padding:26px 28px 30px;border-top:3px solid var(--mm-c-accent);}
body:is(.page-id-1093,.page-id-1854) .mm-feature__body>span{
display:block;margin-bottom:8px;color:var(--mm-c-accent);font-family:'Montserrat',sans-serif;font-size:.72em;font-weight:750;letter-spacing:.28em;
}
body:is(.page-id-1093,.page-id-1854) .mm-feature__body h3{
margin:0 0 10px;color:var(--mm-c-primary);font-family:'Montserrat',sans-serif;font-size:1.3em;font-weight:750;line-height:1.25;
}
body:is(.page-id-1093,.page-id-1854) .mm-feature__body p{
margin:0;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:.94em;line-height:1.65;
}
body:is(.page-id-1093,.page-id-1854) .mm-aud{background:#fff;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__head{margin-bottom:6px;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__row{margin-bottom:18px;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__row:last-child{margin-bottom:0;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__col,
body:is(.page-id-1093,.page-id-1854) .mm-aud__col>.col-inner{display:flex;flex-direction:column;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__col>.col-inner{flex:1;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__card{
display:flex;flex:1;flex-direction:column;overflow:hidden;border-radius:14px;background:#fff;
box-shadow:0 18px 44px -30px rgba(0,29,46,.34);transition:transform .3s ease,box-shadow .3s ease;
}
body:is(.page-id-1093,.page-id-1854) .mm-aud__card:hover{transform:translateY(-5px);box-shadow:0 28px 52px -26px rgba(0,79,125,.35);}
body:is(.page-id-1093,.page-id-1854) .mm-aud__img{width:100%;aspect-ratio:4/3;margin:0!important;overflow:hidden;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__img .img,
body:is(.page-id-1093,.page-id-1854) .mm-aud__img .img-inner{height:100%;margin:0!important;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__card:hover .mm-aud__img img{transform:scale(1.04);}
body:is(.page-id-1093,.page-id-1854) .mm-aud__body{position:relative;display:flex;flex:1;flex-direction:column;padding:24px 28px 28px;border-top:3px solid var(--mm-c-accent);}
body:is(.page-id-1093,.page-id-1854) .mm-aud__num{margin-bottom:7px;color:var(--mm-c-accent);font-family:'Montserrat',sans-serif;font-size:.72em;font-weight:750;letter-spacing:.28em;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__body h3{margin:0 0 7px;color:var(--mm-c-primary);font-family:'Montserrat',sans-serif;font-size:1.45em;font-weight:750;line-height:1.2;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__body p{margin:0;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:.92em;line-height:1.6;}
body:is(.page-id-1093,.page-id-1854) .mm-quote{
position:relative;overflow:hidden;border-top:1px solid var(--mm-c-line);border-bottom:1px solid var(--mm-c-line);background:#f8fafc;
}
body:is(.page-id-1093,.page-id-1854) .mm-quote__avatar{max-width:200px;margin:0 auto 22px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-quote__avatar img{
width:100%;height:auto;border-radius:50%;box-shadow:0 0 0 5px #f8fafc,0 0 0 6px var(--mm-c-accent),0 22px 48px -22px rgba(0,29,46,.28);
}
body:is(.page-id-1093,.page-id-1854) .mm-quote__sig-text{margin-bottom:6px;color:var(--mm-c-primary);font-family:'Dancing Script',cursive;font-size:2.35em;font-weight:600;line-height:1;}
body:is(.page-id-1093,.page-id-1854) .mm-quote__sig-meta{color:var(--mm-c-mute);font-family:'Montserrat',sans-serif;font-size:.73em;font-weight:600;letter-spacing:.2em;text-transform:uppercase;}
body:is(.page-id-1093,.page-id-1854) .mm-quote__col{position:relative;padding-left:32px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-quote__col::before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:2px;background:var(--mm-c-accent);}
body:is(.page-id-1093,.page-id-1854) .mm-quote__body{margin:0;padding:0;border:0;color:var(--mm-c-primary);font-family:'Montserrat',sans-serif;font-size:1.25em;font-style:italic;font-weight:500;line-height:1.66;text-align:left;}
body:is(.page-id-1093,.page-id-1854) .mm-video{background:#fff;}
body:is(.page-id-1093,.page-id-1854) .mm-video__copy{padding-right:34px;}
body:is(.page-id-1093,.page-id-1854) .mm-video__mark{margin:0 0 28px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-video__h h2{max-width:18ch;margin-left:0;text-align:left;}
body:is(.page-id-1093,.page-id-1854) .mm-video__lead{
margin:0 0 18px;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:1.04em;font-weight:500;line-height:1.72;
}
body:is(.page-id-1093,.page-id-1854) .mm-video__text{
margin:0 0 30px;color:var(--mm-c-mute);font-family:'Montserrat',sans-serif;font-size:.95em;line-height:1.68;
}
body:is(.page-id-1093,.page-id-1854) .mm-video__facts{border-top:1px solid var(--mm-c-line);}
body:is(.page-id-1093,.page-id-1854) .mm-video__facts span{
display:grid;grid-template-columns:142px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--mm-c-line);
color:var(--mm-c-mute);font-family:'Montserrat',sans-serif;font-size:.82em;line-height:1.45;
}
body:is(.page-id-1093,.page-id-1854) .mm-video__facts strong{color:var(--mm-c-primary);font-weight:750;}
body:is(.page-id-1093,.page-id-1854) .mm-video__visual{padding-left:34px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-video__frame{
overflow:hidden;border:6px solid #fff;border-radius:16px;background:var(--mm-c-navy);
box-shadow:0 30px 70px -34px rgba(0,29,46,.55);
}
body:is(.page-id-1093,.page-id-1854) .mm-video__embed{margin:0!important;background:var(--mm-c-navy);}
body:is(.page-id-1093,.page-id-1854) .mm-video__embed iframe,
body:is(.page-id-1093,.page-id-1854) .mm-video__embed .cmplz-blocked-content-container{border:0;border-radius:10px;}
body:is(.page-id-1093,.page-id-1854) .mm-video__note{
margin:14px 0 0;color:var(--mm-c-mute);font-family:'Montserrat',sans-serif;font-size:.78em;line-height:1.5;text-align:center;
}
body:is(.page-id-1093,.page-id-1854) .mm-gallery{background:var(--mm-c-navy);}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__head{margin-bottom:42px;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__frame .slider{
overflow:hidden;border:6px solid #fff;border-radius:15px;background:#eef3f6;box-shadow:0 34px 78px -34px rgba(0,0,0,.72);
}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__slide{background:#eef3f6;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__slide .bg{background-size:contain!important;background-repeat:no-repeat!important;background-color:#eef3f6!important;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__caption{
padding-bottom:18px!important;background:rgba(255,255,255,.96)!important;border-top:3px solid var(--mm-c-accent);
}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__caption h4{margin:13px 0 2px;color:var(--mm-c-primary);font-family:'Montserrat',sans-serif;font-size:.95em;font-weight:750;letter-spacing:.14em;text-transform:uppercase;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__caption p{margin:0 0 18px;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:.84em;line-height:1.4;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__frame .flickity-page-dots{bottom:7px;}
body:is(.page-id-1093,.page-id-1854) .mm-partner{border-top:1px solid var(--mm-c-line);border-bottom:1px solid var(--mm-c-line);background:#f8fafc;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__head{margin-bottom:0;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__logo,
body:is(.page-id-1093,.page-id-1854) .mm-partner__logo .img,
body:is(.page-id-1093,.page-id-1854) .mm-partner__logo .img-inner{width:200px!important;max-width:200px!important;margin-right:auto!important;margin-left:auto!important;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__logo{margin-bottom:20px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__lead{max-width:760px;margin:0 auto 36px;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:1em;line-height:1.68;text-align:center;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:30px;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__pill{flex:1 1 220px;max-width:285px;padding:22px;border-top:3px solid var(--mm-c-accent);border-radius:11px;background:#fff;box-shadow:0 16px 38px -28px rgba(0,29,46,.3);text-align:left;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__pill-num{display:block;margin-bottom:8px;color:var(--mm-c-accent);font-family:'Montserrat',sans-serif;font-size:.7em;font-weight:750;letter-spacing:.28em;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__pill strong{display:block;margin-bottom:5px;color:var(--mm-c-primary);font-family:'Montserrat',sans-serif;font-size:1em;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__pill-meta{display:block;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:.88em;line-height:1.5;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__cta{border-color:var(--mm-c-primary)!important;color:var(--mm-c-primary)!important;font-family:'Montserrat',sans-serif!important;}
body:is(.page-id-1093,.page-id-1854) .mm-partner__cta:hover{background:var(--mm-c-primary)!important;color:#fff!important;}
body:is(.page-id-1093,.page-id-1854) .mm-contact{background:#fff;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__intro{padding-right:34px;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__mark{margin:0 0 28px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__h h2{max-width:19ch;margin-left:0;text-align:left;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__sub{margin:0 0 34px;color:var(--mm-c-deep);font-family:'Montserrat',sans-serif;font-size:1em;line-height:1.72;text-align:left;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__quick{margin:0;padding:0;border-top:1px solid var(--mm-c-line);list-style:none;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__quick li{display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--mm-c-line);font-family:'Montserrat',sans-serif;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__qkey{flex:0 0 105px;color:var(--mm-c-accent);font-size:.7em;font-weight:750;letter-spacing:.2em;text-transform:uppercase;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__qval{color:var(--mm-c-primary);font-size:.96em;font-weight:600;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__form{padding:42px 38px 38px;border-top:3px solid var(--mm-c-accent);border-radius:14px;background:var(--mm-c-paper);box-shadow:0 24px 52px -30px rgba(0,29,46,.28);}
body:is(.page-id-1093,.page-id-1854) .mm-contact__form input[type="text"],
body:is(.page-id-1093,.page-id-1854) .mm-contact__form input[type="email"],
body:is(.page-id-1093,.page-id-1854) .mm-contact__form input[type="tel"],
body:is(.page-id-1093,.page-id-1854) .mm-contact__form textarea{border:1px solid var(--mm-c-line-strong);border-radius:8px;background:#fff;font-family:'Montserrat',sans-serif;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__form input[type="submit"]{padding:14px 30px;border:0;border-radius:10px;background:var(--mm-c-primary)!important;color:#fff!important;font-family:'Montserrat',sans-serif!important;font-weight:650;letter-spacing:.06em;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__form input[type="submit"]:hover{background:var(--mm-c-accent)!important;color:var(--mm-c-deep)!important;}
@media (max-width:849px){
body:is(.page-id-1093,.page-id-1854) .mm-hero__eyebrow{padding:0 26px;font-size:.66em;letter-spacing:.18em;}
body:is(.page-id-1093,.page-id-1854) .mm-hero__eyebrow::before,
body:is(.page-id-1093,.page-id-1854) .mm-hero__eyebrow::after{width:16px;}
body:is(.page-id-1093,.page-id-1854) .mm-hero__sub{font-size:.94em;line-height:1.55;}
body:is(.page-id-1093,.page-id-1854) .mm-hero__actions{gap:8px;margin-top:26px;}
body:is(.page-id-1093,.page-id-1854) .mm-hero__cta{width:100%;max-width:300px;}
body:is(.page-id-1093,.page-id-1854) .mm-section__eyebrow,
body:is(.page-id-1093,.page-id-1854) .mm-partner__sub,
body:is(.page-id-1093,.page-id-1854) .mm-gallery__sub{margin-bottom:38px;font-size:.7em;letter-spacing:.14em;}
body:is(.page-id-1093,.page-id-1854) .mm-flow__visual{padding-top:40px!important;padding-left:15px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-overview__points{grid-template-columns:1fr;gap:10px;}
body:is(.page-id-1093,.page-id-1854) .mm-feature__body{padding:22px 22px 25px;}
body:is(.page-id-1093,.page-id-1854) .mm-feature__body h3{font-size:1.18em;}
body:is(.page-id-1093,.page-id-1854) .mm-aud__body{padding:22px 23px 25px;}
body:is(.page-id-1093,.page-id-1854) .mm-quote__col{margin-top:36px;padding-left:15px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-quote__col::before{display:none;}
body:is(.page-id-1093,.page-id-1854) .mm-quote__body{font-size:1.06em;text-align:center;}
body:is(.page-id-1093,.page-id-1854) .mm-video__copy{padding-right:15px;}
body:is(.page-id-1093,.page-id-1854) .mm-video__visual{margin-top:42px;padding-left:15px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-video__facts span{grid-template-columns:120px 1fr;}
body:is(.page-id-1093,.page-id-1854) .mm-video__frame{border-width:3px;border-radius:11px;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__frame .slider{border-width:3px;border-radius:10px;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__caption h4{font-size:.78em;letter-spacing:.08em;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__caption p{display:none;}
body:is(.page-id-1093,.page-id-1854) .mm-gallery__caption{padding-bottom:22px!important;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__intro{padding-right:15px;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__form{margin-top:38px;padding:30px 22px 26px;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__quick li{display:block;}
body:is(.page-id-1093,.page-id-1854) .mm-contact__qkey{display:block;margin-bottom:4px;}
}
/* === /METEO MONITOR === */
/* === METEO TRACKER (Page 1249) === */
body:is(.page-id-1249,.page-id-1856){
--mt-primary:#00507d;
--mt-primary-deep:#00334f;
--mt-primary-dark:#00283e;
--mt-primary-mid:#0c739f;
--mt-accent:#f4aa00;
--mt-text:#182b39;
--mt-muted:#607483;
--mt-paper:#f4f7fa;
--mt-line:#dbe5ec;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero{ position:relative; }
body:is(.page-id-1249,.page-id-1856) .mt-brand{
position:relative;
z-index:1;
width:100%;
margin-right:auto;
margin-left:auto;
}
body:is(.page-id-1249,.page-id-1856) .mt-brand .img-inner{
overflow:visible;
background:transparent;
}
body:is(.page-id-1249,.page-id-1856) .mt-brand img{
display:block;
width:100%;
height:auto;
filter:drop-shadow(0 12px 24px rgba(0,25,42,.22));
}
body:is(.page-id-1249,.page-id-1856) .mt-brand--close{
max-width:72px;
margin-bottom:18px;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero__eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
gap:14px;
margin:0 0 28px;
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:.78em;
font-weight:700;
letter-spacing:.31em;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero__eyebrow::before,
body:is(.page-id-1249,.page-id-1856) .mt-hero__eyebrow::after{
content:"";
width:38px;
height:1px;
background:currentColor;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero__h{
margin:0 0 21px;
color:#fff;
font-family:'Montserrat',sans-serif;
font-weight:750;
line-height:1.02;
letter-spacing:.035em;
text-transform:uppercase;
text-shadow:0 4px 24px rgba(0,0,0,.18);
}
body:is(.page-id-1249,.page-id-1856) .mt-lede__h-script{
display:inline-block;
margin-left:.12em;
color:var(--mt-accent);
font-family:'Dancing Script',cursive;
font-size:1.2em;
font-style:normal;
font-weight:600;
line-height:.9;
letter-spacing:-.025em;
text-transform:none;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero__sub{
max-width:760px;
margin:0 auto 36px;
color:rgba(255,255,255,.96);
font-family:'Montserrat',sans-serif;
font-size:1.05em;
font-weight:400;
line-height:1.55;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero__cta{ display:flex; justify-content:center; }
body:is(.page-id-1249,.page-id-1856) .mt-hero__cta .button,
body:is(.page-id-1249,.page-id-1856) .mt-close__cta .button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:0 28px;
border:0;
border-radius:8px;
background:var(--mt-accent) !important;
color:#123143 !important;
font-size:15px;
font-weight:800;
line-height:1.2;
letter-spacing:.025em;
box-shadow:0 12px 30px rgba(0,0,0,.12);
}
body:is(.page-id-1249,.page-id-1856) .mt-lede{ background:#fff; }
body:is(.page-id-1249,.page-id-1856) .mt-lede__rule{
width:44px;
height:3px;
margin:0 auto 27px;
background:var(--mt-accent);
}
body:is(.page-id-1249,.page-id-1856) .mt-lede__h,
body:is(.page-id-1249,.page-id-1856) .mt-flow__title,
body:is(.page-id-1249,.page-id-1856) .mt-close__h{
margin:0 auto 18px;
color:var(--mt-primary);
font-family:'Montserrat',sans-serif;
font-size:2.65em;
font-weight:700;
line-height:1.12;
letter-spacing:-.025em;
}
body:is(.page-id-1249,.page-id-1856) .mt-lede__h{ max-width:760px; }
body:is(.page-id-1249,.page-id-1856) .mt-lede__intro{
max-width:780px;
margin:0 auto;
color:var(--mt-text);
font-size:1.12em;
line-height:1.72;
}
body:is(.page-id-1249,.page-id-1856) .mt-lede__facts{
display:flex;
justify-content:center;
gap:0;
margin:40px 0 0;
padding:0;
color:var(--mt-primary-mid);
font-family:'Montserrat',sans-serif;
font-size:.75em;
font-weight:800;
letter-spacing:.105em;
list-style:none;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-lede__facts li{ position:relative; padding:0 24px; }
body:is(.page-id-1249,.page-id-1856) .mt-lede__facts li::before{
content:"";
position:absolute;
left:0;
top:50%;
width:4px;
height:4px;
border-radius:50%;
background:var(--mt-accent);
transform:translate(-50%,-50%);
}
body:is(.page-id-1249,.page-id-1856) .mt-flow{ background:var(--mt-paper); }
body:is(.page-id-1249,.page-id-1856) .mt-flow__head{ margin-bottom:82px; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__eyebrow,
body:is(.page-id-1249,.page-id-1856) .mt-active__eyebrow,
body:is(.page-id-1249,.page-id-1856) .mt-close__eyebrow{
margin:0 0 15px;
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:.75em;
font-weight:800;
letter-spacing:.24em;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__title{ max-width:800px; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__row{
align-items:center;
margin-bottom:98px !important;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__row:last-child{ margin-bottom:0 !important; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__row--visual-right{ flex-direction:row; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__row--visual-left{ flex-direction:row-reverse; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__copy > .col-inner{ max-width:470px; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__step{
display:block;
margin-bottom:10px;
color:rgba(0,80,125,.22);
font-family:'Montserrat',sans-serif;
font-size:2.75em;
font-weight:850;
line-height:1;
letter-spacing:-.04em;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__tag{
display:block;
margin:0 0 14px;
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:.75em;
font-weight:800;
letter-spacing:.19em;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__h{
margin:0 0 18px;
color:var(--mt-primary);
font-family:'Montserrat',sans-serif;
font-size:2.2em;
font-weight:700;
line-height:1.16;
letter-spacing:-.02em;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__p{
margin:0;
color:var(--mt-text);
font-size:1.06em;
line-height:1.72;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__img .img-inner{
overflow:hidden;
border:1px solid rgba(0,80,125,.12);
border-radius:12px;
background:#eaf0f4;
box-shadow:0 26px 60px -38px rgba(0,42,66,.55);
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__img img{
width:100%;
height:auto;
object-fit:contain;
}
body:is(.page-id-1249,.page-id-1856) .mt-basis{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:0;
margin-top:26px;
padding-top:20px;
border-top:1px solid var(--mt-line);
}
body:is(.page-id-1249,.page-id-1856) .mt-basis div + div{
padding-left:15px;
border-left:1px solid var(--mt-line);
}
body:is(.page-id-1249,.page-id-1856) .mt-basis strong,
body:is(.page-id-1249,.page-id-1856) .mt-basis span{ display:block; }
body:is(.page-id-1249,.page-id-1856) .mt-basis strong{
color:var(--mt-primary);
font-size:1.3em;
font-weight:850;
}
body:is(.page-id-1249,.page-id-1856) .mt-basis span{
margin-top:3px;
color:var(--mt-muted);
font-size:.62em;
font-weight:750;
letter-spacing:.045em;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-basis__source{
margin:10px 0 0;
color:var(--mt-muted);
font-size:.75em;
}
/* Economic routing sales section */
body:is(.page-id-1249,.page-id-1856) .mt-econ{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 88% 12%,rgba(12,115,159,.32),transparent 27%),
radial-gradient(circle at 8% 92%,rgba(244,170,0,.10),transparent 24%),
linear-gradient(145deg,var(--mt-primary-dark) 0%,var(--mt-primary-deep) 54%,#00466c 100%);
color:#fff;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
background-size:46px 46px;
pointer-events:none;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ > .section-content{
position:relative;
z-index:1;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__head{ max-width:960px; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__eyebrow{
display:inline-flex;
align-items:center;
gap:14px;
margin:0 0 18px;
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:.75em;
font-weight:800;
letter-spacing:.24em;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__eyebrow::before{
content:"";
width:34px;
height:1px;
background:currentColor;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__title{
max-width:900px;
margin:0 auto 24px;
color:#fff;
font-family:'Montserrat',sans-serif;
font-size:3.05em;
font-weight:720;
line-height:1.08;
letter-spacing:-.03em;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__lead{
max-width:870px;
margin:0 auto;
color:rgba(255,255,255,.83);
font-size:1.1em;
line-height:1.72;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__grid{
margin-top:58px !important;
row-gap:18px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__card-col > .col-inner{ height:100%; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__card{
display:grid;
grid-template-columns:48px minmax(0,1fr);
gap:22px;
height:100%;
min-height:188px;
padding:30px 32px;
border:1px solid rgba(255,255,255,.11);
border-radius:13px;
background:rgba(255,255,255,.065);
box-shadow:0 20px 46px -34px rgba(0,0,0,.62);
backdrop-filter:blur(2px);
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__num{
display:block;
padding-top:3px;
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:1.4em;
font-weight:750;
line-height:1;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__card h3{
margin:0 0 12px;
color:#fff;
font-family:'Montserrat',sans-serif;
font-size:1.32em;
font-weight:700;
line-height:1.22;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__card p{
margin:0;
color:rgba(255,255,255,.75);
font-size:.95em;
line-height:1.62;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result-row{ margin-top:32px !important; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__result{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:48px;
padding:37px 40px 34px;
border-top:4px solid var(--mt-accent);
border-radius:13px;
background:#fff;
color:var(--mt-text);
box-shadow:0 26px 58px -38px rgba(0,0,0,.7);
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result-copy > span{
display:block;
margin-bottom:8px;
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:.68em;
font-weight:800;
letter-spacing:.2em;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result h3{
margin:0 0 9px;
color:var(--mt-primary-deep);
font-family:'Montserrat',sans-serif;
font-size:1.85em;
font-weight:750;
line-height:1.15;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result p{
max-width:670px;
margin:0;
color:var(--mt-muted);
font-size:.96em;
line-height:1.58;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result ul{
display:flex;
gap:22px;
margin:18px 0 0;
padding:0;
color:var(--mt-primary-mid);
font-family:'Montserrat',sans-serif;
font-size:.7em;
font-weight:800;
letter-spacing:.1em;
list-style:none;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result li{
position:relative;
padding-left:13px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result li::before{
content:"";
position:absolute;
left:0;
top:.5em;
width:4px;
height:4px;
border-radius:50%;
background:var(--mt-accent);
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__modes{
display:grid;
grid-template-columns:repeat(2,126px);
gap:10px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__modes > span{
display:flex;
flex-direction:column;
justify-content:center;
min-height:92px;
padding:16px;
border:1px solid var(--mt-line);
border-radius:9px;
background:var(--mt-paper);
text-align:center;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__modes strong{
color:var(--mt-primary);
font-family:'Montserrat',sans-serif;
font-size:1.22em;
font-weight:850;
letter-spacing:.06em;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__modes small{
margin-top:5px;
color:var(--mt-muted);
font-size:.66em;
font-weight:700;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__outcome{
margin:25px 0 0;
color:rgba(255,255,255,.82);
font-size:1.02em;
line-height:1.6;
text-align:center;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__outcome strong{
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
}
@media (max-width:849px){
body:is(.page-id-1249,.page-id-1856) .mt-econ__title{ font-size:2.55em; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__card{ min-height:210px; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__result{
grid-template-columns:1fr;
gap:28px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__modes{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:549px){
body:is(.page-id-1249,.page-id-1856) .mt-econ__eyebrow{
gap:10px;
font-size:.65em;
letter-spacing:.18em;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__eyebrow::before{ width:24px; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__title{ font-size:1.94em; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__lead{
font-size:1em;
line-height:1.66;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__grid{
margin-top:42px !important;
row-gap:12px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__card{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
min-height:0;
padding:24px 20px;
border-radius:10px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__num{ font-size:1.08em; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__card h3{ font-size:1.15em; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__card p{
font-size:.9em;
line-height:1.56;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result-row{ margin-top:20px !important; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__result{
gap:24px;
padding:29px 20px 24px;
border-radius:10px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__result h3{ font-size:1.5em; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__result ul{
flex-wrap:wrap;
gap:8px 16px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__modes{ gap:8px; }
body:is(.page-id-1249,.page-id-1856) .mt-econ__modes > span{
min-height:82px;
padding:12px 8px;
}
body:is(.page-id-1249,.page-id-1856) .mt-econ__outcome{
margin-top:21px;
font-size:.94em;
}
}
body:is(.page-id-1249,.page-id-1856) .mt-sync{
position:relative;
overflow:hidden;
background:linear-gradient(180deg,#fff 0%,#f6f9fb 100%);
}
body:is(.page-id-1249,.page-id-1856) .mt-sync::before{
content:"";
position:absolute;
top:-180px;
right:-140px;
width:520px;
height:520px;
border:1px solid rgba(12,115,159,.09);
border-radius:50%;
box-shadow:0 0 0 64px rgba(12,115,159,.025),0 0 0 128px rgba(12,115,159,.018);
pointer-events:none;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__row{ align-items:center; }
body:is(.page-id-1249,.page-id-1856) .mt-sync__copy > .col-inner{
max-width:500px;
padding-right:28px;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__eyebrow{
margin:0 0 16px;
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:.72em;
font-weight:800;
letter-spacing:.22em;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__h{
margin:0 0 22px;
color:var(--mt-primary);
font-family:'Montserrat',sans-serif;
font-size:2.55em;
font-weight:750;
line-height:1.14;
letter-spacing:-.025em;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__lead{
margin:0 0 30px;
color:var(--mt-text);
font-size:1.03em;
line-height:1.72;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__roles{ display:grid; gap:12px; }
body:is(.page-id-1249,.page-id-1856) .mt-sync__role{
display:grid;
grid-template-columns:42px 1fr;
gap:14px;
padding:17px 18px;
border:1px solid var(--mt-line);
border-radius:10px;
background:rgba(255,255,255,.86);
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__role > span{
padding-top:2px;
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:.72em;
font-weight:800;
letter-spacing:.16em;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__role strong{
display:block;
margin-bottom:4px;
color:var(--mt-primary-deep);
font-family:'Montserrat',sans-serif;
font-size:.94em;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__role p{
margin:0;
color:var(--mt-muted);
font-size:.88em;
line-height:1.55;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__visual{ position:relative; }
body:is(.page-id-1249,.page-id-1856) .mt-sync__visual > .col-inner{
position:relative;
padding:14px;
border:1px solid rgba(0,80,125,.12);
border-radius:16px;
background:#fff;
box-shadow:0 30px 70px -40px rgba(0,40,62,.58);
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__visual > .col-inner::before{
content:"";
position:absolute;
top:-10px;
right:42px;
width:76px;
height:3px;
border-radius:3px;
background:var(--mt-accent);
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__image,
body:is(.page-id-1249,.page-id-1856) .mt-sync__image .img-inner{ margin:0!important; }
body:is(.page-id-1249,.page-id-1856) .mt-sync__image .img-inner{
overflow:hidden;
border-radius:9px;
background:#dfeaf0;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__image img{
display:block;
width:100%;
height:auto;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__caption{
margin:13px 4px 1px;
color:var(--mt-muted);
font-family:'Montserrat',sans-serif;
font-size:.7em;
line-height:1.5;
}
body:is(.page-id-1249,.page-id-1856) .mt-active{
background:#fff;
color:var(--mt-text);
}
body:is(.page-id-1249,.page-id-1856) .mt-active__row{
align-items:center;
padding:58px 54px;
border:1px solid rgba(255,255,255,.08);
border-radius:16px;
background:linear-gradient(135deg,var(--mt-primary-dark),var(--mt-primary-deep));
box-shadow:0 30px 70px -42px rgba(0,40,62,.58);
}
body:is(.page-id-1249,.page-id-1856) .mt-active__person > .col-inner{
position:relative;
padding-bottom:12px;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__person > .col-inner::after{
content:"";
position:absolute;
z-index:2;
right:-12px;
bottom:0;
width:82px;
height:82px;
border-right:3px solid var(--mt-accent);
border-bottom:3px solid var(--mt-accent);
pointer-events:none;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__portrait .img-inner{
overflow:hidden;
border-radius:10px;
box-shadow:0 28px 62px rgba(0,0,0,.24);
}
body:is(.page-id-1249,.page-id-1856) .mt-active__portrait img{
width:100%;
aspect-ratio:4/3;
height:auto;
object-fit:cover;
object-position:center 40%;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__name,
body:is(.page-id-1249,.page-id-1856) .mt-active__role{ display:block; }
body:is(.page-id-1249,.page-id-1856) .mt-active__name{
margin-top:22px;
margin-bottom:5px;
color:#fff;
font-size:1.38em;
font-weight:800;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__role{
color:rgba(255,255,255,.68);
font-size:.81em;
font-weight:650;
letter-spacing:.065em;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__title{
max-width:660px;
margin:0 0 22px;
color:#fff;
font-family:'Montserrat',sans-serif;
font-size:2.8em;
font-weight:700;
line-height:1.1;
letter-spacing:-.025em;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__lead{
max-width:650px;
margin:0 0 28px;
color:rgba(255,255,255,.9);
font-size:1.12em;
line-height:1.72;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__facts{
display:grid;
gap:13px;
margin:0;
padding:0;
list-style:none;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__facts li{
position:relative;
padding-left:29px;
color:#fff;
font-size:.94em;
line-height:1.52;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__facts li::before{
content:"";
position:absolute;
left:0;
top:.65em;
width:14px;
height:2px;
background:var(--mt-accent);
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-row{
max-width:900px;
margin-top:76px;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback{ text-align:left; }
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-pretitle{
display:inline-block;
margin:0 0 28px;
padding-bottom:8px;
border-bottom:1px solid rgba(244,170,0,.55);
color:var(--mt-accent);
font-family:'Montserrat',sans-serif;
font-size:.68em;
font-weight:750;
letter-spacing:.24em;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-frame{
padding:34px 46px;
border-top:1px solid rgba(244,170,0,.55);
border-bottom:1px solid rgba(244,170,0,.55);
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-text{
margin:0;
color:var(--mt-primary-deep);
font-family:'Montserrat',sans-serif;
font-size:1.32em;
font-style:italic;
font-weight:350;
line-height:1.58;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-attr{
display:flex;
align-items:center;
gap:18px;
padding:24px 46px 0;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-rule{
display:block;
flex:0 0 auto;
width:40px;
height:1px;
background:var(--mt-accent);
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-attr-text{
display:flex;
flex-direction:column;
gap:3px;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-name{
color:var(--mt-primary-deep);
font-family:'Montserrat',sans-serif;
font-size:.77em;
font-weight:750;
letter-spacing:.11em;
text-transform:uppercase;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-role{
color:var(--mt-muted);
font-family:'Montserrat',sans-serif;
font-size:.7em;
letter-spacing:.08em;
}
body:is(.page-id-1249,.page-id-1856) .mt-close{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 12% 16%,rgba(12,115,159,.11),transparent 30%),
radial-gradient(circle at 88% 86%,rgba(244,170,0,.08),transparent 26%),
linear-gradient(180deg,#edf4f8 0%,#f7fafc 100%);
}
body:is(.page-id-1249,.page-id-1856) .mt-close__head > .col-inner{
position:relative;
overflow:hidden;
max-width:900px;
margin:0 auto;
padding:64px 72px 58px;
border:1px solid rgba(0,80,125,.11);
border-radius:18px;
background:rgba(255,255,255,.96);
box-shadow:0 28px 70px -44px rgba(0,40,62,.52);
}
body:is(.page-id-1249,.page-id-1856) .mt-close__head > .col-inner::before{
content:"";
position:absolute;
inset:0 0 auto;
height:4px;
background:linear-gradient(90deg,var(--mt-accent),#ffd66f 54%,var(--mt-primary-mid));
}
body:is(.page-id-1249,.page-id-1856) .mt-close__eyebrow{
position:relative;
color:var(--mt-accent);
}
body:is(.page-id-1249,.page-id-1856) .mt-close__h{
position:relative;
max-width:720px;
}
body:is(.page-id-1249,.page-id-1856) .mt-close__sub{
position:relative;
max-width:680px;
margin:0 auto 32px;
color:var(--mt-muted);
font-size:1.06em;
line-height:1.68;
}
body:is(.page-id-1249,.page-id-1856) .mt-close__cta{ position:relative; }
body:is(.page-id-1249,.page-id-1856) .mt-close__alt{
position:relative;
display:inline-block;
margin:24px 0 0;
padding-top:18px;
border-top:1px solid var(--mt-line);
color:var(--mt-muted);
font-size:.88em;
}
body:is(.page-id-1249,.page-id-1856) .mt-close__alt a{
color:var(--mt-primary-mid);
border-bottom:1px solid currentColor;
}
body:is(.page-id-1249,.page-id-1856) #footer{ background-color:var(--mt-paper) !important; }
@media (max-width:849px){
body:is(.page-id-1249,.page-id-1856) .mt-flow__head{ margin-bottom:58px; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__row,
body:is(.page-id-1249,.page-id-1856) .mt-flow__row--visual-left,
body:is(.page-id-1249,.page-id-1856) .mt-flow__row--visual-right{
flex-direction:column !important;
margin-bottom:72px !important;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__row > .col,
body:is(.page-id-1249,.page-id-1856) .mt-active__row > .col{
width:100%;
max-width:100%;
flex-basis:100%;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__copy > .col-inner{
max-width:690px;
margin-right:auto;
margin-left:auto;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__visual{ margin-top:32px; }
body:is(.page-id-1249,.page-id-1856) .mt-active__row{
flex-direction:column !important;
width:calc(100% - 30px) !important;
padding:48px 42px;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__person{
width:100%;
max-width:560px;
margin:0 auto 52px;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__copy{
width:100%;
max-width:690px;
margin:0 auto;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-row{ margin-top:64px; }
body:is(.page-id-1249,.page-id-1856) .mt-sync__copy > .col-inner{
max-width:690px;
margin:0 auto 48px;
padding-right:0;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__visual{
width:100%;
max-width:760px;
margin:0 auto;
}
body:is(.page-id-1249,.page-id-1856) .mt-close__head > .col-inner{
padding:48px 38px 44px;
border-radius:14px;
}
}
@media (max-width:549px){
body:is(.page-id-1249,.page-id-1856) .mt-brand--close{
max-width:60px;
margin-bottom:14px;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__row{
width:calc(100% - 20px) !important;
padding:34px 22px 38px;
border-radius:12px;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero__eyebrow{
gap:10px;
font-size:.65em;
letter-spacing:.24em;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero__eyebrow::before,
body:is(.page-id-1249,.page-id-1856) .mt-hero__eyebrow::after{ width:24px; }
body:is(.page-id-1249,.page-id-1856) .mt-hero__h{ line-height:1.06; }
body:is(.page-id-1249,.page-id-1856) .mt-hero__sub{
margin-bottom:29px;
font-size:.96em;
}
body:is(.page-id-1249,.page-id-1856) .mt-hero__cta .button,
body:is(.page-id-1249,.page-id-1856) .mt-close__cta .button{
width:100%;
max-width:330px;
min-height:50px;
padding:0 18px;
}
body:is(.page-id-1249,.page-id-1856) .mt-lede__h,
body:is(.page-id-1249,.page-id-1856) .mt-flow__title,
body:is(.page-id-1249,.page-id-1856) .mt-close__h{ font-size:1.88em; }
body:is(.page-id-1249,.page-id-1856) .mt-lede__intro,
body:is(.page-id-1249,.page-id-1856) .mt-close__sub{
font-size:1em;
line-height:1.67;
}
body:is(.page-id-1249,.page-id-1856) .mt-lede__facts{
flex-direction:column;
align-items:flex-start;
gap:10px;
margin-top:30px;
font-size:.65em;
text-align:left;
}
body:is(.page-id-1249,.page-id-1856) .mt-lede__facts li{ padding:0 0 0 16px; }
body:is(.page-id-1249,.page-id-1856) .mt-lede__facts li::before{
left:2px;
transform:translateY(-50%);
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__head{ margin-bottom:52px; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__row,
body:is(.page-id-1249,.page-id-1856) .mt-flow__row--visual-left,
body:is(.page-id-1249,.page-id-1856) .mt-flow__row--visual-right{ margin-bottom:62px !important; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__step{
margin-bottom:5px;
font-size:2.25em;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__tag{
font-size:.72em;
line-height:1.5;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__h{ font-size:1.7em; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__p{
font-size:1em;
line-height:1.65;
}
body:is(.page-id-1249,.page-id-1856) .mt-flow__visual{ margin-top:24px; }
body:is(.page-id-1249,.page-id-1856) .mt-flow__img .img-inner{
border-radius:8px;
box-shadow:0 18px 42px -32px rgba(0,42,66,.55);
}
body:is(.page-id-1249,.page-id-1856) .mt-basis{ gap:7px; }
body:is(.page-id-1249,.page-id-1856) .mt-basis div + div{ padding-left:7px; }
body:is(.page-id-1249,.page-id-1856) .mt-basis strong{ font-size:1.06em; }
body:is(.page-id-1249,.page-id-1856) .mt-basis span{
font-size:.5em;
letter-spacing:0;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__copy > .col-inner{ margin-bottom:40px; }
body:is(.page-id-1249,.page-id-1856) .mt-sync__h{ font-size:2em; }
body:is(.page-id-1249,.page-id-1856) .mt-sync__lead{
font-size:1em;
line-height:1.68;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__role{
grid-template-columns:34px 1fr;
gap:10px;
padding:15px 14px;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__visual > .col-inner{
padding:7px;
border-radius:11px;
}
body:is(.page-id-1249,.page-id-1856) .mt-sync__image .img-inner{ border-radius:7px; }
body:is(.page-id-1249,.page-id-1856) .mt-sync__caption{
margin:10px 4px 3px;
font-size:.64em;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__person{
max-width:440px;
margin-bottom:45px;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__portrait img{
aspect-ratio:auto;
object-fit:contain;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__name{
margin-top:17px;
font-size:1.25em;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__title{ font-size:2em; }
body:is(.page-id-1249,.page-id-1856) .mt-active__lead{
font-size:1em;
line-height:1.68;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__facts li{ font-size:.88em; }
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-row{ margin-top:52px; }
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-pretitle{
margin-bottom:20px;
font-size:.61em;
letter-spacing:.18em;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-frame{ padding:27px 0; }
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-text{
font-size:1.04em;
line-height:1.58;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-attr{
align-items:flex-start;
gap:12px;
padding:20px 0 0;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-rule{ width:28px; }
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-name{
font-size:.65em;
letter-spacing:.08em;
}
body:is(.page-id-1249,.page-id-1856) .mt-active__feedback-role{
font-size:.64em;
line-height:1.5;
}
body:is(.page-id-1249,.page-id-1856) .mt-close__head > .col-inner{
padding:42px 22px 38px;
border-radius:12px;
}
body:is(.page-id-1249,.page-id-1856) .mt-close__alt{
margin-top:22px;
padding-top:16px;
}
}
/* === /METEO TRACKER === */
/* === Gutachten (Page 180) === */
/* Klassen-Praefix .gu-... seitenspezifisch.
Re-use: --iv-c-* Variablen + .ww-h-mark + .ww-hero-Naht.
Aesthetik: Forensik / Case-File - Mono-Notation, dotted markers,
ernster Forensik-Ton, kein Marketing-Sprech. */
body.page-id-180{
--gu-c-primary:#004f7d;
--gu-c-deep:#003C5F;
--gu-c-soft:#0A6FA5;
--gu-c-accent:#f8ad00;
--gu-c-paper:#F4F7FA;
--gu-c-paper-mid:#EEF3F8;
--gu-c-mute:#5A6770;
--gu-c-text:#1A2A38;
--gu-c-line:rgba(0,79,125,0.10);
--gu-c-line-strong:rgba(0,79,125,0.18);
--gu-mono:Menlo,Consolas,"SF Mono",monospace;
--gu-shadow-card:0 1px 0 rgba(0,29,46,0.04), 0 18px 42px -24px rgba(0,29,46,0.20);
--gu-shadow-card-hover:0 1px 0 rgba(248,173,0,0.22), 0 26px 56px -22px rgba(0,79,125,0.32);
}
/* ===== Hero (Schwester-Pattern .mw-hero, Text auf Bild, dark-overlay) ===== */
body.page-id-180 .gu-hero h6.gu-hero__eyebrow{
color:var(--gu-c-accent);
letter-spacing:.22em;
font-weight:600;
text-transform:uppercase;
margin-bottom:18px;
opacity:.92;
}
body.page-id-180 .gu-hero h6.gu-hero__eyebrow::after{
content:"";
display:inline-block;
width:32px;height:1px;
background:var(--gu-c-accent);
vertical-align:middle;
margin-left:14px;
margin-bottom:3px;
}
body.page-id-180 .gu-hero h2.gu-hero__h{
letter-spacing:.04em;
line-height:1.05;
margin:0 0 20px;
color:#fff;
}
body.page-id-180 .gu-hero__sub{
color:rgba(255,255,255,0.88);
font-size:1.05em;
line-height:1.6;
max-width:680px;
margin:0 auto 4px;
text-align:center;
}
@media (max-width:849px){
body.page-id-180 .gu-hero__sub{ font-size:1em; }
}
/* ===== Editorial Lede ===== */
body.page-id-180 .gu-lede{ background:#fff; }
body.page-id-180 .gu-lede .ww-h-mark{ margin:0 auto 28px; }
body.page-id-180 .gu-lede__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--gu-c-primary);
letter-spacing:.005em; line-height:1.22;
text-transform:none;
margin:0 auto 56px; max-width:24ch;
text-align:center;
}
body.page-id-180 .gu-lede__h em{
font-family:'Dancing Script',cursive;
font-style:normal; font-weight:600;
font-size:1.32em; line-height:1;
color:var(--gu-c-accent);
letter-spacing:0;
display:inline-block;
vertical-align:baseline;
transform:translateY(-0.05em) rotate(-1deg);
margin:0 .04em;
}
body.page-id-180 .gu-lede__body{ position:relative; max-width:780px; margin:0 auto; }
body.page-id-180 .gu-lede__body::before{
content:""; display:block;
width:42px; height:2px;
background:var(--gu-c-accent);
margin:0 auto 36px;
}
body.page-id-180 .gu-lede__p{
font-family:'Montserrat',sans-serif;
font-size:1.04em; line-height:1.78;
color:var(--gu-c-text);
margin:0 0 1.2em; text-align:left;
}
body.page-id-180 .gu-lede__p--accent{
color:var(--gu-c-primary);
font-weight:500;
border-left:3px solid var(--gu-c-accent);
padding:2px 0 2px 22px;
margin-top:1.4em;
}
/* ===== Drei Saeulen (Pillars) ===== */
body.page-id-180 .gu-pillars{ position:relative; }
body.page-id-180 .gu-pillars .ww-h-mark{ margin:0 auto 28px; }
body.page-id-180 .gu-pillars__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--gu-c-primary);
letter-spacing:.005em; line-height:1.2;
text-transform:none;
margin:0 auto 14px; max-width:24ch;
text-align:center;
}
body.page-id-180 .gu-pillars__sub{
font-family:'Montserrat',sans-serif;
font-size:0.85em; letter-spacing:.32em; text-transform:uppercase;
font-weight:600; color:var(--gu-c-mute);
text-align:center;
margin:0 auto;
}
body.page-id-180 .col.gu-pillar,
body.page-id-180 .col.gu-pillar > .col-inner{ display:flex; flex-direction:column; }
body.page-id-180 .col.gu-pillar > .col-inner{
flex:1; background:#fff;
border-radius:14px;
padding:36px 30px 32px;
position:relative;
border-top:3px solid var(--gu-c-accent);
box-shadow:var(--gu-shadow-card);
transition:transform .35s ease, box-shadow .35s ease;
}
body.page-id-180 .col.gu-pillar > .col-inner:hover{
transform:translateY(-3px);
box-shadow:var(--gu-shadow-card-hover);
}
body.page-id-180 .gu-pillar__num{
display:block;
font-family:var(--gu-mono);
font-size:11px; letter-spacing:.22em; text-transform:uppercase;
font-weight:600; color:var(--gu-c-accent);
margin:0 0 18px;
}
body.page-id-180 .gu-pillar__img{
margin:0 0 18px !important;
max-width:68px !important; width:68px !important;
}
body.page-id-180 .gu-pillar__img .img,
body.page-id-180 .gu-pillar__img .img-inner{
margin-left:0 !important; margin-right:auto !important;
}
body.page-id-180 .gu-pillar__h{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:1.3em;
color:var(--gu-c-primary);
letter-spacing:0; line-height:1.25;
margin:0 0 12px;
text-transform:none;
}
body.page-id-180 .gu-pillar__p{
font-family:'Montserrat',sans-serif;
font-size:0.96em; line-height:1.65;
color:var(--gu-c-text);
margin:0;
}
/* ===== Reportage (Vom Archiv zum Gutachten) ===== */
body.page-id-180 .gu-process{ background:#fff; }
body.page-id-180 .gu-process .ww-h-mark{ margin:0 auto 28px; }
body.page-id-180 .gu-process__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--gu-c-primary);
letter-spacing:.005em; line-height:1.2;
text-transform:none;
margin:0 auto 14px; max-width:22ch;
text-align:center;
}
body.page-id-180 .gu-process__sub{
font-family:'Montserrat',sans-serif;
font-size:0.85em; letter-spacing:.32em; text-transform:uppercase;
font-weight:600; color:var(--gu-c-mute);
text-align:center; margin:0;
}
body.page-id-180 .gu-process__row{
margin-bottom:90px !important;
position:relative;
}
body.page-id-180 .gu-process__row:last-of-type{ margin-bottom:0 !important; }
body.page-id-180 .gu-process__img .img-inner{
border-radius:14px;
overflow:hidden;
box-shadow:0 1px 0 rgba(0,29,46,0.04), 0 30px 60px -28px rgba(0,29,46,0.30), 0 8px 20px -10px rgba(0,29,46,0.10);
background:var(--gu-c-paper-mid);
}
body.page-id-180 .gu-process__img img{
display:block; width:100%; height:auto;
}
body.page-id-180 .gu-process__tag{
display:block;
font-family:'Montserrat',sans-serif;
font-size:0.78em; letter-spacing:.28em; text-transform:uppercase;
font-weight:700; color:var(--gu-c-accent);
margin:0 0 16px;
position:relative; padding-left:42px;
}
body.page-id-180 .gu-process__tag::before{
content:""; position:absolute; left:0; top:50%;
width:30px; height:1px;
background:var(--gu-c-accent); opacity:.85;
}
body.page-id-180 .gu-process__h3{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:1.7em;
color:var(--gu-c-primary);
line-height:1.2; letter-spacing:-0.005em;
text-transform:none;
margin:0 0 18px;
}
body.page-id-180 .gu-process__p{
font-family:'Montserrat',sans-serif;
font-size:1.02em; line-height:1.7;
color:var(--gu-c-text);
margin:0;
}
/* ===== Output (4 nummerierte Cards auf dunklem Grund) ===== */
body.page-id-180 .gu-output{ position:relative; }
body.page-id-180 .gu-output .ww-h-mark{ margin:0 auto 28px; }
body.page-id-180 .gu-output__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:#fff;
letter-spacing:.005em; line-height:1.2;
text-transform:none;
margin:0 auto 14px; max-width:24ch;
text-align:center;
}
body.page-id-180 .gu-output__sub{
font-family:'Montserrat',sans-serif;
font-size:0.85em; letter-spacing:.32em; text-transform:uppercase;
font-weight:600; color:rgba(255,255,255,0.7);
text-align:center; margin:0;
}
body.page-id-180 .col.gu-out > .col-inner{
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.10);
border-radius:14px;
padding:32px 26px 28px;
position:relative; height:100%;
overflow:hidden;
transition:transform .35s ease, background-color .35s ease, border-color .35s ease;
}
body.page-id-180 .col.gu-out > .col-inner::before{
content:"";
position:absolute; top:0; left:0;
width:48px; height:2px;
background:var(--gu-c-accent);
}
body.page-id-180 .col.gu-out > .col-inner:hover{
transform:translateY(-4px);
background:rgba(255,255,255,0.07);
border-color:rgba(248,173,0,0.32);
}
body.page-id-180 .gu-out__num{
display:block;
font-family:'Montserrat',sans-serif;
font-weight:300;
font-size:3.2em; line-height:1;
color:var(--gu-c-accent);
letter-spacing:-0.02em;
margin:0 0 18px;
}
body.page-id-180 .gu-out__num::after{
content:""; display:block;
width:32px; height:1px;
background:rgba(248,173,0,0.6);
margin-top:14px;
}
body.page-id-180 .gu-out__h{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:1.18em;
color:#fff;
letter-spacing:0; line-height:1.25;
text-transform:none;
margin:0 0 12px;
}
body.page-id-180 .gu-out__p{
font-family:'Montserrat',sans-serif;
font-size:0.94em; line-height:1.62;
color:rgba(255,255,255,0.82);
margin:0;
}
/* ===== Editorial Break (Video + Pull-Quote + Avatar) ===== */
body.page-id-180 .gu-break{ position:relative; overflow:hidden; }
body.page-id-180 .gu-break .ww-h-mark{ margin:0 auto 28px; }
body.page-id-180 .gu-break__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--gu-c-primary);
letter-spacing:.005em; line-height:1.22;
text-transform:none;
margin:0 auto 14px; max-width:22ch;
text-align:center;
}
body.page-id-180 .gu-break__sub{
font-family:'Montserrat',sans-serif;
font-size:0.85em; letter-spacing:.32em; text-transform:uppercase;
font-weight:600; color:var(--gu-c-mute);
text-align:center; margin:0;
}
body.page-id-180 .gu-break__media .ux-banner{
border-radius:14px;
overflow:hidden;
box-shadow:0 1px 0 rgba(0,29,46,0.04), 0 30px 60px -28px rgba(0,29,46,0.30), 0 8px 20px -10px rgba(0,29,46,0.10);
}
body.page-id-180 .gu-break__caption{
margin-top:14px;
font-family:var(--gu-mono);
font-size:11px; letter-spacing:.18em; text-transform:uppercase;
color:var(--gu-c-mute); font-weight:500;
text-align:left;
padding-left:18px;
position:relative;
}
body.page-id-180 .gu-break__caption::before{
content:""; position:absolute; left:0; top:50%;
width:8px; height:8px;
background:var(--gu-c-accent);
transform:translateY(-50%) rotate(45deg);
}
body.page-id-180 .gu-break__voice{
padding:0 0 0 22px;
}
body.page-id-180 .gu-break__quote{
position:relative;
padding:8px 0 8px 32px;
margin:0 0 36px;
}
body.page-id-180 .gu-break__quote::before{
content:"";
position:absolute; left:0; top:6px; bottom:6px;
width:3px;
background:var(--gu-c-accent);
}
body.page-id-180 .gu-break__body{
font-family:'Montserrat',sans-serif;
font-style:italic; font-weight:400;
font-size:1.32em; line-height:1.55;
color:var(--gu-c-primary);
margin:0;
text-align:left;
}
body.page-id-180 .gu-break__signature{
display:flex; align-items:center; gap:18px;
position:relative;
padding-top:24px;
border-top:1px solid var(--gu-c-line);
}
body.page-id-180 .gu-break__avatar{
margin:0 !important;
max-width:72px !important; width:72px !important;
flex-shrink:0;
}
body.page-id-180 .gu-break__avatar .img,
body.page-id-180 .gu-break__avatar .img-inner{
width:72px !important; max-width:72px !important;
margin:0 !important;
}
body.page-id-180 .gu-break__avatar .img-inner{
border-radius:50%;
overflow:hidden;
box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--gu-c-accent), 0 10px 24px -10px rgba(0,29,46,0.32);
aspect-ratio:1/1;
}
body.page-id-180 .gu-break__avatar img{
border-radius:50%;
width:72px !important; height:72px !important;
object-fit:cover; object-position:center 30%;
}
body.page-id-180 .gu-break__sig-name{
display:block;
font-family:'Montserrat',sans-serif;
font-size:1.05em; font-weight:700;
color:var(--gu-c-primary);
letter-spacing:.005em;
margin:0 0 4px;
}
body.page-id-180 .gu-break__sig-role{
display:block;
font-family:var(--gu-mono);
font-size:10px; letter-spacing:.22em; text-transform:uppercase;
color:var(--gu-c-mute); font-weight:500;
}
/* ===== Audience (4 Use-Case-Cards) ===== */
body.page-id-180 .gu-aud{ background:#fff; }
body.page-id-180 .gu-aud .ww-h-mark{ margin:0 auto 28px; }
body.page-id-180 .gu-aud__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--gu-c-primary);
letter-spacing:.005em; line-height:1.2;
text-transform:none;
margin:0 auto 14px; max-width:22ch;
text-align:center;
}
body.page-id-180 .gu-aud__sub{
font-family:'Montserrat',sans-serif;
font-size:0.85em; letter-spacing:.32em; text-transform:uppercase;
font-weight:600; color:var(--gu-c-mute);
text-align:center; margin:0;
}
body.page-id-180 .col.gu-aud__col,
body.page-id-180 .col.gu-aud__col > .col-inner{ display:flex; flex-direction:column; }
body.page-id-180 .col.gu-aud__col > .col-inner{ flex:1; }
body.page-id-180 .gu-aud__card{
background:#fff;
border-radius:14px;
padding:30px 26px 28px;
height:100%;
display:flex; flex-direction:column;
position:relative;
border:1px solid var(--gu-c-line);
box-shadow:var(--gu-shadow-card);
transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
body.page-id-180 .gu-aud__card::before{
content:"";
position:absolute; top:0; left:26px;
width:40px; height:2px;
background:var(--gu-c-accent);
}
body.page-id-180 .gu-aud__card:hover{
transform:translateY(-4px);
box-shadow:var(--gu-shadow-card-hover);
border-color:transparent;
}
body.page-id-180 .gu-aud__num{
display:block;
font-family:var(--gu-mono);
font-size:11px; letter-spacing:.22em; text-transform:uppercase;
font-weight:600; color:var(--gu-c-accent);
margin:6px 0 14px;
}
body.page-id-180 .gu-aud__h3{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:1.25em;
color:var(--gu-c-primary);
letter-spacing:0; line-height:1.22;
text-transform:none;
margin:0 0 12px;
}
body.page-id-180 .gu-aud__p{
font-family:'Montserrat',sans-serif;
font-size:0.94em; line-height:1.6;
color:var(--gu-c-text);
margin:0 0 16px;
}
body.page-id-180 .gu-aud__case{
font-family:'Montserrat',sans-serif;
font-style:italic;
font-size:0.92em; line-height:1.55;
color:var(--gu-c-soft);
margin:auto 0 0;
padding-top:14px;
border-top:1px dashed var(--gu-c-line-strong);
}
/* ===== Closing CTA ===== */
body.page-id-180 .gu-closing{
border-top:1px solid rgba(0,29,46,0.06);
}
body.page-id-180 .gu-closing .ww-h-mark{ margin:0 auto 22px; }
body.page-id-180 .gu-closing__stripe{
display:inline-block;
font-family:var(--gu-mono);
font-size:11px; letter-spacing:.32em; text-transform:uppercase;
font-weight:600; color:var(--gu-c-soft);
padding:6px 16px 5px;
border-top:1px solid var(--gu-c-line-strong);
border-bottom:1px solid var(--gu-c-line-strong);
margin:0 auto 28px;
}
body.page-id-180 .gu-closing__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--gu-c-primary);
letter-spacing:.005em; line-height:1.18;
text-transform:none;
margin:0 auto 18px; max-width:22ch;
}
body.page-id-180 .gu-closing__lead{
font-family:'Montserrat',sans-serif;
font-size:1.04em; line-height:1.7;
color:var(--gu-c-text);
text-align:center;
margin:0 auto 0; max-width:580px;
}
body.page-id-180 .gu-closing__cta{ text-align:center; margin:0 0 22px; }
body.page-id-180 .gu-closing__cta .button{
font-size:1.04em;
padding:0 38px;
height:54px; line-height:54px;
letter-spacing:.04em;
}
body.page-id-180 .gu-closing__alt{
font-family:'Montserrat',sans-serif;
font-size:0.92em; color:var(--gu-c-mute);
text-align:center; margin:0;
}
body.page-id-180 .gu-closing__alt a{
color:var(--gu-c-soft);
border-bottom:1px solid currentColor;
text-decoration:none;
}
body.page-id-180 .gu-closing__alt a:hover{
color:var(--gu-c-accent);
}
/* Footer-Anschluss-Farbe */
body.page-id-180 #footer{ background-color:#F4F7FA !important; }
/* ===== Mobile-Tweaks ===== */
@media (max-width:849px){
body.page-id-180 .gu-hero h6.gu-hero__eyebrow{ padding:0 38px; letter-spacing:.24em; }
body.page-id-180 .gu-hero h6.gu-hero__eyebrow::before,
body.page-id-180 .gu-hero h6.gu-hero__eyebrow::after{ width:24px; }
body.page-id-180 .gu-hero__sub{ font-size:1em; }
body.page-id-180 .gu-lede__h{ font-size:1.4em; }
body.page-id-180 .gu-pillars__h,
body.page-id-180 .gu-process__h,
body.page-id-180 .gu-output__h,
body.page-id-180 .gu-aud__h,
body.page-id-180 .gu-closing__h{ font-size:1.5em; }
body.page-id-180 .gu-process__row{ margin-bottom:50px !important; }
body.page-id-180 .gu-process__row--imgright{ flex-direction:column-reverse !important; }
body.page-id-180 .gu-process__h3{ font-size:1.4em; }
body.page-id-180 .gu-out__num{ font-size:2.6em; }
body.page-id-180 .gu-break__voice{ padding:24px 0 0 0; }
body.page-id-180 .gu-break__body{ font-size:1.12em; }
body.page-id-180 .gu-break__caption{ font-size:10px; }
body.page-id-180 .gu-aud__card{ padding:26px 22px 24px; }
}
@media (max-width:549px){
body.page-id-180 .gu-hero__case{ font-size:10px; letter-spacing:.22em; padding:5px 12px; }
body.page-id-180 .gu-pillar__num,
body.page-id-180 .gu-aud__num{ letter-spacing:.16em; }
body.page-id-180 .gu-closing__stripe{ letter-spacing:.18em; padding:5px 12px; }
}
/* === /Gutachten === */
/* === Team (Page 151) === */
/* Klassen-Praefix .tm-, scoped auf body.page-id-151.
Re-use: --iv-c-* Variablen + globaler .ww-h-mark.
Linie konsistent zu .iv- (184), .sw- (182), .sg- (186), .hp- (19), .mw- (188), .mt- (1249).
Editorial-Geruest fuer 16 Mitarbeiter; Bios pflegt der User spaeter im UX Builder. */
body.page-id-151{
--tm-c-primary:#004f7d;
--tm-c-deep:#003C5F;
--tm-c-soft:#0A6FA5;
--tm-c-accent:#f8ad00;
--tm-c-paper:#F4F7FA;
--tm-c-paper-soft:#F7F9FC;
--tm-c-text:#0A1929;
--tm-c-mute:#5A6770;
--tm-c-fade:#94A3B8;
--tm-c-line:rgba(0,79,125,0.10);
--tm-c-line-strong:rgba(0,79,125,0.18);
--tm-shadow-card:0 1px 0 rgba(0,29,46,0.04), 0 18px 44px -24px rgba(0,29,46,0.20);
--tm-shadow-card-hover:0 1px 0 rgba(248,173,0,0.22), 0 26px 56px -22px rgba(0,79,125,0.28);
}
/* ===== Hero (BG-Logo 350 mit dunklem Overlay) ===== */
body.page-id-151 .tm-hero{ position:relative; }
body.page-id-151 .tm-hero h6.tm-hero__eyebrow{
font-family:'Montserrat',sans-serif;
font-weight:600; font-size:0.82em;
letter-spacing:.28em; text-transform:uppercase;
color:var(--tm-c-accent);
margin:0 0 22px;
display:inline-block; position:relative; padding:0 56px;
}
body.page-id-151 .tm-hero h6.tm-hero__eyebrow::before,
body.page-id-151 .tm-hero h6.tm-hero__eyebrow::after{
content:""; position:absolute; top:50%;
width:38px; height:1px;
background:var(--tm-c-accent); opacity:.85;
}
body.page-id-151 .tm-hero h6.tm-hero__eyebrow::before{ left:0; }
body.page-id-151 .tm-hero h6.tm-hero__eyebrow::after{ right:0; }
body.page-id-151 .tm-hero h1.tm-hero__h{
font-family:'Montserrat',sans-serif;
font-weight:700; letter-spacing:.04em;
text-transform:uppercase;
color:#fff;
text-shadow:0 2px 22px rgba(0,29,46,0.45);
line-height:1.1; font-size:2.6em;
margin:0 auto 22px; max-width:18ch;
}
body.page-id-151 .tm-hero__sub{
font-family:'Montserrat',sans-serif;
font-weight:300; font-size:1.05em; line-height:1.62;
color:rgba(255,255,255,0.92);
margin:0 auto; max-width:620px;
}
/* ===== Lede (Single-Column Editorial) ===== */
body.page-id-151 .tm-lede{ background:#fff; position:relative; }
body.page-id-151 .tm-lede .ww-h-mark{ margin:0 auto 28px; }
body.page-id-151 .tm-lede__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--tm-c-primary);
letter-spacing:.005em; line-height:1.2;
text-transform:none;
margin:0 auto 32px; max-width:24ch;
text-align:center;
}
body.page-id-151 .tm-lede__p{
font-family:'Montserrat',sans-serif;
font-size:1.04em; line-height:1.78;
color:var(--tm-c-text);
margin:0 0 1.2em; text-align:left;
max-width:720px;
}
body.page-id-151 .tm-lede__p:last-child{ margin-bottom:0; }
body.page-id-151 .tm-lede::after{
content:"";
position:absolute; bottom:0; left:50%;
transform:translateX(-50%);
width:88%; max-width:920px; height:1px;
background:linear-gradient(90deg,transparent 0%,var(--tm-c-line-strong) 25%,var(--tm-c-line-strong) 75%,transparent 100%);
}
/* ===== Section 3 - Leads (3 grosse Editorial-Cards) ===== */
body.page-id-151 .tm-leads{ background:var(--tm-c-paper-soft); }
body.page-id-151 .tm-leads .ww-h-mark{ margin:0 auto 28px; }
body.page-id-151 .tm-leads__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--tm-c-primary);
letter-spacing:.005em; line-height:1.2;
text-transform:none;
margin:0 auto 14px; max-width:22ch;
text-align:center;
}
body.page-id-151 .tm-leads__sub{
font-family:'Montserrat',sans-serif;
font-size:0.92em; letter-spacing:.22em; text-transform:uppercase;
font-weight:500; color:var(--tm-c-mute);
text-align:center;
margin:0 auto 60px; max-width:520px;
}
/* Lead-Card-Container (.col.tm-lead) */
body.page-id-151 .col.tm-lead{
margin-bottom:18px;
}
body.page-id-151 .col.tm-lead > .col-inner{
background:#fff;
border-radius:14px;
padding:24px 24px 30px;
height:100%;
box-shadow:var(--tm-shadow-card);
border:1px solid var(--tm-c-line);
position:relative;
overflow:hidden;
transition:transform .35s cubic-bezier(.4,0,.2,1),
box-shadow .35s cubic-bezier(.4,0,.2,1);
}
body.page-id-151 .col.tm-lead > .col-inner::before{
content:"";
position:absolute; top:0; left:24px;
width:48px; height:2px;
background:var(--tm-c-accent);
}
body.page-id-151 .col.tm-lead:hover > .col-inner{
transform:translateY(-3px);
box-shadow:var(--tm-shadow-card-hover);
}
/* Foto im Lead-Slot - feste 14px-Kante, Object-Fit Cover via Theme */
body.page-id-151 .tm-lead .img{
margin:0 0 22px;
border-radius:14px;
overflow:hidden;
}
body.page-id-151 .tm-lead .img img{
width:100%; aspect-ratio:1/1; object-fit:cover;
display:block;
}
body.page-id-151 .tm-lead__name{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:1.18em;
color:var(--tm-c-primary);
letter-spacing:.005em; line-height:1.25;
margin:0 0 6px;
}
body.page-id-151 .tm-lead__title{
font-family:'Montserrat',sans-serif;
font-weight:600; font-size:0.78em;
letter-spacing:.22em; text-transform:uppercase;
color:var(--tm-c-accent);
margin:0 0 16px;
padding-bottom:14px;
border-bottom:1px solid var(--tm-c-line);
}
body.page-id-151 .tm-lead__bio{
font-family:'Montserrat',sans-serif;
font-size:0.96em; line-height:1.7;
color:var(--tm-c-mute);
margin:0;
}
/* ===== Section 4 - Grid (Group-Header + 4er-Karten) ===== */
body.page-id-151 .tm-grid{ background:#fff; }
body.page-id-151 .tm-grid .ww-h-mark{ margin:0 auto 28px; }
body.page-id-151 .tm-grid__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--tm-c-primary);
letter-spacing:.005em; line-height:1.2;
text-transform:none;
margin:0 auto 14px; max-width:22ch;
text-align:center;
}
body.page-id-151 .tm-grid__sub{
font-family:'Montserrat',sans-serif;
font-size:0.92em; letter-spacing:.22em; text-transform:uppercase;
font-weight:500; color:var(--tm-c-mute);
text-align:center;
margin:0 auto 70px; max-width:560px;
}
/* Group-Header (IT / Meteorologie / Verwaltung) */
body.page-id-151 .tm-group__head{
display:flex; align-items:baseline; gap:18px;
margin:32px 0 28px;
padding-bottom:14px;
border-bottom:1px solid var(--tm-c-line-strong);
position:relative;
}
body.page-id-151 .tm-group__head::after{
content:""; position:absolute; left:0; bottom:-1px;
width:64px; height:2px; background:var(--tm-c-accent);
}
body.page-id-151 .tm-group__num{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:0.78em;
letter-spacing:.32em; text-transform:uppercase;
color:var(--tm-c-accent);
flex-shrink:0;
}
body.page-id-151 .tm-group__h{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:1.45em;
color:var(--tm-c-primary);
letter-spacing:.005em;
margin:0; padding:0;
text-transform:none;
}
body.page-id-151 .tm-group__count{
font-family:'Montserrat',sans-serif;
font-size:0.78em; letter-spacing:.18em; text-transform:uppercase;
font-weight:500; color:var(--tm-c-fade);
margin-left:auto;
}
/* Karte (kompakt, 4er-Grid) - Foto oder Initialen oben, Name + Titel darunter */
body.page-id-151 .col.tm-card{
margin-bottom:18px;
}
body.page-id-151 .col.tm-card > .col-inner{
background:#fff;
border-radius:14px;
padding:18px 18px 22px;
height:100%;
border:1px solid var(--tm-c-line);
box-shadow:var(--tm-shadow-card);
position:relative;
overflow:hidden;
transition:transform .3s cubic-bezier(.4,0,.2,1),
box-shadow .3s cubic-bezier(.4,0,.2,1),
border-color .25s ease;
}
body.page-id-151 .col.tm-card:hover > .col-inner{
transform:translateY(-3px);
box-shadow:var(--tm-shadow-card-hover);
border-color:rgba(248,173,0,0.30);
}
/* Foto-Slot in der kleinen Card */
body.page-id-151 .tm-card .img{
margin:0 0 16px;
border-radius:14px;
overflow:hidden;
}
body.page-id-151 .tm-card .img img{
width:100%; aspect-ratio:1/1; object-fit:cover;
display:block;
}
body.page-id-151 .tm-card__name{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:1.02em;
color:var(--tm-c-primary);
letter-spacing:.005em; line-height:1.3;
margin:0 0 6px;
}
body.page-id-151 .tm-card__title{
font-family:'Montserrat',sans-serif;
font-weight:600; font-size:0.74em;
letter-spacing:.20em; text-transform:uppercase;
color:var(--tm-c-accent);
margin:0;
}
/* ===== Initialen-Avatar (.tm-initials) =====
Square 14px konsistent zu Foto-Cards, damit Slot 1:1 ersetzbar bleibt.
Linear-Gradient primary -> soft fuer Tiefe, weiss Montserrat 700. */
body.page-id-151 .tm-initials{
width:100%;
aspect-ratio:1/1;
border-radius:14px;
background:linear-gradient(135deg, var(--tm-c-primary) 0%, var(--tm-c-soft) 100%);
display:flex; align-items:center; justify-content:center;
font-family:'Montserrat',sans-serif;
font-weight:700;
font-size:clamp(2.2em, 5vw, 3.2em);
letter-spacing:0;
color:#fff;
text-transform:uppercase;
margin:0 0 16px;
box-shadow:inset 0 -2px 0 rgba(0,29,46,0.18);
user-select:none;
position:relative;
overflow:hidden;
}
body.page-id-151 .tm-initials::after{
content:""; position:absolute; top:0; left:0;
width:100%; height:50%;
background:linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 100%);
pointer-events:none;
}
/* Wenn 3 Buchstaben (z.B. RoB), kleinere Schrift */
body.page-id-151 .tm-initials:not(:empty){
/* fallback - Browser ohne :has() bleiben bei clamp; */
}
body.page-id-151 .col.tm-card .tm-initials{
/* In Lead-Cards optional gleich gross gerendert */
}
/* ===== Section 5 - Closing CTA (analog .mt-close) ===== */
body.page-id-151 .tm-closing{
background:var(--tm-c-paper);
border-top:1px solid rgba(0,29,46,0.06);
}
body.page-id-151 .tm-closing .ww-h-mark{ margin:0 auto 28px; }
body.page-id-151 .tm-closing__h{
font-family:'Montserrat',sans-serif;
font-weight:700; color:var(--tm-c-primary);
letter-spacing:.005em; line-height:1.18;
text-transform:none;
margin:0 auto 18px; max-width:20ch;
text-align:center;
}
body.page-id-151 .tm-closing__sub{
font-family:'Montserrat',sans-serif;
font-size:1.02em; line-height:1.65;
color:var(--tm-c-text); text-align:center;
margin:0 auto 36px; max-width:560px;
}
body.page-id-151 .tm-closing .button.tm-closing__btn,
body.page-id-151 .tm-closing__btn.button{
font-size:1.04em;
padding:0 38px;
height:54px; line-height:54px;
letter-spacing:.04em;
margin:0 auto 22px;
}
body.page-id-151 .tm-closing__alt{
font-family:'Montserrat',sans-serif;
font-size:0.92em; color:var(--tm-c-mute);
text-align:center; margin:0;
}
body.page-id-151 .tm-closing__alt a{
color:var(--tm-c-soft);
border-bottom:1px solid currentColor;
text-decoration:none;
}
body.page-id-151 .tm-closing__alt a:hover{
color:var(--tm-c-accent);
}
/* Footer-Anschluss-Farbe */
body.page-id-151 #footer{ background-color:var(--tm-c-paper) !important; }
/* ===== Mobile-Tweaks ===== */
@media (max-width:849px){
body.page-id-151 .tm-hero h1.tm-hero__h{ font-size:1.8em; }
body.page-id-151 .tm-hero h6.tm-hero__eyebrow{ padding:0 36px; }
body.page-id-151 .tm-hero h6.tm-hero__eyebrow::before,
body.page-id-151 .tm-hero h6.tm-hero__eyebrow::after{ width:24px; }
body.page-id-151 .tm-lede__h{ font-size:1.4em; }
body.page-id-151 .tm-lede__p{ font-size:0.98em; }
body.page-id-151 .tm-leads__h,
body.page-id-151 .tm-grid__h,
body.page-id-151 .tm-closing__h{ font-size:1.4em; }
body.page-id-151 .tm-leads__sub,
body.page-id-151 .tm-grid__sub{ margin-bottom:36px; letter-spacing:.18em; }
body.page-id-151 .tm-group__head{ flex-wrap:wrap; gap:10px; margin:24px 0 18px; }
body.page-id-151 .tm-group__count{ margin-left:0; flex-basis:100%; }
body.page-id-151 .tm-group__h{ font-size:1.2em; }
body.page-id-151 .col.tm-lead > .col-inner{ padding:20px 20px 26px; }
body.page-id-151 .col.tm-card > .col-inner{ padding:14px 14px 18px; }
body.page-id-151 .tm-initials{ font-size:clamp(1.8em, 8vw, 2.6em); }
}
/* === /Team === */
/* === Geschichte (Page 149) === */
/* Editorial-Redesign analog Schwester-Set (.iv-/.sw-/.hp-/.mw-/.mt-/.mm-/.sg-/.gu-/.tm-).
Story-Bogen: 1999 von einem Segler-Meteorologen fuer Segler gegruendet,
heute Wetter-Partner fuer Schifffahrt und Medien.
7 Sections: Hero / Lede / Stats / Article x3 / Closing. */
body.page-id-149{
--gs-c-primary:#004f7d;
--gs-c-primary-deep:#003C5F;
--gs-c-primary-mid:#0A6FA5;
--gs-c-accent:#f8ad00;
--gs-c-deep:#0E2336;
--gs-c-text:#1A2A38;
--gs-c-mute:#5A6E80;
--gs-c-paper:#F8FAFC;
--gs-c-paper-mid:#EEF3F8;
--gs-c-line:#E2EAF1;
--gs-shadow-card:0 1px 0 rgba(0,29,46,0.04), 0 18px 44px -24px rgba(0,29,46,0.20);
--gs-shadow-photo:0 1px 0 rgba(0,29,46,0.04), 0 30px 60px -28px rgba(0,29,46,0.30), 0 8px 20px -10px rgba(0,29,46,0.10);
}
/* ===== Hero ===== */
body.page-id-149 .gs-hero{ position:relative; }
body.page-id-149 .gs-hero__eyebrow h6{
font-family:'Montserrat',sans-serif;
font-weight:600; font-size:0.82em;
letter-spacing:.32em; text-transform:uppercase;
color:var(--gs-c-accent);
margin:0 0 28px;
display:inline-block; position:relative; padding:0 56px;
}
body.page-id-149 .gs-hero__eyebrow h6::before,
body.page-id-149 .gs-hero__eyebrow h6::after{
content:""; position:absolute; top:50%;
width:38px; height:1px;
background:var(--gs-c-accent); opacity:.85;
}
body.page-id-149 .gs-hero__eyebrow h6::before{ left:0; }
body.page-id-149 .gs-hero__eyebrow h6::after{ right:0; }
body.page-id-149 .gs-hero__h h1{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:3.4em;
letter-spacing:.045em; text-transform:uppercase;
color:#fff;
text-shadow:0 2px 22px rgba(0,29,46,0.45);
line-height:1.08; margin:0 0 26px;
}
body.page-id-149 .gs-hero__sub p{
font-family:'Montserrat',sans-serif;
font-weight:300; font-size:1.08em; line-height:1.62;
color:rgba(255,255,255,0.92);
margin:0 auto; max-width:640px;
}
@media (max-width:849px){
body.page-id-149 .gs-hero__h h1{ font-size:2.2em; letter-spacing:.04em; }
body.page-id-149 .gs-hero__eyebrow h6{ padding:0 38px; font-size:0.74em; letter-spacing:.28em; }
body.page-id-149 .gs-hero__eyebrow h6::before,
body.page-id-149 .gs-hero__eyebrow h6::after{ width:22px; }
}
/* ===== Lede - Captain's Letter ===== */
body.page-id-149 .gs-lede{
background:#fff;
position:relative; overflow:hidden;
}
body.page-id-149 .gs-lede::before{
content:""; position:absolute; inset:0;
background:
radial-gradient(ellipse 70% 55% at 50% 0%, rgba(248,173,0,0.05) 0%, transparent 60%),
radial-gradient(ellipse 80% 50% at 50% 100%, rgba(0,79,125,0.05) 0%, transparent 65%);
pointer-events:none; z-index:0;
}
body.page-id-149 .gs-lede > .row{ position:relative; z-index:1; }
body.page-id-149 .gs-lede .ww-h-mark{ margin:0 auto 28px; }
body.page-id-149 .gs-lede__h h2{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:2.1em;
color:var(--gs-c-primary);
letter-spacing:.005em; line-height:1.22;
margin:0 auto 14px; max-width:22ch;
text-align:center;
}
body.page-id-149 .gs-lede__sub p{
font-family:'Montserrat',sans-serif;
font-size:0.82em; letter-spacing:.32em; text-transform:uppercase;
font-weight:600; color:var(--gs-c-mute);
text-align:center;
margin:0 auto 48px;
}
body.page-id-149 .gs-lede__body{
position:relative;
max-width:680px; margin:0 auto;
}
body.page-id-149 .gs-lede__body::before{
content:""; display:block;
width:42px; height:2px;
background:var(--gs-c-accent);
margin:0 auto 36px;
}
body.page-id-149 .gs-lede__p{
font-family:'Montserrat',sans-serif;
font-size:1.06em; line-height:1.78;
color:var(--gs-c-text);
margin:0 0 1.2em; text-align:left;
}
body.page-id-149 .gs-lede__p:last-child{ margin-bottom:0; }
@media (max-width:849px){
body.page-id-149 .gs-lede__h h2{ font-size:1.6em; }
body.page-id-149 .gs-lede__p{ font-size:1em; line-height:1.7; }
}
/* ===== Stats - 4er-Reihe mit gepunkteter Verbindung (kein Card-Overlap) ===== */
body.page-id-149 .gs-stats{
background:var(--gs-c-paper);
border-top:1px solid rgba(0,29,46,0.06);
border-bottom:1px solid rgba(0,29,46,0.06);
}
body.page-id-149 .gs-stats .ww-h-mark{ margin:0 auto 22px; }
body.page-id-149 .gs-stats__h h2{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:2em;
color:var(--gs-c-primary);
letter-spacing:.005em; line-height:1.2;
margin:0 auto 12px; max-width:24ch;
text-align:center;
}
body.page-id-149 .gs-stats__sub p{
font-family:'Montserrat',sans-serif;
font-size:0.82em; letter-spacing:.32em; text-transform:uppercase;
font-weight:600; color:var(--gs-c-mute);
text-align:center; margin:0 auto 56px;
}
body.page-id-149 .gs-stats__grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:32px;
align-items:start;
position:relative;
margin:24px 0 0;
}
body.page-id-149 .gs-stats__grid::before{
content:"";
position:absolute;
top:6px; left:11%; right:11%;
height:1px;
background-image:linear-gradient(90deg, var(--gs-c-accent) 50%, transparent 50%);
background-size:8px 1px; background-repeat:repeat-x;
opacity:.7; z-index:0;
}
body.page-id-149 .gs-stats__cell{
text-align:center; position:relative; z-index:1;
padding:0 12px;
}
body.page-id-149 .gs-stats__cell::before{
content:"";
display:block;
width:14px; height:14px;
border-radius:50%;
background:var(--gs-c-accent);
border:3px solid var(--gs-c-paper);
box-shadow:0 0 0 1px var(--gs-c-accent), 0 4px 12px -2px rgba(0,29,46,0.20);
margin:0 auto 26px;
}
body.page-id-149 .gs-stats__num{
display:block;
font-family:'Montserrat',sans-serif;
font-weight:800; font-size:3.4em;
color:var(--gs-c-primary);
letter-spacing:-0.02em; line-height:1;
font-variant-numeric:lining-nums tabular-nums;
margin:0 0 12px;
}
body.page-id-149 .gs-stats__lbl{
display:block;
font-family:'Montserrat',sans-serif;
font-size:0.78em; letter-spacing:.28em; text-transform:uppercase;
font-weight:700; color:var(--gs-c-accent);
margin:0 0 14px;
}
body.page-id-149 .gs-stats__cell p{
font-family:'Montserrat',sans-serif;
font-size:0.92em; line-height:1.6;
color:var(--gs-c-text);
margin:0 auto; max-width:240px;
}
@media (max-width:849px){
body.page-id-149 .gs-stats__grid{
grid-template-columns:1fr 1fr; gap:36px 18px;
}
body.page-id-149 .gs-stats__grid::before{ display:none; }
body.page-id-149 .gs-stats__num{ font-size:2.6em; }
}
@media (max-width:549px){
body.page-id-149 .gs-stats__grid{ grid-template-columns:1fr; }
body.page-id-149 .gs-stats__num{ font-size:2.4em; }
}
/* ===== Article - Editorial-Reportage (Bild + Text alternierend) ===== */
body.page-id-149 .gs-article{ background:#fff; position:relative; }
body.page-id-149 .gs-article + .gs-article{ padding-top:0 !important; }
body.page-id-149 .gs-article--imgright > .row{
flex-direction:row;
}
/* Foto: aspect-ratio + cover - Flatsome rendert .img > .img-inner > img,
nicht .ux-image. Daher .gs-article .img img und nicht .ux-image img. */
body.page-id-149 .gs-article__media{ position:relative; }
body.page-id-149 .gs-article__media .img{
margin:0 !important;
}
body.page-id-149 .gs-article__media .img-inner{
border-radius:14px; overflow:hidden;
box-shadow:var(--gs-shadow-photo);
background:var(--gs-c-paper-mid);
aspect-ratio:5/4;
}
body.page-id-149 .gs-article .img img{
display:block;
width:100% !important;
height:100% !important;
aspect-ratio:5/4;
object-fit:cover;
object-position:center;
transition:transform .55s cubic-bezier(.4,0,.2,1);
}
body.page-id-149 .gs-article__media:hover .img img{ transform:scale(1.03); }
body.page-id-149 .gs-article__text{ position:relative; }
body.page-id-149 .gs-article__tag p{
display:inline-block;
font-family:'Montserrat',sans-serif;
font-size:0.78em; letter-spacing:.28em; text-transform:uppercase;
font-weight:700; color:var(--gs-c-accent);
margin:0 0 16px;
position:relative; padding-left:42px;
}
body.page-id-149 .gs-article__tag p::before{
content:""; position:absolute; left:0; top:50%;
width:30px; height:1px;
background:var(--gs-c-accent); opacity:.85;
}
body.page-id-149 .gs-article__h h2{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:1.95em;
color:var(--gs-c-primary); line-height:1.18;
margin:0 0 22px; letter-spacing:-0.005em;
text-transform:none;
}
body.page-id-149 .gs-article__p{
font-family:'Montserrat',sans-serif;
font-size:1.02em; line-height:1.74;
color:var(--gs-c-text);
margin:0 0 1.1em;
}
body.page-id-149 .gs-article__p:last-child{ margin-bottom:0; }
@media (max-width:849px){
body.page-id-149 .gs-article__h h2{ font-size:1.5em; }
body.page-id-149 .gs-article--imgright > .row{ flex-direction:column-reverse !important; }
body.page-id-149 .gs-article__media .img-inner,
body.page-id-149 .gs-article .img img{ aspect-ratio:4/3; }
}
/* ===== Closing CTA - Editorial-Closing ===== */
body.page-id-149 .gs-closing{
background:#F4F7FA;
border-top:1px solid rgba(0,29,46,0.06);
position:relative; overflow:hidden;
}
body.page-id-149 .gs-closing::before{
content:""; position:absolute; inset:0;
background:
radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0,79,125,0.06) 0%, transparent 60%),
radial-gradient(ellipse 70% 40% at 50% 100%, rgba(248,173,0,0.05) 0%, transparent 65%);
pointer-events:none; z-index:0;
}
body.page-id-149 .gs-closing > .row{ position:relative; z-index:1; }
body.page-id-149 .gs-closing .ww-h-mark{ margin:0 auto 28px; }
body.page-id-149 .gs-closing__h h2{
font-family:'Montserrat',sans-serif;
font-weight:700; font-size:2.2em;
color:var(--gs-c-primary);
letter-spacing:.005em; line-height:1.18;
margin:0 auto 18px; max-width:20ch;
text-align:center;
}
body.page-id-149 .gs-closing__sub{
font-family:'Montserrat',sans-serif;
font-size:1.04em; line-height:1.66;
color:var(--gs-c-text); text-align:center;
margin:0 auto 36px; max-width:560px;
}
body.page-id-149 .gs-closing__cta{
text-align:center; margin:0 0 22px;
}
body.page-id-149 .gs-closing__cta .button{
font-size:1.04em;
padding:0 38px;
height:54px; line-height:54px;
letter-spacing:.06em;
border-radius:10px !important;
box-shadow:0 12px 28px -12px rgba(0,79,125,0.45);
transition:transform .2s ease, box-shadow .25s ease;
}
body.page-id-149 .gs-closing__cta .button:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px -14px rgba(0,79,125,0.55);
}
body.page-id-149 .gs-closing__alt{
font-family:'Montserrat',sans-serif;
font-size:0.92em; color:var(--gs-c-mute);
text-align:center; margin:0;
}
body.page-id-149 .gs-closing__alt a{
color:var(--gs-c-primary-mid);
border-bottom:1px solid currentColor;
text-decoration:none;
transition:color .2s ease;
}
body.page-id-149 .gs-closing__alt a:hover{
color:var(--gs-c-accent);
}
@media (max-width:849px){
body.page-id-149 .gs-closing__h h2{ font-size:1.7em; }
}
/* ===== Footer-Anschluss-Farbe ===== */
body.page-id-149 #footer{ background-color:#F4F7FA !important; }
/* === /Geschichte === */
/* === Karriere (Page 153) === */
/* Hero */
.kr-hero { background: #072032; }
.kr-hero .ux-banner,
.kr-hero .banner { overflow: hidden; }
.kr-hero__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(2.2rem, 4.6vw, 3.6rem);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #ffffff;
line-height: 1.1;
margin: 0 0 22px 0;
text-shadow: 0 2px 18px rgba(7,32,50,0.45);
}
.kr-hero__flash {
font-family: 'Dancing Script', cursive;
font-weight: 600;
text-transform: none;
font-style: italic;
font-size: 1.22em;
color: #f8ad00;
letter-spacing: 0;
display: inline-block;
transform: rotate(-2deg);
margin: 0 0.06em;
line-height: 0.9;
}
.kr-hero__sub {
font-size: clamp(1rem, 1.4vw, 1.2rem);
color: #ffffff;
font-weight: 300;
letter-spacing: 0.02em;
line-height: 1.6;
margin: 0 auto;
max-width: 540px;
text-shadow: 0 1px 8px rgba(7,32,50,0.45);
}
/* Lede */
.kr-lede { background: #ffffff; }
.kr-lede__p {
font-size: clamp(1.05rem, 1.3vw, 1.18rem);
line-height: 1.85;
color: #2a3d50;
max-width: 780px;
margin: 0 auto 22px auto;
text-align: left;
}
.kr-lede__p:last-child { margin-bottom: 0; }
.kr-lede__flash {
font-family: 'Dancing Script', cursive;
font-weight: 600;
font-style: italic;
color: #004f7d;
font-size: 1.28em;
display: inline-block;
transform: rotate(-1.5deg);
margin: 0 0.04em;
line-height: 0.9;
}
.kr-lede__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.65rem, 2.6vw, 2.1rem);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #072032;
text-align: center;
line-height: 1.2;
margin: 0 auto 38px auto;
max-width: 780px;
}
/* Werte */
.kr-werte__eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
font-weight: 600;
color: rgba(7,32,50,0.55);
margin: 0 0 14px 0;
}
.kr-werte__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.65rem, 2.6vw, 2.1rem);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #072032;
line-height: 1.15;
margin: 0 0 8px 0;
}
.kr-card {
background: #ffffff !important;
border-radius: 4px;
padding: 36px 32px 30px 32px !important;
border: 1px solid rgba(7,32,50,0.07) !important;
box-shadow: 0 2px 14px rgba(7,32,50,0.04);
height: 100%;
transition: transform .25s ease, box-shadow .25s ease;
}
.kr-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 28px rgba(7,32,50,0.09);
}
.kr-card .featured-img-icon { margin-bottom: 6px; }
.kr-card__h {
font-family: 'Montserrat', sans-serif;
font-size: 1.18rem;
font-weight: 700;
color: #072032;
margin: 6px 0 12px 0;
line-height: 1.25;
}
.kr-card__p {
font-size: 15px;
line-height: 1.7;
color: #2a3d50;
margin: 0;
}
/* Keep the four career value cards at an equal height. */
@media (min-width: 550px) {
body.page-id-153 .kr-werte .section-content > .row:last-child {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: auto;
}
body.page-id-153 .kr-werte .section-content > .row:last-child > .col {
display: flex;
width: 100% !important;
max-width: none !important;
flex-basis: auto !important;
}
body.page-id-153 .kr-werte .section-content > .row:last-child > .col > .col-inner {
display: flex;
width: 100%;
}
body.page-id-153 .kr-werte .section-content > .row:last-child .kr-card {
flex: 1 1 auto;
}
}
/* Break */
.kr-break { background: #ffffff; }
.kr-break__media-col .img,
.kr-break__media-col img {
border-radius: 4px;
box-shadow: 0 14px 36px rgba(7,32,50,0.18);
overflow: hidden;
}
.kr-break__text-col { padding-left: 40px !important; }
.kr-break__eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
font-weight: 600;
color: rgba(7,32,50,0.55);
margin: 0 0 18px 0;
}
.kr-break__quote {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.4rem, 2.2vw, 1.85rem);
font-weight: 600;
font-style: normal;
color: #072032;
line-height: 1.32;
border: none !important;
padding: 0 !important;
margin: 0 0 24px 0 !important;
letter-spacing: -0.005em;
position: relative;
background: none !important;
}
.kr-break__quote::before {
content: "\201C";
position: absolute;
left: -0.42em;
top: -0.22em;
font-size: 2.6em;
font-family: 'Dancing Script', cursive;
color: #f8ad00;
line-height: 1;
opacity: 0.7;
}
.kr-break__quote::after {
content: "\201D";
display: inline-block;
font-size: 2.6em;
font-family: 'Dancing Script', cursive;
color: #f8ad00;
line-height: 0;
vertical-align: -0.42em;
margin-left: 0.06em;
opacity: 0.7;
}
.kr-break__sub {
font-size: 16px;
line-height: 1.7;
color: #2a3d50;
margin: 0 0 22px 0;
max-width: 520px;
}
.kr-break__signature {
font-family: 'Dancing Script', cursive;
font-size: 1.55rem;
font-weight: 500;
color: #004f7d;
margin: 0;
}
.kr-break__signature::before { content: "- "; }
/* The career editorial statement is intentionally not a quotation. */
.kr-break__quote--plain::before,
.kr-break__quote--plain::after {
content: none !important;
display: none !important;
}
@media (max-width: 849px) {
.kr-break__text-col { padding-left: 0 !important; padding-top: 32px !important; }
.kr-break__quote::before { left: -0.18em; font-size: 2.2em; }
}
/* Prozess */
.kr-prozess__eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
font-weight: 600;
color: rgba(248,173,0,0.85);
margin: 0 0 14px 0;
}
.kr-prozess__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.7rem, 2.8vw, 2.2rem);
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 0.02em;
line-height: 1.15;
margin: 0 0 16px 0;
}
.kr-prozess__lead {
font-size: 17px;
line-height: 1.6;
color: rgba(255,255,255,0.78);
max-width: 620px;
margin: 0 auto;
}
.kr-step {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 4px;
padding: 32px 28px 30px 28px;
height: 100%;
position: relative;
transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.kr-step:hover {
transform: translateY(-3px);
border-color: rgba(248,173,0,0.5);
background: rgba(255,255,255,0.06);
}
.kr-step__num {
font-family: 'Montserrat', sans-serif;
font-size: 2.6rem;
font-weight: 700;
color: #f8ad00;
letter-spacing: -0.02em;
line-height: 1;
margin: 0 0 16px 0;
}
.kr-step__h {
font-family: 'Montserrat', sans-serif;
font-size: 1.15rem;
font-weight: 700;
color: #ffffff;
margin: 0 0 12px 0;
line-height: 1.3;
}
.kr-step__p {
font-size: 15px;
line-height: 1.7;
color: rgba(255,255,255,0.72);
margin: 0;
}
.kr-prozess__cta.button {
background: #f8ad00 !important;
color: #072032 !important;
border-color: #f8ad00 !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
padding-left: 32px !important;
padding-right: 32px !important;
}
.kr-prozess__cta.button:hover {
background: #ffffff !important;
color: #072032 !important;
border-color: #ffffff !important;
}
/* Stellen-Container */
.kr-stellen__eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
font-weight: 600;
color: rgba(7,32,50,0.55);
margin: 0 0 14px 0;
}
.kr-stellen__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.7rem, 2.8vw, 2.2rem);
font-weight: 700;
text-transform: uppercase;
color: #072032;
letter-spacing: 0.02em;
line-height: 1.15;
margin: 0 0 16px 0;
}
.kr-stellen__lead {
font-size: 17px;
line-height: 1.6;
color: #2a3d50;
max-width: 620px;
margin: 0 auto;
}
/* Closing */
.kr-closing { background: #ffffff; }
.kr-avatar-wrap {
width: 140px;
height: 140px;
border-radius: 50%;
padding: 6px;
background: #ffffff;
box-shadow: 0 0 0 1px #f8ad00, 0 8px 22px rgba(7,32,50,0.10);
margin: 0 auto 28px auto;
display: block;
box-sizing: border-box;
}
.kr-avatar-wrap .img {
width: 100% !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 50% !important;
overflow: hidden !important;
}
.kr-avatar-wrap .img-inner {
position: static !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
border-radius: 50% !important;
overflow: hidden !important;
}
.kr-avatar-wrap img {
position: static !important;
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
object-fit: cover !important;
object-position: center top !important;
display: block !important;
}
.kr-closing__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.8rem, 3vw, 2.4rem);
font-weight: 700;
color: #072032;
letter-spacing: -0.005em;
margin: 0 0 28px 0;
line-height: 1.15;
text-align: center;
}
.kr-closing__p {
font-size: 17px;
line-height: 1.8;
color: #2a3d50;
max-width: 640px;
margin: 0 auto 20px auto;
text-align: left;
}
.kr-closing__signature {
font-family: 'Dancing Script', cursive;
font-size: 2.1rem;
color: #004f7d;
text-align: center;
margin: 24px auto 36px auto !important;
font-weight: 600;
}
.kr-closing__signature::before { content: "- "; opacity: 0.7; }
.kr-closing__contact {
border-top: 1px solid rgba(7,32,50,0.12);
padding-top: 24px;
max-width: 540px;
margin: 0 auto;
text-align: center;
}
.kr-closing__name {
font-weight: 700;
color: #072032;
font-size: 15px;
letter-spacing: 0.02em;
margin: 0 0 6px 0 !important;
}
.kr-closing__role {
font-weight: 400;
color: rgba(7,32,50,0.6);
font-size: 14px;
}
.kr-closing__role::before { content: "- "; margin-right: 2px; }
.kr-closing__lines {
font-size: 15px;
color: #004f7d;
margin: 0 !important;
letter-spacing: 0.01em;
}
.kr-closing__lines a {
color: #004f7d;
border-bottom: 1px dotted rgba(0,79,125,0.4);
}
.kr-closing__lines a:hover { color: #072032; border-bottom-color: #072032; }
/* Block 587 - Editorial Job-Card (Template) */
.kr-job-col { padding: 0; }
.kr-job {
position: relative;
background: #ffffff;
border-radius: 4px;
padding: 48px 56px 40px 56px;
box-shadow: 0 6px 30px rgba(7,32,50,0.07);
border: 1px solid rgba(7,32,50,0.06);
border-left: 4px solid #f8ad00;
}
.kr-job__tag {
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #004f7d;
font-weight: 700;
margin: 0 0 18px 0;
padding: 6px 12px;
background: rgba(0,79,125,0.07);
border-radius: 2px;
}
.kr-job__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.35rem, 2vw, 1.7rem);
font-weight: 700;
color: #072032;
margin: 0 0 22px 0;
line-height: 1.25;
}
.kr-job__p {
font-size: 16px;
line-height: 1.75;
color: #2a3d50;
margin: 0 0 18px 0;
}
.kr-job__pills {
list-style: none !important;
padding-left: 0 !important;
margin: 0 0 24px 0 !important;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.kr-job__pills li {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
color: #004f7d;
background: #F2F6FA;
border: 1px solid rgba(0,79,125,0.18);
padding: 8px 16px;
border-radius: 24px;
letter-spacing: 0.02em;
list-style: none;
}
.kr-job__contact {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 32px;
margin: 32px 0 0 0;
padding-top: 24px;
border-top: 1px solid rgba(7,32,50,0.1);
}
.kr-job__contact-left, .kr-job__contact-right { flex: 1; }
.kr-job__contact-right { text-align: right; }
.kr-job__contact-label {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(7,32,50,0.55);
margin: 0 0 4px 0 !important;
font-weight: 600;
}
.kr-job__contact-name {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #072032;
font-size: 16px;
margin: 0 !important;
}
.kr-job__contact-right p {
margin: 0 0 4px 0 !important;
font-size: 15px;
color: #2a3d50;
}
.kr-job__contact-right a {
color: #004f7d;
border-bottom: 1px dotted rgba(0,79,125,0.4);
}
.kr-job__contact-right a:hover {
color: #072032;
border-bottom-color: #072032;
}
@media (max-width: 549px) {
.kr-job { padding: 36px 24px 30px 28px; }
.kr-job__contact { flex-direction: column; gap: 14px; }
.kr-job__contact-right { text-align: left; }
}
/* === /Karriere === */
/* === Kontakt PK + GK (Pages 204 + 210) === */
/* Konvention: page-spezifische Regeln mit body.page-id-X Prefix.
nur dort verwendet, wo Flatsome- oder Theme-Defaults
per ID-Selector / inline-style dagegen drueckt (Form-Submit gegen
Theme-Button-CSS). Section-Padding wird direkt im Shortcode gesetzt. */
/* ===== Hero (geteilt, beide Pages) ===== */
.kn-hero{ background:#072032; position:relative; }
.kn-hero .ux-banner,
.kn-hero .banner{ overflow:hidden; }
.kn-hero__eyebrow{
font-family:'Montserrat',sans-serif;
font-size:12px;
letter-spacing:0.32em;
text-transform:uppercase;
font-weight:600;
color:rgba(248,173,0,0.95);
margin:0 0 22px;
text-shadow:0 1px 8px rgba(7,32,50,0.45);
}
.kn-hero__h{
font-family:'Montserrat',sans-serif;
font-size:clamp(2.4rem, 5vw, 4rem);
font-weight:700;
text-transform:uppercase;
letter-spacing:0.04em;
color:#ffffff;
line-height:1.1;
margin:0 0 30px;
text-shadow:0 2px 18px rgba(7,32,50,0.45);
}
/* ===== Kontakt-Section: 2-Spalten Editorial ===== */
body.page-id-204 .kn-contact,
body.page-id-210 .kn-contact{ background:#ffffff; }
body.page-id-204 .kn-contact__intro,
body.page-id-210 .kn-contact__intro{ padding-right:30px; }
body.page-id-204 .kn-contact__h h2,
body.page-id-210 .kn-contact__h h2{
font-family:'Montserrat',sans-serif;
font-weight:700;
color:#004f7d;
letter-spacing:.005em;
line-height:1.18;
margin:0 0 22px;
max-width:18ch;
text-align:left;
}
body.page-id-204 .kn-contact__lead,
body.page-id-210 .kn-contact__lead{
font-family:'Montserrat',sans-serif;
font-size:1.0em;
line-height:1.7;
color:#5a6b7c;
font-weight:400;
margin:0 0 40px;
text-align:left;
max-width:38ch;
}
body.page-id-204 .kn-contact__quick,
body.page-id-210 .kn-contact__quick{
list-style:none;
padding:0;
margin:0;
border-top:1px solid rgba(0,29,46,0.08);
}
body.page-id-204 .kn-contact__quick li,
body.page-id-210 .kn-contact__quick li{
display:flex;
align-items:baseline;
gap:18px;
padding:16px 0;
border-bottom:1px solid rgba(0,29,46,0.08);
font-family:'Montserrat',sans-serif;
}
body.page-id-204 .kn-contact__qkey,
body.page-id-210 .kn-contact__qkey{
flex:0 0 100px;
font-size:0.70em;
letter-spacing:.28em;
text-transform:uppercase;
color:#f8ad00;
font-weight:700;
}
body.page-id-204 .kn-contact__qval,
body.page-id-210 .kn-contact__qval{
font-size:1.0em;
color:#004f7d;
font-weight:700;
letter-spacing:-0.005em;
}
/* Form-Card */
body.page-id-204 .kn-contact__form,
body.page-id-210 .kn-contact__form{
background:#ffffff;
border-radius:14px;
padding:42px 38px 38px;
border:1px solid rgba(0,29,46,0.10);
border-top:3px solid #f8ad00;
}
body.page-id-204 .kn-contact__form .wpcf7 label,
body.page-id-210 .kn-contact__form .wpcf7 label{
font-family:'Montserrat',sans-serif;
color:#1a2e3f;
font-weight:600;
font-size:0.85em;
letter-spacing:.02em;
}
body.page-id-204 .kn-contact__form input[type="text"],
body.page-id-204 .kn-contact__form input[type="email"],
body.page-id-204 .kn-contact__form input[type="tel"],
body.page-id-204 .kn-contact__form textarea,
body.page-id-210 .kn-contact__form input[type="text"],
body.page-id-210 .kn-contact__form input[type="email"],
body.page-id-210 .kn-contact__form input[type="tel"],
body.page-id-210 .kn-contact__form textarea{
background:#ffffff;
border:1px solid rgba(0,29,46,0.18);
border-radius:8px;
font-family:'Montserrat',sans-serif;
}
/* Submit-Button: gegen Theme-Default-Button-CSS (Flatsome) */
body.page-id-204 .kn-contact__form .wpcf7 input[type="submit"],
body.page-id-210 .kn-contact__form .wpcf7 input[type="submit"]{
background:#004f7d;
border:0;
border-radius:10px;
color:#fff;
font-family:'Montserrat',sans-serif;
font-weight:600;
letter-spacing:.08em;
padding:14px 30px;
}
body.page-id-204 .kn-contact__form .wpcf7 input[type="submit"]:hover,
body.page-id-210 .kn-contact__form .wpcf7 input[type="submit"]:hover{
background:#f8ad00;
}
/* ===== Map-Section: Adress-Liste + OSM-Karte side-by-side ===== */
body.page-id-204 .kn-map,
body.page-id-210 .kn-map{ background:#ffffff; }
body.page-id-204 .kn-map__addr,
body.page-id-210 .kn-map__addr{
background:#ffffff;
color:#1a2e3f;
}
body.page-id-204 .kn-map__lead,
body.page-id-210 .kn-map__lead{
font-family:'Montserrat',sans-serif;
font-size:1.05em;
line-height:1.6;
color:#5a6b7c;
font-weight:500;
margin:0 0 28px;
text-align:left;
}
body.page-id-204 .kn-map__list,
body.page-id-210 .kn-map__list{
list-style:none;
padding:0;
margin:0;
border-top:1px solid rgba(0,29,46,0.10);
}
body.page-id-204 .kn-map__list li,
body.page-id-210 .kn-map__list li{
display:flex;
align-items:baseline;
gap:18px;
padding:16px 0;
border-bottom:1px solid rgba(0,29,46,0.10);
font-family:'Montserrat',sans-serif;
}
body.page-id-204 .kn-map__label,
body.page-id-210 .kn-map__label{
flex:0 0 110px;
font-size:0.72em;
letter-spacing:.26em;
text-transform:uppercase;
color:#f8ad00;
font-weight:700;
}
body.page-id-204 .kn-map__value,
body.page-id-210 .kn-map__value{
font-size:0.98em;
color:#004f7d;
font-weight:600;
line-height:1.55;
}
body.page-id-204 .kn-map__value a,
body.page-id-210 .kn-map__value a{
color:#004f7d;
text-decoration:underline;
text-decoration-color:rgba(248,173,0,0.6);
text-underline-offset:3px;
}
body.page-id-204 .kn-map__value a:hover,
body.page-id-210 .kn-map__value a:hover{
color:#f8ad00;
}
/* OSM-Map Container (geteilt) */
.kn-map .osm-map-container,
.kn-map .leaflet-container{
display:block;
filter:saturate(0.85);
}
/* ===== Mobile ===== */
@media (max-width:849px){
body.page-id-204 .kn-contact__intro,
body.page-id-210 .kn-contact__intro{
padding-right:0;
margin-bottom:48px;
}
body.page-id-204 .kn-contact__form,
body.page-id-210 .kn-contact__form{
padding:32px 24px 28px;
}
body.page-id-204 .kn-map__label,
body.page-id-210 .kn-map__label{
flex:0 0 90px;
}
}
/* === /Kontakt === */
/* === FAQ (Page 208) === */
/* Hero - identisch zur Set-Konvention */
.fq-hero { background: #072032; position: relative; }
.fq-hero .ux-banner,
.fq-hero .banner { overflow: hidden; }
.fq-hero__eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 0.32em;
text-transform: uppercase;
font-weight: 600;
color: rgba(248,173,0,0.95);
margin: 0 0 22px 0 !important;
text-shadow: 0 1px 8px rgba(7,32,50,0.45);
}
.fq-hero__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(2.4rem, 5vw, 4rem);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #ffffff;
line-height: 1.1;
margin: 0 0 30px 0 !important;
text-shadow: 0 2px 18px rgba(7,32,50,0.45);
}
/* Body (Lede + Cluster) */
.fq-body { background: #ffffff; }
.fq-lede {
font-size: clamp(1.05rem, 1.3vw, 1.18rem);
line-height: 1.8;
color: #2a3d50;
max-width: 720px;
margin: 0 auto !important;
}
/* Cluster mit großem Numerierten Marker */
.fq-cluster + .fq-cluster {
margin-top: 72px;
padding-top: 72px;
border-top: 1px solid rgba(7,32,50,0.08);
}
.fq-cluster__head {
display: flex;
align-items: flex-start;
gap: 28px;
margin-bottom: 36px;
padding-bottom: 28px;
border-bottom: 2px solid rgba(7,32,50,0.06);
position: relative;
}
.fq-cluster__head::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 80px;
height: 2px;
background: #f8ad00;
}
.fq-cluster__num {
font-family: 'Montserrat', sans-serif;
font-size: clamp(3.8rem, 6.5vw, 5.6rem);
font-weight: 700;
color: #f8ad00;
line-height: 0.85;
letter-spacing: -0.04em;
flex-shrink: 0;
display: block;
text-shadow: 0 2px 12px rgba(248,173,0,0.15);
}
.fq-cluster__head-text { flex: 1; padding-top: 8px; }
.fq-cluster__eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 0.22em;
text-transform: uppercase;
font-weight: 600;
color: rgba(7,32,50,0.55);
margin: 0 0 10px 0 !important;
}
.fq-cluster__h {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.5rem, 2.6vw, 2.05rem);
font-weight: 700;
text-transform: uppercase;
color: #072032;
letter-spacing: 0.02em;
margin: 0 !important;
line-height: 1.2;
}
/* Q-A Akkordeon mit gelbem Akzent links bei [open] */
.fq-qa {
background: #ffffff;
border: 1px solid rgba(7,32,50,0.1);
border-left: 3px solid transparent;
border-radius: 4px;
margin-bottom: 12px;
transition: border-color .2s ease, box-shadow .2s ease, border-left-color .2s ease;
}
.fq-qa[open] {
border-color: rgba(248,173,0,0.25);
border-left-color: #f8ad00;
box-shadow: 0 8px 28px rgba(7,32,50,0.07);
}
.fq-qa:hover:not([open]) {
border-left-color: rgba(248,173,0,0.4);
}
.fq-qa__q {
cursor: pointer;
list-style: none;
position: relative;
padding: 22px 64px 22px 28px;
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight: 600;
color: #072032;
line-height: 1.4;
user-select: none;
transition: color .2s ease;
}
.fq-qa__q::-webkit-details-marker { display: none; }
.fq-qa__q::marker { content: ""; }
.fq-qa__q::after {
content: "+";
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
font-family: 'Montserrat', sans-serif;
font-size: 28px;
font-weight: 300;
color: #004f7d;
line-height: 1;
transition: color .2s ease, transform .2s ease;
width: 24px;
text-align: center;
}
.fq-qa[open] .fq-qa__q::after {
content: "−";
color: #f8ad00;
transform: translateY(-50%) rotate(180deg);
}
.fq-qa__q:hover { color: #004f7d; }
.fq-qa__a {
padding: 0 28px 24px 28px;
margin-top: -4px;
border-top: 1px solid rgba(7,32,50,0.06);
}
.fq-qa__a p {
font-size: 15.5px;
line-height: 1.78;
color: #2a3d50;
margin: 18px 0 0 0 !important;
}
.fq-qa__a p:last-child { margin-bottom: 0 !important; }
.fq-qa__a a {
color: #004f7d;
border-bottom: 1px dotted rgba(0,79,125,0.4);
text-decoration: none;
}
.fq-qa__a a:hover { color: #072032; border-bottom-color: #072032; }
/* Footer */
.fq-footer { background: #F2F6FA; }
.fq-footer__eyebrow {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
font-weight: 600;
color: rgba(7,32,50,0.55);
margin: 0 0 14px 0 !important;
}
.fq-footer__line {
font-size: clamp(1.05rem, 1.3vw, 1.2rem);
line-height: 1.6;
color: #072032;
margin: 0 !important;
font-weight: 500;
}
.fq-footer__line a {
color: #004f7d;
border-bottom: 1px dotted rgba(0,79,125,0.4);
text-decoration: none;
transition: color .2s ease, border-color .2s ease;
}
.fq-footer__line a:hover {
color: #072032;
border-bottom-color: #072032;
}
/* Responsive */
@media (max-width: 549px) {
.fq-cluster__head { flex-direction: row; gap: 18px; }
.fq-cluster__num { font-size: 3.2rem; }
.fq-qa__q { padding: 18px 56px 18px 20px; font-size: 16px; }
.fq-qa__q::after { right: 20px; font-size: 26px; }
.fq-qa__a { padding: 0 20px 20px 20px; }
}
/* === /FAQ === */
/* === Legal-Pages (Impressum / Datenschutz / AGB) === */
.lg-hero {
position: relative;
}
.lg-eyebrow {
font-family: 'Dancing Script', cursive;
color: #f8ad00;
font-size: 1.5em;
font-weight: 600;
margin: 0 0 6px 0;
letter-spacing: 0.01em;
line-height: 1;
}
.lg-title {
font-family: 'Montserrat', 'Open Sans', sans-serif;
font-size: clamp(2.0em, 5vw, 3.0em);
font-weight: 600;
line-height: 1.15;
margin: 0;
color: #ffffff;
letter-spacing: -0.01em;
}
.lg-stand {
display: inline-block;
font-size: 0.9em;
color: #6c7a86;
border: 1px solid #d8dee5;
background: #f5f8fb;
padding: 4px 12px;
border-radius: 4px;
margin: 0 0 32px 0;
}
.lg-body {
font-size: 1.02em;
line-height: 1.7;
color: #2a3540;
}
.lg-body h2 {
font-family: 'Montserrat', sans-serif;
font-size: 1.5em;
font-weight: 600;
color: #072032;
margin: 2.5em 0 0.6em 0;
padding-top: 0.6em;
border-top: 1px solid #e6ecf2;
}
.lg-body h2:first-of-type {
margin-top: 0;
border-top: none;
padding-top: 0;
}
.lg-body h3 {
font-family: 'Montserrat', sans-serif;
font-size: 1.18em;
font-weight: 600;
color: #072032;
margin: 2em 0 0.5em 0;
}
.lg-body h4 {
font-size: 1.0em;
font-weight: 600;
color: #2a3540;
margin: 1.5em 0 0.4em 0;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.lg-body h5 {
font-size: 0.92em;
font-weight: 600;
color: #4a5560;
margin: 1em 0 0.2em 0;
}
.lg-body p {
margin: 0 0 0.9em 0;
}
.lg-body a {
color: #004f7d;
text-decoration: underline;
text-decoration-color: rgba(0,79,125,0.35);
text-underline-offset: 2px;
}
.lg-body a:hover {
color: #f8ad00;
text-decoration-color: #f8ad00;
}
.lg-body ul,
.lg-body ol {
margin: 0.5em 0 1.2em 1.4em;
padding: 0;
}
.lg-body li {
margin: 0.3em 0;
}
.lg-body strong {
color: #072032;
}
.lg-body--ds h2 {
font-size: 1.35em;
}
.lg-note {
background: #f5f8fb;
border-left: 3px solid #f8ad00;
border-radius: 0 6px 6px 0;
padding: 16px 20px;
margin: 0 0 1.6em 0;
}
.lg-note p {
margin: 0;
font-size: 0.95em;
color: #4a5560;
}
/* === /Legal === */
/* === Hub-Pages (Leistungen / Ueber uns / Support) === */
.hub-hero { color: #fff; }
.hub-eyebrow {
font-size: 0.85em;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #f8ad00;
margin: 0 0 12px 0;
font-weight: 600;
}
.hub-title {
font-family: 'Montserrat', sans-serif;
font-size: 2.6em;
font-weight: 600;
color: #fff;
margin: 0 0 18px 0;
line-height: 1.15;
}
.hub-lede {
font-size: 1.1em;
color: rgba(255,255,255,0.85);
max-width: 680px;
margin: 0;
line-height: 1.55;
}
.hub-cards-section { background: #f8fafc; }
.hub-card {
display: block;
background: #fff;
border-radius: 8px;
overflow: hidden;
height: 100%;
transition: transform .25s ease, box-shadow .25s ease;
box-shadow: 0 1px 3px rgba(7,32,50,0.08);
text-decoration: none !important;
color: inherit !important;
}
.hub-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 32px rgba(7,32,50,0.12);
}
.hub-card__img {
aspect-ratio: 16 / 10;
object-fit: cover;
width: 100%;
display: block;
background: #e6ecf2;
}
.hub-card__body {
padding: 22px 24px 26px 24px;
}
.hub-card__title {
font-family: 'Montserrat', sans-serif;
font-size: 1.18em;
font-weight: 600;
color: #072032;
margin: 0 0 8px 0;
line-height: 1.25;
}
.hub-card__teaser {
font-size: 0.97em;
line-height: 1.55;
color: #4a5560;
margin: 0 0 14px 0;
}
.hub-card__more {
font-size: 0.9em;
color: #f8ad00;
font-weight: 600;
letter-spacing: 0.01em;
}
.hub-closing { text-align: center; }
.hub-closing__text {
font-size: 1.1em;
color: #2a3540;
margin: 0 0 22px 0;
line-height: 1.5;
}
@media (max-width: 549px) {
.hub-card__body { padding: 18px 18px 22px 18px; }
}
/* Equal text-panel heights on the About hub; outer Flatsome layout stays untouched. */
body.page-id-31 .hub-card__body {
display: flex;
flex-direction: column;
height: 170px;
}
body.page-id-31 .hub-card__more {
margin-top: auto;
}
/* === /Hub === */
/* === Blog (Page 212 + body.single-post) === */
/* ----------------------------------------------------------
CSS-Variablen (lokal zum Block, .iv-/.sw-Variablen bleiben)
---------------------------------------------------------- */
body.page-id-212,
body.single-post{
--bl-c-primary: #004f7d;
--bl-c-accent: #f8ad00;
--bl-c-deep: #072032;
--bl-c-paper: #F2F6FA;
--bl-c-soft: #F8FAFC;
--bl-c-text: #001D2E;
--bl-c-muted: rgba(0,29,46,0.65);
--bl-c-line: rgba(0,29,46,0.10);
}
/* ----------------------------------------------------------
Globaler Footer-BG matched zur letzten Section
---------------------------------------------------------- */
body.page-id-212 #footer{
background-color: var(--bl-c-paper);
}
/* ==========================================================
PAGE 212 - BLOG LISTING
========================================================== */
/* ---- Section 1: Hero ------------------------------------- */
body.page-id-212 .bl-hero{
background: transparent !important;
position: relative;
overflow: hidden;
}
body.page-id-212 .bl-hero .section-bg{
filter: contrast(1.05);
}
/* EDITION-Wortmarke und Goldlinie raus - klassisches Hero mit Bild + Dark-Overlay */
body.page-id-212 .bl-hero::before,
body.page-id-212 .bl-hero::after{
content: none !important;
display: none !important;
}
body.page-id-212 .bl-hero .ww-h-mark{
margin: 0 auto 1.4em;
}
body.page-id-212 .bl-hero__col{
position: relative;
z-index: 3;
}
body.page-id-212 .bl-hero__eyebrow{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.78em;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(--bl-c-accent);
margin-bottom: 0.8em;
}
body.page-id-212 .bl-hero__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: clamp(2.6em, 5.2vw, 4.4em);
line-height: 1.04;
letter-spacing: -0.015em;
color: #fff !important;
margin: 0.1em auto;
max-width: 22ch;
text-shadow: 0 2px 30px rgba(0,29,46,0.40);
}
body.page-id-212 .bl-hero__flash{
font-family: 'Dancing Script', cursive;
font-weight: 600;
font-size: 1.18em;
color: var(--bl-c-primary);
display: inline-block;
transform: translateY(0.05em) rotate(-2deg);
white-space: nowrap;
letter-spacing: 0;
}
body.page-id-212 .bl-hero__lede{
font-family: 'Montserrat',sans-serif;
font-weight: 400;
font-size: 1.18em;
line-height: 1.6;
color: rgba(255,255,255,0.92) !important;
max-width: 38ch;
margin: 1.4em auto 2.4em;
text-shadow: 0 1px 12px rgba(0,29,46,0.35);
}
body.page-id-212 .bl-hero__meta{
display: inline-flex;
align-items: center;
gap: 1em;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.74em;
letter-spacing: 0.26em;
text-transform: uppercase;
color: rgba(255,255,255,0.92);
padding: 0.9em 1.8em;
border: 1px solid rgba(255,255,255,0.30);
border-radius: 999px;
background: rgba(0,29,46,0.25);
backdrop-filter: blur(6px);
}
body.page-id-212 .bl-hero__meta-sep{
display: inline-block;
width: 4px; height: 4px;
background: var(--bl-c-accent);
border-radius: 50%;
}
@media (max-width: 849px){
body.page-id-212 .bl-hero::after{ font-size: 0.62em; }
body.page-id-212 .bl-hero__meta{
font-size: 0.66em;
gap: 0.7em;
padding: 0.8em 1.2em;
}
}
/* ---- Section 2: Featured Story --------------------------- */
body.page-id-212 .bl-feature{
background: var(--bl-c-paper);
}
body.page-id-212 .bl-feature .row{
align-items: stretch;
}
body.page-id-212 .bl-feature__media-col{
position: relative;
z-index: 1;
}
body.page-id-212 .bl-feature__media-col::after{
content: "AKTUELL";
position: absolute;
top: 30px; left: 30px;
background: var(--bl-c-accent);
color: var(--bl-c-text);
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 0.7em;
letter-spacing: 0.32em;
padding: 0.7em 1.2em;
border-radius: 4px;
z-index: 5;
box-shadow: 0 10px 24px -8px rgba(0,29,46,0.28);
}
body.page-id-212 .bl-feature__media-col .img{
border-radius: 14px;
overflow: hidden;
min-height: 480px;
height: 100%;
box-shadow: 0 30px 60px -28px rgba(0,29,46,0.30);
}
body.page-id-212 .bl-feature__media-col .img img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
body.page-id-212 .bl-feature__media-col:hover .img img{
transform: scale(1.03);
}
body.page-id-212 .bl-feature__text-col{
position: relative;
z-index: 4;
}
body.page-id-212 .bl-feature__card{
background: #fff;
border-radius: 14px;
padding: 56px 48px;
margin-left: -60px;
margin-top: 50px;
margin-bottom: 50px;
border-left: 3px solid var(--bl-c-accent);
box-shadow: 0 30px 60px -28px rgba(0,29,46,0.22);
position: relative;
}
body.page-id-212 .bl-feature__card::before{
content: "";
position: absolute;
top: 56px; right: 32px;
width: 32px; height: 32px;
background:
radial-gradient(circle at center, var(--bl-c-accent) 0 3px, transparent 3px),
radial-gradient(circle at center, rgba(248,173,0,0.25) 0 1.5px, transparent 1.5px) 0 0/8px 8px;
opacity: 0.5;
}
body.page-id-212 .bl-feature__eyebrow{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.75em;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--bl-c-primary);
display: inline-flex;
align-items: center;
gap: 0.8em;
margin-bottom: 1.4em;
}
body.page-id-212 .bl-feature__eye-cat{
background: rgba(0,79,125,0.08);
padding: 0.45em 0.9em;
border-radius: 4px;
}
body.page-id-212 .bl-feature__dot{
width: 4px; height: 4px;
background: var(--bl-c-accent);
border-radius: 50%;
}
body.page-id-212 .bl-feature__eye-date{
color: rgba(0,29,46,0.55);
}
body.page-id-212 .bl-feature__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 2.2em;
line-height: 1.08;
color: var(--bl-c-text);
margin: 0 0 0.6em;
letter-spacing: -0.015em;
}
body.page-id-212 .bl-feature__h a{
color: inherit;
text-decoration: none;
}
body.page-id-212 .bl-feature__h a:hover{
color: var(--bl-c-primary);
}
body.page-id-212 .bl-feature__lede{
font-family: 'Montserrat',sans-serif;
font-size: 1.05em;
line-height: 1.6;
color: var(--bl-c-muted);
margin: 0 0 2em;
}
body.page-id-212 .bl-feature__byline{
display: flex;
align-items: center;
gap: 14px;
margin: 2em 0 2.4em;
padding-top: 1.6em;
border-top: 1px solid var(--bl-c-line);
}
body.page-id-212 .bl-feature__avatar-wrap{
width: 48px; height: 48px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid #fff;
box-shadow: 0 6px 14px -4px rgba(0,29,46,0.25);
}
body.page-id-212 .bl-feature__avatar-wrap--initials{
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--bl-c-primary) 0%, #0A6FA5 100%);
color: #fff;
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 0.85em;
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.page-id-212 .bl-feature__avatar-wrap .img,
body.page-id-212 .bl-feature__avatar-wrap .img-inner{
height: 100%;
}
body.page-id-212 .bl-feature__avatar-wrap .img img{
width: 100%; height: 100%;
object-fit: cover;
display: block;
}
body.page-id-212 .bl-feature__byline-text{
display: flex;
flex-direction: column;
}
body.page-id-212 .bl-feature__by-name{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.92em;
color: var(--bl-c-text);
line-height: 1.2;
}
body.page-id-212 .bl-feature__by-role{
font-family: 'Montserrat',sans-serif;
font-weight: 600;
font-size: 0.72em;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(0,29,46,0.55);
margin-top: 0.2em;
}
body.page-id-212 .bl-feature__cta{
display: inline-flex;
align-items: center;
gap: 0.7em;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.82em;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--bl-c-primary);
text-decoration: none;
padding-bottom: 0.4em;
border-bottom: 2px solid var(--bl-c-accent);
transition: all 0.25s ease;
}
body.page-id-212 .bl-feature__cta:hover{
gap: 1.1em;
color: var(--bl-c-text);
}
body.page-id-212 .bl-feature__arrow{
font-size: 1.15em;
transition: transform 0.25s ease;
}
body.page-id-212 .bl-feature__cta:hover .bl-feature__arrow{
transform: translateX(4px);
}
@media (max-width: 849px){
body.page-id-212 .bl-feature__card{
margin-left: 0;
margin-top: -40px;
margin-bottom: 0;
padding: 36px 28px;
}
body.page-id-212 .bl-feature__media-col .img{
min-height: 320px;
}
body.page-id-212 .bl-feature__h{ font-size: 1.7em; }
body.page-id-212 .bl-feature__card::before{ display: none; }
}
/* ---- Section 3: Themen-Marker (Buckets) ------------------ */
body.page-id-212 .bl-buckets{
background: #fff;
border-top: 1px solid var(--bl-c-line);
border-bottom: 1px solid var(--bl-c-line);
}
body.page-id-212 .bl-buckets__head{
text-align: center;
margin-bottom: 4em;
}
body.page-id-212 .bl-buckets__head .ww-h-mark{
margin: 1em auto;
}
body.page-id-212 .bl-buckets__eyebrow{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.78em;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(--bl-c-accent);
}
body.page-id-212 .bl-buckets__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 2.2em;
line-height: 1.15;
color: var(--bl-c-text);
max-width: 24ch;
margin: 0 auto;
letter-spacing: -0.01em;
}
body.page-id-212 .bl-buckets__grid{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
border-left: 1px solid var(--bl-c-line);
}
body.page-id-212 .bl-bucket{
padding: 36px 28px 36px 32px;
border-right: 1px solid var(--bl-c-line);
text-decoration: none;
display: flex;
flex-direction: column;
background: #fff;
transition: background 0.3s ease;
position: relative;
}
body.page-id-212 .bl-bucket::after{
content: "";
position: absolute;
bottom: 0; left: 0;
height: 3px;
width: 0;
background: var(--bl-c-accent);
transition: width 0.35s ease;
}
body.page-id-212 .bl-bucket:hover{
background: var(--bl-c-soft);
}
body.page-id-212 .bl-bucket:hover::after{
width: 100%;
}
body.page-id-212 .bl-bucket__num{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 4.6em;
line-height: 0.85;
color: var(--bl-c-accent);
letter-spacing: -0.04em;
text-shadow: 0 8px 28px rgba(248,173,0,0.30);
margin-bottom: 0.25em;
}
body.page-id-212 .bl-bucket__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.15em;
letter-spacing: 0.02em;
color: var(--bl-c-text);
margin: 0 0 0.6em;
}
body.page-id-212 .bl-bucket__sub{
font-family: 'Montserrat',sans-serif;
font-size: 0.92em;
line-height: 1.55;
color: var(--bl-c-muted);
margin: 0 0 1.5em;
flex: 1;
}
body.page-id-212 .bl-bucket__meta{
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
margin-top: auto;
padding-top: 1em;
border-top: 1px solid var(--bl-c-line);
}
body.page-id-212 .bl-bucket__count{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.72em;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--bl-c-primary);
}
body.page-id-212 .bl-bucket__arrow{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 1.1em;
color: var(--bl-c-accent);
transition: transform 0.25s ease;
}
body.page-id-212 .bl-bucket:hover .bl-bucket__arrow{
transform: translateX(4px);
}
@media (max-width: 849px){
body.page-id-212 .bl-buckets__grid{
grid-template-columns: repeat(2, 1fr);
border-bottom: 1px solid var(--bl-c-line);
}
body.page-id-212 .bl-bucket{
border-bottom: 1px solid var(--bl-c-line);
}
body.page-id-212 .bl-bucket__num{ font-size: 3.6em; }
}
@media (max-width: 549px){
body.page-id-212 .bl-buckets__grid{
grid-template-columns: 1fr;
}
}
/* ---- Section 4: Beitrags-Grid ---------------------------- */
body.page-id-212 .bl-grid{
background: #fff;
}
body.page-id-212 .bl-grid__head{
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 1em;
margin-bottom: 3em;
padding-bottom: 1.5em;
border-bottom: 1px solid var(--bl-c-line);
}
body.page-id-212 .bl-grid__eyebrow{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.78em;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(--bl-c-accent);
margin-bottom: 0.6em;
}
body.page-id-212 .bl-grid__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.9em;
line-height: 1.15;
color: var(--bl-c-text);
margin: 0;
letter-spacing: -0.01em;
}
body.page-id-212 .bl-grid__count{
font-family: 'Montserrat',sans-serif;
font-weight: 600;
font-size: 0.78em;
letter-spacing: 0.28em;
text-transform: uppercase;
color: rgba(0,29,46,0.55);
padding-bottom: 0.4em;
display: inline-flex;
align-items: center;
gap: 0.7em;
}
body.page-id-212 .bl-grid__count::before{
content: "";
display: inline-block;
width: 6px; height: 6px;
background: var(--bl-c-accent);
border-radius: 50%;
}
body.page-id-212 .bl-grid__inner{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 32px;
}
body.page-id-212 .bl-card{
display: flex;
flex-direction: column;
background: #fff;
text-decoration: none;
border-radius: 14px;
overflow: hidden;
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
body.page-id-212 .bl-card:hover{
transform: translateY(-4px);
box-shadow: 0 28px 56px -22px rgba(0,29,46,0.22);
}
body.page-id-212 .bl-card__media{
position: relative;
aspect-ratio: 16/10;
overflow: hidden;
border-radius: 14px;
margin-bottom: 1.4em;
}
body.page-id-212 .bl-card__media .img,
body.page-id-212 .bl-card__media .img-inner{
height: 100%;
width: 100%;
}
body.page-id-212 .bl-card__media .img img{
width: 100%; height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
body.page-id-212 .bl-card:hover .bl-card__media .img img{
transform: scale(1.05);
}
body.page-id-212 .bl-card__pill{
position: absolute;
top: 14px; left: 14px;
background: #fff;
color: var(--bl-c-primary);
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 0.68em;
letter-spacing: 0.26em;
text-transform: uppercase;
padding: 0.55em 1em;
border-radius: 4px;
z-index: 2;
box-shadow: 0 4px 10px -2px rgba(0,29,46,0.18);
}
body.page-id-212 .bl-card__pill--podcast{
background: var(--bl-c-deep);
color: var(--bl-c-accent);
}
body.page-id-212 .bl-card__pill--intern{
background: var(--bl-c-primary);
color: #fff;
}
body.page-id-212 .bl-card__body{
padding: 0 20px 24px;
display: flex;
flex-direction: column;
flex: 1;
}
body.page-id-212 .bl-card__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.22em;
line-height: 1.24;
margin: 0 0 0.55em;
color: var(--bl-c-text);
letter-spacing: -0.005em;
}
body.page-id-212 .bl-card:hover .bl-card__h{
color: var(--bl-c-primary);
}
body.page-id-212 .bl-card__lede{
font-family: 'Montserrat',sans-serif;
font-size: 0.94em;
line-height: 1.55;
color: var(--bl-c-muted);
margin: 0 0 1.3em;
}
body.page-id-212 .bl-card__meta{
display: flex;
align-items: center;
gap: 0.7em;
margin-top: auto;
font-family: 'Montserrat',sans-serif;
font-weight: 600;
font-size: 0.72em;
color: rgba(0,29,46,0.55);
letter-spacing: 0.18em;
text-transform: uppercase;
}
body.page-id-212 .bl-card__meta-sep{
display: inline-block;
width: 3px; height: 3px;
background: var(--bl-c-accent);
border-radius: 50%;
}
@media (max-width: 849px){
body.page-id-212 .bl-grid__inner{
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 549px){
body.page-id-212 .bl-grid__inner{
grid-template-columns: 1fr;
}
body.page-id-212 .bl-grid__h{ font-size: 1.6em; }
}
/* ---- Section 5: Editorial Break / Pull-Quote ------------- */
body.page-id-212 .bl-quote{
background: var(--bl-c-paper);
}
body.page-id-212 .bl-quote__row{
display: grid;
grid-template-columns: 280px 1fr;
gap: 60px;
max-width: 1100px;
margin: 0 auto;
align-items: center;
}
body.page-id-212 .bl-quote__author{
text-align: center;
}
body.page-id-212 .bl-quote__avatar{
width: 180px; height: 180px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 1.4em;
border: 6px solid #fff;
box-shadow: 0 24px 48px -20px rgba(0,29,46,0.30);
position: relative;
}
body.page-id-212 .bl-quote__avatar .img,
body.page-id-212 .bl-quote__avatar .img-inner{
height: 100%;
}
body.page-id-212 .bl-quote__avatar .img img{
width: 100%; height: 100%;
object-fit: cover;
object-position: center 22%;
display: block;
}
body.page-id-212 .bl-quote__sig{
font-family: 'Dancing Script', cursive;
font-weight: 600;
font-size: 2.1em;
color: var(--bl-c-primary);
line-height: 1;
margin-bottom: 0.4em;
transform: rotate(-2deg);
display: inline-block;
}
body.page-id-212 .bl-quote__role{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.74em;
letter-spacing: 0.28em;
text-transform: uppercase;
color: rgba(0,29,46,0.55);
display: block;
}
body.page-id-212 .bl-quote__body{
position: relative;
padding-left: 0;
}
body.page-id-212 .bl-quote__text::before{
content: "\201C";
position: absolute;
left: 0; top: 0.02em;
font-family: Georgia, "Times New Roman", serif;
font-size: 2.8em;
line-height: 1;
color: var(--bl-c-accent);
pointer-events: none;
}
body.page-id-212 .bl-quote__text::after{
content: "\201D";
font-family: Georgia, "Times New Roman", serif;
font-size: 2.8em;
line-height: 0;
color: var(--bl-c-accent);
vertical-align: -0.36em;
margin-left: 0.04em;
}
body.page-id-212 .bl-quote__eyebrow{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.74em;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(--bl-c-accent);
margin-bottom: 0.8em;
}
body.page-id-212 .bl-quote__text{
position: relative;
padding: 0.05em 1.5em 0.25em 1.5em;
font-family: 'Montserrat',sans-serif;
font-weight: 400;
font-size: 1.35em;
line-height: 1.55;
color: var(--bl-c-text);
margin: 0;
font-style: italic;
letter-spacing: -0.005em;
}
body.page-id-212 .bl-quote__text em{
color: var(--bl-c-primary);
font-weight: 700;
font-style: italic;
position: relative;
}
body.page-id-212 .bl-quote__rule{
width: 60px;
height: 1px;
background: var(--bl-c-accent);
margin: 1.6em 0 1em;
}
body.page-id-212 .bl-quote__attribution{
font-family: 'Montserrat',sans-serif;
font-weight: 600;
font-size: 0.78em;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(0,29,46,0.55);
}
@media (max-width: 849px){
body.page-id-212 .bl-quote__row{
grid-template-columns: 1fr;
gap: 30px;
text-align: center;
}
body.page-id-212 .bl-quote__body{
padding-left: 0;
padding-top: 1.8em;
text-align: center;
}
body.page-id-212 .bl-quote__text{ padding: 0.05em 1.1em 0.2em 1.1em; }
body.page-id-212 .bl-quote__text::before,
body.page-id-212 .bl-quote__text::after{ font-size: 2.3em; }
body.page-id-212 .bl-quote__rule{ margin: 1.4em auto; }
body.page-id-212 .bl-quote__avatar{ width: 140px; height: 140px; }
body.page-id-212 .bl-quote__text{ font-size: 1.15em; }
}
/* ---- Section 6: Podcast ---------------------------------- */
body.page-id-212 .bl-podcast{
background: var(--bl-c-deep) !important;
color: #fff;
position: relative;
overflow: hidden;
}
body.page-id-212 .bl-podcast::before{
content: "";
position: absolute;
top: -120px; right: -120px;
width: 500px; height: 500px;
background: radial-gradient(circle, rgba(248,173,0,0.22) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
body.page-id-212 .bl-podcast::after{
content: "";
position: absolute;
bottom: -150px; left: -100px;
width: 380px; height: 380px;
background: radial-gradient(circle, rgba(0,79,125,0.42) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
body.page-id-212 .bl-podcast__inner{
position: relative;
z-index: 2;
max-width: 1100px;
margin: 0 auto;
}
body.page-id-212 .bl-podcast__head{
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 60px;
align-items: end;
margin-bottom: 3em;
padding-bottom: 2.4em;
border-bottom: 1px solid rgba(255,255,255,0.10);
}
body.page-id-212 .bl-podcast__eyebrow{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.78em;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(--bl-c-accent);
margin-bottom: 1em;
}
body.page-id-212 .bl-podcast__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 2.4em;
line-height: 1.1;
color: #fff;
margin: 0 0 0.6em;
letter-spacing: -0.015em;
}
body.page-id-212 .bl-podcast__h-flash{
font-family: 'Dancing Script', cursive;
font-weight: 600;
font-size: 1.18em;
color: var(--bl-c-accent);
display: inline-block;
transform: translateY(0.05em) rotate(-2deg);
letter-spacing: 0;
}
body.page-id-212 .bl-podcast__lede{
font-family: 'Montserrat',sans-serif;
font-size: 1.05em;
line-height: 1.6;
color: rgba(255,255,255,0.78);
margin: 0;
max-width: 50ch;
}
body.page-id-212 .bl-podcast__head-meta{
display: flex;
gap: 32px;
justify-content: flex-end;
text-align: right;
}
body.page-id-212 .bl-podcast__stat{
display: flex;
flex-direction: column;
padding-right: 24px;
border-right: 1px solid rgba(255,255,255,0.14);
}
body.page-id-212 .bl-podcast__stat:last-child{
padding-right: 0;
border-right: 0;
}
body.page-id-212 .bl-podcast__stat-num{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.8em;
line-height: 1;
color: var(--bl-c-accent);
margin-bottom: 0.25em;
}
body.page-id-212 .bl-podcast__stat-lbl{
font-family: 'Montserrat',sans-serif;
font-weight: 600;
font-size: 0.7em;
letter-spacing: 0.24em;
text-transform: uppercase;
color: rgba(255,255,255,0.6);
}
body.page-id-212 .bl-podcast__embed{
border-radius: 14px;
overflow: hidden;
background: rgba(255,255,255,0.04);
box-shadow: 0 30px 60px -28px rgba(0,0,0,0.5);
padding: 8px;
border: 1px solid rgba(255,255,255,0.10);
}
body.page-id-212 .bl-podcast__embed iframe{
display: block;
width: 100%;
border: 0;
}
body.page-id-212 .bl-podcast__platforms{
margin-top: 2.4em;
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
}
body.page-id-212 .bl-podcast__platform{
display: inline-flex;
align-items: center;
gap: 0.8em;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.14);
padding: 0.9em 1.5em;
border-radius: 999px;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.78em;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #fff;
text-decoration: none;
transition: all 0.25s ease;
}
body.page-id-212 .bl-podcast__platform:hover{
background: rgba(248,173,0,0.15);
border-color: var(--bl-c-accent);
color: var(--bl-c-accent);
transform: translateY(-2px);
}
body.page-id-212 .bl-podcast__platform-dot{
width: 6px; height: 6px;
background: var(--bl-c-accent);
border-radius: 50%;
}
@media (max-width: 849px){
body.page-id-212 .bl-podcast__head{
grid-template-columns: 1fr;
gap: 30px;
}
body.page-id-212 .bl-podcast__head-meta{
justify-content: flex-start;
text-align: left;
}
body.page-id-212 .bl-podcast__h{ font-size: 1.8em; }
}
/* ---- Section 7: Newsletter ------------------------------- */
body.page-id-212 .bl-newsletter{
background: #fff;
}
body.page-id-212 .bl-newsletter__card{
max-width: 700px;
margin: 0 auto;
background: #fff;
border-radius: 14px;
padding: 64px 56px;
position: relative;
box-shadow: 0 36px 72px -32px rgba(0,29,46,0.20);
border: 1px solid var(--bl-c-line);
text-align: center;
}
body.page-id-212 .bl-newsletter__card::before{
content: "";
position: absolute;
top: 0; left: 14px; right: 14px;
height: 6px;
background: var(--bl-c-accent);
border-radius: 0 0 4px 4px;
}
body.page-id-212 .bl-newsletter__card::after{
content: "";
position: absolute;
top: 24px; left: 24px;
width: 32px; height: 32px;
background:
radial-gradient(circle at center, var(--bl-c-accent) 0 2px, transparent 2px) 0 0 / 8px 8px;
opacity: 0.35;
}
body.page-id-212 .bl-newsletter__eyebrow{
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.78em;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(--bl-c-accent);
margin-bottom: 0.8em;
}
body.page-id-212 .bl-newsletter__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.9em;
line-height: 1.15;
color: var(--bl-c-text);
margin: 0 0 0.6em;
letter-spacing: -0.01em;
}
body.page-id-212 .bl-newsletter__lede{
font-family: 'Montserrat',sans-serif;
font-size: 1em;
line-height: 1.6;
color: var(--bl-c-muted);
margin: 0 0 2em;
max-width: 44ch;
margin-left: auto;
margin-right: auto;
}
body.page-id-212 .bl-newsletter__form{
text-align: left;
max-width: 480px;
margin: 0 auto;
}
body.page-id-212 .bl-newsletter__form-row{
display: flex;
gap: 8px;
margin-bottom: 1em;
}
body.page-id-212 .bl-newsletter__form input[type="email"],
body.page-id-212 .bl-newsletter__form .wpcf7-form-control.wpcf7-email{
flex: 1;
background: var(--bl-c-soft);
border: 1px solid var(--bl-c-line);
border-radius: 10px;
padding: 0.95em 1.3em;
font-family: 'Montserrat',sans-serif;
font-size: 0.98em;
color: var(--bl-c-text);
transition: border-color 0.2s ease;
}
body.page-id-212 .bl-newsletter__form input[type="email"]:focus,
body.page-id-212 .bl-newsletter__form .wpcf7-form-control.wpcf7-email:focus{
outline: none;
border-color: var(--bl-c-accent);
background: #fff;
}
body.page-id-212 .bl-newsletter__form button[type="submit"],
body.page-id-212 .bl-newsletter__form .wpcf7-submit{
background: var(--bl-c-primary);
color: #fff;
border: 0;
border-radius: 10px;
padding: 0 1.6em;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.82em;
letter-spacing: 0.22em;
text-transform: uppercase;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
}
body.page-id-212 .bl-newsletter__form button[type="submit"]:hover,
body.page-id-212 .bl-newsletter__form .wpcf7-submit:hover{
background: var(--bl-c-text);
}
body.page-id-212 .bl-newsletter__consent{
display: flex;
align-items: flex-start;
gap: 0.6em;
font-family: 'Montserrat',sans-serif;
font-size: 0.82em;
line-height: 1.5;
color: var(--bl-c-muted);
cursor: pointer;
}
body.page-id-212 .bl-newsletter__consent input[type="checkbox"]{
accent-color: var(--bl-c-primary);
margin-top: 0.2em;
flex-shrink: 0;
}
body.page-id-212 .bl-newsletter__consent a{
color: var(--bl-c-primary);
text-decoration: underline;
text-decoration-color: var(--bl-c-accent);
text-underline-offset: 3px;
}
body.page-id-212 .bl-newsletter__note{
font-family: 'Montserrat',sans-serif;
font-size: 0.78em;
color: rgba(0,29,46,0.45);
margin: 1.5em 0 0;
letter-spacing: 0.04em;
}
@media (max-width: 549px){
body.page-id-212 .bl-newsletter__card{ padding: 44px 28px; }
body.page-id-212 .bl-newsletter__form-row{ flex-direction: column; }
body.page-id-212 .bl-newsletter__form button[type="submit"]{ padding: 1em; }
body.page-id-212 .bl-newsletter__h{ font-size: 1.5em; }
}
/* ---- Section 8: Closing CTA ------------------------------ */
body.page-id-212 .bl-cta{
background: var(--bl-c-paper);
}
body.page-id-212 .bl-cta__grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
max-width: 900px;
margin: 0 auto;
}
body.page-id-212 .bl-cta__item{
background: #fff;
border-radius: 14px;
padding: 40px 36px;
text-align: center;
border-left: 3px solid var(--bl-c-accent);
transition: all 0.25s ease;
box-shadow: 0 18px 40px -22px rgba(0,29,46,0.16);
}
body.page-id-212 .bl-cta__item:hover{
transform: translateY(-4px);
box-shadow: 0 28px 56px -22px rgba(0,29,46,0.22);
}
body.page-id-212 .bl-cta__icon{
font-family: 'Dancing Script', cursive;
font-weight: 600;
font-size: 2.4em;
line-height: 1;
color: var(--bl-c-accent);
margin-bottom: 0.3em;
}
body.page-id-212 .bl-cta__h{
font-family: 'Montserrat',sans-serif;
font-weight: 800;
font-size: 1.2em;
color: var(--bl-c-text);
margin: 0 0 0.5em;
letter-spacing: -0.005em;
}
body.page-id-212 .bl-cta__lede{
font-family: 'Montserrat',sans-serif;
font-size: 0.92em;
line-height: 1.55;
color: var(--bl-c-muted);
margin: 0 0 1.6em;
}
body.page-id-212 .bl-cta__link{
display: inline-flex;
align-items: center;
gap: 0.6em;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.8em;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--bl-c-primary);
text-decoration: none;
border-bottom: 2px solid var(--bl-c-accent);
padding-bottom: 0.35em;
transition: all 0.25s ease;
}
body.page-id-212 .bl-cta__link:hover{
color: var(--bl-c-text);
gap: 0.8em;
}
body.page-id-212 .bl-cta__arrow{
transition: transform 0.25s ease;
}
body.page-id-212 .bl-cta__link:hover .bl-cta__arrow{
transform: translateX(3px);
}
@media (max-width: 549px){
body.page-id-212 .bl-cta__grid{ grid-template-columns: 1fr; }
}
/* ----------------------------------------------------------
Section-Naht Buckets -> Grid (Whitespace reduzieren)
---------------------------------------------------------- */
body.page-id-212 .bl-buckets.bl-buckets{
padding-bottom: 60px !important;
}
body.page-id-212 .bl-grid.bl-grid{
padding-top: 60px !important;
}
/* ==========================================================
SINGLE-POST OVERRIDE (alle Posts, Flatsome-Default)
========================================================== */
/* ---- Container & Background ------------------------------ */
body.single-post #content{
background: #fff;
}
/* Flatsome-Default .page-wrapper hat 30px padding-top, das den Full-Bleed-Hero
visuell tiefer rutschen laesst als bei Pages. Top-Padding raus, damit der Hero
nahtlos unter dem Header sitzt (Konsistenz zur Startseite). */
body.single-post #content.page-wrapper{
padding-top: 0 !important;
}
/* Article-Wrapper voll-breit ziehen; Sidebar verstecken. Eng auf #content
gebunden, damit das Mega-Menue (im Header) mit seinen eigenen large-9-Spalten
nicht zerfaellt. */
body.single-post #content > .row > .col.large-9{
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
}
body.single-post #content > .row > .col.large-3.post-sidebar,
body.single-post #content > .row > aside.large-3,
body.single-post #content .post-sidebar{
display: none !important;
}
/* ---- Hero / Featured Image (flex-column-reverse Pattern) -- */
/* Flatsome rendert .entry-header mit Title-Block FIRST, Featured-Image SECOND.
Wir kehren die visuelle Reihenfolge per column-reverse um und ziehen den
Title-Block per negativem Margin als Overlay über das Hero-Image. */
body.single-post .entry-header,
body.single-post .article-inner > header.entry-header{
display: flex !important;
flex-direction: column-reverse !important;
position: relative;
margin-bottom: 0 !important;
padding: 0 !important;
}
/* Featured Image als Full-Width Hero */
body.single-post .entry-image{
position: relative !important;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
height: clamp(600px, 60vh, 900px) !important;
max-height: 900px !important;
overflow: hidden !important;
padding: 0 !important;
z-index: 1;
}
body.single-post .entry-image a{
display: block;
width: 100%;
height: 100%;
}
body.single-post .entry-image img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
body.single-post .entry-image::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg,
rgba(0,29,46,0.18) 0%,
rgba(0,29,46,0.45) 50%,
rgba(0,29,46,0.82) 100%);
pointer-events: none;
z-index: 2;
}
/* Date-Badge auf dem Featured-Image (Flatsome-Default) ausblenden */
body.single-post .entry-image .badge.post-date,
body.single-post .entry-image .badge{
display: none !important;
}
/* Title-Block als Overlay */
body.single-post .entry-header-text,
body.single-post .entry-header-text-top{
position: relative;
z-index: 5;
margin-top: -320px !important;
margin-bottom: 0 !important;
padding: 0 2em 80px !important;
text-align: center !important;
}
/* Hero-Diamond entfernt (Tordsen 2026-08-18: Headline aufgeraeumt, Akzent traegt die Kategorie-Pill) */
body.single-post .entry-header-text::before,
body.single-post .entry-header-text-top::before{
content: none;
}
/* Kategorie-Pill als Eyebrow */
body.single-post .entry-category,
body.single-post h6.entry-category{
margin: 0 0 1.6em !important;
padding: 0 !important;
}
body.single-post .entry-category a{
display: inline-block !important;
background: var(--bl-c-accent) !important;
color: var(--bl-c-text) !important;
padding: 0.6em 1.2em !important;
border-radius: 4px !important;
font-family: 'Montserrat',sans-serif !important;
font-weight: 800 !important;
font-size: 0.74em !important;
letter-spacing: 0.32em !important;
text-transform: uppercase !important;
text-decoration: none !important;
box-shadow: 0 8px 20px -6px rgba(0,29,46,0.32);
}
/* H1 Title in weiß zentriert */
body.single-post .entry-title{
font-family: 'Montserrat',sans-serif !important;
font-weight: 800 !important;
font-size: clamp(2.1em, 4.6vw, 3.4em) !important;
line-height: 1.08 !important;
letter-spacing: -0.015em !important;
max-width: 22ch !important;
margin: 0 auto !important;
color: #fff !important;
text-shadow: 0 2px 30px rgba(0,29,46,0.40);
}
/* Default-Divider unter dem Title ausblenden, eigene Trenn-Linie unten */
body.single-post .entry-divider{
display: none !important;
}
/* Meta-Strip unter dem Title */
body.single-post .entry-meta,
body.single-post .entry-header-text .entry-meta{
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 1.1em;
flex-wrap: wrap;
margin-top: 1.6em !important;
padding-top: 1.4em !important;
border-top: 1px solid rgba(255,255,255,0.22);
font-family: 'Montserrat',sans-serif !important;
font-weight: 600 !important;
font-size: 0.76em !important;
letter-spacing: 0.26em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.85) !important;
}
body.single-post .entry-meta a,
body.single-post .entry-meta span,
body.single-post .entry-meta time{
color: rgba(255,255,255,0.92) !important;
text-decoration: none !important;
}
body.single-post .entry-meta .posted-on{
display: inline-flex;
align-items: center;
gap: 0.6em;
}
body.single-post .entry-meta .posted-on::before{
content: "";
display: inline-block;
width: 5px; height: 5px;
background: var(--bl-c-accent);
border-radius: 50%;
}
body.single-post .entry-meta .byline{
display: inline-flex;
align-items: center;
gap: 0.6em;
}
body.single-post .entry-meta .byline::before{
content: "";
display: inline-block;
width: 5px; height: 5px;
background: var(--bl-c-accent);
border-radius: 50%;
}
body.single-post .entry-meta time.updated{
display: none !important;
}
/* ---- Entry-Content (Body) -------------------------------- */
body.single-post .entry-content,
body.single-post article.post .entry-content,
body.single-post .article-inner .entry-content{
max-width: 760px !important;
margin: 60px auto 0 !important;
padding: 0 2em !important;
font-family: 'Montserrat',sans-serif !important;
font-size: 1.08em !important;
line-height: 1.75 !important;
color: var(--bl-c-text) !important;
}
/* Lead paragraph: erstes
mit drop cap */
body.single-post .entry-content > p:first-of-type{
font-size: 1.22em !important;
line-height: 1.55 !important;
color: var(--bl-c-text) !important;
font-weight: 500 !important;
margin-bottom: 1.8em !important;
}
body.single-post .entry-content > p:first-of-type::first-letter{
font-family: 'Dancing Script', cursive;
font-weight: 600;
font-size: 3.2em;
line-height: 0.82;
float: left;
margin: 0.05em 0.18em 0 0;
color: var(--bl-c-accent);
}
/* H2 with diamond accent */
body.single-post .entry-content h2{
font-family: 'Montserrat',sans-serif !important;
font-weight: 800 !important;
font-size: 1.75em !important;
line-height: 1.18 !important;
color: var(--bl-c-text) !important;
margin: 2.2em 0 0.8em !important;
padding-top: 1.4em !important;
position: relative;
letter-spacing: -0.01em;
}
body.single-post .entry-content h2::before{
content: "";
position: absolute;
top: 0; left: 0;
width: 60px;
height: 2px;
background: var(--bl-c-accent);
}
body.single-post .entry-content h2::after{
content: "";
position: absolute;
top: -4px; left: 70px;
width: 10px; height: 10px;
background: var(--bl-c-accent);
transform: rotate(45deg);
}
/* H3 in primary blue */
body.single-post .entry-content h3{
font-family: 'Montserrat',sans-serif !important;
font-weight: 700 !important;
font-size: 1.28em !important;
color: var(--bl-c-primary) !important;
margin: 1.8em 0 0.6em !important;
letter-spacing: -0.005em;
}
body.single-post .entry-content h4{
font-family: 'Montserrat',sans-serif !important;
font-weight: 700 !important;
font-size: 1.1em !important;
color: var(--bl-c-text) !important;
margin: 1.6em 0 0.5em !important;
}
/* Paragraphs */
body.single-post .entry-content p{
margin: 0 0 1.4em !important;
color: var(--bl-c-text) !important;
}
/* Inline images */
body.single-post .entry-content img,
body.single-post .entry-content .wp-block-image img{
border-radius: 14px;
box-shadow: 0 18px 40px -22px rgba(0,29,46,0.30);
margin: 1.8em auto;
display: block;
max-width: 100%;
height: auto;
}
body.single-post .entry-content .wp-caption,
body.single-post .entry-content figure{
margin: 2em auto;
}
body.single-post .entry-content .wp-caption-text,
body.single-post .entry-content figcaption{
font-family: 'Montserrat',sans-serif !important;
font-style: italic !important;
font-size: 0.88em !important;
color: rgba(0,29,46,0.6) !important;
text-align: center !important;
margin-top: 0.8em !important;
letter-spacing: 0.02em;
}
/* Pull-Quote (blockquote) */
body.single-post .entry-content blockquote{
border-left: 3px solid var(--bl-c-accent) !important;
background: var(--bl-c-paper) !important;
padding: 1.6em 1.8em 1.6em 2em !important;
margin: 2.2em 0 !important;
font-family: 'Montserrat',sans-serif !important;
font-style: italic !important;
font-size: 1.2em !important;
line-height: 1.55 !important;
color: var(--bl-c-primary) !important;
border-radius: 0 14px 14px 0 !important;
position: relative;
}
body.single-post .entry-content blockquote::before{
content: "\201E";
font-family: 'Dancing Script', cursive;
font-style: normal;
font-size: 4.5em;
line-height: 0;
position: absolute;
top: 0.55em; left: 0.2em;
color: var(--bl-c-accent);
opacity: 0.30;
pointer-events: none;
}
body.single-post .entry-content blockquote p{
margin: 0 !important;
color: var(--bl-c-primary) !important;
}
body.single-post .entry-content blockquote cite,
body.single-post .entry-content blockquote footer{
display: block;
font-style: normal !important;
font-weight: 700 !important;
font-size: 0.7em !important;
letter-spacing: 0.22em !important;
text-transform: uppercase !important;
color: rgba(0,29,46,0.55) !important;
margin-top: 1em !important;
}
/* Lists with gold markers */
body.single-post .entry-content ul,
body.single-post .entry-content ol{
margin: 1.4em 0 1.6em 1.4em !important;
padding-left: 0.8em !important;
}
body.single-post .entry-content ul li,
body.single-post .entry-content ol li{
margin: 0.5em 0 !important;
padding-left: 0.4em !important;
}
body.single-post .entry-content ul li::marker{
color: var(--bl-c-accent);
font-size: 1.1em;
}
body.single-post .entry-content ol li::marker{
color: var(--bl-c-accent);
font-weight: 700;
}
/* Tables */
body.single-post .entry-content table{
border-collapse: collapse !important;
margin: 2em 0 !important;
width: 100% !important;
font-family: 'Montserrat',sans-serif !important;
font-size: 0.95em !important;
}
body.single-post .entry-content table th,
body.single-post .entry-content table td{
border-bottom: 1px solid var(--bl-c-line) !important;
padding: 0.85em 1.1em !important;
text-align: left !important;
vertical-align: top;
}
body.single-post .entry-content table th{
background: var(--bl-c-paper) !important;
font-weight: 700 !important;
font-size: 0.88em;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--bl-c-text) !important;
border-bottom-color: var(--bl-c-accent) !important;
border-bottom-width: 2px !important;
}
body.single-post .entry-content table tr:hover td{
background: var(--bl-c-soft);
}
/* Links in body */
body.single-post .entry-content a{
color: var(--bl-c-primary) !important;
text-decoration: underline;
text-decoration-color: var(--bl-c-accent);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
transition: all 0.2s ease;
}
body.single-post .entry-content a:hover{
color: var(--bl-c-accent) !important;
}
/* Strong / em accents */
body.single-post .entry-content strong{
color: var(--bl-c-text) !important;
font-weight: 700;
}
body.single-post .entry-content em{
color: var(--bl-c-primary);
}
/* Code (inline + block) */
body.single-post .entry-content code{
background: var(--bl-c-paper);
padding: 0.15em 0.4em;
border-radius: 4px;
font-size: 0.9em;
color: var(--bl-c-deep);
}
body.single-post .entry-content pre{
background: var(--bl-c-deep);
color: #fff;
padding: 1.4em 1.6em;
border-radius: 14px;
overflow-x: auto;
margin: 1.8em 0;
}
body.single-post .entry-content pre code{
background: transparent;
color: inherit;
padding: 0;
}
/* Tags strip */
body.single-post .tagcloud,
body.single-post .post-tags,
body.single-post .entry-content + .post-tags{
max-width: 760px !important;
margin: 3em auto 0 !important;
padding: 2em 2em 0 !important;
border-top: 1px solid var(--bl-c-line) !important;
}
body.single-post .tagcloud a,
body.single-post .post-tags a{
display: inline-block !important;
margin: 0.3em 0.4em 0.3em 0 !important;
padding: 0.4em 0.95em !important;
background: var(--bl-c-paper) !important;
color: var(--bl-c-primary) !important;
font-family: 'Montserrat',sans-serif !important;
font-weight: 600 !important;
font-size: 0.74em !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
border-radius: 999px !important;
border: 1px solid transparent !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
body.single-post .tagcloud a:hover,
body.single-post .post-tags a:hover{
border-color: var(--bl-c-accent) !important;
color: var(--bl-c-text) !important;
background: #fff !important;
}
/* ---- Author Box ------------------------------------------ */
body.single-post .author-box,
body.single-post .entry-author{
max-width: 760px !important;
margin: 3.5em auto 0 !important;
padding: 2em !important;
background: var(--bl-c-paper) !important;
border-radius: 14px !important;
border-left: 3px solid var(--bl-c-accent) !important;
display: flex !important;
gap: 1.4em;
align-items: flex-start;
position: relative;
}
body.single-post .author-box::before,
body.single-post .entry-author::before{
content: "Geschrieben von";
position: absolute;
top: -0.6em; left: 1.6em;
background: #fff;
padding: 0 0.8em;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.66em;
letter-spacing: 0.32em;
text-transform: uppercase;
color: var(--bl-c-accent);
}
body.single-post .author-box .avatar,
body.single-post .author-box img.avatar,
body.single-post .entry-author img{
width: 80px !important;
height: 80px !important;
border-radius: 50% !important;
flex-shrink: 0;
border: 4px solid #fff;
box-shadow: 0 10px 20px -6px rgba(0,29,46,0.25);
object-fit: cover;
}
body.single-post .author-box-content,
body.single-post .entry-author .author-info{
flex: 1;
}
body.single-post .author-box .author-name,
body.single-post .author-box h4,
body.single-post .author-box h5,
body.single-post .author-box .name,
body.single-post .author-box-content > strong:first-child{
font-family: 'Montserrat',sans-serif !important;
font-weight: 800 !important;
font-size: 1.05em !important;
color: var(--bl-c-text) !important;
margin: 0 0 0.4em !important;
display: block !important;
}
body.single-post .author-box .author-description,
body.single-post .author-box p,
body.single-post .entry-author p{
font-family: 'Montserrat',sans-serif !important;
font-size: 0.95em !important;
line-height: 1.6 !important;
color: var(--bl-c-muted) !important;
margin: 0 !important;
}
/* ---- Related Posts --------------------------------------- */
body.single-post .related-posts-inner,
body.single-post .related-posts.row,
body.single-post #related-posts{
max-width: 1180px !important;
margin: 5em auto 4em !important;
padding: 0 2em !important;
}
body.single-post .related-posts-inner > h3,
body.single-post .related-posts-title,
body.single-post #related-posts > h3{
font-family: 'Montserrat',sans-serif !important;
font-weight: 800 !important;
font-size: 1.7em !important;
color: var(--bl-c-text) !important;
margin: 0 0 1.6em !important;
padding-bottom: 0.8em !important;
border-bottom: 1px solid var(--bl-c-line);
position: relative;
letter-spacing: -0.01em;
}
body.single-post .related-posts-inner > h3::before,
body.single-post .related-posts-title::before,
body.single-post #related-posts > h3::before{
content: "Mehr lesen";
display: block;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 0.42em;
letter-spacing: 0.42em;
text-transform: uppercase;
color: var(--bl-c-accent);
margin-bottom: 0.6em;
}
body.single-post .related-posts .col-inner,
body.single-post .related-posts-inner .col .col-inner,
body.single-post #related-posts .col-inner{
background: #fff !important;
border-radius: 14px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
box-shadow: 0 16px 32px -16px rgba(0,29,46,0.14);
}
body.single-post .related-posts .col:hover .col-inner,
body.single-post #related-posts .col:hover .col-inner{
transform: translateY(-4px);
box-shadow: 0 28px 56px -20px rgba(0,29,46,0.24);
}
body.single-post .related-posts .img,
body.single-post #related-posts .img{
border-radius: 14px 14px 0 0 !important;
overflow: hidden;
aspect-ratio: 16/10;
}
body.single-post .related-posts .img img,
body.single-post #related-posts .img img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.6s ease;
}
body.single-post .related-posts .col:hover .img img,
body.single-post #related-posts .col:hover .img img{
transform: scale(1.05);
}
body.single-post .related-posts .post-title,
body.single-post .related-posts h5,
body.single-post #related-posts .post-title{
font-family: 'Montserrat',sans-serif !important;
font-weight: 700 !important;
font-size: 1em !important;
padding: 1.1em 1.3em 1.3em !important;
line-height: 1.3 !important;
margin: 0 !important;
}
body.single-post .related-posts .post-title a,
body.single-post .related-posts h5 a,
body.single-post #related-posts .post-title a{
color: var(--bl-c-text) !important;
text-decoration: none !important;
}
body.single-post .related-posts .post-title a:hover,
body.single-post #related-posts .post-title a:hover{
color: var(--bl-c-primary) !important;
}
/* Hide Flatsome default elements that compete */
body.single-post .badge.post-date{
display: none !important;
}
/* ---- Podcast Single (.category-podcast) ------------------ */
body.single-post.category-podcast .entry-content{
position: relative;
}
body.single-post.category-podcast .entry-content::before{
content: "Podcast-Folge. Spotify-Embed pflegt der Redakteur als