/* Generiert von build/build.mjs — nicht direkt bearbeiten. */

body{margin:0;background:#FBF7F2;color:#33291F;font-family:'Nunito Sans',sans-serif}a{color:#B3552F}a:hover{color:#8C3F20}
body{margin:0;background:#FBF7F2;color:#33291F;font-family:'Nunito Sans',sans-serif}a{color:#B3552F}a:hover{color:#8C3F20}input,textarea{font-family:'Nunito Sans',sans-serif}

/* hidden muss inline gesetzte display-Werte schlagen */
[hidden]{display:none!important}

/* Hover-Zustaende, im Prototyp als style-hover-Attribut hinterlegt */
.hv1:hover{background:#8C3F20}
.hv2:hover{background:#F7F0E5}
.hv3:hover{background:#B3552F;color:#fff}
.hv4:hover{color:#CBB89C}
.hv5:hover{border-color:#EFE6D8}

/* Meldungsboxen (Formularfehler, Bestaetigungen) */
.msg{padding:10px 14px;font-size:13px;line-height:1.55}
.msg-error{background:#F9E4DC;border-left:3px solid #B3552F;color:#7C3A22}
.msg-ok{background:#EAF0E4;border-left:3px solid #4C5B40;color:#3C4A32}
.msg-note{background:#F7F0E5;border:1px dashed #C9B591;color:#6E5F4D;margin:0 0 20px}
.pb-err{margin-top:16px;font-size:13.5px}

/* Sichtbarer Fokus — die Prototyp-Styles hatten keinen */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid #B3552F;outline-offset:2px}

/* FAQ-Aufklapper. Steht hier statt im Helmet einer einzelnen Seite, weil
   <dc-faq> auf mehreren Seiten ausgespielt wird. */
summary{cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open]>summary>span[aria-hidden]{transform:rotate(45deg)}
summary>span[aria-hidden]{display:inline-block;transition:transform .15s}

/* Kurzantwort direkt unter der H1 — der Absatz, den Antwortmaschinen zitieren */
.kurzantwort{font-size:16.5px;line-height:1.7;color:#4A4034;margin:0 0 18px;max-width:68ch;
  border-left:3px solid #B3552F;padding-left:16px}

/* Faktenbox */
.fakten{border-top:1px solid #E4D8C6;margin:0}
.fakten>div{display:flex;gap:16px;padding:10px 2px;border-bottom:1px solid #E4D8C6;
  font-size:14px;line-height:1.5}
.fakten dt,.fakten>div>span:first-child{flex:0 0 34%;color:#7A6A55;font-weight:600}
.fakten dd,.fakten>div>span:last-child{margin:0;color:#5C5040}
@media(max-width:520px){.fakten>div{flex-direction:column;gap:2px}
  .fakten dt,.fakten>div>span:first-child{flex:none}}

/* iOS-Autozoom abstellen. Safari zoomt beim Antippen automatisch hinein, wenn
   ein Feld kleiner als 16px gesetzt ist — danach steht die Seite verschoben und
   breiter als der Bildschirm, und der Gast wischt sie von Hand zurecht. Die
   Formularfelder sind auf 14.5px gestaltet; am Desktop bleibt das so, nur unter
   520px wird auf 16px angehoben. Betrifft Buchungsanfrage und Kontaktformular.
   !important ist noetig, weil die Groesse als style-Attribut am Feld steht —
   dieselbe Lage wie bei [hidden] weiter oben. */
@media(max-width:520px){input,textarea{font-size:16px!important}}