/* DATENCHECK V4 – faithful implementation of the user's photographed reference.
   Working semantic buttons, 4-language UI, actual case-routing remain unchanged. */
:root{--dc-v2-navy:#071d3b;--dc-v2-deep:#07182e;--dc-v2-blue:#085de0;--dc-v2-cyan:#35c5f3;--dc-v2-ink:#071b42}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:#fff;color:var(--dc-v2-ink)}
.topbar{background:linear-gradient(102deg,#06182d 0%,#0a2b4e 66%,#111b3b 100%)!important;border:0;box-shadow:none;color:#fff;position:relative;z-index:12}
.top-inner{max-width:1720px;min-height:65px;padding:8px 2.9%;gap:15px}
.logo{color:white;gap:9px}
.dc-shield{width:45px;height:47px;font-size:31px;border:3px solid #f0fbff;border-radius:14px 14px 21px 21px;background:linear-gradient(145deg,#1179b8,#195486);filter:drop-shadow(0 3px 8px #0615246f);color:#fff}
.dc-logo-text strong{color:#fff;font-size:26px;font-weight:880;letter-spacing:-.9px}
.dc-logo-text strong span{color:#31bdf8}
.dc-logo-text small{font-size:10px;color:#e0edfb;font-weight:650}
.dc-topnav{justify-content:center;gap:7px}
.dc-topnav a{color:#f4f8ff;font-size:12.5px;font-weight:720;border-radius:8px;padding:11px 10px;text-decoration:none;white-space:nowrap}
.dc-topnav a:hover{background:#ffffff1a;color:white}
.dc-topnav a:first-child{color:white}
.dc-topnav a:first-child:after{background:#30bdf1;bottom:0;height:3px}
.toplinks{gap:9px}
.dc-at-header{display:flex;align-items:center;color:#eef5ff;font-size:11px;padding-right:9px;border-right:1px solid #dbeaff33}
.dc-at-header .dc-at-flag{width:25px;height:17px}
.toplinks #dcLang{background:#f7f9ff;color:#142549;max-width:180px;border:1px solid #ecf3fb;border-radius:10px;padding:9px 8px;font-size:12px;min-height:40px}
.dc-austria-context .dc-at-flag{width:31px;height:21px;border:1px solid #fff6}
.hero{min-height:380px;padding:26px 3.9% 27px;background:#0a2a53 url('/static/illustrations/hero-photo.webp') center 48%/cover no-repeat!important;position:relative;isolation:isolate;color:white}
.hero:before{content:"";display:block!important;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,22,47,.99) 0%,rgba(6,32,63,.94) 28%,rgba(6,36,72,.66) 51%,rgba(5,29,59,.30) 74%,rgba(7,22,49,.52) 100%)}
.hero-content{max-width:1640px;display:flex;min-height:326px;gap:20px;align-items:center;justify-content:space-between}
.dc-hero-copy{width:min(695px,61%);flex:0 0 auto}
.dc-austria-context{margin:0 0 15px;color:#eff7ff;letter-spacing:.04em;text-transform:none;font-size:12px;font-weight:690}
.hero h1{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-size:clamp(35px,3.3vw,52px);font-weight:870;letter-spacing:-1.15px;line-height:1.08;color:#fff;margin:0 0 13px;max-width:730px}
.hero h1 em{color:#41d4ff;font-style:normal}
.hero p{font-size:17px;color:#f1f7ff;font-weight:580;max-width:660px;line-height:1.36;margin:0}
.dc-hero-benefits{display:grid!important;list-style:none;margin:13px 0 20px;padding:0;gap:7px}
.dc-hero-benefits li{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:640;color:#f8fcff;line-height:1.25}
.dc-hero-benefits li span{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;font-size:12px;background:#50c540!important;color:#fff!important}
.dc-hero-benefits li:first-child span{background:#08aeed!important}
.dc-hero-actions{margin:0;display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.dc-hero-cta{background:linear-gradient(100deg,#079fea,#1152dc 72%,#2854dd)!important;border:1px solid #7ae1ff;border-radius:11px;box-shadow:0 0 21px #077cf17a;color:#fff;padding:13px 19px;font-size:15px;font-weight:830}
.dc-hero-cta:hover{background:linear-gradient(100deg,#11adea,#0748c1)!important;filter:none;transform:translateY(-1px)}
.dc-cta-icon{display:inline-block;margin-right:7px;font-size:21px;line-height:.7}
.dc-cta-arrow{font-size:22px;margin-left:10px;line-height:.7}
.dc-hero-secondary{background:#0b2846c9;border:1px solid #e0f0ff;border-radius:11px;color:white;padding:14px 18px;font-size:13px;font-weight:760}
.dc-hero-secondary:hover{background:#14517b;color:#fff}
.dc-cta-play{font-size:20px;line-height:.6;margin-right:6px}
.dc-private-claim{font-size:10px!important;letter-spacing:.03em;margin-top:13px!important;color:#d9e6f3!important}
.dc-hero-issues{display:grid;align-content:center;align-self:center;width:min(315px,26%);flex:0 0 min(315px,26%);gap:5px;background:rgba(17,47,86,.77);border:1px solid #d5e6ffbc;padding:15px;border-radius:16px;backdrop-filter:blur(12px);box-shadow:0 15px 36px #0714285a}
.dc-hero-issues-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:820;color:#fff;margin:1px 3px 9px}
.dc-hero-issues-title span{font-size:9px;font-weight:740;background:#d6eaff;color:#174871;padding:5px 7px;border-radius:10px}
.dc-hero-issues button{display:flex;align-items:center;text-align:left;gap:9px;min-height:45px;background:#f4f7fded;color:#10274f;font-size:11.5px;font-weight:710;border-radius:9px;border:1px solid #d5e4f4;padding:7px 9px;box-shadow:0 2px 7px #0b214b1c}
.dc-hero-issues button:hover,.dc-hero-issues button:focus-visible{background:#e4f2ff;color:#0c4481;border-color:#b9daff}
.dc-issue-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:28px;border-radius:7px;background:#e0ecf8;color:#174f7c;font-size:18px}
.dc-issue-arrow{margin-left:auto;font-size:19px;color:#1c6090}
.dc-hero-card-note{font-size:9px;color:#d2e3f5;text-align:center;padding-top:4px}
/* Visually reproduce the eight-photo card collection without breaking scenario handlers. */
body:has(#wizardSituation:not(.hidden)) .page{max-width:1720px;padding:0 2.1%;margin:0 auto}
body:has(#wizardSituation:not(.hidden)) .workspace{display:block}
body:has(#wizardSituation:not(.hidden)) .main-panel{border:0;box-shadow:none;overflow:visible;background:transparent}
body:has(#wizardSituation:not(.hidden)) #step1{padding:15px 0 0;min-height:0}
body:has(#wizardSituation:not(.hidden)) .progress,body:has(#wizardSituation:not(.hidden)) .wizard-intro,
body:has(#wizardSituation:not(.hidden)) .sidebar{display:none!important}
body:has(#wizardSituation:not(.hidden)) #wizardSituation .stage-label{display:none}
body:has(#wizardSituation:not(.hidden)) #wizardSituation #dcProblemTitle{display:inline-block;color:#052c8b;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:clamp(24px,2.5vw,35px);font-weight:880;letter-spacing:-.9px;margin:0 21px 14px 0}
body:has(#wizardSituation:not(.hidden)) #wizardSituation #dcProblemLead{display:inline-block;color:#3b4f78;font-size:14px;margin:0 0 14px;max-width:none}
#scenarios{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:4px 0 14px}
#scenarios .scenario-card{min-height:224px;position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#fff;border-radius:12px;padding:0 0 13px;border:1px solid #cddbea!important;box-shadow:0 3px 10px #112a571c;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
#scenarios .scenario-card:hover{transform:translateY(-3px);box-shadow:0 9px 20px #1d4e962b;border-color:#8cc4fb!important}
#scenarios .scenario-card::before{display:none!important}
#scenarios .scenario-card .dc-scenario-illustration{position:relative;inset:auto;display:block;opacity:1;width:100%;height:109px;object-fit:cover;object-position:center;border-radius:11px 11px 0 0}
#scenarios .scenario-card .dc-card-icon{display:grid!important;place-items:center;position:absolute;top:88px;right:8px;z-index:1;width:33px;height:33px;border-radius:50%;border:3px solid white;background:#e5474c;color:#fff;font-size:21px;line-height:1;box-shadow:0 2px 6px #07152d33}
#scenarios .scenario-card:nth-child(3) .dc-card-icon{background:#ed9c22}
#scenarios .scenario-card:nth-child(4) .dc-card-icon{background:#2abf53}
#scenarios .scenario-card:nth-child(5) .dc-card-icon{background:#7659cf}
#scenarios .scenario-card:nth-child(6) .dc-card-icon{background:#297cbb}
#scenarios .scenario-card:nth-child(7) .dc-card-icon{background:#d85263}
#scenarios .scenario-card:nth-child(8) .dc-card-icon{background:#3094d2}
#scenarios .scenario-card>span:not(.dc-card-icon){display:none!important}
#scenarios .scenario-card strong{max-width:none;padding:10px 11px 0;font-size:clamp(12px,.98vw,15px);font-weight:850;line-height:1.28;letter-spacing:-.15px;color:#07183b;overflow-wrap:anywhere}
#scenarios .scenario-card small{max-width:none;padding:5px 11px 0;font-size:clamp(10px,.75vw,11.8px);font-weight:475;line-height:1.45;color:#344664;overflow-wrap:anywhere}
body:has(#wizardSituation:not(.hidden)) .dc-simple-steps{display:none}
body:has(#wizardSituation:not(.hidden)) .topic-expand{margin:9px 0 4px}
body:has(#wizardSituation:not(.hidden)) #moreTopicsBtn{font-size:11.5px;color:#2d668c;padding:9px 4px;border:0;border-bottom:1px solid #d8e5ec;border-radius:0;background:transparent}
body:has(#wizardSituation:not(.hidden)) #moreTopics{background:#fff}
body:has(#wizardSituation:not(.hidden)) #moreTopics .scenario-card{min-height:175px}
body:not(:has(#wizardSituation:not(.hidden))) .hero,
body:not(:has(#wizardSituation:not(.hidden))) .dc-landing-lower,
body:not(:has(#wizardSituation:not(.hidden))) .dc-trust-strip{display:none}
body:not(:has(#wizardSituation:not(.hidden))) .page{margin-top:22px}
body:not(:has(#wizardSituation:not(.hidden))) .main-panel{border:1px solid #e2e9f2;border-radius:13px}
body:not(:has(#wizardSituation:not(.hidden))) .progress{background:#f5f9ff}
/* Three columns: explanation, available forms, Austrian location. */
.dc-landing-lower{display:grid;max-width:1650px;width:calc(100% - 4.2%);margin:16px auto 10px;grid-template-columns:1.2fr 1.07fr .70fr;gap:13px}
.dc-lower-panel{border:0;min-height:210px;padding:17px 19px;border-radius:14px;background:linear-gradient(120deg,#f1f7fe,#f6f9ff);box-shadow:0 3px 9px #1338660d}
.dc-lower-panel h2{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#07266a;font-weight:870;letter-spacing:-.6px;font-size:21px;line-height:1.14;margin:0 0 14px}
.dc-lower-panel h2 span{color:#0875c8}
.dc-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.dc-how-steps article{min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center;gap:6px}
.dc-how-steps article>span{display:grid;place-items:center;border-radius:50%;height:55px;width:55px;background:#dcefff;color:#105a9e;font-size:27px;border:0}
.dc-how-steps article:not(:last-child):after{color:#718aa9;right:-16px;top:21px;font-size:22px}
.dc-how-steps article b{color:#092755;font-size:11.5px;line-height:1.3}
.dc-how-steps article p{color:#30436b;font-size:10.5px;line-height:1.36}
.dc-service{background:linear-gradient(120deg,#e5f3ff,#d5ebff)}
.dc-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dc-services article{min-height:125px;border:1px solid #d2e3fa;background:#fff;border-radius:12px;padding:9px 4px;box-shadow:0 3px 11px #0c4da519}
.dc-services article span{font-size:27px;color:#1267a9;margin-bottom:11px}
.dc-services article b{font-size:11.2px;line-height:1.2;color:#0c2a54}
.dc-services article small{font-size:10px;line-height:1.25;color:#50647d}
.dc-austria{display:block;min-height:205px;position:relative;border-radius:14px;padding:0;overflow:hidden;background:#12456f}
.dc-austria img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.dc-austria:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#061f46e6,transparent);z-index:0}
.dc-austria>div{position:absolute;bottom:19px;left:15px;right:12px;display:flex;align-items:center;gap:10px;color:#fff;z-index:2}
.dc-austria>div span{background:#1b785c;font-size:15px;flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border:2px solid white;border-radius:50%}
.dc-austria>div b{font-size:17px;line-height:1.17}
/* Honest service limitations in the same compact trust row as the reference. */
.dc-trust-strip{max-width:1650px;width:calc(100% - 4.2%);margin:5px auto 16px;border-radius:13px;background:#f0f4fa;border:0;box-shadow:none;padding:13px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dc-trust-strip>div{min-width:0;display:flex;gap:10px;align-items:center;padding:3px 10px;border-right:1px solid #becbda}
.dc-trust-strip>div:last-child{border:0}
.dc-trust-symbol{width:41px;flex:0 0 41px;height:41px;display:grid;place-items:center;background:#e3eff9;border-radius:10px;color:#0d315f;font-size:27px}
.dc-trust-strip p{display:flex;flex-direction:column;gap:3px;margin:0;min-width:0}
.dc-trust-strip p strong{color:#0c244d;font-size:12px;line-height:1.24;font-weight:790}
.dc-trust-strip p small{font-size:10.5px;line-height:1.36;color:#43556d}
.dc-service-trust{display:block;max-width:1650px;width:calc(100% - 4.2%);margin:0 auto 10px;border:1px solid #dde7f0;border-radius:10px;background:#fff;padding:0;box-shadow:none}
.dc-service-trust>summary{display:list-item;cursor:pointer;padding:13px 17px;font-size:12px;font-weight:740;color:#194b6e}
.dc-service-trust[open]{padding-bottom:18px}
.dc-service-trust[open]>.dc-trust-identity,.dc-service-trust[open]>.dc-trust-columns,.dc-service-trust[open]>.dc-official-note{margin-left:18px;margin-right:18px}
.dc-service-trust[open]>.dc-trust-identity{margin-top:16px}
.dc-trust-identity h2{font-size:21px;color:#143450}
.dc-service-trust .dc-trust-columns{margin-top:15px;margin-bottom:13px}
.dc-service-trust .dc-official-note{background:#edf6fb}
.education{max-width:1650px;width:calc(100% - 4.2%);margin:8px auto}
@media(min-width:1181px) and (max-width:1500px){
 .top-inner{gap:9px;padding:8px 2.4%}
 .dc-topnav{gap:2px}
 .dc-topnav a{font-size:11.5px;padding:9px 7px}
 .dc-at-header{display:none}
 .dc-logo-text strong{font-size:24px}
 .toplinks #dcLang{max-width:172px}
 #scenarios{gap:8px}
 #scenarios .scenario-card{min-height:221px}
 #scenarios .scenario-card strong{font-size:12.5px}
 #scenarios .scenario-card small{font-size:10.2px}
}
@media(max-width:1180px){
 .dc-topnav{gap:1px}
 .dc-topnav a{font-size:10.5px;padding:8px 5px}
 .dc-at-header{display:none}
 .top-inner{padding:8px 18px;gap:8px}
 .dc-logo-text strong{font-size:22px}
 .toplinks #dcLang{max-width:150px;font-size:11px}
 .hero-content{gap:9px}
 .dc-hero-copy{width:65%}
 .hero h1{font-size:40px}
 .dc-hero-issues{width:30%;flex-basis:30%;padding:11px}
 #scenarios{grid-template-columns:repeat(4,minmax(0,1fr))}
 #scenarios .scenario-card strong{font-size:13.5px}
 #scenarios .scenario-card small{font-size:11px}
 .dc-landing-lower{grid-template-columns:1.05fr .95fr}
 .dc-austria{display:none}
}
@media(max-width:860px){
 .dc-topnav{display:none}
 .top-inner{justify-content:space-between}
 .hero{min-height:365px;background-position:59% center!important;padding:24px 22px}
 .hero:before{background:linear-gradient(90deg,rgba(4,22,47,.99) 0%,rgba(5,30,59,.89) 53%,rgba(6,33,64,.45) 100%)}
 .dc-hero-copy{width:69%}
 .hero h1{font-size:clamp(33px,4.8vw,45px)}
 .hero p{font-size:15px}
 .dc-hero-benefits li{font-size:12px}
 .dc-hero-issues{width:30%;flex-basis:30%;padding:9px}
 .dc-hero-issues-title{font-size:12px}
 .dc-hero-issues button{font-size:10px;gap:5px;padding:7px}
 .dc-issue-icon{width:22px;height:22px;flex-basis:22px;font-size:13px}
 #scenarios{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dc-landing-lower{grid-template-columns:1fr}
 .dc-austria{display:block;min-height:210px}
 .dc-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dc-trust-strip>div:nth-child(2){border:0}
}
@media(max-width:620px){
 .top-inner{min-height:65px;padding:9px 13px}
 .dc-shield{width:35px;height:39px;border-width:2px;font-size:25px}
 .dc-logo-text strong{font-size:19px}
 .dc-logo-text small{font-size:8px}
 .toplinks #dcLang{max-width:141px;min-height:37px;font-size:11px}
 .hero{min-height:0;background-position:64% center!important;padding:27px 17px 25px}
 .hero:before{background:linear-gradient(90deg,rgba(4,23,50,.99) 0%,rgba(6,31,60,.93) 62%,rgba(6,31,60,.60) 100%)}
 .hero-content{display:block;min-height:0}
 .dc-hero-copy{width:100%}
 .dc-austria-context{margin-bottom:15px;font-size:11px}
 .hero h1{font-size:clamp(29px,8vw,39px);line-height:1.13;max-width:500px;letter-spacing:-.6px}
 .hero p{font-size:13.2px;line-height:1.43;max-width:520px}
 .dc-hero-benefits{gap:6px;margin:12px 0 15px}
 .dc-hero-benefits li{font-size:11px}
 .dc-hero-benefits li span{width:18px;height:18px;flex-basis:18px;font-size:10px}
 .dc-hero-actions{gap:8px}
 .dc-hero-cta{font-size:12.5px;padding:12px 14px}
 .dc-hero-secondary{font-size:11.5px;padding:12px}
 .dc-private-claim{font-size:9.5px!important;line-height:1.43}
 .dc-hero-issues{display:none}
 body:has(#wizardSituation:not(.hidden)) .page{padding:0 12px}
 body:has(#wizardSituation:not(.hidden)) #step1{padding-top:15px}
 body:has(#wizardSituation:not(.hidden)) #wizardSituation #dcProblemTitle{font-size:25px;margin:0 0 7px;display:block}
 body:has(#wizardSituation:not(.hidden)) #wizardSituation #dcProblemLead{font-size:12px;margin:0 0 12px;display:block}
 #scenarios{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #scenarios .scenario-card{min-height:225px}
 #scenarios .scenario-card .dc-scenario-illustration{height:101px}
 #scenarios .scenario-card .dc-card-icon{top:79px;right:7px;width:29px;height:29px;font-size:18px}
 #scenarios .scenario-card strong{font-size:13px;padding:9px 9px 0}
 #scenarios .scenario-card small{font-size:10.5px;line-height:1.37;padding:3px 9px 0}
 .dc-landing-lower,.dc-trust-strip,.dc-service-trust,.education{width:calc(100% - 24px)}
 .dc-landing-lower{grid-template-columns:1fr;gap:10px}
 .dc-lower-panel{padding:18px 14px;min-height:0}
 .dc-lower-panel h2{font-size:20px}
 .dc-how-steps{gap:8px}
 .dc-how-steps article>span{width:43px;height:43px;font-size:20px}
 .dc-how-steps article:not(:last-child):after{right:-10px;top:19px;font-size:16px}
 .dc-how-steps article b{font-size:11px}
 .dc-how-steps article p{font-size:10px}
 .dc-services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dc-services article{min-height:110px}
 .dc-austria{min-height:177px}
 .dc-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
 .dc-trust-strip>div{padding:3px;border:0}
 .dc-trust-symbol{width:31px;height:31px;flex-basis:31px;font-size:20px}
 .dc-trust-strip p strong{font-size:11.5px}
 .dc-trust-strip p small{font-size:9.5px}
}
@media(max-width:360px){
 .dc-logo-text strong{font-size:16px}
 .dc-logo-text small{display:none}
 .toplinks #dcLang{max-width:107px;font-size:9.5px;padding:6px 3px}
 #scenarios{grid-template-columns:1fr}
 #scenarios .scenario-card{min-height:155px}
 #scenarios .scenario-card .dc-scenario-illustration{height:91px}
}
@media(prefers-reduced-motion:reduce){
 #scenarios .scenario-card,.dc-hero-cta{transition:none;transform:none!important}
}

/* Final proportions tuned against the supplied visual reference. */
@media(min-width:1181px){.hero{min-height:0;padding-top:21px;padding-bottom:24px}.hero-content{min-height:332px}.dc-hero-copy{width:min(750px,62%)}.hero h1{font-size:clamp(38px,2.95vw,46px);max-width:740px}.dc-hero-benefits{margin:10px 0 16px}.dc-hero-issues{width:310px;flex-basis:310px}.dc-hero-actions{gap:12px}.dc-private-claim{margin-top:12px!important}}
/* Narrow phone navigation: logo and language picker must not exceed viewport. */
@media(max-width:620px){
 .top-inner{padding:9px 10px;gap:6px}
 .dc-logo-text strong{font-size:18px}
 .toplinks #dcLang{max-width:121px}
}
@media(max-width:380px){
 .dc-logo-text small{display:none}
 .dc-logo-text strong{font-size:15.5px}
 .toplinks #dcLang{max-width:105px;font-size:10px;padding:6px 3px}
 .top-inner{padding:8px}
}