.gegenueber{padding-block:72px}.gegenueber .wg-kopf{grid-template-columns:var(--zwei-spalten);gap:var(--spalt);align-items:end;margin-bottom:40px;display:grid}.gegenueber .wg-kopf p{color:var(--muted);font-size:16px;line-height:1.75}.wg-raster{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:32px;display:grid}.wg-karte{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;display:flex;box-shadow:0 1px 2px #2028320a}.wg-karte--rechts{border-color:var(--copper);border-width:2px;box-shadow:0 14px 38px -22px #b967468c}.wg-karte-kopf{flex-direction:column;align-items:flex-start;gap:10px;padding:30px 32px 26px;display:flex}.wg-titelzeile{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.wg-karte h3{letter-spacing:-.025em;font-size:28px;line-height:1.2}.wg-zeit{color:var(--muted);font-size:14px;font-weight:650}.wg-karte--rechts .wg-zeit{color:var(--copper-ui)}.wg-kurz{color:var(--ink);max-width:40ch;margin:0;font-size:16px;line-height:1.6}.wg-klein{color:var(--muted);max-width:46ch;margin:0 0 8px;font-size:13px;line-height:1.55}.wg-karte--rechts .wg-klein{color:var(--copper-ui);font-weight:600}.wg-knopf,.wg-hier{letter-spacing:.01em;border-radius:3px;align-items:center;gap:14px;min-height:52px;padding:14px 24px;font-size:14px;font-weight:700;display:inline-flex}.wg-knopf{background:var(--ink);color:#fff;border:1px solid var(--ink);transition:background .18s,border-color .18s}.wg-knopf:hover{background:#343e4b;border-color:#343e4b}.wg-knopf span{font-size:20px;line-height:1}.wg-hier{color:var(--ink);border:1px solid var(--line);background:0 0}.wg-karte--rechts .wg-hier{color:var(--copper-ui);border-color:var(--copper)}.wg-liste-kopf{border-block:1px solid var(--line);color:var(--ink);background:#faf8f5;padding:14px 32px;font-size:14px;font-weight:700}.wg-liste{flex:1;margin:0;padding:8px 20px;list-style:none}.wg-punkt{color:var(--ink);border-radius:4px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 12px;font-size:15.5px;line-height:1.4;display:grid;position:relative}.wg-punkt+.wg-punkt{border-top:1px solid #efece7}.wg-haken{fill:none;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.wg-ring{stroke:var(--ink);stroke-width:1.5px}.wg-strich{stroke:var(--ink);stroke-width:2px}.wg-punkt.aus{color:#646d75}.wg-punkt.aus .wg-ring,.wg-punkt.aus .wg-strich{stroke:#8a8580}.wg-punkt.extra{color:var(--copper-ui);background:#fbf1eb;border-top-color:#0000;font-weight:650}.wg-punkt.extra+.wg-punkt{border-top-color:#0000}.wg-punkt.extra .wg-ring{stroke:#e7c3b1;stroke-width:3px}.wg-punkt.extra .wg-strich{stroke:var(--copper);stroke-width:2.2px}.wg-karte--rechts .wg-punkt.ein .wg-ring,.wg-karte--rechts .wg-punkt.ein .wg-strich{stroke:var(--ink)}.wg-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wg-info{display:inline-flex;position:static}.wg-info-knopf{color:#7a8088;cursor:help;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:color .15s,background .15s;display:grid}.wg-info-knopf svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:20px;height:20px}.wg-info-knopf svg circle:last-child{fill:currentColor;stroke:none}.wg-punkt.aus .wg-info-knopf{color:#646d75}.wg-punkt.extra .wg-info-knopf{color:var(--copper-ui)}.wg-info-knopf:hover,.wg-info[data-offen] .wg-info-knopf{color:var(--ink);background:#20283212}.wg-info-knopf:focus-visible{outline:3px solid var(--copper-ui);outline-offset:1px}.wg-info-tip{z-index:20;background:var(--ink);color:#fff;text-align:left;opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;width:min(300px,100% - 16px);padding:10px 14px;font-size:13.5px;font-weight:500;line-height:1.5;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% - 4px);right:8px;transform:translateY(3px);box-shadow:0 10px 28px -10px #00000073}.wg-info[data-offen] .wg-info-tip{opacity:1;visibility:visible;transform:none}.wg-ergebnis{background:var(--ink);color:#f7f5f1;letter-spacing:-.005em;border-radius:0 0 4px 4px;align-items:center;gap:14px;margin:0;padding:20px 32px;font-size:16px;font-weight:700;display:flex}.wg-ergebnis svg{fill:none;stroke:#f7f5f1;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:26px;height:26px}.wg-karte--rechts .wg-ergebnis svg{stroke:#e3a98f}@media (max-width:1000px){.gegenueber{padding-block:56px}.gegenueber .wg-kopf{grid-template-columns:1fr;gap:14px;margin-bottom:28px}}@media (max-width:860px){.wg-raster{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:520px){.wg-karte h3{font-size:24px}.wg-karte-kopf{padding:24px 20px 22px}.wg-liste-kopf{padding-inline:20px}.wg-liste{padding:6px 8px}.wg-punkt{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:10px 8px;font-size:15px}.wg-haken{width:24px;height:24px}.wg-ergebnis{padding:18px 20px;font-size:15px}.wg-knopf,.gegenueber .button,.wg-hier{justify-content:space-between;width:100%}}.gegenueber.kompakt{padding-block:24px 56px}.gegenueber.kompakt .wrap{width:100%;max-width:960px;padding-inline:24px}.gegenueber.kompakt .wg-kopf{grid-template-columns:1fr;gap:8px;margin-bottom:24px}.gegenueber.kompakt .wg-kopf h2{font-size:clamp(24px,3vw,30px)}.gegenueber.kompakt .wg-raster{gap:20px}.gegenueber.kompakt .wg-karte-kopf{padding:22px 24px 20px}.gegenueber.kompakt .wg-karte h3{font-size:23px}.gegenueber.kompakt .wg-liste-kopf{padding-inline:24px}.gegenueber.kompakt .wg-punkt{padding-block:9px;font-size:14.5px}.gegenueber.kompakt .wg-ergebnis{padding:16px 24px;font-size:15px}@media (max-width:860px){.gegenueber.kompakt .wrap{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.wg-info-tip,.wg-info-knopf,.wg-knopf{transition:none}}@media (min-width:861px){.gegenueber:not(.kompakt) .wg-kurz{min-height:3.2em}.gegenueber:not(.kompakt) .wg-klein{min-height:3.1em}}