/* Erzeugt von werkzeuge/wp_export.py aus website/site.css.
   Nicht von Hand ändern — Änderungen gehören in website/site.css.
   Alle Regeln außer :root, html, * und body sind auf #rd
   eingegrenzt, damit sie sich mit Divi nicht ins Gehege kommen.
   Die Schriftdefinitionen stehen voran und bleiben global. */
/* Schriften lokal — Barlow und Chivo, SIL Open Font License 1.1.
   Erzeugt aus der Google-Fonts-Ausgabe, Teilmengen latin und latin-ext.
   Diese Datei und der Ordner fonts/ gehören nach
   /wp-content/uploads/radijator/ — dann lädt die Seite keine Schrift
   von fremden Servern. */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/barlow-400-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:'Barlow';font-style:normal;font-weight:400;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/barlow-400-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:'Barlow';font-style:normal;font-weight:500;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/barlow-500-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:'Barlow';font-style:normal;font-weight:500;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/barlow-500-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:'Barlow';font-style:normal;font-weight:600;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/barlow-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:'Barlow';font-style:normal;font-weight:600;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/barlow-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:'Chivo';font-style:normal;font-weight:700;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/chivo-700-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:'Chivo';font-style:normal;font-weight:700;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/chivo-700-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:'Chivo';font-style:normal;font-weight:900;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/chivo-900-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:'Chivo';font-style:normal;font-weight:900;font-display:swap;
  src:url(/wp-content/uploads/radijator/fonts/chivo-900-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;}

/* Layout: full-bleed horizontal bands, each with one centred 1180px measure.
   One dark band carries the EU-delivery argument; everything else stays quiet.
   Shared by the German and English pages and by the legal pages. */
