.kontakt-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}.kontakt-karte{padding:30px}.kontakt-titel{display:flex;gap:16px;align-items:center;margin-bottom:26px}.kontakt-titel h2{font-size:24px;margin:0 0 6px}.kontakt-titel p{font-size:12px;color:var(--matt);margin:0}.kontakt-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;border:1px solid #e3ad4f33;background:#e3ad4f0a;color:var(--gold2);flex:none}.kontakt-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}#kontaktForm{display:flex;flex-direction:column;gap:22px}.kontakt-zwei{display:grid;grid-template-columns:1fr 1fr;gap:18px}#kontaktForm label{display:block;font:500 13px Inter,sans-serif;color:var(--leise);margin-bottom:8px}#kontaktForm input,#kontaktForm textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--rand2);border-radius:13px;background:#0d11175c;color:var(--text);padding:13px 14px;font:14px/1.6 Inter,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}#kontaktForm input:focus,#kontaktForm textarea:focus{border-color:#e3ad4f88;box-shadow:0 0 0 3px #e3ad4f0b}#kontaktForm textarea{min-height:210px;resize:vertical}#kontaktForm [aria-invalid=true]{border-color:#ff9a8f99}.kontakt-labelzeile{display:flex;justify-content:space-between;gap:12px}.kontakt-labelzeile span{color:var(--matt);font-size:11px}.kontakt-honig{display:none!important}.kontakt-feldfehler{display:block;font-size:12px;color:#ffb3ab;margin-top:5px}.kontakt-feldfehler:empty{display:none}.kontakt-datenschutz{font-size:12px;line-height:1.8;color:var(--matt);margin:0}.kontakt-datenschutz a{color:var(--leise)}.kontakt-absenden{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.kontakt-absenden>span{font-size:12px;color:var(--matt)}#kontaktSenden[disabled]{opacity:.45;cursor:wait}.kontakt-status{font-size:13px;line-height:1.7;color:var(--leise);padding:0}.kontakt-status:empty{display:none}.kontakt-status[data-zustand=fehler]{padding:13px 15px;border-radius:12px;border:1px solid #ff9a8f33;background:#ff9a8f08;color:#ffb3ab}.kontakt-status[data-zustand=erfolg]{padding:15px;border:1px solid #7ee2b044;border-radius:13px;background:#7ee2b009;color:#a4e7be}.kontakt-neben{display:flex;flex-direction:column;gap:20px}.kontakt-info{padding:26px}.kontakt-info h2{font-size:21px;margin:8px 0 18px}.kontakt-info p{font-size:13px;line-height:1.9;color:var(--leise);margin-top:18px}.kontakt-mail{display:flex;align-items:center;gap:12px;color:var(--gold2);font-weight:600;font-size:15px;overflow-wrap:anywhere}.kontakt-info ul{list-style:none;padding:0;margin:0 0 24px}.kontakt-info li{padding:14px 0;border-bottom:1px solid var(--rand)}.kontakt-info li:first-child{padding-top:0}.kontakt-info li:last-child{border:0}.kontakt-info li b{display:block;color:var(--text);font-size:14px}.kontakt-info li span{display:block;color:var(--leise);font-size:12px;line-height:1.7;margin-top:6px}.kontakt-info>a:last-child:not(.kontakt-mail){font-size:12px;color:var(--gold2)}
@media(max-width:850px){.kontakt-layout{grid-template-columns:1fr}.kontakt-neben{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:620px){.kontakt-karte,.kontakt-info{padding:22px}.kontakt-zwei,.kontakt-neben{grid-template-columns:1fr}.kontakt-absenden{gap:12px}#kontaktSenden{width:100%;justify-content:center}.kontakt-titel h2{font-size:22px}}@media(prefers-reduced-motion:reduce){#kontaktForm input,#kontaktForm textarea{transition:none}}

#kontaktForm input,#kontaktForm textarea{color-scheme:dark}#kontaktForm input:-webkit-autofill,#kontaktForm input:-webkit-autofill:hover,#kontaktForm input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px #17212b inset;caret-color:var(--text)}