.su{gap:.75rem;max-width:40rem;display:grid}.su--start{text-align:center;justify-items:stretch;gap:0;width:100%;max-width:40rem}.su__titel{color:var(--tinte);font:var(--g-display) clamp(1.875rem, 1.45rem + 1.9vw, 3rem) / 1.1 var(--serif);letter-spacing:var(--sp-display);margin:0 0 clamp(1.25rem,3vw,1.75rem)}.su__titel label{cursor:pointer}.su--start .su__rahmen{text-align:left}.su--start .su__eingabe{font-size:1.0625rem}.su__knopf.su__knopf--rund{border-radius:50%;width:3rem;height:3rem;min-height:3rem;padding:0}.su__knopf--rund .symbol{width:1.375rem;height:1.375rem}.su__zahl{color:var(--leise);font:450 .875rem / 1.5 var(--sans);margin-top:.75rem}.su__label{font:var(--g-titel) var(--t-h3) / 1.2 var(--serif);letter-spacing:var(--sp-titel);color:var(--tinte)}.su--verzeichnis .su__label{font:650 var(--t-rubrik) / 1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--blau)}.sk .su{border-radius:var(--r-gross);background:var(--weiss);max-width:none;box-shadow:var(--schatten-2);color:var(--tinte);margin-top:clamp(1.5rem,3.5vw,2.25rem);padding:clamp(1rem,2.5vw,1.25rem)}.sk .su__vorschlaege{margin-top:.4rem;position:static}.sk .su-ergebnis{color:var(--tinte)}.su__rahmen{position:relative}.su__zeile{border:1.5px solid var(--ui-linie);background:var(--weiss);box-shadow:var(--schatten-1);border-radius:999px;align-items:center;gap:.375rem;padding:.3125rem;transition:border-color .2s,box-shadow .2s;display:flex}.su__zeile:hover,.su__zeile:focus-within{border-color:var(--blau)}.su__feld{flex:1;min-width:0;position:relative}.su__lupe{width:1.25rem;height:1.25rem;color:var(--leise);pointer-events:none;position:absolute;top:50%;left:.9rem;translate:0 -50%}.su__eingabe{width:100%;min-height:3rem;color:var(--tinte);font:450 1.0625rem / 1.3 var(--sans);background:0 0;border:0;border-radius:999px;padding:.5rem .5rem .5rem 2.75rem}.su__eingabe::placeholder{color:#676d75}@supports selector(:has(*)){.su__eingabe:focus-visible{box-shadow:none;outline:none}.su__zeile:has(.su__eingabe:focus-visible){outline:3px solid var(--tinte);outline-offset:3px;box-shadow:0 0 0 3px var(--gold), var(--schatten-1)}}.su__knopf{box-shadow:none;flex:none;padding-inline:1.35rem}.su__vorschlaege{z-index:20;border:1px solid var(--kante);border-radius:var(--r-gross);background:var(--weiss);max-height:min(22rem,60vh);box-shadow:var(--schatten-2);margin:0;padding:.35rem;list-style:none;display:grid;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto}.su__vorschlaege[hidden]{display:none}.su__vorschlag{border-radius:var(--r);min-height:2.75rem;color:var(--tinte);font:500 1rem / 1.3 var(--sans);cursor:pointer;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.65rem .85rem;display:flex}.su__vorschlag:hover,.su__vorschlag[aria-selected=true]{background:var(--papier-hell)}.su__vorschlag[aria-selected=true]{box-shadow:inset 3px 0 0 var(--gold-linie)}.su__vorschlag-text{min-width:0}.su__vorschlag-art{max-width:50%;color:var(--leise);font-size:var(--t-fein);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.su__vorschlag-art--vorhaben{background:var(--gold-hell);color:var(--blau-tief);letter-spacing:.02em;border-radius:999px;padding:.1rem .55rem;font-weight:650}.su__beispiele{margin-top:clamp(1rem,2.5vw,1.25rem)}.su__chips{text-align:center;text-wrap:balance;margin:-.25rem 0;padding:0;line-height:1;list-style:none}.su__chips li{display:inline}.su__chip{border:1px solid var(--kante);background:var(--weiss);min-height:2.25rem;color:var(--tinte);font:550 .8125rem / 1.2 var(--sans);vertical-align:middle;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;margin:.25rem .1875rem;padding:.25rem .75rem;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex;position:relative}.su__chip:after{content:"";position:absolute;inset:calc(-.25rem - 1px) 0}.su__chip:hover{border-color:var(--ui-linie);background:var(--weiss);color:var(--tinte)}.su__chip--alle,.su__chip--alle:hover{color:var(--blau)}@media (width<=26rem){.su__eingabe{padding-left:2.5rem;font-size:1rem}.su__lupe{left:.75rem}.su__knopf{padding-inline:1.1rem}.su--start .su__eingabe{font-size:1.0625rem}}@media (scripting:none){.su--verzeichnis{display:none}}.su-ohne-js{border-radius:var(--r);background:var(--weiss);max-width:44ch;color:var(--tinte);font-size:var(--t-klein);margin-top:1.5rem;padding:.9rem 1.1rem;display:none}@media (scripting:none){.su-ohne-js{display:block}}.su-ergebnis [hidden],[data-vz-liste][hidden]{display:none}.su-ergebnis{max-width:40rem}.su-ergebnis[data-aktiv]{border:1px solid var(--kante);border-radius:var(--r-gross);background:var(--weiss);box-shadow:var(--schatten-2);margin-top:1rem;padding:clamp(.75rem,2.5vw,1.25rem)}.su-ergebnis--verzeichnis[data-aktiv]{max-width:none;margin-top:1.5rem}@media (width>=64rem){.su-ergebnis--start{max-width:none}.su-ergebnis--start[data-aktiv]{margin-top:2.25rem}.su-ergebnis--start .su-ergebnis__liste{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));column-gap:1.5rem}}.su-ergebnis__status{color:var(--tinte);font:650 var(--t-klein) / 1.4 var(--sans);margin:0;padding-inline:.5rem}.su-ergebnis__liste{margin:.5rem 0 0;padding:0;list-style:none;display:grid}.su-ergebnis--verzeichnis .su-ergebnis__liste{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));column-gap:1.5rem}.su-treffer{border-top:1px solid var(--kante)}.su-treffer__link{border-radius:var(--r);color:var(--tinte);grid-template-columns:5.25rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.75rem .5rem;text-decoration:none;transition:background-color .2s;display:grid}.su-treffer__link:hover{background:var(--papier-hell);color:var(--tinte)}.su-treffer__logo{border:1px solid var(--kante);border-radius:var(--r-klein);background:var(--weiss);--logo-hoehe:2.6rem;place-items:center;width:5.25rem;height:3.5rem;display:grid;overflow:hidden}.su-treffer__logo .logo{width:auto;max-width:86%;height:auto;max-height:var(--logo-hoehe)}.su-treffer__logo .logo--breit{max-width:90%}.su-treffer__logo:has(.logo--hell){border-color:var(--blau-tief);background:var(--blau-tief)}.su-treffer__logo .logo--hell{background:0 0;padding:0}.su-treffer__logo .monogramm{gap:.2rem;font-size:1.25rem}.su-treffer__logo .monogramm:after{width:.9rem}.su-treffer__text{gap:.15rem;min-width:0;display:grid}.su-treffer__name{color:var(--blau);font:var(--g-name) 1.0625rem / 1.25 var(--sans)}.su-treffer__link:hover .su-treffer__name{text-decoration:underline;text-decoration-color:var(--gold-linie);text-underline-offset:.18em}.su-treffer__gewerk{color:var(--leise);font-size:var(--t-klein);line-height:1.35}.su-treffer__grund{color:var(--tinte);font-size:var(--t-fein);line-height:1.35}.su-treffer__grund:before{content:"";background:var(--gold-linie);vertical-align:middle;border-radius:2px;width:.6rem;height:2px;margin-right:.4rem;display:inline-block}.su-treffer__text .entwurf-marke{justify-self:start}.su-treffer__pfeil{width:1.125rem;height:1.125rem;color:var(--blau)}.su-ergebnis__leer{color:var(--leise);font-size:var(--t-klein);margin-top:.75rem;padding:0 .5rem;line-height:1.5}.su-ergebnis__leer p+p{margin-top:.5rem}.su-ergebnis__fuss{border-top:1px solid var(--kante);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin:.75rem 0 0;padding:.75rem .5rem 0;display:flex}.su-ergebnis__leeren{min-height:2.75rem;color:var(--leise);font:600 var(--t-klein) / 1.2 var(--sans);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:.5rem 0;text-decoration:underline}.su-ergebnis__leeren:hover{color:var(--tinte)}.su-hinweise{gap:.4rem;margin:.6rem 0 .25rem;padding:0;list-style:none;display:grid}.su-hinweis{border-radius:var(--r);background:var(--papier-hell);box-shadow:inset 3px 0 0 var(--gold-linie);color:var(--tinte);font-size:var(--t-klein);flex-wrap:wrap;align-items:baseline;gap:.2rem .75rem;padding:.6rem .85rem;line-height:1.4;display:flex}.su-hinweis__link{text-underline-offset:.2em;align-items:center;gap:.3rem;font-weight:650;display:inline-flex}.su-hinweis__link .symbol{width:1em;height:1em}.su-vorhaben{padding:.35rem .5rem .25rem}.su-vorhaben__kopf{gap:.3rem;margin:0;display:grid}.su-vorhaben__rubrik{color:var(--blau);font:650 var(--t-rubrik) / 1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase}.su-vorhaben__titel{color:var(--tinte);font:var(--g-titel) clamp(1.625rem, 1.4rem + .8vw, 2rem) / 1.12 var(--serif);letter-spacing:var(--sp-titel)}.su-vorhaben__satz{color:var(--leise);font-size:var(--t-klein);margin:.4rem 0 0;line-height:1.45}.su-rollen{counter-reset:rolle;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:start;gap:1.5rem 1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.su-rolle__titel{color:var(--tinte);font:650 1.0625rem / 1.3 var(--sans);align-items:center;gap:.6rem;margin:0 0 .55rem;display:flex}.su-rollen:not(.su-rollen--gedacht)>.su-rolle{counter-increment:rolle}.su-rollen:not(.su-rollen--gedacht)>.su-rolle>.su-rolle__titel:before{content:counter(rolle);background:var(--gold);width:1.75rem;height:1.75rem;color:var(--blau-tief);font:700 .8125rem / 1 var(--sans);border-radius:50%;flex:none;place-items:center;display:grid}.su-rolle__betriebe{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.su-karte{display:grid}.su-karte__link{border:1px solid var(--kante);border-radius:var(--r);background:var(--weiss);color:var(--tinte);grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.55rem .7rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:grid}.su-karte__link:hover{border-color:var(--blau);box-shadow:var(--schatten-1);color:var(--tinte)}.su-treffer__logo.su-karte__logo{--logo-hoehe:2rem;width:4.25rem;height:2.75rem}.su-karte__logo .monogramm{gap:.15rem;font-size:1rem}.su-karte__logo .monogramm:after{width:.7rem}.su-karte__text{gap:.1rem;min-width:0;display:grid}.su-karte__name{color:var(--blau);font:var(--g-name) .9375rem / 1.25 var(--sans)}.su-karte__link:hover .su-karte__name{text-decoration:underline;text-decoration-color:var(--gold-linie);text-underline-offset:.18em}.su-karte__gewerk{color:var(--leise);font-size:var(--t-fein);line-height:1.3}.su-karte__text .entwurf-marke{justify-self:start}.su-gedacht{border-radius:var(--r-gross);background:var(--papier-hell);margin-top:1.5rem;padding:1rem clamp(.75rem,2vw,1.1rem) 1.1rem}.su-gedacht__titel{color:var(--tinte);font:var(--g-titel) 1.25rem / 1.25 var(--serif);letter-spacing:var(--sp-titel);margin:0}.su-rollen--gedacht{gap:1.1rem 1.25rem;margin-top:.85rem}.su-rollen--gedacht .su-rolle__titel{color:var(--leise);margin-bottom:.2rem;font-size:.9375rem}.su-rollen--gedacht .su-rolle__betriebe{gap:0}.su-rollen--gedacht .su-karte+.su-karte{border-top:1px solid var(--kante)}.su-rollen--gedacht .su-karte__link{border-radius:var(--r-klein);background:0 0;border:0;grid-template-columns:3.5rem minmax(0,1fr);gap:.65rem;min-height:2.75rem;padding:.4rem .35rem}.su-rollen--gedacht .su-karte__link:hover{background:var(--weiss);box-shadow:none}.su-rollen--gedacht .su-karte__logo{--logo-hoehe:1.6rem;width:3.5rem;height:2.25rem}.su-rollen--gedacht .su-karte__name{font-size:.875rem}.su-rollen--gedacht .su-karte__gewerk{font-size:.75rem}@media (width<=26rem){.su-treffer__link{grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.75rem}.su-treffer__logo{--logo-hoehe:2.2rem;width:4.5rem;height:3rem}}