/* ===================================================================
   CIT-KOMPONENTEN – Corporate-Design-Baukasten für Elementor
   Einsatz: in Elementor bei Container/Widget unter Erweitert > CSS-Klassen.
   Regeln: /home/wplive/backups/cd-guidelines/CD-GUIDELINES.md
   Wird auf allen Seiten geladen; wirkt nur, wo cit-Klassen gesetzt sind.

   ABSCHNITT (äußerer Container)
     cit-sec                Abschnitt mit großzügigem Abstand oben/unten
       + cit-sec--hero      Einstieg (etwas weniger Abstand)
       + cit-sec--flush     ohne Abstand oben (schließt an vorigen an)
       + cit-sec--grau      Flächengrau
       + cit-sec--haus      massive Hausfarbe, Text weiß
       + cit-sec--verlauf   CD-Verlauf, Text weiß (dem Footer vorbehalten)
       + cit-sec--linie     dünne Linie oben
     cit-wrap               innerer Container, Satzspiegel 1280 px
   LAYOUT (Container)
     cit-split cit-split--7-5 | --6-5 | --5-6 | --5-7   zwei Spalten
     cit-stack              Spalte untereinander
     cit-btns               Buttons nebeneinander
     cit-head               Kopf eines Abschnitts (Überschrift + Lead)
   TEXT (Widgets)
     cit-lbl    Vorspann-Zeile (normal + <b>fett</b>), Text-Editor
     cit-h1     Seitentitel, Überschrift H1
     cit-h2     Abschnittstitel (Light), + cit-h2--sm kleiner
     cit-lead   Einleitungstext, Text-Editor
     cit-text   Fließtext, + cit-text--lg größer; farbige Links mit den vorhandenen Klassen link-hausfarbe|dunkelblau|mittelblau|tuerkis|beere|pink (style.css)
     cit-list   Icon-Liste mit Quadrat-Punkten
   BAUSTEINE
     cit-btn (Button-Widget) Kontur-Button, Pfeil davor; + cit-btn--down (Pfeil nach unten)
     cit-img (Bild) Ecke unten rechts; + cit-img--square quadratisch
     cit-kpis > cit-kpi cit-kpi--uhr|remote|ticket|monitor > cit-kpi__num (Überschrift, <small> für Einheit) + cit-kpi__text
     cit-tiles > cit-tile cit-c-* (Container mit Link) > cit-tile__title, cit-tile__text, cit-tile__more
     cit-quotes > cit-quote > cit-quote__logo (Bild), cit-quote__text, cit-quote__who > cit-quote__img, cit-quote__name
     cit-cards > cit-card (Container mit Link) > cit-card__img (Bild), cit-card__title
     cit-faq (Verschachteltes Akkordeon)
     cit-tel (Überschrift mit tel:-Link) große Telefonnummer mit Kreis-Pfeil
     cit-formcard (Container) > cit-form (Elementor-Formular) – Felder/Aktionen bleiben, nur Optik
   FOOTER (Vorlage 185)
     cit-sec cit-sec--verlauf cit-footer > cit-wrap > cit-ft__grid > cit-ft__col (cit-ft__logo, cit-ft__text, cit-ft__h, cit-ft__links)
     cit-ft__bar > cit-ft__small, cit-ft__legal
   HILFSKLASSEN  cit-mb-32 (Abstand unten 32 px)
   BEREICHSFARBEN  cit-c-service (Dunkelblau) · cit-c-cloud (Türkis) · cit-c-infra (Mittelblau) · cit-c-sec (Beere)
   =================================================================== */
@font-face{font-family:"CIT Gotham";font-weight:300;font-style:normal;font-display:swap;src:url("/wp-content/uploads/2026/01/gotham-light-webfont.woff2") format("woff2")}
@font-face{font-family:"CIT Gotham";font-weight:300;font-style:italic;font-display:swap;src:url("/wp-content/uploads/2026/01/gotham-lightitalic-webfont.woff2") format("woff2")}
@font-face{font-family:"CIT Gotham";font-weight:400;font-style:normal;font-display:swap;src:url("/wp-content/uploads/2026/01/gotham-book-webfont.woff2") format("woff2")}
@font-face{font-family:"CIT Gotham";font-weight:400;font-style:italic;font-display:swap;src:url("/wp-content/uploads/2026/01/gotham-bookitalic-webfont.woff2") format("woff2")}
@font-face{font-family:"CIT Gotham";font-weight:500;font-style:normal;font-display:swap;src:url("/wp-content/uploads/2026/01/gotham-medium-webfont.woff2") format("woff2")}
@font-face{font-family:"CIT Gotham";font-weight:700;font-style:normal;font-display:swap;src:url("/wp-content/uploads/2026/01/gotham-bold-webfont.woff2") format("woff2")}

