:root {
      --gold: #B4821A;
      --gold-light: #D4A84B;
      --cream: #FAF7F2;
      --dark: #1C1C1A;
      --mid: #5C5A55;
      --light: #F0EBE1;
      --serif: 'Cormorant Garamond', serif;
      --sans: 'Jost', sans-serif;
    }

    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      font-family: var(--sans);
      color: var(--dark);
      background: var(--cream);
      font-size: 16px;
      line-height: 1.8;
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
    }

    a { color: var(--gold); text-decoration: none; transition: color 0.2s; }
    a:hover { color: var(--gold-light); }

    img { max-width: 100%; display: block; }

    /* ─── HEADER ─── */
    .lp-header {
      padding: 1.2rem 2rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 0.5px solid rgba(180,130,26,0.12);
      background: var(--cream);
    }
    .lp-header img { height: 52px; mix-blend-mode: multiply; }

    /* ─── PAGE HEAD ─── */
    .page-head {
      padding: 3.5rem 2rem 2rem;
      text-align: center;
      border-bottom: 0.5px solid rgba(180,130,26,0.12);
    }
    .eyebrow {
      font-family: var(--sans);
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 0.9rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.8rem;
    }
    .eyebrow::before, .eyebrow::after {
      content: ''; width: 22px; height: 1px; background: var(--gold);
    }
    .page-head h1 {
      font-family: var(--serif);
      font-size: clamp(2rem, 4.5vw, 3.2rem);
      font-weight: 300;
      line-height: 1.2;
      color: var(--dark);
    }
    .page-stand {
      font-size: 14px;
      color: var(--mid);
      margin-top: 0.8rem;
      letter-spacing: 0.04em;
    }

    /* ─── CONTENT ─── */
    .content {
      max-width: 760px;
      margin: 0 auto;
      padding: 3rem 2rem 4rem;
    }

    .content h2 {
      font-family: var(--serif);
      font-size: clamp(1.3rem, 2.5vw, 1.7rem);
      font-weight: 400;
      color: var(--dark);
      line-height: 1.3;
      margin: 2.8rem 0 0.9rem;
      padding-top: 1.6rem;
      border-top: 0.5px solid rgba(180,130,26,0.15);
    }
    .content h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }

    .content h3 {
      font-family: var(--serif);
      font-size: 1.15rem;
      font-weight: 400;
      color: var(--dark);
      margin: 1.8rem 0 0.6rem;
    }

    .content p {
      font-size: 16px;
      line-height: 1.85;
      color: var(--mid);
      margin-bottom: 1rem;
    }

    .content strong { color: var(--dark); font-weight: 500; }

    .adr {
      font-size: 16px;
      line-height: 1.9;
      color: var(--dark);
      font-weight: 400;
      margin-bottom: 1rem;
    }

    .hinweis-box {
      background: rgba(180,130,26,0.05);
      border-left: 2px solid var(--gold);
      border-radius: 2px;
      padding: 1.3rem 1.5rem;
      margin: 1.4rem 0;
    }
    .hinweis-box p { margin-bottom: 0.7rem; }
    .hinweis-box p:last-child { margin-bottom: 0; }

    /* ─── WIDERRUFSFORMULAR ─── */
    .formular-box {
      background: #fff;
      border: 0.5px solid rgba(180,130,26,0.18);
      border-radius: 3px;
      padding: 1.8rem 2rem;
      margin: 1.4rem 0;
    }
    .formular-box p { margin-bottom: 1.1rem; }
    .formular-box p:last-child { margin-bottom: 0; }
    .formular-line {
      border-bottom: 1px solid rgba(92,90,85,0.35);
      display: block;
      height: 1.6rem;
      margin-bottom: 0.3rem;
    }
    .formular-label {
      font-size: 13px;
      color: var(--mid);
      letter-spacing: 0.03em;
    }

    /* ─── INHALTSVERZEICHNIS ─── */
    .toc {
      background: #fff;
      border: 0.5px solid rgba(180,130,26,0.18);
      border-radius: 3px;
      padding: 1.6rem 1.8rem;
      margin-bottom: 3rem;
    }
    .toc h2 {
      margin: 0 0 0.9rem;
      padding: 0;
      border: none;
      font-size: 1.15rem;
    }
    .toc ol {
      margin: 0;
      padding-left: 1.2rem;
    }
    .toc li {
      font-size: 15px;
      line-height: 1.9;
      color: var(--mid);
    }
    .toc a { color: var(--mid); }
    .toc a:hover { color: var(--gold); }

    /* ─── FOOTER ─── */
    .lp-footer {
      background: var(--dark);
      padding: 2.5rem 2rem 2rem;
      text-align: center;
    }
    .lp-footer nav {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-bottom: 1.2rem;
    }
    .lp-footer nav a {
      font-size: 14px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(250,247,242,0.65);
    }
    .lp-footer nav a:hover { color: var(--gold-light); }
    .lp-footer .copy {
      font-size: 13px;
      color: rgba(250,247,242,0.4);
      line-height: 1.7;
      letter-spacing: 0.04em;
    }

    .footer-disc {
      padding: 1rem 2rem 2rem;
      max-width: 860px;
      margin: 0 auto;
      text-align: center;
      background: var(--dark);
    }
    .footer-disc p {
      font-size: 12px;
      line-height: 1.7;
      color: rgba(250,247,242,0.32);
      margin-bottom: 0.8rem;
    }
    .footer-disc p:last-child { margin-bottom: 0; }
    .footer-disc strong { color: rgba(250,247,242,0.5); font-weight: 500; }

    /* ─── RESPONSIVE ─── */
    @media (max-width: 768px) {
      .content { padding: 2.5rem 1.5rem 3.5rem; }
      .page-head { padding: 3rem 1.5rem 1.8rem; }
    }

    @media (max-width: 640px) {
      .lp-header { padding: 1rem 1.2rem; }
      .lp-header img { height: 44px; }
      .page-head { padding: 2.5rem 1.2rem 1.5rem; }
      .eyebrow { font-size: 14px; letter-spacing: 0.16em; }
      .content { padding: 2.2rem 1.2rem 3rem; }
      .content h2 { margin: 2.2rem 0 0.8rem; padding-top: 1.4rem; }
      .content p, .adr { font-size: 15px; line-height: 1.8; }
      .hinweis-box, .formular-box { padding: 1.2rem 1.2rem; }
      .toc { padding: 1.3rem 1.3rem; margin-bottom: 2.2rem; }
      .toc li { font-size: 15px; }
      .lp-footer { padding: 2rem 1.2rem 1.5rem; }
      .lp-footer nav { gap: 1rem; }
      .footer-disc { padding: 0.8rem 1.2rem 1.8rem; }
    }

    @media (max-width: 420px) {
      .lp-header img { height: 38px; }
      .content { padding: 2rem 1rem 2.5rem; }
      .page-head { padding: 2rem 1rem 1.2rem; }
      .toc { padding: 1.1rem 1.1rem; }
    }

