/* INQIS Startseite. ERZEUGT aus wiki/mockup/2026-10-08-INQIS_Startseite.html (Variante B)
   mit theme/tests/erzeuge-startseite.php -- nicht von Hand aendern. Feinschliff E161, Fotos E109/E180,
   Selektoren auf das Markup der Kernbloecke umgeschrieben (E219, E220). */
/* INQIS: Vorgaben der Kernbloecke zuruecksetzen (E219, E220) */
.wp-site-blocks>.iq-seite,.wp-site-blocks>.iq-seite+*{margin-block-start:0}
.iq-seite>*,.iq-seite :where(.is-layout-flow)>*{margin-block:0}
.iq-seite :where(figure){margin:0}
.iq-seite :where(.wp-block-post-template){list-style:none;margin:0;padding:0}
.iq-seite :where(.wp-block-post-excerpt__excerpt){margin:0}
.iq-seite :where(.wp-block-button__link){background:transparent;color:inherit;font:inherit;padding:0;border:0;border-radius:0;text-align:left}
.iq-seite .wp-block-query:not(:has(li)){display:none}
.iq-seite{container-type:inline-size;background:#fff;color:#000;font-family:var(--wp--preset--font-family--source-serif-4);font-size:18px;line-height:1.55}
.iq-dunkel a:focus-visible,.iq-m-dunkel .iq-kopf a:focus-visible,.iq-m-dunkel .iq-kopf summary:focus-visible,.iq-m-dunkel .iq-hero a:focus-visible{outline-color:#fff}
.iq-hero-zeile .iq-punkt{width:10px;height:10px;margin:0}
/* Auftakt */
.iq-hero{position:relative;overflow:hidden;min-height:900px;display:flex;flex-direction:column;justify-content:flex-end}
.iq-m-dunkel .iq-hero{background:#000;color:#fff}
.iq-m-hell .iq-hero{background:#fff;color:#000}
.iq-hero-feld{position:absolute;inset:0;width:100%;height:100%;display:block}
.iq-hero-kopf{position:relative;padding-top:120px;padding-bottom:88px;display:flex;flex-direction:column;gap:26px;pointer-events:none}
.iq-hero-kopf a{pointer-events:auto}
.iq-hero-zeile{display:flex;align-items:center;gap:12px;font-size:16px}
.iq-hero-titel{margin:0;font-weight:600;font-size:clamp(46px,8.4cqw,136px);line-height:.96;letter-spacing:-.03em}
.iq-hero-titel span{display:block;animation:iq-steigen .9s var(--iq-ease-out) backwards}
.iq-hero-titel span+span{animation-delay:.15s}
.iq-hero-text{margin:0;max-width:33em;font-size:clamp(18px,1.5cqw,23px);line-height:1.5}
.iq-m-dunkel .iq-hero-text{color:#d4d4d4}
.iq-m-hell .iq-hero-text{color:#222}
.iq-hero-aktion{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-top:8px}
:is(.iq-knopf>a,a.iq-knopf){display:inline-flex;align-items:center;gap:12px;min-height:56px;box-sizing:border-box;padding:0 26px;text-decoration:none;font-weight:600;font-size:17px;transition:transform 160ms var(--iq-ease-ui)}
.iq-m-dunkel .iq-hero .iq-knopf>a{background:#fff;color:#000}
.iq-m-hell .iq-hero .iq-knopf>a{background:#000;color:#fff}
.iq-pfeil>a::after{content:"";width:18px;height:18px;flex:none;background:currentColor;clip-path:polygon(8px 2px,10px 2px,10px 13.09px,14.29px 8.79px,15.71px 10.21px,9px 16.91px,2.29px 10.21px,3.71px 8.79px,8px 13.09px);transition:transform .2s var(--iq-ease-ui)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.iq-pfeil>a:hover::after{transform:translateY(4px)}}
.iq-hero .iq-unterstr>a{color:inherit;font-size:17px;padding:12px 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media (hover:hover) and (pointer:fine){.iq-hero .iq-unterstr>a:hover{text-decoration-thickness:2.5px}}
.iq-hero-autor{font-size:15px}
.iq-m-dunkel .iq-hero-autor{color:#a8a8a8}
.iq-m-hell .iq-hero-autor{color:#555}

/* Reise */
.iq-szene{position:relative;padding-top:120px;padding-bottom:120px;padding-left:clamp(44px,7.4cqw,108px);padding-right:clamp(20px,4.6cqw,66px)}
.iq-fluss{position:absolute;left:clamp(14px,2.4cqw,36px);top:0;bottom:0;width:4px;background:#ececec}
.iq-fluss-fuellung{position:absolute;inset:0;transform-origin:50% 0}
.iq-knoten{position:absolute;left:calc(clamp(14px,2.4cqw,36px) - 9px);top:124px;width:22px;height:22px;box-sizing:border-box;border:2px solid #000}
.iq-raster{display:flex;flex-wrap:wrap;gap:56px 64px;align-items:flex-start}
.iq-szene-text{flex:1 1 380px;max-width:520px;position:sticky;top:40px;display:flex;flex-direction:column;gap:22px}
.iq-umgekehrt .iq-szene-bild{order:-1}
.iq-station{display:flex;align-items:center;gap:12px;font-size:16px}
.iq-station b{font-weight:600}
.iq-szene-titel{margin:0;font-weight:600;font-size:clamp(40px,5.2cqw,84px);line-height:1;letter-spacing:-.025em}
.iq-frage{margin:0;font-style:italic;font-size:clamp(20px,1.7cqw,25px);line-height:1.4;max-width:24em}
.iq-absatz{margin:0;max-width:30em}
.iq-chips{display:flex;flex-wrap:wrap;gap:8px}
.iq-chip>a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 16px;border:1.5px solid #000;text-decoration:none;font-size:16px;transition:background .15s ease,color .15s ease,transform 160ms var(--iq-ease-ui)}
@media (hover:hover) and (pointer:fine){.iq-chip>a:hover{background:#000;color:#fff}}
.iq-einstieg{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1.5px solid #000;margin-top:6px;max-width:34em}
.iq-einstieg h3{margin:0;font-weight:600;font-size:clamp(22px,1.9cqw,27px);line-height:1.18}
.wp-block-post-title>a{text-decoration:none}
@media (hover:hover) and (pointer:fine){.wp-block-post-title>a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}}
.iq-klein{margin:0;font-size:15px;color:#555}
.iq-szene-bild{margin:0;flex:999 1 560px;min-width:0}
.iq-szene-bild canvas{display:block;width:100%;height:660px}
.iq-szene-dunkel{background:#000;color:#fff}
.iq-szene-dunkel .iq-fluss{background:#262626}
.iq-szene-dunkel .iq-knoten{border-color:#fff}
.iq-szene-dunkel a{color:#fff}
.iq-szene-dunkel .iq-chip>a{border-color:#fff}
@media (hover:hover) and (pointer:fine){.iq-szene-dunkel .iq-chip>a:hover{background:#fff;color:#000}}
.iq-szene-dunkel .iq-einstieg{border-top-color:#fff}
.iq-szene-dunkel .iq-klein{color:#a8a8a8}
.iq-szene-dunkel .iq-raster{flex-direction:column;align-items:stretch}
.iq-ki-kopf{display:flex;flex-wrap:wrap;gap:24px 72px;align-items:flex-start}
.iq-kapitel-block{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.iq-kapitel{display:flex;flex-wrap:wrap;gap:8px}
.iq-kap{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 8px;border:1.5px solid #5a5a5a;background:transparent;color:#fff;font:inherit;font-size:15px;cursor:pointer;transition:border-color .16s cubic-bezier(.23,1,.32,1),background-color .16s cubic-bezier(.23,1,.32,1),color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);-webkit-tap-highlight-color:transparent}
.iq-kap:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.iq-kap:hover{border-color:#fff}}
.iq-kap-nr{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#262626;font-weight:600;font-size:13px}
.iq-kap.ist-aktiv{border-color:#fff;background:#fff;color:#000}
.iq-kap.ist-aktiv .iq-kap-nr{background:#1d5fd0;color:#fff}
.iq-kap-neben{padding:0 16px}
.iq-kap:focus-visible{outline:3px solid #fff;outline-offset:3px}
.iq-kap-text{margin:0;max-width:52em;min-height:3.2em;color:#d4d4d4}
.iq-kap-text b{color:#fff;font-weight:600;margin-right:6px}
.iq-kt-a{animation:iq-kt-a .26s cubic-bezier(.23,1,.32,1)}
.iq-kt-b{animation:iq-kt-b .26s cubic-bezier(.23,1,.32,1)}
@keyframes iq-kt-a{from{opacity:0;transform:translateY(6px)}}
@keyframes iq-kt-b{from{opacity:0;transform:translateY(6px)}}
.iq-ki-links{flex:1 1 380px;display:flex;flex-direction:column;gap:22px}
.iq-ki-rechts{flex:1 1 380px;display:flex;flex-direction:column;gap:20px;padding-top:44px}
.iq-szene-dunkel .iq-szene-bild{flex:none;width:100%}
.iq-szene-dunkel .iq-szene-bild canvas{height:900px;cursor:crosshair}
#data-integration .iq-szene-bild canvas{height:820px;cursor:default}
.iq-empfohlen{padding-top:88px;padding-bottom:96px;background:#fff}
.iq-kopfzeile{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.iq-kopfzeile .iq-link{display:inline-block;font-size:17px;padding:10px 0}
.iq-abschnitt{margin:0;font-weight:600;font-size:clamp(30px,3cqw,44px);line-height:1.05;letter-spacing:-.02em}
.iq-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:48px 32px}
.iq-karte{display:flex;flex-direction:column;gap:12px}
.iq-motiv{display:block;overflow:hidden;aspect-ratio:16/10;background:#000}
.iq-motiv svg{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.iq-karte:hover .iq-motiv svg,.iq-leit-raster:hover .iq-motiv svg{transform:scale(1.05)}}
.iq-foto{position:relative}
.iq-foto img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.05);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.iq-foto::after{content:"";position:absolute;inset:0;background:var(--tint,#1d5fd0);mix-blend-mode:color;opacity:.62;transition:opacity .5s ease;pointer-events:none}
@media (hover:hover) and (pointer:fine){.iq-karte:hover .iq-foto::after,.iq-leit-raster:hover .iq-foto::after{opacity:0}}
@media (hover:hover) and (pointer:fine){.iq-karte:hover .iq-foto img,.iq-leit-raster:hover .iq-foto img{filter:none}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.iq-karte:hover .iq-foto img,.iq-leit-raster:hover .iq-foto img{transform:scale(1.05)}}
.iq-thema{display:flex;align-items:center;gap:10px;font-size:15px;margin-top:6px}
.iq-thema::before,.iq-begriff h3::before{content:"";width:12px;height:12px;flex:none;box-sizing:border-box;background:var(--iq-farbe);border:var(--iq-farbe-rand,0)}
.iq-thema b{font-weight:600}
.iq-karte h3{margin:0;font-weight:600;font-size:23px;line-height:1.2}
.iq-kurzfrage{margin:0;font-style:italic}
.iq-motiv-lauf{animation:iq-motivlauf 2.4s linear infinite}
.iq-motiv-puls{transform-box:fill-box;transform-origin:center;animation:iq-puls 2s ease-out infinite}
.iq-motiv-fahne{transform-box:fill-box;transform-origin:0 50%;animation:iq-wehen 1.6s ease-in-out infinite alternate}
.iq-leit{padding-top:112px;padding-bottom:120px;background:#fff;border-top:1.5px solid #000}
.iq-leit-raster{display:flex;flex-wrap:wrap;gap:48px 64px;align-items:center}
.iq-motiv-gross{flex:999 1 560px;min-width:0;aspect-ratio:3/2}
.iq-leit-text{flex:1 1 380px;display:flex;flex-direction:column;gap:20px;max-width:560px}
.iq-leit-text h2{margin:0;font-weight:600;font-size:clamp(32px,3.2cqw,48px);line-height:1.05;letter-spacing:-.02em}
.iq-knopf-schwarz{background:#000;color:#fff;align-self:flex-start}
@media (hover:hover) and (pointer:fine){.iq-knopf-schwarz:hover{color:#fff;background:#222}}
@keyframes iq-motivlauf{to{stroke-dashoffset:-32}}
@keyframes iq-puls{from{transform:scale(1);opacity:1}to{transform:scale(3.2);opacity:0}}
@keyframes iq-wehen{to{transform:scaleX(.84) skewY(4deg)}}

/* Ziel */
.iq-ziel{background:#000;color:#fff;padding-top:120px;padding-bottom:128px;position:relative}
.iq-ziel h2{margin:0;font-weight:600;font-size:clamp(40px,6.4cqw,104px);line-height:.98;letter-spacing:-.03em;max-width:12em}
.iq-ziel p:not(.iq-station){margin:0;max-width:32em;color:#d4d4d4;font-size:clamp(18px,1.5cqw,22px)}
.iq-ziel .iq-knopf>a{background:#fff;color:#000}
.iq-ziel .iq-knopf-rand>a{background:transparent;color:#fff;border:1.5px solid #fff}
@media (hover:hover) and (pointer:fine){.iq-ziel .iq-knopf-rand>a:hover{background:#fff;color:#000}}

/* Glossar */
.iq-buchstaben a{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;text-decoration:none;font-weight:600;font-size:17px;transition:transform 160ms var(--iq-ease-ui)}
@media (hover:hover) and (pointer:fine){.iq-buchstaben a:hover{background:#000;color:#fff}}
.iq-begriff{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1.5px solid #000}
.iq-begriff h3{display:flex;align-items:center;gap:10px;font-weight:600;font-size:24px;line-height:1.15}
.iq-begriff .wp-block-post-excerpt__excerpt{margin:0}
.iq-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media (hover:hover) and (pointer:fine){.iq-link:hover{text-decoration-thickness:2.5px}}

@keyframes iq-steigen{from{transform:translateY(40px);opacity:0}}
@keyframes iq-auf{from{opacity:0;transform:translateY(36px)}}
@keyframes iq-fuellen{from{transform:scaleY(0)}}
@supports (animation-timeline: view()){
.iq-szene,.iq-ziel{view-timeline-name:--szene}
.iq-fluss-fuellung{animation:iq-fuellen linear both;animation-timeline:--szene;animation-range:entry 0% exit 30%}
.z-auf{animation:iq-auf linear both;animation-timeline:--szene;animation-range:entry 5% cover 30%}
}
@keyframes iq-ein{from{opacity:0}}
@media (prefers-reduced-motion:reduce){
.iq-seite *{animation:none !important}
.iq-seite .iq-hero-titel span{animation:iq-ein 300ms var(--iq-ease-ui) backwards !important}
.iq-seite .iq-hero-titel span+span{animation-delay:80ms !important}
@supports (animation-timeline: view()){.iq-seite .z-auf{animation:iq-ein linear both !important;animation-timeline:--szene !important;animation-range:entry 5% cover 30% !important}}
}
@container (max-width:900px){
#data-integration .iq-szene-bild canvas{height:560px}
.iq-nav-links{display:none}
.iq-nav-menue{display:block}
.iq-umgekehrt .iq-szene-bild{order:0}
.iq-szene-text{position:static;max-width:none}
.iq-hero{min-height:780px}
.iq-szene{padding-top:88px;padding-bottom:88px}
.iq-knoten{top:92px}
.iq-szene-bild canvas{height:440px}
.iq-szene-dunkel .iq-szene-bild canvas{height:560px}
.iq-ki-rechts{padding-top:0}
}
/* INQIS: aus Inline-Stilen und Zeichnungen in B (Ziel, Glossar) */
.iq-ziel-auf{display:flex;flex-direction:column;gap:28px}
.iq-ziel .iq-station::before{content:"";width:22px;height:26px;flex:none;background:#fff;clip-path:polygon(0.75px 2px,3.25px 2px,3.25px 2.08px,20px 7.5px,3.25px 12.92px,3.25px 26px,0.75px 26px)}
.iq-glossar{padding-top:96px;padding-bottom:104px;background:#f2f2f0}
.iq-glossar-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px 56px;margin-bottom:40px}
.iq-glossar-titel{flex:1 1 380px;display:flex;flex-direction:column;gap:14px}
.iq-glossar-titel h2{margin:0;font-weight:600;font-size:clamp(40px,5cqw,76px);line-height:1;letter-spacing:-0.025em}
.iq-glossar-satz{margin:0;max-width:30em}
form.iq-glossar-suche{flex:1 1 380px;max-width:560px;display:flex;flex-direction:column;gap:8px}
form.iq-glossar-suche .wp-block-search__label{font-size:15px;font-weight:inherit}
form.iq-glossar-suche .wp-block-search__inside-wrapper{display:flex;gap:0}
form.iq-glossar-suche .wp-block-search__input{flex:1;min-width:0;height:56px;box-sizing:border-box;padding:0 18px;border:1.5px solid #000;border-right:0;border-radius:0;background:#fff;font:inherit;font-size:17px;margin:0}
form.iq-glossar-suche .wp-block-search__button{height:56px;padding:0 26px;border:1.5px solid #000;border-radius:0;background:#000;color:#fff;font:inherit;font-weight:600;font-size:16px;cursor:pointer;margin:0}
.iq-buchstaben-nav{margin-bottom:52px}
.iq-buchstaben{display:flex;flex-wrap:wrap;gap:4px}
.iq-begriffe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:44px 56px}
.iq-glossar-alle a{display:inline-block;margin-top:44px;font-size:17px;padding:10px 0}
/* INQIS: Druck-Rueckmeldung (E161; .iq-kap hat B schon) */
:is(.iq-knopf>a,a.iq-knopf):active,.iq-chip>a:active,.iq-buchstaben a:active{transform:scale(.97)}
/* INQIS: Themenfarbe ueber die Kategorie-Klassen (Stammdaten::FARBEN) */
.iq-seite :is(.category-analytics,.category-kennzahlen-und-steuerung,.category-analyse-und-visualisierung){--iq-farbe:#e8491d;--tint:#e8491d}
.iq-seite :is(.category-data-integration,.category-architektur-und-plattform,.category-datenintegration-und-betrieb,.category-datenqualitaet-und-stammdaten){--iq-farbe:#1d5fd0;--tint:#1d5fd0}
.iq-seite :is(.category-ki,.category-ki-in-der-analyse,.category-ki-gestuetzte-datenaufbereitung,.category-ki-governance,.category-knowledge-graphs){--iq-farbe:#f2b705;--tint:#b88a00;--iq-farbe-rand:1px solid #000}
.iq-seite :is(.category-strategie-und-governance,.category-strategie-und-organisation,.category-data-governance,.category-sicherheit-und-datenschutz){--iq-farbe:#14603a;--tint:#14603a}