:root{
  --cit-haus:#0f265c; --cit-dunkelblau:#283583; --cit-mittelblau:#0097d7; --cit-hellblau:#5bc5f2; --cit-tuerkis:#00adb1;
  --cit-beere:#652d59; --cit-pink:#a84d97; --cit-flieder:#a276b2; --cit-haus20:#e3e7f1; --cit-grau:#f5f6f9; --cit-linie:rgba(15,38,92,.14);
  --cit-verlauf:
    radial-gradient(55% 70% at 88% 8%, rgba(91,197,242,.95), rgba(91,197,242,0) 70%),
    radial-gradient(45% 60% at 8% 0%, rgba(0,173,177,.95), rgba(0,173,177,0) 70%),
    radial-gradient(40% 70% at 100% 100%, rgba(168,77,151,.8), rgba(168,77,151,0) 70%),
    linear-gradient(165deg, #0097d7 0%, #0f265c 58%, #1d1752 100%);
  --cit-pfeil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M3.72 18.56A21 21 0 1 1 3.72 29.44' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M13 20.5H23V13.5L35 24L23 34.5V27.5H13Z' fill='black'/%3E%3C/svg%3E");
  --cit-font:"CIT Gotham",Helvetica,Arial,sans-serif;
  --cit-pad:clamp(80px,9vw,140px);
}
.cit-c-service{--cit-ak:var(--cit-dunkelblau)} .cit-c-cloud{--cit-ak:var(--cit-tuerkis)} .cit-c-infra{--cit-ak:var(--cit-mittelblau)} .cit-c-sec{--cit-ak:var(--cit-beere)}

/* ---------- Grundlage: Elementor-Abstände neutralisieren ---------- */
body .e-con.cit-sec, body .cit-sec .e-con{padding:0;gap:0;min-height:0}
body .cit-sec .elementor-element.elementor-widget{margin:0 0 var(--cit-mb,0);width:100%;max-width:100%}
body .cit-sec .elementor-element.elementor-widget > .elementor-widget-container{margin:0;padding:0}
body .cit-sec{font-family:var(--cit-font);color:var(--cit-haus)}
body .cit-sec p{margin:0}

/* ---------- Abschnitte ---------- */
body .e-con.cit-sec{padding-block:var(--cit-pad);padding-inline:0;background-color:transparent}
body .e-con.cit-sec--hero{padding-block:clamp(48px,6vw,96px) clamp(64px,7vw,110px)}
body .e-con.cit-sec--flush{padding-top:0}
body .e-con.cit-sec--grau{background:var(--cit-grau)}
body .e-con.cit-sec--verlauf{background:var(--cit-verlauf)}
body .e-con.cit-sec--haus{background:var(--cit-haus)}
body .e-con.cit-sec--linie{border-top:1px solid var(--cit-linie)}
body .cit-sec .e-con.cit-wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:20px}

/* ---------- Layout ---------- */
body .cit-sec .e-con.cit-split{display:grid;gap:clamp(40px,6vw,104px);align-items:center}
body .cit-sec .e-con.cit-split--7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,5vw,88px)}
body .cit-sec .e-con.cit-split--6-5{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
body .cit-sec .e-con.cit-split--5-6{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}
body .cit-sec .e-con.cit-split--5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
body .cit-sec .e-con.cit-stack{display:flex;flex-direction:column;align-items:stretch}
body .cit-sec .e-con.cit-btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}
body .cit-sec .e-con.cit-btns > .elementor-widget{width:auto;--cit-mb:0}
body .cit-sec .e-con.cit-head{display:block;margin-bottom:clamp(40px,4vw,64px)}
@media (max-width:900px){
  body .cit-sec .e-con.cit-split{grid-template-columns:1fr}
  body .cit-sec .cit-split > .cit-img{max-width:520px}
}

/* ---------- Text ---------- */
body .cit-sec .elementor-element.elementor-widget.cit-lbl{--cit-mb:14px}
body .cit-sec .elementor-element.elementor-widget.cit-lbl p{font:400 18px/1.4 var(--cit-font);color:inherit}
body .cit-sec .elementor-element.elementor-widget.cit-lbl b, body .cit-sec .elementor-element.elementor-widget.cit-lbl strong{font-weight:700}
body .cit-sec .elementor-element.elementor-widget.cit-h1{--cit-mb:32px}
body .cit-sec .elementor-element.elementor-widget.cit-h1 .elementor-heading-title{font:700 clamp(36px,3vw + 16px,60px)/1.07 var(--cit-font);letter-spacing:-.005em;text-transform:none;color:var(--cit-haus);text-wrap:balance}
body .cit-sec .elementor-element.elementor-widget.cit-h2{--cit-mb:24px}
body .cit-sec .elementor-element.elementor-widget.cit-h2 .elementor-heading-title{font:300 clamp(30px,1.8vw + 20px,44px)/1.15 var(--cit-font);letter-spacing:0;text-transform:none;color:var(--cit-haus);text-wrap:balance}
body .cit-sec .elementor-element.elementor-widget.cit-h2--sm .elementor-heading-title{font-size:clamp(28px,1.2vw + 18px,36px)}
body .cit-sec .elementor-element.elementor-widget.cit-lead p{font:400 clamp(17px,.3vw + 16px,19px)/1.65 var(--cit-font);color:var(--cit-haus);max-width:760px;text-wrap:pretty}
body .cit-sec .elementor-element.elementor-widget.cit-text{--cit-mb:40px}
body .cit-sec .elementor-element.elementor-widget.cit-text > .elementor-widget-container, body .cit-sec .elementor-element.elementor-widget.cit-text{display:grid;gap:18px}
body .cit-sec .elementor-element.elementor-widget.cit-text p{font:400 17px/1.65 var(--cit-font);color:var(--cit-haus);max-width:620px}
body .cit-sec .elementor-element.elementor-widget.cit-text--lg p{font-size:clamp(17px,.3vw + 16px,19px)}
body .cit-sec .elementor-element.elementor-widget.cit-text a:not([class*="link-"]){color:var(--cit-haus);font-weight:700;text-decoration:underline;text-decoration-color:var(--cit-ak,var(--cit-tuerkis));text-decoration-thickness:2px;text-underline-offset:.22em;transition:color .3s,text-decoration-thickness .3s}
body .cit-sec .elementor-element.elementor-widget.cit-text a:not([class*="link-"]):hover{color:var(--cit-ak,var(--cit-mittelblau));text-decoration-thickness:4px}
body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-items{display:grid;gap:16px;max-width:620px;margin:36px 0 0;padding:0}
body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-item{position:relative;padding:0 0 0 28px;margin:0;border:0}
body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-item::before{content:"";position:absolute;left:0;top:.55em;width:.5em;height:.5em;background:var(--cit-tuerkis)}
body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-item::after{content:none}
body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-icon{display:none}
body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-text{font:400 17px/1.55 var(--cit-font);color:var(--cit-haus);padding:0}
body .cit-sec .elementor-element.elementor-widget.cit-list strong{font-weight:700}

