/* ================================================================
   Rechtstexte — Messi Entrümpelung {Stadt}
   Gleiche Sprache wie die Startseite („Vom dunklen Flur ins Licht"):
   Fraunces für Überschriften, Public Sans für den Lesetext,
   Papierton statt Weiß, Messing als einziger Akzent, keine Rundungen.
   ================================================================ */
@font-face{font-family:'Fraunces';src:url('../fonts/fraunces-var.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'PublicSans';src:url('../fonts/public-sans-var.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --tinte:#141110;
  --papier:#F4EFE6;
  --papier-2:#EBE4D7;
  --weiss:#FCFAF7;
  --messing:#9A6E33;
  --messing-hell:#CBA269;
  --grau:#635A50;
  --grau-hell:#B5ABA0;
  --linie:rgba(20,17,16,.18);
  --linie-hell-fein:rgba(255,255,255,.1);
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'PublicSans','Helvetica Neue',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--sans);
  font-size:17.5px;line-height:1.64;overflow-wrap:break-word}
a{color:var(--tinte);text-decoration-color:var(--messing);text-underline-offset:.18em}
a:hover{color:var(--messing)}
:focus-visible{outline:2px solid var(--messing);outline-offset:3px}
.wrap{width:min(100% - 2.6rem,74ch);margin-inline:auto}

h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;line-height:1.08;margin:0}
h1{font-size:clamp(2.1rem,4.4vw,3.2rem)}
h2{font-size:clamp(1.22rem,2vw,1.5rem);margin:2.6rem 0 .8rem}
h3{font-family:var(--sans);font-weight:700;font-size:1rem;margin:1.7rem 0 .4rem}
p,ul,ol{margin:0 0 1.05em}
ul,ol{padding-left:1.4rem}
li{margin-bottom:.4em}
li::marker{color:var(--messing)}
strong{font-weight:700}

/* Kopfzeile wie auf der Startseite: dunkel, kein Knopf */
.top{background:var(--tinte);color:var(--papier);border-bottom:1px solid var(--linie-hell-fein)}
.top__in{display:flex;align-items:center;gap:1.2rem;
  width:min(100% - 2.6rem,1220px);margin-inline:auto;padding:1.1rem 0 1rem}
.brand{display:flex;align-items:center;gap:.72rem;text-decoration:none;color:var(--weiss);
  margin-right:auto}
.brand .zeichen{flex:0 0 auto;overflow:visible}
.brand:hover .zeichen path{stroke:var(--weiss)}
.brand:hover .zeichen rect{fill:var(--messing-hell)}
.brand b{font-family:var(--serif);font-weight:500;font-size:1.16rem;letter-spacing:-.01em;
  display:block;line-height:1.2}
.brand em{display:block;font-style:normal;font-family:var(--sans);font-size:.68rem;font-weight:600;
  letter-spacing:.19em;text-transform:uppercase;color:var(--messing-hell);margin-top:.3rem}
.tel{font-family:var(--serif);font-weight:500;font-size:1.3rem;color:var(--messing-hell);
  text-decoration:none;border-bottom:1px solid rgba(203,162,105,.45);padding-bottom:.1rem;
  white-space:nowrap}
.tel:hover{color:var(--weiss);border-color:var(--weiss)}

/* Titelblock */
.kopf{background:var(--tinte);color:var(--papier);
  padding:clamp(2.6rem,6vw,4.4rem) 0 clamp(2.2rem,5vw,3.4rem)}
.kopf h1{color:var(--weiss)}
.kopf p{margin:1.1rem 0 0;color:var(--grau-hell);max-width:62ch}
.kennung{font-family:var(--sans);font-weight:700;font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--messing-hell);margin:0 0 1.2rem}
.kennung::after{content:"";display:block;width:2.4rem;height:1px;background:currentColor;margin-top:.8rem}

main{padding:clamp(2.4rem,5vw,3.6rem) 0 clamp(3.2rem,6vw,5rem)}
main h2:first-of-type{margin-top:0}

.box{border-left:2px solid var(--messing);background:var(--papier-2);
  padding:1.1rem 1.3rem;margin:0 0 2.2rem}
.box p:last-child{margin-bottom:0}
.mono{font-family:var(--sans);font-size:.98rem;line-height:1.72}
address{font-style:normal;margin:0 0 1.15em}
.stand{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--linie);
  font-size:.84rem;letter-spacing:.04em;color:var(--grau)}

footer{background:var(--tinte);color:var(--grau-hell);padding:2.6rem 0 2rem;font-size:.94rem}
footer .wrap{width:min(100% - 2.6rem,1220px)}
footer a{color:var(--papier);text-decoration:none}
footer a:hover{color:var(--messing-hell);text-decoration:underline}
footer nav{display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;margin-top:1rem;
  padding-top:1.2rem;border-top:1px solid var(--linie-hell-fein)}

@media (max-width:620px){
  body{font-size:17px}
  .top__in{flex-wrap:wrap;gap:.5rem 1rem}
}
@media print{.top,footer nav{display:none}body{font-size:11pt;background:#fff}}