/**
 * OSTBRONX – Globale Chrome (Header/Footer) + Seiten-Sektionen.
 * Verbindliches Design aus dem Visual-Identity-Handover (reference/*.html).
 * Tokens + Komponenten siehe ostbronx.css.
 */

/* ===================== Reset/Flush ===================== */
/* Sticky Footer: Wrapper füllt mind. die Viewporthöhe, main wächst -> Footer klebt unten. */
.wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.wp-site-blocks > main { margin-block-start: 0; flex: 1 0 auto; }
.wp-site-blocks > main > :first-child { margin-block-start: 0; }
/* Sicherheits-Sperre gegen horizontalen Überlauf (volle-Breite-Sektionen) */
html, body, .wp-site-blocks { overflow-x: clip; max-width: 100%; }

/* ============================================================
   EINHEITLICHE CONTENT-KANTE — Header = Content = Footer fluchten.
   (1) box-sizing:border-box: sonst gilt max-width:1360 nur für den INHALT
       und die 2×40px Padding kommen obendrauf -> Element 1440, Inhalt 1360
       statt 1280, Sektion rutscht 40px nach links. wp-block-group hat von WP
       aus border-box, einfache <div>/<section> (Topbar/Nav/Termine-Inner/
       Footer/Förderer) nicht -> genau daher sprang die Breite je Sektion.
   (2) margin:auto überschreibt WordPress' negative .alignfull-Ränder
       (.has-global-padding > .alignfull), die sonst unser Zentrieren schlagen. */
.ob-topbar, .ob-nav,
.ob-pagehead, .ob-section, .ob-prose, .ob-fragen, .ob-ctabandwrap, .ob-mikro, .ob-band,
.ob-termine__inner,
.ob-herocover .wp-block-cover__inner-container,
.ob-modul .m1-hero .wp-block-cover__inner-container,
.ob-footer__grid, .ob-footer__legal, .ob-foerderer__card {
	box-sizing: border-box;
}
.ob-fragen, .ob-mikro, .ob-band {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* EINHEITLICHE CONTENT-SPALTE: WordPress bricht die alignfull-Sektion voll aus
   dem globalen Padding aus (kein doppeltes Padding 40+40=80 mehr), die zentrierte
   1280er-Spalte entsteht über padding-inline:var(--ob-edge). Identisches Verhalten
   wie der Footer -> Sektionen + Header-Inhalt + Footer fluchten auf JEDER Breite. */
/* Group A — Content-Sektionen (liegen IM has-global-padding-Wrapper): genau wie
   .ob-footer__grid -> max-width:1280 + margin:auto, KEIN eigenes h-Padding; der
   Gutter kommt vom globalen Root-Padding (clamp 20..40). Zentriert auf Desktop,
   füllt (minus Gutter) auf Tablet/Mobile. */
.ob-pagehead, .ob-section, .ob-prose, .ob-ctabandwrap {
	box-sizing: border-box;
	max-width: var(--ob-colmax);
	margin-inline: auto;
	padding-inline: 0;
}
/* Header/Navigation sind BEWUSST full-bleed bis zum Bildschirmrand (nur Innen-
   Gutter) — NICHT auf die Content-Spalte beschränken (mehrfacher User-Wunsch).
   Siehe max-width:none an .ob-topbar/.ob-nav. */

/* Header-Dropdown gegen leakende globale details/summary-Regeln aus dem
   Modul-Content (Andreas: details{background:white;border;padding}) schützen. */
.ob-header details { background: transparent; border: 0; padding: 0; margin: 0; border-radius: 0; }
.ob-header summary { padding: 0; }

/* Skip-Link */
.ob-skip{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;color:var(--ob-ink);
	font-family:var(--ob-font-mono);font-size:15px;padding:10px 16px;}
.ob-skip:focus{left:8px;top:8px;outline:2px solid var(--ob-magenta);outline-offset:2px;}

/* ===================== HEADER ===================== */
.ob-header{position:sticky;top:0;z-index:60;background:var(--ob-ink);}
/* Ausnahme von der Content-Kante: Navigation/Header spannt bis an den
   Bildschirmrand (nur Innen-Padding), alles andere bleibt auf 1280 zentriert. */
.ob-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;
	max-width:none;padding:11px var(--ob-gutter) 7px;
	font-family:var(--ob-font-mono);font-size:12px;letter-spacing:.04em;
	color:rgba(255,255,255,.72);}
