.kontakt{z-index:1;padding:8.5rem var(--rand) var(--abschnitt);max-width:calc(76rem + 2 * var(--rand));position:relative}.kontakt__kopf{gap:1.1rem;max-width:62rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.kontakt__titel{font:400 var(--fs-titel) / 1.2 var(--marke);letter-spacing:.06em;text-transform:uppercase;text-wrap:balance}.kontakt__einleitung{max-width:44rem;font-size:var(--fs-lead);color:#ddd8cf;max-width:40rem;font-weight:300}.kontakt__einleitung a{color:var(--licht)}.kontakt__h2{font:400 var(--fs-h3) / 1.3 var(--marke);letter-spacing:.06em;text-transform:uppercase}.kontakt__raster{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,6vw,5.5rem);display:grid}@media (width<=900px){.kontakt__raster{grid-template-columns:minmax(0,1fr)}}.formular{gap:1.4rem;display:grid}.formular__zeile{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.4rem;display:grid}@media (width<=600px){.formular__zeile{grid-template-columns:minmax(0,1fr)}}.feld{gap:.45rem;min-width:0;display:grid}.feld label,.feld__label{color:var(--licht);font-size:.9375rem;font-weight:600}.feld__info{font-weight:400;font-size:var(--fs-klein);color:var(--stahl-hell)}.feld__info--block{display:block}.pflicht{color:var(--messing)}.feld input[type=text],.feld input[type=email],.feld input[type=tel],.feld select,.feld textarea{background:var(--tief);width:100%;min-height:3.25rem;color:var(--licht);border:1px solid var(--linie-stark);font:400 1rem/1.5 var(--text);transition:border-color .25s var(--aus), background-color .25s var(--aus);border-radius:2px;padding:.8rem .95rem}.feld textarea{resize:vertical;min-height:10rem}.feld select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--stahl-hell) 50%), linear-gradient(135deg, var(--stahl-hell) 50%, transparent 50%);background-position:calc(100% - 1.3rem) 55%,calc(100% - .95rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:2.5rem}.feld input::placeholder,.feld textarea::placeholder{color:#a8b2b8cc}.feld input:hover,.feld select:hover,.feld textarea:hover{border-color:#eeeae280}.feld input:focus-visible,.feld select:focus-visible,.feld textarea:focus-visible{outline:2px solid var(--messing);outline-offset:1px;border-color:var(--messing);background:var(--tief-2)}.dateiwahl{border:1px dashed var(--linie-stark);cursor:pointer;transition:border-color .25s var(--aus), background-color .25s var(--aus);background:#1a232a99;border-radius:2px;align-items:center;gap:1rem;padding:1.1rem 1.2rem;display:flex}.dateiwahl svg{color:var(--messing);flex:none}.dateiwahl strong{font-weight:600;display:block}.dateiwahl__info{font-size:var(--fs-klein);color:var(--stahl-hell);display:block}.dateiwahl:hover{border-color:var(--messing);background:var(--tief)}.mit-js .dateiwahl__eingabe{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.feld--dateien:focus-within .dateiwahl{border-color:var(--messing)}.feld--dateien:has(.dateiwahl__eingabe:focus-visible) .dateiwahl{outline:2px solid var(--messing);outline-offset:1px;background:var(--tief)}.dateiliste{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.dateiliste:empty{display:none}.dateiliste li{background:var(--tief);border:1px solid var(--linie);border-radius:2px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.45rem .4rem .45rem .9rem;font-size:.9375rem;display:grid}.dateiliste__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dateiliste__groesse{color:var(--stahl-hell);font-size:var(--fs-klein);font-variant-numeric:tabular-nums}.dateiliste__weg{width:2.5rem;height:2.5rem;color:var(--stahl-hell);cursor:pointer;background:0 0;border:0;border-radius:2px;font-size:1.4rem;line-height:1}.dateiliste__weg:hover{color:var(--licht);background:var(--tief-2)}.dateiliste__summe{color:var(--stahl-hell);font-size:var(--fs-klein)}.dateiliste__summe:empty{display:none}.feld__fehler{color:#f0a08c;font-size:.9375rem}.feld [aria-invalid=true]{border-color:#e0775e}.formular__datenschutz{color:#d6d1c8;font-size:.9375rem;line-height:1.55}.formular__datenschutz a{color:var(--licht)}.feld--fallen{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.formular__ende{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:.4rem;display:flex}.knopf--senden{cursor:pointer;border:0}.knopf--senden.ist-am-senden{opacity:.65;cursor:progress}.formular__fehler{color:var(--licht);background:#e0775e1a;border-left:3px solid #e0775e;padding:.9rem 1.1rem;scroll-margin-top:6rem}.formular__fehler--ziel:not(:target){display:none}.formular__hinweis{color:var(--stahl-hell);font-size:var(--fs-klein)}.fortschritt{background:var(--tief-2);border-radius:2px;height:4px;overflow:hidden}.fortschritt span{background:var(--messing);width:0;height:100%;transition:width .2s linear;display:block}.formular__erfolg{border:1px solid var(--messing);background:var(--tief);gap:.9rem;padding:2rem;display:grid}.formular__erfolg p{color:#d6d1c8}.formular__erfolg a{color:var(--licht)}.formular__erfolg:focus{outline:none}.kontakt__direkt{border-top:1px solid var(--linie);color:#d6d1c8;gap:.9rem;padding-top:1.4rem;display:grid}.kontakt__direkt a{color:var(--licht)}.kontakt__direkt address{font-style:normal;line-height:1.7}.kontakt__tel{font:400 clamp(1.4rem, 2.4vw, 2rem)/1.15 var(--marke);letter-spacing:.04em;font-variant-numeric:tabular-nums;width:fit-content;text-decoration:none;color:var(--messing)!important}.kontakt__tel:hover{color:var(--messing-hell)!important}.kontakt__zeiten{color:var(--stahl-hell);font-size:.9375rem}.kontakt__studio{border-top:1px solid var(--linie);padding-top:.9rem;font-size:.9375rem}@media (prefers-reduced-motion:reduce){.fortschritt span,.feld input,.feld textarea,.dateiwahl{transition:none}}