.an{padding-block:1.5rem 4rem}.an .crumbs{color:var(--text-3)}.an .crumbs a{color:var(--text-2)}.an-grid{align-items:start;gap:1.5rem;margin-top:1.25rem;display:grid}@media (width>=64rem){.an-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:2rem}.an-live{position:sticky;top:5.5rem}}.an-card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);gap:1.5rem;padding:clamp(1.25rem,.8rem + 2.2vw,2.5rem);display:grid}.an-top{gap:.6rem;display:grid}.an-step{color:var(--blue);font-size:.9rem;font-weight:700}.an-top .bar{background:var(--bg-2);border-radius:999px;height:6px;overflow:hidden}.an-top .bar span{background:var(--blue);border-radius:inherit;width:10%;height:100%;transition:width .5s var(--ease);display:block}#frage{align-content:start;gap:.75rem;min-height:16rem;display:grid}#frage h1{outline:0;max-width:26ch;font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem)}.an-hilfe{color:var(--text-3);font-size:1rem}.an-hilfe:empty{display:none}.an-opts{gap:.6rem;margin-top:.75rem;display:grid}@media (width>=40rem){.an-opts{grid-template-columns:1fr 1fr}}.opt-btn{text-align:left;font:650 1.05rem/1.3 var(--f-body);color:var(--text);background:var(--surface);border:1.5px solid var(--line);cursor:pointer;min-height:3.6rem;transition:border-color .2s var(--ease), background-color .2s var(--ease), transform .15s var(--ease);border-radius:14px;padding:1rem 1.15rem 1rem 3rem;position:relative}.opt-btn:before{content:"";border:2px solid var(--line);width:1.1rem;height:1.1rem;transition:border-color .2s var(--ease), background-color .2s var(--ease);border-radius:50%;margin-top:-.55rem;position:absolute;top:50%;left:1.1rem}.opt-btn:hover{border-color:var(--blue)}.opt-btn:active{transform:scale(.99)}.opt-btn[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}.opt-btn[aria-pressed=true]:before{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px var(--surface)}.an-nav{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}.an-nav .btn[disabled]{opacity:.4;pointer-events:none}.an-live{margin-top:0}.an-res-head{gap:.6rem;margin-bottom:1.25rem;display:grid}.an-res-head h1{outline:0}.an-res-head>p{color:var(--text-2)}.an-chips{flex-wrap:wrap;gap:.4rem;display:flex}.an-chips span{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:.25rem .7rem;font-size:.85rem;font-weight:600}.linkbtn{font:650 .95rem var(--f-body);color:var(--blue);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.res-list{counter-reset:r;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.res{counter-increment:r;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);gap:1rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);display:grid}.res.out{opacity:.55}.res-h{align-items:center;gap:1rem;display:flex}.res-h>div{gap:.2rem;min-width:0;display:grid}.res-h h2{font-size:1.4rem}.res-h h2:before{content:counter(r) ". ";color:var(--blue)}.res-score{color:var(--text-2);font-size:.95rem;font-weight:600}.res-tag{background:var(--marker);color:#111725;border-radius:999px;justify-self:start;padding:.1rem .55rem;font-size:.75rem;font-weight:700}.res-k{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.res-k{grid-template-columns:1fr 1fr;column-gap:1.5rem}}.res-k li{border-bottom:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.45rem 0 .45rem 1.4rem;font-size:.95rem;display:flex;position:relative}.res-k li:before{content:"";background:var(--ok);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.9rem;left:0}.res-k li.teil:before{background:#e0a800}.res-k li.offen:before{background:var(--text-3)}.res-k li.nein:before{background:#c0392b}.res-k em{color:var(--text-3);text-align:right;font-size:.875rem;font-style:normal}.res-f{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-top:.75rem;display:flex}.res-preis{color:var(--text-2);font-size:.95rem}.res-more{color:var(--text-3);margin-block:1rem 1.5rem;font-size:.925rem}.kosten,.mail{gap:1rem;margin-top:1rem}.kosten h2,.mail h2{align-items:center;gap:.5rem;font-size:1.35rem;display:flex}.kosten>p,.mail>p{color:var(--text-2)}.check{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.check{grid-template-columns:1fr 1fr;column-gap:1.5rem}}.check li{align-items:start;gap:.5rem;font-size:.975rem;display:flex}.check .icon{color:var(--blue);margin-top:.2rem}.kosten .btn{justify-self:start}#mailform{gap:1rem;display:grid}.fgrid{gap:.9rem;display:grid}@media (width>=40rem){.fgrid{grid-template-columns:1fr 1fr}.fgrid label:first-child{grid-column:span 2}}#mailform label{flex-wrap:wrap;align-content:start;gap:.35rem .3rem;font-size:.95rem;font-weight:650;display:flex}#mailform small{color:var(--text-3);font-weight:500}#mailform input[type=email],#mailform input[type=text]{font:inherit;color:var(--text);background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-s);min-height:3rem;padding:.75rem .9rem;font-weight:500}#mailform input:focus{outline:3px solid var(--blue-soft);border-color:var(--blue)}#mailform .opt{color:var(--text-2);align-items:start;gap:.7rem;font-weight:500;display:flex}#mailform .opt input{width:1.2rem;height:1.2rem;accent-color:var(--blue);flex:none;margin-top:.2rem}#mailform .btn{justify-self:start}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.status:empty{display:none}.status{font-size:.95rem;font-weight:600}@media (width>=64rem){.an-grid.fertig{grid-template-columns:minmax(0,52rem);justify-content:center}}.an-grid.fertig .an-live{display:none}#mailform label>input,#mailform label>select,#mailform label>textarea{flex:1 0 100%}