:root{
  --bg:#FFFFFF;
  --surface:#F4F2F1;
  --ink:#15181B;
  --ink-2:#565C63;
  --line:#DAD7D5;
  --accent:#ED1C24;        /* Markenrot aus dem Logo gemessen: Linien, Rahmen, Flaechen */
  --accent-text:#DA1A21;   /* dasselbe Rot 8 % dunkler, nur fuer Schrift und Knopfflaeche */
  --accent-ink:#FFFFFF;
  --logo-plate:transparent;
  --steel:#1B242B;
  --steel-ink:#E8EBED;
  --steel-ink-2:#A7B2BA;
  --steel-line:#36444F;
  --open-bg:#FDEBEC; --open-ink:#8E1319; --open-line:#E7A9AC;
  --display:"Chivo","Helvetica Neue",Arial,sans-serif;
  --body:"Barlow","Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#14171A; --surface:#1C2024; --ink:#EDEFF1; --ink-2:#A4ACB3;
    --line:#2F353B; --accent:#FF4F55; --accent-text:#FF4F55; --accent-ink:#14171A; --logo-plate:#FFFFFF;
    --steel:#0D1317; --steel-ink:#E8EBED; --steel-ink-2:#9AA6AE; --steel-line:#2A363F;
    --open-bg:#331518; --open-ink:#FF9A9E; --open-line:#5C2A2E;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#14171A; --surface:#1C2024; --ink:#EDEFF1; --ink-2:#A4ACB3;
  --line:#2F353B; --accent:#FF4F55; --accent-text:#FF4F55; --accent-ink:#14171A; --logo-plate:#FFFFFF;
  --steel:#0D1317; --steel-ink:#E8EBED; --steel-ink-2:#9AA6AE; --steel-line:#2A363F;
  --open-bg:#331518; --open-ink:#FF9A9E; --open-line:#5C2A2E;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased}
#rd img{display:block;max-width:100%;height:auto}
#rd a{color:inherit}
#rd h1, #rd h2, #rd h3{font-family:var(--display);text-wrap:balance;margin:0;letter-spacing:-.015em}
#rd p{margin:0}
#rd ul{margin:0;padding:0;list-style:none}
#rd :where(a, #rd button, #rd input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}

#rd .wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
#rd .band{padding-block:clamp(48px,7vw,96px)}
#rd .band--surface{background:var(--surface)}
#rd .band--steel{background:var(--steel);color:var(--steel-ink)}

#rd .eyebrow{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
#rd .band--steel .eyebrow{color:#FF6B6F}
#rd h2{font-size:clamp(28px,3.4vw,40px);font-weight:900;line-height:1.1;margin-block:14px 18px}
#rd .lead{font-size:clamp(18px,1.6vw,21px);color:var(--ink-2);max-width:62ch}
#rd .band--steel .lead{color:var(--steel-ink-2)}

/* draft strip */
#rd .draft{background:var(--ink);color:var(--bg);font-size:13px;letter-spacing:.04em}
#rd .draft .wrap{padding-block:9px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
#rd .draft b{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.1em}
#rd .draft span{opacity:.72}

/* header */
#rd header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
#rd header .wrap{display:flex;align-items:center;gap:20px;padding-block:14px}
#rd .mark{display:flex;align-items:center;text-decoration:none;flex:none;background:var(--logo-plate);padding:5px 8px;margin-left:-8px;border-radius:2px}
#rd .mark img{display:block;width:132px;height:auto}
#rd nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:22px;font-size:15px;font-weight:500}
#rd nav a{color:var(--ink-2);text-decoration:none;padding-block:4px;border-bottom:2px solid transparent}
#rd nav a:hover, #rd nav a:focus-visible{color:var(--ink);border-bottom-color:var(--accent)}
#rd .lang{display:flex;align-items:center;gap:7px;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.06em;flex:none}
#rd .lang a{color:var(--ink-2);text-decoration:none;padding:3px 2px;border-bottom:2px solid transparent}
#rd .lang a[aria-current="true"]{color:var(--ink);border-bottom-color:var(--accent)}
#rd .lang a:hover{color:var(--ink)}
#rd .lang s{color:var(--line);text-decoration:none}
#rd .btn{display:inline-block;background:var(--accent-text);color:var(--accent-ink);font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.02em;padding:11px 20px;text-decoration:none;border:2px solid var(--accent-text);cursor:pointer}
#rd .btn:hover, #rd .btn:focus-visible{background:transparent;color:var(--accent-text)}
#rd .btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
#rd .btn--ghost:hover, #rd .btn--ghost:focus-visible{border-color:var(--ink);color:var(--ink)}

/* hero */
#rd .hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
#rd .hero h1{font-size:clamp(34px,4.6vw,56px);font-weight:900;line-height:1.04}
#rd .hero p{margin-top:20px;font-size:clamp(18px,1.7vw,21px);color:var(--ink-2);max-width:48ch}
#rd .hero .cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
#rd .hero figure{margin:0}
#rd .hero img{width:100%;border:1px solid var(--line)}

/* capability cards */
#rd .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}
#rd .card{display:flex;flex-direction:column;gap:12px;min-width:0}
#rd .card img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line)}
#rd .card h3{font-size:19px;font-weight:700;letter-spacing:0}
#rd .card p{font-size:15.5px;color:var(--ink-2);line-height:1.55}
#rd .note{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:17px;color:var(--ink-2);max-width:62ch}

/* steel band */
#rd .points{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#rd .point{border-top:3px solid var(--accent);padding-top:18px;min-width:0}
#rd .point h3{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:0}
#rd .point p{margin-top:8px;font-size:15.5px;color:var(--ink-2);line-height:1.55}
#rd .closing{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:clamp(18px,1.7vw,22px);color:var(--ink);max-width:60ch}
/* Auf dem dunklen Band dieselben Bausteine in Stahlfarben. Getrennt notiert,
   damit .points und .closing auf jedem Band lesbar bleiben. */
#rd .band--steel .point h3{color:var(--steel-ink)}
#rd .band--steel .point p{color:var(--steel-ink-2)}
#rd .band--steel .closing{border-top-color:var(--steel-line);color:var(--steel-ink)}
#rd .band--steel .note{color:var(--steel-ink-2);border-top-color:var(--steel-line)}
#rd .band--steel .stufe h3{color:var(--steel-ink)}
#rd .band--steel .stufe p{color:var(--steel-ink-2)}
#rd .band--steel .card h3{color:var(--steel-ink)}
#rd .band--steel .card p{color:var(--steel-ink-2)}
#rd .band--steel .fit li{color:var(--steel-ink-2);border-bottom-color:var(--steel-line)}
#rd .band--steel .prose p{color:var(--steel-ink-2)}
#rd .band--steel .spec{color:var(--steel-ink)}

/* text + image */
#rd .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
#rd .split img{width:100%;border:1px solid var(--line)}
#rd .prose p+p{margin-top:16px}
#rd .prose p{color:var(--ink-2);max-width:56ch}
#rd .spec{margin-top:22px;border-left:3px solid var(--accent);padding:4px 0 4px 18px;font-size:18px;color:var(--ink);max-width:54ch}

/* fit / no fit — bewusst ohne Kindkombinator: In Optionsfeldern von
   Themes wird > gelegentlich zu > maskiert und die Regel faellt aus.
   Die Bloecke enthalten keine verschachtelten div, .fit div ist gleichwertig. */
#rd .fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:36px}
#rd .fit div{min-width:0;padding-top:18px;border-top:3px solid var(--accent)}
#rd .fit div.no{border-top-color:var(--line)}
#rd .fit h3{font-size:18px;font-weight:700;letter-spacing:0}
#rd .fit li{display:flex;gap:12px;font-size:16px;color:var(--ink-2);padding-block:9px;border-bottom:1px solid var(--line)}
#rd .fit li::before{content:"";flex:none;width:9px;height:9px;margin-top:9px;background:var(--accent)}
#rd .fit .no li::before{background:none;border-bottom:2px solid var(--line);height:0;margin-top:13px}

/* Fertigungstiefe: vier Stufen von der Konstruktion bis zum verpackten Gerät */
#rd .stufen{margin-top:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
#rd .stufe{min-width:0;border-top:3px solid var(--accent);padding-top:16px}
#rd .stufe.opt{border-top-style:dashed}
#rd .stufe b{display:block;font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
#rd .stufe h3{margin-top:9px;font-size:17px;font-weight:700;letter-spacing:0}
#rd .stufe p{margin-top:8px;font-size:15.5px;color:var(--ink-2);line-height:1.55}
#rd .zwischen{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:clamp(20px,1.9vw,24px);font-weight:700}

/* contact */
#rd .person{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
#rd .vcard{margin-top:26px;border-top:3px solid var(--accent);padding-top:16px}
#rd .vcard .name{font-family:var(--display);font-weight:900;font-size:22px}
#rd .vcard .role{color:var(--ink-2);font-size:16px}
#rd .mailrow{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#rd .mail{font-family:var(--display);font-weight:700;font-size:17px;word-break:break-all}
#rd .tel{margin-top:10px;font-family:var(--display);font-weight:700;font-size:17px}
#rd .tel a{text-decoration:none;border-bottom:2px solid var(--line)}
#rd .tel a:hover, #rd .tel a:focus-visible{border-bottom-color:var(--accent)}
#rd .copy{font-family:var(--body);font-size:13.5px;font-weight:600;background:transparent;color:var(--ink-2);border:1px solid var(--line);padding:6px 11px;cursor:pointer}
#rd .copy:hover{border-color:var(--ink);color:var(--ink)}
#rd .photo{margin:0;aspect-ratio:4/5}
#rd .photo img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line)}
#rd .photo figcaption{margin-top:10px;font-size:14.5px;color:var(--ink-2)}

/* enquiry list */
#rd .need{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;max-width:900px}
#rd .need li{font-size:16px;padding-block:10px;border-top:1px solid var(--line);min-width:0}
#rd .need li b{font-family:var(--display);font-weight:700;color:var(--accent-text);font-size:13px;letter-spacing:.1em;display:block;text-transform:uppercase}

/* footer */
#rd footer{background:var(--steel);color:var(--steel-ink-2);font-size:15px}
#rd footer .wrap{padding-block:34px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
#rd footer a{color:var(--steel-ink);text-decoration:none;border-bottom:1px solid var(--steel-line)}
#rd footer a:hover, #rd footer a:focus-visible{border-bottom-color:var(--accent)}
#rd footer .sep{margin-left:auto}
#rd .cc-reopen{font-family:var(--body);font-size:15px;color:var(--steel-ink);background:none;border:0;border-bottom:1px solid var(--steel-line);padding:0;cursor:pointer}
#rd .cc-reopen:hover{border-bottom-color:var(--accent)}

/* ---- consent banner ---- */
#rd .cc{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--bg);border-top:4px solid var(--accent);
    box-shadow:0 -14px 40px rgba(0,0,0,.18);padding-bottom:env(safe-area-inset-bottom,0px);max-height:85vh;overflow-y:auto}