/* ---------- Abschnitt im Verlauf: alles weiß ---------- */
body .cit-sec.cit-sec--verlauf .elementor-element.elementor-widget.cit-h2 .elementor-heading-title,
body .cit-sec.cit-sec--verlauf .elementor-element.elementor-widget.cit-lead p,
body .cit-sec.cit-sec--verlauf .elementor-element.elementor-widget.cit-lbl p,
body .cit-sec.cit-sec--verlauf .elementor-element.elementor-widget.cit-text p,
body .cit-sec.cit-sec--haus .elementor-element.elementor-widget.cit-h2 .elementor-heading-title,
body .cit-sec.cit-sec--haus .elementor-element.elementor-widget.cit-lead p,
body .cit-sec.cit-sec--haus .elementor-element.elementor-widget.cit-lbl p,
body .cit-sec.cit-sec--haus .elementor-element.elementor-widget.cit-text p{color:#fff}

/* ---------- Button (Kontur, Pfeil davor, sanfter Hover) ---------- */
body .cit-sec .elementor-element.elementor-widget.cit-btn{width:auto}
body .cit-sec .elementor-element.elementor-widget.cit-btn .elementor-button{display:inline-flex;align-items:center;border:2px solid var(--cit-haus);border-radius:0 0 14px 0;padding:13px 22px 12px;
  background:transparent;color:var(--cit-haus);font:700 16px/1.2 var(--cit-font);letter-spacing:0;text-transform:none;box-shadow:none;transition:background .25s}
body .cit-sec .elementor-element.elementor-widget.cit-btn .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:12px}
body .cit-sec .elementor-element.elementor-widget.cit-btn .elementor-button-content-wrapper::before{content:"→";font-weight:400;font-size:18px;line-height:1;transition:transform .25s}
body .cit-sec .elementor-element.elementor-widget.cit-btn .elementor-button:hover, body .cit-sec .elementor-element.elementor-widget.cit-btn .elementor-button:focus{background:var(--cit-haus20);color:var(--cit-haus)}
body .cit-sec .elementor-element.elementor-widget.cit-btn .elementor-button:hover .elementor-button-content-wrapper::before{transform:translateX(4px)}
body .cit-sec .elementor-element.elementor-widget.cit-btn--down .elementor-button-content-wrapper::before{content:"↓"}
body .cit-sec .elementor-element.elementor-widget.cit-btn--down .elementor-button:hover .elementor-button-content-wrapper::before{transform:translateY(3px)}
body .cit-sec .elementor-element.elementor-widget.cit-btn .elementor-button-text{color:inherit}
body .cit-sec.cit-sec--verlauf .elementor-element.elementor-widget.cit-btn .elementor-button, body .cit-sec.cit-sec--haus .elementor-element.elementor-widget.cit-btn .elementor-button{border-color:#fff;color:#fff}
body .cit-sec.cit-sec--verlauf .elementor-element.elementor-widget.cit-btn .elementor-button:hover, body .cit-sec.cit-sec--haus .elementor-element.elementor-widget.cit-btn .elementor-button:hover{background:rgba(255,255,255,.14);color:#fff}

/* ---------- Bild ---------- */
body .cit-sec .elementor-element.elementor-widget.cit-img img{display:block;width:100%;height:auto;border-radius:0 0 28px 0}
body .cit-sec .elementor-element.elementor-widget.cit-img--square img{aspect-ratio:1;object-fit:cover}

/* ---------- Kennzahlen (wie Imagebroschüre) ---------- */
body .cit-sec .e-con.cit-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
body .cit-sec .e-con.cit-kpi{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--cit-haus);border-radius:0 0 16px 0;padding:26px 20px 24px}
body .cit-sec .elementor-element.elementor-widget.cit-kpi__num{--cit-mb:12px}
body .cit-sec .elementor-element.elementor-widget.cit-kpi__num .elementor-heading-title{display:block;text-transform:none;font:700 clamp(34px,1.6vw + 18px,46px)/1 var(--cit-font);letter-spacing:-.01em;color:var(--cit-haus);font-variant-numeric:tabular-nums;white-space:nowrap}
body .cit-sec .elementor-element.elementor-widget.cit-kpi__num small{font-size:.5em;letter-spacing:0;margin-left:.06em;text-transform:none;font-weight:700}
body .cit-sec .elementor-element.elementor-widget.cit-kpi__num .elementor-heading-title::after{content:"";display:inline-block;vertical-align:middle;margin-left:14px;margin-top:-.15em;width:clamp(36px,2.4vw,44px);height:clamp(36px,2.4vw,44px);background:currentColor;-webkit-mask:var(--cit-kpi-ic) center/contain no-repeat;mask:var(--cit-kpi-ic) center/contain no-repeat}
body .cit-sec .cit-kpi--uhr{--cit-kpi-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11v-4M16 7h8M30 12l2.5-2.5'/%3E%3Ccircle cx='20' cy='23' r='12'/%3E%3Cpath d='M20 23v-7M20 23l5 3'/%3E%3C/svg%3E")}
body .cit-sec .cit-kpi--remote{--cit-kpi-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 24v-3a11 11 0 0 1 22 0v3'/%3E%3Crect x='6.5' y='22.5' width='5.5' height='9' rx='2'/%3E%3Crect x='28' y='22.5' width='5.5' height='9' rx='2'/%3E%3Cpath d='M31 31.5c0 3.5-3.5 5-8 5h-2.5'/%3E%3C/svg%3E")}
body .cit-sec .cit-kpi--ticket{--cit-kpi-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='10' width='26' height='23' rx='2'/%3E%3Cpath d='M7 16.5h26M13.5 7v6M26.5 7v6M14.5 25l4 4 7.5-7.5'/%3E%3C/svg%3E")}
body .cit-sec .cit-kpi--monitor{--cit-kpi-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='8' width='30' height='20' rx='2'/%3E%3Cpath d='M15 34h10M20 28v6M9 19h5.5l2-5 4 10 2.5-6.5 1.5 1.5h6.5'/%3E%3C/svg%3E")}
body .cit-sec .elementor-element.elementor-widget.cit-kpi__text p{font:400 16px/1.45 var(--cit-font);color:var(--cit-haus);max-width:240px;margin-inline:auto}
@media (max-width:900px){body .cit-sec .e-con.cit-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){body .cit-sec .e-con.cit-kpis{grid-template-columns:1fr}}

/* ---------- Kacheln in Bereichsfarbe ---------- */
body .cit-sec .e-con.cit-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}
body .cit-sec .e-con.cit-tile{display:flex;flex-direction:column;background:var(--cit-ak,var(--cit-haus));color:#fff;border-radius:0 0 28px 0;padding:34px 30px 32px;min-height:340px;text-decoration:none}
body .cit-sec .elementor-element.elementor-widget.cit-tile__title{--cit-mb:18px}
body .cit-sec .elementor-element.elementor-widget.cit-tile__title .elementor-heading-title{font:300 clamp(24px,.8vw + 18px,30px)/1.15 var(--cit-font);color:#fff;text-transform:none;text-wrap:balance}
body .cit-sec .elementor-element.elementor-widget.cit-tile__text{--cit-mb:32px}
body .cit-sec .elementor-element.elementor-widget.cit-tile__text p{font:400 16px/1.6 var(--cit-font);color:#fff}
body .cit-sec .elementor-element.elementor-widget.cit-tile__more{margin-top:auto}
body .cit-sec .elementor-element.elementor-widget.cit-tile__more .elementor-heading-title{display:flex;align-items:center;gap:14px;font:700 16px/1.3 var(--cit-font);color:#fff;text-transform:none}
body .cit-sec .elementor-element.elementor-widget.cit-tile__more .elementor-heading-title::before{content:"";flex:none;width:36px;height:36px;background:currentColor;-webkit-mask:var(--cit-pfeil) center/contain no-repeat;mask:var(--cit-pfeil) center/contain no-repeat;transition:transform .3s ease}
body .cit-sec .cit-tile:hover .cit-tile__more .elementor-heading-title::before{transform:translateX(4px)}
@media (max-width:1100px){body .cit-sec .e-con.cit-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}body .cit-sec .e-con.cit-tile{min-height:280px}}
@media (max-width:600px){body .cit-sec .e-con.cit-tiles{grid-template-columns:1fr}body .cit-sec .e-con.cit-tile{min-height:0}}

/* ---------- Kundenzitate (weiße Karten) ---------- */
body .cit-sec .e-con.cit-quotes{display:grid;gap:20px}
body .cit-sec .e-con.cit-quote{display:grid;gap:18px;background:#fff;border-radius:0 0 28px 0;padding:28px 32px 30px}
body .cit-sec .elementor-element.elementor-widget.cit-quote__logo img{display:block;height:48px;width:auto;max-width:170px;object-fit:contain}
body .cit-sec .elementor-element.elementor-widget.cit-quote__text p{font:300 clamp(18px,.4vw + 15px,20px)/1.55 var(--cit-font);font-style:italic;color:var(--cit-haus)}
body .cit-sec .e-con.cit-quote__who{display:flex;flex-direction:row;align-items:center;gap:14px}
body .cit-sec .elementor-element.elementor-widget.cit-quote__img{width:48px;flex:none}
body .cit-sec .elementor-element.elementor-widget.cit-quote__img img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;transform:scale(1.08)}
body .cit-sec .elementor-element.elementor-widget.cit-quote__img .elementor-widget-container{width:48px;height:48px;border-radius:50%;overflow:hidden}
body .cit-sec .elementor-element.elementor-widget.cit-quote__name{width:auto}
body .cit-sec .elementor-element.elementor-widget.cit-quote__name p{font:400 15px/1.35 var(--cit-font);color:var(--cit-haus)}
body .cit-sec .elementor-element.elementor-widget.cit-quote__name b{font-weight:700;font-size:16px}

/* ---------- Karten mit Bild (z. B. Standorte) ---------- */
body .cit-sec .e-con.cit-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin:clamp(40px,4vw,64px) 0 clamp(48px,5vw,72px)}
body .cit-sec .e-con.cit-card{display:flex;flex-direction:column;text-decoration:none;color:var(--cit-haus)}
body .cit-sec .elementor-element.elementor-widget.cit-card__img{--cit-mb:20px}
body .cit-sec .elementor-element.elementor-widget.cit-card__img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0 0 28px 0}
body .cit-sec .elementor-element.elementor-widget.cit-card__title .elementor-heading-title{display:flex;align-items:center;gap:12px;font:700 19px/1.3 var(--cit-font);color:var(--cit-haus);text-transform:none;transition:color .3s}
body .cit-sec .elementor-element.elementor-widget.cit-card__title .elementor-heading-title::before{content:"";flex:none;width:28px;height:28px;background:currentColor;-webkit-mask:var(--cit-pfeil) center/contain no-repeat;mask:var(--cit-pfeil) center/contain no-repeat;transition:transform .3s ease}
body .cit-sec .cit-card:hover .cit-card__title .elementor-heading-title{color:var(--cit-mittelblau)}
body .cit-sec .cit-card:hover .cit-card__title .elementor-heading-title::before{transform:translateX(4px)}
@media (max-width:900px){body .cit-sec .e-con.cit-cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}

/* ---------- FAQ (Verschachteltes Akkordeon): Pfeil-im-Kreis vor der Frage, rechts → offen unten ---------- */
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion{border-bottom:1px solid var(--cit-haus)}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item{border-top:1px solid var(--cit-haus);margin:0}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item-title{display:flex;align-items:flex-start;justify-content:flex-start;gap:18px;padding:26px 0;margin:0;border:0;background:transparent;cursor:pointer;list-style:none}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item-title::-webkit-details-marker{display:none}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item-title::before{content:"";flex:none;width:32px;height:32px;margin-top:-3px;background:var(--cit-haus);-webkit-mask:var(--cit-pfeil) center/contain no-repeat;mask:var(--cit-pfeil) center/contain no-repeat;transition:transform .3s ease,background .3s}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item[open] > .e-n-accordion-item-title::before{transform:rotate(90deg);background:var(--cit-tuerkis)}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item-title:hover::before{background:var(--cit-mittelblau)}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item-title-icon{display:none}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item-title-header{flex:1}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item-title-text{font:700 clamp(18px,.4vw + 16px,21px)/1.35 var(--cit-font);color:var(--cit-haus);text-transform:none;transition:color .3s}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-text{color:var(--cit-mittelblau)}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item > .e-con{padding:0 0 30px 50px;border:0;background:transparent}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item .elementor-widget-text-editor > .elementor-widget-container, body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item .elementor-widget-text-editor{display:grid;gap:14px;max-width:760px;margin:0}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item p{font:400 17px/1.65 var(--cit-font);color:var(--cit-haus)}
body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item b{font-weight:700}
@media (max-width:900px){body .cit-sec .elementor-element.elementor-widget.cit-faq .e-n-accordion-item > .e-con{padding-left:0}}

/* ---------- Sprungziele, Bewegung ---------- */
html{scroll-behavior:smooth}
body .cit-sec[id]{scroll-margin-top:80px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body .cit-sec *, body .cit-sec *::before, body .cit-sec *::after{transition:none !important}
}

/* ---------- Hilfsklassen ---------- */
body .cit-sec .elementor-element.elementor-widget.cit-mb-32{--cit-mb:32px}

/* ---------- Telefon groß ---------- */
body .cit-sec .elementor-element.elementor-widget.cit-tel{--cit-mb:36px}
body .cit-sec .elementor-element.elementor-widget.cit-tel .elementor-heading-title, body .cit-sec .elementor-element.elementor-widget.cit-tel .elementor-heading-title a{display:inline-flex;align-items:center;gap:14px;font:700 clamp(22px,1vw + 16px,28px)/1.2 var(--cit-font);color:var(--cit-haus);text-decoration:none;text-transform:none;font-variant-numeric:tabular-nums}
body .cit-sec .elementor-element.elementor-widget.cit-tel .elementor-heading-title a::before{content:"";flex:none;width:36px;height:36px;background:currentColor;-webkit-mask:var(--cit-pfeil) center/contain no-repeat;mask:var(--cit-pfeil) center/contain no-repeat;transition:transform .3s}
body .cit-sec .elementor-element.elementor-widget.cit-tel .elementor-heading-title a:hover::before{transform:translateX(4px)}
body .cit-sec .elementor-element.elementor-widget.cit-list.elementor-widget .elementor-icon-list-items{margin-top:0;gap:12px}

/* ---------- Formular-Karte + Elementor-Formular ---------- */
body .cit-sec .e-con.cit-formcard{background:#fff;border-radius:0 0 28px 0;padding:clamp(28px,3vw,44px)}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-form-fields-wrapper{margin:0}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-group{margin-bottom:16px}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-group .elementor-field-textual,
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-group textarea{font:400 16px/1.4 var(--cit-font);color:var(--cit-haus);background:#fff;border:1px solid rgba(15,38,92,.35);border-radius:0 0 10px 0;padding:13px 14px;min-height:0;box-shadow:none;transition:border-color .2s,box-shadow .2s}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-group textarea{min-height:130px}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-textual::placeholder{color:rgba(15,38,92,.45);opacity:1}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-textual:focus{outline:none;border-color:var(--cit-haus);box-shadow:0 0 0 3px var(--cit-haus20)}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-submit{margin-top:10px;margin-bottom:0}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-submit .elementor-button{width:auto;flex:none;display:inline-flex;align-items:center;border:2px solid var(--cit-haus);border-radius:0 0 14px 0;padding:13px 22px 12px;background:transparent;color:var(--cit-haus);font:700 16px/1.2 var(--cit-font);letter-spacing:0;text-transform:none;min-height:0;transition:background .25s}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-submit .elementor-button:hover{background:var(--cit-haus20);color:var(--cit-haus)}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-button .elementor-button-icon{display:none}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:12px}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-button-content-wrapper::before{content:"→";font-weight:400;font-size:18px;line-height:1;transition:transform .25s}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-button:hover .elementor-button-content-wrapper::before{transform:translateX(4px)}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-button-text{color:inherit}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-message{font:400 15px/1.5 var(--cit-font)}

/* ---------- Footer im Verlauf ---------- */
body .e-con.cit-sec.cit-footer{padding-block:clamp(64px,7vw,96px) 0}
body .cit-footer .e-con.cit-ft__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,64px)}
body .cit-footer .e-con.cit-ft__col{display:flex;flex-direction:column}
body .cit-sec .elementor-element.elementor-widget.cit-ft__logo{--cit-mb:22px}
body .cit-sec .elementor-element.elementor-widget.cit-ft__logo img{display:block;height:24px;width:auto;filter:brightness(0) invert(1)}
body .cit-sec .elementor-element.elementor-widget.cit-ft__text p{font:400 15px/1.65 var(--cit-font);color:#fff;max-width:360px;text-shadow:0 1px 10px rgba(15,38,92,.25)}
body .cit-sec .elementor-element.elementor-widget.cit-ft__h{--cit-mb:18px}
body .cit-sec .elementor-element.elementor-widget.cit-ft__h .elementor-heading-title{font:700 16px/1.3 var(--cit-font);color:#fff;text-transform:none;letter-spacing:0}
body .cit-sec .elementor-element.elementor-widget.cit-ft__links{--cit-mb:10px}
body .cit-sec .elementor-element.elementor-widget.cit-ft__links .elementor-icon-list-items{display:grid;gap:10px;margin:0;padding:0}
body .cit-sec .elementor-element.elementor-widget.cit-ft__links .elementor-icon-list-item{margin:0;padding:0;border:0}
body .cit-sec .elementor-element.elementor-widget.cit-ft__links .elementor-icon-list-item::after{content:none}
body .cit-sec .elementor-element.elementor-widget.cit-ft__links .elementor-icon-list-icon{display:none}
body .cit-sec .elementor-element.elementor-widget.cit-ft__links .elementor-icon-list-text, body .cit-sec .elementor-element.elementor-widget.cit-ft__links a{font:400 15px/1.45 var(--cit-font);color:#fff;padding:0;text-shadow:0 1px 10px rgba(15,38,92,.25);transition:color .3s}
body .cit-sec .elementor-element.elementor-widget.cit-ft__links a:hover .elementor-icon-list-text{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
body .cit-footer .e-con.cit-ft__bar{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 28px;margin-top:clamp(56px,6vw,80px);border-top:1px solid rgba(255,255,255,.3);padding-block:22px 26px}
body .cit-footer .cit-ft__bar > .elementor-widget{width:auto}
body .cit-sec .elementor-element.elementor-widget.cit-ft__small p, body .cit-sec .elementor-element.elementor-widget.cit-ft__small span{font:400 13px/1.5 var(--cit-font) !important;color:rgba(255,255,255,.85);top:auto !important}
body .cit-sec .elementor-element.elementor-widget.cit-ft__legal .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0}
body .cit-sec .elementor-element.elementor-widget.cit-ft__legal .elementor-icon-list-item{margin:0;padding:0;border:0}
body .cit-sec .elementor-element.elementor-widget.cit-ft__legal .elementor-icon-list-item::after{content:none}
body .cit-sec .elementor-element.elementor-widget.cit-ft__legal .elementor-icon-list-icon{padding:0;margin-right:6px}
body .cit-sec .elementor-element.elementor-widget.cit-ft__legal .elementor-icon-list-icon i, body .cit-sec .elementor-element.elementor-widget.cit-ft__legal .elementor-icon-list-icon svg{color:rgba(255,255,255,.85);fill:rgba(255,255,255,.85);font-size:13px;width:13px}
body .cit-sec .elementor-element.elementor-widget.cit-ft__legal .elementor-icon-list-text, body .cit-sec .elementor-element.elementor-widget.cit-ft__legal a{font:400 13px/1.5 var(--cit-font);color:rgba(255,255,255,.85);padding:0}
body .cit-sec .elementor-element.elementor-widget.cit-ft__legal a:hover .elementor-icon-list-text{color:#fff}
@media (max-width:1000px){body .cit-footer .e-con.cit-ft__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){body .cit-footer .e-con.cit-ft__grid{grid-template-columns:1fr}}
/* übernommene Widgets: Ausrichtung links erzwingen */
body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-items, body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-item, body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-item > a{justify-content:flex-start;text-align:left}
body .cit-sec .elementor-element.elementor-widget.cit-list .elementor-icon-list-item{display:block}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-submit{justify-content:flex-start}
@media (max-width:600px){
  body .cit-sec .e-con.cit-formcard{padding:22px 18px}
  body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-submit .elementor-button{max-width:100%;white-space:normal}
}
/* Formular: Checkbox-Gruppen (z. B. Managed-Services-Auswahl) */
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-checkbox .elementor-field-subgroup{display:flex;flex-direction:column;gap:8px}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-checkbox .elementor-field-option{display:flex;align-items:center;gap:10px;margin:0}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-checkbox input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--cit-haus)}
body .cit-sec .elementor-element.elementor-widget.cit-form .elementor-field-type-checkbox label{font:400 16px/1.4 var(--cit-font);color:var(--cit-haus);position:static;width:auto;height:auto;clip:auto}

/* ===================================================================
   BEITRAGS-ÜBERSICHTEN (Newsroom 7323, Success-Stories-Archiv)
   Loop-Vorlagen: 8777 "CIT Karte Beitrag" (cit-postcard), 8778 "CIT Aufmacher Beitrag" (cit-leadpost)
   Loop Grid: cit-postgrid (+ --nochip), cit-leadgrid · Filter: cit-filterbar > cit-filter (Taxonomie-Filter)
   Kasten: cit-einordnung > cit-einordnung__title + Text
   =================================================================== */
/* Kategoriefarbe je Beitrag (Loop-Elemente tragen category-<slug>) */
.e-loop-item{--cit-ak:var(--cit-haus);--cit-ov-s:.82;--cit-ov-base:0}
.e-loop-item.category-it-sicherheit{--cit-ak:var(--cit-beere);--cit-ov-s:.72;--cit-ov-base:0}
.e-loop-item.category-private-cloud{--cit-ak:var(--cit-tuerkis);--cit-ov-s:.9;--cit-ov-base:.42}
.e-loop-item.category-it-infrastruktur{--cit-ak:var(--cit-mittelblau);--cit-ov-s:.86;--cit-ov-base:.3}
.e-loop-item.category-it-service{--cit-ak:var(--cit-dunkelblau);--cit-ov-s:.72;--cit-ov-base:0}
.e-loop-item.category-it-in-der-arbeitswelt{--cit-ak:var(--cit-flieder);--cit-ov-s:.86;--cit-ov-base:.35}

/* Chip */
body .elementor-element.elementor-widget.cit-chip{width:auto;margin:0}
body .elementor-element.elementor-widget.cit-chip .elementor-heading-title{display:inline-block;font:700 12px/1.2 var(--cit-font);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px 5px;background:var(--cit-ak,var(--cit-haus));color:#fff}

/* Raster */
body .cit-sec .elementor-element.elementor-widget.cit-postgrid .elementor-loop-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(64px,7vw,96px) clamp(32px,3.5vw,52px)}
@media (max-width:1024px){body .cit-sec .elementor-element.elementor-widget.cit-postgrid .elementor-loop-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 36px}}
@media (max-width:640px){body .cit-sec .elementor-element.elementor-widget.cit-postgrid .elementor-loop-container{grid-template-columns:1fr;gap:60px}}
body .cit-sec .elementor-element.elementor-widget.cit-postgrid--nochip .cit-chip{display:none}
body .cit-sec .elementor-element.elementor-widget.cit-postgrid .e-load-more-anchor + .elementor-button-wrapper, body .cit-sec .elementor-element.elementor-widget.cit-postgrid .elementor-button-wrapper{margin-top:clamp(64px,7vw,96px);text-align:center}
body .cit-sec .elementor-element.elementor-widget.cit-postgrid .e-loop__load-more .elementor-button, body .cit-sec .elementor-element.elementor-widget.cit-postgrid .elementor-button-wrapper .elementor-button{display:inline-flex;align-items:center;gap:12px;border:2px solid var(--cit-haus);border-radius:0 0 14px 0;padding:13px 22px 12px;background:transparent;color:var(--cit-haus);font:700 16px/1.2 var(--cit-font);text-transform:none;letter-spacing:0}
body .cit-sec .elementor-element.elementor-widget.cit-postgrid .e-loop__load-more .elementor-button:hover{background:var(--cit-haus20)}
body .cit-sec .elementor-element.elementor-widget.cit-postgrid .e-loop__load-more .elementor-button-content-wrapper::before{content:"↓";font-weight:400;font-size:18px;line-height:1}

/* Karte (Loop-Vorlage 8777) – ganze Karte ist Link, Titel wechselt sanft in die Kategoriefarbe */
body .e-con.cit-postcard{display:flex;flex-direction:column;gap:0;padding:0;text-decoration:none;color:var(--cit-haus);background:transparent}
body .cit-postcard .elementor-widget{margin:0;width:100%}
body .cit-postcard .elementor-widget.cit-postcard__img{margin-bottom:28px}
body .cit-postcard .cit-postcard__img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0 0 28px 0}
body .cit-postcard .e-con.cit-postcard__meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:0;margin-bottom:18px}
body .cit-postcard .cit-postcard__meta > .elementor-widget{width:auto}
body .cit-postcard .cit-postcard__date .cit-meta{margin:0;font:400 14px/1.3 var(--cit-font);color:var(--cit-haus);opacity:.75}
body .cit-postcard .elementor-widget.cit-postcard__title{margin-bottom:16px}
body .cit-postcard .cit-postcard__title .elementor-heading-title{font:700 clamp(19px,.5vw + 16px,22px)/1.28 var(--cit-font);color:var(--cit-haus);text-transform:none;letter-spacing:0;text-wrap:balance;transition:color .3s ease}
body .cit-postcard:hover .cit-postcard__title .elementor-heading-title{color:var(--cit-ak)}
body .cit-postcard .cit-postcard__text p, body .cit-postcard .cit-postcard__text{font:400 16px/1.7 var(--cit-font);color:var(--cit-haus);margin:0;text-wrap:pretty}

/* Aufmacher (Loop-Vorlage 8778) – Bild, Abblendung in Kategoriefarbe, Titel weiß */
body .cit-sec .elementor-element.elementor-widget.cit-leadgrid{margin-top:clamp(32px,4vw,48px)}
body .cit-sec .elementor-element.elementor-widget.cit-leadgrid .elementor-loop-container{display:block}
body .e-con.cit-leadpost{position:relative;display:block;overflow:hidden;padding:0;border-radius:0 0 28px 0;background:var(--cit-haus);min-height:clamp(420px,38vw,560px);text-decoration:none;color:#fff}
body .cit-leadpost .elementor-widget.cit-leadpost__img{position:absolute;inset:0;margin:0;width:100%;height:100%}
body .cit-leadpost .cit-leadpost__img .elementor-widget-container{height:100%}
body .cit-leadpost .cit-leadpost__img img{display:block;width:100%;height:100%;object-fit:cover}
body .e-con.cit-leadpost::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  -webkit-mask-image:radial-gradient(ellipse 50% 55% at 0% 100%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 50% 55% at 0% 100%,#000 45%,transparent 100%)}
body .e-con.cit-leadpost::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--cit-ov-s);
  background:linear-gradient(to top,rgba(15,38,92,var(--cit-ov-base)) 0%,rgba(15,38,92,0) 45%),
    linear-gradient(to top,color-mix(in srgb,var(--cit-ak) 95%,transparent) 0%,color-mix(in srgb,var(--cit-ak) 66%,transparent) 32%,color-mix(in srgb,var(--cit-ak) 14%,transparent) 62%,transparent 100%),
    linear-gradient(to right,color-mix(in srgb,var(--cit-ak) 46%,transparent) 0%,transparent 60%)}
body .cit-leadpost .e-con.cit-leadpost__text{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:clamp(28px,4vw,56px);gap:0;max-width:960px;text-shadow:0 1px 14px rgba(15,38,92,.55)}
body .cit-leadpost .cit-leadpost__text .elementor-widget{margin:0 0 18px;width:auto}
body .cit-leadpost .cit-chip .elementor-heading-title{text-shadow:none;font-size:13px;padding:6px 12px}
body .cit-leadpost .cit-leadpost__title .elementor-heading-title{font:700 clamp(26px,2.6vw + 12px,46px)/1.1 var(--cit-font);color:#fff;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;overflow-wrap:break-word;transition:opacity .3s}
body .cit-leadpost:hover .cit-leadpost__title .elementor-heading-title{opacity:.85}
body .cit-leadpost .cit-leadpost__meta .cit-meta{margin:0;font:300 16px/1.4 var(--cit-font);color:#fff}
body .cit-leadpost .elementor-widget.cit-leadpost__meta{margin-bottom:0}

/* Filterleiste (Taxonomie-Filter), klebt unter dem Header */
body .e-con.cit-filterbar{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--cit-linie);padding:18px 0;margin-bottom:clamp(48px,6vw,88px)}
body .cit-filterbar .e-con.cit-wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:20px}
body .cit-filterbar .elementor-widget.cit-filter{margin:0;width:100%}
body .cit-filterbar .cit-filter .e-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
body .cit-filterbar .cit-filter .e-filter-item{border:0;border-radius:0;background:var(--cit-grau);color:var(--cit-haus);font:500 14px/1.1 var(--cit-font);padding:9px 12px 8px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s;text-transform:none;letter-spacing:0}
body .cit-filterbar .cit-filter .e-filter-item:hover{background:var(--cit-haus20);color:var(--cit-haus)}
body .cit-filterbar .cit-filter .e-filter-item[aria-pressed="true"]{background:var(--cit-haus);color:#fff}
body .cit-filterbar .cit-filter .e-filter-item[data-filter="it-sicherheit"][aria-pressed="true"]{background:var(--cit-beere)}
body .cit-filterbar .cit-filter .e-filter-item[data-filter="private-cloud"][aria-pressed="true"]{background:var(--cit-tuerkis)}
body .cit-filterbar .cit-filter .e-filter-item[data-filter="it-infrastruktur"][aria-pressed="true"]{background:var(--cit-mittelblau)}
body .cit-filterbar .cit-filter .e-filter-item[data-filter="it-service"][aria-pressed="true"]{background:var(--cit-dunkelblau)}
body .cit-filterbar .cit-filter .e-filter-item[data-filter="it-in-der-arbeitswelt"][aria-pressed="true"]{background:var(--cit-flieder)}

/* Einordnung (20 %-Tönung, Pfeil-Icon) */
body .cit-sec .e-con.cit-einordnung{background:var(--cit-haus20);border-radius:0 0 28px 0;padding:36px 44px 40px;max-width:900px}
body .cit-sec .elementor-element.elementor-widget.cit-einordnung__title{--cit-mb:14px}
body .cit-sec .elementor-element.elementor-widget.cit-einordnung__title .elementor-heading-title{display:flex;align-items:center;gap:14px;font:300 27px/32px var(--cit-font);color:var(--cit-haus);text-transform:none}
body .cit-sec .elementor-element.elementor-widget.cit-einordnung__title .elementor-heading-title::before{content:"";flex:none;width:30px;height:30px;background:currentColor;-webkit-mask:var(--cit-pfeil) center/contain no-repeat;mask:var(--cit-pfeil) center/contain no-repeat}
@media (max-width:640px){body .cit-sec .e-con.cit-einordnung{padding:24px 22px}}
/* Karte: Chip + Datum in einer Zeile */
body .cit-postcard .e-con.cit-postcard__meta{flex-wrap:nowrap}
body .cit-postcard .cit-postcard__meta > .elementor-widget{flex:0 0 auto;max-width:none}
body .cit-postcard .cit-postcard__meta > .elementor-widget.cit-chip{flex:0 1 auto}
body .cit-postcard .e-con.cit-postcard__meta{flex-wrap:wrap}
body .cit-postcard .cit-chip .elementor-heading-title{white-space:nowrap}