/* DATENCHECK independent Austrian information/form-preparation service.
   Inspired by accessible service design principles, no governmental identity. */
:root{--dc-a-ink:#172c45;--dc-a-dark:#0d2947;--dc-a-red:#c62635;--dc-a-border:#dce5ed}
body{background:#f6f8fb;color:var(--dc-a-ink)}
.topbar{background:#112c47;border-bottom:3px solid #c73a45;box-shadow:0 2px 15px rgba(10,32,54,.11)}
.dc-shield{background:#14436e}
.dc-topnav a:first-child:after{background:#fff}
.dc-at-header{display:flex;align-items:center;gap:8px;color:#f7f9fc;font-weight:750;font-size:12px;padding-right:15px;border-right:1px solid rgba(255,255,255,.23);white-space:nowrap}
.dc-at-flag{display:inline-block;width:26px;height:18px;flex:0 0 auto;border-radius:3px;border:1px solid #ddd;background:linear-gradient(to bottom,#e32e3a 0 33.333%,#fff 33.333% 66.666%,#e32e3a 66.666% 100%);box-shadow:0 1px 3px #0002}
.dc-at-flag-large{width:46px;height:30px;border-radius:4px}
.toplinks #dcLang{border-radius:7px;background:white}
.hero{min-height:400px;background-position:center 48%;padding:33px 3.5% 35px}
.hero:before{background:linear-gradient(90deg,rgba(11,35,62,.99) 0%,rgba(10,40,72,.95) 27%,rgba(12,40,69,.68) 52%,rgba(18,38,55,.23) 82%,rgba(9,23,41,.37) 100%)}
.hero-content{min-height:325px}
.dc-austria-context{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#eef3fa;letter-spacing:.015em;font-size:12px;font-weight:650;margin:4px 0 21px}
.dc-austria-context .dc-at-flag{width:29px;height:20px}
.dc-context-separator{color:#c8d7e7}
.hero h1{font-size:clamp(34px,3.45vw,51px);max-width:760px}
.hero h1 em{color:#8bdef6}
.hero p{font-size:17px;max-width:590px;line-height:1.49}
.dc-hero-copy{width:min(750px,64%)}
.dc-hero-benefits{gap:9px;margin-top:16px}
.dc-hero-benefits li{font-size:14px;font-weight:630}
.dc-hero-benefits li span,.dc-hero-benefits li:nth-child(n+2) span{background:#f2f6f9;color:#174a67}
.dc-hero-cta{background:#cc3542;border-color:#e98089;border-radius:9px;box-shadow:0 5px 16px #130a1533;font-weight:780}
.dc-hero-cta:hover{background:#b92735;filter:none}
.dc-hero-secondary{border-radius:9px;background:#203c58cc}
.dc-hero-secondary:hover{background:#335673}
.dc-private-claim{font-size:11px!important;max-width:650px!important;line-height:1.5!important;color:#e4eaf2!important;margin:13px 0 0!important}
.dc-hero-issues button{border-radius:8px;background:rgba(16,38,62,.76);font-size:13px;line-height:1.4}
.dc-hero-issues button:hover{background:#1f496c}
body:has(#wizardSituation:not(.hidden)) #wizardSituation #dcProblemTitle{font-size:clamp(26px,2.2vw,36px);letter-spacing:-.8px}
body:has(#wizardSituation:not(.hidden)) #wizardSituation #dcProblemLead{font-size:14px;color:#607287}
#scenarios{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 17px}
#scenarios .scenario-card{min-height:286px;border-radius:12px;background:white;box-shadow:0 4px 14px rgba(27,61,89,.045)}
#scenarios .scenario-card:hover{transform:translateY(-2px);border-color:#a7bbce!important;box-shadow:0 10px 25px rgba(20,55,88,.10)}
#scenarios .scenario-card .dc-scenario-illustration{height:163px;border-radius:11px 11px 0 0}
#scenarios .scenario-card .dc-card-icon{top:136px;right:15px;width:34px;height:34px;background:#a43343;font-size:21px}
#scenarios .scenario-card:nth-child(4) .dc-card-icon{background:#345c78;color:#fff;font-size:20px}
#scenarios .scenario-card strong{font-size:16px;padding:15px 17px 0;line-height:1.32}
#scenarios .scenario-card small{font-size:13px;padding:0 17px;line-height:1.48;color:#5f7184}
.dc-landing-lower{grid-template-columns:1.2fr 1.05fr .65fr;gap:15px}
.dc-lower-panel{box-shadow:none;border:1px solid #e2e8ee;background:#fff}
.dc-service{background:#f1f6fa}
.dc-lower-panel h2,.dc-lower-panel h2 span{color:#113456}
.dc-how-steps article>span{background:#edf3f7;color:#184c74}
.dc-services article{border:1px solid #dae5ed;box-shadow:none}
.dc-services article span{color:#225c7f}
.dc-austria b{font-size:17px}
.dc-service-trust{max-width:1560px;width:calc(100% - 40px);margin:18px auto 17px;background:#fff;border:1px solid var(--dc-a-border);border-radius:15px;padding:27px 31px;box-shadow:0 9px 28px rgba(22,53,78,.04)}
.dc-trust-identity{display:flex;align-items:flex-start;gap:19px}
.dc-trust-identity>.dc-at-flag{margin-top:4px}
.dc-trust-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850;color:#a72a3a}
.dc-trust-identity h2{font-size:clamp(21px,2vw,29px);line-height:1.22;color:#113455;letter-spacing:-.5px;margin:6px 0 8px}
.dc-trust-identity p{font-size:14px;line-height:1.6;color:#55687b;max-width:90ch;margin:0}
.dc-trust-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}
.dc-trust-columns>div{padding:18px 20px;background:#f6f9fb;border:1px solid #e1e9f0;border-radius:10px}
.dc-trust-columns>div:last-child{background:#fcf9f9;border-color:#eee1e4}
.dc-trust-columns h3{color:#174164;font-size:15px;margin:0 0 8px}
.dc-trust-columns p{font-size:13px;line-height:1.6;color:#53687c;margin:0}
.dc-official-note{display:flex;align-items:flex-start;gap:13px;background:#edf5fa;border-radius:10px;padding:15px 17px}
.dc-official-note-mark{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #8dadc1;border-radius:50%;color:#19506f;font-weight:800}
.dc-official-note p{font-size:12.5px;line-height:1.65;margin:0;color:#395970}
.dc-official-note a{color:#094879;font-weight:770}
.dc-trust-strip{grid-template-columns:repeat(5,minmax(0,1fr));border-radius:10px}
.dc-trust-strip>span{display:flex;align-items:center;justify-content:center;gap:7px}
@media(max-width:1260px){#scenarios .scenario-card strong{font-size:15px}.dc-landing-lower{grid-template-columns:1fr 1fr}.dc-austria{display:none}}
@media(max-width:900px){.dc-at-header{display:none}#scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:365px}.dc-hero-copy{width:min(630px,74%)}}
@media(max-width:560px){
.hero{padding:21px 15px 22px;min-height:430px;background-position:62% center}
.hero:before{background:linear-gradient(90deg,rgba(9,34,61,.97),rgba(15,45,74,.80))}
.dc-austria-context{margin:2px 0 15px;gap:6px;font-size:10px}
.dc-austria-context .dc-at-flag{width:22px;height:15px}
.hero h1{font-size:clamp(28px,8vw,37px)}
.hero p{font-size:15px}
.dc-private-claim{font-size:10px!important}
#scenarios{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#scenarios .scenario-card{min-height:255px}
#scenarios .scenario-card .dc-scenario-illustration{height:118px}
#scenarios .scenario-card .dc-card-icon{top:91px;right:9px;width:32px;height:32px}
#scenarios .scenario-card strong{font-size:13.5px;padding:12px 10px 0}
#scenarios .scenario-card small{font-size:11px;padding:0 10px}
.dc-service-trust{width:calc(100% - 22px);padding:21px 16px}
.dc-trust-identity{gap:11px}
.dc-trust-identity>.dc-at-flag{width:35px;height:24px}
.dc-trust-identity h2{font-size:21px}
.dc-trust-columns{grid-template-columns:1fr}
.dc-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:350px){#scenarios{grid-template-columns:1fr}}
/* Mobile readability and long translated labels */
@media(max-width:900px){
.dc-landing-lower{grid-template-columns:1fr}
.dc-austria{display:block;min-height:165px}
}
@media(max-width:560px){
.dc-landing-lower{grid-template-columns:minmax(0,1fr)}
.dc-lower-panel{min-width:0}
.dc-how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.dc-how-steps article{min-width:0}
.dc-how-steps article:not(:last-child):after{right:-11px;top:19px;font-size:17px}
.dc-how-steps article>span{height:44px;width:44px;font-size:23px}
.dc-how-steps b{font-size:11px;overflow-wrap:anywhere}
.dc-how-steps p{font-size:10.5px;overflow-wrap:anywhere}
.dc-services{grid-template-columns:repeat(2,minmax(0,1fr))}
.dc-services article{min-height:112px}
.dc-austria{display:block;min-height:155px}
}
/* Keep header readable when translated navigation grows. */
@media (max-width:1480px) and (min-width:901px){
.top-inner{padding:9px 18px;gap:10px}
.dc-topnav{min-width:0;gap:2px}
.dc-topnav a{font-size:11px;padding:10px 5px;white-space:normal;line-height:1.22;text-align:center}
.dc-at-header{display:none}
.toplinks #dcLang{max-width:185px;font-size:12px;padding:9px 7px}
}
