/* ===================================================================
   NEWSROOM IM CORPORATE DESIGN
   Geladen nur auf Einzelbeiträgen (und im Block-Editor).
   Farben: CD "Farbdefinitionen 4c/RGB/HEX". Akzent je Kategorie über
   Body-Klasse cit-ak-<farbe> (functions.php, cit_newsroom_body_class).
   =================================================================== */

/* --- Gotham mit korrekter Gewichtszuordnung (nur Newsroom) --- */
@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")}

/* --- Farb-Tokens --- */
body.single-post, .editor-styles-wrapper{
  --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-grau:#f5f6f9;
  --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%);
  /* Standard-Akzent: Türkis */
  --ak:#00adb1; --ak20:#def0f1; --ak-on:#fff; --ov-s:.9; --ov-base:.42;
}
/* Akzent je Kategorie; --ov-s/--ov-base = Abblendung im Kopf, nach Helligkeit der Farbe */
body.cit-ak-haus       {--ak:#0f265c; --ak20:#e3e7f1; --ov-s:.82; --ov-base:0}
body.cit-ak-dunkelblau {--ak:#283583; --ak20:#d3d0e7; --ov-s:.72; --ov-base:0}
body.cit-ak-mittelblau {--ak:#0097d7; --ak20:#daeaf9; --ov-s:.86; --ov-base:.3}
body.cit-ak-tuerkis    {--ak:#00adb1; --ak20:#def0f1; --ov-s:.9;  --ov-base:.42}
body.cit-ak-beere      {--ak:#652d59; --ak20:#d9cddc; --ov-s:.72; --ov-base:0}
body.cit-ak-pink       {--ak:#a84d97; --ak20:#ecddee; --ov-s:.82; --ov-base:.2}
body.cit-ak-flieder    {--ak:#a276b2; --ak20:#ebe4f2; --ov-s:.86; --ov-base:.35}

/* ===================================================================
   STUFE 1 – Inhalt (Gutenberg-Markup des Beitrags)
   =================================================================== */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper){
  font-family:"CIT Gotham",Helvetica,Arial,sans-serif;font-weight:400;color:var(--cit-haus);hyphens:auto;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) :is(p, li){
  font-family:"CIT Gotham",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.65;color:var(--cit-haus);
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p{margin:0 0 1.1em}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) strong{font-weight:700}

/* Anlauftext */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.anlauftext{
  color:var(--ak);font-weight:700;font-size:clamp(19px,.6vw + 15px,22px);line-height:1.45;margin:0 0 1.4em;padding:0;
}

/* Überschriften */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) h2{
  font-family:"CIT Gotham",Helvetica,Arial,sans-serif;font-weight:300;color:var(--ak);
  font-size:clamp(28px,1.6vw + 20px,38px);line-height:1.18;letter-spacing:-.005em;
  margin:2.1em 0 .65em;padding:0;text-wrap:balance;hyphens:auto;overflow-wrap:break-word;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) h3{
  font-family:"CIT Gotham",Helvetica,Arial,sans-serif;font-weight:700;color:var(--cit-haus);
  font-size:clamp(20px,.6vw + 16px,23px);line-height:1.3;margin:1.8em 0 .5em;padding:0;text-wrap:balance;
}
/* "1. Titel" -> große Ziffer (Markup per render_block-Filter) */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) h3:has(> .cit-num){display:flex;align-items:baseline;gap:.4em}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .cit-num{
  flex:none;display:inline-block;font-weight:700;font-size:2.3em;line-height:1;color:var(--ak);letter-spacing:-.02em;white-space:nowrap;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .cit-num i{
  display:inline-block;width:.2em;height:.2em;background:var(--ak);margin-left:.06em;vertical-align:baseline;
}

/* Links */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) :is(p, li, td, th) a{
  color:var(--cit-haus);font-weight:700;background:none;padding:0;border:0;
  text-decoration:underline;text-decoration-color:var(--ak);text-decoration-thickness:2px;text-underline-offset:.22em;
  transition:text-decoration-thickness .2s ease,color .2s ease;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) :is(p, li, td, th) a:hover{color:var(--ak);text-decoration-thickness:4px}

/* Listen: quadratische Marker */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) ul{list-style:none;padding-left:0;margin:0 0 1.3em}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) ul > li{position:relative;padding-left:1.4em;margin-bottom:.45em}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) ul > li::before{
  content:"";position:absolute;left:0;top:.62em;width:.42em;height:.42em;background:var(--ak);
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) ol{padding-left:1.4em;margin:0 0 1.3em}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) ol > li{margin-bottom:.45em;padding-left:.2em}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) ol > li::marker{color:var(--ak);font-weight:700}

