/*
 * cloudmoments.de – Website-Design nach der Designrückgabe (Startseite.dc.html).
 * Werte 1:1 aus der Referenz; Breakpoints wie dort: Navigation ab 980 px,
 * „tab“ < 1100 px, „narrow“ < 640 px, Viererraster < 760 px zweispaltig.
 * Schrift Sora lokal (assets/fonts/sora, OFL), keine externen Ressourcen.
 *
 * Aufbau: 1 Schrift und Tokens · 2 Grundlagen · 3 Bausteine (Knöpfe, Chips,
 * Kicker …) · 4 Kopf und Menüs · 5 Abschnitte der Startseite · 6 Formular ·
 * 7 Fuß · 8 Unterseiten und ObjektFlow-Bereiche
 */

/* ------------------------------------------------------------------ 1 */
@font-face{font-family:'Sora';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/sora/sora-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:'Sora';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/sora/sora-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+A720-A7FF}

:root{
	--cm-primaer:#0F6E6A;
	--cm-tief:#0A3F3D;
	--cm-text:#14201F;
	--cm-leise:#56615F;
	--cm-flaeche:#EFF3F2;
	--cm-weich:#E2E9E8;
	--cm-linie:#DCE7E4;
	--cm-mint:#B8D8D2;
	--cm-neu:#E8C872;
	--cm-dunkel:#18201F;
	--cm-fehler:#9B2C2C;
	--cm-rand:clamp(16px,3vw,24px);
	--cm-abstand:clamp(72px,9vw,120px);
	--cm-schatten-rand:0 0 0 1px var(--cm-linie);
}

