/* ============================================================
   Vino e Gusto — Rechtsseiten (Impressum, Datenschutz)
   Übernimmt die Majolika-Tokens der Startseite.
   ============================================================ */
body{
  margin:0;background:var(--ceramic);color:var(--ink);
  font-family:var(--body);font-size:16.5px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

.wrap{max-width:820px;margin:0 auto;padding-inline:var(--edge)}

/* Kopfzeile */
.topbar{
  background:rgba(247,241,228,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--grout);position:sticky;top:0;z-index:20;
}
.topbar-in{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-block:.8rem;max-width:1180px;margin:0 auto;padding-inline:var(--edge);
}
.mark{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.mark img{width:42px;height:42px;border-radius:3px;box-shadow:0 2px 8px rgba(18,38,106,.22)}
.mark span{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.3rem;color:var(--blu)}
.back{
  font-size:.76rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;
  text-decoration:none;color:var(--ink-2);white-space:nowrap;
  border-bottom:1px solid transparent;padding-bottom:.2rem;transition:color .2s,border-color .2s;
}
.back:hover{color:var(--blu);border-color:var(--lemon)}

/* Inhalt */
.legal{padding-block:clamp(3rem,8vw,5.5rem)}
.eyebrow{
  font-size:.7rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;
  color:var(--blu-soft);margin:0 0 .9rem;
}
.legal h1{
  font-family:var(--display);font-weight:400;font-size:clamp(2.3rem,6vw,3.4rem);
  color:var(--blu);margin:0 0 2.4rem;line-height:1.06;letter-spacing:-.015em;
}
.legal h2{
  font-family:var(--display);font-weight:600;font-size:1.32rem;color:var(--blu);
  margin:2.8rem 0 .8rem;padding-bottom:.55rem;border-bottom:1px solid var(--grout);
}
.legal p{margin:0 0 1.05rem;color:#413a31}
.legal ul{margin:0 0 1.2rem;padding-left:1.3rem;color:#413a31}
.legal li{margin-bottom:.4rem}
.legal strong{color:var(--blu);font-weight:600}
.legal a{color:var(--blu-mid);text-decoration:none;border-bottom:1px solid rgba(27,58,143,.35);word-break:break-word}
.legal a:hover{border-color:var(--blu-mid)}
.legal code{color:#6d5505;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;
  background:var(--ceramic-2);border:1px solid var(--grout);
  border-radius:2px;padding:.1em .35em;
}

/* Hinweisbox für den Betreiber */
.todo-box{
  background:#fff8e3;border:1px solid var(--lemon);border-left:4px solid var(--lemon-deep);
  padding:1.2rem 1.4rem;margin:0 0 2.6rem;border-radius:2px;
}
.todo-box > strong:first-child{
  display:block;color:var(--lemon-deep);font-size:.74rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem;
}
.todo-box p{margin:0;font-size:.94rem;color:#5c4a1c;line-height:1.6}
.todo-box p strong{color:#5c4a1c;font-weight:600;letter-spacing:normal;text-transform:none;display:inline}
.todo-box code{background:#fff;border-color:#e8d9a8}

.updated{
  margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--grout);
  font-size:.86rem;color:var(--ink-2);font-style:italic;
}

footer{background:var(--blu);color:rgba(247,241,228,.8);text-align:center;padding-block:3rem;margin-top:2rem}
footer .fmark{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.85rem;color:var(--ceramic);margin:0}
footer p{margin:.55rem 0 0;font-size:.86rem;color:rgba(247,241,228,.6)}
footer a{color:var(--lemon);text-decoration:none}
footer a:hover{text-decoration:underline}

@media (max-width:600px){
  .mark span{font-size:1.1rem}
  .back{font-size:.68rem}
}

/* Offene Pflichtangaben. Bewusst auffällig: ein übersehener Platzhalter im
   Impressum ist abmahnfähig (§ 5 DDG). Vor dem Livegang muss jedes dieser
   Felder ersetzt und die Auszeichnung entfernt werden. */
.offen{
  background:#fdeaea;color:#a3271f;font-weight:600;
  padding:.1em .4em;border-radius:2px;border:1px dashed #c0392b;
  font-size:.95em;white-space:nowrap;
}