@layer components{.ang-layout{padding-top:calc(var(--header-h) + var(--pad-section));padding-bottom:var(--pad-section)}.ang-kopf{margin-bottom:var(--s7)}.ang-kopf h1{font-size:var(--text-display)}.krumel.dunkel,.krumel.dunkel a{color:var(--ink-2)}.krumel.dunkel a:hover{color:var(--ink)}.ang-lead{margin-top:var(--s5);max-width:44ch;color:var(--ink-2)}.ang-hinweis{margin-top:var(--s6);max-width:46ch;font-size:var(--text-small);color:var(--ink-2)}.vertrag{margin-top:var(--s8)}.vertrag h2{font-family:var(--f-body);font-weight:700;font-size:var(--text-lead);line-height:var(--text-lead--line-height);max-width:30ch}.vertrag p{margin-top:var(--s4);max-width:44ch;font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--ink-2)}.vertrag a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.ang-hinweis a{text-underline-offset:3px;text-decoration:underline}.ang-formular{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s7)}.ang-formular fieldset{border:0;margin:0;padding:0}.ang-spalten{gap:var(--s8);grid-template-columns:1fr 1fr;display:grid}.ang-formular legend{font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--text-h3);margin-bottom:var(--s5);padding:0}.feld{margin-bottom:var(--s5)}.feld:empty{margin-bottom:0}.feld-paar{gap:var(--s5);grid-template-columns:1fr 1fr;display:grid}.feld>label:not(.wahl),.feld-titel{margin-bottom:var(--s2);font-size:var(--text-small);min-height:calc(var(--text-small) * var(--text-small--line-height));font-weight:700;display:block}.feld>label:not(.wahl) .pflicht:before,.feld-titel .pflicht:before,.feld>label:not(.wahl) .optional:before{content:" "}.feld-paar{align-items:start}.feld-paar>.feld:empty{margin:0}.optional{color:var(--ink-2);font-weight:400}.pflicht{color:var(--fehler)}.pflicht-hinweis{margin-bottom:var(--s5);font-size:var(--text-small);color:var(--ink-2);font-weight:500}.feld input[type=text],.feld input[type=email],.feld input[type=tel],.feld input[type=number],.feld input[type=date],.feld select,.feld textarea{width:100%;padding:var(--s3) var(--s4);min-height:48px;font-family:var(--f-body);font-size:var(--text-body);color:var(--ink);background:var(--bg);border:1px solid var(--rahmen);border-radius:var(--radius-s);transition:border-color var(--dur-fast) var(--ease-out)}.feld textarea{resize:vertical;min-height:112px;line-height:1.5}.feld select{appearance:none;cursor:pointer;padding-right:var(--s7);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}.feld input:hover,.feld select:hover,.feld textarea:hover{border-color:var(--ink-2)}.feld input:focus-visible,.feld select:focus-visible,.feld textarea:focus-visible{border-color:var(--accent-strong)}.feld input::placeholder,.feld textarea::placeholder{color:var(--ink-2);opacity:1}.hilfe{margin-top:var(--s2);font-size:var(--text-small);color:var(--ink-2);max-width:44ch;font-weight:500}.versand-staffel{margin-top:var(--s4);border-collapse:collapse;max-width:44ch;font-size:var(--text-small)}.versand-staffel caption{text-align:left;padding-bottom:var(--s2);color:var(--ink-2);font-weight:500}.versand-staffel th,.versand-staffel td{text-align:left;padding:var(--s2) 0;border-bottom:1px solid var(--line)}.versand-staffel th{color:var(--ink-2);padding-right:var(--s6);font-weight:500}.versand-staffel td{white-space:nowrap;font-weight:500}.wahl-gruppe{gap:var(--s2) var(--s5);flex-wrap:wrap;display:flex}.wahl-gruppe.spalte{gap:var(--s1);flex-direction:column}.wahl{align-items:flex-start;gap:var(--s3);min-height:44px;padding-block:var(--s2);cursor:pointer;font-size:var(--text-small);font-weight:500;display:flex}.wahl input{appearance:none;border:2px solid var(--rahmen);background:var(--bg);cursor:pointer;flex:none;place-content:center;width:20px;height:20px;margin-top:2px;display:grid}.wahl input[type=checkbox]{border-radius:var(--radius-s)}.wahl input[type=radio]{border-radius:50%}.wahl input:after{content:"";width:10px;height:10px;transition:background-color var(--dur-fast) var(--ease-out);background:0 0}.wahl input[type=checkbox]:after{border-radius:1px}.wahl input[type=radio]:after{border-radius:50%}.wahl input:checked{border-color:var(--accent-strong)}.wahl input:checked:after{background:var(--accent-strong)}.wahl span{padding-top:1px}.zustimmung{font-size:var(--text-small);color:var(--ink-2);align-items:flex-start}.zustimmung a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.muster-grid{gap:var(--s4);margin-top:var(--s3);grid-template-columns:repeat(auto-fill,minmax(172px,1fr));display:grid}.muster-karte{gap:var(--s1);padding:var(--s2);border:1px solid var(--rahmen);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.muster-karte:hover{border-color:var(--ink-2)}.muster-karte:has(input:checked){border-color:var(--accent-strong);background:var(--foto-grund);box-shadow:inset 0 0 0 1px var(--accent-strong)}.muster-karte input{top:var(--s3);left:var(--s3);z-index:2;appearance:none;border:2px solid var(--rahmen);border-radius:var(--radius-s);background:var(--bg);cursor:pointer;place-content:center;width:22px;height:22px;margin:0;display:grid;position:absolute}.muster-karte input:after{content:"";width:12px;height:12px;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border-radius:1px}.muster-karte input:checked{border-color:var(--accent-strong)}.muster-karte input:checked:after{background:var(--accent-strong)}.muster-karte input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.muster-karte:has(input:focus-visible){outline:2px solid var(--accent-strong);outline-offset:3px}.muster-karte:hover img{filter:brightness(1.04)}.muster-karte img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-s);width:100%;height:auto;display:block}.muster-karte .mk-system{font-size:var(--text-meta);line-height:var(--text-meta--line-height);color:var(--ink-2);margin-top:var(--s1)}.muster-karte .mk-name{font-size:var(--text-small);font-weight:700}.muster-karte.gesperrt{cursor:default;opacity:.55}.muster-karte.gesperrt:hover{border-color:var(--rahmen)}.muster-karte.gesperrt:hover img{filter:none}.muster-karte.gesperrt input{display:none}.muster-gruppe{margin-top:var(--s6)}.muster-gruppe h2{font-family:var(--f-body);font-weight:700;font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:0}.summe-auswahl{margin:var(--s2) 0 0;font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--ink);max-width:46ch}.summe-zeile{gap:var(--s2) var(--s4);flex-wrap:wrap;align-items:baseline;margin:0;display:flex}.summe{padding:var(--s4) var(--s5);background:var(--bg);border-radius:var(--radius-s);border:1px solid var(--line)}.summe b{font-size:var(--text-lead)}.summe .hilfe{margin-top:var(--s2)}.feld.hat-fehler input,.feld.hat-fehler select,.feld.hat-fehler textarea,.feld.hat-fehler .wahl input{border-color:var(--fehler)}.feld-fehler{margin-top:var(--s2);font-size:var(--text-small);color:var(--fehler);font-weight:500}.fehler-sammel{margin-top:var(--s5);font-size:var(--text-small);color:var(--fehler);font-weight:500}.ang-absenden{margin-top:var(--s7);padding-top:var(--s6);border-top:1px solid var(--line);align-items:flex-start;gap:var(--s3);flex-direction:column;display:flex}.ang-absenden .btn{padding-inline:var(--s7)}.ang-absenden .hilfe,.summe{max-width:46ch}.ang-danke{padding:var(--s6) 0}.ang-danke h2{font-size:var(--text-h2)}.ang-danke p{margin-top:var(--s4);max-width:40ch;color:var(--ink-2)}.ang-danke .textlink{margin-top:var(--s5)}.ang-danke:focus{outline:none}@media (max-width:1279px){.ang-spalten{grid-template-columns:1fr;gap:0}.ang-formular fieldset+fieldset{margin-top:var(--s8);padding-top:var(--s7);border-top:1px solid var(--line)}}.ang-formular.gestapelt fieldset+fieldset{margin-top:var(--s8);padding-top:var(--s7);border-top:1px solid var(--line)}.ang-formular.gestapelt .feld-paar{max-width:760px}@media (max-width:1023px){.ang-layout{padding-top:calc(var(--header-h) + var(--s7))}.ang-kopf{margin-bottom:var(--s6)}}@media (max-width:760px){.ang-formular{padding:var(--s5)}.feld-paar{grid-template-columns:1fr;gap:0}.muster-grid{gap:var(--s3);grid-template-columns:repeat(2,1fr)}.muster-karte{padding:var(--s1)}.muster-karte input{top:var(--s2);left:var(--s2)}.ang-absenden{text-align:center;align-items:stretch}.ang-absenden .btn{width:100%;padding-inline:var(--s5)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feld input,.feld select,.feld textarea,.wahl input{transition:none}}}
