/* ClinX Theme: Bausteine
   Farben und Schriften kommen aus theme.json (var(--wp--preset--...)). */
:root{
  --cx-nacht:var(--wp--preset--color--nacht);--cx-blau:var(--wp--preset--color--blau);--cx-petrol:var(--wp--preset--color--petrol);
  --cx-petrol-hell:var(--wp--preset--color--petrol-hell);--cx-hellblau:var(--wp--preset--color--hellblau);--cx-eis:var(--wp--preset--color--eis);
  --cx-grau:var(--wp--preset--color--grau);--cx-schiefer:var(--wp--preset--color--schiefer);--cx-hellgrau:var(--wp--preset--color--hellgrau);
  --cx-linie:#2E4350;--cx-linie-hell:#D5DCE0;--cx-t1:#DCE6EB;--cx-t2:#C9D5DC;
  --cx-head:var(--wp--preset--font-family--head);--cx-body:var(--wp--preset--font-family--body);
  --cx-kopf-h:76px;
  --cx-breite:clamp(1240px,88vw,1760px);
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{overflow-x:hidden}
:where(.wp-site-blocks) > *{margin-block-start:0}
.wp-block-post-content > .alignfull,.wp-block-post-content > .cx-sec{margin-block:0}
:focus-visible{outline:3px solid var(--cx-petrol-hell);outline-offset:4px}
/* Breite: Abschnitte wachsen auf großen Bildschirmen mit (gilt auch für schon gespeicherte Inhalte mit 1240px) */
:where(body) :is(.cx-sec,.cx-seitenkopf,.cx-kopf-wrap,.cx-fuss).is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--cx-breite)}
/* Sprungziele nicht unter dem Kopf verstecken */
[id]{scroll-margin-top:calc(var(--cx-kopf-h) + var(--wp-admin--admin-bar--height,0px) + 16px)}
.has-weiss-background-color :focus-visible,.has-hellgrau-background-color :focus-visible{outline-color:var(--cx-nacht)}
h1,h2,h3,h4{text-wrap:balance}