#rd .cc-in{max-width:1180px;margin:0 auto;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center}
#rd .cc-h{font-family:var(--display);font-weight:700;font-size:18px}
#rd .cc-p{margin-top:6px;font-size:15.5px;color:var(--ink-2);max-width:72ch}
#rd .cc-act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#rd .cc-btn{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.02em;padding:11px 22px;cursor:pointer;
        background:transparent;color:var(--ink);border:2px solid var(--ink);min-width:148px}
#rd .cc-btn:hover{background:var(--ink);color:var(--bg)}
#rd .cc-btn--sm{min-width:0;font-size:14px;padding:9px 16px}
#rd .cc-link{font-family:var(--body);font-size:15px;font-weight:600;color:var(--ink-2);background:none;border:0;
         border-bottom:1px solid var(--line);padding:0 0 2px;cursor:pointer}
#rd .cc-link:hover{color:var(--ink);border-bottom-color:var(--accent)}
#rd .cc-det{max-width:1180px;margin:0 auto;padding:0 20px 18px}
#rd .cc-det ul{border-top:1px solid var(--line)}
#rd .cc-det li{border-bottom:1px solid var(--line);padding-block:13px}
#rd .cc-det label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;cursor:pointer}
#rd .cc-det input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--accent)}
#rd .cc-det b{font-family:var(--display);font-weight:700;font-size:15.5px}
#rd .cc-det label span{grid-column:2;font-size:14.5px;color:var(--ink-2)}
#rd .cc-save{margin-top:16px}
#rd .cc-note{margin-top:14px;font-size:14px;color:var(--open-ink);background:var(--open-bg);border:1px solid var(--open-line);padding:10px 14px}
#rd .cc-legal{max-width:1180px;margin:0 auto;padding:0 20px 18px;font-size:14.5px;color:var(--ink-2)}
#rd .cc-legal a{color:var(--ink-2)}
#rd .cc-legal a:hover{color:var(--ink)}