/* Tabellen wie im Whitepaper */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) figure.wp-block-table{margin:2em 0 2.2em;overflow-x:auto}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table table{
  border-collapse:separate;border-spacing:5px 0;width:100%;font-size:16px;line-height:1.45;hyphens:auto;border:0;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table :is(thead, tfoot){border:0}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table :is(th, td){
  border:0;border-bottom:1px solid var(--cit-haus);padding:.9em 1em;vertical-align:top;text-align:left;
  font-size:16px;color:var(--cit-haus);background:transparent;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table th{font-weight:700;border-bottom-width:2px;vertical-align:bottom;padding-top:.8em}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table td:first-child{font-weight:700}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table :is(th, td):last-child{background:var(--ak20)}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table figcaption{font-size:14px;color:var(--cit-haus);opacity:.75}

/* Trenner, Bilder, Medien-Text */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) hr.wp-block-separator{border:0;height:1px;background:var(--cit-haus);opacity:.35;margin:3em 0}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) :is(.wp-block-image, .wp-block-media-text__media) img{border-radius:0 0 28px 0}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-media-text{gap:2em;margin:2em 0}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-media-text .wp-block-media-text__content{padding:0}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-media-text__content > :last-child{margin-bottom:0}

/* Zitat */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) blockquote.wp-block-quote{
  position:relative;border:0;margin:2.4em 0;padding:1em 0 0 0;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) blockquote.wp-block-quote::before{
  content:"\201D";position:absolute;left:-.05em;top:-.3em;font:italic 700 72px/1 "CIT Gotham",Helvetica,Arial,sans-serif;color:var(--cit-haus);
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) blockquote.wp-block-quote p{font-style:italic;font-weight:300;font-size:clamp(20px,1vw + 14px,26px);line-height:1.4}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) blockquote.wp-block-quote cite{font-style:normal;font-size:15px;font-weight:500;color:var(--ak)}