/* Abschnitte */
.cx-sec{padding-block:clamp(64px,9vw,128px)}
.cx-sec.cx-eng{padding-block:8px 72px}
.cx-eyebrow{font-family:var(--cx-head);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:1rem;color:var(--cx-petrol)}
.has-nacht-background-color .cx-eyebrow{color:var(--cx-hellblau)}
.cx-lead{font-size:var(--wp--preset--font-size--lead);line-height:1.55;max-width:60ch}
.has-nacht-background-color .cx-lead,.has-nacht-background-color p{color:var(--cx-t1)}
.has-nacht-background-color a:where(:not(.wp-element-button)){color:var(--cx-hellblau)}
.has-nacht-background-color a:where(:not(.wp-element-button)):hover{color:#fff}
.has-nacht-background-color .wp-block-button.is-style-outline > .wp-block-button__link{color:var(--cx-hellblau);border-color:var(--cx-hellblau)}
.has-nacht-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover{background:var(--cx-hellblau);color:var(--cx-nacht)}
.wp-block-button.is-style-outline > .wp-block-button__link{color:var(--cx-petrol);border-color:var(--cx-petrol)}
.wp-block-button.is-style-outline > .wp-block-button__link:hover{background:var(--cx-petrol);color:#fff}
.wp-element-button{min-height:52px;display:inline-flex;align-items:center}

/* Kopf */
.cx-kopf{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50;background:var(--cx-nacht);transition:background .3s ease}
.cx-hat-buehne .cx-kopf{position:fixed;left:0;right:0;background:transparent}
.cx-hat-buehne .cx-kopf.is-solid{background:rgba(15,28,36,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cx-kopf .cx-kopf-innen{min-height:var(--cx-kopf-h);gap:20px}
.cx-kopf .wp-block-site-logo img,.cx-kopf .cx-logo img{width:168px;height:auto;display:block}
.cx-kopf .wp-block-navigation a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.cx-kopf .wp-block-navigation a:hover{color:var(--cx-hellblau);text-decoration:underline;text-underline-offset:5px}
.cx-kopf .wp-block-navigation .cx-nav-knopf a{background:var(--cx-blau);color:#fff;padding:0 18px;font-weight:600;font-size:1rem}
.cx-kopf .wp-block-navigation .cx-nav-knopf a:hover{background:var(--cx-petrol);color:#fff;text-decoration:none}
@media (max-width:480px){.cx-kopf .cx-logo img{width:132px}}
/* Menü bis 1199px als Klappmenü, sonst wird es zu eng */
@media (max-width:1199px){
  .cx-kopf .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .cx-kopf .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
}
.cx-kopf .wp-block-navigation__responsive-container.is-menu-open{padding:24px clamp(16px,4vw,48px)}
.cx-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:10px;font-size:1.25rem}
/* Sprungleiste auf der Seite Kompetenzen */
.cx-sprung{gap:10px;margin-top:1.75rem}
.cx-sprung .wp-block-button__link{min-height:44px;padding:10px 18px;font-size:1.0625rem;background:transparent;color:var(--cx-hellblau);border:1.5px solid var(--cx-linie)}
.cx-sprung .wp-block-button__link:hover{border-color:var(--cx-hellblau);background:transparent;color:#fff}
/* Kompetenz-Abschnitte */
.cx-reihe{gap:clamp(32px,6vw,112px)!important}
.cx-reihe .wp-block-image{margin:0}
.cx-reihe img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cx-punkte{padding-left:1.1em;margin:0}
.cx-punkte li{margin-bottom:.4rem}
.cx-liste-titel{font-size:1.25rem;margin-top:2rem}
.cx-nr{font-family:var(--cx-head);font-weight:700;color:var(--cx-blau);font-size:1rem;letter-spacing:.12em;text-transform:uppercase}


/* Kennzahlen */
.cx-zahlen{border-top:1px solid var(--cx-linie);gap:0!important}
.cx-zahlen > .wp-block-column{padding:28px 24px 8px 0}
.cx-zahlen .cx-wert{font-family:var(--cx-head);font-weight:700;font-size:clamp(34px,3.4vw,46px);line-height:1;color:#fff;margin:0}
.cx-zahlen .cx-was{font-size:1rem;color:var(--cx-t2);margin-top:8px}
@media (max-width:781px){.cx-zahlen{display:grid!important;grid-template-columns:1fr 1fr}}

/* Bildband */
.cx-band{margin:0;position:relative}
.wp-block-image.cx-band img{width:100%;height:clamp(300px,42vw,580px);object-fit:cover;display:block}
.cx-band figcaption{position:absolute;left:clamp(16px,4vw,48px);bottom:18px;margin:0;color:var(--cx-t1);text-shadow:0 1px 8px rgba(0,0,0,.6)}

/* Kompetenzen */
.cx-karten{gap:clamp(28px,4vw,56px) clamp(24px,4vw,64px)!important}
.cx-karte img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.cx-karte .wp-block-image{margin:0}
.cx-weiter a{font-weight:600;text-decoration:underline;text-underline-offset:5px}

/* Werkstatt-Mosaik */
.cx-mosaik{gap:4px!important;background:var(--cx-nacht)}
.cx-mosaik .wp-block-image{margin:0}
.cx-mosaik img{width:100%;height:clamp(240px,28vw,420px);object-fit:cover;display:block}

/* Tabellen */
.cx-spec table{border-collapse:collapse;width:100%;font-size:1.0625rem}
.cx-spec td{text-align:left;padding:16px 16px 16px 0;border:0;border-bottom:1px solid var(--cx-linie);vertical-align:top}
.cx-spec td:first-child{color:var(--cx-hellblau);font-weight:600;width:34%}
.cx-spec figcaption{text-align:left;color:var(--cx-t2)}
.has-weiss-background-color .cx-spec td{border-bottom-color:var(--cx-linie-hell)}
.has-weiss-background-color .cx-spec td:first-child{color:var(--cx-petrol)}

/* Schlagworte */
.cx-tags{gap:12px}
.cx-tags .wp-block-button__link{min-height:44px;padding:10px 18px;font-size:1.0625rem;background:transparent;color:var(--cx-grau);border:1.5px solid var(--cx-grau)}
.cx-tags .wp-block-button__link:hover{background:var(--cx-grau);color:#fff}

/* Zeitstrahl */
.cx-zeit{gap:24px!important}
.cx-zeit .cx-jahr{font-family:var(--cx-head);font-weight:700;font-size:40px;line-height:1;color:var(--cx-blau);margin:0}
.cx-zeit p:not(.cx-jahr){font-size:1rem;margin-top:8px}
@media (max-width:781px){.cx-zeit{display:grid!important;grid-template-columns:1fr 1fr}}

/* FAQ */
.cx-faq .wp-block-details{border-top:1px solid var(--cx-linie-hell);padding:4px 0;margin:0}
.cx-faq .wp-block-details:last-child{border-bottom:1px solid var(--cx-linie-hell)}
.cx-faq summary{cursor:pointer;font-size:1.3125rem;font-weight:600;padding:18px 0;min-height:44px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.cx-faq summary::-webkit-details-marker{display:none}
.cx-faq summary::after{content:"+";font-family:var(--cx-head);font-size:28px;color:var(--cx-blau);line-height:1}
.cx-faq details[open] summary::after{content:"\2212"}
.cx-faq details p{max-width:65ch;margin:0 0 22px}

/* Kontakt */
.cx-kontakt{position:relative;overflow:hidden}
.cx-kontakt .cx-deko{position:absolute;right:-180px;top:-200px;width:640px;margin:0;pointer-events:none}
.cx-kontakt .cx-deko img{width:100%;height:auto}
.cx-kontakt > *:not(.cx-deko){position:relative}
.cx-kontakt .cx-tel{font-size:1.375rem;font-weight:600;margin:0}

/* Prüfstände */
.cx-pruef{position:relative;overflow:hidden}

/* Fuß */
.cx-fuss{border-top:1px solid var(--cx-linie);font-size:1rem}
.cx-fuss a{color:var(--cx-t2);text-decoration:none}
.cx-fuss a:hover{color:#fff;text-decoration:underline}
.cx-fuss .wp-block-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.cx-fuss .cx-fuss-titel{font-family:var(--cx-head);text-transform:uppercase;font-weight:700;color:#fff;font-size:1rem;letter-spacing:.06em}

/* Seitenkopf Unterseiten */
.cx-seitenkopf{padding-block:clamp(48px,7vw,96px) clamp(40px,5vw,72px)}
.cx-seitenkopf h1{font-size:clamp(2.25rem,5vw,4.25rem)}

/* Fließtext */
.cx-text{max-width:760px}
.cx-text h2{font-size:clamp(1.75rem,3vw,2.5rem);margin-top:2.5rem}

/* Hero Startseite */
.cx-hero{padding-block:clamp(48px,7vw,104px) clamp(56px,7vw,96px);position:relative;overflow:hidden}
.cx-hero h1{font-size:clamp(2.75rem,6.2vw,5.75rem);line-height:.96}
.cx-signet-dreh{margin:0;max-width:560px;justify-self:end}
.cx-signet-dreh img{width:100%;height:auto;display:block;animation:cx-dreh 60s linear infinite}
.cx-signet-link{text-align:right;font-size:1rem;margin-top:12px}
@keyframes cx-dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cx-signet-dreh img{animation:none}}
.cx-einheit{font-size:.5em;color:var(--cx-hellblau);text-transform:none}
/* Drei Säulen */
.cx-saeulen{border-top:1px solid var(--cx-linie-hell);margin-top:2rem}
.cx-saeulen > .wp-block-column{padding-top:28px}
.cx-saeule-wort{font-size:clamp(2rem,3.4vw,3rem);color:var(--cx-blau)}
/* Kompetenzfelder */
.cx-felder{gap:clamp(24px,3vw,40px)!important;margin-top:2.5rem}
.cx-feld .wp-block-image{margin:0}
.cx-feld img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cx-feld h3 a{color:inherit;text-decoration:none}
.cx-feld h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.cx-feld h3{margin-top:18px}
.cx-felder{grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr))!important}
@media (min-width:900px){.cx-felder{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cx-felder > .cx-feld:first-child{grid-column:span 2;grid-row:span 2}.cx-felder > .cx-feld:first-child img{aspect-ratio:auto;height:100%;min-height:420px}.cx-felder > .cx-feld:first-child{display:flex;flex-direction:column}.cx-felder > .cx-feld:first-child .wp-block-image{flex:1}}
/* Zeitreise mit Symbolen und Zählwerk */
.cx-zeitreise{--zr-linie:clamp(104px,12vw,176px);--zr-pad:calc(var(--zr-linie) + clamp(52px,5vw,76px));position:relative;margin-top:clamp(40px,5vw,72px);padding-left:var(--zr-pad)}
.cx-zeitreise::before,.cx-zeitreise::after{content:"";position:absolute;left:var(--zr-linie);top:8px;bottom:8px;width:2px;margin-left:-1px;background:var(--cx-linie-hell)}
.cx-zeitreise::after{background:var(--cx-blau);transform-origin:top;transform:scaleY(var(--zr-f,1))}
.cx-station{position:relative;padding-bottom:clamp(44px,5vw,76px);min-height:76px}
.cx-station:last-child{padding-bottom:0}
.cx-station .cx-jahr{position:absolute;left:calc(-1 * var(--zr-pad));top:8px;width:calc(var(--zr-linie) - 46px);text-align:right;font-family:var(--cx-head);font-weight:700;font-size:clamp(26px,3vw,44px);line-height:1;color:var(--cx-blau);margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.cx-station h3{margin:0 0 8px;padding-top:6px}
.cx-station p:not(.cx-jahr){margin:0;max-width:60ch}
.cx-symbol{position:absolute;left:calc(var(--zr-linie) - var(--zr-pad) - 34px);top:-6px;width:68px;height:68px;border-radius:50%;background:var(--cx-hellgrau);border:2px solid var(--cx-linie-hell);display:grid;place-items:center;transition:border-color .6s,box-shadow .6s;z-index:1}
.has-weiss-background-color .cx-symbol{background:#fff}
.cx-symbol svg{width:48px;height:48px;stroke:var(--cx-grau);stroke-width:1.6;transition:stroke .6s;overflow:visible}
.cx-station.ist-da .cx-symbol{border-color:var(--cx-blau);box-shadow:0 0 0 7px rgba(4,124,167,.1)}
.cx-station.ist-da .cx-symbol svg{stroke:var(--cx-blau)}
.cx-symbol .z{transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1) .15s}
.cx-jahr .cx-ziffer{display:inline-block;height:1em;overflow:hidden;vertical-align:top}
.cx-jahr .cx-ziffer > span{display:block;transition:transform 1.5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d) * 110ms)}
.cx-jahr .cx-ziffer i{display:block;height:1em;font-style:normal}
.cx-station-zirkel.ist-da .bogen{animation:cx-zirkel 3.6s ease-in-out 1.6s infinite}
@keyframes cx-zirkel{0%{stroke-dashoffset:var(--len)}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:calc(-1 * var(--len))}}
.cx-station-medaille .funkel{opacity:0}
.cx-station-medaille.ist-da .funkel{animation:cx-blink 1.2s ease-in-out 1.4s infinite alternate}
.cx-station-medaille.ist-da .blitz{fill:rgba(4,124,167,.14)}
.cx-station-leuchtturm .strahl{fill:rgba(4,124,167,.2);stroke:none;opacity:0;transform-box:view-box;transform-origin:24px 15.5px}
.cx-station-leuchtturm.ist-da .strahl{opacity:1;animation:cx-strahl 3.8s ease-in-out 1s infinite;transition:opacity .6s 1s}
@keyframes cx-strahl{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
.cx-station-messuhr .zeiger{transform-box:view-box;transform-origin:24px 36px;transform:rotate(-100deg);transition:transform 1.8s cubic-bezier(.3,1.7,.5,1) .6s}
.cx-station-messuhr.ist-da .zeiger{transform:rotate(0)}
.cx-station-messuhr.ist-da .zeiger path{transform-box:view-box;transform-origin:24px 36px;animation:cx-zittern 2.6s ease-in-out 2.6s infinite}
@keyframes cx-zittern{0%,100%{transform:rotate(0)}40%{transform:rotate(-4deg)}60%{transform:rotate(2deg)}}
.cx-station-zahnraeder .rad1{transform-box:view-box;transform-origin:18px 20px}
.cx-station-zahnraeder .rad2{transform-box:view-box;transform-origin:31.5px 31px}
.cx-station-zahnraeder.ist-da .rad1{animation:cx-dreh 8s linear 1s infinite}
.cx-station-zahnraeder.ist-da .rad2{animation:cx-dreh-l 6s linear 1s infinite}
@keyframes cx-dreh-l{to{transform:rotate(-360deg)}}
.cx-station-kompass .nadel{transform-box:view-box;transform-origin:24px 24px;transform:rotate(-140deg)}
.cx-station-kompass .spitze{fill:var(--cx-grau);stroke:none;transition:fill .6s}
.cx-station-kompass.ist-da .spitze{fill:var(--cx-blau)}
.cx-station-kompass.ist-da .nadel{animation:cx-ausrichten 2.4s cubic-bezier(.3,.7,.3,1) .5s forwards}
@keyframes cx-ausrichten{0%{transform:rotate(-140deg)}55%{transform:rotate(24deg)}75%{transform:rotate(-9deg)}90%{transform:rotate(3deg)}100%{transform:rotate(0)}}
.cx-zeitreise:not(.js-zr) .cx-symbol svg{stroke:var(--cx-blau)}
.cx-zeitreise:not(.js-zr) .nadel,.cx-zeitreise:not(.js-zr) .zeiger{transform:none}
@media (max-width:640px){
  .cx-zeitreise{--zr-linie:24px;--zr-pad:72px}
  .cx-station .cx-jahr{position:static;width:auto;text-align:left;margin-bottom:8px}
  .cx-symbol{width:48px;height:48px;left:-72px;top:-2px}
  .cx-symbol svg{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){
  .cx-zeitreise *{animation:none!important;transition:none!important}
  .cx-station .nadel,.cx-station .zeiger{transform:none!important}
  .cx-station-leuchtturm .strahl{opacity:1}
}
/* Kapitel: Erzählung mit Titel links, Text rechts */
.cx-kap-kopf{gap:clamp(28px,6vw,120px)!important;align-items:flex-start!important}
.cx-kap-kopf > .wp-block-column:first-child{flex-basis:44%!important;flex-grow:0!important}
.cx-kap-titel{font-size:clamp(2rem,3.4vw,3.25rem);margin-top:.4em}
h1,h2,h3{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5}
.cx-kap-kopf p{max-width:62ch}
.cx-kap-kopf .cx-lead{margin-top:.4em}
.cx-kap-bild{margin:clamp(40px,5vw,72px) 0 0}
.cx-kap-bild img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
@media (max-width:781px){.cx-kap-bild img{aspect-ratio:4/3}.cx-kap-kopf > .wp-block-column:first-child{flex-basis:100%!important}}
.cx-feldsaetze{gap:clamp(24px,3vw,48px)!important;margin-top:clamp(40px,5vw,72px)}
.cx-feldsatz{border-top:1px solid var(--cx-linie-hell);padding-top:20px}
@media (min-width:900px){.cx-feldsaetze{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:899px){.cx-feldsaetze{grid-template-columns:minmax(0,1fr)!important}}
.has-nacht-background-color .cx-feldsatz{border-top-color:var(--cx-linie)}
.cx-feldsatz h3{font-size:1.375rem;margin:0 0 10px}
.cx-feldsatz h3 a{color:inherit;text-decoration:none}
.cx-feldsatz h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.cx-feldsatz p{margin:0}
/* Kompetenz-Reise mit mitlaufender, animierter Zeichnung */
.cx-reise-spalten{margin-top:clamp(40px,5vw,72px);gap:clamp(28px,5vw,96px)!important}
.cx-reise-spalten > .wp-block-column:first-child{flex-basis:48%!important;flex-grow:0!important}
.cx-reise-teil{padding-block:clamp(40px,6vh,72px);border-top:1px solid var(--cx-linie)}
.cx-reise-teil:first-child{border-top:0;padding-top:0}
.cx-reise-teil h3{font-size:var(--wp--preset--font-size--zwischen);margin:.3em 0 .6em;color:#fff}
.cx-reise-teil > p:not(.cx-eyebrow){max-width:58ch}
.cx-reise .cx-punkte{color:var(--cx-t1);margin-top:18px}
.cx-reise-teil .cx-weiter{margin-top:18px}
.cx-reise-bild{position:sticky;top:calc(var(--cx-kopf-h) + var(--wp-admin--admin-bar--height,0px) + 28px)}
.cx-rz{width:100%;height:auto;display:block;stroke:var(--cx-hellblau);stroke-width:1.6;overflow:hidden}
.cx-rz .raster{stroke:rgba(179,237,255,.07);stroke-width:.6}
.cx-rz .achse{stroke-dasharray:10 6;opacity:.35}
.cx-rz .weg{stroke:rgba(179,237,255,.13);stroke-dasharray:2 6}
.cx-rz .partikel circle{fill:#fff;stroke:none;filter:drop-shadow(0 0 4px rgba(179,237,255,.9))}
.cx-rz .lbl{fill:var(--cx-hellblau);stroke:none;font:700 15px var(--cx-head);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .4s}
.cx-rz .lbl.klein{font-size:12px}
.cx-rz g.teil{transition:opacity .5s ease,filter .5s ease}
.cx-reise.js-an .cx-rz g.teil{opacity:.22}
.cx-reise.js-an .cx-rz g.teil.an{opacity:1;filter:drop-shadow(0 0 6px rgba(179,237,255,.6))}
.cx-rz g.teil.an .lbl,.cx-reise:not(.js-an) .cx-rz .lbl{opacity:1}
.cx-rz .scan{opacity:0;pointer-events:none;transition:opacity .4s}
.cx-reise.js-an .cx-rz .scan{opacity:.5}
.cx-rz .takt rect{fill:rgba(179,237,255,.12)}
.cx-rz .rolle,.cx-rz .loecher{stroke-width:4}
.cx-rz .sensor{fill:var(--cx-nacht)}
.cx-rz .warm{stroke:#fff}.cx-rz .kalt{stroke:var(--cx-petrol-hell)}
.cx-rz .flamme{fill:rgba(179,237,255,.14)}
.cx-rz .duenn{stroke-width:.8;opacity:.6}
.cx-rz .mass{stroke-width:1;opacity:.7}
.cx-rz .z.zeichnet{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}
.cx-rz .an .spule{stroke-dasharray:5 4;animation:cx-fluss .5s linear infinite}
.cx-rz .an .laeufer{stroke-dasharray:14 10;animation:cx-fluss .25s linear infinite}
.cx-rz .an .folie{stroke-dasharray:3 3;animation:cx-fluss .6s linear infinite}
.cx-rz .an .schaufel{animation:cx-puls .9s ease-in-out infinite alternate}
.cx-rz .an .stroemung,.cx-rz .an .matrix{stroke-dasharray:6 8;animation:cx-fluss .9s linear infinite}
.cx-rz .an .warm,.cx-rz .an .kalt{stroke-dasharray:8 6;animation:cx-fluss .8s linear infinite}
.cx-rz .an .loecher{animation:cx-blink .7s steps(2) infinite}
.cx-rz .an .flamme{transform-box:fill-box;transform-origin:50% 100%;animation:cx-flacker .18s ease-in-out infinite alternate}
.cx-rz .an .kabel{stroke-dasharray:3 9;animation:cx-fluss .5s linear infinite}
.cx-rz .an .sensor{animation:cx-blink 1.2s ease-in-out infinite alternate}
.cx-rz .an .kurve{stroke-dasharray:240;animation:cx-kurve 2.4s ease-in-out infinite}
.cx-rz .an .station{animation:cx-puls .6s ease-in-out infinite alternate}
.cx-rz .an .mass{stroke-dasharray:4 4;animation:cx-fluss 1s linear infinite}
@keyframes cx-fluss{to{stroke-dashoffset:-28}}
@keyframes cx-puls{from{opacity:.45}to{opacity:1}}
@keyframes cx-blink{from{opacity:.25}to{opacity:1}}
@keyframes cx-flacker{from{transform:scale(.92,.86)}to{transform:scale(1.06,1.12)}}
@keyframes cx-kurve{0%{stroke-dashoffset:240}60%,100%{stroke-dashoffset:0}}
.cx-rz-detail{display:flex;align-items:center;gap:18px;margin-top:14px;padding:12px 18px;border:1px solid var(--cx-linie);background:rgba(9,20,27,.6);min-height:112px;opacity:0;transition:opacity .5s}
.cx-reise.js-an .cx-rz-detail{opacity:1}
.cx-rz-zahl{margin:0;font:700 13px/1 var(--cx-head);letter-spacing:.14em;color:var(--cx-t2);white-space:nowrap}
.cx-rz-nr{color:#fff;font-size:26px;letter-spacing:.02em}
.cx-rz-detail figure{margin:0;display:none;align-items:center;gap:18px}
.cx-rz-detail figure.an{display:flex;animation:cx-rein .5s ease}
@keyframes cx-rein{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.cx-rz-detail svg{width:86px;height:86px;flex:none;display:block;stroke:var(--cx-hellblau);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cx-rz-detail .ring{stroke:rgba(179,237,255,.35)}
.cx-rz-detail figcaption{font-family:var(--cx-head);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;line-height:1.3;color:#fff}
.cx-rz-detail .dreht{transform-box:view-box;transform-origin:0 0;animation:cx-dreh 1.4s linear infinite}
.cx-rz-detail .dreht.schnell{animation-duration:.45s}
.cx-rz-detail .stroemung,.cx-rz-detail .warm,.cx-rz-detail .kalt,.cx-rz-detail .folie{stroke-dasharray:6 7;animation:cx-fluss .8s linear infinite}
.cx-rz-detail .warm{stroke:#fff}.cx-rz-detail .kalt{stroke:var(--cx-petrol-hell)}
.cx-rz-detail .flamme{fill:rgba(179,237,255,.18);transform-box:fill-box;transform-origin:50% 100%;animation:cx-flacker .16s ease-in-out infinite alternate}
.cx-rz-detail .kurve{stroke-dasharray:240;animation:cx-kurve 2.4s ease-in-out infinite}
.cx-rz-detail .band-takt{animation:cx-band 1.4s linear infinite}
.cx-rz-detail .band-takt rect{fill:rgba(179,237,255,.15)}
@keyframes cx-band{to{transform:translateX(40px)}}
@media (max-width:781px){
  .cx-reise-spalten > .wp-block-column:last-child{order:-1;position:sticky;top:calc(var(--cx-kopf-h) + var(--wp-admin--admin-bar--height,0px));z-index:3;background:var(--cx-nacht);padding-block:8px}
  .cx-reise-bild{position:static}
  .cx-rz-detail{display:none}
}
@media (prefers-reduced-motion:reduce){.cx-rz *,.cx-rz-detail *{animation:none!important;transition:none!important}}
/* So läuft ein Entwicklungsprojekt ab */
.cx-ablauf{--gap:clamp(24px,3vw,48px);position:relative;margin-top:clamp(40px,5vw,72px);gap:var(--gap)!important}
@media (min-width:900px){.cx-ablauf{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:899px){.cx-ablauf{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){.cx-ablauf{grid-template-columns:minmax(0,1fr)!important}}
.cx-schritt{position:relative;padding-top:30px}
.cx-schritt::before,.cx-schritt::after{content:"";position:absolute;left:0;right:calc(-1 * var(--gap));top:0;height:2px;background:var(--cx-eis)}
.cx-schritt::after{background:var(--cx-blau);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--n,0) * 220ms + .2s)}
.cx-schritt:last-child::before,.cx-schritt:last-child::after{right:0}
.cx-ablauf.ist-da .cx-schritt::after,.cx-ablauf:not(.js-rv) .cx-schritt::after{transform:none}
.cx-schritt-nr{font-family:var(--cx-head);font-weight:700;font-size:clamp(40px,4vw,60px);line-height:1;color:var(--cx-blau);margin:0 0 14px}
.cx-schritt h3{font-size:1.375rem;margin:0 0 10px}
.cx-schritt p:not(.cx-schritt-nr){margin:0}
.cx-klein{font-size:1rem;color:var(--cx-grau);margin-top:14px}
/* Einblenden beim Scrollen und ruhige Kamerafahrt in Bildern */
.cx-rv-an .cx-rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--rv,0) * 80ms)}
.cx-rv-an .cx-rv.ist-da{opacity:1;transform:none}
.cx-kap-bild,.wp-block-image.cx-band{overflow:hidden}
@supports (animation-timeline: view()){
  .cx-kap-bild img,.wp-block-image.cx-band img{animation:cx-kamerafahrt linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
}
@keyframes cx-kamerafahrt{from{transform:scale(1.12) translateY(-2%)}to{transform:scale(1.04) translateY(2%)}}
@media (prefers-reduced-motion:reduce){.cx-kap-bild img,.wp-block-image.cx-band img{animation:none}.cx-rv-an .cx-rv{opacity:1;transform:none;transition:none}}
/* Wissen-Blog: Beitrag und Liste */
.cx-artikel-kopf.cx-artikel-kopf.is-layout-constrained > *{max-width:760px}
.cx-artikel-kopf h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.04}
.cx-artikel-kopf .cx-eyebrow a{color:var(--cx-hellblau);text-decoration:none}
.cx-datum{color:var(--cx-t2);margin-top:1rem;font-size:1rem}
.cx-artikel :is(p,li){font-size:1.125rem;line-height:1.7}
.cx-artikel h2{font-size:clamp(1.5rem,2.4vw,2.125rem);margin-top:2.2em;margin-bottom:.5em}
.cx-artikel h3{font-size:1.25rem;margin-top:2.4em}
.cx-artikel .cx-quellen li{font-size:1rem;line-height:1.5;margin-bottom:.5rem}
.cx-artikel .cx-weiter{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--cx-linie-hell)}
.cx-blog .wp-block-post-template{gap:clamp(24px,3vw,40px)!important;margin-top:clamp(32px,4vw,56px)}
.cx-blog .wp-block-post{border-top:1px solid var(--cx-linie-hell);padding-top:20px}
.cx-blog .wp-block-post-title{font-size:1.375rem;margin:.4em 0 .5em}
.cx-blog .wp-block-post-title a{color:inherit;text-decoration:none}
.cx-blog .wp-block-post-title a:hover{text-decoration:underline;text-underline-offset:5px}
.cx-blog .wp-block-post-date{font-size:.9375rem;margin:0}
.cx-blog .wp-block-post-excerpt__excerpt{margin:0}
@media (max-width:781px){.cx-blog .wp-block-post-template{grid-template-columns:minmax(0,1fr)!important}}
/* Sprachumschalter */
.cx-kopf-rechts{gap:18px}
.cx-sprachen ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.cx-sprachen a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:36px;padding:0 5px;font:700 13px/1 var(--cx-head);letter-spacing:.08em;color:var(--cx-t2);text-decoration:none}
.cx-sprachen a:hover{color:#fff}
.cx-sprachen a[aria-current="true"]{color:#fff;box-shadow:inset 0 -2px 0 var(--cx-hellblau)}
@media (min-width:1200px){.cx-kopf-rechts .cx-sprachen{order:2;border-left:1px solid var(--cx-linie);padding-left:12px}}
@media (max-width:1199px){.cx-kopf-rechts .cx-sprachen{order:-1}}
/* Chinesisch: Systemschriften mit chinesischen Zeichen, keine Silbentrennung */
html[lang^="zh"]{--wp--preset--font-family--head:'News Cycle','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC',sans-serif;--wp--preset--font-family--body:'Source Sans 3','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC',sans-serif}
html[lang^="zh"] .cx-ph,html[lang^="zh"] .cx-dreh,html[lang^="zh"] .cx-schritte,html[lang^="zh"] .cx-intro{--f-head:var(--wp--preset--font-family--head);--f-body:var(--wp--preset--font-family--body)}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3{-webkit-hyphens:manual;hyphens:manual;letter-spacing:.02em;line-height:1.2}
html[lang^="zh"] body{line-height:1.75}
/* Fußzeile */
.cx-fuss-zeile{margin-top:clamp(32px,4vw,56px)!important;padding-top:20px;border-top:1px solid var(--cx-linie);font-size:.9375rem;color:var(--cx-t2)}
.cx-koord{cursor:help;font-variant-numeric:tabular-nums}
/* Kleine Überraschungen */
::selection{background:var(--cx-hellblau);color:var(--cx-nacht)}
.cx-f60{position:fixed;left:0;bottom:16px;z-index:70;width:min(760px,86vw);pointer-events:none;color:var(--cx-hellblau);animation:cx-f60-fahrt 11s linear forwards}
.cx-f60 svg{width:100%;height:auto;display:block;stroke:currentColor;stroke-width:1.4;fill:none;filter:drop-shadow(0 0 6px rgba(179,237,255,.5))}
.cx-f60 span{display:block;font:700 13px var(--cx-head);letter-spacing:.14em;text-transform:uppercase;margin-top:6px;text-shadow:0 0 8px rgba(6,14,19,.9)}
.cx-f60 .band{stroke-dasharray:3 9;animation:cx-fluss .8s linear infinite}
@keyframes cx-f60-fahrt{from{transform:translateX(-100%)}to{transform:translateX(110vw)}}
@media (prefers-reduced-motion:reduce){.cx-f60{animation:cx-f60-still 5s linear forwards;left:50%;margin-left:min(-380px,-43vw)}@keyframes cx-f60-still{0%,90%{opacity:1}100%{opacity:0}}}