/* ---- legal pages ---- */
#rd .legal{padding-block:clamp(40px,6vw,72px)}
#rd .legal .wrap{max-width:760px}
#rd .legal h1{font-family:var(--display);font-size:clamp(30px,4vw,42px);font-weight:900;line-height:1.08}
#rd .legal .sub{margin-top:14px;color:var(--ink-2);font-size:18px}
#rd .legal h2{font-size:21px;font-weight:700;margin-top:44px;padding-top:18px;border-top:3px solid var(--accent)}
#rd .legal h2+p, #rd .legal h2+ul, #rd .legal h2+div, #rd .legal h2+address{margin-top:14px}
#rd .legal p+p, #rd .legal p+ul, #rd .legal ul+p, #rd .legal address+p, #rd .legal p+address{margin-top:14px}
#rd .legal ul{list-style:disc;padding-left:1.2em}
#rd .legal li{margin-top:6px}
#rd .legal address{font-style:normal;line-height:1.7}
#rd .legal address b{font-family:var(--display);font-weight:700}
#rd .legal .meta{color:var(--ink-2);font-size:15.5px}
#rd .open{display:inline-block;background:var(--open-bg);color:var(--open-ink);border:1px solid var(--open-line);
      font-family:var(--display);font-weight:700;font-size:13.5px;letter-spacing:.04em;padding:1px 8px}
#rd .callout{background:var(--surface);border-left:3px solid var(--accent);padding:18px 22px;font-size:16px;color:var(--ink-2)}
#rd .callout p+p{margin-top:12px}
#rd .back{margin-left:auto;font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none;border-bottom:2px solid transparent}
#rd .back:hover, #rd .back:focus-visible{color:var(--ink);border-bottom-color:var(--accent)}

@media (max-width:900px){
  #rd .hero .wrap, #rd .split, #rd .person{grid-template-columns:minmax(0,1fr)}
  #rd .hero figure{order:-1}
  #rd .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #rd .points, #rd .need, #rd .stufen{grid-template-columns:repeat(2,minmax(0,1fr))}
  #rd nav{display:none}
  #rd .lang{margin-left:auto}
  /* Das Porträt bleibt hochformatig; 3/2 wuerde quer durchs Gesicht schneiden.
     Stattdessen nur die Breite begrenzen, damit es einspaltig nicht die halbe
     Bildschirmhoehe einnimmt. */
  #rd .photo{max-width:320px}
  #rd .cc-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  #rd .cards, #rd .points, #rd .fit, #rd .need, #rd .stufen{grid-template-columns:minmax(0,1fr)}
  #rd .need li:first-child{border-top:1px solid var(--line)}
  #rd footer .sep{margin-left:0}
  #rd .cc-btn{flex:1 1 100%;min-width:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---- Anfrageformular ---- */
#rd .form{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;max-width:760px}
#rd .field{display:flex;flex-direction:column;gap:6px;min-width:0}
#rd .field--wide{grid-column:1/-1}
#rd .field label{font-family:var(--display);font-weight:700;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
#rd .field label span{color:var(--accent-text)}
#rd .field input, #rd .field textarea{font-family:var(--body);font-size:16.5px;color:var(--ink);background:var(--bg);
  border:1px solid var(--line);border-radius:0;padding:11px 13px;width:100%;min-width:0}
