/* AMEDREEVO, Formulare (Kontakt auf der Landingpage, Buchung). Baut auf landing.css auf. */
.feld{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.feld label{font-weight:600;font-size:15px;color:var(--tinte)}
.feld__frei{font-weight:400;color:var(--leise);font-size:13px;margin-left:6px}
.feld input,.feld textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--linie);border-radius:12px;background:#fff;font:400 17px/1.4 Inter,system-ui,sans-serif;color:var(--tinte);transition:border-color .2s,box-shadow .2s}
.feld textarea{min-height:140px;resize:vertical}
.feld input:focus,.feld textarea:focus{outline:none;border-color:var(--rot);box-shadow:0 0 0 4px rgba(200,16,46,.12)}
.feld--fehler input,.feld--fehler textarea,.feld input[aria-invalid="true"]{border-color:var(--rot);background:#fff8f9}
.feld__meldung{margin:4px 0 0;color:#a30d25;font-size:14px;font-weight:600}
.feld--aufgabe input{max-width:140px}
.felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.felder>.feld{grid-column:span 1}
.felder__paar{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 14px;grid-column:span 1}
.fangfeld{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.buchung__stoerung{margin:0 0 20px;padding:14px 18px;border-radius:14px;background:#fdf1f3;border:1px solid #f3c3cb;color:#7d0b1d;font-weight:600}

.buchen__symbol{display:inline-block;position:relative;width:56px;height:56px;border-radius:50%;margin-bottom:18px}
.buchen__symbol--ok{background:#1e7a3c}
.buchen__symbol--ok::after{content:"";position:absolute;left:21px;top:13px;width:11px;height:22px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(45deg)}
.buchen__symbol--post{background:var(--rot)}
.buchen__symbol--post::before{content:"";position:absolute;left:14px;top:18px;width:28px;height:20px;border:3px solid #fff;border-radius:3px;box-sizing:border-box}
.buchen__symbol--post::after{content:"";position:absolute;left:19px;top:13px;width:18px;height:18px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) scaleX(.8)}
.buchen__symbol--info{background:var(--tinte)}
.buchen__symbol--info::before{content:"";position:absolute;left:26px;top:13px;width:4px;height:4px;border-radius:50%;background:#fff}
.buchen__symbol--info::after{content:"";position:absolute;left:26px;top:21px;width:4px;height:20px;border-radius:2px;background:#fff}

/* Kontakt auf der Landingpage */
.kontakt{padding:clamp(80px,10vw,150px) 0;background:var(--flaeche)}
.kontakt__raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,100px);align-items:start}
.kontakt__text p{max-width:460px;color:var(--text)}
.kontakt__wege{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.kontakt__wege li{display:flex;flex-direction:column;gap:2px}
.kontakt__wege span{font:800 12px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--leise)}
.kontakt__wege a{font-weight:700;font-size:19px;color:var(--tinte);text-decoration:none}
.kontakt__wege a:hover{color:var(--rot)}
.kontakt__karte{padding:clamp(22px,3vw,40px);border-radius:24px;background:#fff;box-shadow:0 30px 60px -40px rgba(29,36,51,.35)}
.kontakt__ende{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.kontakt__ende .feld{margin:0}
.kontakt__klein{margin:16px 0 0;font-size:14px;color:var(--leise)}
.kontakt__klein a{color:var(--rot)}
.kontakt__danke{text-align:center;padding:24px 0}
.kontakt__danke-titel{margin:0 0 6px;font:800 24px/1.2 Inter,sans-serif;color:var(--tinte)}
.kontakt__alternativ a{color:var(--rot);font-weight:700}

@media (max-width:899px){
  .kontakt__raster{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .felder{grid-template-columns:minmax(0,1fr)}
  .felder__paar{grid-template-columns:110px minmax(0,1fr)}
  .kontakt__ende{flex-direction:column;align-items:stretch}
  .kontakt__ende .knopf{width:100%}
}
button.knopf{border:0;cursor:pointer;font-family:inherit}
button.knopf:disabled{opacity:.7;cursor:default}
.kontakt .abschnitt-titel{margin-bottom:24px}
.kontakt .vorzeile{color:var(--rot)}