#marold-vakanz-check{
--burgundy:#4a1830;
--blue:#e8ecf7;
--blue2:#c8d4f0;
--orange:#f25c00;
--ink:#23181f;
--muted:#6e6369;
--line:#ded7db;
--bg:#f8f8fa;
--white:#fff;
--green:#2e6b4b;
}
*{box-sizing:border-box}
#marold-vakanz-check{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:var(--bg);
color:var(--ink);
line-height:1.45;
}
#marold-vakanz-check .wrap{max-width:920px;margin:0 auto;padding:28px 18px 50px}
#marold-vakanz-check .hero{
background:linear-gradient(135deg,var(--blue),#f7f8fc 70%);
border:1px solid var(--line);
border-radius:22px;
padding:28px;
margin-bottom:20px;
}
#marold-vakanz-check .eyebrow{
display:inline-block;
background:var(--burgundy);
color:#fff;
border-radius:999px;
padding:6px 11px;
font-size:13px;
letter-spacing:.2px;
}
#marold-vakanz-check h1{font-size:34px;line-height:1.08;margin:14px 0 8px;color:var(--burgundy)}
#marold-vakanz-check h2{font-size:23px;margin:0 0 8px;color:var(--burgundy)}
#marold-vakanz-check h3{font-size:18px;margin:0 0 8px}
#marold-vakanz-check p{margin:0 0 10px}
#marold-vakanz-check .muted{color:var(--muted);font-size:14px}
#marold-vakanz-check .progress{height:8px;background:#eee9ec;border-radius:999px;overflow:hidden;margin-top:18px}
#marold-vakanz-check .progress > div{height:100%;background:var(--burgundy);width:0;transition:width .25s ease}
#marold-vakanz-check .step{
display:none;
background:#fff;
border:1px solid var(--line);
border-radius:20px;
padding:24px;
margin-bottom:16px;
}
#marold-vakanz-check .step.active{display:block}
#marold-vakanz-check .grid2,#marold-vakanz-check .grid3{display:grid;gap:16px}
#marold-vakanz-check .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
#marold-vakanz-check .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){#marold-vakanz-check .grid2,#marold-vakanz-check .grid3{grid-template-columns:1fr}
#marold-vakanz-check h1{font-size:29px}}
#marold-vakanz-check label.block{display:block}
#marold-vakanz-check input[type=text],#marold-vakanz-check input[type=number],#marold-vakanz-check select{
width:100%;
border:1px solid #cfc7cc;
border-radius:12px;
padding:11px 12px;
margin-top:6px;
font-size:16px;
background:#fff;
color:var(--ink);
}
#marold-vakanz-check input:focus,#marold-vakanz-check select:focus{outline:3px solid rgba(74,24,48,.15);border-color:var(--burgundy)}
#marold-vakanz-check #marold-vakanz-check .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:720px){#marold-vakanz-check #marold-vakanz-check .choices{grid-template-columns:1fr}}
#marold-vakanz-check .choice{
display:flex;
gap:10px;
align-items:flex-start;
border:1px solid var(--line);
border-radius:14px;
padding:12px 13px;
background:#fff;
}
#marold-vakanz-check .choice input{margin-top:3px}
#marold-vakanz-check .scale-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #eee9ec}
#marold-vakanz-check .scale-row:last-child{border-bottom:0}
#marold-vakanz-check .scale-buttons{display:flex;gap:7px;flex-wrap:wrap}
#marold-vakanz-check .scale-buttons label{cursor:pointer}
#marold-vakanz-check .scale-buttons input{position:absolute;opacity:0}
#marold-vakanz-check .scale-buttons span{
display:inline-flex;align-items:center;justify-content:center;
width:38px;height:38px;border:1px solid #cfc7cc;border-radius:10px;background:#fff;
}
#marold-vakanz-check .scale-buttons input:checked + span{background:var(--burgundy);color:#fff;border-color:var(--burgundy)}
@media(max-width:720px){#marold-vakanz-check .scale-row{grid-template-columns:1fr}#marold-vakanz-check .scale-buttons{justify-content:flex-start}}
#marold-vakanz-check .nav{
display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px
}
#marold-vakanz-check button{
border:0;border-radius:12px;padding:11px 18px;font-size:15px;cursor:pointer
}
#marold-vakanz-check .btn-primary{background:var(--burgundy);color:#fff}
#marold-vakanz-check .btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
#marold-vakanz-check button:disabled{opacity:.4;cursor:not-allowed}
#marold-vakanz-check .section-note{background:var(--blue);padding:14px;border-radius:14px;margin:12px 0 18px}
#marold-vakanz-check .result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:720px){#marold-vakanz-check .result-grid{grid-template-columns:1fr}}
#marold-vakanz-check .metric{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
#marold-vakanz-check .metric strong{font-size:25px;color:var(--burgundy);display:block;margin-top:6px}
#marold-vakanz-check .callout{border-left:4px solid var(--orange);padding:14px 16px;background:#fff7f2;border-radius:0 14px 14px 0}
#marold-vakanz-check .example{border:1px solid var(--line);border-radius:16px;padding:17px;background:#fff}
#marold-vakanz-check .tag{display:inline-block;background:var(--blue);color:var(--burgundy);font-size:13px;border-radius:999px;padding:5px 9px;font-weight:700}
#marold-vakanz-check .hidden{display:none!important}
#marold-vakanz-check .footer-note{font-size:13px;color:var(--muted);margin-top:18px}
#marold-vakanz-check .summary-list{margin:8px 0 0 18px}
#marold-vakanz-check .summary-list li{margin:4px 0}
@media print{
#marold-vakanz-check .hero,#marold-vakanz-check .nav{display:none!important}
#marold-vakanz-check .step{display:none!important}
#resultStep{display:block!important;border:0;padding:0}
#marold-vakanz-check{background:#fff}
}