#rd .field textarea{resize:vertical;min-height:132px;line-height:1.5}
#rd .field input:focus, #rd .field textarea:focus{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
#rd .field input[aria-invalid="true"], #rd .field textarea[aria-invalid="true"]{border-color:var(--accent);border-width:2px}
#rd .field .err{font-size:14px;color:var(--accent-text);font-weight:600}
#rd .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#rd .form-act{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
#rd .form-act .btn{border:2px solid var(--accent)}
#rd .form-hint{grid-column:1/-1;font-size:15px;color:var(--ink-2);max-width:62ch}
#rd .form-pflicht{font-size:15px;color:var(--ink-2)}
#rd .form-hint a{color:var(--ink-2)}
#rd .form-hint a:hover{color:var(--ink)}
#rd .form-done{margin-top:32px;max-width:760px;border:1px solid var(--line);border-left:4px solid var(--accent);
  background:var(--bg);padding:26px 28px}
#rd .form-done h3{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:0}
#rd .form-done p{margin-top:10px;color:var(--ink-2)}
#rd .form-draftnote{grid-column:1/-1;font-size:14px;color:var(--open-ink);background:var(--open-bg);
  border:1px solid var(--open-line);padding:10px 14px}
@media (max-width:640px){#rd .form{grid-template-columns:minmax(0,1fr)}}


/* Nur für die Divi-Variante des Imports — im Entwurf wird diese Datei nicht geladen.

   Die Seite bringt ihre eigene Bandstruktur mit: jedes Band läuft über die volle
   Fensterbreite und setzt seine Inhalte selbst auf 1180 px. Divi legt um jedes
   Modul zusätzlich Section, Row und Column mit eigener Breite und eigenem
   Innenabstand. Ohne die folgenden Regeln stünde die Seite in einem 1080 px
   breiten Kasten mit doppeltem Abstand, und die durchlaufenden Bänder wären weg.

   Bewusst ohne !important: Die Selektoren sind zweistufig (0,2,0) und schlagen
   Divis einstufige Regeln (0,1,0) ohne Holzhammer. Bleibt ein Fall übrig, gehört
   er hierher und nicht in ein !important.

   Diese Regeln werden NICHT auf #rd eingegrenzt — die Divi-Hüllen liegen
   außerhalb von #rd, eine Eingrenzung würde sie nicht treffen. */

.et_pb_section.rd-huelle{padding:0;margin:0;background:transparent}
.rd-huelle .et_pb_row{width:100%;max-width:none;padding:0;margin:0}
.rd-huelle .et_pb_column{width:100%;margin:0;padding:0;float:none}
.rd-huelle .et_pb_module{margin:0}
.rd-huelle .et_pb_code_inner{padding:0}

/* Divi setzt auf der letzten Spalte einer Reihe einen Abstand nach unten. */
.rd-huelle .et_pb_column:last-child{margin-bottom:0}

/* Der Einwilligungsbanner ist position:fixed und muss aus jedem Divi-Container
   ausbrechen können. Divi setzt auf Sections gelegentlich overflow und
   transform; beides würde fixed an den Container binden statt ans Fenster. */
.et_pb_section.rd-huelle{overflow:visible;transform:none}

/* ------------------------------------------------------------------------
   Farben gegen Divis eigene Typografie durchsetzen

   Befund vom 06.10.2026: Auf dem dunklen Band stand die Überschrift dunkel auf
   dunkel. Grund ist eine CSS-Regel, die man leicht übersieht — **eine direkte
   Regel schlägt Vererbung immer, unabhängig von der Spezifität.** Im Entwurf
   genügte `.band--steel{color:…}`, weil die Überschrift die Farbe vom Band
   erbte. Divi setzt aber `h1,h2,h3{color:…}` direkt an; schon diese schwache
   Regel gewinnt gegen jede geerbte Farbe.

   Deshalb steht hier jede Textfarbe direkt am Element statt am Vorfahren.
   `color:inherit` auf den Fließelementen ist dabei kein Leerlauf: Es hebt
   Divis direkte Regel auf und stellt die Vererbung wieder her, die wir wollen.
   ------------------------------------------------------------------------ */

#rd{color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}
#rd p,#rd li,#rd span,#rd strong,#rd b,#rd em,#rd label,#rd td,#rd th{color:inherit}
#rd h1,#rd h2,#rd h3{color:var(--ink)}
#rd .band--steel h1,#rd .band--steel h2,#rd .band--steel h3{color:var(--steel-ink)}
#rd footer,#rd footer p,#rd footer span{color:var(--steel-ink-2)}
#rd footer a{color:var(--steel-ink)}