/* TRIUM Design 2026: Newsreader + Plus Jakarta Sans, Navy/Creme/Gold */
:root{--color-bg:#FBF9F4;--color-bg-alt:#F4F0E6;--color-bg-dark:#0B1330;--color-text:#1d2433;--color-text-soft:#4A5568;--color-text-muted:#5B6678;--color-accent:#1B2D5C;--color-accent-light:#2D4280;--color-accent-soft:#E8ECF5;--color-gold:#7A5C15;--color-border:#E3DDCF;--serif:'Newsreader',Georgia,serif;--sans:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--sans)!important;background:var(--color-bg)!important;color:var(--color-text)!important}
h1,h2,h3,.post h1,.post h2,.svc-hero h1,.svc-body h2,.blog-header h1{font-family:var(--serif)!important;font-weight:500!important;letter-spacing:-.015em;color:var(--color-accent);text-wrap:balance}
.post h1,.svc-hero h1{font-weight:500!important;line-height:1.08}
.post h3,.svc-body h3,.card h3{font-family:var(--sans)!important;font-weight:700!important;color:var(--color-text)}
.post p,.post li,.svc-body p,.svc-body li{color:var(--color-text-soft)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #C5A35B;outline-offset:3px}
.austria-bar{display:none!important}
/* nav */
.nav{background:rgba(251,249,244,.97)!important;border-bottom:1px solid var(--color-border)!important}
.nav-inner{min-height:76px}
.nav-logo{font-family:var(--sans)!important;font-weight:700!important;letter-spacing:.18em!important;color:var(--color-accent)!important}
.nav-links a{font-size:15px!important;color:var(--color-text)!important;font-weight:500!important;padding:12px 2px}
.nav-links a:hover,.nav-links a.active{color:var(--color-accent)!important;opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#C5A35B;text-decoration-thickness:2px}
.nav-cta,.nav-mobile-cta{background:var(--color-accent)!important;color:#fff!important;border-radius:6px!important;font-weight:600!important;font-size:15px!important;min-height:46px;display:inline-flex;align-items:center;padding:0 22px!important}
.nav-mobile a{min-height:48px;display:flex;align-items:center}
/* buttons */
.btn,.cta-box .btn{border-radius:6px!important;font-weight:600!important;min-height:46px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans)}
.btn.primary{background:var(--color-accent)!important;color:#fff!important}
.cta-box{background:var(--color-accent)!important;border-radius:12px!important}
.cta-box h3{font-family:var(--serif)!important;font-weight:500!important;font-size:28px!important;color:#fff!important}
.cta-box .btn{background:#fff!important;color:var(--color-accent)!important}
.cta-box .btn.ghost{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.6)!important}
.author .av{color:#C5A35B!important}
/* cards & content */
.card,.stat,.faq details,.tool-item,.rel-card,figure.diagram{background:#fff;border-color:var(--color-border)!important;border-radius:10px}
.stat b,.score{color:var(--color-accent)!important;font-family:var(--serif)}
.keytakeaways{background:var(--color-bg-alt)!important;border-left:4px solid #C5A35B!important}
.post .meta .cat,.rel-card small,.eyebrow{color:#7A5C15!important;font-weight:700}
.svc-hero,.blog-header{background:var(--color-bg-alt)!important}
.post th{background:var(--color-bg-alt)!important}
/* footer */
footer{background:#0B1330!important}
.footer-col-heading{color:#C5A35B!important}
.footer-brand-name{font-family:var(--sans)!important;letter-spacing:.18em!important}
/* ===== Homepage ===== */
.h-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.h-sec{padding:clamp(56px,8vw,104px) 0}
.h-eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7A5C15}
.h-dark .h-eyebrow,.h-navy .h-eyebrow{color:#C5A35B}
.h-hero h1{font-size:clamp(42px,6.2vw,68px);line-height:1.04;margin:16px 0 0}
.h-lead{font-size:19px;line-height:1.6;color:var(--color-text-soft);max-width:34em;margin:24px 0 0}
.h-grid{display:grid;gap:clamp(32px,5vw,64px);grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));align-items:center}
.h-actions{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:36px}
.h-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;background:var(--color-accent);color:#fff!important;font-size:16px;font-weight:600;border-radius:6px;opacity:1!important}
.h-btn:hover{background:#2D4280}
.h-btn.light{background:#fff;color:var(--color-accent)!important}
.h-btn svg{width:18px;height:18px}
.h-link{display:inline-flex;align-items:center;min-height:48px;color:var(--color-accent);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.h-card{background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:28px 28px 20px;box-shadow:0 24px 48px -24px rgba(27,45,92,.28)}
.h-card .t{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.2;color:var(--color-text);margin:10px 0 14px}
.h-chk{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--color-border);font-size:16px;line-height:1.45}
.h-chk i{flex:none;width:24px;height:24px;border-radius:6px;border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center}
.h-chk i.on{background:var(--color-accent)}
.h-facts{background:var(--color-bg-alt);padding:56px 0}
.h-facts .g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:40px}
.h-facts .g>div{border-top:2px solid #C5A35B;padding-top:18px}
.h-facts b{display:block;font-size:18px;color:var(--color-accent)}
.h-facts span{display:block;font-size:16px;line-height:1.55;color:var(--color-text-soft);margin-top:6px}
.h-big{background:var(--color-accent);border-radius:12px;padding:clamp(28px,4vw,44px);color:#fff}
.h-big .h-eyebrow{color:#C5A35B}
.h-big .t{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.4vw,40px);line-height:1.1;margin-top:14px;text-wrap:balance}
.h-big p{font-size:17px;line-height:1.6;color:#C9CFDE;margin:18px 0 28px}
.h-h2{font-size:clamp(32px,4vw,40px);line-height:1.1;margin:12px 0 0}
.h-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid #D9D2C0;color:var(--color-text);opacity:1!important}
.h-row:hover .n{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#C5A35B}
.h-row .n{font-family:var(--serif);font-weight:500;display:block;font-size:clamp(23px,2.6vw,28px);line-height:1.15;color:var(--color-text)}
.h-row .d{display:block;font-size:16px;line-height:1.55;color:var(--color-text-soft);margin-top:6px;max-width:32em}
.h-row svg{flex:none;width:18px;height:18px;color:var(--color-accent)}
.h-dark{background:#0B1330;color:#fff}
.h-dark h2{color:#fff!important}
.h-dark p{color:#C9CFDE}
.h-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:28px;margin-top:40px}
.h-pillars>div{border-top:2px solid #C5A35B;padding-top:18px}
.h-pillars b{font-size:19px;display:block;color:#fff}
.h-pillars span{display:block;color:#C9CFDE;font-size:16px;line-height:1.55;margin-top:6px}
.h-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding:0;list-style:none}
.h-steps li{border:1px solid #46568a;border-radius:999px;padding:10px 18px;font-size:15px;color:#fff}
.h-steps li b{color:#C5A35B;margin-right:8px}
.h-chan{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;margin-top:36px}
.h-chan>div{background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:24px}
.h-chan b{display:block;font-size:18px;color:var(--color-accent)}
.h-chan span{display:block;font-size:15.5px;line-height:1.6;color:var(--color-text-soft);margin-top:8px}
.h-blog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px;margin-top:36px}
.h-blog a{display:block;background:#fff;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;opacity:1!important}
.h-blog img{width:100%;height:auto;display:block}
.h-blog div{padding:18px 20px}
.h-blog small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7A5C15;font-weight:700;margin-bottom:6px}
.h-blog span{font-family:var(--serif);font-size:21px;line-height:1.25;color:var(--color-text);font-weight:500}
.h-faq details{border-top:1px solid #D9D2C0;padding:20px 0}
.h-faq details:last-child{border-bottom:1px solid #D9D2C0}
.h-faq summary{cursor:pointer;font-family:var(--serif);font-size:24px;font-weight:500;color:var(--color-text);line-height:1.25}
.h-faq p{margin:12px 0 0;font-size:17px;line-height:1.7;color:var(--color-text-soft);max-width:44em}
.h-cta{background:var(--color-accent);color:#fff;text-align:center}
.h-cta h2{color:#fff!important;margin:0 auto;max-width:18em}
.h-cta p{color:#C9CFDE;font-size:18px;max-width:34em;margin:18px auto 0}
.h-ref{background:var(--color-bg-alt);border:1px dashed #B9AE8D;border-radius:10px;padding:28px;margin-top:28px}
@media (max-width:640px){.nav-links{display:none}}
/* ===== Motion (nur wenn Bewegung erlaubt) ===== */
.h-bar{height:6px;background:#EDE7D6;border-radius:3px;margin:16px 0 0;overflow:hidden}
.h-bar i{display:block;height:100%;width:50%;background:#C5A35B;border-radius:3px}
.h-chk i{background:#fff}
.h-chk.c1 i,.h-chk.c2 i{background:#1B2D5C}
.h-chk.c3 i,.h-chk.c4 i{border-color:#C5A35B}
.h-chk.c3 .tick,.h-chk.c4 .tick{stroke-dasharray:24;stroke-dashoffset:24}
.h-flow{margin:36px 0 0;max-width:820px}
.h-flow .n{fill:#fff;stroke:#1B2D5C;stroke-width:3}
.h-flow .dot{fill:#C5A35B}
.h-row svg{transition:transform .25s}.h-row:hover svg{transform:translateX(6px)}
.h-btn svg{transition:transform .25s}.h-btn:hover svg{transform:translateX(4px)}
.h-blog a,.h-chan>div,.card,.rel-card{transition:transform .25s,box-shadow .25s}
.h-blog a:hover,.h-chan>div:hover{transform:translateY(-4px);box-shadow:0 14px 32px -16px rgba(27,45,92,.35)}
@media (prefers-reduced-motion:no-preference){
 .h-hero .h-eyebrow,.h-hero h1,.h-hero .h-lead,.h-hero .h-actions{animation:hUp .7s cubic-bezier(.2,.7,.2,1) both}
 .h-hero h1{animation-delay:.08s}.h-hero .h-lead{animation-delay:.16s}.h-hero .h-actions{animation-delay:.24s}
 .h-card{animation:hUp .8s .2s cubic-bezier(.2,.7,.2,1) both}
 .h-bar i{width:0;animation:hBar 11s .9s infinite}
 .h-chk i{animation-duration:11s;animation-delay:.9s;animation-iteration-count:infinite}
 .h-chk .tick{stroke-dasharray:24;stroke-dashoffset:24;animation-duration:11s;animation-delay:.9s;animation-iteration-count:infinite}
 .h-chk.c1 i{background:#fff;border-color:#1B2D5C;animation-name:hB1}
 .h-chk.c1 .tick{animation-name:hT1}
 .h-chk.c2 i{background:#fff;border-color:#1B2D5C;animation-name:hB2}
 .h-chk.c2 .tick{animation-name:hT2}
 .h-chk.c3 i{background:#fff;border-color:#1B2D5C;animation-name:hB3}
 .h-chk.c3 .tick{animation-name:hT3}
 .h-chk.c4 i{background:#fff;border-color:#1B2D5C;animation-name:hB4}
 .h-chk.c4 .tick{animation-name:hT4}
 .h-flow .dot{animation:hMove 8s linear infinite}
 .h-flow .n1{animation:hN1 8s infinite}.h-flow .n2{animation:hN2 8s infinite}.h-flow .n3{animation:hN3 8s infinite}.h-flow .n4{animation:hN4 8s infinite}
 .h-steps.seq li{animation:hStep 12s infinite}
 .h-steps.seq li:nth-child(2){animation-delay:1.5s}.h-steps.seq li:nth-child(3){animation-delay:3s}.h-steps.seq li:nth-child(4){animation-delay:4.5s}.h-steps.seq li:nth-child(5){animation-delay:6s}.h-steps.seq li:nth-child(6){animation-delay:7.5s}
 .js .rvg>*{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
 .js .rvg.in>*{opacity:1;transform:none}
 .js .rvg.in>*:nth-child(2){transition-delay:.1s}.js .rvg.in>*:nth-child(3){transition-delay:.2s}.js .rvg.in>*:nth-child(4){transition-delay:.3s}.js .rvg.in>*:nth-child(5){transition-delay:.4s}.js .rvg.in>*:nth-child(6){transition-delay:.5s}
}
@keyframes hUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hBar{0%{width:0}50%,90%{width:100%}97%,100%{width:0}}
@keyframes hStep{0%,100%{background:transparent;border-color:#46568a}4%,14%{background:rgba(197,163,91,.22);border-color:#C5A35B}22%{background:transparent;border-color:#46568a}}
@keyframes hMove{0%{transform:translateX(0)}85%{transform:translateX(660px)}100%{transform:translateX(660px)}}
@keyframes hN1{0%,100%{fill:#fff}2%,12%{fill:#C5A35B}}
@keyframes hN2{0%,24%{fill:#fff}30%,40%{fill:#C5A35B}55%,100%{fill:#fff}}
@keyframes hN3{0%,48%{fill:#fff}54%,64%{fill:#C5A35B}79%,100%{fill:#fff}}
@keyframes hN4{0%,80%{fill:#fff}86%,96%{fill:#C5A35B}100%{fill:#fff}}
@keyframes hB1{0%,8%{background:#fff}11%,90%{background:#1B2D5C}96%,100%{background:#fff}}
@keyframes hT1{0%,8%{stroke-dashoffset:24}12%,90%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:24}}
@keyframes hB2{0%,20%{background:#fff}23%,90%{background:#1B2D5C}96%,100%{background:#fff}}
@keyframes hT2{0%,20%{stroke-dashoffset:24}24%,90%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:24}}
@keyframes hB3{0%,32%{background:#fff}35%,90%{background:#1B2D5C}96%,100%{background:#fff}}
@keyframes hT3{0%,32%{stroke-dashoffset:24}36%,90%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:24}}
@keyframes hB4{0%,44%{background:#fff}47%,90%{background:#1B2D5C}96%,100%{background:#fff}}
@keyframes hT4{0%,44%{stroke-dashoffset:24}48%,90%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:24}}
@media (max-width:640px){.nav-cta{font-size:13px!important;padding:0 12px!important;min-height:44px;white-space:nowrap}.nav-inner{gap:10px}}
section[id]{scroll-margin-top:84px}