.kontakt{padding-block:var(--abstand-abschnitt)}.kontakt--grau{background:var(--c-hell)}.kontakt__raster{display:grid;gap:48px}.kontakt__kopf{display:grid;gap:12px;margin-block-end:24px}.kontakt__titel{font-size:var(--t-h2);line-height:1.1;font-weight:400;letter-spacing:.44px}.kontakt__text{max-width:560px;font-size:18px;line-height:1.45;color:var(--c-grau-dunkel)}.kontakt__wege{border-block-end:1px solid var(--c-rahmen)}.kontakt__weg{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:2px 16px;min-height:76px;padding-block:14px;border-block-start:1px solid var(--c-rahmen)}.kontakt__weg>.icon:first-child{grid-row:1 / span 2;align-self:center}.kontakt__weg-titel{font-size:18px;line-height:1.3;font-weight:500}.kontakt__weg:not(:has(.kontakt__weg-text)) .kontakt__weg-titel{grid-row:1 / span 2}.kontakt__weg-text{grid-column:2;font-size:15px;line-height:1.35;color:var(--c-grau);overflow-wrap:anywhere}[dir=rtl] .kontakt__weg-text[dir=ltr],[dir=rtl] :is(.kontakt,.laeden) [dir=auto]{text-align:right}.kontakt__weg .icon--pfeil{grid-column:3;grid-row:1 / span 2;color:var(--c-grau);transition:transform .3s var(--kurve),color var(--dauer) ease-out}[dir=rtl] .kontakt__weg .icon--pfeil{scale:-1 1}.kontakt__weg:active .icon--pfeil{transform:translate(4px)}[dir=rtl] .kontakt__weg:active .icon--pfeil{transform:translate(-4px)}@media(hover:hover)and (pointer:fine){.kontakt__weg:hover .icon--pfeil{transform:translate(4px);color:var(--c-schwarz)}[dir=rtl] .kontakt__weg:hover .icon--pfeil{transform:translate(-4px)}}.formular{display:grid;gap:16px;align-content:start;padding:24px 20px;border-radius:var(--r-gross);background:var(--c-hell);scroll-margin-block-start:calc(var(--kopf-hoehe) + 16px)}.kontakt--grau .formular{background:var(--c-weiss)}.formular__titel{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:.18px}.formular__erfolg{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--r-mittel);background:var(--c-weiss);font-size:16px;line-height:1.4}.formular__erfolg .icon{flex:none}.formular__fehler{font-size:15px;line-height:1.4;color:#b42318}.formular__fehler ul{padding-inline-start:18px}.feld{display:grid;gap:6px}.feld label{font-size:15px;line-height:1.3;font-weight:500}.feld__optional{font-weight:400;color:var(--c-grau)}.feld :is(input,textarea){width:100%;min-height:52px;padding:13px 14px;border:1px solid rgba(0,0,0,.2);border-radius:var(--r-mittel);background:var(--c-weiss);font-size:16px;line-height:1.4;transition:border-color var(--dauer) ease-out,box-shadow var(--dauer) ease-out}.feld textarea{min-height:140px;resize:vertical}.feld :is(input,textarea):focus-visible{outline:none;border-color:var(--c-schwarz);box-shadow:0 0 0 1px var(--c-schwarz)}.feld [aria-invalid=true]{border-color:#b42318}.formular .knopf{min-height:52px;margin-block-start:4px;border-radius:var(--r-mittel)}.laeden{padding-block:32px var(--abstand-abschnitt)}.laeden__raster{display:grid;gap:20px}.laeden__raster:has(>.laden:only-child){max-width:560px}.laden{display:grid;align-content:start;gap:16px;padding:20px;border-radius:12px;background:var(--c-weiss);box-shadow:0 0 0 1px #0000000a,0 12px 32px -16px #00000038}.laden__bild{display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--r-klein);background:var(--c-hell)}.laden__bild img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){a.laden__bild:hover img{transform:scale(1.03)}.laden__name a:hover{text-decoration:underline;text-underline-offset:3px}}.laden__name{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:.18px}.laden__zeilen{display:grid;gap:10px;font-size:16px;line-height:1.45;color:var(--c-grau-dunkel)}.laden__zeile{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}.laden__zeile .icon{margin-block-start:2px;color:var(--c-grau)}.laden__knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:4px}.laden__knoepfe .knopf{flex:1 1 auto;min-height:48px;border-radius:var(--r-mittel);font-size:16px}.laden__knoepfe .laden__buchen{flex-basis:100%}@media(min-width:600px){.laeden__raster:not(:has(>.laden:only-child)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.kontakt__raster--formular{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:96px;align-items:start}.kontakt__weg{min-height:88px}.kontakt__weg-titel{font-size:20px}.formular{padding:40px}.laeden{padding-block-start:48px}.laeden__raster:not(:has(>.laden:only-child)){grid-template-columns:repeat(3,minmax(0,1fr))}.kontakt__raster:not(.kontakt__raster--formular) .kontakt__links{display:grid;grid-template-columns:minmax(0,444px) minmax(0,1fr);align-items:start}.kontakt__raster:not(.kontakt__raster--formular) .kontakt__kopf{margin:0;padding-inline-end:48px}}.kontakt__firma{margin-block-start:28px;font-size:14px;line-height:1.6;color:var(--c-grau-dunkel)}.kontakt__firma p+p{margin-block-start:10px}.kontakt__firma strong{font-weight:500;color:var(--c-schwarz, #000)}.laden__mehr{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:500}[dir=rtl] .laden__mehr .icon{transform:scaleX(-1)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/kontakt.css.map */