/* INQIS Grundregeln -- uebernommen aus Bastians Mockup (wiki/mockup/startseite-vorlage.html) */
.wp-site-blocks{container-type:inline-size}
body{--iq-ease-out:cubic-bezier(.2,.7,.2,1);--iq-ease-ui:cubic-bezier(0.23,1,0.32,1)}
.iq-g{font-family:var(--wp--preset--font-family--jost)}
.iq-rand{padding-left:var(--wp--preset--spacing--rand);padding-right:var(--wp--preset--spacing--rand)}

/* Links und Fokus */
a{text-decoration-thickness:1px;text-underline-offset:4px}
@media (hover:hover) and (pointer:fine){a:hover{text-decoration-thickness:2.5px}}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #000;outline-offset:3px}
.iq-dunkel a:focus-visible,.iq-kopf a:focus-visible,.iq-kopf summary:focus-visible{outline-color:#fff}

/* Kopfzeile */
.iq-kopf{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;position:relative;z-index:3;background:#000;color:#fff;border-bottom:1px solid #2e2e2e}
/* gap noch einmal mit hoeherer Spezifitaet: der von WordPress erzeugte Gruppen-Container setzt sonst 1.2em */
.iq-kopf.wp-block-group{gap:24px}
.iq-kopf a{color:inherit}
/* Kernblock Navigation (E250): Abstaende und Liste wie im Mockup, Rest aus dem Kernblock */
.iq-kopf .wp-block-navigation,.iq-kopf .wp-block-navigation__container{gap:4px 30px}
.iq-kopf .wp-block-navigation__container{margin:0;padding:0;list-style:none}
.iq-kopf .wp-block-navigation-item,.iq-kopf .wp-block-navigation-item__content{display:block}
.iq-nav-menue .wp-block-navigation,.iq-nav-menue .wp-block-navigation__container{flex-direction:column;align-items:stretch;gap:0}
.iq-marke{display:flex;align-items:baseline;text-decoration:none;font-weight:600;font-size:26px;letter-spacing:.04em}
.iq-punkt{display:inline-block;width:6px;height:6px;background:#ff5a2a;margin-left:3px;flex:none}
.iq-nav-links{display:flex;flex-wrap:wrap;gap:4px 30px;align-items:center}
.iq-nav-links a{text-decoration:none;font-size:16px;padding:12px 0 8px;border-bottom:2px solid transparent}
.iq-nav-links a[aria-current="page"]{border-bottom-color:currentColor}
@media (hover:hover) and (pointer:fine){.iq-nav-links a:hover{border-bottom-color:currentColor}}
.iq-nav-menue{display:none;position:relative}
.iq-nav-menue summary{list-style:none;cursor:pointer;min-height:44px;box-sizing:border-box;padding:10px 16px;border:1.5px solid currentColor;font-size:16px}
.iq-nav-menue summary::-webkit-details-marker{display:none}
/* color:#000 am Kasten: der Kernblock setzt die Linkfarbe mit hoher Spezifitaet auf inherit, sonst erbt sie das Weiss der Kopfzeile (gemessen 11.10.2026) */
.iq-nav-menue nav{color:#000;position:absolute;right:0;top:52px;z-index:5;width:min(300px,86cqw);background:#fff;border:1.5px solid #000;display:flex;flex-direction:column}
.iq-nav-menue nav a{color:#000;text-decoration:none;font-size:17px;padding:13px 16px;border-bottom:1px solid #d0d0d0}
.iq-nav-menue nav a[aria-current="page"]{font-weight:600}
.iq-kopf .iq-nav-menue nav a:focus-visible{outline-color:#000}

/* Schmale Seiten (hoechstens 900 px) */
@container (max-width:900px){.iq-nav-links{display:none}.iq-nav-menue{display:block}}

/* Fusszeile */
.iq-fuss{padding-top:48px;padding-bottom:56px;background:#000;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px 56px}
.iq-fuss-marke{display:flex;flex-direction:column;gap:8px}
.iq-fuss-satz{font-size:16px}
.iq-fuss-ki{margin:0;max-width:44em;font-size:14px;line-height:1.5}
.iq-fuss-ki a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.iq-fuss nav{display:flex;flex-wrap:wrap;gap:6px 32px;align-items:center;font-size:16px}
.iq-fuss nav a{color:#fff;padding:10px 0}

/* Fehlerseite */
.iq-fehler{padding-top:72px;padding-bottom:96px}
.iq-fehler-themen{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.iq-fehler-themen a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 16px;border:1.5px solid #000;color:#000;text-decoration:none;font-size:16px}
@media (hover:hover) and (pointer:fine){.iq-fehler-themen a:hover{background:#000;color:#fff}}

/* Weniger Bewegung: alle Bewegung aus */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}