/* ------------------------------------------------------------------ 2 */
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:var(--cm-text);font-family:'Sora',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.cm-seite{background:#FFFFFF;color:var(--cm-text);font-family:'Sora',system-ui,sans-serif;font-size:17px;line-height:1.6;hyphens:auto;-webkit-hyphens:auto;min-height:100vh;overflow-x:clip}
/* Box-Modell wie in der Referenz: Standard content-box; border-box nur, wo die Referenz es setzt (Knöpfe, Felder, Demo-Kästen). */
.cm-seite button,.cm-feld input,.cm-feld select,.cm-feld textarea,.cm-knopf--umriss,.cm-minik,.cm-demo__box,.cm-mini,.cm-text table,.cm-sprung{box-sizing:border-box}
.cm-seite img{max-width:100%}
.cm-seite a{color:var(--cm-primaer);text-decoration:none}
.cm-seite a:hover{color:var(--cm-tief)}
.cm-seite :focus-visible{outline:2px solid var(--cm-primaer);outline-offset:3px}
.cm-seite button,.cm-seite input,.cm-seite select,.cm-seite textarea{font-family:inherit}
.cm-seite h1,.cm-seite h2,.cm-seite h3,.cm-seite h4{color:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.cm-sprung{position:absolute;left:12px;top:-60px;z-index:200;background:var(--cm-primaer);color:#fff;padding:10px 16px;border-radius:999px;font-weight:600}
.cm-sprung:focus{top:12px;color:#fff}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.cm-breite{max-width:1240px;margin:0 auto;padding-left:var(--cm-rand);padding-right:var(--cm-rand)}
.cm-abschnitt{padding-top:var(--cm-abstand)}
.cm-abschnitt--unten{padding-bottom:var(--cm-abstand)}
.cm-h2{margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.12;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.cm-h2--schmal{max-width:720px}
.cm-intro{margin:16px 0 0;max-width:680px;color:var(--cm-leise);text-wrap:pretty}
.cm-kicker{margin:0 0 14px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cm-primaer)}
.cm-kicker--klein{margin:0;font-size:11.5px}
.cm-kicker--mint{color:var(--cm-mint)}
.cm-kopfzeile{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.cm-kopfzeile--text{gap:16px 40px}
.cm-kopfzeile--text p{margin:0;color:var(--cm-leise)}

.cm-raster{display:grid;gap:24px}
.cm-raster--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cm-raster--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cm-raster--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1099px){.cm-raster--3{grid-template-columns:1fr}}
@media (max-width:759px){.cm-raster--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.cm-raster--2{grid-template-columns:1fr}}

/* ------------------------------------------------------------------ 3 */
.cm-knopf{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--cm-primaer);color:#FFFFFF!important;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s}
.cm-knopf:hover{background:var(--cm-tief);color:#FFFFFF}
.cm-knopf--gross{height:52px;padding:0 26px;font-size:16px}
.cm-knopf--umriss{background:transparent;border:1.5px solid var(--cm-primaer);color:var(--cm-primaer)!important;padding:0 24px}
.cm-knopf--umriss:hover{background:var(--cm-weich);color:var(--cm-tief)!important}
.cm-knopf--mint{background:var(--cm-mint);color:var(--cm-tief)!important}
.cm-knopf--mint:hover{background:var(--cm-weich);color:var(--cm-tief)!important}
.cm-knopf--pfeil{align-self:flex-start}
.cm-knopfreihe{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.cm-textknopf{align-self:flex-start;margin-top:8px;min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:600;color:var(--cm-primaer)}
.cm-pfeillink{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--cm-primaer)}
.cm-rundknopf{width:48px;height:48px;border-radius:999px;border:0;background:var(--cm-primaer);color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cm-rundknopf:hover{background:var(--cm-tief)}
.cm-rundknopf--umriss{border:1.5px solid var(--cm-primaer);background:#FFFFFF;color:var(--cm-primaer)}
.cm-rundknopf--umriss:hover{background:var(--cm-weich)}

.cm-neu{display:inline-block;background:var(--cm-neu);color:var(--cm-text);font-size:10.5px;font-weight:600;letter-spacing:.08em;padding:2px 8px;border-radius:999px;line-height:1.5;white-space:nowrap}
.cm-neu--klein{font-size:10px;padding:1px 7px}
.cm-neu--ecke{position:absolute;top:16px;left:16px;font-size:11px;padding:3px 10px}
.cm-chip{align-self:flex-start;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;line-height:1.5}
.cm-chip--weich{background:var(--cm-weich);color:var(--cm-tief)}
.cm-chip--weiss{background:#FFFFFF;color:var(--cm-tief)}
.cm-chip--warn{background:#F6EFD9;color:#8A6D1D}

.cm-icon-kreis{border-radius:999px;background:var(--cm-weich);color:var(--cm-primaer);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cm-icon-kreis--44{width:44px;height:44px}
.cm-icon-kreis--48{width:48px;height:48px}
.cm-icon-kreis--52{width:52px;height:52px}
.cm-nummer{width:32px;height:32px;border-radius:999px;background:var(--cm-primaer);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}
.cm-nummer--36{width:36px;height:36px}
.cm-haekchen{width:20px;height:20px;border-radius:6px;background:var(--cm-primaer);color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ------------------------------------------------------------------ 4 Kopf */
.cm-meta{max-width:1240px;margin:0 auto;padding:10px 24px 0;display:flex;justify-content:flex-end;gap:24px;font-size:13px}
.cm-meta a{color:var(--cm-leise)!important;display:flex;align-items:center;gap:6px}
.cm-kopf{position:sticky;top:12px;z-index:50;max-width:1240px;margin:10px auto 0;padding:0 clamp(12px,2vw,24px)}
.cm-nav{background:#FFFFFF;border-radius:999px;box-shadow:0 14px 36px -18px rgba(10,63,61,.35),0 0 0 1px var(--cm-linie);display:flex;align-items:center;gap:8px;padding:10px;transition:padding .2s}
.cm-kopf.ist-gescrollt .cm-nav{padding:6px}
.cm-nav__marke{display:flex;align-items:center;gap:10px;padding:0 12px 0 10px;flex-shrink:0}
.cm-nav__marke img{height:26px;width:auto;display:block}
.cm-nav__von{font-size:11px;line-height:1.25;color:var(--cm-leise);border-left:1px solid var(--cm-linie);padding-left:10px;white-space:nowrap}
.cm-nav__punkte{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.cm-nav__punkt{display:flex;align-items:center;gap:4px;height:44px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--cm-text)!important;font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer}
.cm-nav__punkt:hover,.cm-nav__punkt[aria-expanded="true"]{background:var(--cm-weich);color:var(--cm-text)}
.cm-nav__punkt svg{transition:transform .2s}
.cm-nav__punkt[aria-expanded="true"] svg{transform:rotate(180deg)}
.cm-nav__cta{flex-shrink:0}
.cm-nav__menue{display:none;margin-left:auto;width:44px;height:44px;border-radius:999px;border:0;background:var(--cm-weich);color:var(--cm-tief);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
@media (max-width:979px){
	.cm-meta,.cm-nav__punkte,.cm-nav__cta{display:none}
	.cm-nav__menue{display:flex}
}

.cm-mega{position:absolute;left:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);top:calc(100% + 10px);background:#FFFFFF;border-radius:24px;box-shadow:0 30px 60px -24px rgba(10,63,61,.35),0 0 0 1px var(--cm-linie)}
.cm-mega--module{padding:24px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}
.cm-mega__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.cm-mega__modul{display:flex;gap:14px;padding:14px;border-radius:16px;color:var(--cm-text)!important}
.cm-mega__modul:hover{background:var(--cm-flaeche)}
.cm-mega__titel{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}
.cm-mega__kurz{display:block;font-size:14px;line-height:1.45;color:var(--cm-leise)}
.cm-mega__teaser{display:flex;flex-direction:column;gap:12px;background:var(--cm-flaeche);border-radius:18px;padding:16px;color:var(--cm-text)!important;font-size:15px;line-height:1.45}
.cm-mega__teaser:hover{background:var(--cm-weich)}
.cm-mega__teaser img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:12px;box-shadow:var(--cm-schatten-rand)}
.cm-mega--branchen{padding:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cm-mega__branche{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:18px;color:var(--cm-text)!important}
.cm-mega__branche:hover{background:var(--cm-flaeche)}
.cm-mega__branche img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:12px}
.cm-mega__branche .cm-mega__titel{font-size:15px}

/* Kleine Symbolbilder im Mega-Menü */
.cm-mini{display:flex;flex-direction:column;gap:4px;width:100%;aspect-ratio:4/3;border-radius:12px;background:var(--cm-flaeche);padding:8px;overflow:hidden}
.cm-mini i,.cm-mini b{display:block}
.cm-mini__chips{display:flex;gap:3px}
.cm-mini__chips i{width:14px;height:6px;border-radius:999px;background:var(--cm-weich)}
.cm-mini__chips i.an{width:18px;background:var(--cm-primaer)}
.cm-mini__zeile{flex:1;display:flex;gap:5px;align-items:center;background:#FFFFFF;border-radius:6px;padding:3px}
.cm-mini__zeile>i{width:26%;height:100%;border-radius:4px}
.cm-mini__zeile>span{flex:1;display:flex;flex-direction:column;gap:2px}
.cm-mini__zeile>span i:first-child{height:4px;width:80%;border-radius:2px;background:var(--cm-text);opacity:.7}
.cm-mini__zeile>span i:last-child{height:3px;width:50%;border-radius:2px;background:var(--cm-leise);opacity:.5}
.cm-mini__zeile>b{width:18%;height:5px;border-radius:2px;background:var(--cm-primaer)}
.cm-mini__band{flex:1.1;border-radius:6px;background:var(--cm-tief);display:flex;align-items:center;justify-content:space-between;padding:0 6px}
.cm-mini__band i{height:4px;width:45%;border-radius:2px;background:var(--cm-mint)}
.cm-mini__band b{height:5px;width:16%;border-radius:2px;background:#FFFFFF}
.cm-mini__posten{flex:1;display:flex;justify-content:space-between;align-items:center;background:#FFFFFF;border-radius:6px;padding:0 6px}
.cm-mini__posten i{height:4px;width:58%;border-radius:2px;background:var(--cm-text);opacity:.7}
.cm-mini__posten b{height:4px;width:14%;border-radius:2px;background:var(--cm-primaer)}

/* Mobiles Menü */
.cm-mobil{position:fixed;inset:0;z-index:100;background:#FFFFFF;display:flex;flex-direction:column}
.cm-mobil__kopf{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 20px;border-bottom:1px solid var(--cm-linie)}
.cm-mobil__kopf img{height:24px;width:auto}
.cm-mobil__zu{width:44px;height:44px;border-radius:999px;border:0;background:var(--cm-flaeche);color:var(--cm-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.cm-mobil__inhalt{flex:1;overflow:auto;padding:8px 20px 110px}
.cm-mobil__gruppe{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:56px;border:0;border-bottom:1px solid var(--cm-linie);background:transparent;font-size:19px;font-weight:600;color:var(--cm-text);cursor:pointer;padding:0}
.cm-mobil__gruppe svg{transition:transform .2s}
.cm-mobil__gruppe[aria-expanded="true"] svg{transform:rotate(180deg)}
.cm-mobil__liste{display:flex;flex-direction:column;padding:6px 0 12px}
.cm-mobil__liste a{min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;color:var(--cm-text)!important}
.cm-mobil__liste a.cm-mobil__alle{font-weight:600;color:var(--cm-primaer)!important}
.cm-mobil__punkt{min-height:56px;display:flex;align-items:center;border-bottom:1px solid var(--cm-linie);font-size:19px;font-weight:600;color:var(--cm-text)!important}
.cm-mobil__klein{display:flex;flex-direction:column;gap:6px;padding-top:20px;font-size:14px}
.cm-mobil__klein a{color:var(--cm-leise)!important;min-height:44px;display:flex;align-items:center}
.cm-mobil__fuss{position:absolute;left:0;right:0;bottom:0;padding:16px 20px 20px;background:#FFFFFF;border-top:1px solid var(--cm-linie)}
.cm-mobil__fuss .cm-knopf{display:flex}
body.cm-menue-offen{overflow:hidden}

/* ------------------------------------------------------------------ 5 Abschnitte */
/* 01 Hero */
.cm-hero{overflow-x:clip;padding:clamp(48px,7vw,96px) var(--cm-rand) 0}
.cm-hero>.cm-breite{padding:0}
.cm-hero__text{max-width:820px}
.cm-hero .cm-kicker{margin-bottom:18px}
.cm-hero__titel{margin:0;font-size:clamp(38px,5.4vw,66px);line-height:1.04;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.cm-hero__unter{margin:24px 0 0;font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--cm-leise);max-width:640px;text-wrap:pretty}
.cm-hero__buehne{position:relative;margin-top:clamp(48px,6vw,72px)}
.cm-hero__grund{position:absolute;left:calc(-1 * var(--cm-rand));right:calc(-1 * var(--cm-rand));top:clamp(40px,8%,90px);bottom:0;background:var(--cm-tief);z-index:0}
.cm-hero__rahmen{position:relative;max-width:1240px;margin:0 auto;padding:0 clamp(56px,11%,140px) clamp(44px,6%,80px) 0}
.cm-browser{position:relative;z-index:1;background:#FFFFFF;border-radius:20px;box-shadow:0 40px 80px -40px rgba(10,63,61,.45),0 0 0 1px var(--cm-linie);overflow:hidden}
.cm-browser__leiste{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--cm-linie)}
.cm-browser__punkte{display:flex;gap:6px}
.cm-browser__punkte i{width:10px;height:10px;border-radius:999px;background:var(--cm-linie)}
.cm-browser__adresse{flex:1;max-width:300px;margin:0 auto;background:var(--cm-flaeche);border-radius:999px;padding:3px 14px;font-size:12px;color:var(--cm-leise);text-align:center}
.cm-browser__platz{width:42px}
.cm-browser>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top left}
.cm-hero__handy{position:absolute;z-index:2;right:0;bottom:0;width:clamp(120px,24%,270px);background:var(--cm-text);border-radius:clamp(20px,3vw,36px);padding:clamp(5px,.7vw,9px);box-shadow:0 40px 60px -30px rgba(10,63,61,.6)}
.cm-hero__handy img{display:block;width:100%;height:auto;aspect-ratio:390/640;object-fit:cover;object-position:top;border-radius:clamp(15px,2.4vw,28px)}
.cm-hero__neu{position:absolute;top:18%;left:-14px;font-size:11px;padding:3px 10px;box-shadow:0 6px 14px -6px rgba(20,32,31,.4)}
.cm-hero__karte{position:absolute;z-index:2;left:clamp(16px,4%,48px);bottom:36px;width:340px;background:#FFFFFF;border-radius:20px;padding:18px;box-shadow:0 30px 60px -24px rgba(10,63,61,.45),0 0 0 1px var(--cm-linie);display:flex;flex-direction:column;gap:12px}
.cm-hero__karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cm-hero__karte-inhalt{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45}
.cm-hero__karte-bild{width:64px;height:80px;border-radius:10px;flex-shrink:0;background-size:731px 457px;background-position:-77px -271px}
.cm-hero__karte-meta{font-size:12.5px;color:var(--cm-leise);margin-top:6px}
.cm-hero__karte-knoepfe{display:flex;gap:8px}
.cm-minik{display:flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1.5px solid var(--cm-linie);color:var(--cm-text);font-size:13px;font-weight:500}
.cm-minik--voll{background:var(--cm-primaer);border-color:var(--cm-primaer);color:#FFFFFF;font-weight:600}
@media (max-width:979px){.cm-hero__karte{display:none}}

/* 02 Nutzen */
.cm-nutzen{background:var(--cm-tief);color:var(--cm-flaeche)}
.cm-nutzen__innen{padding-top:clamp(56px,7vw,96px);padding-bottom:var(--cm-abstand)}
.cm-nutzen__intro{margin:16px 0 0;max-width:620px;color:#C9D9D5;text-wrap:pretty}
.cm-nutzen .cm-raster{margin-top:48px}
.cm-nutzen__karte{background:#FFFFFF;color:var(--cm-text);border-radius:24px;padding:28px}
.cm-nutzen__karte h3{margin:22px 0 8px;font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.cm-nutzen__karte p{margin:0;font-size:16px;color:var(--cm-leise);text-wrap:pretty}

/* 03 Ablauf */
.cm-schritte{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
@media (max-width:1199px){.cm-schritte{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
@media (max-width:639px){.cm-schritte{grid-template-columns:1fr}}
.cm-schritte li{display:flex;flex-direction:column;gap:18px}
.cm-schritte__bild{position:relative;background:var(--cm-flaeche);border-radius:24px;overflow:hidden;aspect-ratio:1/1;display:flex;justify-content:center;align-items:flex-end}
.cm-schritte__bild--handy img{display:block;width:62%;height:auto;aspect-ratio:390/560;object-fit:cover;object-position:top;border-radius:20px 20px 0 0;box-shadow:0 0 0 6px var(--cm-text)}
.cm-schritte__bild--breit img{display:block;width:100%;height:100%;object-fit:cover}
.cm-schritte__kopf{display:flex;align-items:center;gap:12px}
.cm-schritte__kopf h3{margin:0;font-size:20px;font-weight:600}
.cm-schritte p{margin:0;font-size:16px;line-height:1.6;color:var(--cm-leise);text-wrap:pretty}

/* 04 Herzstück */
.cm-herz{margin-top:48px;background:var(--cm-flaeche);border-radius:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}
@media (max-width:639px){.cm-herz{grid-template-columns:1fr}}
.cm-herz__text{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.cm-herz__text img{width:44px;height:44px}
.cm-herz__text h3{margin:0;font-size:clamp(24px,2.4vw,30px);line-height:1.2;font-weight:600;letter-spacing:-.015em}
.cm-herz__text p{margin:0;color:var(--cm-leise);text-wrap:pretty}
.cm-herz__text .cm-knopf{margin-top:8px}
.cm-herz__text .cm-knopf--umriss:hover{background:#FFFFFF}
.cm-herz__bild{padding:clamp(24px,3vw,48px) 0 0 clamp(24px,3vw,48px);display:flex;align-items:flex-end}
.cm-herz__bild img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top left;border-radius:16px 0 0 0;box-shadow:0 0 0 1px var(--cm-linie),0 30px 60px -30px rgba(10,63,61,.4)}
.cm-trennkopf{display:flex;align-items:center;gap:16px;margin-top:48px}
.cm-trennkopf h3{margin:0;white-space:nowrap}
.cm-trennkopf span{flex:1;height:1px;background:var(--cm-linie)}
.cm-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;margin-top:24px}
.cm-karte{background:#FFFFFF;box-shadow:var(--cm-schatten-rand);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;color:var(--cm-text)!important}
a.cm-karte:hover{background:var(--cm-flaeche)}
.cm-karte h4{margin:6px 0 0;font-size:19px;line-height:1.3;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cm-karte p{margin:0;font-size:15.5px;line-height:1.55;color:var(--cm-leise);flex:1;text-wrap:pretty}

/* 05 Funktionen (Slider) */
.cm-slider__pfeile{display:flex;gap:10px}
.cm-slider{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(260px,30%,370px);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:40px;padding:2px 2px 8px;border-radius:24px}
.cm-slider::-webkit-scrollbar{display:none}
.cm-slider__karte{scroll-snap-align:start;background:var(--cm-flaeche);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.cm-slider__bild{position:relative;aspect-ratio:16/10;background:var(--cm-weich);overflow:hidden}
.cm-slider__bild img{display:block;width:100%;height:100%;object-fit:cover}
.cm-slider__bild .cm-neu--ecke{top:14px;left:14px}
.cm-slider__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--cm-primaer)}
.cm-slider__text{padding:22px 24px 26px}
.cm-slider__text h3{margin:0 0 6px;font-size:19px;line-height:1.3;font-weight:600}
.cm-slider__text p{margin:0;font-size:15.5px;line-height:1.55;color:var(--cm-leise);text-wrap:pretty}
.cm-slider__fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
.cm-slider__fuss .cm-pfeillink{min-height:44px;gap:8px}
.cm-slider__punkte{display:flex;gap:8px}
.cm-slider__punkte span{width:8px;height:8px;border-radius:999px;background:var(--cm-mint);transition:width .2s}
.cm-slider__punkte span.an{width:28px;background:var(--cm-primaer)}

/* 05a News und Service */
.cm-demo{gap:16px;margin-top:48px}
/* Abweichung von der Referenz: dort bleibt die Demo unter 760 px zweispaltig und überlappt bei 390 px – hier ab 1100 px zwei, unter 640 px eine Spalte. */
@media (max-width:1099px){.cm-raster--4.cm-demo{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}
@media (max-width:639px){.cm-raster--4.cm-demo{grid-template-columns:1fr}}
.cm-demo__modul{display:grid;grid-template-rows:1fr auto auto;gap:16px}
.cm-demo__box{background:var(--cm-flaeche);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px}
.cm-demo__box--dunkel{background:var(--cm-dunkel);align-items:center;justify-content:center;overflow:hidden}
.cm-demo__box--auswahl{gap:14px}
.cm-demo__box--nl{padding:16px;display:block}
.cm-demo__kopf{display:flex;align-items:center;gap:12px}
.cm-demo__kopf h3{margin:0;font-size:20px;font-weight:600}
.cm-demo__beschr{margin:0;font-size:15.5px;line-height:1.55;color:var(--cm-leise);text-wrap:pretty}
.cm-tabs{display:flex;gap:6px;padding:4px;border-radius:999px;background:#FFFFFF;align-self:flex-start;box-shadow:var(--cm-schatten-rand)}
.cm-tabs button{height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--cm-text);font-size:13.5px;font-weight:600;cursor:pointer}
.cm-tabs button[aria-selected="true"]{background:var(--cm-primaer);color:#FFFFFF}
.cm-demo__feld{display:flex;flex-direction:column;gap:5px}
.cm-demo__feld>span{font-size:12.5px;font-weight:600;color:var(--cm-leise)}
.cm-demo__feld>div{padding:10px 12px;border-radius:10px;border:1.5px solid var(--cm-linie);background:#FFFFFF;font-size:14px;line-height:1.45;color:var(--cm-text)}
.cm-demo__text{min-height:62px}
.cm-demo__haken{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.cm-demo__haken>div{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4}
.cm-post{width:100%;max-width:280px;border-radius:10px;overflow:hidden;background:#1B1B2E;display:flex;flex-direction:column;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.cm-post__logo{background:#FFFFFF;padding:10px 14px}
.cm-post__logo img{display:block;height:18px;width:auto}
.cm-post__bild{background:#EEF0F4;padding:10px 14px}
.cm-post__bild img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.cm-post__text{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;color:#FFFFFF}
.cm-post__titel{font-size:17px;line-height:1.25;font-weight:500}
.cm-post__kurz{font-size:11px;line-height:1.4;color:#B7BACB}
.cm-post__chip{margin-top:8px;align-self:flex-start;padding:2px 8px;border:1px solid #4A4D66;border-radius:4px;font-size:9.5px;font-weight:600;letter-spacing:.1em}
.cm-demo__gruppe{display:flex;flex-direction:column;gap:6px}
.cm-baustein{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;border-radius:12px;border:1.5px solid var(--cm-linie);background:#FFFFFF;color:var(--cm-text);font-size:14px;font-weight:500;line-height:1.3;text-align:left;cursor:pointer}
.cm-baustein:hover,.cm-baustein[aria-pressed="true"]{border-color:var(--cm-primaer)}
.cm-baustein>span:last-child{flex:1}
.cm-baustein__box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--cm-mint);background:#FFFFFF;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cm-baustein[aria-pressed="true"] .cm-baustein__box{border-color:var(--cm-primaer);background:var(--cm-primaer)}
.cm-nl{background:#FFFFFF;border-radius:14px;box-shadow:0 20px 40px -24px rgba(10,63,61,.45),0 0 0 1px var(--cm-linie);overflow:hidden}
.cm-nl__kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}
.cm-nl__kopf img{height:22px;width:auto}
.cm-nl__kopf span{font-size:9.5px;letter-spacing:.16em;color:#5B4FB0;white-space:nowrap}
.cm-nl__titelbild{display:block;width:100%;height:auto;aspect-ratio:1200/420;object-fit:cover}
.cm-nl__inhalt{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px}
.cm-nl__leer{margin:0;padding:16px;border-radius:10px;border:1.5px dashed var(--cm-mint);text-align:center;font-size:13px;color:var(--cm-leise)}
.cm-nl__baustein{display:flex;flex-direction:column;gap:5px}
.cm-nl__zwischen{font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#5B4FB0;padding-top:2px}
.cm-nl__objekt{display:grid;grid-template-columns:38% 1fr;gap:10px;align-items:center;border:1px solid #E6E8EA;border-radius:8px;overflow:hidden}
.cm-nl__objekt img{display:block;width:100%;height:100%;min-height:58px;object-fit:cover}
.cm-nl__objekt>div{padding:6px 8px 6px 0;display:flex;flex-direction:column;gap:2px}
.cm-nl__t{font-size:12.5px;font-weight:600;line-height:1.25;color:#1B1B2E}
.cm-nl__preis{font-size:12px;font-weight:600;color:#5B4FB0}
.cm-nl__meldung{padding:8px 10px;border-radius:8px;background:#F4F4F7;display:flex;flex-direction:column;gap:2px}
.cm-nl__meldung>span:last-child{font-size:11.5px;line-height:1.4;color:var(--cm-leise)}

/* 05b Designvorlagen */
.cm-vorlagen{gap:32px 24px;margin-top:40px}
.cm-vorlagen figure{margin:0;display:flex;flex-direction:column;gap:14px}
.cm-vorlagen__bild{aspect-ratio:724/460;border-radius:20px;overflow:hidden;box-shadow:var(--cm-schatten-rand)}
.cm-vorlagen__bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.cm-vorlagen figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.cm-vorlagen figcaption span:first-child{font-size:19px;font-weight:600}
.cm-vorlagen figcaption span:last-child{font-size:14.5px;color:var(--cm-leise)}

/* 06 Branchen */
.cm-branchen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:24px;margin-top:48px}
.cm-branche{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--cm-flaeche);border-radius:24px;overflow:hidden;color:var(--cm-text)!important;min-height:240px}
.cm-branche:hover{background:var(--cm-weich)}
.cm-branche__text{padding:28px;display:flex;flex-direction:column;gap:10px}
.cm-branche__text h3{margin:0;font-size:22px;line-height:1.25;font-weight:600}
.cm-branche__text p{margin:0;font-size:15.5px;line-height:1.55;color:var(--cm-leise);flex:1;text-wrap:pretty}
.cm-branche__bild{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.cm-branche__mock{padding:20px 0 0 4px;display:flex;flex-direction:column;justify-content:flex-end}
.cm-mock{display:flex;flex-direction:column;background:#FFFFFF;border-radius:14px 0 0 0;overflow:hidden;box-shadow:0 0 0 1px var(--cm-linie),0 24px 48px -28px rgba(10,63,61,.45);height:100%;min-height:240px;font-size:11px;line-height:1.35;hyphens:manual;-webkit-hyphens:manual;color:var(--cm-text)}
.cm-mock b{font-weight:600}
.cm-mock small{display:block;color:var(--cm-leise);font-size:10px}
.cm-mock__leiste{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid var(--cm-linie)}
.cm-mock__leiste i{width:7px;height:7px;border-radius:999px;background:var(--cm-linie)}
.cm-mock__leiste span{margin-left:8px;font-size:10px;color:var(--cm-leise)}
.cm-mock__kopf{display:flex;align-items:center;justify-content:space-between;padding:9px 12px}
.cm-mock__kopf>b{font-size:12px}
.cm-mock__kopf>span{display:flex;gap:8px;color:var(--cm-leise);font-size:10px}
.cm-mock__chips{display:flex;gap:5px;padding:0 12px 8px;flex-wrap:wrap}
.cm-mock__chips span{padding:2px 9px;border-radius:999px;background:var(--cm-weich);font-size:10px}
.cm-mock__chips span.an{background:var(--cm-primaer);color:#FFFFFF}
.cm-mock__liste{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}
.cm-mock__zeile{display:flex;gap:8px;align-items:center;padding:7px;border-radius:10px;background:var(--cm-flaeche)}
.cm-mock__foto{width:46px;height:34px;border-radius:7px;flex-shrink:0}
.cm-mock__mitte{flex:1;min-width:0}
.cm-mock__mitte b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-mock__preis{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.cm-mock__preis b{color:var(--cm-primaer);white-space:nowrap}
.cm-mock__preis em{font-style:normal;background:var(--cm-neu);font-size:8.5px;font-weight:600;padding:1px 6px;border-radius:999px}
.cm-mock__aktion{margin:0 12px 8px;padding:10px;border-radius:10px;background:var(--cm-tief);color:#FFFFFF;display:flex;justify-content:space-between;align-items:center;gap:8px}
.cm-mock__aktion small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--cm-mint)}
.cm-mock__aktion span b{display:block;font-size:12px}
.cm-mock__aktion>b{font-size:13px;white-space:nowrap}
.cm-mock__karte{display:flex;flex-direction:column;padding:0 12px}
.cm-mock__karte>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--cm-linie)}
.cm-mock__karte b{color:var(--cm-primaer);white-space:nowrap}
.cm-mock__event{margin:8px 12px 12px;display:flex;align-items:center;gap:8px;padding:7px;border-radius:10px;background:var(--cm-flaeche)}
.cm-mock__event>span:last-child b{display:block}
.cm-mock__datum{width:30px;height:30px;border-radius:8px;background:var(--cm-neu);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;flex-shrink:0}
.cm-mock__datum b{font-size:11px}
.cm-mock__datum small{font-size:7.5px;color:var(--cm-text)}
@media (max-width:479px){.cm-branche{grid-template-columns:1fr}.cm-branche__bild{aspect-ratio:4/3;height:auto}.cm-branche__mock{padding:0 0 0 16px}}

/* 08 Anbindungen */
.cm-kanaele{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.cm-kanaele li{display:flex;align-items:center;height:56px;padding:0 26px;border-radius:999px;background:#FFFFFF;box-shadow:0 0 0 1px var(--cm-linie),0 10px 24px -18px rgba(10,63,61,.35);font-size:16px;font-weight:500;white-space:nowrap}

/* 09 Preise */
.cm-preise{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;margin-top:48px}
@media (max-width:759px){.cm-preise{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:519px){.cm-preise{grid-template-columns:1fr}}
.cm-paket{--p-bg:#FFFFFF;--p-fg:var(--cm-text);--p-leise:var(--cm-leise);--p-label:var(--cm-primaer);--p-link:var(--cm-primaer);--p-linie:var(--cm-linie);background:var(--p-bg);color:var(--p-fg);border-radius:24px;padding:24px 18px;display:grid;grid-template-rows:subgrid;grid-row:span 7;align-content:start;margin-bottom:16px;box-shadow:var(--cm-schatten-rand)}
.cm-paket--dunkel{--p-bg:var(--cm-primaer);--p-fg:#FFFFFF;--p-leise:var(--cm-weich);--p-label:var(--cm-mint);--p-link:#FFFFFF;--p-linie:rgba(255,255,255,.22);box-shadow:0 30px 60px -30px rgba(10,63,61,.6)}
.cm-paket__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:24px}
.cm-paket__kicker>span{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--p-label)}
.cm-paket h3{margin:12px 0 0;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.015em}
.cm-paket__text{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--p-leise);text-wrap:pretty}
.cm-paket__preis{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:20px}
.cm-paket__preis span:first-child{font-size:clamp(34px,3.4vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1}
.cm-paket__preis span:last-child{font-size:14px}
.cm-paket__statt{display:block;min-height:20px;margin-top:6px;font-size:14px;line-height:20px;color:var(--p-leise);text-decoration:line-through}
.cm-paket__link{align-self:flex-start;display:flex;align-items:center;gap:8px;margin-top:14px;padding-bottom:4px;border-bottom:2px solid currentColor;color:var(--p-link)!important;font-size:15px;font-weight:600;white-space:nowrap}
.cm-paket__liste{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column}
.cm-paket__liste>li{border-bottom:1px solid var(--p-linie)}
.cm-paket__liste button{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:var(--p-fg);font-size:15.5px;font-weight:600;text-align:left;cursor:pointer}
.cm-paket__liste li.aus button{color:#8A9492;cursor:default}
.cm-paket--dunkel .cm-paket__liste li.aus button{color:rgba(255,255,255,.5)}
.cm-paket__icon{width:26px;height:26px;border-radius:999px;background:var(--cm-primaer);color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cm-paket--dunkel .cm-paket__icon{background:var(--cm-mint);color:var(--cm-tief)}
.cm-paket__liste li.aus .cm-paket__icon{background:var(--cm-weich);color:#8A9492}
.cm-paket--dunkel .cm-paket__liste li.aus .cm-paket__icon{background:rgba(255,255,255,.14);color:rgba(255,255,255,.6)}
.cm-paket__gruppe{flex:1}
.cm-paket__chev{flex-shrink:0;transition:transform .2s}
.cm-paket__liste button[aria-expanded="true"] .cm-paket__chev{transform:rotate(180deg)}
.cm-paket__liste ul{list-style:none;margin:0;padding:0 0 16px 38px;display:flex;flex-direction:column;gap:8px}
.cm-paket__liste ul li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.45;color:var(--p-leise)}
.cm-paket__liste ul li svg{flex-shrink:0;margin-top:2px}
.cm-einzeln{margin-top:24px;background:var(--cm-flaeche);border-radius:24px;padding:clamp(24px,3vw,32px);display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px}
.cm-einzeln .cm-kicker{margin:0}
.cm-einzeln__posten{display:flex;align-items:baseline;gap:10px;font-size:17px}
.cm-einzeln__posten b{font-weight:600}
.cm-einzeln__posten span{color:var(--cm-leise)}
.cm-fussnote{margin:16px 0 0;font-size:14px;color:var(--cm-leise)}
.cm-einmalig{margin-top:40px}
.cm-einmalig__preis{flex:0!important;color:var(--cm-text)!important}
.cm-einmalig__preis b{font-size:clamp(28px,2.6vw,36px);font-weight:600;letter-spacing:-.03em}

/* 10 Managed Services */
.cm-band{background:var(--cm-tief);color:var(--cm-flaeche);border-radius:28px;padding:clamp(32px,5vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:32px;align-items:center;position:relative;overflow:hidden}
.cm-band__linien{position:absolute;right:0;bottom:0;width:60%;height:70%;opacity:.9}
.cm-band__links,.cm-band__rechts{position:relative}
.cm-band__rechts{display:flex;flex-direction:column;gap:20px}
.cm-band__rechts p{margin:0;color:var(--cm-flaeche);text-wrap:pretty}

/* 12 Kontakt */
.cm-kontakt{background:var(--cm-flaeche);border-radius:28px;padding:clamp(24px,4.5vw,64px)}
.cm-kontakt__innen{max-width:820px}
.cm-kontakt__unter{margin:14px 0 0;color:var(--cm-leise)}

/* ------------------------------------------------------------------ 6 Formular */
.cm-formular__danke{margin-top:28px;background:#FFFFFF;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px}
.cm-formular__danke h3{margin:6px 0 0;font-size:20px;font-weight:600}
.cm-formular__danke p{margin:0;font-size:15.5px;color:var(--cm-leise)}
.cm-formular__form{position:relative;margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.cm-formular__alarm{grid-column:1/-1;margin:0;padding:12px 16px;border-radius:14px;background:#F7E6E4;color:var(--cm-fehler);font-size:15px}
.cm-feld{display:flex;flex-direction:column;gap:6px}
.cm-feld--voll{grid-column:1/-1}
.cm-feld label{font-size:14px;font-weight:600}
.cm-feld input,.cm-feld select,.cm-feld textarea{height:48px;padding:0 16px;border-radius:14px;border:1.5px solid var(--cm-mint);background:#FFFFFF;font-size:16px;color:var(--cm-text);outline-color:var(--cm-primaer);width:100%}
.cm-feld select{padding:0 14px}
.cm-feld textarea{height:auto;padding:14px 16px;line-height:1.5;resize:vertical}
.cm-feld--fehler input,.cm-feld--fehler textarea{border-color:var(--cm-fehler)}
.cm-feld__fehler{font-size:13.5px;color:var(--cm-fehler)}
.cm-formular__falle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%)}
.cm-formular__hinweis{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.5;color:var(--cm-leise)}
.cm-formular__form .cm-knopf{padding:0 28px}

/* ------------------------------------------------------------------ 7 Fuß */
.cm-fuss{background:var(--cm-flaeche)}
.cm-fuss__innen{max-width:1240px;margin:0 auto;padding:clamp(56px,7vw,88px) var(--cm-rand) 32px}
.cm-fuss__spalten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
@media (max-width:639px){.cm-fuss__spalten{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cm-fuss h2.cm-kicker{margin:0 0 14px}
.cm-fuss ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cm-fuss li a{display:flex;align-items:center;gap:8px;min-height:36px;font-size:15px;color:var(--cm-text)!important}
.cm-fuss li a:hover{color:var(--cm-primaer)!important}
.cm-fuss__zeile{margin-top:56px;padding-top:24px;border-top:1px solid var(--cm-linie);display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.cm-wortmarke-cm{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--cm-text)}
.cm-wortmarke-cm span{color:var(--cm-primaer)}
.cm-fuss__klein{font-size:14px;color:var(--cm-leise)}

/* ------------------------------------------------------------------ 8 Unterseiten */
.cm-unterseite{padding-bottom:var(--cm-abstand)}
.cm-unterseite__kopf{padding-top:clamp(40px,6vw,80px)}
.cm-pfad{font-size:13.5px;color:var(--cm-leise);margin-bottom:18px}
.cm-pfad a{color:var(--cm-leise)!important}
.cm-unterseite__titel,.cm-text h1{margin:0;font-size:clamp(34px,4.6vw,56px);line-height:1.06;font-weight:600;letter-spacing:-.025em;text-wrap:balance;max-width:900px}
.cm-text{font-size:17px;line-height:1.65}
.cm-text>*{max-width:760px}
.cm-text>.cm-einbettung,.cm-text>.wp-block-table,.cm-text>figure.wp-block-table{max-width:none}
.cm-text>.cm-einbettung{margin-left:calc(-1 * var(--cm-rand));margin-right:calc(-1 * var(--cm-rand))}
.cm-text>.cm-einbettung .cm-abschnitt{padding-top:clamp(40px,5vw,64px)}
.cm-text>.cm-einbettung .cm-abschnitt--unten{padding-bottom:0}
/* Fließtext-Regeln nur für direkte Kinder – eingebettete Abschnitte ([cm_teil]) behalten ihr Design. */
.cm-text>p.cm-kicker{margin:clamp(40px,5vw,64px) 0 10px;color:var(--cm-primaer)}
.cm-text>p.cm-kicker:first-child{margin-top:0}
.cm-text>h1+p{font-size:clamp(17px,1.5vw,19px);color:var(--cm-leise);margin-top:22px}
.cm-text>h2{margin:clamp(48px,6vw,72px) 0 16px;font-size:clamp(26px,2.8vw,34px);line-height:1.15;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.cm-text>p.cm-kicker+h2{margin-top:0}
.cm-text>h3{margin:32px 0 8px;font-size:20px;line-height:1.3;font-weight:600}
.cm-text>p{margin:0 0 16px;color:var(--cm-text)}
.cm-text>ul,.cm-text>ol{margin:0 0 20px;padding-left:1.2em}
.cm-text>ul>li,.cm-text>ol>li{margin:6px 0}
.cm-text>ul>li::marker,.cm-text>ol>li::marker{color:var(--cm-primaer)}
.cm-text>blockquote{margin:24px 0;padding:24px 28px;border-radius:20px;background:var(--cm-flaeche);font-size:19px;line-height:1.5;border:0}
.cm-text>blockquote p{margin:0}
.cm-text table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15.5px;background:#FFFFFF;border-radius:20px;overflow:hidden;box-shadow:var(--cm-schatten-rand)}
.cm-text th,.cm-text td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--cm-linie)}
.cm-text th{background:var(--cm-flaeche);font-weight:600}
.cm-text tr:last-child td{border-bottom:0}
.cm-text>.wp-block-table{overflow-x:auto;margin:0}
.cm-text mark.of-neu{background:var(--cm-neu);color:var(--cm-text);font-size:10.5px;font-weight:600;letter-spacing:.08em;padding:2px 8px;border-radius:999px;line-height:1.5;vertical-align:middle}
.cm-text>p a,.cm-text>ul a,.cm-text>ol a,.cm-text td a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cm-404 .cm-knopfreihe{margin-bottom:24px}

/* ObjektFlow-Bereiche (News, Service, Rechtstexte): eigenes <main> des Sitebuilders im Satzspiegel */
/* Paket-Tokens der ObjektFlow-Bereiche auf die Website-CI (Sora, Petrol): überschreibt .of-bereich.of-bereich--<bereich>{--of-paket-*} aus Objectflow_Website_Design::tokens_css() (höhere Spezifität). */
#inhalt,#inhalt .of-bereich{--of-paket-schrift-titel:'Sora',system-ui,sans-serif;--of-paket-schrift-text:'Sora',system-ui,sans-serif;--of-paket-akzent:#0F6E6A;--of-paket-akzent-text:#0F6E6A;--of-paket-schrift:#14201F;--of-paket-leise:#56615F;--of-paket-linie:#DCE7E4;--of-paket-flaeche:#EFF3F2}
#inhalt>main{max-width:1240px;margin:0 auto;padding:clamp(24px,4vw,48px) var(--cm-rand) var(--cm-abstand)}