/* member.show, Startseite seit 18.10.2026: Hinweis auf gelistet.com, gelisted.com, listados.es, LMC und OMN.
   Schrift Playfair Display selbst gehostet (wie die drei Verzeichnis-Portale), Fließtext Systemschrift. */
@font-face{font-family:"Playfair Display";src:url("fonts/playfair-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("fonts/playfair-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --bg:#fff;--soft:#faf8f4;--ink:#1a1814;--ink-soft:#6b6457;--line:#e8e2d6;
  --gold:#b08d4f;--gold-deep:#8a6d38;--gold-soft:#f3ecdd;
  --dark:#13110d;--dark-2:#1d1913;--dark-line:#3a3024;--dark-ink:#e9e2d4;--dark-soft:#a99f8c;
  --radius:16px;--shadow:0 18px 50px -24px rgba(40,30,10,.35);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:700;margin:0;line-height:1.15;letter-spacing:-.005em}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* Kopf */
.kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;padding-bottom:24px}
.marke{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:24px;letter-spacing:.01em}
.marke span{color:var(--gold)}
.kopf nav{display:flex;gap:22px;font-size:14px;color:var(--ink-soft)}
.kopf nav a:hover{color:var(--gold-deep)}

/* Einstieg */
.einstieg{background:linear-gradient(180deg,var(--soft),#fff);border-bottom:1px solid var(--line)}
.einstieg .wrap{padding-top:56px;padding-bottom:64px}
.zeile{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 18px}
.einstieg h1{font-size:clamp(34px,5.4vw,60px);max-width:16ch}
.einstieg p.lead{max-width:62ch;font-size:clamp(17px,1.6vw,19px);color:var(--ink-soft);margin:22px 0 0}

/* Abschnitte */
.abschnitt{padding:64px 0}
.abschnitt h2{font-size:clamp(26px,3.2vw,34px)}
.abschnitt .unter{color:var(--ink-soft);max-width:60ch;margin:10px 0 0}

/* Domainkarten */
.karten{display:grid;gap:20px;margin-top:32px;grid-template-columns:repeat(3,1fr)}
.karte{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px 26px 24px;transition:border-color .2s,box-shadow .2s,transform .2s}
.karte:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-2px)}
.karte .sprache{display:inline-flex;align-self:flex-start;gap:8px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;padding:5px 12px}
.karte h3{font-size:30px;margin-top:18px}
.karte .raum{font-size:14px;color:var(--ink-soft);margin:4px 0 0}
.karte p.text{margin:16px 0 0;flex:1}
.karte .zahlen{font-size:13px;color:var(--ink-soft);border-top:1px solid var(--line);margin-top:20px;padding-top:14px}
.karte .los{margin-top:14px;font-weight:600;color:var(--gold-deep)}
.hinweis{margin-top:22px;font-size:14px;color:var(--ink-soft)}

/* Für Unternehmen (dunkel) */
.dunkel{background:var(--dark);color:var(--dark-ink)}
.dunkel .unter{color:var(--dark-soft)}
.paar{display:grid;gap:20px;margin-top:32px;grid-template-columns:repeat(2,1fr)}
.haus{border:1px solid var(--dark-line);border-radius:var(--radius);background:var(--dark-2);padding:28px}
.haus .kurz{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.haus h3{font-size:26px;margin-top:10px;color:#fff}
.haus p{color:var(--dark-soft);margin:12px 0 0}
.haus ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.haus ul a{display:inline-block;border:1px solid var(--dark-line);border-radius:999px;padding:7px 14px;font-size:14px;color:var(--dark-ink);transition:border-color .2s,color .2s}
.haus ul a:hover{border-color:var(--gold);color:#fff}
.mitglieder{margin-top:26px;font-size:14px;color:var(--dark-soft)}
.mitglieder a{color:var(--gold);border-bottom:1px solid transparent}
.mitglieder a:hover{border-bottom-color:var(--gold)}

/* Kontakt */
.kontakt{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline;justify-content:space-between}
.kontakt p{margin:0;color:var(--ink-soft)}
.kontakt a{color:var(--gold-deep);font-weight:600}

/* Fuß */
.fuss{border-top:1px solid var(--line);background:var(--soft);font-size:14px;color:var(--ink-soft)}
.fuss .wrap{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px}
.fuss nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.fuss a:hover{color:var(--gold-deep)}
.verbund a{color:var(--ink)}

/* Rechtsseiten */
.recht{max-width:760px;margin:0 auto;padding:40px 24px 72px}
.recht .pfad{font-size:14px;color:var(--ink-soft)}
.recht .pfad a:hover{color:var(--gold-deep)}
.recht h1{font-size:clamp(30px,4vw,42px);margin-top:14px}
.recht h2{font-size:22px;margin-top:34px}
.recht ul{padding-left:20px}
.recht a{color:var(--gold-deep)}
.recht .stand{margin-top:34px;font-size:14px;color:var(--ink-soft)}

@media (max-width:900px){
  .karten{grid-template-columns:1fr}
  .paar{grid-template-columns:1fr}
}
@media (max-width:520px){
  .kopf nav{gap:14px}
  .kopf nav .weit{display:none}
  .abschnitt{padding:48px 0}
  .karte,.haus{padding:22px}
}