/* ÖFD Wissen V1.0 */
.knowledge-page{background:#fff}
.knowledge-shell{width:min(var(--shell),calc(100% - var(--side)*2));margin-inline:auto}
.knowledge-hero{padding:86px 0 78px;background:#fff;border-bottom:1px solid rgba(17,19,21,.08)}
.knowledge-hero__grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);gap:clamp(56px,7vw,104px);align-items:end}
.knowledge-kicker{display:inline-flex;align-items:center;gap:10px;color:#5e666b;font-size:12px;font-weight:800;letter-spacing:.105em;text-transform:uppercase}
.knowledge-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.knowledge-hero h1{max-width:900px;margin:24px 0 0;font-size:clamp(58px,6vw,92px);line-height:.94;letter-spacing:-.06em;font-weight:850}
.knowledge-hero h1 span{display:block;color:#5e666b}
.knowledge-hero__lead{max-width:760px;margin:30px 0 0;color:#626a70;font-size:19px;line-height:1.72}
.knowledge-hero__side{padding:28px 30px;border:1px solid #d9ddda;border-radius:18px;background:#f7f8f7}
.knowledge-hero__side small{display:block;color:#71787d;font-size:10px;font-weight:820;letter-spacing:.12em;text-transform:uppercase}
.knowledge-hero__side strong{display:block;margin-top:9px;font-size:25px;line-height:1.15;letter-spacing:-.035em}
.knowledge-hero__side p{margin:15px 0 0;color:#666e73;font-size:14px;line-height:1.68}
.knowledge-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.knowledge-topics span{padding:9px 12px;border:1px solid #d9ddda;border-radius:999px;background:#fff;color:#535b60;font-size:11px;font-weight:750}

.knowledge-featured{padding:72px 0 84px;background:#f5f6f4}
.knowledge-section-head{display:grid;grid-template-columns:220px 1fr;gap:46px;align-items:start;margin-bottom:34px}
.knowledge-section-head small{padding-top:7px;color:#666e73;font-size:11px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
.knowledge-section-head h2{max-width:860px;margin:0;font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.05em}
.article-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:430px;border:1px solid #d7dcd8;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 24px 60px rgba(17,19,21,.06)}
.article-card__visual{position:relative;display:flex;align-items:flex-end;padding:34px;background:linear-gradient(145deg,#171a1d 0%,#282d30 100%);color:#fff;overflow:hidden}
.article-card__visual:before{content:"AI";position:absolute;right:28px;top:-16px;color:rgba(255,255,255,.05);font-size:250px;font-weight:900;letter-spacing:-.09em}
.article-card__visual:after{content:"";position:absolute;left:-110px;bottom:-130px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(20,132,78,.42),rgba(20,132,78,0) 68%)}
.article-card__visual-content{position:relative;z-index:1}
.article-card__visual span{display:inline-flex;padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.article-card__visual strong{display:block;max-width:410px;margin-top:18px;font-size:34px;line-height:1.03;letter-spacing:-.04em}
.article-card__content{display:flex;flex-direction:column;justify-content:center;padding:44px 46px}
.article-card__meta{display:flex;align-items:center;gap:12px;color:#777f84;font-size:12px;font-weight:700}
.article-card__meta i{width:4px;height:4px;border-radius:50%;background:#a2a8ab}
.article-card h3{max-width:700px;margin:17px 0 0;font-size:clamp(34px,3.5vw,52px);line-height:1.01;letter-spacing:-.05em}
.article-card p{max-width:670px;margin:20px 0 0;color:#626a70;font-size:16px;line-height:1.72}
.article-card__link{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:26px;padding-bottom:5px;border-bottom:1px solid #aeb5b1;font-size:13px;font-weight:780}

.knowledge-principles{padding:72px 0 90px;background:#fff}
.knowledge-principles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.knowledge-principles article{padding:27px 26px 30px;border-top:1px solid #cfd5d0;background:#fafaf9}
.knowledge-principles article span{display:block;color:#8b9296;font-size:10px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
.knowledge-principles h3{margin:17px 0 0;font-size:23px;line-height:1.16;letter-spacing:-.03em}
.knowledge-principles p{margin:12px 0 0;color:#677075;font-size:14px;line-height:1.68}

/* Article */
.article-hero{padding:72px 0 54px;background:#fff}
.article-breadcrumb{display:flex;align-items:center;gap:8px;color:#757d82;font-size:12px;font-weight:700}
.article-breadcrumb a:hover{color:var(--red)}
.article-breadcrumb span{color:#a2a8ac}
.article-hero__label{display:inline-flex;align-items:center;gap:9px;margin-top:34px;color:#5e666b;font-size:11px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
.article-hero__label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.article-hero h1{max-width:1080px;margin:20px 0 0;font-size:clamp(54px,5.7vw,88px);line-height:.96;letter-spacing:-.06em}
.article-hero__dek{max-width:900px;margin:28px 0 0;color:#5f686d;font-size:21px;line-height:1.6}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:28px;color:#737b80;font-size:12px;font-weight:700}
.article-meta span+span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 14px 2px 0;border-radius:50%;background:#a6aca9}
.article-quick{margin-top:44px;padding:26px 30px;border:1px solid #d9ded9;border-radius:16px;background:#f6f8f6}
.article-quick small{display:block;color:#5b6468;font-size:10px;font-weight:820;letter-spacing:.11em;text-transform:uppercase}
.article-quick strong{display:block;max-width:980px;margin-top:10px;font-size:24px;line-height:1.35;letter-spacing:-.025em}

.article-body{padding:18px 0 92px;background:#fff}
.article-layout{display:grid;grid-template-columns:220px minmax(0,780px) minmax(210px,1fr);gap:clamp(34px,4vw,64px);align-items:start}
.article-toc{position:sticky;top:118px;padding-top:18px}
.article-toc small{display:block;color:#8a9195;font-size:10px;font-weight:820;letter-spacing:.11em;text-transform:uppercase}
.article-toc nav{display:grid;gap:11px;margin-top:15px}
.article-toc a{color:#687075;font-size:12px;line-height:1.45;font-weight:700}
.article-toc a:hover{color:var(--red)}
.article-content{min-width:0}
.article-content section{padding-top:42px}
.article-content section:first-child{padding-top:18px}
.article-content h2{margin:0;font-size:clamp(34px,3.25vw,48px);line-height:1.03;letter-spacing:-.045em}
.article-content h3{margin:30px 0 0;font-size:24px;line-height:1.2;letter-spacing:-.03em}
.article-content p{margin:18px 0 0;color:#343a3e;font-size:17px;line-height:1.82}
.article-content strong{color:#15181a}
.article-content ul{margin:20px 0 0;padding-left:22px;color:#343a3e;font-size:16px;line-height:1.75}
.article-content li+li{margin-top:8px}
.article-callout{margin-top:26px;padding:22px 24px;border-left:4px solid #16854f;background:#f3f7f4}
.article-callout strong{display:block;font-size:17px}
.article-callout p{margin-top:8px;font-size:15px;line-height:1.7;color:#576066}
.article-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.article-fact{padding:19px 20px;border:1px solid #dde1dd;border-radius:12px;background:#fbfbfa}
.article-fact span{display:block;color:#768086;font-size:10px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}
.article-fact strong{display:block;margin-top:7px;font-size:17px;line-height:1.35}
.article-example{margin-top:28px;border-top:1px solid #d9ddda}
.article-example__row{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:24px;padding:18px 0;border-bottom:1px solid #e1e4e1}
.article-example__row strong{font-size:14px;line-height:1.45}
.article-example__row p{margin:0;color:#5f686d;font-size:14px;line-height:1.65}
.article-sources{margin-top:38px;padding-top:28px;border-top:1px solid #d5dad6}
.article-sources h3{margin:0;font-size:22px}
.article-sources a{display:block;margin-top:12px;color:#4e585d;font-size:14px;line-height:1.55;text-decoration:underline;text-decoration-color:#bbc1bd;text-underline-offset:3px}
.article-note{margin-top:26px;color:#7a8286;font-size:12px!important;line-height:1.65!important}
.article-side{position:sticky;top:118px;padding:24px;border:1px solid #d9ddda;border-radius:15px;background:#fafaf9}
.article-side small{display:block;color:#7a8287;font-size:10px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
.article-side strong{display:block;margin-top:8px;font-size:21px;line-height:1.22;letter-spacing:-.025em}
.article-side p{margin:12px 0 0;color:#687075;font-size:13px;line-height:1.65}
.article-side a{display:inline-flex;margin-top:18px;font-size:12px;font-weight:780;border-bottom:1px solid #aeb5b1;padding-bottom:4px}

.article-faq{padding:72px 0 84px;background:#f5f6f4;border-top:1px solid rgba(17,19,21,.06)}
.article-faq__head{max-width:800px}
.article-faq__head h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.05em}
.article-faq__list{max-width:900px;margin-top:34px;border-top:1px solid #cfd5d0}
.article-faq details{border-bottom:1px solid #cfd5d0}
.article-faq summary{cursor:pointer;list-style:none;padding:22px 0;font-size:18px;font-weight:780}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq details p{margin:0;padding:0 0 22px;color:#5f686d;font-size:15px;line-height:1.72}

.knowledge-final{padding:64px 0 84px;background:#fff}
.knowledge-final__panel{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px 38px;border-radius:18px;background:#171a1d;color:#fff}
.knowledge-final__panel small{display:block;color:#b8bfc2;font-size:10px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
.knowledge-final__panel h2{max-width:760px;margin:8px 0 0;font-size:clamp(32px,3vw,46px);line-height:1.04;letter-spacing:-.045em}
.knowledge-final__panel p{max-width:730px;margin:13px 0 0;color:#c6cbcd;font-size:14px;line-height:1.65}
.knowledge-final__panel .button{white-space:nowrap}

@media(max-width:1180px){
 .article-layout{grid-template-columns:170px minmax(0,1fr)}.article-side{display:none}
}
@media(max-width:980px){
 .knowledge-hero__grid,.article-card{grid-template-columns:1fr}.knowledge-hero__side{max-width:680px}.article-card__visual{min-height:300px}
 .knowledge-section-head{grid-template-columns:1fr;gap:12px}.knowledge-principles__grid{grid-template-columns:1fr}
 .article-layout{grid-template-columns:1fr}.article-toc{position:static;display:none}
 .knowledge-final__panel{grid-template-columns:1fr}.knowledge-final__panel .button{justify-self:start}
}
@media(max-width:700px){
 .knowledge-hero{padding:46px 0 50px}.knowledge-hero__grid{gap:28px}.knowledge-hero h1{font-size:clamp(44px,12vw,56px)}.knowledge-hero__lead{margin-top:20px;font-size:16px;line-height:1.65}.knowledge-hero__side{padding:21px 20px;border-radius:14px}.knowledge-hero__side strong{font-size:21px}
 .knowledge-featured{padding:48px 0 56px}.knowledge-section-head{margin-bottom:24px}.knowledge-section-head h2{font-size:clamp(34px,9.5vw,44px)}
 .article-card{min-height:0;border-radius:14px}.article-card__visual{min-height:230px;padding:24px 22px}.article-card__visual:before{font-size:190px}.article-card__visual strong{font-size:29px}.article-card__content{padding:25px 22px 28px}.article-card h3{font-size:34px}.article-card p{font-size:14px;margin-top:15px}
 .knowledge-principles{padding:48px 0 58px}.knowledge-principles__grid{gap:9px;margin-top:24px}.knowledge-principles article{padding:22px 19px}
 .article-hero{padding:42px 0 34px}.article-hero__label{margin-top:24px}.article-hero h1{font-size:clamp(42px,11.7vw,54px)}.article-hero__dek{font-size:17px;line-height:1.62;margin-top:21px}.article-meta{margin-top:20px}.article-meta span+span:before{margin-right:9px}.article-quick{margin-top:30px;padding:20px;border-radius:13px}.article-quick strong{font-size:19px}
 .article-body{padding-bottom:58px}.article-content section{padding-top:34px}.article-content h2{font-size:clamp(31px,8.7vw,40px)}.article-content h3{font-size:22px}.article-content p{font-size:16px;line-height:1.75}.article-fact-grid{grid-template-columns:1fr}.article-example__row{grid-template-columns:1fr;gap:8px;padding:16px 0}
 .article-faq{padding:50px 0 58px}.article-faq__head h2{font-size:36px}.article-faq summary{font-size:16px;padding:19px 0}
 .knowledge-final{padding:44px 0 54px}.knowledge-final__panel{padding:25px 21px}.knowledge-final__panel h2{font-size:34px}.knowledge-final__panel .button{width:100%}
}

/* ÖFD Wissen V1.1: standard hero proportions and full-card interaction */
.knowledge-hero{padding:66px 0 70px}
.knowledge-hero__grid{align-items:center}
.knowledge-hero .hero-copy h1{max-width:820px;margin:25px 0 0;font-size:clamp(58px,5.45vw,92px);font-weight:850;line-height:.95;letter-spacing:-.058em}
.knowledge-hero .hero-copy h1 span{display:block;margin-top:9px;color:#555c61}
.knowledge-hero .hero-lead{max-width:690px;margin:28px 0 0;color:#60686e;font-size:20px;line-height:1.65}
.article-card{color:inherit;text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.article-card:hover{transform:translateY(-2px);border-color:#c8cfca;box-shadow:0 30px 70px rgba(17,19,21,.09)}
.article-card:focus-visible{outline:3px solid rgba(229,27,43,.22);outline-offset:4px}
.article-card__link{color:var(--ink)}

@media(max-width:1180px){
 .knowledge-hero .hero-copy h1{font-size:clamp(54px,6vw,76px)}
}
@media(max-width:980px){
 .knowledge-hero{padding:50px 0 54px}
 .knowledge-hero__grid{gap:42px}
}
@media(max-width:700px){
 .knowledge-hero{padding:38px 0 40px}
 .knowledge-hero__grid{gap:30px}
 .knowledge-hero .hero-copy h1{margin-top:20px;font-size:clamp(44px,13vw,58px);line-height:.97}
 .knowledge-hero .hero-copy h1 span{margin-top:7px}
 .knowledge-hero .hero-lead{margin-top:20px;font-size:17px;line-height:1.6}
}


/* ÖFD Wissen V1.2: FAQ exakt im ÖFD Standarddesign */
.knowledge-page .section-kicker{
    display:inline-block;
    margin-bottom:20px;
    color:#555d62;
    font-size:13px;
    font-weight:780;
    letter-spacing:.01em
}
.knowledge-page .faq-section{
    position:relative;
    overflow:clip;
    padding:64px 0 92px;
    background:#f5f6f4;
    border-top:1px solid rgba(17,19,21,.06);
    scroll-margin-top:112px
}
.knowledge-page .faq-shell{
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);
    gap:clamp(64px,7vw,118px);
    align-items:start
}
.knowledge-page .faq-intro{
    position:sticky;
    top:132px;
    min-width:0;
    max-width:540px
}
.knowledge-page .faq-intro .section-kicker{margin-bottom:18px}
.knowledge-page .faq-intro h2{
    margin:0;
    max-width:520px;
    font-size:clamp(44px,4vw,64px);
    line-height:1.01;
    letter-spacing:-.052em;
    font-weight:840;
    text-wrap:balance
}
.knowledge-page .faq-intro p{
    max-width:480px;
    margin:24px 0 0;
    color:var(--muted);
    font-size:16.5px;
    line-height:1.72
}
.knowledge-page .faq-list{min-width:0;border-top:1px solid #cbd0cc}
.knowledge-page .faq-item{border-bottom:1px solid #cbd0cc}
.knowledge-page .faq-item h3{margin:0}
.knowledge-page .faq-question{
    width:100%;
    min-height:92px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 34px;
    gap:28px;
    align-items:center;
    padding:24px 2px;
    border:0;
    background:transparent;
    color:var(--ink);
    font:inherit;
    text-align:left;
    cursor:pointer
}
.knowledge-page .faq-question>span{
    max-width:760px;
    font-size:20px;
    line-height:1.34;
    letter-spacing:-.018em;
    font-weight:800
}
.knowledge-page .faq-plus{
    position:relative;
    width:30px;
    height:30px;
    display:block;
    justify-self:end;
    border:1px solid #b7beb9;
    border-radius:50%;
    transition:background .22s var(--ease),border-color .22s var(--ease),transform .28s var(--ease)
}
.knowledge-page .faq-plus:before,.knowledge-page .faq-plus:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:12px;
    height:1.5px;
    border-radius:99px;
    background:#4a514d;
    transform:translate(-50%,-50%);
    transition:background .22s var(--ease),transform .28s var(--ease)
}
.knowledge-page .faq-plus:after{transform:translate(-50%,-50%) rotate(90deg)}
.knowledge-page .faq-question:hover .faq-plus,.knowledge-page .faq-question:focus-visible .faq-plus{border-color:var(--green)}
.knowledge-page .faq-question:focus-visible{outline:3px solid rgba(19,130,77,.19);outline-offset:5px;border-radius:8px}
.knowledge-page .faq-item.is-open .faq-plus{border-color:var(--green);background:var(--green)}
.knowledge-page .faq-item.is-open .faq-plus:before,.knowledge-page .faq-item.is-open .faq-plus:after{background:#fff}
.knowledge-page .faq-item.is-open .faq-plus:after{transform:translate(-50%,-50%) rotate(0deg)}
.knowledge-page .faq-answer{overflow:hidden}
.knowledge-page .faq-answer>div{padding:0 68px 28px 2px}
.knowledge-page .faq-answer p{max-width:760px;margin:0;color:#626a70;font-size:16px;line-height:1.75}
.knowledge-page .faq-item.is-open .faq-question>span{color:#0f633d}

@media(max-width:1180px){
 .knowledge-page .faq-shell{grid-template-columns:minmax(270px,.62fr) minmax(0,1.38fr);gap:54px}
 .knowledge-page .faq-intro{top:118px}
}
@media(max-width:980px){
 .knowledge-page .faq-section{padding:56px 0 78px;scroll-margin-top:94px}
 .knowledge-page .faq-shell{grid-template-columns:1fr;gap:34px}
 .knowledge-page .faq-intro{position:relative;top:auto;max-width:760px}
 .knowledge-page .faq-intro h2{max-width:760px;font-size:clamp(44px,7vw,62px)}
 .knowledge-page .faq-intro p{max-width:680px;margin-top:20px}
 .knowledge-page .faq-question{min-height:84px;padding:22px 2px}
}
@media(max-width:700px){
 .knowledge-page .faq-section{padding:34px 0 62px}
 .knowledge-page .faq-shell{gap:26px}
 .knowledge-page .faq-intro .section-kicker{margin-bottom:14px}
 .knowledge-page .faq-intro h2{font-size:clamp(36px,9.7vw,47px);line-height:1.01}
 .knowledge-page .faq-intro p{font-size:16px;line-height:1.66}
 .knowledge-page .faq-question{min-height:76px;grid-template-columns:minmax(0,1fr) 30px;gap:18px;padding:19px 0}
 .knowledge-page .faq-question>span{font-size:17px;line-height:1.38}
 .knowledge-page .faq-plus{width:28px;height:28px}
 .knowledge-page .faq-answer>div{padding:0 42px 22px 0}
 .knowledge-page .faq-answer p{font-size:15px;line-height:1.7}
 .article-card__visual:before{right:8px;top:-8px;font-size:185px}
}
@media(max-width:430px){
 .knowledge-page .faq-section{padding-top:32px}
 .knowledge-page .faq-intro h2{font-size:clamp(34px,9.8vw,42px)}
 .knowledge-page .faq-question>span{font-size:16.5px}
 .knowledge-page .faq-answer>div{padding-right:16px}
}

/* ÖFD Wissen V1.3: strict design-system alignment */

/* All major Wissen sections use the same section rhythm as the core ÖFD pages. */
.knowledge-featured,
.knowledge-principles{
    padding:64px 0 92px;
}
.knowledge-section-head{
    margin-bottom:38px;
}
.knowledge-section-head small{
    padding-top:0;
    color:#555d62;
    font-size:13px;
    font-weight:780;
    letter-spacing:.01em;
    text-transform:none;
}

/* Article category label = standard ÖFD section kicker, without a special red-dot treatment. */
.article-hero__label{
    display:inline-block;
    margin-top:34px!important;
    margin-bottom:0!important;
    color:#555d62!important;
    font-size:13px!important;
    font-weight:780!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
}
.article-hero__label:before{display:none!important;content:none!important}

/* Keep the article hero and content transitions consistent with the rest of the site. */
.article-hero{padding:64px 0 54px}

/* The standard final CTA component is used on Wissen as well. */
.knowledge-final-cta{padding-top:64px;padding-bottom:92px}

@media(max-width:980px){
    .knowledge-featured,
    .knowledge-principles{padding:56px 0 78px}
    .knowledge-section-head{margin-bottom:34px}
    .knowledge-final-cta{padding-top:56px;padding-bottom:78px}
}

@media(max-width:700px){
    .knowledge-featured,
    .knowledge-principles{padding:34px 0 62px}
    .knowledge-section-head{gap:10px;margin-bottom:26px}
    .knowledge-section-head small{font-size:12px}
    .article-hero{padding:34px 0 34px}
    .article-hero__label{margin-top:24px!important;font-size:12px!important}

    /* Move the decorative AI further left on phones so it sits optically centered. */
    .article-card__visual:before{right:58px!important;top:-10px!important;font-size:185px!important}

    .knowledge-final-cta{padding-top:34px!important;padding-bottom:62px!important}
}

@media(max-width:430px){
    .article-card__visual:before{right:46px!important;font-size:174px!important}
}


/* ÖFD Wissen V2.0: archive, pagination and related articles */
.knowledge-archive{padding:64px 0 92px;background:#fff}
.knowledge-archive--paged{background:#f5f6f4}
.knowledge-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.knowledge-list-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:270px;border:1px solid #d7dcd8;border-radius:18px;background:#fff;color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.knowledge-list-card:hover{transform:translateY(-2px);border-color:#c8cfca;box-shadow:0 24px 58px rgba(17,19,21,.08)}
.knowledge-list-card:focus-visible{outline:3px solid rgba(19,130,77,.18);outline-offset:4px}
.knowledge-list-card__visual{position:relative;min-height:100%;padding:22px 18px;background:linear-gradient(145deg,#171a1d 0%,#282d30 100%);color:#fff;overflow:hidden}
.knowledge-list-card__visual:before{content:attr(data-mark);position:absolute;left:-5px;bottom:-18px;color:rgba(255,255,255,.055);font-size:74px;line-height:.9;font-weight:900;letter-spacing:-.07em;white-space:nowrap}
.knowledge-list-card__visual:after{content:"";position:absolute;right:-70px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(20,132,78,.38),rgba(20,132,78,0) 70%)}
.knowledge-list-card__visual span{position:relative;z-index:1;display:inline-flex;padding:7px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.knowledge-list-card__content{display:flex;flex-direction:column;padding:26px 28px 28px}
.knowledge-list-card h3{margin:15px 0 0;font-size:28px;line-height:1.05;letter-spacing:-.04em}
.knowledge-list-card p{margin:14px 0 0;color:#626a70;font-size:14px;line-height:1.65}
.knowledge-list-card .article-card__link{margin-top:auto;padding-top:20px}
.knowledge-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:38px;padding-top:24px;border-top:1px solid #d4d9d5}
.knowledge-pagination>div{display:flex;gap:8px}
.knowledge-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid #ccd2ce;border-radius:999px;background:#fff;color:#31373a;font-size:12px;font-weight:780;text-decoration:none}
.knowledge-pagination a:hover{border-color:#9ea7a1}
.knowledge-pagination .is-current{background:#171a1d;border-color:#171a1d;color:#fff}
.knowledge-pagination .pagination-arrow:first-child{justify-self:start}
.knowledge-pagination .pagination-arrow:last-child{justify-self:end}
.article-related{margin-top:42px;padding-top:30px;border-top:1px solid #d5dad6}
.article-related h3{margin:0;font-size:22px}
.article-related__grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}
.article-related__grid a{position:relative;display:grid;grid-template-columns:minmax(100px,.36fr) minmax(0,1fr) 22px;gap:14px;align-items:center;padding:16px 18px;border:1px solid #d9ddda;border-radius:12px;background:#fafaf9;color:inherit;text-decoration:none}
.article-related__grid a:hover{border-color:#bfc7c1;background:#f6f8f6}
.article-related__grid span{color:#7a8287;font-size:10px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}
.article-related__grid strong{font-size:14px;line-height:1.35}
.article-related__grid i{font-style:normal;text-align:right;color:#697176}
@media(max-width:980px){.knowledge-archive{padding:56px 0 78px}.knowledge-list-grid{grid-template-columns:1fr}.knowledge-list-card{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:700px){.knowledge-archive{padding:34px 0 62px}.knowledge-list-grid{gap:12px}.knowledge-list-card{grid-template-columns:1fr;min-height:0;border-radius:14px}.knowledge-list-card__visual{min-height:128px;padding:19px}.knowledge-list-card__visual:before{left:auto;right:20px;bottom:-12px;font-size:68px}.knowledge-list-card__content{padding:22px 20px 24px}.knowledge-list-card h3{font-size:27px}.knowledge-pagination{grid-template-columns:1fr auto;gap:14px}.knowledge-pagination>div{grid-row:2;grid-column:1/-1;justify-content:center}.knowledge-pagination .pagination-arrow:first-child{grid-column:1}.knowledge-pagination .pagination-arrow:last-child{grid-column:2}.article-related__grid a{grid-template-columns:1fr 22px;gap:7px 12px}.article-related__grid span{grid-column:1}.article-related__grid strong{grid-column:1}.article-related__grid i{grid-column:2;grid-row:1/3}}


/* ÖFD Wissen V2.1: archive navigation, card visuals and robust typography */
#beitraege{scroll-margin-top:112px}

/* Decorative archive marks stay fully visible instead of being clipped at the card edge. */
.knowledge-list-card__visual:before{
    left:50%;
    right:auto;
    top:58%;
    bottom:auto;
    width:calc(100% - 24px);
    transform:translate(-50%,-50%);
    text-align:center;
    color:rgba(255,255,255,.105);
    font-size:clamp(30px,2.15vw,40px);
    line-height:.9;
    letter-spacing:-.055em;
    white-space:nowrap;
}

/* Long German compound words must never escape cards, headings or article content. */
.knowledge-section-head h2,
.article-card h3,
.knowledge-list-card h3,
.article-hero h1,
.article-hero__dek,
.article-quick strong,
.article-content h2,
.article-content h3,
.article-content p,
.article-content li,
.article-sources a,
.article-related__grid strong,
.knowledge-page .faq-intro h2,
.knowledge-page .faq-question>span{
    min-width:0;
    word-break:normal;
    overflow-wrap:break-word;
    -webkit-hyphens:auto;
    hyphens:auto;
}

/* The FAQ intro has less horizontal room than a normal hero. Keep oversized compounds contained. */
.knowledge-page .faq-intro h2{
    font-size:clamp(42px,3.35vw,56px);
    max-width:100%;
}

@media(max-width:980px){
    #beitraege{scroll-margin-top:96px}
    .knowledge-list-card__visual:before{
        font-size:clamp(34px,5.5vw,46px);
    }
}

@media(max-width:700px){
    #beitraege{scroll-margin-top:82px}

    .knowledge-list-card__visual:before{
        left:50%;
        right:auto;
        top:60%;
        bottom:auto;
        width:calc(100% - 36px);
        transform:translate(-50%,-50%);
        color:rgba(255,255,255,.095);
        font-size:clamp(52px,15vw,72px);
        text-align:center;
    }

    .article-hero h1{
        font-size:clamp(36px,9.8vw,48px);
        line-height:.98;
        letter-spacing:-.052em;
        overflow-wrap:anywhere;
    }

    .knowledge-page .faq-intro h2{
        font-size:clamp(34px,9.2vw,43px);
        line-height:1.02;
        overflow-wrap:anywhere;
    }

    .knowledge-list-card h3,
    .article-card h3,
    .knowledge-section-head h2{
        overflow-wrap:anywhere;
    }
}

@media(max-width:430px){
    .article-hero h1{font-size:clamp(35px,9.5vw,43px)}
    .knowledge-list-card__visual:before{font-size:clamp(48px,14vw,64px)}
}

/* Archive card copy stays tidy even with long titles and German compound words. */
.knowledge-list-card h3{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
.knowledge-list-card p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
}
.knowledge-list-card__visual:before{font-size:clamp(29px,1.9vw,35px)}

@media(max-width:700px){
    .knowledge-list-card h3{-webkit-line-clamp:3}
    .knowledge-list-card p{-webkit-line-clamp:4}
    .knowledge-list-card__visual:before{font-size:clamp(50px,14vw,66px)}
}


/* ÖFD Wissen V2.2: ruhige AJAX-Paginierung ohne Seiten-Sprung */
.knowledge-archive .knowledge-section-head,
.knowledge-archive .knowledge-list-grid,
.knowledge-archive .knowledge-pagination{
  transition:opacity .18s ease,transform .18s ease;
}
.knowledge-archive.is-loading .knowledge-section-head,
.knowledge-archive.is-loading .knowledge-list-grid,
.knowledge-archive.is-loading .knowledge-pagination{
  opacity:.38;
  pointer-events:none;
}
.knowledge-archive.is-entering .knowledge-section-head,
.knowledge-archive.is-entering .knowledge-list-grid,
.knowledge-archive.is-entering .knowledge-pagination{
  animation:oefdArchiveIn .24s ease both;
}
@keyframes oefdArchiveIn{
  from{opacity:.62;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .knowledge-archive .knowledge-section-head,
  .knowledge-archive .knowledge-list-grid,
  .knowledge-archive .knowledge-pagination{transition:none}
  .knowledge-archive.is-entering .knowledge-section-head,
  .knowledge-archive.is-entering .knowledge-list-grid,
  .knowledge-archive.is-entering .knowledge-pagination{animation:none}
}