/* Bausteine für die Unterseiten, aufbauend auf ds.css (Startseite). */
.menu span.on{color:var(--brand);box-shadow:0 2px 0 var(--acc)}
.kick{font-family:var(--display);display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.more{font-size:13.5px;font-weight:600;color:var(--brand);white-space:nowrap}
.todo{color:var(--acc)!important;font-style:italic}
.dim{color:var(--dim)}
.fine{font-size:12.5px;color:var(--dim);margin-top:10px}
.fine.light{color:#cfe2ec}
.tintbg{background:var(--tint)}
.narrow{max-width:820px!important}
.arw{font-family:var(--ar);font-size:1.15em}
.arw.big{font-size:34px;color:var(--brand);line-height:1.2}

/* Brotkrumen und Seitenkopf */
.crumbs{font-size:12.5px;color:var(--dim);display:flex;gap:8px;flex-wrap:wrap}
.crumbs i{font-style:normal;opacity:.5}
.crumbs span:last-child{color:var(--fg);font-weight:600}
.ph{background:linear-gradient(180deg,#F5F7FB,#EDF3F7);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.ph-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;padding-block:44px 48px;position:relative;z-index:1}
.ph-ar{font-family:var(--ar);font-size:26px;color:var(--brand);margin-top:18px;line-height:1.2}
.ph h1{font-size:46px;font-weight:700;line-height:1.08;letter-spacing:-.015em;margin-top:6px;color:var(--brand-xd)}
.ph-lead{font-family:var(--serif);font-size:18.5px;line-height:1.6;color:var(--dim);margin-top:16px;max-width:36em}
.ph.dark{background:linear-gradient(90deg,#003061f2 0%,#0a4170e0 50%,#0F7199b0 100%),var(--ph-img) center/cover;color:#fff;border:0}
.ph.dark h1{color:#fff}
.ph.dark .ph-lead{color:#d2e4ee}
.ph.dark .ph-ar{color:#ffb38f}
.ph.dark .crumbs{color:#a9c9da}
.ph.dark .crumbs span:last-child{color:#fff}
.ph-img{border-radius:12px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 18px 36px -22px #003061aa}
.ph-img img{width:100%;height:100%;object-fit:cover;display:block}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff26;border:1px solid #ffffff26;border-radius:10px;overflow:hidden}
.stats div{background:#ffffff0f;padding:16px 18px}
.stats b{display:block;font-family:Alexandria,sans-serif;font-size:30px;font-weight:600;color:#fff;line-height:1.1}
.stats span{font-size:12.5px;color:#cfe2ec}
.stats div:nth-child(3):last-child{grid-column:1/-1}
.sfield{border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px 16px;color:var(--dim);font-size:14px;min-width:280px;box-shadow:0 6px 16px -14px #00306180}
.h2row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.h2row h2{font-size:30px;font-weight:700;color:var(--brand-xd);line-height:1.15}
.h2m{font-size:22px!important}
.h2s{font-size:22px;font-weight:700;color:var(--brand-xd);margin:44px 0 18px}

/* Hadith-Studien */
.path4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.path4>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;position:relative;box-shadow:0 10px 24px -22px #003061aa}
.path4 i{font-style:normal;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.path4 small{display:block;margin-top:16px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.path4 b{display:block;font-family:Alexandria,sans-serif;font-size:19px;font-weight:600;line-height:1.3;margin-top:4px}
.path4 span{display:block;font-size:12.5px;color:var(--brand);font-weight:600;margin-top:10px}
.areas2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.area2{background:#fff;border-radius:12px;padding:26px 26px 22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 28px -24px #003061b3;border:1px solid #fff}
.a-ar{font-family:var(--ar);font-size:24px;color:var(--brand);line-height:1.1}
.area2 h3{font-family:Alexandria,sans-serif;font-size:23px;font-weight:600}
.area2 p{font-family:var(--serif);font-size:15px;color:var(--dim);line-height:1.5}
.area2 ul{list-style:none;padding:0;margin-top:8px}
.area2 li{display:flex;justify-content:space-between;gap:12px;padding-block:9px;border-top:1px solid var(--line);font-size:14px;font-weight:500}
.area2 li small{color:var(--dim);font-size:12px;white-space:nowrap}
.area2 li em{color:var(--acc);font-style:normal;font-weight:600}
.area2 .more{margin-top:auto;padding-top:10px}

/* Fachbereich */
.fb{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start}
.start{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:var(--tint);border-radius:14px;padding:18px;align-items:center}
.start .img{aspect-ratio:4/3;border-radius:10px}
.start h3{font-family:Alexandria,sans-serif;font-size:27px;font-weight:600;line-height:1.2;margin-top:6px}
.start .btn{margin-top:16px}
.order{list-style:none;padding:0;display:flex;flex-direction:column}
.order li{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding-block:16px;border-bottom:1px solid var(--line)}
.order i{font-style:normal;width:36px;height:36px;border-radius:50%;border:2px solid var(--brand);color:var(--brand);display:grid;place-items:center;font-weight:700}
.order b{font-family:Alexandria,sans-serif;font-size:19px;font-weight:600}
.order p{font-family:var(--serif);font-size:14.5px;color:var(--dim)}
.order small{font-size:12.5px;color:var(--dim);font-weight:600}
.order li.wip{opacity:.55}
.order li.wip small{color:var(--acc)}
.fbside{display:flex;flex-direction:column;gap:16px}
.sbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 24px -22px #003061aa}
.sbox>b{font-size:15px;font-weight:600;line-height:1.35}
.thumb.s{aspect-ratio:16/9}
.mini2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini2 .bimg.ig{aspect-ratio:3/4}
.gl dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;font-size:13.5px}
.gl dt{font-weight:600;white-space:nowrap}
.gl dd{margin:0;color:var(--dim);font-family:var(--serif)}

/* Artikel */
.progress{position:sticky;top:0;height:4px;background:var(--line);z-index:5}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--acc))}
.arthead{background:linear-gradient(180deg,#F5F7FB,#fff);padding-top:30px}
.arthead .in{display:flex;flex-direction:column;gap:12px}
.tags{display:flex;gap:8px;margin-top:8px}
.tags span{font-size:12px;font-weight:600;background:#e3eff5;color:var(--brand-d);padding:4px 11px;border-radius:99px}
.tags .part{background:var(--acc-soft);color:var(--acc)}
.arthead h1{font-size:50px;font-weight:700;letter-spacing:-.015em;line-height:1.08;color:var(--brand-xd)}
.arthead .sub{font-family:var(--serif);font-size:20px;color:var(--dim)}
.ameta{display:flex;align-items:center;gap:12px;margin-top:4px}
.ameta img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.ameta b{display:block;font-size:14px}
.ameta span{font-size:13px;color:var(--dim)}
.artimg{margin-top:14px;border-radius:14px;overflow:hidden;aspect-ratio:16/6;box-shadow:0 20px 40px -30px #003061}
.artimg img{width:100%;height:100%;object-fit:cover;display:block}
.art3{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:44px;align-items:start}
.toc{position:sticky;top:20px}
.toc ol{list-style:none;padding:0;border-left:2px solid var(--line)}
.toc li{font-size:13px;padding:6px 0 6px 14px;color:var(--dim);margin-left:-2px;border-left:2px solid transparent;line-height:1.35}
.toc li.on{color:var(--brand-xd);font-weight:600;border-left-color:var(--acc)}
.prose{font-family:Alexandria,sans-serif;font-size:18.5px;line-height:1.75;color:#1d2a35;display:flex;flex-direction:column;gap:18px;max-width:68ch}
.prose h2{font-family:var(--display);font-size:27px;font-weight:700;color:var(--brand-xd);margin-top:18px;line-height:1.2}
.prose sup{color:var(--brand);font-family:var(--display);font-weight:700;font-size:11px;margin-left:2px}
.tldr{background:linear-gradient(180deg,#eef6fa,#e5f0f6);border-radius:14px;padding:22px 26px;border:1px solid #d6e7ef}
.tldr ol{margin:4px 0 0;padding-left:20px;font-size:16.5px;line-height:1.6;display:flex;flex-direction:column;gap:6px}
.tldr.short p{font-size:17.5px;line-height:1.6}
.term{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:8px;padding:16px 20px;background:#fff}
.term b{display:block;font-family:var(--display);font-size:15px}
.term span{font-size:15.5px;color:var(--dim);line-height:1.5}
.embed{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;background:var(--tint);border-radius:14px;padding:16px}
.embed .bimg.ig{aspect-ratio:3/4}
.embed b{display:block;font-family:var(--display);font-size:18px}
.embed p{font-size:15.5px;color:var(--dim);margin:4px 0 12px}
.aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:20px}
.tools{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:600}
.tools li{padding:9px 10px;border-radius:6px;background:var(--tint)}
.note p{font-family:var(--serif);font-size:14.5px;color:var(--dim)}
.scale{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.sc{display:grid;grid-template-columns:14px 160px 1fr;gap:12px;align-items:center;font-size:15px;padding:5px 8px;border-radius:6px}
.sc i{width:12px;height:12px;border-radius:50%;display:block}
.sc b{font-family:var(--display);font-size:14px}
.sc span{color:var(--dim)}
.sc.hl{background:#fff7e6}
.moreon{background:var(--tint);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}
.mo{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}
.mo .img{aspect-ratio:16/10;border-radius:8px}
.mo b{display:block;font-family:var(--display);font-size:15.5px}
.mo span{font-size:13px;color:var(--dim)}

/* Blog */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.filters span{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 span.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.bfeat{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center}
.bfeat .img{aspect-ratio:16/10;border-radius:12px}
.bfeat h3{font-size:32px;font-weight:700;line-height:1.18;margin-top:8px}
.pm{display:block;font-size:12.5px;color:var(--dim);margin-top:10px;font-weight:500}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin-top:44px}
.pc .img{aspect-ratio:16/10;border-radius:10px}
.pc .type{margin-top:14px}
.pc h4{font-size:18px;font-weight:600;line-height:1.3;margin-top:4px}
.nlband{display:grid;grid-template-columns:1fr 280px auto;gap:14px;align-items:center;margin-block:44px;background:linear-gradient(120deg,#003061,#0F7199);color:#fff;border-radius:14px;padding:24px 28px}
.nlband b{display:block;font-size:20px}
.nlband span{color:#cfe2ec;font-size:14px}
.nlband .field{background:#fff;color:var(--dim);border-radius:8px;padding:12px 14px}
.plist{list-style:none;padding:0}
.plist li{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:baseline;padding-block:16px;border-top:1px solid var(--line)}
.plist b{font-size:17px;font-weight:600}
.plist small{color:var(--dim);font-size:12.5px;white-space:nowrap}
.pager{display:flex;gap:8px;justify-content:center;margin-top:30px}
.pager span{min-width:38px;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;font-weight:600;font-size:14px}
.pager span.on{background:var(--brand);color:#fff;border-color:var(--brand)}

/* Videos */
.vfeat{display:grid;grid-template-columns:1.4fr 1fr;gap:34px;align-items:center;margin-bottom:54px}
.player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:0 22px 44px -28px #003061}
.player>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45) blur(1px)}
.consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center;padding:20px}
.consent b{font-size:20px}
.consent span{font-size:13.5px;color:#d7e6ee}
.consent .btn{margin-top:8px;color:#fff}
.vfeat h3{font-size:30px;font-weight:700;margin-top:6px;line-height:1.2}
.vchips{display:flex;gap:8px;margin-top:16px}
.vchips span{font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--tint);border:1px solid var(--line)}
.vrow{margin-bottom:44px}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vcard b{display:block;font-size:14.5px;font-weight:600;line-height:1.35;margin-top:10px}
.ph-v{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#ffffff99;background:linear-gradient(140deg,#0a4170,#003061)}
.dur{position:absolute;right:8px;bottom:8px;z-index:2;font-style:normal;font-size:11px;background:#000a;color:#fff;padding:3px 7px;border-radius:4px}
.vmore{border-top:1px solid var(--line);padding-top:24px}
.vmore>div{display:flex;gap:10px;flex-wrap:wrap}
.vmore>div span{padding:9px 16px;border-radius:8px;background:var(--tint);font-weight:600;font-size:14px}
.pl{display:grid;grid-template-columns:1fr 380px;gap:34px;align-items:start}
.player.big{border-radius:14px}
.nowp{margin-top:20px}
.nowp h3{font-size:26px;font-weight:700;margin-top:4px}
.eplist{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 14px 30px -26px #003061}
.eph{display:flex;justify-content:space-between;padding:16px 18px;background:var(--tint);border-bottom:1px solid var(--line)}
.eph span{color:var(--dim);font-size:13px}
.eplist ol{list-style:none;padding:0}
.eplist li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px 18px;border-bottom:1px solid var(--line);font-size:14px;align-items:center}
.eplist li i{font-style:normal;font-size:12px;color:var(--dim);font-weight:600}
.eplist li.on{background:#eef6fa;box-shadow:inset 3px 0 0 var(--acc);font-weight:600}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.relc{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 10px 22px -20px #003061aa}
.relimg{aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--tint)}
.relimg img{width:100%;height:100%;object-fit:cover;display:block}
.relimg.tall img{object-position:top}
.relc .type{margin-top:10px;font-size:10px}
.relc b{display:block;font-size:15px;margin-top:3px;line-height:1.3}

/* Bibliothek */
.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px}
.shelf .bimg{background:linear-gradient(180deg,#F5F7FB,#E8EEF4);border-radius:14px}
.shelf .bimg img{transform:scale(1.02)}
.shelf .type{margin-top:16px}
.shelf h4{font-size:19px;margin-top:4px}
.bdet{display:grid;grid-template-columns:.85fr 1fr;gap:54px;align-items:center;margin-top:20px}
.bimg.big{background:linear-gradient(180deg,#F5F7FB,#E3ECF2);border-radius:18px}
.h1d{font-size:42px;font-weight:700;line-height:1.1;color:var(--brand-xd);margin:6px 0 14px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:22px}
.facts div{background:#fff;padding:12px 14px}
.facts small{display:block;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.facts b{font-size:15px}
.dl{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap}
.dl label{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--dim)}
.dl label i{width:16px;height:16px;border:1.5px solid var(--dim);border-radius:3px;display:block}
.learn{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.learn div{display:flex;gap:14px;align-items:center;background:var(--tint);border-radius:12px;padding:18px;font-weight:600;font-size:15px;line-height:1.35}
.learn i{font-style:normal;flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:13px}
.series{background:var(--tint);border-radius:16px;padding:24px 24px 28px;margin-bottom:10px}
.igs6{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.igs6 .bimg.ig{aspect-ratio:3/4.3;border-radius:10px}
.igs6 h4{font-size:14px;margin-top:4px;line-height:1.3}
.snum{display:block;margin-top:10px;font-size:11px;font-weight:700;color:var(--acc);letter-spacing:.1em}
.igs6 .type{margin-top:12px;font-size:10px}
.igdet{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:20px;align-items:start}
.viewer{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#e9eef2}
.vbar{display:flex;gap:6px;padding:10px;background:#fff;border-bottom:1px solid var(--line)}
.vbar span{padding:6px 12px;border-radius:6px;background:var(--tint);font-size:13px;font-weight:600}
.vbar span:last-child{margin-left:auto}
.vimg{height:640px;overflow:hidden;padding:20px;display:flex;justify-content:center}
.vimg img{width:86%;align-self:flex-start;box-shadow:0 10px 30px -10px #0004}
.dlopts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-block:24px}
.dlo{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}
.dlo span{font-size:13px;color:var(--dim)}
.dlo .btn{align-self:flex-start;margin-top:6px}

/* Über uns */
.princ{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.princ div{border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 10px 24px -22px #003061aa}
.princ i{font-style:normal;font-family:var(--ar);font-size:32px;color:var(--acc);line-height:1}
.princ b{display:block;font-size:19px;margin-top:10px}
.princ p{font-family:var(--serif);color:var(--dim);margin-top:6px;font-size:15.5px}
.founder{display:grid;grid-template-columns:330px 1fr;gap:54px;align-items:start}
.fcard{background:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 36px -26px #003061}
.fimg{aspect-ratio:1;border-radius:12px;overflow:hidden}
.fimg img{width:100%;height:100%;object-fit:cover}
.sig{width:170px}
.fcard ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.fcard li::before{content:"◆";color:var(--brand);font-size:9px;margin-right:10px;vertical-align:2px}
.founder h2{font-size:38px;font-weight:700;color:var(--brand-xd)}
.ex.big{font-size:18.5px;margin-top:14px;color:#334155}
.diss{border-left:4px solid var(--acc);background:#fff;border-radius:8px;padding:16px 20px;margin-top:22px}
.diss p{font-family:var(--serif);font-size:17px;font-style:italic}
.tl{display:grid;grid-template-columns:repeat(6,1fr);margin-top:28px;position:relative}
.tl::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:#cfdde6}
.tl div{position:relative;padding-top:26px;font-size:13px}
.tl div::before{content:"";position:absolute;top:3px;left:0;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--brand)}
.tl div.on::before{background:var(--acc);border-color:var(--acc)}
.tl b{display:block;font-size:15px}
.tl span{color:var(--dim)}
.ijaza{margin-top:26px}
.ijaza p{font-family:var(--serif);font-size:16.5px;color:#334155}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.team div{text-align:center;border:1px dashed #c6d3dc;border-radius:14px;padding:22px}
.team i{display:block;width:90px;height:90px;border-radius:50%;background:var(--tint-2);margin:0 auto 12px}
.team b{display:block}
.team span{font-size:13px;color:var(--dim)}

/* Spenden */
.don{align-items:center}
.donbox{background:#fff;color:var(--fg);border-radius:16px;padding:24px;box-shadow:0 30px 60px -30px #000c;display:flex;flex-direction:column;gap:14px}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--tint);border-radius:10px;padding:4px}
.seg span{text-align:center;padding:9px;border-radius:8px;font-weight:600;font-size:14px;color:var(--dim)}
.seg span.on{background:#fff;color:var(--brand-xd);box-shadow:0 2px 6px #0001}
.amts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.amts span{text-align:center;padding:13px 0;border:1.5px solid var(--line);border-radius:10px;font-weight:700}
.amts span.on{border-color:var(--acc);background:var(--acc-soft);color:var(--acc)}
.impact{font-size:13.5px;color:var(--dim)}
.impact em{color:var(--acc);font-style:italic;display:block}
.btn.wide{justify-content:center;padding:15px}
.pay{display:flex;gap:8px;justify-content:center}
.pay span{font-size:12px;font-weight:600;color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:5px 10px}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why div{border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 10px 24px -22px #003061aa}
.why b{font-size:16.5px;line-height:1.3;display:block}
.why p{font-family:var(--serif);font-size:15px;color:var(--dim);margin-top:8px}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.two2 h2{font-size:30px;font-weight:700;color:var(--brand-xd)}
.checks{list-style:none;padding:0;margin-top:18px;display:flex;flex-direction:column;gap:12px;font-size:17px;font-weight:500}
.checks li::before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;margin-right:12px}
.bars div{display:grid;grid-template-columns:1fr 120px;gap:4px 12px;font-size:14px;padding-block:8px;border-bottom:1px solid var(--line)}
.bars i{grid-row:2;height:8px;border-radius:4px;background:var(--tint-2)}
.bars em{grid-row:1/3;grid-column:2;align-self:center;font-size:12px;color:var(--acc);text-align:right}
.bank{background:var(--tint);border-radius:10px;padding:14px}
.bank p{font-size:14px;color:var(--acc);font-style:italic}
.kreis{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#003061,#0F7199);color:#fff;border-radius:16px;padding:34px 38px}
.kreis h2{font-size:28px;font-weight:700}
.kreis p{color:#cfe2ec;margin-top:8px;font-family:var(--serif);max-width:40em}
.kreis .kick{color:#ffb38f}

/* Webinar */
.web{grid-template-columns:1.1fr .9fr}
.wform{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;margin-top:26px}
.wform .field{background:#fff;border-radius:8px;padding:14px;color:var(--dim)}
.wimg{border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -30px #000c}
.wimg img{width:100%;display:block}
.wimg.port{max-width:380px;justify-self:end;background:#fff;color:var(--fg)}
.wimg.port div{padding:14px 18px}
.wimg.port b{display:block}
.wimg.port span{font-size:13px;color:var(--dim)}
.learn.three span{font-weight:600}
.bannerline{display:grid;grid-template-columns:1fr 260px auto;gap:30px;align-items:center;margin-top:44px;background:var(--tint);border-radius:16px;padding:24px 30px}
.bannerline h3{font-size:24px;font-weight:700}
.bannerline img{width:100%}

@media (max-width:760px){
  .ph-grid,.fb,.start,.art3,.bfeat,.vfeat,.pl,.bdet,.igdet,.founder,.two2,.web,.wform,.bannerline,.nlband{grid-template-columns:1fr}
  .ph h1,.arthead h1{font-size:30px}
  h1,h2,h3,h4{hyphens:auto;overflow-wrap:break-word}
  .term{grid-template-columns:1fr;gap:8px}
  .shelf>*,.igs6>*,.vgrid>*,.team>*,.facts>*,.rel>*{min-width:0}
  .ph .ph-img{display:none}
  .shelf h4,.igs6 h4,.book h4{font-size:15px}
  .h1d{font-size:30px}
  .path4,.areas2,.pgrid,.vgrid,.rel,.shelf,.learn,.princ,.why,.team{grid-template-columns:1fr}
  .vgrid,.shelf,.team{grid-template-columns:1fr 1fr}
  .igs6{grid-template-columns:1fr 1fr 1fr}
  .toc,.aside{display:none}
  .prose{font-size:17.5px}
  .plist li{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr 1fr}
  .tl{grid-template-columns:repeat(3,1fr);row-gap:18px}
  .tl::before{display:none}
  .sc{grid-template-columns:14px 120px 1fr}
  .kreis{flex-direction:column;align-items:flex-start}
  .vimg{height:420px}
  .h2row h2{font-size:24px}
  .sfield{min-width:0;width:100%}
  .embed{grid-template-columns:100px 1fr}
}