/* Ergänzungen für die funktionierende Website: echte Links, Menüs, Artikeltext, Suche. */
a{color:inherit;text-decoration:none}
img{max-width:100%}
button{font:inherit;cursor:pointer}
input{font:inherit}
.btn{border:0;cursor:pointer}
a.btn:hover,button.btn:hover{filter:brightness(1.05)}
.skip{position:absolute;left:-999px}
.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px 12px;border-radius:6px}

/* Kopfzeile mit Klappmenüs */
.top{position:sticky;top:0;z-index:40;background:#ffffffee;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #e6e8eb99}
.top nav{padding-block:10px}
.logoimg{height:48px}
.menu{align-items:center}
.menu>.mi{position:relative}
.menu>.mi>a,.menu>.mi>span{display:block;padding:10px 0;cursor:pointer}
.menu>.mi>span::after{content:" ▾";font-size:10px;color:var(--dim)}
.menu>.mi.on>a,.menu>.mi.on>span{color:var(--brand);box-shadow:0 2px 0 var(--acc)}
.menu>.mi:hover>a,.menu>.mi:hover>span{color:var(--brand)}
.dd{position:absolute;left:-18px;top:100%;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 44px -24px #003061aa;padding:8px;display:none;flex-direction:column;z-index:50}
.mi:hover .dd,.mi:focus-within .dd{display:flex}
.dd a{padding:9px 12px;border-radius:8px;font-weight:500;font-size:14px;display:flex;flex-direction:column}
.dd a small{font-size:12px;color:var(--dim);font-weight:400}
.dd a:hover{background:var(--tint)}
.dd hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.nsearch{display:flex;align-items:center;gap:6px;padding:0 6px 0 12px;background:#fff}
.nsearch input{border:0;outline:0;padding:8px 0;width:140px;font-size:13.5px;background:transparent}
.nsearch button{border:0;background:none;color:var(--dim);font-size:15px;padding:4px}
.burger{display:none;width:42px;height:42px;border-radius:8px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;font-size:20px}
#mnav{display:none}

/* Mobiles Menü */
.mob{display:none}
@media (max-width:980px){
  .menu,.nsearch{display:none}
  .burger{display:flex}
  .top nav{grid-template-columns:1fr auto;gap:10px}
  .right .btn.b-acc{padding:9px 14px}
  #mnav:checked~.mob{display:block}
  .mob{position:fixed;inset:64px 0 0;background:#fff;z-index:60;overflow:auto;padding:12px 18px 40px;border-top:1px solid var(--line)}
  .mob form{display:flex;gap:8px;margin-bottom:12px}
  .mob input{flex:1;border:1px solid var(--line);border-radius:8px;padding:12px}
  .mob h6{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:18px 0 4px}
  .mob a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:16px}
}

/* Karten, die verlinkt sind */
a.card,a.pc,a.book,a.relc,a.vcard,a.vid{display:block}
a.si,a.mo{color:inherit}
a.pc:hover h4,a.book:hover h4,a.card:hover h4,a.relc:hover b,a.vcard:hover b,a.vid:hover h4,a.si:hover h4,.lead a:hover h3,.lead2 a:hover h3,a.mo:hover b{color:var(--brand)}
.more a,.more{color:var(--brand)}
.area2 li a{flex:1}
.area2 li a:hover{color:var(--brand)}
.crumbs a:hover{color:var(--brand)}
.ph.dark .crumbs a:hover{color:#fff}
.pc p{font-family:var(--serif);font-size:15px;color:var(--dim);margin-top:6px;line-height:1.5}
.pc .img,.bfeat .img{display:block}
.chip{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--acc-soft);color:var(--acc);letter-spacing:.04em}
.chip.g{background:#e3eff5;color:var(--brand-d)}

/* Filter-Chips als Knöpfe */
.filters button{padding:8px 16px;border-radius:99px;background:var(--tint);border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--dim)}
.filters button.on,.filters a.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.filters a{padding:8px 16px;border-radius:99px;background:var(--tint);border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--dim)}
.filters small{opacity:.7;font-weight:500;margin-left:4px}
[hidden]{display:none!important}
.loadmore{display:flex;justify-content:center;margin-top:34px}

/* Artikeltext */
.prose{max-width:none}
.prose>*{margin:0}
.prose p,.prose li{hyphens:auto}
.prose a{color:var(--brand-d);text-decoration:underline;text-decoration-color:#2280A655;text-underline-offset:3px}
.prose a.fnref{text-decoration:none;font-family:var(--display);font-size:11px;font-weight:700;color:var(--brand);vertical-align:super;line-height:0;padding:0 1px}
.prose h2{scroll-margin-top:90px}
.prose h3{font-family:var(--display);font-size:21px;font-weight:700;color:var(--brand-xd);margin-top:8px;line-height:1.25;scroll-margin-top:90px}
.prose h4{font-family:var(--display);font-size:17px;font-weight:700}
.prose ul,.prose ol{padding-left:1.3em;display:flex;flex-direction:column;gap:8px}
.prose blockquote{border-left:4px solid var(--acc);background:var(--tint);padding:16px 22px;border-radius:0 10px 10px 0;font-style:italic}
.prose img{border-radius:10px;height:auto;display:block;margin-inline:auto}
.prose table{border-collapse:collapse;font-size:15.5px;width:100%;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid var(--line);padding:8px 10px;vertical-align:top}
.prose .ar,.prose [dir=rtl]{font-family:var(--ar);font-size:1.32em;line-height:1.9;text-align:right;color:var(--brand-xd)}
.prose p.ar{background:linear-gradient(90deg,transparent,#f3f8fb);padding:10px 16px;border-radius:10px;border-right:3px solid var(--brand)}
.prose{font-family:Alexandria,"Amiri",sans-serif}
.fns{border-top:2px solid var(--line);margin-top:28px;padding-top:6px;font-size:15px;line-height:1.6;color:#475569;display:flex;flex-direction:column;gap:8px}
.fns h2{font-size:21px!important}
.fns p{margin:0}
.fns a.fnback{font-family:var(--display);font-weight:700;color:var(--brand);text-decoration:none;margin-right:4px}
.fns :target,.prose :target{background:#fff6d6;border-radius:6px}
.fnpop{position:absolute;z-index:70;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px -18px #003061aa;padding:12px 14px;font-family:Alexandria,sans-serif;font-size:14.5px;line-height:1.5;color:#334155}
.toc a{display:block}
.toc li a:hover{color:var(--brand)}
.toc li.on a{color:var(--brand-xd)}
.toc ol{max-height:calc(100vh - 140px);overflow:auto}
.toc,.aside{top:88px}
.progress{top:0;position:fixed;left:0;right:0;z-index:45;height:3px;background:transparent}
.tools button{width:100%;text-align:left;border:0;padding:9px 10px;border-radius:6px;background:var(--tint);font-weight:600;font-size:14px}
.tools button:hover{background:var(--tint-2)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--brand-xd);color:#fff;padding:10px 18px;border-radius:99px;font-size:14px;z-index:90;box-shadow:0 10px 24px -10px #0008}
.wip{background:#fff7e6;border:1px solid #f6d58c;border-radius:12px;padding:18px 22px;font-family:var(--display);font-size:15px}
.wip b{display:block;font-size:17px;margin-bottom:4px}
.artimg.contain img{object-fit:contain;background:var(--tint)}
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.pnav a{border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:block}
.pnav a:hover{border-color:var(--brand)}
.pnav small{display:block;font-size:12px;color:var(--dim);font-weight:600}
.pnav b{font-family:var(--display);font-size:15.5px}
.pnav a:last-child{text-align:right}

.art2{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;align-items:start;max-width:1120px!important}
.art3>div,.art2>div{min-width:0}
a.sbox:hover b{color:var(--brand)}
@media (max-width:760px){.art2{grid-template-columns:1fr}}

/* Video */
.player button.consent{border:0;background:transparent;width:100%;cursor:pointer}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.eplist ol{max-height:560px;overflow:auto}
.eplist li{cursor:pointer}
.eplist li:hover{background:var(--tint)}
.eplist li span{display:block}
.vcard .thumb,.vid .thumb{background:#0a2a40}
.vcard small{display:block;font-size:12px;color:var(--dim);margin-top:2px}
.soon{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(140deg,#0a4170,#003061)}

/* Suche */
.sbig{display:flex;gap:10px;margin-top:22px;max-width:640px}
.sbig input{flex:1;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:16px;box-shadow:0 6px 16px -14px #00306180}
.results{list-style:none;padding:0;max-width:820px}
.results li{border-bottom:1px solid var(--line)}
.results a{display:block;padding:18px 0}
.results b{display:block;font-size:18px;margin-top:4px}
.results a:hover b{color:var(--brand)}
.results p{font-family:var(--serif);color:var(--dim);font-size:15px;margin-top:4px}
.results mark{background:#ffe7a3;color:inherit;border-radius:3px}

/* Fußzeile */
footer a:hover{color:#fff;text-decoration:underline}
.f ul a{color:#fff}
.soc a{width:auto;height:auto;padding:6px 12px;border-radius:99px;background:#ffffff1f;font-size:12.5px;font-weight:600;color:#fff}
.soc{flex-wrap:wrap;gap:8px}
.nl input{flex:1;border:0;border-radius:6px 0 0 6px;padding:10px 12px;min-width:0}
.nl button{background:var(--acc);color:#fff;border:0;padding:10px 16px;border-radius:0 6px 6px 0;font-weight:700}
.f .btn.b-line{color:var(--fg)}
.demo-note{font-size:11.5px;color:#9fc3d6;margin-top:-14px;margin-bottom:18px}

/* Startseite */
.hsearch input{flex:1;border:0;outline:0;font-size:15px;padding:8px 0;min-width:0}
.trend a{border:1.5px solid #ffffffb3;color:#fff;border-radius:99px;padding:6px 14px;font-weight:600;font-size:13px}
.trend a:hover{background:#ffffff1f}
.latest a{border:1px solid var(--line);border-radius:99px;padding:6px 14px;color:var(--fg);font-weight:600;font-size:13px}
.latest a:hover{border-color:var(--brand);color:var(--brand)}
.list li a:hover{color:var(--brand)}
.coll li a{display:flex;justify-content:space-between;gap:16px;width:100%}
.coll li a:hover{color:var(--brand)}
.box form{display:flex;gap:8px;margin-top:auto}
.box input{flex:1;border:1px solid var(--line);border-radius:6px;padding:10px 12px;min-width:0}

/* Formulare */
.wform input{border:0;border-radius:8px;padding:14px;min-width:0}
.donbox .amts button{text-align:center;padding:13px 0;border:1.5px solid var(--line);border-radius:10px;font-weight:700;background:#fff}
.donbox .amts button.on{border-color:var(--acc);background:var(--acc-soft);color:var(--acc)}
.donbox .seg button{border:0;background:transparent;text-align:center;padding:9px;border-radius:8px;font-weight:600;font-size:14px;color:var(--dim)}
.donbox .seg button.on{background:#fff;color:var(--brand-xd);box-shadow:0 2px 6px #0001}

/* Bibliothek */
.bdet .ex p{margin-bottom:12px}
.dlinfo{font-size:13px;color:var(--dim);margin-top:10px}
.vimg{height:auto;max-height:none;padding:20px}
.vimg img{width:100%;max-width:640px;margin-inline:auto;display:block}
.viewer .vbar a{padding:6px 12px;border-radius:6px;background:var(--tint);font-size:13px;font-weight:600}
.viewer .vbar a:last-child{margin-left:auto}
.igcap{max-height:820px;overflow:auto}

/* Über uns */
.tl.real{grid-template-columns:repeat(6,1fr);gap:14px}
.tl.real div{font-size:13px}
.tl.real p{color:var(--dim);font-family:var(--serif);font-size:13.5px;margin-top:4px;line-height:1.45}
.foc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.foc div{border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:#fff}
.foc b{display:block;font-size:16px}
.foc p{font-family:var(--serif);color:var(--dim);font-size:15px;margin-top:4px}
.foc a:hover b{color:var(--brand)}

@media (max-width:760px){
  .logoimg{height:40px}
  .pnav{grid-template-columns:1fr}
  .foc{grid-template-columns:1fr}
  .tl.real{grid-template-columns:1fr 1fr}
  .vimg{padding:10px}
  .prose .ar{font-size:1.22em}
  .hsearch{padding-left:14px}
  .hsearch .btn{padding:10px 14px}
  .eplist ol{max-height:380px}
}
@media print{
  .top,footer,.toc,.aside,.progress,.ai,.related-wrap,.pnav{display:none!important}
  .art3{display:block}
  .prose{font-size:12pt}
}
.path4>a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;position:relative;box-shadow:0 10px 24px -22px #003061aa;display:block}
.path4>a:hover{border-color:var(--brand)}
.path4>a:hover b{color:var(--brand)}

/* ---- Ergänzungen aus dem Seitenvorschlag ---- */
.art{font-family:var(--ar,"Amiri",serif);font-size:.95em;color:var(--brand);margin-inline-start:.3em;padding:0 .35em;border-radius:5px;background:var(--tint);white-space:nowrap}
.sumbox{background:var(--tint);border-left:4px solid var(--acc);border-radius:10px;padding:20px 24px;margin:0 0 34px;font-family:var(--sans)}
.sumbox .kick{display:block;margin-bottom:8px}
.sumbox ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15.5px;line-height:1.5}
.sumbox p{margin:0;font-size:16.5px;line-height:1.55}
.stufen{margin-top:18px}
.stl{display:block;font-size:12px;font-weight:600;color:var(--dim);margin-bottom:8px}
.strow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.strow div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 8px;text-align:center;opacity:.55}
.strow b{display:block;font-size:14px}.strow .arw{display:block;font-size:20px;line-height:1.4}.strow small{color:var(--dim);font-size:12px}
.strow div.on{opacity:1;border-width:2px;transform:translateY(-2px);box-shadow:0 6px 16px -8px #0004}
.strow .st-sahih.on{border-color:#2f7d55;background:#e3f2ea}.strow .st-hasan.on{border-color:#5a9a3a;background:#eef6e6}
.strow .st-daif.on{border-color:#c98a12;background:#fbf1dc}.strow .st-maudu.on{border-color:#b3261e;background:#fbe4e2}
.stgr{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;font-size:11.5px;color:var(--dim);text-align:center}
.stgr span{border-top:2px solid #2f7d55;padding-top:4px}.stgr span+span{border-color:#b3261e}
.igin{margin:34px 0;background:var(--tint);border-radius:12px;padding:18px;display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;font-family:var(--sans)}
.igin img{width:100%;border-radius:6px;display:block;aspect-ratio:3/4;object-fit:cover;object-position:top}
.igin figcaption{display:flex;flex-direction:column;gap:6px}.igin b{font-size:17px;line-height:1.3}
.igin figcaption a{color:var(--brand);font-weight:600;font-size:14px}
.deeper{margin-top:40px;border:1px solid var(--line);border-radius:12px;padding:20px 22px;font-family:var(--sans);display:flex;flex-direction:column;gap:12px}
.deeper a:not(.more){display:block;padding:10px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.deeper a b{display:block;font-size:16px}.deeper a span{font-size:13px;color:var(--dim)}.deeper .more{color:var(--brand);font-weight:600;font-size:14px}
.learn{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:54px;padding:30px;background:var(--tint);border-radius:14px}
.dl{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dlsize{font-size:13px;color:var(--dim)}
.nlopt{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;padding:12px 14px;border:1px dashed var(--line);border-radius:10px}
.nlopt span{flex:1 1 100%}.nlopt input{flex:1;min-width:180px;padding:9px 12px;border:1px solid var(--line);border-radius:8px}
.parts{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:12px}
.parts b{display:block}.parts>span{font-size:13px;color:var(--dim)}
.parts div{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-top:10px}
.parts a{text-align:center;color:inherit;text-decoration:none}.parts img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:5px;border:1px solid var(--line)}
.parts small{font-size:11px;color:var(--dim)}
.viewer .vbar button{padding:6px 12px;border-radius:6px;background:var(--tint);font-size:13px;font-weight:600;border:0;cursor:pointer;font-family:inherit}
.viewer .vimg{cursor:zoom-in;overflow:auto}
.viewer.zoomed .vimg{cursor:zoom-out;display:block;max-height:80vh}.viewer.zoomed .vimg img{max-width:none;width:200%}
.viewer:fullscreen{background:#1c2430;display:flex;flex-direction:column}.viewer:fullscreen .vimg{flex:1;max-height:none}
.viewer:fullscreen .vimg img{max-width:min(100%,1100px)}.viewer.zoomed:fullscreen .vimg img{max-width:none;width:200%}
@media (max-width:760px){.strow{grid-template-columns:repeat(2,1fr)}.stgr{display:none}.igin{grid-template-columns:96px 1fr;padding:12px}.learn{grid-template-columns:1fr;padding:20px;gap:10px}}
@media print{.sumbox,.igin,.deeper{break-inside:avoid}}
.learn>div:first-child{display:block}.learn .kick{display:block;margin-bottom:8px}.learn h2{font-size:21px;line-height:1.35}
.burger{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}
html.menu-open .mob{display:block}html.menu-open body{overflow:hidden}
/* Offenes Handy-Menü: Unschärfe am Kopf abschalten, sonst bleibt das Menü auf Kopfhöhe begrenzt */
html.menu-open .top,.top:has(#mnav:checked){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;background:#fff}
.mob{height:calc(100vh - 64px);height:calc(100dvh - 64px);bottom:auto}

/* ===== Optik-Runde 2 ===== */
/* Überschriften nie mitten im Wort trennen, Zeilen ausgleichen */
h1,h2,h3,h4,.ban h3{-webkit-hyphens:manual!important;hyphens:manual!important;text-wrap:balance}
.prose p,.ex,.si p{text-wrap:pretty}
/* Symbole */
.nsearch button{display:grid;place-items:center;color:var(--dim)}
.tools button{display:flex;align-items:center;gap:10px}
.tools button svg{flex:none;color:var(--brand)}
/* Startseite: oberer Bereich */
.hero .in{padding-block:80px 52px}
.hero h1{font-size:58px;max-width:13.5em;text-wrap:balance}
.hero h1 em{color:#ffc6a6}
.hsearch{max-width:780px}
.hsearch input{font-size:16px;padding:10px 0;background:transparent}
.trend{color:#d6e8f1}
.trend a{white-space:nowrap;border-color:#ffffff80;transition:background .15s,color .15s}
.trend a:hover{background:#fff;color:var(--brand-d)}
.hfacts{display:flex;flex-wrap:wrap;gap:10px 34px;margin-top:44px;padding-top:22px;border-top:1px solid #ffffff2e;font-size:14px;color:#d6e8f1}
.hfacts span{display:flex;align-items:baseline;gap:7px}
.hfacts b{font-size:24px;color:#fff;font-weight:700;letter-spacing:-.01em}
/* Im Fokus: Liste rechts */
.sirow{display:flex;flex-direction:column}
.si{align-items:start}
.si .img{margin:0}
.latest{margin-top:36px}
/* Newsletter-Band ohne einzelnes Schriftzeichen */
.subs .in{grid-template-columns:1fr 1fr}
/* Artikel: Titelbild flacher, arabische Begriffe ruhiger */
.artimg{aspect-ratio:3/1;max-height:400px}
.art{background:none;padding:0;margin-inline:.3em .05em;font-size:1em;display:inline-block;height:1.2em;line-height:1.2;vertical-align:-.28em;overflow:visible;unicode-bidi:isolate;color:var(--brand-d)}

@media (max-width:760px){
  /* oberer Bereich */
  .hero .in{padding-block:34px 28px}
  .hero h1{font-size:29px;line-height:1.15;letter-spacing:-.01em}
  .hero p{font-size:15.5px;line-height:1.55;margin-top:14px}
  .hsearch{margin-top:22px;padding:5px 5px 5px 14px}
  .hsearch input{font-size:15px}
  .hsearch .btn{padding:10px 16px}
  /* Knöpfe in einer Zeile zum Wischen */
  .trend,.latest{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-inline:-18px;padding-inline:18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .trend::-webkit-scrollbar,.latest::-webkit-scrollbar{display:none}
  .trend{margin-top:16px;font-size:13px}
  .trend a,.latest a{flex:none;font-size:13px;padding:7px 13px}
  .latest{margin-top:26px;padding-top:20px;padding-bottom:4px}
  .hfacts{gap:4px 16px;margin-top:22px;padding-top:14px;font-size:12.5px}
  .hfacts b{font-size:17px}
  .focus{grid-template-columns:minmax(0,1fr)}
  .focus>*,.side{min-width:0}
  /* Wisch-Reihen: Artikel, Fachartikel, Videos, E-Books, Infografiken */
  .sirow,.cards,.vids,.ebooks,.igs{display:flex!important;flex-direction:row;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;margin-inline:-18px;padding:2px 18px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sirow::-webkit-scrollbar,.cards::-webkit-scrollbar,.vids::-webkit-scrollbar,.ebooks::-webkit-scrollbar,.igs::-webkit-scrollbar{display:none}
  .sirow>*,.cards>*,.vids>*{flex:0 0 78%;scroll-snap-align:start}
  .ebooks>*,.igs>*{flex:0 0 58%;scroll-snap-align:start}
  .cards .card:nth-child(5){display:block}
  .sirow{margin-top:20px}
  .si{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 22px -20px #003061aa}
  .si{align-items:stretch}
  .si .img{width:100%;aspect-ratio:16/9;border-radius:0}
  .si>div:last-child{padding:12px 14px 16px}
  .si h4{font-size:15.5px}
  .si .rule{margin-block:8px}
  /* Akademie- und App-Kasten: Text oben, Bild darunter */
  .ban,.ban.a,.ban.b{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 22px 22px;min-height:0}
  .ban.b{flex-direction:column-reverse}
  .ban.b>div{text-align:left!important}
  .ban h3{font-size:23px;line-height:1.22}
  .banimg,.banimg.app{width:78%;max-width:280px;align-self:center}
  /* Newsletter */
  .subs .in{grid-template-columns:1fr}
  /* Linklisten unten kompakter */
  .list li{font-size:16px;padding-block:11px}
  /* Artikel */
  .artimg{aspect-ratio:16/9;max-height:none;border-radius:10px}
}

/* ===== Optik-Runde 3: Bilder ohne Rahmen, Etikett + Kategorie in einer Zeile ===== */
.bimg,.bimg.ig,.ebooks .bimg,.shelf .bimg,.igs .bimg.ig{background:none!important;border:0!important;box-shadow:none!important;border-radius:0}
.bimg img{filter:drop-shadow(0 12px 18px #00306133)}
.bimg.ig img{filter:none;border-radius:8px;box-shadow:0 10px 24px -14px #00306166}
.badge{vertical-align:middle}
.badge+.type{display:inline-block;vertical-align:middle;margin-top:20px;margin-left:10px}
.lead2 .badge+.type{margin-top:0}

/* Hero: Variante B (persoenlich) */
.hv{position:relative;overflow:hidden}
.hv .hs{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;max-width:560px;box-shadow:0 10px 30px -18px #00306155}
.hv .hs input{flex:1;border:0;outline:0;font:inherit;font-size:15px;padding:8px 10px;min-width:0;background:none}
.hv .hs .btn{flex:none}
.hv-b{background:linear-gradient(180deg,#f5f8fb 0%,#fff 100%);border-bottom:1px solid var(--line)}
.hv-b .in{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end;padding-top:56px}
.hv-b .tx{padding-bottom:56px}
.hv-b .k{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--brand);background:#e3f0f6;border-radius:99px;padding:6px 12px}
.hv-b h1{font-size:50px;line-height:1.1;letter-spacing:-.02em;color:var(--brand-xd);margin-top:18px;text-wrap:balance}
.hv-b h1 em{font-style:normal;color:var(--acc)}
.hv-b p{font-family:var(--serif);font-size:18px;line-height:1.6;color:var(--dim);margin-top:18px;max-width:30em}
.hv-b .hs{margin-top:26px}
.hv-b .who{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:13.5px;color:var(--dim)}
.hv-b .who img{height:34px;width:auto;opacity:.8}
.hv-b .pic{position:relative;align-self:end;display:flex;justify-content:center}
.hv-b .pic::before{content:"";position:absolute;bottom:0;left:50%;translate:-50% 0;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a95bb,#0F7199)}
.hv-b .pic img{position:relative;width:92%;max-width:420px;display:block;mix-blend-mode:multiply}
.hv-b .tag{position:absolute;left:0;bottom:36px;background:#fff;border-radius:10px;padding:10px 14px;box-shadow:0 12px 30px -14px #00306166;font-size:13px;line-height:1.35}
.hv-b .tag b{display:block;color:var(--brand-xd);font-size:14px}
@media (max-width:760px){
  .hv .hs{max-width:none}
  .hv .hs input{font-size:14.5px}
  .hv-b .in{grid-template-columns:1fr;gap:0;padding-top:30px}
  .hv-b .tx{padding-bottom:22px}
  .hv-b h1{font-size:31px}
  .hv-b p{font-size:16px}
  .hv-b .pic img{width:72%}
  .hv-b .tag{left:6px;bottom:20px;font-size:12px}
}
.hv-b .pic::before{background:radial-gradient(circle at 40% 35%,#f3f8fb,#d6e7f0)}
.hv h1{border:0!important;padding-bottom:0!important;background:none}
@media (max-width:760px){
  .hv-b .who{font-size:12.5px;margin-top:16px}
  .hv-b .who img{height:28px}
  .hv-b .tx{padding-bottom:30px}
}
@media (max-width:760px){.hv-b .pic::before{width:68%}}

/* Infografik-Vorschaubilder: alle gleich hoch */
.bimg.ig,.igs .bimg.ig,.igs6 .bimg.ig,.mini2 .bimg.ig,.embed .bimg.ig{aspect-ratio:4/5!important;height:auto!important;display:block!important;overflow:hidden!important;border-radius:10px!important;box-shadow:0 10px 24px -14px #00306166!important}
.bimg.ig img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:top center!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
@media (max-width:760px){.igs .book:nth-child(n+5){display:block}}

/* Hero mit Foto vor Buecherwand */
.hp{background:#0b1118;color:#fff}
.hp .bg{position:absolute;top:0;bottom:0;right:0;width:60%}
.hp .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.hp .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1118 0%,#0b1118d9 18%,#0b111855 45%,transparent 70%),linear-gradient(0deg,#0b1118aa 0%,transparent 35%)}
.hp .in{position:relative;z-index:1;min-height:580px;display:flex;align-items:center;padding-block:80px}
.hp .tx{max-width:590px}
.hp .k{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:#e9c98f;font-weight:600;display:flex;align-items:center;gap:12px}
.hp .k::before{content:"";width:34px;height:1.5px;background:#e9c98f}
.hp h1{font-family:Alexandria,sans-serif;font-weight:600;font-size:58px;line-height:1.06;letter-spacing:-.01em;margin-top:18px;color:#fff;text-wrap:balance}
.hp h1 em{color:#e9c98f}
.hp p{font-size:17px;line-height:1.6;color:#c4ccd6;margin-top:20px;max-width:32em}
.hp .hs{margin-top:30px;background:#ffffff14;border-color:#ffffff30;box-shadow:none;backdrop-filter:blur(8px)}
.hp .hs input{color:#fff}.hp .hs input::placeholder{color:#a3adb9}
.hp .who{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:13px;color:#a3adb9}
.hp .who img{height:36px;width:auto;filter:invert(1) brightness(1.6);opacity:.85}
@media (max-width:760px){
  .hp .bg{position:relative;width:auto;height:400px;margin-inline:0}
  .hp .bg img{object-position:50% 12%}
  .hp .bg::after{background:linear-gradient(0deg,#0b1118 0%,#0b1118cc 18%,transparent 55%)}
  .hp .in{min-height:0;display:block;margin-top:-92px;padding-block:0 38px}
  .hp h1{font-size:34px;margin-top:12px}
  .hp p{font-size:15.5px}
  .hp .hs{margin-top:22px}
  .hp .who{margin-top:20px}
  .hp .who img{height:30px}
}

/* Arabische Begriffe im Fliesstext: auf der Grundlinie, ruhig */
.art{display:inline-block;height:1em;line-height:1em;vertical-align:baseline;overflow:visible;font-size:1.08em;font-weight:400;color:var(--fg);opacity:.82;margin-inline:.28em .12em;padding:0;background:none;unicode-bidi:isolate}
.art{display:inline!important;height:auto!important;line-height:0!important;vertical-align:baseline!important;font-size:1.08em!important;color:var(--brand-xd)!important;opacity:.85}

/* Footer: Social-Icons und Store-Badges */
.soc{display:flex;gap:10px;flex-wrap:wrap}
.soc a{display:inline-flex!important;align-items:center;gap:8px;padding:9px 16px 9px 12px!important;border-radius:99px;background:#ffffff1a!important;color:#fff!important;font-weight:600;font-size:14px;transition:background .2s}
.soc a:hover{background:#ffffff33!important}
.stores{display:flex;gap:10px;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff!important;border:1px solid #ffffff40;border-radius:10px;padding:8px 16px 8px 12px;line-height:1.1;transition:transform .2s}
.store:hover{transform:translateY(-2px)}
.store span{display:flex;flex-direction:column;font-size:17px;font-weight:600;letter-spacing:-.01em}
.store small{font-size:10.5px;font-weight:400;opacity:.85;letter-spacing:.02em}
@media (max-width:760px){.soc a span{display:none}.soc a{padding:11px!important}.soc a svg{width:22px;height:22px}}

/* Hero: Dunkelblau passend zum Logo statt Schwarz */
.hp{background:#06223f}
.hp .bg::before{content:"";position:absolute;inset:0;z-index:1;background:#0a3a66;mix-blend-mode:color;opacity:.55;pointer-events:none}
.hp .bg::after{z-index:2;background:linear-gradient(90deg,#06223f 0%,#06223fd9 18%,#06223f66 45%,#06223f00 70%),linear-gradient(0deg,#06223fb3 0%,#06223f00 35%)}
.hp .hs{background:#ffffff17}
@media (max-width:760px){.hp .bg::after{background:linear-gradient(0deg,#06223f 0%,#06223fcc 18%,#06223f00 55%)}}
.hp .bg{z-index:0;isolation:isolate}
.hp .in{z-index:3}
.art{font-size:1.22em!important}
.art{font-size:1.35em!important}
.qicon{padding-top:0!important}.qicon span{display:grid;place-items:center}

/* Banner Akademie + App, neu */
.bn2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.bk{position:relative;overflow:hidden;border-radius:20px;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start;padding:40px 40px 0}
.bk .t{position:relative;z-index:2;max-width:400px}
.bk small{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.bk h3{font-size:34px;line-height:1.12;letter-spacing:-.015em;margin-top:10px;text-wrap:balance}
.bk p{font-size:15.5px;line-height:1.55;margin-top:10px;max-width:24em}
.bk .btn{margin-top:20px}
.ak{background:linear-gradient(135deg,#0f3d6e 0%,#06223f 100%);color:#fff}
.ak small{color:#e9c98f}.ak h3{color:#fff}.ak h3 em{font-style:normal;color:#e9c98f}.ak p{color:#c4d2e0}
.ak .fan{position:relative;height:220px;margin-top:auto;margin-inline:-10px}
.ak .fan img{position:absolute;bottom:-40px;width:58%;border-radius:12px;box-shadow:0 20px 40px -12px #000a;transition:transform .35s}
.ak .fan img:nth-child(1){left:-2%;transform:rotate(-9deg)}
.ak .fan img:nth-child(2){right:-2%;transform:rotate(9deg)}
.ak .fan img:nth-child(3){left:21%;bottom:-20px;z-index:2;transform:rotate(0)}
.ak:hover .fan img:nth-child(1){transform:rotate(-12deg) translateX(-8px)}
.ak:hover .fan img:nth-child(2){transform:rotate(12deg) translateX(8px)}
.ak:hover .fan img:nth-child(3){transform:translateY(-8px)}
.app{background:linear-gradient(160deg,#eaf4f9 0%,#cfe5ef 100%);color:var(--fg)}
.app small{color:var(--brand)}.app h3{color:var(--brand-xd)}.app h3 em{font-style:normal;color:var(--brand)}.app p{color:var(--dim)}
.app .stores{margin-top:20px}
.app .phones{position:relative;z-index:1;display:block;width:112%;max-width:none;margin:auto -6% -6px;filter:drop-shadow(0 24px 30px #00306140)}
@media (max-width:900px){.bn2{grid-template-columns:1fr}}
@media (max-width:760px){
  .bk{min-height:0;padding:28px 22px 0;border-radius:16px}
  .bk h3{font-size:26px}
  .bk p{font-size:14.5px}
  .ak .fan{height:190px;margin-top:22px}
  .app .phones{margin-top:18px}
  .app .store{padding:7px 12px 7px 10px}.app .store span{font-size:15px}
}

/* E-Books: Schatten nicht abschneiden */
.ebooks .bimg,.shelf .bimg,.bimg:not(.ig){overflow:visible!important}
.ebooks .bimg img,.shelf .bimg img{transform:none!important;object-fit:contain;filter:drop-shadow(0 14px 16px #0030612e)}
/* Infografiken: Karte ohne Extra-Rahmen */
.bimg.ig{box-shadow:0 8px 22px -12px #00306155!important;background:#fff!important}
.app .store small{color:#fff;letter-spacing:.02em;text-transform:none;font-weight:400}
.ak .fan{height:250px}
.ak .fan img{width:50%;bottom:-24px}
.ak .fan img:nth-child(3){left:25%;bottom:-6px}
@media (max-width:760px){.ak .fan{height:180px}.ak .fan img{width:56%}.ak .fan img:nth-child(3){left:22%}}
@media (max-width:760px){.subs .in{grid-template-columns:minmax(0,1fr)!important}.subs .box{min-width:0;max-width:100%}.subs form input{flex:1 1 auto;min-width:0;width:auto}.ak .fan{margin-top:26px}}

/* Banner wieder kompakt: Text links, Bild rechts */
.bk{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10px;min-height:0;height:300px;padding:0 0 0 36px}
.bk .t{max-width:none;padding-block:30px}
.bk h3{font-size:26px}
.bk p{font-size:14px;margin-top:8px}
.bk .btn{margin-top:16px}
.ak .fan{position:relative;height:100%;margin:0}
.ak .fan img{width:78%;bottom:auto;top:50%;border-radius:10px}
.ak .fan img:nth-child(1){left:-6%;transform:translateY(-62%) rotate(-10deg)}
.ak .fan img:nth-child(2){left:auto;right:-30%;transform:translateY(-38%) rotate(9deg)}
.ak .fan img:nth-child(3){left:6%;bottom:auto;transform:translateY(-50%);z-index:2}
.ak:hover .fan img:nth-child(1){transform:translateY(-62%) rotate(-12deg) translateX(-6px)}
.ak:hover .fan img:nth-child(2){transform:translateY(-38%) rotate(11deg) translateX(6px)}
.ak:hover .fan img:nth-child(3){transform:translateY(-54%)}
.app .phones{width:118%;margin:0 0 0 -12%;align-self:center}
.app .stores{margin-top:14px;gap:8px}
.app .store{padding:6px 12px 6px 9px;gap:8px;border-radius:8px}
.app .store span{font-size:14px}.app .store small{font-size:9.5px}
.app .store svg{width:18px;height:18px}
@media (max-width:1100px) and (min-width:761px){.bk{height:auto;grid-template-columns:1fr;padding:30px 30px 0}.ak .fan{height:200px}.app .phones{width:100%;margin:0}}
@media (max-width:760px){
  .bk{grid-template-columns:1fr;height:auto;padding:26px 22px 0}
  .bk .t{padding-block:0}
  .bk h3{font-size:24px}
  .ak .fan{height:170px;margin-top:18px}
  .ak .fan img{width:52%;top:auto;bottom:-24px}
  .ak .fan img:nth-child(1){left:-2%;transform:rotate(-9deg)}
  .ak .fan img:nth-child(2){right:-2%;transform:rotate(9deg)}
  .ak .fan img:nth-child(3){left:24%;bottom:-8px;transform:none}
  .app .phones{width:100%;margin:14px 0 -4px}
}

/* Kein weisser Streifen vor dem Footer */
footer{margin-top:0!important}
main>section:last-child,main>*:last-child{margin-bottom:0}

/* Unterseiten-Kopf: dunkelblau mit Muster und Gold, passend zur Startseite */
.ph{background:#06223f!important;color:#fff;border:0!important;isolation:isolate}
.ph::before{content:"";position:absolute;inset:0;z-index:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1'%3E%3Cpath d='M40 4 50 30 76 40 50 50 40 76 30 50 4 40 30 30z'/%3E%3Cpath d='M40 18 47 33 62 40 47 47 40 62 33 47 18 40 33 33z'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:linear-gradient(90deg,transparent 20%,#000 80%);mask:linear-gradient(90deg,transparent 20%,#000 80%)}
.ph::after{content:"";position:absolute;z-index:0;right:-140px;top:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#2280A666,transparent 65%);pointer-events:none}
.ph.dark{background:linear-gradient(90deg,#06223ff5 0%,#06223fe0 50%,#0a3a66b8 100%),var(--ph-img) center/cover!important}
.ph.dark::before{opacity:.05}
.ph-grid{padding-block:54px 58px}
.ph h1{color:#fff!important;font-family:Alexandria,sans-serif;font-weight:600;font-size:52px;letter-spacing:-.01em}
.ph-ar{color:#e9c98f!important;font-size:28px;display:flex;align-items:center;gap:14px}
.ph-ar::after{content:"";width:40px;height:1.5px;background:#e9c98f;opacity:.7}
.ph-lead{color:#c4d2e0!important}
.ph .crumbs{color:#9fb3c7}
.ph .crumbs span:last-child{color:#fff}
.ph .crumbs a:hover{color:#fff}
.ph .sfield{background:#ffffff14!important;border-color:#ffffff30!important;box-shadow:none!important;backdrop-filter:blur(8px)}
.ph .sfield input{background:none;color:#fff}
.ph .sfield input::placeholder{color:#a3adb9}
.ph .sfield button{color:#c4d2e0!important}
@media (max-width:760px){.ph-grid{padding-block:34px 38px}.ph h1{font-size:34px}.ph-ar{font-size:22px}.ph::after{width:320px;height:320px;right:-120px;top:-120px}}

/* Kopfbereiche ohne Muster: ruhiges Dunkelblau mit weichem Licht */
.ph::before{content:none!important}
.ph{background:radial-gradient(90% 140% at 100% 0%,#0f3d6e 0%,#06223f 55%)!important}
.ph.dark{background:linear-gradient(90deg,#06223ff5 0%,#06223fe6 50%,#0a3a66c0 100%),var(--ph-img) center/cover!important}
.ph::after{opacity:.6}

/* Artikel- und Videokopf: Dunkelblau, Bild ragt in den weissen Bereich */
.arthead{background:radial-gradient(90% 140% at 100% 0%,#0f3d6e 0%,#06223f 55%);color:#fff;padding-top:40px;padding-bottom:44px}
.arthead:has(.artimg){padding-bottom:0;background:linear-gradient(180deg,transparent calc(100% - 190px),#fff calc(100% - 190px)),radial-gradient(90% 140% at 100% 0%,#0f3d6e 0%,#06223f 55%)}
.arthead .crumbs{color:#9fb3c7}.arthead .crumbs span:last-child{color:#fff}.arthead .crumbs a:hover{color:#fff}
.arthead .tags span{background:#ffffff17;color:#dbe6ef}
.arthead .tags .part{background:#e9c98f2e;color:#e9c98f}
.arthead h1{color:#fff!important;font-family:Alexandria,sans-serif;font-weight:600;letter-spacing:-.01em}
.arthead .sub{color:#c4d2e0}
.arthead .ameta b{color:#fff}.arthead .ameta span{color:#a9bccd}
.arthead .ameta img{border:2px solid #e9c98f66}
.arthead .artimg{margin-top:18px;box-shadow:0 24px 50px -24px #00183399}
@media (max-width:760px){.arthead{padding-top:26px;padding-bottom:30px}.arthead:has(.artimg){background:linear-gradient(180deg,transparent calc(100% - 90px),#fff calc(100% - 90px)),#06223f}}

/* Bereichsseite: Einleitung oben */
.areaintro{padding-top:44px}
.areaintro .in{max-width:860px}
.areaintro .prose{margin-top:10px;font-size:17.5px;color:var(--fg)}
.areaintro .prose p{margin:0}
@media (max-width:760px){.areaintro{padding-top:30px}.areaintro .prose{font-size:16px}}

/* Glossar: Begriff oben, Bedeutung darunter */
.gl dl{display:flex!important;flex-direction:column;gap:0}
.gl dt{white-space:normal!important;padding-top:10px;border-top:1px solid var(--line);margin-top:10px;font-size:14px}
.gl dt:first-child{border-top:0;margin-top:0;padding-top:2px}
.gl dd{margin-top:2px;font-size:14px}

/* Bereichskopf: Bild rechts randlos, weich ins Blau */
.ph:has(.ph-img) .ph-grid{position:static;min-height:340px}
.ph:has(.ph-img) .ph-grid>div:first-child{position:relative;z-index:2}
.ph .ph-img{position:absolute;top:0;right:0;bottom:0;width:50%;aspect-ratio:auto;border-radius:0;box-shadow:none;z-index:1;-webkit-mask:linear-gradient(90deg,transparent 0%,#000 45%);mask:linear-gradient(90deg,transparent 0%,#000 45%)}
.ph .ph-img img{filter:saturate(.85) brightness(.85)}
.ph .ph-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06223f66,transparent 40%)}
.areaintro .in{max-width:var(--maxw,1160px)}
.areaintro .prose{max-width:50em}
.areaintro .in{max-width:1240px!important}
@media (max-width:760px){.ph:has(.ph-img) .ph-grid{min-height:0}}

/* Footer: nur Icons */
.soc a span{display:none}
.soc a{padding:12px!important;width:46px;height:46px;justify-content:center;text-decoration:none!important}
.soc a svg{width:21px;height:21px}
/* In Vorbereitung: mehr Abstand */
.vmore .kick{display:block;margin-bottom:14px}
.vmore{margin-top:40px}

/* Menue: Oberpunkt ist Link, Pfeil bleibt */
.menu>.mi>a.mh::after{content:" ▾";font-size:10px;color:var(--dim)}
.dd a.all{font-weight:700;color:var(--brand-xd)}

/* Uebersichtsseiten */
.hubhead{background:radial-gradient(90% 140% at 100% 0%,#0f3d6e 0%,#06223f 55%);color:#fff;padding:44px 0 40px}
.hubhead .crumbs{color:#9fb3c7}.hubhead .crumbs span:last-child{color:#fff}
.hubhead .ph-ar{margin-top:14px}
.hubhead h1{font-family:Alexandria,sans-serif;font-weight:600;font-size:56px;line-height:1.05;margin-top:4px;color:#fff}
.hubhead p{color:#c4d2e0;font-family:var(--serif);font-size:18px;margin-top:12px;max-width:40em}
.hubfeat{background:linear-gradient(180deg,#06223f 0 50%,#fff 50%)}
.hf{display:grid;grid-template-columns:1.25fr 1fr;background:#0b2d52;border-radius:18px;overflow:hidden;color:#fff;box-shadow:0 30px 60px -30px #00183399;transition:transform .25s}
.hf:hover{transform:translateY(-3px)}
.hfimg{min-height:360px;position:relative}
.hfimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hftx{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.hk{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#e9c98f;font-weight:600}
.hftx h2{font-family:Alexandria,sans-serif;font-weight:600;font-size:34px;line-height:1.12;color:#fff;text-wrap:balance}
.hftx p{color:#c4d2e0;font-family:var(--serif);font-size:16.5px;line-height:1.6}
.hm{font-size:13px;color:#9fb3c7}
.hftx .btn{align-self:flex-start;margin-top:6px}
.hubquick{padding-top:44px}
.hq{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px}
.hq a{border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:3px;transition:border-color .2s,transform .2s;background:#fff}
.hq a:hover{border-color:var(--brand);transform:translateY(-2px)}
.hq b{font-size:17px;color:var(--brand-xd)}
.hq span{font-size:13px;color:var(--dim)}
.hubsec .h2row{margin-bottom:22px}
.hubgrid{margin-top:0!important}
.hubareas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ha{position:relative;border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;overflow:hidden;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .2s}
.ha:hover{border-color:var(--brand);transform:translateY(-2px)}
.ha .ar{font-family:var(--ar);font-size:24px;color:#b8955a}
.ha b{font-size:19px;color:var(--brand-xd)}
.ha p{font-family:var(--serif);font-size:14.5px;color:var(--dim);line-height:1.5}
.ha small{margin-top:auto;padding-top:8px;font-size:13px;font-weight:600;color:var(--brand)}
.hubseries{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hs .thumb{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9}
.hs .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.hs:hover .thumb img{transform:scale(1.04)}
.hs .thumb em{position:absolute;left:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--acc);display:grid;place-items:center;font-style:normal;font-size:14px;box-shadow:0 6px 16px #0004}
.hs .type{display:block;margin-top:12px}
.hs b{display:block;font-size:17px;line-height:1.3;margin-top:4px}
.hubak{height:300px}
.hubtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ht{border-radius:16px;overflow:hidden;background:#0b2d52;color:#fff;display:flex;flex-direction:column;transition:transform .25s}
.ht:hover{transform:translateY(-3px)}
.htimg{aspect-ratio:4/3;overflow:hidden;background:#eef3f7;display:grid;place-items:center}
.htimg img{width:100%;height:100%;object-fit:cover}
.ht.eb .htimg img{object-fit:contain;padding:14px;filter:drop-shadow(0 10px 14px #0003)}
.ht.ig .htimg img{object-position:top}
.ht.wb .htimg img{object-position:50% 15%}
.httx{padding:16px 18px 18px}
.httx b{display:block;font-size:17px}
.httx span{font-size:13px;color:#b9cadb}
@media (max-width:900px){.hf{grid-template-columns:1fr}.hfimg{min-height:220px}.hubareas,.hubseries{grid-template-columns:1fr 1fr}.hq,.hubtiles{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .hubhead{padding:30px 0 28px}.hubhead h1{font-size:38px}.hubhead p{font-size:16px}
  .hftx{padding:22px 20px 24px}.hftx h2{font-size:24px}.hftx p{font-size:15px}
  .hubareas,.hubseries{grid-template-columns:1fr}
  .hq{gap:10px}.hq a{padding:14px}.hq b{font-size:15.5px}
  .hubtiles{gap:10px}.httx{padding:12px}.httx b{font-size:15px}.httx span{font-size:12px}
  .hubak{height:auto}
}

/* E-Book-Regal: 4 pro Reihe */
.shelf{grid-template-columns:repeat(4,1fr)!important;gap:34px 28px}
.shelf h4{font-size:17px}
@media (max-width:900px){.shelf{grid-template-columns:repeat(2,1fr)!important}}
.hubak .fan img{width:62%}
.hubak .fan img:nth-child(2){right:-14%}

/* Infografiken-Seite: groesser, 4 pro Reihe */
.igs6{grid-template-columns:repeat(4,1fr)!important;gap:30px 24px!important}
.igs6 h4{font-size:16px!important}
@media (max-width:760px){.igs6{grid-template-columns:1fr 1fr!important;gap:22px 14px!important}.igs6 h4{font-size:14px!important}}

/* Blog: 4 pro Reihe */
.pgrid{grid-template-columns:repeat(4,1fr)!important;gap:34px 22px!important}
.pgrid .pc h4{font-size:16.5px;line-height:1.3}
.pgrid .pc p{font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pgrid .pc .pm{font-size:12px}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:760px){.pgrid{grid-template-columns:1fr!important}}

/* Webinar-Seite */
.wh{position:relative;overflow:hidden;background:#06223f;color:#fff;isolation:isolate}
.wh .bg{position:absolute;top:0;bottom:0;right:0;width:58%;z-index:0}
.wh .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.wh .bg::before{content:"";position:absolute;inset:0;background:#0a3a66;mix-blend-mode:color;opacity:.5;z-index:1}
.wh .bg::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#06223f 0%,#06223fcc 25%,#06223f40 60%,#06223f99 100%)}
.wgrid{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-block:56px 64px}
.wh .crumbs{color:#9fb3c7}.wh .crumbs span:last-child{color:#fff}
.wh .k,.wend .k{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:#e9c98f;font-weight:600}
.wh .k::before{content:"";width:34px;height:1.5px;background:#e9c98f}
.wh h1{font-family:Alexandria,sans-serif;font-weight:600;font-size:56px;line-height:1.06;margin-top:14px;color:#fff;text-wrap:balance}
.wh h1 em{color:#e9c98f}
.wtx>p{font-size:17px;line-height:1.6;color:#c4d2e0;margin-top:18px;max-width:30em}
.wfacts{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}
.wfacts li{display:flex;flex-direction:column;padding-left:14px;border-left:2px solid #e9c98f}
.wfacts b{font-size:16px}.wfacts span{font-size:12.5px;color:#a9bccd}
.wcard{background:#fff;color:var(--fg);border-radius:18px;padding:30px;box-shadow:0 30px 60px -20px #000a}
.wk{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:600}
.wcard h2{font-size:24px;line-height:1.2;color:var(--brand-xd);margin-top:6px}
.wf{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.wf label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--dim)}
.wf input{border:1px solid var(--line);border-radius:10px;padding:13px 14px;font:inherit;font-size:15px;color:var(--fg);background:#f7f9fb}
.wf input:focus{outline:2px solid var(--brand);background:#fff}
.wf .btn{justify-content:center;padding-block:14px;font-size:15.5px;margin-top:4px}
.wf p{font-size:12px;color:var(--dim);text-align:center}
.ws3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ws3>div{position:relative;border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff}
.ws3 i{position:absolute;top:18px;right:22px;font-style:normal;font-family:Alexandria,sans-serif;font-size:44px;color:#e8eef4;font-weight:600;line-height:1}
.ws3 svg{color:var(--brand)}
.ws3 b{display:block;font-size:18px;color:var(--brand-xd);margin-top:14px}
.ws3 p{font-family:var(--serif);font-size:15px;color:var(--dim);margin-top:6px;line-height:1.55}
.wref{background:var(--tint)}
.wr{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.wrimg{position:relative;border-radius:20px;background:linear-gradient(160deg,#e9f3f8,#cfe4ee);padding-top:30px;display:flex;justify-content:center;overflow:hidden}
.wrimg img{width:86%;display:block}
.wrimg .sig{position:absolute;left:18px;bottom:16px;width:auto;height:34px;background:#fff;border-radius:8px;padding:6px 10px;box-shadow:0 8px 20px -10px #0004}
.wr h2{font-size:34px;color:var(--brand-xd);margin-top:6px}
.wr p{font-family:var(--serif);font-size:17px;line-height:1.65;color:var(--fg);margin-top:14px}
.wbad{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.wbad li{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--brand-xd)}
.wr .more{display:inline-block;margin-top:18px}
.wend{padding:64px 0}
.we{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:radial-gradient(90% 140% at 100% 0%,#0f3d6e 0%,#06223f 60%);border-radius:22px;padding:44px;color:#fff}
.we .k{margin-top:0}
.we h2{font-family:Alexandria,sans-serif;font-weight:600;font-size:38px;line-height:1.1;margin-top:10px;color:#fff}
.we>div>p{color:#c4d2e0;margin-top:10px}
.we .wf{margin-top:0}
.we .wf label{color:#c4d2e0}
.we .wf input{background:#ffffff14;border-color:#ffffff30;color:#fff}
.we .wf input::placeholder{color:#8fa3b8}
.we .wf p{color:#9fb3c7}
@media (max-width:900px){.wgrid,.wr,.we{grid-template-columns:1fr}.ws3{grid-template-columns:1fr}}
@media (max-width:760px){
  .wh .bg{position:relative;width:auto;height:340px}
  .wh .bg::after{background:linear-gradient(0deg,#06223f 0%,#06223fcc 20%,transparent 60%)}
  .wgrid{margin-top:-110px;padding-block:0 36px;gap:26px}
  .wh h1{font-size:36px}
  .wtx>p{font-size:15.5px}
  .wfacts{gap:16px}
  .wcard{padding:22px}
  .wr{gap:26px}.wr h2{font-size:28px}.wr p{font-size:16px}
  .we{padding:26px 20px;gap:22px}.we h2{font-size:28px}
  .wend{padding:40px 0}
}
.hubsec{padding-block:52px 8px!important}
.hubsec+.hubsec{padding-top:44px!important}
.hubchips{margin:-6px 0 24px;align-items:center}
.hubchips>span{font-size:13px;font-weight:600;color:var(--dim);margin-right:4px}
@media (max-width:760px){.hubsec{padding-block:36px 4px!important}.hubsec+.hubsec{padding-top:32px!important}}
.wfacts,.wbad{list-style:none;padding:0}
.wfacts li::marker,.wbad li::marker{content:none}
.wgrid{grid-template-columns:minmax(0,600px) 1fr;padding-block:56px 60px}
.wh .bg{width:55%}
.wh .bg::after{background:linear-gradient(90deg,#06223f 0%,#06223fb3 22%,#06223f00 55%),linear-gradient(0deg,#06223f99 0%,transparent 30%)}
.wtx .wcard{margin-top:26px;padding:22px}
.wtx .wcard .wf{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:10px}
.wtx .wcard .wf .btn,.wtx .wcard .wf p{grid-column:1/-1}
.wtx .wcard .wf p{text-align:left}
@media (max-width:760px){.wtx .wcard .wf{grid-template-columns:1fr}.wgrid{grid-template-columns:1fr}}
@media (max-width:760px){.wh .bg{width:auto!important;position:relative}.wh .bg::after{background:linear-gradient(0deg,#06223f 0%,#06223fcc 20%,transparent 60%)!important}}

/* Uebersicht: Fokus-Beitrag ruhig auf durchgehendem Blau */
.hubhead{padding-bottom:8px}
.hubfeat{background:radial-gradient(90% 140% at 100% 0%,#0d3864 0%,#06223f 55%)!important;background-position:0 -200px;padding:28px 0 60px;margin-top:-1px}
.hubhead+.hubfeat{background:#06223f!important}
.hf{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;background:none!important;box-shadow:none!important;border-radius:0;overflow:visible}
.hf:hover{transform:none}
.hfimg{position:relative;min-height:0;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -28px #000c}
.hfimg img{transition:transform .5s}
.hf:hover .hfimg img{transform:scale(1.03)}
.hftx{padding:0}
.hftx h2{font-size:36px}
.hf:hover .hftx h2{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.hubhead{background:#06223f}
@media (max-width:900px){.hf{grid-template-columns:1fr;gap:22px}}
@media (max-width:760px){.hubfeat{padding:14px 0 36px}.hftx h2{font-size:25px}}
.menu>.mi>a,.menu>.mi>span{white-space:nowrap}

/* Arabische Begriffe als Kalligrafie im Hintergrund der dunklen Kopfbereiche */
.ph,.hubhead{position:relative;overflow:hidden}
.hubhead .in{position:relative}
.ph-ar{position:absolute!important;right:2%;top:50%;transform:translateY(-50%);margin:0!important;font-family:"Aref Ruqaa",Amiri,serif!important;font-weight:700;font-size:clamp(110px,15vw,230px)!important;line-height:1.3!important;color:#e9c98f!important;opacity:.1;pointer-events:none;user-select:none;z-index:0;white-space:nowrap;display:block!important}
.ph-ar::after{content:none!important}
.ph-grid>div:first-child h1,.ph-grid>div:first-child .crumbs,.ph-grid>div:first-child .ph-lead{position:relative;z-index:1}
.ph-side{position:relative;z-index:2}
.ph:has(.ph-img) .ph-ar{right:auto;left:30%;opacity:.08}
@media (max-width:760px){.ph-ar{font-size:110px!important;right:-4%;top:58%;opacity:.09}}

/* Genug Abstand vor dem Footer, auf allen Seiten */
main>:last-child{padding-bottom:88px!important}
@media (max-width:760px){main>:last-child{padding-bottom:56px!important}}
.ph-ar{font-family:"Aref Ruqaa Ink",Amiri,serif!important;opacity:.11}
.ph:has(.ph-img) .ph-side{position:static}
.ph:has(.ph-img) .ph-ar{left:auto;right:36%;z-index:2;opacity:.12}
.ph-side .stats{position:relative;z-index:2}
.ph-ar{font-family:Amiri,serif!important;font-weight:700;opacity:.12;font-size:clamp(120px,16vw,250px)!important}

/* Frage-Assistent */
.qa-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:9px;background:#06223f;color:#fff;border:0;border-radius:99px;padding:13px 20px 13px 16px;font:600 15px Alexandria,sans-serif;cursor:pointer;box-shadow:0 14px 34px -10px #00183399,0 0 0 1px #e9c98f55 inset;transition:transform .2s}
.qa-fab:hover{transform:translateY(-2px)}.qa-fab svg{color:#e9c98f}.qa-fab.on{opacity:0;pointer-events:none}
.qa-box{position:fixed;right:20px;bottom:20px;z-index:61;width:min(420px,calc(100vw - 32px));height:min(640px,calc(100vh - 40px));background:#fff;border-radius:18px;box-shadow:0 30px 70px -20px #001833aa;display:flex;flex-direction:column;overflow:hidden;font-family:Alexandria,sans-serif}
.qa-box[hidden]{display:none}
.qa-box header{background:radial-gradient(90% 140% at 100% 0%,#0f3d6e,#06223f 60%);color:#fff;padding:16px 18px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.qa-box header b{display:block;font-family:Alexandria,serif;font-size:19px;font-weight:600}.qa-box header small{color:#c4d2e0;font-size:12.5px}
.qa-x{background:#ffffff1a;border:0;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.qa-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f6f8fb}
.qa-hi p,.qa-bot{background:#fff;border:1px solid #e5e9ef;border-radius:14px 14px 14px 4px;padding:12px 14px;font-family:Alexandria,serif;font-size:15.5px;line-height:1.55;color:#1c2733;margin:0}
.qa-bot p{margin:0 0 8px}.qa-bot p:last-of-type{margin-bottom:0}.qa-bot ul{margin:4px 0 8px;padding-left:20px}.qa-bot b{color:#003061}
.qa-me{align-self:flex-end;background:#06223f;color:#fff;border-radius:14px 14px 4px 14px;padding:10px 14px;font-size:14.5px;max-width:85%}
.qa-sug{display:flex;flex-direction:column;gap:6px;margin-top:10px}.qa-sug button{text-align:left;background:#fff;border:1px solid #d6e4ee;border-radius:10px;padding:9px 12px;font:500 13.5px Alexandria,sans-serif;color:#0F7199;cursor:pointer}.qa-sug button:hover{border-color:#2280A6;background:#f2f8fb}
.qa-ref{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#e3f0f6;color:#0F7199;font:700 11px Alexandria,sans-serif;text-decoration:none;vertical-align:2px;margin-left:2px;padding:0 4px}
.qa-src{margin-top:12px;border-top:1px solid #eef1f5;padding-top:10px;display:flex;flex-direction:column;gap:6px;font-family:Alexandria,sans-serif}
.qa-src small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#F05A28;font-weight:700}
.qa-src a{display:flex;gap:9px;align-items:flex-start;text-decoration:none;color:#0f1b2a;padding:6px;border-radius:8px}.qa-src a:hover{background:#f2f6fa}
.qa-src i{font-style:normal;flex:none;width:20px;height:20px;border-radius:50%;background:#2280A6;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.qa-src b{display:block;font-size:13px;font-weight:600;line-height:1.3}.qa-src em{font-style:normal;font-size:11.5px;color:#64748b}
.qa-fb{display:flex;gap:6px;align-items:center;margin-top:10px;font:12.5px Alexandria,sans-serif;color:#64748b}.qa-fb button{border:1px solid #e5e9ef;background:#fff;border-radius:8px;padding:3px 8px;cursor:pointer}
.qa-wait{display:flex;gap:5px;width:max-content}.qa-wait span{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:qaDot 1s infinite}.qa-wait span:nth-child(2){animation-delay:.15s}.qa-wait span:nth-child(3){animation-delay:.3s}
@keyframes qaDot{0%,80%,100%{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-3px)}}
.qa-in{display:flex;gap:8px;padding:12px;border-top:1px solid #e5e9ef;background:#fff}
.qa-in textarea{flex:1;resize:none;border:1px solid #dbe3eb;border-radius:12px;padding:10px 12px;font:15px Alexandria,sans-serif;outline:0;max-height:120px}.qa-in textarea:focus{border-color:#2280A6}
.qa-in button{flex:none;width:44px;border:0;border-radius:12px;background:#F05A28;color:#fff;cursor:pointer;display:grid;place-items:center}
.qa-note{margin:0;padding:0 14px 12px;font:11.5px/1.4 Alexandria,sans-serif;color:#94a3b8;background:#fff}
@media (max-width:760px){.qa-fab{right:14px;bottom:14px;padding:12px}.qa-fab span{display:none}.qa-box{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}}

/* Kalligrafie (Logo-Zeichen) groß und blass im Hintergrund der Kopfbereiche, wie auf der bisherigen Seite */
.ph::before,.hubhead::before{content:""!important;position:absolute;inset:-35% -5% -60%;z-index:0;opacity:.07!important;background:#fff!important;-webkit-mask:url("kalli-icon.svg") 62% 30%/auto 165% no-repeat;mask:url("kalli-icon.svg") 62% 30%/auto 165% no-repeat;pointer-events:none}
.ph.dark::before{opacity:.06!important}
.hubhead .in,.ph-grid{position:relative;z-index:1}
.ph-ar{opacity:.07!important}
@media (max-width:760px){.ph::before,.hubhead::before{-webkit-mask-size:auto 140%;mask-size:auto 140%;-webkit-mask-position:70% 20%;mask-position:70% 20%}}

/* NEU-Bereich auf E-Books und Infografiken */
.feat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;background:linear-gradient(180deg,#f5f8fb,#fff);border:1px solid #e5ebf1;border-radius:20px;padding:36px}
.feat.ig{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.feat-img .bimg{aspect-ratio:auto!important;max-width:340px;margin:auto}.feat-img .bimg img{width:100%;height:auto!important;transform:none!important}
.feat.ig .feat-img .bimg{max-width:420px;max-height:520px;overflow:hidden!important;border-radius:12px}
.feat-tx .badge{margin-right:8px}.feat-tx h2{font-family:Alexandria,sans-serif;font-weight:600;font-size:38px;line-height:1.12;color:#003061;margin-top:12px}
.feat-tx h2 a:hover{color:#2280A6}.feat-tx .ex{margin-top:14px;font-size:17px}.feat-tx .row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
@media (max-width:760px){.feat,.feat.ig{grid-template-columns:1fr;gap:22px;padding:22px}.feat-tx h2{font-size:27px}.feat-img .bimg{max-width:240px}.feat.ig .feat-img .bimg{max-height:360px}}

/* Kurs-Popup */
.pop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}.pop[hidden]{display:none}
.pop-bg{position:absolute;inset:0;background:#06223fb3;backdrop-filter:blur(4px);animation:popIn .3s}
.pop-box{position:relative;width:min(860px,100%);min-height:440px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#1d4f9c 0%,#123a7a 60%,#0d2c60 100%);color:#fff;box-shadow:0 40px 90px -20px #000b;animation:popUp .35s cubic-bezier(.2,.8,.3,1)}
.pop-cov{position:absolute;inset:0;opacity:.13;pointer-events:none}.pop-cov img{position:absolute;width:240px;border-radius:12px;filter:grayscale(.3)}
.pop-cov img:nth-child(1){left:-30px;top:40px;transform:rotate(-8deg)}.pop-cov img:nth-child(2){left:300px;top:-50px;transform:rotate(6deg)}.pop-cov img:nth-child(3){left:250px;bottom:-60px;transform:rotate(-4deg)}
.pop-tx{position:relative;z-index:2;padding:52px 0 48px 52px;max-width:500px}
.pop-tx h2{font-family:Alexandria,sans-serif;font-weight:700;font-size:31px;line-height:1.2;color:#fff;text-wrap:balance}
.pop-tx ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px}
.pop-tx li{display:flex;align-items:center;gap:14px;font-size:19px;font-weight:500}
.pop-tx li::before{content:"";flex:none;width:30px;height:30px;border-radius:9px;transform:rotate(45deg);background:#c9a26a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/16px no-repeat}
.pop-tx li::before{background-image:none}.pop-tx li{position:relative}.pop-tx li::after{content:"";position:absolute;left:9px;top:50%;width:12px;height:12px;transform:translateY(-55%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}
.pop-btn{display:inline-flex;align-items:center;gap:12px;margin-top:30px;background:#c9a26a;color:#fff;font-weight:600;font-size:19px;padding:15px 26px;border-radius:12px;box-shadow:0 12px 26px -10px #0007;transition:transform .2s,background .2s}.pop-btn:hover{background:#b98f55;transform:translateY(-2px)}
.pop-img{position:absolute;right:0;bottom:0;height:96%;width:auto;z-index:1;filter:drop-shadow(-20px 10px 30px #0005)}
.pop-x{position:absolute;right:16px;top:16px;z-index:3;width:48px;height:48px;border-radius:50%;background:#fff;color:#0f1b2a;border:2px solid #0f1b2a;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center}
@keyframes popIn{from{opacity:0}}@keyframes popUp{from{opacity:0;transform:translateY(24px) scale(.97)}}
@media (max-width:760px){.pop{padding:12px;align-items:end}.pop-box{min-height:0;border-radius:20px}.pop-tx{padding:28px 22px 26px;max-width:none}.pop-tx h2{font-size:23px;padding-right:44px;max-width:16em}
 .pop-tx li{font-size:16px}.pop-tx ul{gap:9px;margin-top:16px}.pop-btn{font-size:17px;padding:13px 20px;margin-top:22px}.pop-img{height:58%;right:-30px;opacity:.95}.pop-x{width:40px;height:40px;font-size:22px;right:12px;top:12px}}
.nl-note{font-size:12px;line-height:1.45;color:inherit;opacity:.75;margin:8px 0 0;flex-basis:100%;grid-column:1/-1}.nl-note a{text-decoration:underline}
.nl-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
/* Nur noch das Kalligrafie-Muster, kein zusätzliches arabisches Wort darüber */
.ph-ar{display:none!important}

/* Blog im Aufbau der Vorlage */
.bh{background:#f1f4f7;padding:34px 0 56px}
.bh .crumbs{margin-bottom:22px}
.bh-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.bh-img{aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 24px 50px -30px #00306166}.bh-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bh-feat:hover .bh-img img{transform:scale(1.03)}
.bh-tx .badge{margin-bottom:14px;display:inline-block}
.bh-tx h1{font-size:40px;line-height:1.12;letter-spacing:-.015em;color:#0f1b2a;font-weight:700;text-wrap:balance}.bh-feat:hover h1{color:#003061}
.bh-tx p{font-family:var(--serif);font-size:17.5px;line-height:1.6;color:#55606e;margin-top:16px}
.bc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.bc-tags span{font-size:12px;font-weight:600;color:#3b4654;background:#fff;border:1px solid #e3e8ee;border-radius:99px;padding:4px 11px}
.bc-meta{display:block;margin-top:12px;font-size:12.5px;color:#7a8594}
.bl{padding-top:64px!important}
.bl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.bl-head h2{font-size:34px;letter-spacing:-.015em;color:#0f1b2a}.bl-head p{color:#55606e;margin-top:8px;max-width:38em;font-size:15.5px}
.bl-sel select{appearance:none;background:#f1f4f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%230f1b2a'/%3E%3Cpath d='m8 10.5 4 4 4-4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 8px center/22px no-repeat;border:0;border-radius:99px;padding:10px 42px 10px 18px;font:500 14px Alexandria,sans-serif;color:#3b4654;min-width:230px;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bl-chips{margin:24px 0 40px!important;gap:8px}.bl-chips button{display:inline-flex;align-items:center;gap:8px;background:#f1f4f7!important;border:0!important;padding:7px 14px 7px 7px!important;border-radius:99px!important;font-size:13.5px!important;color:#3b4654!important}
.bl-chips button i{width:24px;height:24px;border-radius:50%;background:#0f1b2a;color:#fff;display:grid;place-items:center;font-style:normal}
.bl-chips button.on{background:#0f1b2a!important;color:#fff!important}.bl-chips button.on i{background:#F05A28}
.bl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 24px}
.bc{display:flex;flex-direction:column}.bc[hidden]{display:none}
.bc-img{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#f1f4f7}.bc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.bc:hover .bc-img img{transform:scale(1.04)}
.bc h3{font-size:17px;line-height:1.3;color:#0f1b2a;margin-top:16px;font-weight:700;text-wrap:balance}.bc:hover h3{color:#2280A6}
.bc p{font-family:var(--serif);font-size:14.5px;line-height:1.55;color:#55606e;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc .bc-tags{margin-top:12px}.bc .bc-tags span{background:#f1f4f7;border-color:#f1f4f7;font-size:11.5px}
.bc .bc-meta{margin-top:auto;padding-top:10px}
.bl-more{border-radius:99px!important;padding:11px 34px!important;border:1.5px solid #0f1b2a!important;color:#0f1b2a!important;background:#fff!important}
.nrs{background:#14181f;color:#fff;padding:84px 0 90px;margin-top:40px}
.nrs-h{text-align:center;max-width:36em;margin:0 auto 44px}.nrs-h h2{font-size:34px;color:#fff;letter-spacing:-.015em}.nrs-h p{color:#aeb6c1;margin-top:10px}
.nrs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.nr{background:#000;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,background .2s}.nr:hover{transform:translateY(-3px);background:#0b0d11}
.nr-k{font-size:12px;color:#e9c98f;font-weight:600}.nr h3{font-size:17px;line-height:1.3;color:#fff;font-weight:700}.nr p{font-family:var(--serif);font-size:14px;line-height:1.55;color:#aeb6c1;flex:1}
.nr-a{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin-top:6px}.nr-a img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff}
.nrs-more{text-align:center;margin-top:34px}.nrs-btn{border:1.5px solid #fff!important;color:#fff!important;background:transparent!important;border-radius:99px!important;padding:11px 34px!important}.nrs-btn:hover{background:#ffffff14!important}
.cta{margin-top:84px;background:#000;border-radius:28px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cta h2{font-size:36px;line-height:1.1;color:#fff;letter-spacing:-.015em}.cta p{color:#aeb6c1;margin-top:12px;max-width:28em}
.cta-box{display:flex;gap:10px;background:#1c2028;border-radius:18px;padding:10px}
.cta-box label{flex:1;display:flex;flex-direction:column;gap:6px;background:#262b34;border-radius:12px;padding:12px 14px;margin:0}
.cta-box label span{font-size:12px;font-weight:600;color:#fff}.cta-box input{background:transparent;border:0;outline:0;color:#fff;font:14.5px Alexandria,sans-serif}.cta-box input::placeholder{color:#7f8896}
.cta-go{flex:none;width:110px;border:0;border-radius:12px;background:#fff;color:#0f1b2a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 13px Alexandria,sans-serif;cursor:pointer}.cta-go:hover{background:#e9c98f}
@media (max-width:1100px){.bl-grid,.nrs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{grid-template-columns:1fr}}
@media (max-width:760px){.bh{padding:20px 0 34px}.bh-feat{grid-template-columns:1fr;gap:20px}.bh-tx h1{font-size:26px}.bh-tx p{font-size:15.5px}
 .bl{padding-top:40px!important}.bl-head{align-items:stretch}.bl-head h2{font-size:28px}.bl-sel select{width:100%}
 .bl-chips{flex-wrap:nowrap!important;overflow-x:auto;margin:18px -18px 28px!important;padding:0 18px}.bl-chips button{flex:none}
 .bl-grid{grid-template-columns:1fr;gap:34px}.nrs{padding:56px 0 60px}.nrs-h h2{font-size:28px}.nrs-grid{grid-template-columns:1fr}
 .cta{padding:28px 20px;margin-top:56px;border-radius:20px}.cta h2{font-size:27px}.cta-box{flex-direction:column}.cta-go{width:100%;flex-direction:row;padding:14px}}

/* ===== Glas-Effekt (Frosted Glass) ===== */
.top{background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid rgba(255,255,255,.55)!important;box-shadow:0 8px 30px -18px rgba(0,48,97,.35)}
.dd{background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border:1px solid rgba(255,255,255,.7)!important}
@media (max-width:980px){.mob{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:saturate(1.6) blur(22px);backdrop-filter:saturate(1.6) blur(22px)}}
.hp .hs,.wh .wcard,.ph .sfield,.stats{-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}
.hp .hs{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 40px -24px #0008!important}
.qa-fab{background:rgba(6,34,63,.78)!important;-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1px solid rgba(233,201,143,.35)!important}
.qa-box{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid rgba(255,255,255,.7)}
.qa-log{background:rgba(246,248,251,.6)}
.pop-x{background:rgba(255,255,255,.75)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pop-bg{-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.top,.dd,.mob,.qa-box{background:#fff!important}}

/* Schild über der Überschrift (Idee von Magnific) */
.hbadge{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:6px 14px 6px 6px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e7eef5;font-size:13px;max-width:100%;transition:background .2s}
.hbadge:hover{background:rgba(255,255,255,.18)}
.hbadge b{background:#e9c98f;color:#06223f;border-radius:99px;padding:3px 10px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;flex:none}
.hbadge span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbadge i{font-style:normal;color:#e9c98f}

/* Laufband mit Themen (Idee von Magnific) */
.tmarq{position:relative;overflow:hidden;background:#06223f;border-top:1px solid rgba(255,255,255,.08);padding:14px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tm-in{display:flex;gap:10px;width:max-content;animation:marq 60s linear infinite}
.tmarq:hover .tm-in{animation-play-state:paused}
.tm-in a{flex:none;padding:8px 16px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#dbe6ef;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s}
.tm-in a:hover{background:rgba(233,201,143,.18);color:#fff;border-color:rgba(233,201,143,.4)}
@keyframes marq{to{transform:translateX(-50%)}}
/* Vertrauenszeile */
.trust{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;padding-top:26px;padding-bottom:4px;color:#64748b;font-size:14px}
.trust b{color:#003061;font-size:16px;margin-right:4px}
/* Sanftes Einblenden beim Scrollen */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.rv-on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tm-in{animation:none}.rv{opacity:1;transform:none;transition:none}}
@media (max-width:760px){.hbadge{font-size:12px;margin-bottom:16px}.trust{gap:8px 16px;font-size:13px}.tm-in a{font-size:13px;padding:7px 13px}}

/* ===== Liquid Glass Knöpfe ===== */
.btn{position:relative;border-radius:14px!important;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s,filter .25s;isolation:isolate;overflow:hidden}
.btn::before{content:"";position:absolute;left:6%;right:6%;top:1px;height:48%;border-radius:12px 12px 40% 40%/12px 12px 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));opacity:.7;pointer-events:none;z-index:-1}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.99)}
.btn.b-acc{background:linear-gradient(180deg,rgba(255,138,92,.96) 0%,rgba(240,90,40,.94) 55%,rgba(222,74,28,.96) 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -6px 12px rgba(160,40,0,.22),0 10px 24px -10px rgba(240,90,40,.65),0 2px 6px -3px rgba(120,30,0,.35)!important;
 -webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6);text-shadow:0 1px 1px rgba(120,30,0,.25)}
.btn.b-acc:hover{filter:brightness(1.05) saturate(1.05);box-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -6px 12px rgba(160,40,0,.22),0 16px 30px -12px rgba(240,90,40,.7),0 2px 6px -3px rgba(120,30,0,.35)!important}
.btn.b-line{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,245,250,.78))!important;border:1px solid rgba(255,255,255,.85)!important;color:#0f2d5c!important;
 box-shadow:inset 0 1px 1px #fff,inset 0 -4px 10px rgba(34,128,166,.08),0 8px 20px -12px rgba(15,45,92,.35)!important;-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6)}
/* Auf dunklem Grund: durchsichtiges Glas statt weiß */
.hp .btn.b-line,.ph .btn.b-line,.hubfeat .btn.b-line,.wh .btn.b-line,.ak .btn.b-line,.nrs .btn,.f .btn.b-line,.hv-h .b-ghost{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.07))!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 10px 24px -14px rgba(0,0,0,.5)!important}
.pop-btn,.cta-go,.qa-in button{border-radius:14px!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -6px 12px rgba(0,0,0,.12),0 12px 24px -12px rgba(0,0,0,.45)!important}
.pop-btn{background:linear-gradient(180deg,#dcb984,#c9a26a 55%,#b88f55)!important;border:1px solid rgba(255,255,255,.35)}
.qa-in button{background:linear-gradient(180deg,#ff8a5c,#f05a28 55%,#de4a1c)!important}
.filters button,.filters a{box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 4px 12px -8px rgba(15,45,92,.25)}
.filters button.on{background:linear-gradient(180deg,#3a95bb,#2280A6 60%,#1a6f92)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 8px 18px -10px rgba(34,128,166,.7)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover,.btn:active{transform:none}}
.btn::before{opacity:.32;height:42%;filter:blur(.4px)}
.btn.b-acc{background:linear-gradient(180deg,#f77546 0%,#f05a28 55%,#e24d1e 100%)!important}
/* Knöpfe: flacher, weniger rund, durchsichtiger */
.btn{border-radius:8px!important;padding:8px 16px!important;font-weight:600}
.btn::before{display:none}
.btn.b-acc{background:rgba(240,90,40,.72)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 16px -10px rgba(240,90,40,.55)!important;text-shadow:none}
.btn.b-acc:hover{background:rgba(240,90,40,.85)!important;filter:none}
.btn.b-line{background:rgba(255,255,255,.45)!important;border:1px solid rgba(15,45,92,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 12px -8px rgba(15,45,92,.25)!important}
.btn.b-line:hover{background:rgba(255,255,255,.7)!important}
.hp .btn.b-line,.ph .btn.b-line,.hubfeat .btn.b-line,.wh .btn.b-line,.ak .btn.b-line,.nrs .btn,.f .btn.b-line,.hv-h .b-ghost{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important}
.pop-btn,.cta-go,.qa-in button{border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 16px -10px rgba(0,0,0,.4)!important}
.pop-btn{background:rgba(201,162,106,.8)!important;padding:12px 22px}
.qa-in button{background:rgba(240,90,40,.8)!important}
.filters button.on{background:rgba(34,128,166,.82)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.top .right .btn.b-acc{padding:8px 14px!important}

/* Seitenköpfe wie bei der Hadith Akademie: tiefes Blau, große Kalligrafie, kräftige Überschrift */
.ph,.hubhead{background:#001a3d!important}
.ph::after,.hubhead::after{content:none!important}
.ph::before,.hubhead::before{content:""!important;position:absolute;inset:0!important;z-index:0;opacity:.26!important;background:url("kalligrafie.svg") center/cover no-repeat!important;-webkit-mask:none!important;mask:none!important;pointer-events:none}
.ph.dark{background:linear-gradient(90deg,#001a3df5 0%,#001a3de6 55%,#001a3dc0 100%),var(--ph-img) center/cover!important}
.ph.dark::before{opacity:.2!important}
.ph-grid{padding-block:80px!important}
.hubhead{padding:80px 0 56px!important}
.ph h1,.hubhead h1{font-family:Alexandria,sans-serif!important;font-weight:700!important;font-size:clamp(38px,5.6vw,72px)!important;line-height:1.06!important;letter-spacing:-.02em!important;margin-top:14px!important;max-width:18ch;color:#fff!important}
.ph .crumbs,.hubhead .crumbs{font-size:12px!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#e9c98f!important}
.ph .crumbs a,.hubhead .crumbs a{color:#e9c98fb3!important}
.ph .crumbs span:last-child,.hubhead .crumbs span:last-child{color:#e9c98f!important}
.ph-lead,.hubhead p{font-family:Alexandria,sans-serif!important;font-size:17px!important;line-height:1.65!important;color:rgba(255,255,255,.7)!important;max-width:36em;margin-top:20px!important}
.hubfeat,.hubhead+.hubfeat{background:#001a3d!important}
.hftx h2{font-family:Alexandria,sans-serif!important;font-weight:700!important;letter-spacing:-.015em}
@media (max-width:760px){.ph-grid{padding-block:48px!important}.hubhead{padding:48px 0 32px!important}.ph h1,.hubhead h1{font-size:36px!important}.ph-lead,.hubhead p{font-size:15.5px!important}}
.ph::before,.hubhead::before{opacity:.075!important;-webkit-mask:linear-gradient(180deg,#000 55%,transparent)!important;mask:linear-gradient(180deg,#000 55%,transparent)!important}
.ph.dark::before{opacity:.06!important}

/* Newsletter-Formulare: Feld + Knopf in einer Zeile, Hinweis darunter; nie breiter als der Bildschirm */
.nl,.box form,.subs form{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0;max-width:100%}
.nl input[type=email],.box form input[type=email],.subs form input[type=email]{flex:1 1 170px!important;min-width:0!important;width:auto!important;border-radius:6px!important;border:1px solid #d5dde6!important;padding:11px 12px!important;font-size:15px}
.f .nl input[type=email]{border-color:#ffffff40!important;background:#ffffff14;color:#fff}
.f .nl input[type=email]::placeholder{color:#c4d2e0}
.nl button,.box form button,.subs form button{flex:0 0 auto!important;border-radius:6px!important;height:auto!important}
.nl-note{flex:1 1 100%!important;margin:4px 0 0!important;font-size:12.5px!important;line-height:1.5!important}
.f>*,.f .in>*,.subs .box{min-width:0}
html,body{overflow-x:clip}

/* Knöpfe: Stil A – klassisch flach, kräftige Farbe, kleiner */
.btn,.nl button{border-radius:6px!important;padding:10px 18px!important;font-size:14.5px!important;font-weight:600!important;line-height:1.2!important;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.btn::before,.btn::after{display:none!important}
.btn.b-acc,.nl button{background:#F05A28!important;color:#fff!important;border:1px solid #F05A28!important}
.btn.b-acc:hover,.nl button:hover{background:#d94c1c!important;border-color:#d94c1c!important}
.btn.b-line{background:#fff!important;color:#0f1b2a!important;border:1px solid #d5dde6!important}
.btn.b-line:hover{border-color:#0f2d5c!important}
.hp .btn.b-line,.ph .btn.b-line,.hubfeat .btn.b-line,.wh .btn.b-line,.ak .btn.b-line,.nrs .btn,.f .btn.b-line,.hv-h .b-ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}
.pop-btn{background:#c9a26a!important;border-radius:6px!important}
.qa-in button{background:#F05A28!important}
.filters button.on{background:#2280A6!important}
@media (max-width:760px){.btn,.nl button{padding:9px 16px!important;font-size:14px!important}}

/* Themen-Laufband: durchgehend dunkel, schlichter Text mit Goldpunkten statt Pillen */
.tmarq{background:#001a3d!important;-webkit-mask:none!important;mask:none!important;border-top:1px solid rgba(233,201,143,.15)!important;border-bottom:1px solid rgba(233,201,143,.15);padding:16px 0!important}
.tmarq::before,.tmarq::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}
.tmarq::before{left:0;background:linear-gradient(90deg,#001a3d,transparent)}
.tmarq::after{right:0;background:linear-gradient(270deg,#001a3d,transparent)}
.tm-in{gap:0!important}
.tm-in a{background:none!important;border:0!important;border-radius:0!important;padding:0 22px!important;color:rgba(255,255,255,.72)!important;font-size:14px!important;font-weight:500;letter-spacing:.02em;position:relative}
.tm-in a::after{content:"";position:absolute;right:-2px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#e9c98f;opacity:.7}
.tm-in a:hover{color:#e9c98f!important;background:none!important}
@media (max-width:760px){.tm-in a{font-size:13px!important;padding:0 16px!important}.tmarq::before,.tmarq::after{width:40px}}

/* Videos in Artikeln: sichtbar mit Bedienleiste */
.prose figure video,.prose video{display:block;width:100%;height:auto;max-height:75vh;background:#0b1626;border-radius:12px}

/* Einblenden nur noch weich, ohne Springen; auf dem Handy ganz aus */
.rv{transform:none!important;transition:opacity .5s ease!important}
@media (max-width:760px){.rv{opacity:1!important;transition:none!important}}

/* „In Vorbereitung“: saubere Kästchen, die nicht zerbrechen */
.vmore>div{display:flex!important;flex-wrap:wrap;gap:8px}
.vmore>div>*{display:inline-block!important;max-width:100%;padding:8px 14px!important;border-radius:8px!important;background:#f1f4f8;color:#0f1b2a;font-size:14px!important;font-weight:600;line-height:1.35!important;margin:0!important}

/* Handy: E-Books und Infografiken als 2er-Raster statt abgeschnittener Reihe; Wisch-Reihen klar erkennbar */
@media (max-width:760px){
  .ebooks,.igs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px 14px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin:0!important}
  .ebooks>*,.igs>*{width:auto!important;min-width:0!important;flex:none!important}
  .igs>*:nth-child(n+5){display:none!important}
  .ebooks h4,.igs h4{font-size:14.5px!important;line-height:1.3}
  .ebooks .type,.igs .type{font-size:10.5px!important;letter-spacing:.12em}
  .cards>*,.vids>*,.sirow>*{flex:0 0 80%!important;width:80%!important}
  /* Kopfleiste ruhig und einfarbig */
  .top{background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 1px 0 #e6ebf1!important}
  .top::before,.top::after{display:none!important}
}
.vmore>div>a>span{display:inline!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;font:inherit!important;white-space:normal!important}
.vmore>div>a:hover{background:#e6ecf3}

/* Startbereich: Logo-Blau, ohne Serifen, neues Foto */
.hp{background:radial-gradient(120% 120% at 85% 30%,#2280A6 0%,#145f82 38%,#0b3d58 75%,#082e44 100%)!important}
.hp .bg{width:52%!important;right:0}
.hp .bg img{object-fit:cover;object-position:70% 20%!important;mix-blend-mode:lighten;filter:saturate(.95) contrast(1.05);-webkit-mask:linear-gradient(90deg,transparent 0%,#000 35%),linear-gradient(0deg,transparent 0%,#000 25%);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent 0%,#000 35%) intersect,linear-gradient(0deg,transparent 0%,#000 25%)}
.hp .bg::after{content:none!important}
.hp h1,.hp h1 em,.hp h1 i{font-family:Alexandria,sans-serif!important;font-weight:700!important;font-style:normal!important;letter-spacing:-.025em!important;line-height:1.08!important}
.hp h1{font-size:clamp(36px,5vw,64px)!important}
.hp h1 em,.hp h1 i{color:#e9c98f!important}
.hp .tx p,.hp .k{font-family:Alexandria,sans-serif!important}
.hp .hs{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important}
.tmarq{background:#082e44!important;border-color:rgba(255,255,255,.1)!important}
.tmarq::before{background:linear-gradient(90deg,#082e44,transparent)!important}
.tmarq::after{background:linear-gradient(270deg,#082e44,transparent)!important}
@media (max-width:760px){.hp .bg{width:100%!important;opacity:.35}.hp .bg img{object-position:75% 15%!important}}

/* Startbereich: freigestelltes Foto ohne Überblend-Effekt (Safari-sicher) + Logo-Kalligrafie */
.hp .bg img{mix-blend-mode:normal!important;filter:none!important;object-position:70% 20%!important;-webkit-mask:radial-gradient(ellipse 80% 95% at 68% 35%,#000 50%,transparent 100%)!important;mask:radial-gradient(ellipse 80% 95% at 68% 35%,#000 50%,transparent 100%)!important;-webkit-mask-composite:initial!important;mask-composite:initial!important}
.hp::before{content:"";position:absolute;z-index:0;top:-12%;bottom:-30%;left:-8%;width:62%;background:#fff;opacity:.06;-webkit-mask:url("kalli-icon.svg") center/contain no-repeat;mask:url("kalli-icon.svg") center/contain no-repeat;pointer-events:none}
@media (max-width:760px){.hp::before{left:-20%;width:140%;top:20%;bottom:-10%;opacity:.05}.hp .bg{opacity:.4!important}}
/* Foto immer vollständig, rechts unten, weicher Übergang ohne Kante */
.hp .bg{left:auto!important;right:0!important;width:min(56%,860px)!important;opacity:1}
.hp .bg img{object-fit:contain!important;object-position:right bottom!important;-webkit-mask:linear-gradient(90deg,transparent 0%,#000 28%)!important;mask:linear-gradient(90deg,transparent 0%,#000 28%)!important}
@media (min-width:1600px){.hp .bg{right:calc((100vw - 1500px)/2)!important}}
@media (max-width:760px){.hp .bg{width:100%!important}.hp .bg img{object-fit:cover!important;object-position:70% 15%!important;-webkit-mask:linear-gradient(0deg,transparent 0%,#000 45%)!important;mask:linear-gradient(0deg,transparent 0%,#000 45%)!important}}

/* Startbereich v3: sauber freigestelltes Foto, voll deckend, ohne Masken und Kanten */
.hp .bg{position:absolute!important;top:auto!important;bottom:0!important;left:auto!important;right:max(0px,calc((100vw - 1320px)/2))!important;height:94%!important;width:auto!important;aspect-ratio:900/1228;opacity:1!important}
.hp .bg img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;-webkit-mask:none!important;mask:none!important;mix-blend-mode:normal!important;filter:drop-shadow(0 20px 40px rgba(0,20,40,.35))!important}
@media (max-width:1100px){.hp .bg{right:-40px!important;height:88%!important}}
@media (max-width:760px){
  .hp .bg{position:relative!important;right:auto!important;height:330px!important;width:100%!important;aspect-ratio:auto;margin-top:18px}
  .hp .bg img{object-position:center bottom!important}
  .hp .in{min-height:0!important;padding-top:28px!important}
}

/* ===== Startbereich (neu, sauber): Text links, gerahmtes Studiofoto rechts ===== */
.hx{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0f5679 0%,#0b3f5c 55%,#082f46 100%)}
.hx::before{content:"";position:absolute;z-index:0;left:-6%;top:-10%;bottom:-25%;width:55%;background:#fff;opacity:.05;-webkit-mask:url("kalli-icon.svg") center/contain no-repeat;mask:url("kalli-icon.svg") center/contain no-repeat;pointer-events:none}
.hx-g{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center;padding-block:72px 84px}
.hx-k{display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#e9c98f}
.hx-k::before{content:"";width:34px;height:1.5px;background:#e9c98f}
.hx h1{font-family:Alexandria,sans-serif;font-weight:700;font-size:clamp(34px,4.3vw,58px);line-height:1.08;letter-spacing:-.025em;color:#fff;margin:16px 0 0;border:0;padding:0;text-wrap:balance}
.hx h1 em{font-style:normal;color:#e9c98f}
.hx p{font-family:Alexandria,sans-serif;font-size:17px;line-height:1.65;color:rgba(255,255,255,.78);margin:20px 0 0;max-width:34em}
.hx .hs{display:flex;gap:8px;margin-top:30px;max-width:540px;padding:6px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.hx .hs input{flex:1;min-width:0;border:0;outline:0;background:none;color:#fff;font:inherit;font-size:15px;padding:8px 10px}
.hx .hs input::placeholder{color:rgba(255,255,255,.6)}
.hx .hs .btn{flex:none}
.hx-p{position:relative;margin:0;justify-self:end;width:100%;max-width:400px}
.hx-p::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1.5px solid rgba(233,201,143,.55);border-radius:20px;z-index:-1}
.hx-p>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:18px;box-shadow:0 30px 60px -28px rgba(0,0,0,.7)}
.hx-p figcaption{position:absolute;left:-28px;bottom:28px;display:flex;flex-direction:column;gap:2px;background:#fff;color:#0f2d5c;border-radius:12px;padding:10px 16px 12px;box-shadow:0 18px 40px -18px rgba(0,0,0,.5)}
.hx-p figcaption img{height:30px;width:auto;display:block}
.hx-p figcaption span{font-size:12px;font-weight:600;color:#5b6b7d}
@media (max-width:900px){
  .hx-g{grid-template-columns:1fr;gap:40px;padding-block:40px 56px}
  .hx-p{justify-self:center;max-width:300px}
  .hx-p figcaption{left:-14px;bottom:18px}
  .hx p{font-size:15.5px}
  .hx::before{width:120%;left:-30%;top:0}
}

/* Knöpfe endgültig: flach und klar, ohne Glanzkante und Schein */
.btn,.btn.b-acc,.btn.b-line,.nl button,.qa-in button{box-shadow:none!important;text-shadow:none!important;border-radius:8px!important;padding:12px 22px!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;transition:background-color .15s,border-color .15s,transform .15s!important}
.btn::before,.btn::after{display:none!important}
.btn.b-acc,.nl button,.qa-in button{background:#F05A28!important;border:0!important;color:#fff!important}
.btn.b-acc:hover,.nl button:hover,.qa-in button:hover{background:#d94c1c!important;transform:translateY(-1px)}
.btn:active{transform:translateY(0)!important}
.btn.b-line{background:#fff!important;color:#0b3248!important;border:1.5px solid #d5dde6!important}
.btn.b-line:hover{border-color:#2280A6!important;color:#2280A6!important}
.hp .btn.b-line,.ph .btn.b-line,.hubfeat .btn.b-line,.wh .btn.b-line,.ak .btn.b-line,.nrs .btn,.f .btn.b-line,.hv-h .b-ghost{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)!important}
.hp .btn.b-line:hover,.ph .btn.b-line:hover,.hubfeat .btn.b-line:hover,.wh .btn.b-line:hover,.ak .btn.b-line:hover,.nrs .btn:hover,.f .btn.b-line:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important;color:#fff!important}
.top .right .btn.b-acc{padding:9px 16px!important;font-size:14px!important}
.hs .btn,.hsearch .btn{padding:10px 18px!important}
@media (max-width:760px){.btn,.btn.b-acc,.btn.b-line,.nl button{padding:11px 18px!important;font-size:14.5px!important}}
.btn{white-space:nowrap;flex-shrink:0;justify-content:center}

/* Zahlen-Kasten in den Seitenköpfen: Glas, durchsichtig, ohne Serifen */
.stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;background:none!important;border:0!important;border-radius:0!important;overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.stats>div{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 100%)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;padding:18px 18px 16px!important;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 40px -24px rgba(0,0,0,.6)}
.stats>div::after{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);pointer-events:none}
.stats div:nth-child(3):last-child{grid-column:auto!important}
.stats b{font-family:Alexandria,sans-serif!important;font-weight:700!important;font-size:30px!important;letter-spacing:-.02em;line-height:1.1!important;color:#fff!important}
.stats span{display:block;margin-top:4px;font-size:13px!important;color:rgba(255,255,255,.75)!important}
@media (max-width:760px){.stats{gap:8px!important}.stats>div{padding:14px 12px 12px!important;border-radius:14px!important}.stats b{font-size:24px!important}.stats span{font-size:11.5px!important;line-height:1.3}}
@media (max-width:760px){.ph-side .stats span,.stats>div>span{font-size:11px!important;overflow-wrap:anywhere;hyphens:auto}.ph-side .stats>div{padding:14px 10px 12px!important}}
@media (max-width:760px){.ph-side .stats span,.stats>div>span{font-size:10.5px!important;hyphens:none!important;overflow-wrap:normal!important;white-space:nowrap}.ph-side .stats>div{padding:14px 9px 12px!important}.ph-side .stats{gap:7px!important}}

/* Arabische Schrift: Aref Ruqaa (handschriftlich), Amiri nur als Ersatz */
:root{--ar:"Aref Ruqaa",Amiri,serif}
.ph-ar{font-family:"Aref Ruqaa",Amiri,serif!important}
.art{font-family:"Aref Ruqaa",Amiri,serif!important;line-height:1!important;font-size:1.05em!important;vertical-align:-.05em;padding:.12em .4em!important}
.prose .ar,.prose [dir=rtl]{font-family:"Aref Ruqaa",Amiri,serif!important;line-height:2.15!important}

/* Knöpfe mit feinem Glas-Glanz (dezent, ohne dicke Kante) */
.btn{position:relative;isolation:isolate;overflow:hidden}
.btn::before{content:""!important;display:block!important;position:absolute;left:1px;right:1px;top:1px;height:52%;border-radius:7px 7px 50% 50%/7px 7px 10px 10px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.04));pointer-events:none;z-index:-1}
.btn.b-acc,.nl button,.qa-in button{background:linear-gradient(180deg,#ff7c48 0%,#F05A28 55%,#e14d1e 100%)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 8px rgba(140,35,0,.22),0 10px 22px -10px rgba(240,90,40,.6)!important}
.btn.b-acc:hover,.nl button:hover,.qa-in button:hover{background:linear-gradient(180deg,#ff865a 0%,#f2622f 55%,#e3521f 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 8px rgba(140,35,0,.2),0 14px 26px -10px rgba(240,90,40,.7)!important}
.btn.b-line{background:linear-gradient(180deg,#fff,#f1f6f9)!important;box-shadow:inset 0 1px 0 #fff,0 6px 16px -10px rgba(11,50,72,.3)!important}
.btn.b-line::before{opacity:.6}
.hp .btn.b-line,.ph .btn.b-line,.hubfeat .btn.b-line,.wh .btn.b-line,.ak .btn.b-line,.nrs .btn,.f .btn.b-line,.hv-h .b-ghost{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06))!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px -12px rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}

/* ===== Über uns: neu geordnet, ohne Serifen ===== */
.founder .ex,.founder .ex p,.diss p,.ijaza p,.kreis p{font-family:Alexandria,sans-serif!important;font-style:normal!important;font-size:16px!important;line-height:1.75!important;color:#33495a}
.kreis p{color:rgba(255,255,255,.85)!important}
.diss p{font-weight:500;color:#0b3248!important}
.uprinc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.uprinc>div{background:#fff;border:1px solid #d9e6ee;border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;gap:6px}
.uprinc i,.ufoc i,.uproj i{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e6f2f8;color:#2280A6}
.uprinc i{margin-bottom:10px}
.uprinc svg,.ufoc svg,.uproj svg{width:23px;height:23px}
.uprinc b{font-size:18px;color:#0b3248}.uprinc span{font-size:14px;color:#5b7282;line-height:1.5}
.utl{list-style:none;margin:28px 0 0;padding:0;position:relative;max-width:820px}
.utl::before{content:"";position:absolute;left:112px;top:8px;bottom:8px;width:2px;background:linear-gradient(#2280A6,rgba(34,128,166,.15))}
.utl li{position:relative;display:grid;grid-template-columns:100px 1fr;gap:34px;padding:0 0 26px}
.utl li::before{content:"";position:absolute;left:106px;top:8px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #2280A6;box-sizing:border-box}
.utl li.on::before{background:#F05A28;border-color:#F05A28;box-shadow:0 0 0 5px rgba(240,90,40,.18)}
.uy{font-weight:700;font-size:15px;color:#2280A6;text-align:right;padding-top:3px;white-space:nowrap}
.utl li.on .uy{color:#F05A28}
.uc{background:#fff;border:1px solid #d9e6ee;border-radius:16px;padding:18px 22px}
.uc b{display:block;font-size:17px;color:#0b3248}.uc p{margin:6px 0 0;font-size:15px;line-height:1.65;color:#4d6676}
.uc small{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:#2280A6;font-weight:500}
.uc small svg{width:15px;height:15px;flex:none}
.ufoc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ufoc>div{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #d9e6ee;border-radius:18px;padding:22px}
.ufoc b{display:block;font-size:17px;color:#0b3248;line-height:1.3}.ufoc p{margin:6px 0 0;font-size:14.5px;line-height:1.6;color:#4d6676;font-family:Alexandria,sans-serif}
.uproj{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.uproj a{position:relative;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #d9e6ee;border-radius:18px;padding:22px;text-decoration:none;transition:.18s}
.uproj a:hover{border-color:#2280A6;transform:translateY(-2px);box-shadow:0 16px 34px -22px rgba(11,50,72,.45)}
.uproj b{display:block;font-size:16px;color:#0b3248;word-break:break-word}.uproj p{margin:5px 0 0;font-size:14px;line-height:1.55;color:#4d6676;font-family:Alexandria,sans-serif}
.uproj em{position:absolute;right:20px;top:20px;font-style:normal;color:#2280A6;font-size:18px}
.ph-side .stats>div:nth-child(4):last-child{grid-column:auto!important}
@media (max-width:1000px){.uprinc,.uproj{grid-template-columns:repeat(2,minmax(0,1fr))}.ufoc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 .uprinc{gap:10px}.uprinc>div{padding:18px 16px}.uprinc b{font-size:15.5px}.uprinc span{font-size:12.5px}
 .ufoc,.uproj{grid-template-columns:1fr;gap:10px}.ufoc>div{padding:18px}
 .uproj a{flex-direction:row;align-items:center;padding:16px 44px 16px 16px}
 .utl::before{left:7px}.utl li{grid-template-columns:1fr;gap:6px;padding:0 0 22px 30px}.utl li::before{left:0;top:3px}
 .uy{text-align:left;padding:0}
 .uc{padding:16px 18px}
 .ph-side .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.founder+.in>.kick,.tintbg .in>.kick{display:block;margin-top:56px}
.founder+.in .h2s,.tintbg .in>.h2s{margin-top:8px}
.uprinc b{overflow-wrap:anywhere;hyphens:auto}
@media (max-width:760px){.uprinc b{font-size:14.5px;letter-spacing:-.01em}}
.ph-side .stats:has(>div:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* ===== Buttons Variante A: Glas-Orange + helles Glas (09.11.2026) ===== */
.btn,.nl button,.qa-in button{position:relative;isolation:isolate;overflow:hidden;border-radius:12px!important;padding:12px 22px!important;font-weight:600!important;transition:transform .2s,box-shadow .25s,background .25s!important}
.btn::before,.btn::after{display:none!important}
.btn:hover,.nl button:hover,.qa-in button:hover{transform:translateY(-2px)!important}
.btn:active,.nl button:active,.qa-in button:active{transform:scale(.97)!important}
.btn.b-acc,.nl button,.qa-in button{background:linear-gradient(180deg,rgba(255,124,72,.94),rgba(240,90,40,.88))!important;border:1px solid rgba(255,190,160,.5)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 30px -10px rgba(240,90,40,.75)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn.b-acc:hover,.nl button:hover,.qa-in button:hover{background:linear-gradient(180deg,rgba(255,132,82,.97),rgba(242,96,46,.93))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 38px -8px rgba(240,90,40,.9)!important}
.btn.b-line{background:rgba(255,255,255,.62)!important;color:#0b3248!important;border:1px solid rgba(11,50,72,.14)!important;box-shadow:inset 0 1px 0 #fff,0 8px 22px -14px rgba(11,50,72,.35)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}
.btn.b-line:hover{background:rgba(255,255,255,.85)!important;border-color:rgba(34,128,166,.45)!important;color:#0b3248!important}
.hp .btn.b-line,.ph .btn.b-line,.hubfeat .btn.b-line,.wh .btn.b-line,.ak .btn.b-line,.nrs .btn,.f .btn.b-line,.hv-h .b-ghost,.kreis .btn.b-line{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}
.hp .btn.b-line:hover,.ph .btn.b-line:hover,.hubfeat .btn.b-line:hover,.wh .btn.b-line:hover,.ak .btn.b-line:hover,.nrs .btn:hover,.f .btn.b-line:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.35)!important}
.top .right .btn.b-acc{padding:9px 16px!important;border-radius:10px!important}
.hs .btn,.hsearch .btn{padding:10px 18px!important;border-radius:10px!important}
@media (max-width:760px){.btn,.nl button{padding:11px 18px!important}}
@media (prefers-reduced-motion:reduce){.btn:hover,.btn:active{transform:none!important}}
.uproj em{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f2f7fa;color:#2280A6;transition:.18s}
.uproj em svg{width:16px;height:16px}
.uproj a:hover em{background:#2280A6;color:#fff}
@media (max-width:760px){.uproj em{top:50%;transform:translateY(-50%);right:14px}}
/* Variante A: Form sicher durchsetzen */
.btn,.btn.b-acc,.btn.b-line,.nl button,.qa-in button{border-radius:12px!important;padding:12px 22px!important;font-size:15px!important}
.top .right .btn.b-acc{border-radius:10px!important;padding:9px 16px!important;font-size:14px!important}
.hs .btn.b-acc,.hsearch .btn.b-acc,.hx .hs .btn{border-radius:10px!important;padding:10px 18px!important}
@media (max-width:760px){.btn,.btn.b-acc,.btn.b-line,.nl button{padding:11px 18px!important;font-size:14.5px!important}}

/* Arabisch im Fließtext: ruhige Naskh-Schrift (Amiri), Aref Ruqaa nur für Zierzeilen und Namen */
.art{font-family:Amiri,serif!important;font-size:1.08em!important;line-height:1!important;vertical-align:baseline!important;padding:.05em .4em .15em!important}
.prose .ar,.prose [dir=rtl]{font-family:Amiri,serif!important;line-height:2!important}

/* Arabisch nur Amiri (kein Aref Ruqaa mehr); keine Serifen: Source Serif überall durch Alexandria ersetzt */
:root{--ar:Amiri,serif!important}
.ph-ar,.art,.prose .ar,.prose [dir=rtl]{font-family:Amiri,serif!important}
.prose,.prose p,.prose li,.prose blockquote,.prose td,.prose th{font-family:Alexandria,sans-serif!important}
.prose{font-size:16.5px;line-height:1.8}


/* Fließtext der Artikel wieder mit Serifen (Source Serif 4), wie am Anfang. Überschriften, Karten, Menüs bleiben Alexandria, Arabisch Amiri. */
.prose,.prose p,.prose li,.prose blockquote,.prose td,.prose th,.prose dd{font-family:"Source Serif 4",Georgia,serif!important}
.prose{font-size:18.5px!important;line-height:1.75!important}
.prose h2,.prose h3,.prose h4,.prose th,.prose figcaption,.prose .sumbox,.prose .sumbox *{font-family:Alexandria,sans-serif!important}
.prose .ar,.prose [dir=rtl],.prose .art,.prose [lang=ar]{font-family:Amiri,serif!important}
@media (max-width:760px){.prose{font-size:17.5px!important}}
/* Beschreibungen und Untertitel wieder mit Serifen, wie am Anfang (Über uns, Karten) */
.founder .ex,.founder .ex p,.ijaza p,.uc p,.ufoc p,.uproj p,.uprinc span,.kreis p{font-family:"Source Serif 4",Georgia,serif!important}
.diss p{font-family:"Source Serif 4",Georgia,serif!important;font-style:italic!important}
.founder .ex,.founder .ex p{font-size:17px!important}
/* Buttons rund wie bei hadith-akademie.de (Pillenform) */
.btn,.btn.b-acc,.btn.b-line,.nl button,.qa-in button,.top .right .btn.b-acc,.hs .btn.b-acc,.hsearch .btn.b-acc,.hx .hs .btn,.pop-btn,.cta-go{border-radius:999px!important}
.btn,.btn.b-acc,.btn.b-line,.nl button{padding:12px 24px!important}
.hx .hs,.hp .hs,.hsearch,.hs{border-radius:999px!important}
.hx .hs input,.hp .hs input,.hs input{padding-left:16px!important}
.nl input[type=email],.box form input[type=email],.subs form input[type=email]{border-radius:999px!important;padding-left:16px!important}
@media (max-width:760px){.btn,.btn.b-acc,.btn.b-line,.nl button{padding:11px 20px!important}}

/* ===== Frage-Chat im Stil der Kursberatung (hadith-akademie.de): dunkles Glas ===== */
.qa-box{background:linear-gradient(170deg,rgba(16,52,82,.97) 0%,rgba(9,34,58,.98) 55%,rgba(6,26,46,.99) 100%)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:28px!important;box-shadow:0 40px 90px -30px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);color:#fff;overflow:hidden;display:flex;flex-direction:column}
.qa-box header{background:none!important;padding:18px 18px 16px!important;display:flex!important;align-items:center!important;gap:14px!important;border-bottom:1px solid rgba(255,255,255,.1)}
.qa-box header>div{flex:1;min-width:0}
.qa-ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;font-style:normal}
.qa-box header b{font-family:Alexandria,sans-serif!important;font-size:17px!important;font-weight:600!important;color:#fff}
.qa-box header small{display:block;color:rgba(255,255,255,.65)!important;font-size:13px!important;margin-top:2px}
.qa-x{background:none!important;width:40px!important;height:40px!important;color:#fff!important;display:grid;place-items:center;border-radius:50%!important}
.qa-x:hover{background:rgba(255,255,255,.08)!important}
.qa-log{background:none!important;padding:18px 16px!important;gap:12px!important}
.qa-hi p,.qa-bot{background:rgba(255,255,255,.07)!important;border:0!important;border-radius:20px!important;color:rgba(255,255,255,.92)!important;font-family:Alexandria,sans-serif!important;font-size:15px!important;line-height:1.65!important;padding:14px 16px!important;max-width:88%}
.qa-bot b{color:#e9c98f!important}
.qa-bot a{color:#9fd3ea}
.qa-me{background:linear-gradient(180deg,rgba(47,155,198,.9),rgba(34,128,166,.85))!important;color:#fff!important;border-radius:20px 20px 6px 20px!important;padding:11px 15px!important;font-size:15px!important}
.qa-sug{gap:8px!important;margin-top:12px!important}
.qa-sug button{align-self:flex-start;background:none!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;padding:10px 16px!important;color:#fff!important;font:400 14px Alexandria,sans-serif!important;transition:.15s}
.qa-sug button:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.4)!important}
.qa-ref{background:rgba(233,201,143,.2)!important;color:#e9c98f!important}
.qa-src{border-top:1px solid rgba(255,255,255,.1)!important}
.qa-src small{color:#e9c98f!important}
.qa-src a{color:#fff!important}.qa-src a:hover{background:rgba(255,255,255,.06)!important}
.qa-src i{background:rgba(233,201,143,.25)!important;color:#e9c98f!important}
.qa-src em{color:rgba(255,255,255,.55)!important}
.qa-fb{color:rgba(255,255,255,.6)!important}
.qa-fb button{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:999px!important}
.qa-wait span{background:rgba(255,255,255,.55)!important}
.qa-in{background:none!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:14px 14px 10px!important;gap:10px!important;align-items:center}
.qa-in textarea{background:rgba(255,255,255,.04)!important;border:1.5px solid rgba(233,201,143,.55)!important;border-radius:999px!important;color:#fff!important;padding:13px 20px!important;font:15px Alexandria,sans-serif!important;line-height:1.4!important}
.qa-in textarea::placeholder{color:rgba(255,255,255,.5)}
.qa-in textarea:focus{border-color:#e9c98f!important;box-shadow:0 0 0 3px rgba(233,201,143,.15)}
.qa-in button{width:50px!important;height:50px!important;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important;transform:none!important}
.qa-in:has(textarea:not(:placeholder-shown)) button{background:linear-gradient(180deg,rgba(255,124,72,.94),rgba(240,90,40,.88))!important;border-color:rgba(255,190,160,.5)!important;box-shadow:0 10px 24px -10px rgba(240,90,40,.75)!important}
.qa-note{background:none!important;color:rgba(255,255,255,.55)!important;font:12px/1.5 Alexandria,sans-serif!important;padding:0 18px 16px!important}
.qa-note a{color:rgba(255,255,255,.75)}
@media (max-width:760px){
 .qa-box{left:10px!important;right:10px!important;top:calc(env(safe-area-inset-top) + 76px)!important;bottom:10px!important;width:auto!important;height:auto!important;border-radius:26px!important}
}
.qa-box header b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa-in textarea{white-space:nowrap;overflow:hidden;height:50px;min-height:50px}
@media (max-width:760px){.qa-box header b{font-size:16px!important}}
.qa-in textarea{white-space:pre-wrap!important;overflow-y:auto!important;height:auto!important}
/* Unterschrift im Foto-Kärtchen nicht verzerren (Flex hat sie in die Breite gezogen) */
.hx-p figcaption img{align-self:flex-start;width:auto!important;height:34px;max-width:none;object-fit:contain}
/* Play-Buttons im Glas-Stil wie bei iOS: mattes, durchscheinendes Glas, weißes Symbol */
.hs .thumb em,.thumb em.dur{width:46px!important;height:46px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center;font-style:normal;font-size:16px!important;line-height:1;color:#fff!important;padding-left:3px!important;box-sizing:border-box;
 background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14))!important;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
 border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.12),0 8px 22px -8px rgba(0,0,0,.45)!important;text-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .25s,background .25s}
.thumb em.dur{width:40px!important;height:40px!important;font-size:14px!important;right:10px;bottom:10px}
a:hover .thumb em,a:hover .thumb em.dur{transform:scale(1.08);background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.2))!important}
@media (max-width:760px){.hs .thumb em{width:42px!important;height:42px!important}}
/* Startseiten-Header: dieselbe Kalligrafie wie in den Unterseiten-Headern (zart, nach unten ausgeblendet) */
.hx::before{content:""!important;position:absolute!important;inset:0!important;left:0!important;top:0!important;bottom:0!important;width:auto!important;z-index:0;opacity:.075!important;background:url("kalligrafie.svg") center/cover no-repeat!important;-webkit-mask:linear-gradient(180deg,#000 55%,transparent)!important;mask:linear-gradient(180deg,#000 55%,transparent)!important;pointer-events:none}

/* Handy-Menü (10.11.2026): Kopf bleibt sichtbar zum Schließen, Links in Logo-Blau, Suchfeld mit fester Farbe, richtiger Dunkelmodus */
html.menu-open .top{position:fixed!important;top:0;left:0;right:0;z-index:70}
html.menu-open,html.menu-open body{overflow:hidden}
.mob a{color:#2280A6!important}
.mob input{background:#fff;color:#0b3248;-webkit-appearance:none;appearance:none;font:inherit;font-size:16px;outline:none}
.mob input::placeholder{color:#8a9aa8}
.mob input:focus{border-color:#F05A28;box-shadow:0 0 0 3px rgba(240,90,40,.18)}
html.dk .mob{background:rgba(7,26,43,.96)!important}
html.dk .mob a{color:#eef3f7!important;border-color:rgba(255,255,255,.1)!important}
html.dk .mob input{background:rgba(255,255,255,.08)!important;color:#fff;border-color:rgba(255,255,255,.18)}
html.dk .mob input::placeholder{color:#a9bccb}
html.menu-open .top{background:#fff!important}
html.dk.menu-open .top{background:#071a2b!important}

/* Dunkler Modus: aus allen Seitentypen gesammelte Stellen mit hellem Hintergrund / dunkler Schrift (10.11.2026) */
html.dk .skip,html.dk .mh,html.dk .dd a,html.dk .mi a,html.dk .burger,html.dk .mob h6,html.dk .mob b,html.dk .mob a,html.dk .badge,html.dk .lead h3,html.dk .lead2 h3,html.dk .si h4,html.dk .latest a,html.dk .box li,html.dk .nl-note,html.dk .nl-note a,html.dk .card h4,html.dk .vid h4,html.dk .book h4,html.dk .list a,html.dk .path4 b,html.dk .area2 a,html.dk .prose,html.dk .start h3,html.dk .order b,html.dk .wip b,html.dk .sbox b,html.dk .sbox dt,html.dk .arw,html.dk .crumbs span,html.dk .bh-tx h1,html.dk .pc h4,html.dk .vfeat h3,html.dk .vchips span,html.dk .vcard b,html.dk .vmore span,html.dk .nowp h3,html.dk .eph b,html.dk .eplist span,html.dk .facts b{color:var(--dk-fg)!important}
html.dk .nlopt span,html.dk .nlopt b,html.dk .checks li,html.dk .relc b,html.dk .vbar button,html.dk .vbar a,html.dk .dlo b,html.dk .uprinc b,html.dk .fcard li,html.dk .diss p,html.dk .uc b,html.dk .ufoc b,html.dk .uproj b,html.dk .why b,html.dk .results b,html.dk .hs b,html.dk .prose p,html.dk .wr p,html.dk .sumbox li,html.dk .prose em,html.dk .igin b,html.dk .prose strong,html.dk .prose td,html.dk .pnav b,html.dk .tools button,html.dk .sumbox p,html.dk .prose u,html.dk .prose li,html.dk .prose th,html.dk .prose i{color:var(--dk-fg)!important}
html.dk .dd,html.dk .nsearch,html.dk .burger,html.dk .mob input,html.dk .img,html.dk .badge,html.dk .box,html.dk .box input,html.dk .nl-hp,html.dk .coll,html.dk .path4 a,html.dk .area2,html.dk .start,html.dk .wip,html.dk .sbox,html.dk .bimg.ig,html.dk .sbox.gl,html.dk .bh-img,html.dk .bc-tags span,html.dk .filters button,html.dk .field,html.dk .filters a,html.dk .vchips span,html.dk .vmore a,html.dk .eplist,html.dk .eph,html.dk .facts,html.dk .facts div,html.dk .nlopt input,html.dk .learn,html.dk .learn div,html.dk .relc,html.dk .relimg,html.dk .series,html.dk .viewer,html.dk .vbar,html.dk .vbar button,html.dk .vbar a,html.dk .uprinc div,html.dk .uprinc i{background-color:var(--dk-card)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
html.dk .fcard,html.dk .diss,html.dk .uc,html.dk .ufoc div,html.dk .ufoc i,html.dk .uproj a,html.dk .uproj i,html.dk .uproj em,html.dk .sbig input,html.dk .hq a,html.dk .filters span,html.dk .ha,html.dk .thumb em,html.dk .htimg,html.dk .wbad li,html.dk .sumbox,html.dk .igin,html.dk .prose blockquote,html.dk .tools button{background-color:var(--dk-card)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
html.dk .dd,html.dk .dd hr,html.dk .nsearch,html.dk .burger,html.dk .lead2,html.dk .latest,html.dk .latest a,html.dk .store,html.dk .box input,html.dk .nl-hp,html.dk .coll,html.dk .list,html.dk .path4 a,html.dk .area2,html.dk .area2 li,html.dk .wip,html.dk .sbox,html.dk .sbox.gl,html.dk .sbox dt,html.dk .bc-tags span,html.dk .filters button,html.dk .filters a,html.dk .vchips span,html.dk .vmore,html.dk .eplist,html.dk .facts,html.dk .nlopt,html.dk .nlopt input,html.dk .relc,html.dk .viewer,html.dk .dlo,html.dk .uprinc div,html.dk .uc,html.dk .ufoc div,html.dk .uproj a,html.dk .why div,html.dk .sbig input,html.dk .hq a,html.dk .filters span,html.dk .ha{border-color:var(--dk-line)!important}
html.dk .ht.ig,html.dk .wbad li,html.dk .prose td,html.dk .fns,html.dk .pnav a,html.dk .prose th{border-color:var(--dk-line)!important}
html.dk .dd small,html.dk .ex,html.dk .quiz p,html.dk .si p,html.dk .latest,html.dk .card p,html.dk .path4 small,html.dk .area2 p,html.dk .area2 small,html.dk .order p,html.dk .order small,html.dk .wip p,html.dk .sbox dd,html.dk .crumbs a,html.dk .crumbs i,html.dk .bh-tx p,html.dk .bc-tags span,html.dk .bc-meta,html.dk .filters button,html.dk .filters small,html.dk .pc p,html.dk .pm,html.dk .filters a,html.dk .eph span,html.dk .eplist i,html.dk .facts small,html.dk .dlsize,html.dk .ex p,html.dk .dlo span,html.dk .uprinc span,html.dk .ijaza p,html.dk .uc p,html.dk .ufoc p,html.dk .uproj p,html.dk .fine,html.dk .results p,html.dk .hq span,html.dk .filters span,html.dk .ar,html.dk .ha p{color:var(--dk-dim)!important}
html.dk .toc a,html.dk .fns p,html.dk .fns em,html.dk .pnav small{color:var(--dk-dim)!important}
html.dk .type,html.dk .quiz h3,html.dk .box h3,html.dk .vk,html.dk .list span,html.dk .h2row h2,html.dk .path4 span,html.dk .a-ar,html.dk .h2s,html.dk .order i,html.dk .wip i,html.dk .h2m,html.dk .h1d,html.dk .uy,html.dk .uc small,html.dk .hq b,html.dk .ha b,html.dk .ha small,html.dk .wr h2,html.dk .wbad li,html.dk .fine a,html.dk .prose h2,html.dk .art,html.dk .fnref,html.dk .igin a,html.dk .fnref sup,html.dk .fnref strong,html.dk .fns h2,html.dk .fnback,html.dk .fnback strong,html.dk .prose a,html.dk .prose h3{color:var(--dk-brand)!important}
html.dk .quiz,html.dk .card,html.dk .wrimg{background-image:none!important}
html.dk .subs,html.dk .sec.tintbg,html.dk .bh,html.dk .sec.wref,html.dk .sec.tintbg.related-wrap{background-color:var(--dk-bg2)!important}
/* Nachträge aus der Prüfung im dunklen Modus */
html.dk .si,html.dk .donbox,html.dk .seg,html.dk .wcard,html.dk .ws3>div,html.dk .amts button,html.dk .seg button{background-color:var(--dk-card)!important;border-color:var(--dk-line)!important;color:var(--dk-fg)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
html.dk .seg button.on,html.dk .amts button.on{background:rgba(108,195,230,.18)!important;border-color:rgba(108,195,230,.5)!important}
html.dk .eplist li.on{background:rgba(108,195,230,.12)!important}
html.dk .trust b,html.dk .trust span{color:var(--dk-fg)!important}
html.dk .trust span{color:var(--dk-dim)!important}html.dk .trust b{color:#fff!important}
html.dk main :is(h1,h2,h3,h4):not(.qa-box *){color:var(--dk-fg)}
html.dk .founder h2,html.dk .two2 h2{color:var(--dk-fg)!important}
html.dk .si *{color:inherit}html.dk .si p,html.dk .si small{color:var(--dk-dim)!important}
html.dk main b:not(.btn *){color:var(--dk-fg)}
html.dk .ws3 b,html.dk .wcard b{color:var(--dk-fg)!important}


/* ===== Dunkler Modus (html.dk) – Umschalter in der Kopfleiste, merkt sich die Wahl, folgt sonst dem Gerät ===== */
html.dk{--dk-bg:#071a2b;--dk-bg2:#0a2134;--dk-card:rgba(255,255,255,.045);--dk-fg:#eef3f7;--dk-dim:#a9bccb;--dk-brand:#6cc3e6;--dk-line:rgba(255,255,255,.1);color-scheme:dark}
html.dk,html.dk body{background:var(--dk-bg)!important;color:var(--dk-fg)}
html.dk main{background:var(--dk-bg)}
html.dk .top{background:rgba(7,26,43,.85)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;box-shadow:0 1px 0 rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.08)!important}
html.dk .top nav a,html.dk .top .mi>a,html.dk .top .mi>button{color:var(--dk-fg)!important}
html.dk img[src*="logo-farbe"]{content:url("logo-weiss.svg")}
html.dk .btn.b-line{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
html.dk .btn.b-line:hover{background:rgba(255,255,255,.13)!important}
html.dk input,html.dk textarea,html.dk select{background-color:rgba(255,255,255,.05)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
html.dk input::placeholder,html.dk textarea::placeholder{color:rgba(255,255,255,.5)!important}
html.dk .prose img,html.dk .card img,html.dk .vid img{filter:brightness(.94)}
html.dk hr{border-color:var(--dk-line)!important}
html.dk .prose blockquote{border-left-color:#e9c98f!important}
html.dk .prose table,html.dk .prose tr{background:transparent!important}
html.dk .prose tr:nth-child(even){background:rgba(255,255,255,.03)!important}
html.dk ::selection{background:rgba(108,195,230,.35)}
/* Umschalter */
.thm{flex:none;width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid rgba(11,50,72,.14);background:rgba(255,255,255,.7);color:#0b3248;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,background .2s}
.thm:hover{transform:rotate(-12deg)}
.thm svg{width:19px;height:19px}
.thm .s{display:none}html.dk .thm .m{display:none}html.dk .thm .s{display:block}
html.dk .thm{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#e9c98f}
.top .right{display:flex;align-items:center;gap:8px}
@media (max-width:760px){.thm{width:38px;height:38px}}
/* weicher Wechsel */
html.dk-anim,html.dk-anim *{transition:background-color .35s,color .35s,border-color .35s!important}
/* Frage-Chat: hell im hellen Modus, dunkel im dunklen Modus */
html:not(.dk) .qa-box{background:rgba(255,255,255,.94)!important;border:1px solid rgba(11,50,72,.12)!important;color:#0b3248;box-shadow:0 40px 90px -30px rgba(11,50,72,.45),inset 0 1px 0 #fff!important}
html:not(.dk) .qa-box header{border-bottom-color:rgba(11,50,72,.08)!important}
html:not(.dk) .qa-ic{background:#e6f2f8;color:#2280A6}
html:not(.dk) .qa-box header b{color:#0b3248!important}
html:not(.dk) .qa-box header small{color:#5b7282!important}
html:not(.dk) .qa-x{color:#0b3248!important}
html:not(.dk) .qa-x:hover{background:rgba(11,50,72,.06)!important}
html:not(.dk) .qa-hi p,html:not(.dk) .qa-bot{background:#f1f6f9!important;color:#1d2f3c!important}
html:not(.dk) .qa-bot b{color:#0b3248!important}
html:not(.dk) .qa-bot a{color:#2280A6}
html:not(.dk) .qa-sug button{border-color:rgba(11,50,72,.18)!important;color:#0b3248!important}
html:not(.dk) .qa-sug button:hover{background:#f1f6f9!important;border-color:#2280A6!important}
html:not(.dk) .qa-ref{background:#e3f0f6!important;color:#0F7199!important}
html:not(.dk) .qa-src{border-top-color:rgba(11,50,72,.1)!important}
html:not(.dk) .qa-src small{color:#F05A28!important}
html:not(.dk) .qa-src a{color:#0b3248!important}html:not(.dk) .qa-src a:hover{background:#f1f6f9!important}
html:not(.dk) .qa-src i{background:#2280A6!important;color:#fff!important}
html:not(.dk) .qa-src em{color:#64748b!important}
html:not(.dk) .qa-fb{color:#64748b!important}
html:not(.dk) .qa-fb button{background:#fff!important;border-color:rgba(11,50,72,.15)!important}
html:not(.dk) .qa-wait span{background:#94a3b8!important}
html:not(.dk) .qa-in{border-top-color:rgba(11,50,72,.08)!important}
html:not(.dk) .qa-in textarea{background:#fff!important;color:#0b3248!important;border-color:rgba(201,162,106,.7)!important}
html:not(.dk) .qa-in textarea::placeholder{color:#8aa0af}
html:not(.dk) .qa-in button{background:rgba(11,50,72,.07)!important;border-color:rgba(11,50,72,.1)!important;color:#0b3248!important}
html:not(.dk) .qa-in:has(textarea:not(:placeholder-shown)) button{color:#fff!important}
html:not(.dk) .qa-note{color:#7d93a3!important}
html:not(.dk) .qa-note a{color:#5b7282}
html:not(.dk) .qa-fab{background:rgba(255,255,255,.85)!important;color:#0b3248!important;border:1px solid rgba(11,50,72,.14)!important;box-shadow:0 14px 30px -14px rgba(11,50,72,.5)!important}
html:not(.dk) .qa-fab svg{color:#2280A6!important}
html:not(.dk) .qa-in:has(textarea:not(:placeholder-shown)) button{background:linear-gradient(180deg,rgba(255,124,72,.94),rgba(240,90,40,.88))!important;border-color:rgba(255,190,160,.5)!important;color:#fff!important}
html.dk .qa-in textarea{border-color:rgba(233,201,143,.55)!important;background:rgba(255,255,255,.04)!important}
html.dk .qa-in textarea:focus{border-color:#e9c98f!important}