/* Fazit-Box: bestehende Klasse key-takeaway = Blockstil "Fazit" */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p:is(.key-takeaway, .is-style-fazit){
  position:relative;display:block;background:var(--ak);color:var(--ak-on);border-radius:0 0 28px 0;
  padding:2em 7.5em 2em 2.1em;margin:2.4em 0;font-weight:500;font-size:19px;line-height:1.55;text-align:left;overflow:visible;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p:is(.key-takeaway, .is-style-fazit) a{color:var(--ak-on);text-decoration-color:currentColor}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p:is(.key-takeaway, .is-style-fazit)::before{content:none;display:none}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p:is(.key-takeaway, .is-style-fazit)::after{
  content:"";position:absolute;right:2em;bottom:1.8em;width:72px;height:58px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 64' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='13' y='26' width='18' height='20' rx='9'/%3E%3Cpath d='M4 63c0-8 8-13 18-13s18 5 18 13'/%3E%3Crect x='50' y='22' width='18' height='22' rx='9'/%3E%3Cpath d='M44 63c0-8 7-14 15-14s16 6 16 14'/%3E%3Ccircle cx='34' cy='12' r='10'/%3E%3Cpath d='M34 7v5'/%3E%3Ccircle cx='34' cy='16.2' r='1.1' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 64' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='13' y='26' width='18' height='20' rx='9'/%3E%3Cpath d='M4 63c0-8 8-13 18-13s18 5 18 13'/%3E%3Crect x='50' y='22' width='18' height='22' rx='9'/%3E%3Cpath d='M44 63c0-8 7-14 15-14s16 6 16 14'/%3E%3Ccircle cx='34' cy='12' r='10'/%3E%3Cpath d='M34 7v5'/%3E%3Ccircle cx='34' cy='16.2' r='1.1' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media (max-width:700px){
  :is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p:is(.key-takeaway, .is-style-fazit){padding:1.6em 1.5em}
  :is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p:is(.key-takeaway, .is-style-fazit)::after{position:static;display:block;width:56px;height:45px;margin-top:1em}
}

/* ===================================================================
   STUFE 2 – Blockstile (Editor: Block > Stile)
   =================================================================== */
/* Liste "Das Wichtigste" */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) ul.is-style-wichtigste{
  background:var(--ak20);padding:1.6em 2em 1.3em;border-radius:0 0 28px 0;
}
/* Absatz "Einordnung" */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-einordnung{
  position:relative;background:var(--ak20);padding:27px 36px 1.6em;border-radius:0 0 28px 0;margin:2.2em 0;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-einordnung::before{
  content:"Einordnung";display:block;font-weight:300;font-size:27px;line-height:32px;color:var(--ak);margin-bottom:.45em;padding-left:42px;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-einordnung::after{
  content:"";position:absolute;left:36px;top:28px;width:30px;height:30px;background:var(--ak);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='20' cy='20' r='18'/%3E%3Cpath d='M11 20h16M21 13l7 7-7 7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='20' cy='20' r='18'/%3E%3Cpath d='M11 20h16M21 13l7 7-7 7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media (max-width:700px){
  :is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-einordnung{padding:24px 22px 1.4em}
  :is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-einordnung::after{left:22px;top:25px}
}
/* Absatz "Hinweis" */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-hinweis{
  position:relative;padding-left:64px;font-weight:700;color:var(--ak);margin:2em 0;min-height:44px;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-hinweis::before{
  content:"";position:absolute;left:0;top:.1em;width:44px;height:40px;background:var(--ak);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M24 3 46 41H2Z' stroke-linejoin='round'/%3E%3Cpath d='M24 16v12' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='34.5' r='2.3' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M24 3 46 41H2Z' stroke-linejoin='round'/%3E%3Cpath d='M24 16v12' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='34.5' r='2.3' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Absatz "Call-to-Action (Verlauf)" */
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-cta{
  position:relative;background:var(--cit-verlauf);color:#fff;padding:2.4em 2.2em;border-radius:0 0 28px 0;
  font-weight:500;font-size:20px;line-height:1.5;margin:2.6em 0;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-cta::before{
  content:"Sprechen Sie uns an";display:block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-bottom:.8em;
}
:is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) p.is-style-cta a{color:#fff;text-decoration-color:#fff}

/* ===================================================================
   STUFE 3 – Template (Elementor-Vorlage 6361)
   =================================================================== */
/* Kopf: Beitragsbild vollflächig, Titel darüber */
body.single-post .cit-hero{position:relative;overflow:hidden;background:var(--cit-haus)}
body.single-post .cit-hero .elementor-widget-theme-post-featured-image{width:100%;margin:0}
body.single-post .cit-hero .elementor-widget-theme-post-featured-image .elementor-widget-container{position:relative}
body.single-post .cit-hero .elementor-widget-theme-post-featured-image img{
  display:block;width:100%;height:clamp(420px,38vw,560px);max-height:none;object-fit:cover;border-radius:0;
}
/* Weichzeichnung: nur unten links, bis max. Bildmitte */
body.single-post .cit-hero .elementor-widget-theme-post-featured-image .elementor-widget-container::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%);
}
/* Abblendung in der Akzentfarbe, Stärke nach Helligkeit */
body.single-post .cit-hero .elementor-widget-theme-post-featured-image .elementor-widget-container::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--ov-s);
  background:
    linear-gradient(to top,rgba(15,38,92,var(--ov-base)) 0%,rgba(15,38,92,0) 45%),
    linear-gradient(to top,color-mix(in srgb,var(--ak) 95%,transparent) 0%,color-mix(in srgb,var(--ak) 66%,transparent) 32%,color-mix(in srgb,var(--ak) 14%,transparent) 62%,transparent 100%),
    linear-gradient(to right,color-mix(in srgb,var(--ak) 46%,transparent) 0%,transparent 60%);
}
/* Hausfarben-Kategorien (News, Hersteller): CD-Verlauf */
body.single-post.cit-ak-haus .cit-hero .elementor-widget-theme-post-featured-image .elementor-widget-container::after{
  background:var(--cit-verlauf);
  -webkit-mask-image:linear-gradient(to top,#000 0%,#000 30%,rgba(0,0,0,.35) 65%,transparent 100%);
          mask-image:linear-gradient(to top,#000 0%,#000 30%,rgba(0,0,0,.35) 65%,transparent 100%);
}
/* Textblock über dem Bild */
body.single-post .cit-hero > .cit-hero__text,
body.single-post .cit-hero .e-con-inner > .cit-hero__text{
  position:absolute;left:0;right:0;bottom:0;z-index:3;width:auto;max-width:none;
  padding:0 max(20px, calc((100% - 1440px) / 2 + 20px)) clamp(32px,4vw,56px);
  text-shadow:0 1px 14px rgba(15,38,92,.55);
}
body.single-post .cit-hero__text .elementor-widget{width:auto;max-width:900px;margin:0}
/* !important: Elementor setzt Farbe/Typo des Titel-Widgets mit höherer Spezifität */
body.single-post .cit-hero__text .elementor-heading-title{
  font-family:"CIT Gotham",Helvetica,Arial,sans-serif !important;font-weight:700 !important;color:#fff !important;text-transform:uppercase !important;
  font-size:clamp(28px,2.6vw + 14px,46px) !important;line-height:1.1 !important;letter-spacing:.01em !important;margin:0 0 16px;text-wrap:balance;hyphens:auto;
}
/* Breadcrumb -> Kategorie-Chip */
body.single-post .cit-hero__text .newsroom-breadcrumb{display:inline-block;font-size:0;line-height:0;margin:0 0 18px;text-shadow:none}
body.single-post .cit-hero__text .newsroom-breadcrumb a:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.single-post .cit-hero__text .newsroom-breadcrumb a:nth-of-type(2){
  display:inline-block;font:700 13px/1.2 "CIT Gotham",Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  padding:6px 12px;background:var(--ak);color:var(--ak-on);text-decoration:none;
}
body.single-post.cit-ak-haus .cit-hero__text .newsroom-breadcrumb a:nth-of-type(2){background:var(--cit-tuerkis)}
body.single-post .cit-hero__text .cit-meta{margin:0;font:300 16px/1.4 "CIT Gotham",Helvetica,Arial,sans-serif;color:#fff;opacity:.92}
@media (max-width:767px){
  body.single-post .cit-hero .elementor-widget-theme-post-featured-image img{height:clamp(440px,120vw,560px)}
  body.single-post .cit-hero__text .elementor-heading-title{font-size:clamp(24px,6.4vw,32px) !important}
}

/* Seitenleiste: Inhaltsverzeichnis im CD */
body.single-post .elementor-widget-table-of-contents{font-family:"CIT Gotham",Helvetica,Arial,sans-serif}
body.single-post .elementor-location-single .e-con:has(> .elementor-widget-table-of-contents){
  border:0 !important;background:var(--cit-grau) !important;border-radius:0 0 28px 0;padding:18px 22px !important;
}
body.single-post .elementor-widget-table-of-contents .elementor-toc__header{border:0;padding:0 0 8px;background:transparent}
body.single-post .elementor-widget-table-of-contents .elementor-toc__header-title{
  font-family:"CIT Gotham",Helvetica,Arial,sans-serif !important;font-weight:300 !important;font-size:24px !important;color:var(--ak) !important;
}
body.single-post .elementor-widget-table-of-contents .elementor-toc__body{padding:0}
body.single-post .elementor-widget-table-of-contents .elementor-toc__list-item{border-bottom:1px solid rgba(15,38,92,.18);margin:0}
body.single-post .elementor-widget-table-of-contents .elementor-toc__list-item:last-child{border-bottom:0}
body.single-post .elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper{padding:.5em 0}
body.single-post .elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper::before{color:var(--ak) !important;font-weight:700}
body.single-post .elementor-widget-table-of-contents :is(.elementor-toc__list-item-text, a){
  color:var(--cit-haus) !important;font-weight:700;font-size:15px;line-height:1.35;text-decoration:none;
}
body.single-post .elementor-widget-table-of-contents :is(.elementor-toc__list-item-text:hover, .elementor-item-active){color:var(--ak) !important}

@media (prefers-reduced-motion:reduce){
  :is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) a{transition:none}
}

/* Tabellen auf schmalen Bildschirmen: kompakter statt seitlich scrollen */
@media (max-width:600px){
  :is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table table{border-spacing:3px 0}
  :is(.single-post .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-table :is(th, td){font-size:14px;line-height:1.35;padding:.65em .45em;hyphens:auto;overflow-wrap:normal}
}

/* ===================================================================
   EINSPALTIG (Vorlage 6361: .cit-article-wrap > .cit-article)
   =================================================================== */
body.single-post{--cit-col:780px}
body.single-post .cit-article-wrap{--content-width:100%}
body.single-post .cit-article-wrap > .e-con-inner{max-width:none;padding:0}
body.single-post .cit-article{
  width:100% !important;max-width:calc(var(--cit-col) + 40px);margin-inline:auto;
  padding:clamp(32px,4vw,56px) 20px 24px !important;
}
/* Kopftext an der Textspalte ausrichten */
body.single-post .cit-hero > .cit-hero__text{
  padding-left:max(20px, calc((100% - var(--cit-col)) / 2));
  padding-right:max(20px, calc((100% - var(--cit-col)) / 2 - 220px));
}
body.single-post .cit-hero__text .elementor-widget{max-width:none}

/* Inhaltsverzeichnis im Text */
body.single-post .cit-toc{background:var(--cit-grau);padding:1.3em 1.8em 1.1em;margin:2.2em 0 1em;border-radius:0 0 28px 0;font-family:"CIT Gotham",Helvetica,Arial,sans-serif}
body.single-post .elementor-widget-theme-post-content .cit-toc__title{font-weight:300;font-size:28px;line-height:1.2;color:var(--ak);margin:0 0 .35em}
body.single-post .elementor-widget-theme-post-content .cit-toc ol{list-style:none;margin:0;padding:0}
body.single-post .elementor-widget-theme-post-content .cit-toc li{margin:0;padding:0;border-bottom:1px solid rgba(15,38,92,.18)}
body.single-post .elementor-widget-theme-post-content .cit-toc li:last-child{border-bottom:0}
body.single-post .elementor-widget-theme-post-content .cit-toc li::before{content:none}
body.single-post .elementor-widget-theme-post-content .cit-toc a{
  display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding:.55em 0;
  font-size:16px;line-height:1.35;font-weight:700;color:var(--cit-haus);text-decoration:none;
}
body.single-post .elementor-widget-theme-post-content .cit-toc a::after{content:"↓";color:var(--ak);font-weight:400}
body.single-post .elementor-widget-theme-post-content .cit-toc a:hover{color:var(--ak)}
body.single-post .elementor-widget-theme-post-content h2[id]{scroll-margin-top:110px}
html:has(body.single-post){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(body.single-post){scroll-behavior:auto}}

body.single-post .cit-hero__text .cit-meta span{white-space:nowrap}

/* Lesefortschritt (sticky) im CD-Verlauf: Verlauf steht über die volle Breite fest und wird beim Scrollen freigelegt */
body.single-post .elementor-widget-progress-tracker{--horizontal-height:5px !important}
body.single-post .elementor-widget-progress-tracker .elementor-scrolling-tracker{background-color:rgba(15,38,92,.08) !important}
body.single-post .elementor-widget-progress-tracker .current-progress{
  background-color:transparent !important;
  background-image:linear-gradient(90deg,#00adb1 0%,#5bc5f2 22%,#0097d7 44%,#283583 66%,#652d59 84%,#a84d97 100%) !important;
  background-size:100vw 100% !important;background-repeat:no-repeat !important;background-position:left center !important;
}
body.single-post .elementor-widget-progress-tracker .current-progress-percentage{display:none}

/* ===================================================================
   STARTSEITE /newsroom/ (Seite 7323, Shortcode [newsroom_start])
   =================================================================== */
.cit-nr-host,.cit-nr-host > .e-con-inner{padding:0 !important;max-width:none !important}
.cit-nr-host .elementor-widget-shortcode{width:100%}
.cit-nr{
  --cit-haus:#0f265c; --cit-haus20:#e3e7f1; --cit-grau:#f5f6f9; --cit-tuerkis:#00adb1; --cit-mittelblau:#0097d7;
  --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%);
  --ak:var(--cit-haus); --ov-s:.82; --ov-base:0; --cit-nr-top:60px;
  font-family:"CIT Gotham",Helvetica,Arial,sans-serif;color:var(--cit-haus);
}
.cit-nr *{box-sizing:border-box}
.cit-nr .cit-nr-wrap{max-width:1280px;margin-inline:auto;padding-inline:20px}

/* Aufmacher */
.cit-nr .cit-nr-hero{position:relative;overflow:hidden;background:var(--cit-haus);color:#fff;height:clamp(460px,40vw,600px)}
.cit-nr .cit-nr-hero__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;border-radius:0}
.cit-nr .cit-nr-hero::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%)}
.cit-nr .cit-nr-hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--ov-s);
  background:
    linear-gradient(to top,rgba(15,38,92,var(--ov-base)) 0%,rgba(15,38,92,0) 45%),
    linear-gradient(to top,color-mix(in srgb,var(--ak) 95%,transparent) 0%,color-mix(in srgb,var(--ak) 66%,transparent) 32%,color-mix(in srgb,var(--ak) 14%,transparent) 62%,transparent 100%),
    linear-gradient(to right,color-mix(in srgb,var(--ak) 46%,transparent) 0%,transparent 60%)}
.cit-nr .cit-nr-hero__shade{position:absolute;inset:0 0 auto;height:150px;z-index:2;background:linear-gradient(to bottom,rgba(15,38,92,.55),rgba(15,38,92,0))}
.cit-nr .cit-nr-hero__inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:space-between;
  padding-block:clamp(28px,3vw,44px) clamp(40px,5vw,72px);text-shadow:0 1px 14px rgba(15,38,92,.55)}
.cit-nr .cit-nr-hero__brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.cit-nr .cit-nr-hero__brand h1{margin:0;padding:0;font:700 clamp(17px,1.3vw,20px)/1 "CIT Gotham",Helvetica,Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#fff}
.cit-nr .cit-nr-hero__brand p{margin:0;font:300 clamp(15px,1.1vw,17px)/1.3 "CIT Gotham",Helvetica,Arial,sans-serif;color:#fff;opacity:.95}
.cit-nr .cit-nr-hero__text{max-width:900px}
.cit-nr .cit-nr-hero__label{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px;text-shadow:none}
.cit-nr .cit-nr-hero__label .cit-nr-chip{font-size:13px;padding:6px 12px}
.cit-nr .cit-nr-hero__new{font:500 12px/1.2 "CIT Gotham",Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.7);padding:5px 10px 4px}
.cit-nr .cit-nr-hero__title{margin:0 0 20px;padding:0;font:700 clamp(26px,2.6vw + 12px,46px)/1.1 "CIT Gotham",Helvetica,Arial,sans-serif;color:#fff;
  text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;overflow-wrap:break-word;hyphens:manual}
.cit-nr .cit-nr-hero__title a{color:#fff;text-decoration:none;transition:opacity .3s ease}
.cit-nr .cit-nr-hero__title a:hover{color:#fff;opacity:.85}
.cit-nr .cit-nr-hero__meta{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;font:300 16px/1.4 "CIT Gotham",Helvetica,Arial,sans-serif;color:#fff}
.cit-nr .cit-nr-hero__more{color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.cit-nr .cit-nr-hero__more:hover{color:#fff;border-bottom-width:4px}
@media (max-width:767px){.cit-nr .cit-nr-hero__title{hyphens:auto}}

.cit-nr .cit-nr-chip{display:inline-block;font:700 12px/1.2 "CIT Gotham",Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  padding:6px 10px 5px;background:var(--ak);color:#fff;white-space:nowrap}

/* Themenleiste */
.cit-nr .cit-nr-tl{position:sticky;top:var(--cit-nr-top);z-index:50;background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--cit-linie)}
.cit-nr .cit-nr-tl__in{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-block:20px}
.cit-nr button.cit-nr-tf{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:8px 10px 7px;
  background:var(--cit-grau);font:500 14px/1.1 "CIT Gotham",Helvetica,Arial,sans-serif;color:var(--cit-haus);white-space:nowrap;transition:background .15s,color .15s}
.cit-nr button.cit-nr-tf i{width:10px;height:10px;background:var(--ak);flex:none}
.cit-nr button.cit-nr-tf[data-cat="alle"] i{background:var(--cit-verlauf)}
.cit-nr button.cit-nr-tf:hover{background:var(--cit-haus20);color:var(--cit-haus)}
.cit-nr button.cit-nr-tf[aria-pressed="true"]{background:var(--ak);color:#fff}
.cit-nr button.cit-nr-tf[data-cat="alle"][aria-pressed="true"]{background:var(--cit-haus)}
.cit-nr button.cit-nr-tf[aria-pressed="true"] i{background:#fff}
.cit-nr button.cit-nr-tf:focus-visible{outline:2px solid var(--cit-haus);outline-offset:2px}
.cit-nr .cit-nr-tl__progress{height:4px;background:rgba(15,38,92,.08)}
.cit-nr .cit-nr-tl__progress span{display:block;height:100%;width:0;
  background-image:linear-gradient(90deg,#00adb1 0%,#5bc5f2 22%,#0097d7 44%,#283583 66%,#652d59 84%,#a84d97 100%);background-size:100vw 100%;background-repeat:no-repeat}
@media (max-width:767px){
  .cit-nr .cit-nr-tl{position:static}
  .cit-nr .cit-nr-tl__progress{display:none}
  .cit-nr .cit-nr-tl__in{gap:6px}
  .cit-nr button.cit-nr-tf{font-size:13px;padding:6px 8px 5px;gap:6px}
  .cit-nr button.cit-nr-tf i{width:8px;height:8px}
}

/* Beitragsliste */
.cit-nr .cit-nr-list{padding-block:clamp(56px,7vw,104px) 40px}
.cit-nr .cit-nr-list__title{margin:0 0 clamp(36px,4vw,56px);padding:0;font:300 clamp(28px,1.6vw + 20px,38px)/1.15 "CIT Gotham",Helvetica,Arial,sans-serif;color:var(--ak);text-wrap:balance}
.cit-nr .cit-nr-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(64px,7vw,96px) clamp(32px,3.5vw,52px)}
.cit-nr .cit-nr-card{grid-column:span 2;position:relative;display:flex;flex-direction:column;min-width:0}
.cit-nr .cit-nr-card[hidden]{display:none}
.cit-nr .cit-nr-card--lg{grid-column:span 3}
.cit-nr .cit-nr-card__img{position:relative;border-radius:0 0 28px 0;overflow:hidden;margin-bottom:28px;background:var(--cit-grau)}
.cit-nr .cit-nr-card__img img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:16/10;object-fit:cover;border-radius:0;transition:transform .5s ease}
.cit-nr .cit-nr-card__ph{display:block;aspect-ratio:16/10;background:var(--cit-verlauf)}
.cit-nr .cit-nr-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:18px;font:400 14px/1.3 "CIT Gotham",Helvetica,Arial,sans-serif;color:var(--cit-haus)}
.cit-nr .cit-nr-card__meta > span:last-child{opacity:.75}
.cit-nr .cit-nr-card__title{margin:0 0 16px;padding:0;font:700 clamp(19px,.5vw + 16px,22px)/1.28 "CIT Gotham",Helvetica,Arial,sans-serif;color:var(--cit-haus);text-wrap:balance;hyphens:manual;overflow-wrap:break-word}
.cit-nr .cit-nr-card--lg .cit-nr-card__title{font-size:clamp(22px,1vw + 16px,30px);line-height:1.18}
.cit-nr .cit-nr-card__title a{color:var(--cit-haus);text-decoration:none;transition:color .3s ease}
.cit-nr .cit-nr-card__title a::after{content:"";position:absolute;inset:0}
.cit-nr .cit-nr-card:hover .cit-nr-card__title a{color:var(--ak)}
.cit-nr .cit-nr-card:hover .cit-nr-card__img img{transform:scale(1.03)}
.cit-nr .cit-nr-card__title a:focus-visible{outline:2px solid var(--ak);outline-offset:3px}
.cit-nr .cit-nr-card__text{margin:0;font:400 16px/1.7 "CIT Gotham",Helvetica,Arial,sans-serif;color:var(--cit-haus);text-wrap:pretty}

.cit-nr .cit-nr-card--lg .cit-nr-card__text{font-size:17px}
@media (max-width:1024px){.cit-nr .cit-nr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 36px}.cit-nr .cit-nr-card,.cit-nr .cit-nr-card--lg{grid-column:span 1}}
@media (max-width:640px){.cit-nr .cit-nr-grid{grid-template-columns:1fr;gap:60px}}

.cit-nr .cit-nr-more{display:flex;justify-content:center;margin-top:clamp(64px,7vw,96px)}
.cit-nr .cit-nr-more[hidden]{display:none}
.cit-nr button.cit-nr-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:12px;border:2px solid var(--cit-haus);color:var(--cit-haus);background:transparent;
  padding:14px 26px 13px;border-radius:0 0 16px 0;font:700 14px/1 "CIT Gotham",Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s}
.cit-nr button.cit-nr-btn:hover{background:var(--cit-haus);color:#fff}
.cit-nr button.cit-nr-btn:focus-visible{outline:2px solid var(--cit-mittelblau);outline-offset:3px}

/* Über den Newsroom (Einordnung) */
.cit-nr .cit-nr-about{padding-block:clamp(48px,6vw,88px) clamp(80px,9vw,128px)}
.cit-nr .cit-nr-about__box{background:var(--cit-haus20);border-radius:0 0 28px 0;padding:36px 44px 40px;max-width:900px}
.cit-nr .cit-nr-about__box h2{position:relative;margin:0 0 .5em;padding:0 0 0 44px;font:300 27px/32px "CIT Gotham",Helvetica,Arial,sans-serif;color:var(--cit-haus)}
.cit-nr .cit-nr-about__box h2::before{content:"";position:absolute;left:0;top:1px;width:30px;height:30px;background:var(--cit-haus);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='20' cy='20' r='18'/%3E%3Cpath d='M11 20h16M21 13l7 7-7 7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='20' cy='20' r='18'/%3E%3Cpath d='M11 20h16M21 13l7 7-7 7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.cit-nr .cit-nr-about__box p{margin:0;font:400 18px/1.65 "CIT Gotham",Helvetica,Arial,sans-serif;color:var(--cit-haus)}
@media (max-width:640px){.cit-nr .cit-nr-about__box{padding:24px 22px}}

@media (prefers-reduced-motion:reduce){
  .cit-nr .cit-nr-card__img img,.cit-nr .cit-nr-card__title a,.cit-nr button.cit-nr-tf,.cit-nr .cit-nr-hero__title a{transition:none}
  .cit-nr .cit-nr-card:hover .cit-nr-card__img img{transform:none}
}