.ob-topbar__right{display:inline-flex;align-items:center;gap:18px;}
.ob-topbar__social{opacity:.85;}
/* Instagram-Icon (Header oben rechts + Footer unten links), erbt Textfarbe. */
.ob-ig{display:inline-flex;align-items:center;gap:7px;line-height:0;color:inherit;}
.ob-ig span{line-height:1;}
.ob-ig svg{display:block;width:16px;height:16px;}
.ob-topbar__social.ob-ig:hover,.ob-topbar__social.ob-ig:focus-visible{opacity:1;}
.ob-topbar a{color:inherit;text-decoration:none;}
.ob-topbar a:hover,.ob-topbar a:focus-visible{color:#fff;text-decoration:underline;}
.ob-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:none;padding:20px var(--ob-gutter);}
.ob-brand{display:flex;align-items:center;gap:13px;text-decoration:none;}
.ob-signet{display:block;flex:none;}
.ob-wordmark{color:#fff;font-weight:700;font-size:23px;letter-spacing:-.01em;position:relative;top:5px;}

/* Desktop-Navigation */
.ob-nav-desktop{display:flex;gap:30px;align-items:center;}
.ob-navlink{color:#fff;font-weight:600;font-size:18.5px;white-space:nowrap;text-decoration:none;}
.ob-navlink:hover,.ob-navlink:focus-visible{box-shadow:inset 0 -2px 0 var(--ob-magenta);}
.ob-navlink[aria-current]{box-shadow:inset 0 -2px 0 var(--ob-magenta);}
/* Optische Mitte: 'Ausstellung' hat nur eine Unterlänge, daher Wortmasse ~3px
   zu hoch -> Padding-Top rauf, -Bottom runter (Gesamthöhe unverändert). */
.ob-cta{background:var(--ob-magenta);color:#fff;font-weight:700;font-size:18px;padding:14px 20px 8px;
	white-space:nowrap;text-decoration:none;}
.ob-cta:hover,.ob-cta:focus-visible{background:#fff;color:var(--ob-ink);}

/* Modul-Dropdown (details/summary – ohne JS bedienbar) */
.ob-moduledd{position:relative;}
.ob-moduledd__btn{list-style:none;cursor:pointer;color:#fff;font-weight:600;font-size:18.5px;
	white-space:nowrap;display:inline-flex;align-items:center;gap:7px;}
.ob-moduledd__btn::-webkit-details-marker{display:none;}
.ob-caret{font-size:14.5px;opacity:.85;transition:transform .15s ease;}
.ob-moduledd[open] .ob-caret{transform:rotate(180deg);}
.ob-moduledd__menu{position:absolute;top:36px;left:-18px;width:320px;background:#fff;color:var(--ob-ink);
	border:1px solid var(--ob-ink);box-shadow:7px 9px 0 rgba(20,20,20,.28);padding:8px;
	display:flex;flex-direction:column;gap:2px;z-index:9;}
.ob-moduledd__hint{font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.06em;
	color:var(--ob-grey);padding:5px 11px 7px;}
.ob-moduledd__item{display:flex;gap:12px;align-items:baseline;padding:8px 11px;font-size:17px;
	font-weight:600;text-decoration:none;color:var(--ob-ink);}
.ob-moduledd__item b{min-width:26px;flex:none;color:var(--ob-magenta-ink);}
a.ob-moduledd__item:hover,a.ob-moduledd__item:focus-visible{background:var(--ob-paper-warm);}
.ob-moduledd__item.is-soon{color:#6F6E68;cursor:default;}
.ob-moduledd__item.is-soon b{color:#6F6E68;}
.ob-soon{font-family:var(--ob-font-mono);font-size:14.5px;color:var(--ob-magenta-ink);}

/* Mobile-Navigation */
.ob-nav-mobile{display:none;position:relative;}
.ob-burger{list-style:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;
	gap:5px;width:46px;height:46px;border:2px solid rgba(255,255,255,.3);align-items:center;}
.ob-burger::-webkit-details-marker{display:none;}
.ob-burger span{display:block;width:22px;height:2.5px;background:#fff;}
.ob-nav-mobile__menu{position:absolute;right:0;top:54px;width:80vw;max-width:340px;background:var(--ob-ink);
	border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 50px -12px rgba(0,0,0,.7);
	display:flex;flex-direction:column;padding:8px;z-index:70;}
.ob-nav-mobile__menu>*{color:#fff;font-weight:600;font-size:18px;padding:11px 16px;text-decoration:none;display:flex;gap:12px;}
.ob-nav-mobile__menu b{min-width:28px;color:var(--ob-magenta-wash);}
.ob-nav-mobile__hint{font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.06em;
	color:rgba(255,255,255,.5);padding:10px 16px 6px;}
.ob-nav-mobile__menu .is-soon{color:rgba(255,255,255,.55);cursor:default;}
.ob-nav-mobile__menu .is-soon b{color:rgba(255,255,255,.55);}
.ob-nav-mobile__sep{border-top:1px solid rgba(255,255,255,.1);font-size:19px;}
.ob-nav-mobile__cta{background:var(--ob-magenta);justify-content:center;font-weight:700;font-size:19px;margin-top:6px;}

@media(max-width:900px){
	.ob-nav-desktop{display:none;}
	.ob-nav-mobile{display:block;}
}
@media(max-width:520px){
	.ob-topbar__az{display:none;}
}

/* ===================== HERO ===================== */
.ob-hero{position:relative;min-height:640px;overflow:hidden;background:var(--ob-ink);}
.ob-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;
	filter:grayscale(1) contrast(1.16) brightness(.92);}
.ob-hero__noise{position:absolute;inset:0;mix-blend-mode:overlay;opacity:.28;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='nh'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nh)'/%3E%3C/svg%3E");}
.ob-hero__scrim{position:absolute;inset:0;background:linear-gradient(96deg,rgba(20,20,20,.93) 0%,rgba(20,20,20,.62) 34%,rgba(20,20,20,.16) 66%,rgba(20,20,20,.05) 100%);}
.ob-hero__inner{position:relative;min-height:640px;display:flex;flex-direction:column;justify-content:center;
	padding:58px 50px 54px 70px;}
.ob-hero__eyebrow{display:inline-block;align-self:flex-start;background:#fff;color:var(--ob-ink);
	font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.08em;padding:7px 12px;margin-bottom:52px;}
.ob-hero__mark{position:relative;align-self:flex-start;width:min(70%,580px);}
.ob-hero__mark img{width:100%;height:auto;display:block;}
.ob-hero__sub{margin-top:52px;}
.ob-hero__sub p{font-size:22px;line-height:1.42;color:#fff;max-width:450px;margin:0;
	border-top:2px solid rgba(255,255,255,.85);padding-top:16px;}
.ob-hero__credit{position:absolute;right:0;bottom:0;background:var(--ob-ink);color:rgba(255,255,255,.78);
	font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.04em;padding:8px 14px;z-index:3;}
@media(max-width:900px){
	.ob-hero,.ob-hero__inner{min-height:520px;}
	.ob-hero__inner{padding:44px 30px 42px 34px;}
	.ob-hero__eyebrow{margin-bottom:46px;}
	.ob-hero__mark{width:64%;}
	.ob-hero__sub{margin-top:46px;}
}
@media(max-width:600px){
	.ob-hero__eyebrow{margin-bottom:40px;font-size:14.5px;letter-spacing:.04em;}
	.ob-hero__mark{width:84%;}
	.ob-hero__sub{flex-direction:column;align-items:flex-start;gap:12px;margin-top:40px;}
}

/* ===================== HERO als Cover-Block (editierbar) ===================== */
/* align-items:stretch -> Inner-Container füllt die volle Cover-Breite (sonst
   schrumpft er content-breit und der Hero-Inhalt sitzt nicht auf der Spalte).
   Vertikale Zentrierung bleibt über justify-content (WP-Default). */
.ob-herocover.wp-block-cover{min-height:640px;align-items:stretch !important;padding:0 !important;}
.ob-herocover .wp-block-cover__inner-container{align-self:stretch !important;padding-inline:var(--ob-gutter) !important;}
.ob-herocover img.wp-block-cover__image-background{filter:grayscale(1) contrast(1.16) brightness(.92);object-position:center 26%;}
.ob-herocover .wp-block-cover__background{background:linear-gradient(96deg,rgba(20,20,20,.93) 0%,rgba(20,20,20,.62) 34%,rgba(20,20,20,.16) 66%,rgba(20,20,20,.05) 100%)!important;opacity:1!important;}
.ob-herocover .wp-block-cover__inner-container{max-width:calc(var(--ob-colmax) + 2 * var(--ob-gutter));width:100%;margin-inline:auto;padding-block:58px 54px;padding-inline:var(--ob-gutter);text-align:left;}
.ob-herocover .wp-block-cover__inner-container > *{margin-left:0 !important;margin-right:0 !important;}
/* Hero-Hintergrund-Slideshow (Crossfade) */
.ob-herocover .ob-heroslide{position:absolute;inset:0;z-index:0;}
.ob-herocover .ob-heroslide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;filter:grayscale(1) contrast(1.16) brightness(.92);opacity:0;transition:opacity 1.1s ease;}
.ob-herocover .ob-heroslide img.is-active{opacity:1;}
.ob-herocover.has-slideshow > .wp-block-cover__image-background{opacity:0;}
.ob-herocover .ob-hero__eyebrow{display:inline-block;align-self:flex-start;background:#fff;color:var(--ob-ink);font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.08em;padding:9px 12px 5px;margin:0 0 52px;}
.ob-herocover .ob-hero__mark{width:min(70%,580px);margin:0;}
.ob-herocover .ob-hero__mark img{display:block;width:100%;height:auto;}
.ob-herocover p.ob-hero__sub{font-size:22px;line-height:1.42;color:#fff;max-width:450px;margin:52px 0 0;border-top:2px solid rgba(255,255,255,.85);padding-top:16px;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 14px rgba(0,0,0,.4);}
@media(max-width:900px){
	.ob-herocover.wp-block-cover{min-height:520px;}
	.ob-herocover .wp-block-cover__inner-container{padding:44px 30px 42px 34px;}
	.ob-herocover .ob-hero__mark{width:64%;}
}
@media(max-width:600px){.ob-herocover .ob-hero__mark{width:84%;}}

/* ===================== Sektion-Wrapper ===================== */
.ob-section{padding-block:64px 8px;}
@media(max-width:760px){.ob-section{padding-block:40px 8px;}}

/* WICHTIG – Kanten-Fluchtung: Diese Wrapper sind align:full und bekommen vom
   Theme (.has-global-padding > .alignfull) negative Margins -> sie würden sonst
   linksbündig statt zentriert sitzen und NICHT mit Header/Footer fluchten.
   margin auto erzwingt die Zentrierung auf max-width 1360 (= Content-Kante,
   identisch zu Header-Nav und Footer-Grid). */
.ob-section,.ob-pagehead,.ob-prose,.ob-ctabandwrap,.ob-mikro,.ob-band{
	margin-left:auto !important;margin-right:auto !important;
}

/* Core-Block-Korrektur: WP-Default-Vertikalmargins in OB-Grid/Flex-Containern
   entfernen, sonst werden Grid-/Flex-Zellen nach unten versetzt. */
.ob-intro > *,.ob-modgrid > *,.ob-mikro__card > *,.ob-modtile > *{margin-block-start:0;margin-block-end:0;}
.ob-intro__stmts > *{margin-block:0;}
.ob-modtile__label{margin:0;}
/* Core-Group/Columns: Standard-Außenabstände der OB-Sektionen zähmen */
.ob-section > *:not(.ob-h2):not(.ob-modgrid__head),.ob-mikro > *{margin-block:0;}

/* ===================== INTRO-BOX ===================== */
.ob-intro{display:grid;grid-template-columns:1.1fr .9fr;border:2px solid var(--ob-ink);background:#fff;
	box-shadow:7px 7px 0 rgba(20,20,20,.14);}
.ob-intro__left{padding:46px 46px;border-right:2px solid var(--ob-ink);}
.ob-intro__kicker{font-family:var(--ob-font-mono);font-size:15px;letter-spacing:.07em;color:var(--ob-grey);margin-bottom:18px;}
.ob-intro__h{font-weight:700;font-size:clamp(40px,5.4vw,68px);line-height:.82;letter-spacing:-.02em;margin:0 0 24px;}
.ob-intro__text{font-size:21px;line-height:1.5;margin:0;max-width:520px;text-wrap:pretty;}
.ob-intro__link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-weight:700;font-size:18px;
	color:var(--ob-magenta-ink);text-decoration:none;border-bottom:2px solid var(--ob-magenta-ink);padding-bottom:2px;}
.ob-intro__stmts{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;gap:26px;
	background:var(--ob-ink);color:#fff;}
.ob-intro__stmt{display:flex;align-items:center;gap:16px;font-weight:700;font-size:clamp(24px,3.6vw,28px);line-height:1.05;margin:0;}
.ob-intro__stmt i{width:20px;height:20px;flex:none;display:block;}
.ob-intro__stmt::before{content:"";width:20px;height:20px;flex:none;display:block;background:var(--ob-blau-wash);}
.ob-intro__stmt--blau i,.ob-intro__stmt--blau::before{background:var(--ob-blau-wash);}
.ob-intro__stmt--magenta i,.ob-intro__stmt--magenta::before{background:var(--ob-magenta-wash);}
.ob-intro__stmt--gelb i,.ob-intro__stmt--gelb::before{background:var(--ob-gelb);}
/* wenn ein <i> vorhanden ist (Altblock), kein Doppelquadrat */
.ob-intro__stmt:has(i)::before{display:none;}
@media(max-width:760px){
	.ob-intro{grid-template-columns:1fr;}
	.ob-intro__left{border-right:none;border-bottom:2px solid var(--ob-ink);padding:26px 20px;}
	.ob-intro__stmts{padding:26px 20px;gap:16px;}
}

/* ===================== MODULE-GRID ===================== */
.ob-modgrid__head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;flex-wrap:wrap;}
.ob-modgrid__head h2{font-weight:700;font-size:clamp(26px,3vw,36px);margin:0;}
.ob-modgrid__head span{font-family:var(--ob-font-mono);font-size:14.5px;color:var(--ob-grey);letter-spacing:.03em;}
.ob-modgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;}
.ob-modtile{display:flex;align-items:stretch;gap:13px;min-width:0;padding:14px 15px;min-height:104px;text-decoration:none;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
/* Kleine Bewegung bei Hover */
.ob-modtile--live:hover{transform:translateY(-5px);box-shadow:7px 9px 0 rgba(20,20,20,.22);}
.ob-modtile--live:hover .ob-modtile__cta{transform:translateX(3px);transition:transform .18s ease;}
.ob-modtile--soon:hover{transform:translateY(-3px);border-color:var(--ob-magenta);}
@media(prefers-reduced-motion:reduce){.ob-modtile,.ob-modtile__cta{transition:none;}.ob-modtile:hover{transform:none;}}
.ob-modtile__num{font-weight:700;font-size:34px;line-height:.95;flex:none;font-variant-numeric:lining-nums;}
.ob-modtile__label{font-weight:400;font-size:16px;line-height:1.22;min-width:0;display:flex;flex-direction:column;flex:1;}
.ob-modtile__cta{display:block;font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.06em;margin-top:auto;padding-top:10px;}
.ob-modtile--live{background:var(--ob-ink);color:#fff;border:2px solid var(--ob-ink);}
.ob-modtile--live .ob-modtile__cta{color:var(--ob-gelb);}
.ob-modtile--soon{background:#fff;color:#6F6E68;border:2px dashed #88867D;cursor:default;}
.ob-modtile--soon .ob-modtile__cta{color:var(--ob-magenta-ink);}
/* Kein Mitten-im-Wort-Trennen: lieber an Wortgrenzen umbrechen (wie Mobile). */
.ob-modtile__label{hyphens:manual;overflow-wrap:break-word;}
.ob-modtile__label a{color:inherit;text-decoration:none;}
.ob-modtile__num{margin:0;}
/* ganze Live-Kachel klickbar (Stretched-Link) */
.ob-modtile{position:relative;}
.ob-modtile--live .ob-modtile__label a::after{content:"";position:absolute;inset:0;z-index:1;}
.ob-modtile--live{cursor:pointer;}

/* Core-Buttons im OB-Stil absichern (Magenta + Weiß; Outline = Tinte) */
.wp-block-button:not(.is-style-outline) > .wp-block-button__link{background:var(--ob-magenta);color:#fff;border-radius:0;}
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover{background:var(--ob-ink);color:#fff;}
.wp-block-button.is-style-outline > .wp-block-button__link{background:#fff;color:var(--ob-ink);border:2px solid var(--ob-ink);border-radius:0;}
.wp-block-button.is-style-outline > .wp-block-button__link:hover{background:var(--ob-ink);color:#fff;}
/* Früher umbrechen, damit die Labels Platz haben (kein gequetschtes 5-Spalten-
   Raster mehr auf Tablet): 5 -> 3 -> 2 -> 1 Spalten. */
@media(max-width:1100px){.ob-modgrid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:720px){.ob-modgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.ob-modgrid{grid-template-columns:1fr;}}

/* ===================== ANS MIKRO TEASER ===================== */
.ob-mikro{max-width:1360px;margin:56px auto 0;padding:0 40px;}
.ob-mikro__card{display:grid;grid-template-columns:1.02fr .98fr;min-height:460px;text-decoration:none;
	color:#fff;background:var(--ob-ink);border:1px solid var(--ob-ink);overflow:hidden;}
.ob-mikro__text{padding:48px 46px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;}
.ob-mikro__wave{display:flex;align-items:flex-end;gap:4px;height:34px;margin-bottom:20px;}
.ob-mikro__wave span{width:5px;}
.ob-mikro__kicker{font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.08em;color:var(--ob-magenta-wash);margin-bottom:14px;}
.ob-mikro__h{font-weight:700;font-size:clamp(40px,5.4vw,72px);line-height:.9;margin:0 0 18px;}
.ob-mikro__text p{font-size:21px;line-height:1.5;color:rgba(255,255,255,.86);max-width:430px;margin:0 0 32px;}
.ob-mikro__btn{align-self:flex-start;display:inline-flex;align-items:center;gap:11px;background:var(--ob-magenta);
	color:#fff;font-weight:700;font-size:19px;padding:16px 28px;box-shadow:5px 5px 0 rgba(255,255,255,.16);}
.ob-mikro__img{position:relative;overflow:hidden;min-height:280px;}
.ob-mikro__img figure{margin:0;position:absolute;inset:0;}
.ob-mikro__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;
	filter:grayscale(1) contrast(1.16) brightness(.98);}
.ob-mikro__credit{position:absolute;right:0;bottom:0;background:var(--ob-ink);color:#fff;
	font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.04em;padding:8px 13px;}
@media(max-width:900px){
	.ob-mikro__card{grid-template-columns:1fr;min-height:0;}
	.ob-mikro__text{padding:36px 26px;}
	.ob-mikro__img{min-height:260px;}
}
@media(max-width:760px){.ob-mikro{padding:0 20px;}}

/* ===================== FOOTER ===================== */
.ob-footer{background:var(--ob-ink);color:#fff;margin-top:72px;padding:44px var(--ob-gutter) 36px;}
/* Header-Bildnachweis: letzte Zeile im weissen Bereich, direkt ueber dem Footer.
   Abstand zu den Modulen via padding-top; auf Home klebt der Footer ohne Luecke an. */
body.home .ob-footer{margin-top:0;}
.ob-fotonachweis{padding:52px var(--ob-gutter) 0;}
.ob-fotonachweis p{max-width:1280px;margin:0 auto;font-family:var(--ob-font-mono);font-size:12.5px;line-height:1.55;letter-spacing:.02em;color:#6F6E68;}
.ob-fotonachweis a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.ob-footer__grid{max-width:1280px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:30px 36px;
	justify-content:space-between;align-items:center;}
.ob-footer__brand{min-width:200px;}
.ob-footer__mark{display:flex;align-items:center;gap:12px;margin-bottom:18px;text-decoration:none;}
.ob-footer__mark .ob-wordmark{font-size:21px;top:0;}
.ob-footer__org{font-family:var(--ob-font-mono);font-size:14.5px;color:rgba(255,255,255,.5);line-height:1.7;margin:0;}
/* Instagram-Icon unten links in der Footer-Legal-Zeile. */
.ob-footer__ig{color:rgba(255,255,255,.72);}
.ob-footer__ig svg{width:18px;height:18px;}
.ob-footer__ig:hover,.ob-footer__ig:focus-visible{color:#fff;}
.ob-footer__cols{display:flex;gap:40px;flex-wrap:wrap;font-size:17px;line-height:2;}
.ob-footer__col{display:flex;flex-direction:column;}
.ob-footer__label{font-family:var(--ob-font-mono);font-size:14.5px;color:rgba(255,255,255,.5);letter-spacing:.06em;margin-bottom:6px;}
.ob-footer__col a{color:#fff;text-decoration:none;}
.ob-footer__col a:hover{box-shadow:inset 0 -2px 0 var(--ob-magenta);}
.ob-footer__legal{max-width:1280px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);
	display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 36px;
	font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.04em;color:rgba(255,255,255,.5);}
.ob-footer__legal-links{flex:1 1 300px;display:flex;gap:14px 16px;flex-wrap:wrap;align-items:center;}
.ob-footer__legal .ob-foerderer__card{flex:0 0 auto;}
.ob-footer__legal-links a{color:rgba(255,255,255,.72);text-decoration:none;}
.ob-footer__legal-links a:hover{color:#fff;}
.ob-footer__copy{opacity:.6;}
.ob-foerderer{max-width:var(--ob-colmax);margin-inline:auto;padding:28px 0 40px;text-align:left;}
/* Kompakte, zentrierte Box (hugt die Logos) statt weißer Bar über den ganzen
   Screen. fit-content + max-width:100% + flex-wrap -> responsive über alle
   Breakpoints. Logos wieder in lesbarer Größe (Förderauflage). */
.ob-foerderer__card{display:inline-flex;max-width:100%;background:#fff;padding:14px 30px;
	align-items:center;justify-content:center;gap:14px 30px;flex-wrap:wrap;box-sizing:border-box;
	text-align:left;vertical-align:top;}
.ob-foerderer__label{font-family:var(--ob-font-mono);font-size:13px;letter-spacing:.16em;
	text-transform:uppercase;color:#88867D;}
.ob-foerderer__card img{width:auto;max-width:100%;}
.ob-foerderer__card img[alt*="Kultur und Medien"]{height:82px;}
.ob-foerderer__card img[alt*="Aufarbeitung"]{height:36px;}
.ob-foerderer__card img[alt*="Jugend"]{height:66px;}
.ob-foerderer__sep{width:1px;height:38px;background:#E4E2DB;}
@media(max-width:560px){
	.ob-foerderer{text-align:center;}
	.ob-foerderer__card{gap:14px 20px;padding:16px 18px;}
	.ob-foerderer__sep{display:none;}
}
/* Tablet + Mobile: „Gefördert durch" auf eigene Zeile über die Logos,
   zentriert und mit etwas Abstand nach unten. */
@media(max-width:1024px){
	.ob-foerderer__label{flex:0 0 100%;width:100%;text-align:center;margin-bottom:10px;}
	.ob-foerderer__card{padding-top:28px;}
}

/* ===================== Reveal-Animationen (reduced-motion-sicher) ===================== */
@keyframes ob-sprayOn{from{opacity:0;filter:blur(15px);transform:scale(1.05)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes ob-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes ob-tagWrite{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.ob-motion [data-reveal]{opacity:0;}
.ob-motion [data-reveal].is-revealed{opacity:1;animation:ob-rise .6s ease both;}
.ob-motion .ob-hero__img[data-reveal].is-revealed,
.ob-motion .ob-mikro__img img[data-reveal].is-revealed{animation:ob-sprayOn 1.1s cubic-bezier(.2,.7,.2,1) both;}
@media(prefers-reduced-motion:reduce){
	[data-reveal]{opacity:1!important;animation:none!important;transform:none!important;filter:none!important;clip-path:none!important;}
}

/* ===================== Seitentitel-Kopf (Prosa) ===================== */
.ob-pagehead{padding-block:56px 8px;}
.ob-pagehead__kicker{font-family:var(--ob-font-mono);font-size:15px;letter-spacing:.07em;text-transform:uppercase;color:var(--ob-grey);margin:0 0 14px;}
.ob-pagehead h1{margin:0 0 18px;}
.ob-pagehead .ob-lead{max-width:760px;}
@media(max-width:760px){.ob-pagehead{padding-block:40px 8px;}}
/* Ans-Mikro: Recorder sitzt direkt unter dem Kopf -> minimaler Abstand statt 64px. */
#recorder.ob-section{padding-block-start:0;}
.ob-pagehead .ob-lead{margin-bottom:0;}

/* ===================== TERMINE ===================== */
.ob-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;}
.ob-chips__label{font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.06em;color:var(--ob-grey);margin-right:4px;}
.ob-chip{font-family:var(--ob-font-display);font-weight:600;font-size:16px;line-height:1;padding:9px 17px;border:2px solid var(--ob-ink);background:#fff;color:var(--ob-ink);cursor:pointer;}
.ob-chip:hover{background:var(--ob-paper-warm);}
.ob-chip.is-active{background:var(--ob-ink);color:#fff;}
.ob-ev.is-hidden{display:none;}
/* Termine-Block: Section ist full-bleed (Custom-Block ohne Layout-Klassen ->
   bekommt max-width:none vom Theme). Zentriert wird über den Inner-Wrapper,
   damit die Liste exakt mit Header/Footer/Content fluchtet (statt linksbündig). */
.ob-termine__inner{max-width:calc(var(--ob-colmax) + 2 * var(--ob-gutter));margin-inline:auto;padding-block:48px 8px;padding-inline:var(--ob-gutter);}
@media(max-width:760px){.ob-termine__inner{padding-block:36px 8px;}}
.ob-termine__list{border-top:1px solid #D8D6CE;}
.ob-ev{border-bottom:1px solid #D8D6CE;padding:24px 0;}
.ob-ev__row{display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:start;}
.ob-ev__date{display:flex;flex-direction:column;justify-content:center;text-align:center;border:2px solid var(--ob-blau);padding:12px 10px;min-width:0;}
.ob-ev__day{font-weight:700;font-size:30px;line-height:1.05;font-variant-numeric:lining-nums;white-space:nowrap;}
.ob-ev__month{font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.04em;color:var(--ob-grey);margin-top:4px;}
.ob-ev__badge{display:inline-block;background:var(--ob-blau);color:#fff;font-family:var(--ob-font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;margin-bottom:10px;}
.ob-ev__title{font-weight:700;font-size:clamp(22px,2.6vw,28px);line-height:1.1;margin:0 0 10px;}
.ob-ev__meta{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--ob-font-mono);font-size:15px;color:var(--ob-grey);}
.ob-ev__desc{margin:10px 0 0;font-size:17px;line-height:1.5;color:var(--ob-ink);max-width:64ch;}
.ob-ev__cta a{box-sizing:border-box;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:#fff;background:var(--ob-ink);padding:12px 18px;white-space:nowrap;}
.ob-ev__cta a:hover,.ob-ev__cta a:focus-visible{background:var(--ob-magenta);}
.ob-ev--magenta .ob-ev__cta a{background:var(--ob-magenta);}
.ob-ev--magenta .ob-ev__cta a:hover,.ob-ev--magenta .ob-ev__cta a:focus-visible{background:var(--ob-ink);}
.ob-ev--magenta .ob-ev__date{border-color:var(--ob-magenta);}
.ob-ev--magenta .ob-ev__badge{background:var(--ob-magenta);}
.ob-ev--gelb .ob-ev__date{border-color:var(--ob-gelb);}
.ob-ev--gelb .ob-ev__badge{background:var(--ob-gelb);color:var(--ob-ink);}
.ob-ev--gruen .ob-ev__date{border-color:var(--ob-gruen);}
.ob-ev--gruen .ob-ev__badge{background:var(--ob-gruen);}
.ob-termine__empty{font-size:20px;line-height:1.6;}
@media(max-width:900px){
	.ob-ev__row{grid-template-columns:1fr;gap:14px;align-items:flex-start;}
	.ob-ev__date{flex-direction:row;gap:10px;align-items:baseline;justify-content:flex-start;}
	.ob-ev__cta,.ob-ev__cta a{width:100%;justify-content:center;}
}

/* ===================== Inhaltsseiten (Prosa & Bausteine) ===================== */
/* Zentrierter Inhaltscontainer (1280), Lesespalte linksbündig unter dem Titel */
.ob-prose{padding-block:8px 0;}
.ob-prose>*{margin-block:0 1.1em;max-width:820px;}
.ob-prose>.ob-fragen,.ob-prose>.is-style-ostbronx-callout-blau{max-width:none;}
.ob-prose :where(p,li){font-size:21px;line-height:1.6;}
.ob-prose :where(h2){font-weight:700;font-size:clamp(28px,4vw,40px);line-height:1.05;margin:1.6em 0 .5em;letter-spacing:-.01em;}
.ob-prose :where(h3){font-weight:700;font-size:24px;margin:1.4em 0 .4em;}
.ob-prose :where(a){color:var(--ob-magenta-ink);}
/* .ob-prose: horizontal kommt aus --ob-edge; vertikal unverändert */

/* Fragen-Block (dunkel, farbige Quadrate) */
.ob-fragen{background:var(--ob-ink);color:#fff;padding:48px 44px;max-width:1280px;margin:24px auto 0;}
.ob-fragen :is(h2,h3,p,li,a){color:#fff;}
.ob-fragen h2{margin:0 0 24px;font-weight:700;font-size:clamp(26px,3.4vw,38px);line-height:1.05;}
.ob-fragen ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;}
.ob-fragen li{display:flex;align-items:center;gap:16px;font-weight:700;font-size:clamp(20px,2.4vw,26px);line-height:1.1;}
.ob-fragen li::before{content:"";width:18px;height:18px;flex:none;background:var(--ob-blau-wash);}
.ob-fragen li:nth-child(2)::before{background:var(--ob-magenta-wash);}
.ob-fragen li:nth-child(3)::before{background:var(--ob-gelb);}
.ob-fragen li:nth-child(4)::before{background:#fff;}
@media(max-width:760px){.ob-fragen{padding:30px 24px;}.ob-fragen ul{grid-template-columns:1fr;}}

/* Duotone-Bildband (Core-Image mit Klasse ob-duotone) */
.ob-band{max-width:1360px;margin:24px auto 0;padding:0 40px;}
figure.ob-duotone{margin:0;}
figure.ob-duotone figcaption{font-family:var(--ob-font-mono);font-size:14.5px;color:var(--ob-grey);margin-top:8px;}
@media(max-width:760px){.ob-band{padding:0 20px;}}

/* Kontakt-Definitionsliste */
.ob-deflist{display:grid;grid-template-columns:max-content 1fr;gap:6px 28px;font-size:19px;}
.ob-deflist dt{font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ob-grey);align-self:center;}
.ob-deflist dd{margin:0;font-weight:600;}
.ob-deflist a{color:var(--ob-magenta-ink);}
/* Definitionszeile als editierbarer Absatz */
.ob-defrow{font-size:19px;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;}
.ob-defrow .ob-dt{font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ob-grey);min-width:120px;}
.ob-defrow a{color:var(--ob-magenta-ink);}

/* Karten-Reihe (Was ihr bekommt / Ansprechpartner) */
.ob-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}

/* Download-Liste (Presse) */
.ob-downloads{list-style:none;margin:0;padding:0;border-top:1px solid var(--ob-border);}
.ob-downloads li{border-bottom:1px solid var(--ob-border);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px;}
.ob-downloads a{text-decoration:none;color:var(--ob-ink);font-weight:600;font-size:19px;}
.ob-downloads a:hover{color:var(--ob-magenta-ink);}
.ob-downloads .ob-dl-demo{font-family:var(--ob-font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ob-grey);}

/* ===================== Buchen / Ans Mikro ===================== */
/* „Was ihr bekommt": kompakter & leichter als die Schritt-Boxen darunter */
/* „Was ihr bekommt" als EIN kompakter Block (Liste + gruppierte Eckdaten) */
.ob-bekommt-box{background:var(--ob-paper-warm);border-top:4px solid var(--ob-magenta);padding:22px 26px;margin-bottom:8px;}
.ob-bekommt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.ob-bekommt-list li{font-size:18.5px;line-height:1.55;color:var(--ob-ink);padding:0;}
.ob-bekommt-list li::marker{content:none;}
.ob-bekommt-list li strong{font-weight:700;}
/* Eckdaten gruppiert (2 Spalten), klar abgesetzt – nicht mehr „fliegend" */
.ob-bekommt-box .ob-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 30px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(20,20,20,.14);}
.ob-bekommt-box .ob-specs p{font-size:17px;line-height:1.45;margin:0;color:var(--ob-ink);}
.ob-bekommt-box .ob-specs__k{font-family:var(--ob-font-mono);font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--ob-magenta-ink);display:block;margin-bottom:2px;}
@media(max-width:680px){.ob-bekommt-box .ob-specs{grid-template-columns:1fr;}}
.ob-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
/* „So läuft die Buchung": farbliche Abschnitte (je Schritt eine Zonenfarbe) */
.ob-step{border:0;border-top:5px solid var(--ob-ink);padding:22px 22px;background:#F4F2EC;}
.ob-step:nth-child(1){border-top-color:var(--ob-blau);background:#ECF3F8;}
.ob-step:nth-child(2){border-top-color:var(--ob-magenta);background:#FBEAF2;}
.ob-step:nth-child(3){border-top-color:var(--ob-gelb);background:#FBF3D6;}
.ob-step__n{font-family:var(--ob-font-mono);font-size:16px;letter-spacing:.05em;color:var(--ob-magenta-ink);font-weight:700;}
.ob-step:nth-child(1) .ob-step__n{color:var(--ob-blau);}
.ob-step:nth-child(3) .ob-step__n{color:#8A6B00;}
.ob-step h3{margin:.3em 0 .4em;font-weight:700;font-size:22px;}
.ob-step p{margin:0;font-size:18px;line-height:1.5;}
.ob-voices{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.ob-voice{border:2px solid var(--ob-ink);padding:24px 22px;background:var(--ob-paper-warm);}
.ob-voice__dur{font-family:var(--ob-font-mono);font-size:14.5px;color:var(--ob-magenta-ink);}
.ob-voice__q{font-size:20px;line-height:1.4;margin:10px 0;}
.ob-voice__who{font-family:var(--ob-font-mono);font-size:14.5px;color:var(--ob-grey);}
@media(max-width:760px){.ob-voices{grid-template-columns:1fr;}}
.ob-recorder{border:2px dashed var(--ob-magenta);background:#FFF0F7;padding:40px 32px;text-align:center;}
/* Aktiver Recorder (iframe da): Box im Stil der „Lieber persönlich?"-Sidebar
   (ob-buchen-side), links ausgerichtet, Breite auf den mobil-optimierten
   Legendly-Frame begrenzt. */
.ob-recorder:has(iframe){width:fit-content;max-width:100%;margin-inline:0;text-align:left;
	border:2px solid var(--ob-ink);background:var(--ob-paper-warm);padding:24px 22px;}
.ob-recorder__icon{font-size:40px;line-height:1;}
.ob-recorder h3{margin:.4em 0;font-weight:700;font-size:24px;}
.ob-recorder p{margin:0 auto;max-width:46ch;font-size:18px;line-height:1.5;color:var(--ob-ink);}
/* Legendly-Frame ist fürs Smartphone optimiert -> Breite begrenzen + zentrieren.
   Zielbreite per Variable, damit sie sich leicht an den Screenshot anpassen lässt. */
.ob-recorder{--ob-recorder-w:480px;}
.ob-recorder iframe{width:var(--ob-recorder-w);max-width:100%;border:0;min-height:760px;display:block;}
/* Block ausblenden, ohne ihn zu löschen (Editor/DB bleiben erhalten). */
.ob-hidden{display:none;}
.ob-buchen-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:40px;align-items:start;}
.ob-buchen-side{border:2px solid var(--ob-ink);padding:24px 22px;background:var(--ob-paper-warm);}
.ob-side-img{margin:20px 0 0;}
.ob-side-img img{width:100%;height:auto;display:block;filter:grayscale(1) contrast(1.05);}
.ob-side-credit{font-family:var(--ob-font-mono);font-size:13.5px;line-height:1.45;color:var(--ob-grey);margin:6px 0 0;}
@media(max-width:900px){.ob-buchen-grid{grid-template-columns:1fr;}}

/* Fluent Forms – OB-Stil (kantig, Super Grotesk, Magenta-Button) */
.fluentform .ff-el-input--label label,.fluentform label{font-family:var(--ob-font-mono);font-size:14.5px;letter-spacing:.03em;color:var(--ob-ink);font-weight:600;}
.fluentform input[type=text],.fluentform input[type=email],.fluentform input[type=tel],.fluentform select,.fluentform textarea{
	border:2px solid var(--ob-ink)!important;border-radius:0!important;font-size:17px!important;padding:12px 14px!important;
	font-family:var(--ob-font-display)!important;background:#fff!important;color:var(--ob-ink)!important;box-shadow:none!important;}
.fluentform input:focus,.fluentform select:focus,.fluentform textarea:focus{outline:2px solid var(--ob-magenta)!important;outline-offset:1px;border-color:var(--ob-magenta)!important;}
.fluentform .ff-btn-submit,.fluentform button[type=submit]{background:var(--ob-magenta)!important;color:#fff!important;border-radius:0!important;
	font-family:var(--ob-font-display)!important;font-weight:700!important;font-size:17px!important;padding:14px 24px!important;border:0!important;}
.fluentform .ff-btn-submit:hover,.fluentform button[type=submit]:hover{background:var(--ob-ink)!important;}
.ob-form-placeholder{font-family:var(--ob-font-mono);color:var(--ob-grey);border:2px dashed var(--ob-border);padding:18px;}

/* ===================== CTA-Band (Core-Group .ob-ctaband) ===================== */
.ob-ctabandwrap{padding-block:8px 0;}
.ob-ctaband{background:var(--ob-ink);color:#fff;padding:40px 44px;display:flex;gap:24px 36px;
	justify-content:space-between;align-items:center;flex-wrap:wrap;}
.ob-ctaband :where(h2){margin:0 0 8px;font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1.05;}
.ob-ctaband :where(p){margin:0;color:rgba(255,255,255,.82);max-width:60ch;font-size:19px;line-height:1.5;}
.ob-ctaband__text{min-width:260px;}
@media(max-width:760px){.ob-ctaband{padding:30px 24px;}}

/* ===================== Barrierefreiheit (A11y-Audit) ===================== */
/* Visuell verstecktes Element für Screenreader (z. B. Seiten-H1 der Startseite). */
.ob-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
	clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}
/* Die versteckte h1 darf keinen Flow-Block-Abstand am folgenden Hero erzeugen
   (sonst weißer Spalt zwischen Nav und Hero). */
.ob-sr-only + *{margin-block-start:0!important;}

/* Pause/Play der Hero-Slideshow (WCAG 2.2.2 A: automatische Bewegung stoppbar). */
.ob-heroslide__toggle{position:absolute;right:16px;bottom:16px;z-index:6;width:44px;height:44px;
	display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
	background:rgba(20,20,20,.72);color:#fff;border:2px solid rgba(255,255,255,.6);
	font-family:var(--ob-font-mono);font-size:13px;line-height:1;}
.ob-heroslide__toggle:hover,.ob-heroslide__toggle:focus-visible{background:var(--ob-magenta);border-color:#fff;}
.ob-heroslide__toggle svg{display:block;width:16px;height:16px;fill:currentColor;pointer-events:none;}

@media(prefers-reduced-motion:reduce){
	.ob-caret,.ob-moduledd[open] .ob-caret{transition:none!important;}
	.ob-heroslide img{transition:none!important;}
}

/* Leichte-Sprache-Bilder: als Block über dem Text (kein Umfließen). */
.ob-prose .ob-ls-img{max-width:520px;margin:10px 0 24px;}
.ob-prose .ob-ls-img img{width:100%;height:auto;display:block;}
.ob-prose .ob-ls-img figcaption{font-family:var(--ob-font-mono);font-size:14px;line-height:1.4;color:var(--ob-grey);margin-top:6px;text-align:left;}