/* SOCIAL-LINKS (reine Verlinkung, Icons inline — keine externen Requests) */
.bv-social{display:flex;gap:0.7rem;align-items:center;margin-top:1rem}
.bv-social--mitte{justify-content:center}
.bv-social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  color:rgba(250,247,242,0.6);
  border:0.5px solid rgba(250,247,242,0.18);
  text-decoration:none;transition:color .2s,border-color .2s,transform .2s;
}
.bv-social a:hover{color:var(--gold-light);border-color:var(--gold-light);transform:translateY(-2px)}
.bv-social a:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}
.bv-social--hell a{color:var(--mid);border-color:rgba(180,130,26,0.25)}
.bv-social--hell a:hover{color:var(--gold);border-color:var(--gold)}

/* HEADER: Link zur Startseite (rechts, Logo bleibt mittig) */
.hdr-home{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-family:'Jost',sans-serif;font-size:15px;font-weight:500;letter-spacing:0.04em;color:#8A6410;text-decoration:none;padding:0.5rem 0}
.hdr-home:hover,.hdr-home:focus-visible{color:#1C1C1A}
@media (max-width:640px){.hdr-home{right:1rem;font-size:14px}}
.lp-header{position:relative}

/* ONLINE-WIDERRUF (§ 356a BGB) */
.widerruf-box{background:var(--light);border-left:3px solid var(--gold);padding:1.6rem 1.8rem;margin:0 0 2.6rem}
.widerruf-box h2{margin-top:0;padding-top:0;border-top:none}
.widerruf-box p{margin-bottom:1rem}
.btn-widerruf{display:inline-block;font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:0.03em;background:var(--dark);color:var(--cream);border:none;border-radius:2px;padding:0.9rem 1.8rem;text-decoration:none;cursor:pointer}
.btn-widerruf:hover,.btn-widerruf:focus-visible{background:var(--gold);color:var(--cream)}
.btn-zurueck{font-family:var(--sans);font-size:15px;background:none;border:none;color:var(--mid);text-decoration:underline;cursor:pointer;padding:0.9rem 0.4rem;margin-left:0.8rem}
.wf-feld{margin-bottom:1.3rem}
.wf-feld label{display:block;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--dark);margin-bottom:0.35rem}
.wf-feld .optional{font-weight:400;color:var(--mid)}
.wf-feld input,.wf-feld select,.wf-feld textarea{width:100%;font-family:var(--sans);font-size:16px;padding:0.7rem 0.8rem;border:1px solid #CFC6B5;border-radius:2px;background:#fff;color:var(--dark)}
.wf-feld textarea{min-height:6rem;resize:vertical}
.wf-feld small{display:block;font-size:13px;color:var(--mid);margin-top:0.3rem}
.wf-fehler{background:#FBEDEA;border-left:3px solid #A33A2A;padding:1rem 1.2rem;margin-bottom:1.6rem}
.wf-fehler p{margin-bottom:0.4rem}
.wf-honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wf-zusammenfassung{width:100%;border-collapse:collapse;margin:0 0 1.8rem;font-size:16px}
.wf-zusammenfassung th,.wf-zusammenfassung td{text-align:left;vertical-align:top;padding:0.6rem 0.4rem;border-bottom:1px solid #E2DACB}
.wf-zusammenfassung th{width:38%;font-weight:500;color:var(--dark)}
@media (max-width:640px){.wf-zusammenfassung th,.wf-zusammenfassung td{display:block;width:100%;padding:0.3rem 0}.wf-zusammenfassung th{padding-top:0.8rem;border-bottom:none}.btn-zurueck{margin-left:0;display:block}}

/* EINGEBETTETER KANZLEITEXT: nur Darstellung, kein Eingriff in den Text */
.itrk-legaltext h1{font-family:var(--serif);font-size:1.7rem;font-weight:500;color:var(--dark);margin:0 0 1.2rem;line-height:1.3}
.itrk-legaltext h2{font-family:var(--serif)}
.itrk-legaltext ul,.itrk-legaltext ol{margin:0 0 1.1rem 1.3rem}
.itrk-legaltext li{margin-bottom:0.4rem}
.itrk-legaltext p{overflow-wrap:anywhere}
#itkanzlei_txt_copyright{font-size:12px;color:var(--mid)}

/* NOTRUF-KÄSTEN (Impressum, Gesundheitlicher Hinweis) */
.notruf {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1rem;
      margin: 1.4rem 0;
    }
.notruf-item {
      background: #fff;
      border: 0.5px solid rgba(180,130,26,0.18);
      border-radius: 3px;
      padding: 1.1rem 1rem;
      text-align: center;
    }
.notruf-num {
      font-family: var(--serif);
      font-size: 1.5rem;
      font-weight: 400;
      color: var(--gold);
      line-height: 1.2;
      margin-bottom: 0.3rem;
      display: block;
    }
.notruf-label {
      font-size: 13px;
      line-height: 1.5;
      color: var(--mid);
      letter-spacing: 0.03em;
    }
@media (max-width: 768px) { .notruf { grid-template-columns: 1fr; gap: 0.8rem; } .notruf-item { display: flex; align-items: center; justify-content: center; gap: 0.8rem; text-align: left; padding: 0.9rem 1.2rem; } .notruf-num { margin-bottom: 0; font-size: 1.35rem; } }
@media (max-width: 420px) { .notruf-item { flex-direction: column; gap: 0.2rem; text-align: center; } }