/*
Theme Name: Beauty/Aesthetic Editorial for Jannah
Theme URI: https://beauty-aesthetic.de/
Description: Updatefeste Editorial-Gestaltung. Jannah bleibt Parent-Theme und stellt Autoload, Slider, Anzeigen, Suche, Shortcodes und Theme-Optionen bereit.
Author: Beauty/Aesthetic Redaktion
Template: jannah
Version: 1.4.4
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: beauty-aesthetic-jannah
*/

:root {
  --bae-paper: #fff;
  --bae-ink: #070707;
  --bae-blue: #2457ff;
  --bae-line: #cdd0d6;
  --bae-soft: #f7f8fb;
  --bae-muted: #676b73;
  --bae-serif: "Bodoni MT", Didot, "Iowan Old Style", "Times New Roman", serif;
  --bae-sans: Arial, Helvetica, sans-serif;
  --bae-condensed: "Arial Narrow", "Helvetica Neue Condensed", Arial, sans-serif;
}

body.bae-jannah-editorial { background: #f1f1f3; color: var(--bae-ink); }
.bae-jannah-editorial #tie-container { max-width: 1400px; margin: 0 auto; background: #fff; box-shadow: 0 0 70px rgba(7,7,7,.06); }
.bae-jannah-editorial a { transition: color .2s ease, background .2s ease, border-color .2s ease; }
.bae-jannah-editorial .ba-ai-disclosure { display: none !important; }
.bae-jannah-editorial .ba-ai-disclosure-host { position: relative !important; }
.bae-jannah-editorial .ba-ai-disclosure-host > .ba-ai-disclosure { position: absolute !important; top: auto !important; right: 8px !important; bottom: 8px !important; left: auto !important; z-index: 8; display: block !important; width: auto !important; height: auto !important; min-height: 0 !important; max-width: calc(100% - 16px); margin: 0 !important; padding: 5px 8px !important; border: 1px solid rgba(255,255,255,.28); border-radius: 2px; background: rgba(7,9,16,.78) !important; box-shadow: 0 3px 14px rgba(0,0,0,.2); color: #fff !important; opacity: 1 !important; visibility: visible !important; transform: none !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important; font-size: 10px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: .01em !important; line-height: 1.15 !important; text-align: right !important; text-decoration: none !important; text-transform: none !important; white-space: normal; pointer-events: none; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.bae-jannah-editorial .ba-ai-disclosure-host.bae-ai-disclosure-host--compact > .ba-ai-disclosure { right: 4px !important; bottom: 4px !important; max-width: calc(100% - 8px); padding: 3px 4px !important; font-size: 6px !important; line-height: 1.05 !important; }
.bae-jannah-editorial .ba-ai-disclosure-host:has(.ba-ai-disclosure-host) > .ba-ai-disclosure { display: none !important; }
.bae-jannah-editorial .bae-ai-image-frame { display: inline-block; max-width: 100%; overflow: hidden; line-height: 0; vertical-align: top; }

/* Jannah-Kopfbereich: Struktur und Funktionen bleiben unverändert. */
.bae-jannah-editorial #theme-header { background: #fff; box-shadow: none; }
.bae-jannah-editorial #theme-header .header-container,
.bae-jannah-editorial #main-nav > .container { width: 100%; max-width: 1400px; }
.bae-jannah-editorial #theme-header .header-container { padding-inline: 24px; }
.bae-jannah-editorial #theme-header .logo-row { min-height: 126px; display: flex; align-items: center; }
.bae-jannah-editorial #theme-header .logo-wrapper,
.bae-jannah-editorial #theme-header .logo-container { width: 100%; max-width: none; float: none; }
.bae-jannah-editorial #logo { line-height: 1; }
.bae-jannah-editorial #logo a { display: inline-block; width: auto; height: auto; color: var(--bae-ink); }
.bae-jannah-editorial #logo picture { display: none; }
.bae-jannah-editorial #logo a::before { content: "BEAUTY/AESTHETIC."; display: block; font-family: var(--bae-serif); font-size: clamp(3rem,6.1vw,6.5rem); font-weight: 400; letter-spacing: -.075em; line-height: .84; white-space: nowrap; }
.bae-jannah-editorial #main-nav { min-height: 66px; border-top: 1px solid var(--bae-ink); border-bottom: 1px solid var(--bae-ink); box-shadow: none; background: linear-gradient(90deg,rgba(251,236,241,.48),rgba(255,255,255,.97) 48%,rgba(237,241,253,.58)); }
.bae-jannah-editorial #main-nav .main-menu > ul > li > a { min-height: 65px; padding-inline: clamp(14px,1.8vw,28px); color: var(--bae-ink); font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",Arial,sans-serif; font-size: 15px; font-weight: 600; letter-spacing: .055em; text-transform: uppercase; }
.bae-jannah-editorial #main-nav .main-menu > ul > li > a:hover,
.bae-jannah-editorial #main-nav .main-menu > ul > li.current-menu-item > a { color: var(--bae-blue); }
.bae-jannah-editorial #main-nav .tie-menu-icon { color: var(--bae-blue); }
.bae-jannah-editorial #main-nav .menu-sub-content { border-top: 2px solid var(--bae-blue); border-radius: 0; box-shadow: 0 20px 48px rgba(0,0,0,.1); }
.bae-jannah-editorial #main-nav.fixed-nav { right: auto !important; left: max(0px,calc((100% - 1400px)/2)) !important; width: min(100%,1400px) !important; max-width: 1400px !important; }

/* Editoriale Jannah-Startseite */
.bae-home { width: 100%; max-width: 1400px; margin: 0 auto; overflow: hidden; background: radial-gradient(circle at 7% 18%,rgba(247,220,227,.13),transparent 25%),radial-gradient(circle at 94% 32%,rgba(216,223,247,.13),transparent 27%),#fff; font-family: var(--bae-sans); }
.bae-home *, .bae-editorial-footer * { box-sizing: border-box; }
.bae-home img { display: block; width: 100%; height: auto; }
.bae-home a { color: inherit; text-decoration: none; }
.bae-home h1,.bae-home h2,.bae-home h3,.bae-home .bae-rail-story strong { overflow-wrap: normal !important; word-break: normal !important; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 7 3 3; hyphenate-limit-lines: 2; text-wrap: balance; }
.bae-eyebrow { margin: 0 0 18px; color: var(--bae-blue); font-family: var(--bae-condensed); font-size: .76rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.bae-hero { min-height: 570px; display: grid; grid-template-columns: minmax(370px,1fr) minmax(460px,1.28fr) minmax(290px,.62fr); border-bottom: 1px solid var(--bae-ink); }
.bae-hero-copy { display: flex; min-width: 0; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(30px,4vw,64px) clamp(24px,3vw,54px); border-right: 1px solid var(--bae-line); background: radial-gradient(circle at 10% 16%,rgba(248,216,223,.22),transparent 35%),radial-gradient(circle at 92% 86%,rgba(215,222,246,.2),transparent 38%),linear-gradient(180deg,#fff,#fffefe); }
.bae-hero-copy h1 { max-width: 680px; margin: 0; color: var(--bae-ink); font-family: var(--bae-serif); font-size: clamp(2.8rem,4vw,4.16rem); font-weight: 400; letter-spacing: -.055em; line-height: .96; }
.bae-hero-copy h1 span,.bae-editorial-note h2 span,.bae-decision-intro h2 span { color: var(--bae-blue); }
.bae-hero-copy > p:not(.bae-eyebrow) { max-width: 520px; margin: 22px 0 26px; font-size: clamp(1rem,1.25vw,1.3rem); line-height: 1.5; }
.bae-text-link { display: inline-flex; align-items: center; gap: 18px; padding-bottom: 5px; border-bottom: 2px solid var(--bae-blue); font-family: var(--bae-condensed); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.bae-hero-image { position: relative; min-width: 0; overflow: hidden; border-right: 1px solid var(--bae-line); background: var(--bae-soft); }
.bae-hero-image img { height: 100%; object-fit: cover; filter: saturate(.92) contrast(1.03); transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.bae-hero-keyvisual img { object-position: 50% 43%; filter: saturate(.96) contrast(1.025); }
.bae-hero-image:hover img { transform: scale(1.025); }
.bae-hero-image > span { position: absolute; right: 18px; bottom: 18px; padding: 7px 10px; background: #fff; font-family: var(--bae-condensed); font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bae-hero-keyvisual > span:not(.ba-ai-disclosure) { bottom: 47px; }
.bae-hero-rail { min-width: 0; padding: 22px 20px; background: radial-gradient(circle at 92% 10%,rgba(217,224,248,.22),transparent 35%),radial-gradient(circle at 10% 92%,rgba(249,221,226,.18),transparent 34%),linear-gradient(145deg,#fff,#fcfcff); }
.bae-rail-title { display: flex; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--bae-line); font-family: var(--bae-condensed); font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bae-rail-story { display: grid; grid-template-columns: 42% 1fr auto; align-items: center; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--bae-line); }
.bae-rail-story img { aspect-ratio: 1.2; object-fit: cover; }
.bae-rail-story small { display: block; margin-bottom: 5px; color: var(--bae-blue); font-family: var(--bae-condensed); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.bae-rail-story strong { display: block; font-family: var(--bae-serif); font-size: clamp(1rem,1.3vw,1.35rem); font-weight: 400; line-height: 1.05; }
.bae-rail-story i { color: var(--bae-blue); font-style: normal; }
.bae-category-band { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--bae-ink); background: linear-gradient(90deg,rgba(251,236,241,.55),rgba(255,255,255,.96) 48%,rgba(237,241,253,.62)); }
.bae-category-band a { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; min-height: 76px; padding: 0 24px; border-right: 1px solid var(--bae-ink); font-family: var(--bae-condensed); font-size: 1.25rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.bae-category-band a:last-child { border-right: 0; }
.bae-category-band a span { color: var(--bae-blue); font-size: .68rem; }
.bae-category-band a i { font-style: normal; }
.bae-category-band a:hover { background: var(--bae-blue); color: #fff; }
.bae-category-band a:hover span { color: #fff; }
.bae-editorial-section { padding: clamp(46px,5vw,78px) 24px; scroll-margin-top: 70px; }
#bae-haare { background: radial-gradient(circle at 6% 80%,rgba(249,218,225,.2),transparent 32%),radial-gradient(circle at 94% 12%,rgba(216,223,248,.18),transparent 35%),linear-gradient(180deg,#fff,#fffefe); }
#bae-tattoo { background: radial-gradient(circle at 90% 78%,rgba(247,216,225,.19),transparent 34%),radial-gradient(circle at 8% 12%,rgba(215,223,248,.2),transparent 34%),linear-gradient(160deg,#fcfdff,#fff 48%,#fffdfd); }
#bae-piercing { background: radial-gradient(circle at 8% 74%,rgba(216,224,249,.2),transparent 34%),radial-gradient(circle at 92% 18%,rgba(249,219,225,.2),transparent 33%),linear-gradient(150deg,#fff,#fcfdff 52%,#fffdfd); }
.bae-section-head { display: grid; grid-template-columns: 70px 1fr minmax(240px,390px); align-items: end; gap: 24px; margin-bottom: 30px; padding-bottom: 14px; border-bottom: 1px solid var(--bae-ink); }
.bae-section-head > span { color: var(--bae-blue); font-family: var(--bae-condensed); font-weight: 700; }
.bae-section-head h2 { margin: 0; color: var(--bae-ink); font-family: var(--bae-serif); font-size: clamp(2.08rem,3.04vw,3.84rem); font-weight: 400; letter-spacing: -.045em; line-height: .98; }
.bae-section-head p { margin: 0; font-size: .95rem; line-height: 1.5; }
.bae-story-layout { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: stretch; }
.bae-story-card { min-width: 0; height: 100%; display: flex; flex-direction: column; }
.bae-story-image { display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--bae-soft); }
.bae-story-image img { height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.8,.2,1),filter .25s; }
.bae-story-card:hover .bae-story-image img { transform: scale(1.025); filter: contrast(1.05); }
.bae-story-card--large { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); gap: 28px; align-items: end; padding-bottom: 24px; border-bottom: 1px solid var(--bae-ink); }
.bae-story-card--large .bae-story-image { aspect-ratio: 16/8.4; }
.bae-story-body { flex: 1; display: flex; flex-direction: column; padding-top: 14px; }
.bae-story-card--large .bae-story-body { padding-top: 0; }
.bae-story-body .bae-eyebrow { margin-bottom: 10px; }
.bae-story-body h3 { margin: 0; color: var(--bae-ink); font-family: var(--bae-serif); font-size: clamp(1.08rem,1.44vw,1.72rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.08; }
.bae-story-card--large h3 { font-size: clamp(1.36rem,1.84vw,2.4rem); }
.bae-story-meta { display: flex; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--bae-line); font-family: var(--bae-condensed); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.bae-story-meta a { color: var(--bae-blue); font-size: 1.15rem; }
.bae-editorial-note { display: grid; grid-template-columns: .45fr 1.15fr 1fr; align-items: center; gap: 34px; padding: clamp(34px,4vw,58px) 24px; border-block: 1px solid var(--bae-ink); background: radial-gradient(circle at 9% 50%,rgba(248,216,223,.25),transparent 31%),radial-gradient(circle at 89% 45%,rgba(213,222,249,.24),transparent 33%),linear-gradient(90deg,#fffdfd,#fbfcff); }
.bae-editorial-note .bae-eyebrow { margin: 0; }
.bae-editorial-note h2 { margin: 0; color: var(--bae-ink); font-family: var(--bae-serif); font-size: clamp(1.92rem,2.8vw,3.68rem); font-weight: 400; letter-spacing: -.045em; line-height: .98; }
.bae-editorial-note > p:last-child { max-width: 520px; margin: 0; }
.bae-decision-desk { display: grid; grid-template-columns: .72fr 1.28fr; border-block: 1px solid var(--bae-ink); }
.bae-decision-intro { padding: clamp(36px,4vw,58px) 24px; background: var(--bae-blue); color: #fff; }
.bae-decision-intro .bae-eyebrow { color: #fff; opacity: .82; }
.bae-decision-intro h2 { max-width: 560px; margin: 0 0 22px; color: #fff; font-family: var(--bae-serif); font-size: clamp(2.24rem,3.2vw,3.84rem); font-weight: 400; letter-spacing: -.05em; line-height: .98; }
.bae-decision-intro h2 span { color: var(--bae-ink); }
.bae-decision-intro p:last-child { margin: 0; }
.bae-decision-links { display: grid; grid-template-columns: 1fr 1fr; background: radial-gradient(circle at 84% 10%,rgba(219,225,248,.2),transparent 35%),radial-gradient(circle at 16% 88%,rgba(249,221,226,.18),transparent 36%),#fff; }
.bae-decision-links a { display: grid; grid-template-columns: 40px 1fr auto; align-content: center; gap: 8px 18px; min-height: 164px; padding: 24px; border-right: 1px solid var(--bae-ink); border-bottom: 1px solid var(--bae-ink); }
.bae-decision-links a:nth-child(even) { border-right: 0; }
.bae-decision-links a:nth-last-child(-n+2) { border-bottom: 0; }
.bae-decision-links a:hover { background: rgba(242,244,255,.8); }
.bae-decision-links span:first-child { grid-row: 1/3; color: var(--bae-blue); font-family: var(--bae-condensed); font-weight: 700; }
.bae-decision-links strong { color: var(--bae-ink); font-family: var(--bae-serif); font-size: clamp(2rem,3vw,3.4rem); font-weight: 400; line-height: 1; }
.bae-decision-links small { grid-column: 2; }
.bae-decision-links i { grid-column: 3; grid-row: 1/3; align-self: center; color: var(--bae-blue); font-style: normal; font-size: 1.4rem; }

/* Jannah-Beiträge: ausschließlich visuelle Erweiterung; Parent-Markup bleibt. */
.single-post.bae-jannah-editorial #content { width: 100%; max-width: 1400px; margin-top: 0 !important; padding: clamp(16px,1.8vw,24px) 24px clamp(30px,4vw,60px); background: radial-gradient(circle at 3% 35%,rgba(247,219,227,.14),transparent 24%),radial-gradient(circle at 98% 70%,rgba(217,224,249,.16),transparent 27%),#fff; }
.single-post.bae-jannah-editorial #the-post,
.single-post.bae-jannah-editorial .tie-autoloaded-post { max-width: 1080px; margin: 0 auto 12px; padding: 0; overflow: hidden; border: 0; border-radius: 0; box-shadow: none; background: #fff; }
.single-post.bae-jannah-editorial .entry-header-outer { padding: clamp(22px,2.5vw,34px) clamp(22px,5vw,64px) 28px; border-bottom: 1px solid var(--bae-ink); background: radial-gradient(circle at 8% 74%,rgba(247,217,225,.22),transparent 30%),radial-gradient(circle at 92% 8%,rgba(216,224,249,.23),transparent 34%),#fff; }
.single-post.bae-jannah-editorial .entry-header-outer > .google-auto-placed:has(.adsbygoogle[data-ad-status="unfilled"]) { display: none !important; height: 0 !important; margin: 0 !important; overflow: hidden !important; }
.single-post.bae-jannah-editorial .entry-header { padding: 0; }
.single-post.bae-jannah-editorial .post-title.entry-title { max-width: 970px; margin: 18px 0 16px; color: var(--bae-ink); font-family: var(--bae-serif); font-size: clamp(2.6rem,5.12vw,5.28rem); font-weight: 400; letter-spacing: -.06em; line-height: 1.08; overflow-wrap: break-word; hyphens: auto; }
.single-post.bae-jannah-editorial .post-meta { color: var(--bae-muted); font-family: var(--bae-condensed); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.single-post.bae-jannah-editorial .entry-content { width: calc(100% - 36px); max-width: 1014px; margin: 0 auto; padding: clamp(48px,6vw,86px) 0 clamp(18px,1.6vw,24px); color: #171717; font-family: Georgia,"Times New Roman",serif; font-size: clamp(1.06rem,1.25vw,1.22rem); line-height: 1.78; }
.single-post.bae-jannah-editorial.is-ajax-loaded-post #content { padding-top: 0; }
.single-post.bae-jannah-editorial.is-ajax-loaded-post .entry-header-outer { padding-top: 18px; }
.single-post.bae-jannah-editorial .entry-content > p:first-of-type { font-size: clamp(1.2rem,1.65vw,1.45rem); line-height: 1.62; }
.single-post.bae-jannah-editorial .entry-content p { margin-bottom: 1.15em; }
.single-post.bae-jannah-editorial .entry-content h2,
.single-post.bae-jannah-editorial .entry-content h3,
.single-post.bae-jannah-editorial .entry-content h4 { clear: both; color: var(--bae-ink); font-family: var(--bae-serif); font-weight: 400; letter-spacing: -.035em; line-height: 1.08; scroll-margin-top: 90px; }
.single-post.bae-jannah-editorial .entry-content h2 { margin: .68em 0 .38em; padding-top: .28em; border-top: 1px solid var(--bae-ink); font-size: clamp(2.16rem,4vw,3.84rem); }
.single-post.bae-jannah-editorial .entry-content h3 { margin: .86em 0 .36em; font-size: clamp(1.6rem,2.56vw,2.48rem); line-height: 1.12; }
.single-post.bae-jannah-editorial .entry-content h4 { margin: .82em 0 .35em; font-size: 1.65rem; }
.single-post.bae-jannah-editorial .entry-content a { color: var(--bae-blue); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.single-post.bae-jannah-editorial .entry-content blockquote { margin: 2.1em 0; padding: .7em 0 .7em clamp(24px,4vw,52px); border-left: 4px solid var(--bae-blue); font-family: var(--bae-serif); font-size: clamp(1.8rem,3.5vw,3.25rem); letter-spacing: -.035em; line-height: 1.06; }
.single-post.bae-jannah-editorial .entry-content figure,
.single-post.bae-jannah-editorial .entry-content .wp-caption { max-width: 100%; margin: 2.4em 0; }
.single-post.bae-jannah-editorial .entry-content img { border-radius: 0; }
.single-post.bae-jannah-editorial .entry-content figcaption,
.single-post.bae-jannah-editorial .entry-content .wp-caption-text { color: var(--bae-muted); font-family: var(--bae-sans); font-size: .72rem; line-height: 1.45; }
.single-post.bae-jannah-editorial .entry-content .bae-article-lead-media { position: relative; clear: both; float: none !important; display: block !important; width: 100% !important; max-width: none !important; margin: 0 0 clamp(42px,5vw,68px) !important; padding: 0 !important; }
.single-post.bae-jannah-editorial .entry-content .bae-article-lead-figure { float: none !important; display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
.single-post.bae-jannah-editorial .entry-content .bae-article-lead-media .ba-ai-disclosure-host,
.single-post.bae-jannah-editorial .entry-content .bae-article-lead-media a { display: block !important; width: 100% !important; max-width: none !important; }
.single-post.bae-jannah-editorial .entry-content .bae-article-lead-media img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16/9; margin: 0 !important; border-bottom: 3px solid var(--bae-blue); background: var(--bae-soft); box-shadow: 0 22px 55px rgba(7,7,7,.12); object-fit: cover; object-position: center; }
.single-post.bae-jannah-editorial .entry-content .bae-article-lead-media figcaption,
.single-post.bae-jannah-editorial .entry-content .bae-article-lead-media .wp-caption-text { margin: 0; padding: 13px 2px 0; border: 0; color: var(--bae-muted); font-size: .72rem; letter-spacing: .015em; }
.single-post.bae-jannah-editorial .entry-content table { width: 100%; margin: 2em 0; border-collapse: collapse; font-family: var(--bae-sans); font-size: .92rem; }
.single-post.bae-jannah-editorial .entry-content th,
.single-post.bae-jannah-editorial .entry-content td { padding: 12px 10px; border-bottom: 1px solid var(--bae-line); text-align: left; vertical-align: top; }
.single-post.bae-jannah-editorial .entry-content th { border-bottom-color: var(--bae-ink); font-family: var(--bae-condensed); letter-spacing: .05em; text-transform: uppercase; }
.single-post.bae-jannah-editorial #toc_container { max-width: 100%; margin: 2em 0; padding: 18px 22px; border: 1px solid var(--bae-line); border-radius: 0; background: linear-gradient(145deg,#fffafa,#f8f9ff); }
.single-post.bae-jannah-editorial .stream-item-in-post { max-width: 100%; }
.bae-faq-list,.rank-math-block,.schema-faq,.wp-block-yoast-faq-block,.wp-block-aioseo-faq-block { margin: 1.6em 0 2.1em; border-bottom: 1px solid var(--bae-ink); }
.bae-faq-item,.rank-math-list-item,.schema-faq-section,.wp-block-aioseo-faq,.aioseo-faq-block,.faq-item { margin: 0 !important; border-top: 1px solid var(--bae-ink); }
.bae-faq-question { width: 100%; display: flex; justify-content: space-between; gap: 22px; align-items: center; padding: 18px 4px; border: 0; background: transparent; color: var(--bae-ink); font-family: var(--bae-serif); font-size: clamp(1.18rem,1.6vw,1.5rem); line-height: 1.18; text-align: left; cursor: pointer; }
.bae-faq-question:hover,.bae-faq-question:focus-visible,.bae-faq-question[aria-expanded="true"] { color: var(--bae-blue); }
.bae-faq-question:focus-visible { outline: 2px solid var(--bae-blue); outline-offset: 4px; }
.bae-faq-question > span:last-child { color: var(--bae-blue); font-family: var(--bae-sans); font-size: 1.6rem; }
.bae-faq-answer { padding: 0 4px 18px; }
.bae-faq-answer > :last-child { margin-bottom: 0; }
.bae-faq-answer[hidden] { display: none; }
.single-post.bae-jannah-editorial .entry-content details { margin: 0; padding: 18px 4px; border-top: 1px solid var(--bae-ink); }
.single-post.bae-jannah-editorial .entry-content details:last-of-type { border-bottom: 1px solid var(--bae-ink); }
.single-post.bae-jannah-editorial .entry-content details summary { color: var(--bae-ink); font-family: var(--bae-serif); font-size: clamp(1.18rem,1.6vw,1.5rem); cursor: pointer; }

/* Kategorie-Editorial: große H1/H2 analog um rund 20 Prozent reduziert. */
body.category.bae-jannah-editorial .ba-category-editorial h1 { font-size: clamp(30.4px,3.2vw,43.2px) !important; }
body.category.bae-jannah-editorial #masonry-grid .entry-title { font-size: 19.2px !important; }

/* Jannah nutzt diese beiden Elemente nur zum Messen von Spalten und Abstand.
   Im CSS-Grid dürfen sie keine sichtbaren Rasterplätze belegen. */
body.category.bae-jannah-editorial #masonry-grid > .grid-sizer,
body.category.bae-jannah-editorial #masonry-grid > .gutter-sizer {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Rechtlich reduzierter Footer; Jannah führt seine Footer-Hooks weiterhin aus. */
.bae-jannah-editorial #footer { display: none; }
.bae-editorial-footer { width: 100%; max-width: 1400px; display: grid; grid-template-columns: 1.7fr .65fr 1fr; gap: 40px; margin: 0 auto; padding: clamp(48px,5vw,74px) 24px 30px; border-top: 1px solid rgba(93,124,255,.58); background: radial-gradient(circle at 7% -18%,rgba(36,87,255,.5) 0,rgba(36,87,255,.13) 27%,transparent 49%),radial-gradient(circle at 94% 118%,rgba(164,60,112,.4) 0,rgba(164,60,112,.1) 29%,transparent 51%),linear-gradient(122deg,#070910 0%,#10162b 41%,#1b111d 72%,#08090d 100%); box-shadow: inset 0 1px rgba(255,255,255,.05); color: #fff; font-family: var(--bae-sans); }
.bae-footer-brand > a { display: block; width: fit-content; color: #fff; font-family: var(--bae-serif); font-size: clamp(1.55rem,2.88vw,3.52rem); letter-spacing: -.07em; line-height: .9; white-space: nowrap; }
.bae-footer-brand > a span { color: var(--bae-blue); }
.bae-footer-brand p { max-width: 490px; margin: 28px 0 0; color: #aeb2b7; }
.bae-footer-legal { display: flex; flex-direction: column; gap: 12px; }
.bae-footer-legal h2 { margin: 0 0 12px; color: #8c9096; font-family: var(--bae-condensed); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.bae-footer-legal a { width: fit-content; color: #fff; border-bottom: 1px solid transparent; }
.bae-footer-legal a:hover { border-bottom-color: var(--bae-blue); }
.bae-footer-note { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; color: #8c9096; font-size: .75rem; }
.bae-footer-note p { margin: 0; }

@media (max-width: 1200px) {
  .bae-hero { grid-template-columns: 1fr 1.1fr; }
  .bae-hero-rail { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; border-top: 1px solid var(--bae-line); }
  .bae-rail-title { grid-column: 1/-1; }
  .bae-rail-story { grid-template-columns: 34% 1fr auto; border-bottom: 0; }
}

@media (max-width: 860px) {
  .bae-jannah-editorial #theme-header .logo-row { min-height: 94px; }
  .bae-jannah-editorial #logo a::before { font-size: clamp(2.35rem,9vw,4rem); }
  .bae-hero { grid-template-columns: 1fr; }
  .bae-hero-copy { min-height: 480px; border-right: 0; border-bottom: 1px solid var(--bae-line); }
  .bae-hero-image { min-height: 520px; border-right: 0; }
  .bae-hero-rail { display: block; }
  .bae-rail-story { grid-template-columns: 120px 1fr auto; border-bottom: 1px solid var(--bae-line); }
  .bae-section-head { grid-template-columns: 46px 1fr; }
  .bae-section-head p { grid-column: 2; }
  .bae-story-layout { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bae-story-card--large { grid-column: 1/-1; }
  .bae-editorial-note { grid-template-columns: 1fr 1.6fr; }
  .bae-editorial-note > p:last-child { grid-column: 2; }
  .bae-decision-desk { grid-template-columns: 1fr; }
  .bae-editorial-footer { grid-template-columns: 1fr 1fr; }
  .bae-footer-brand { grid-column: 1/-1; }
}

@media (max-width: 600px) {
  body.bae-jannah-editorial { background: #fff; }
  .bae-jannah-editorial #tie-container { box-shadow: none; }
  .bae-jannah-editorial #theme-header .header-container { padding-inline: 16px; }
  .bae-jannah-editorial #logo a::before { font-size: clamp(1.85rem,9.2vw,2.7rem); }
  .bae-hero-copy { min-height: 420px; padding: 44px 18px; }
  .bae-hero-copy h1 { font-size: clamp(2.48rem,12vw,3.76rem); }
  .bae-hero-image { min-height: 380px; }
  .bae-hero-rail { padding-inline: 16px; }
  .bae-rail-story { grid-template-columns: 92px 1fr auto; }
  .bae-category-band { grid-template-columns: 1fr; }
  .bae-category-band a { min-height: 64px; border-right: 0; border-bottom: 1px solid var(--bae-ink); }
  .bae-category-band a:last-child { border-bottom: 0; }
  .bae-editorial-section { padding-inline: 16px; }
  .bae-section-head { grid-template-columns: 36px 1fr; gap: 14px; }
  .bae-section-head h2 { font-size: 2.24rem; }
  .bae-story-layout { grid-template-columns: 1fr; }
  .bae-story-card--large { display: block; padding-bottom: 0; border-bottom: 0; }
  .bae-story-card--large .bae-story-image { aspect-ratio: 4/3; }
  .bae-story-card--large .bae-story-body { padding-top: 14px; }
  .bae-editorial-note { grid-template-columns: 1fr; padding-inline: 16px; gap: 14px; }
  .bae-editorial-note > p:last-child { grid-column: 1; }
  .bae-editorial-note h2 { font-size: 2.28rem; }
  .bae-decision-links { grid-template-columns: 1fr; }
  .bae-decision-links a,.bae-decision-links a:nth-child(even),.bae-decision-links a:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--bae-ink); }
  .bae-decision-links a:last-child { border-bottom: 0; }
  .single-post.bae-jannah-editorial #content { padding: 18px 0; }
  .single-post.bae-jannah-editorial #the-post,.single-post.bae-jannah-editorial .tie-autoloaded-post { margin-bottom: 10px; }
  .single-post.bae-jannah-editorial .entry-header-outer { padding-inline: 18px; }
  .single-post.bae-jannah-editorial .post-title.entry-title { font-size: clamp(2.4rem,11.2vw,4rem); }
  .single-post.bae-jannah-editorial .entry-content { padding: 44px 18px 18px; font-size: 1.04rem; line-height: 1.72; }
  .single-post.bae-jannah-editorial .entry-content h2 { font-size: clamp(2rem,10.4vw,2.88rem); }
  body.category.bae-jannah-editorial #masonry-grid .entry-title { font-size: 18.4px !important; }
  .bae-editorial-footer { grid-template-columns: 1fr; padding-inline: 18px; }
  .bae-footer-brand { grid-column: 1; }
  .bae-footer-brand > a { font-size: clamp(1.7rem,9vw,2.65rem); }
}

@media (prefers-reduced-motion: reduce) {
  .bae-home *,.bae-jannah-editorial * { transition-duration: .01ms !important; }
}