/* shared.css – Subpage styles for ThomasKlußmann.de */
:root {
  --red: #c0392b;
  --red-dark: #96281b;
  --gold: #d4a847;
  --dark: #1a1a1a;
  --light-bg: #f8f5f0;
  --white: #ffffff;
  --text: #3a3a3a;
  --muted: #7a7a7a;
  --border: #e0d8cc;
  --radius: 12px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Source Serif 4',Georgia,serif;background:var(--light-bg);color:var(--text);line-height:1.75;font-size:1.05rem}
header{background:var(--dark);padding:0 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 16px rgba(0,0,0,.3)}
.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;flex-wrap:wrap;gap:.75rem}
.logo{font-family:'Playfair Display',serif;font-size:1.5rem;color:#fff;text-decoration:none;letter-spacing:-.5px}
.logo span{color:var(--red)}
nav a{color:#ccc;text-decoration:none;margin-left:1.5rem;font-size:.88rem;font-family:sans-serif;transition:color .2s}
nav a:hover{color:var(--gold)}
.page-hero{background:linear-gradient(135deg,#1a1a1a 0%,#2d1a1a 100%);color:#fff;text-align:center;padding:4rem 2rem 3rem}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,3rem);margin-bottom:.8rem}
.page-hero p{color:#ccc;max-width:540px;margin:0 auto;font-family:sans-serif;font-size:.95rem}
.content-wrap{max-width:820px;margin:0 auto;padding:3rem 2rem}
.content-wrap h2{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--dark);margin:2rem 0 .8rem;border-left:4px solid var(--red);padding-left:.8rem}
.content-wrap h3{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--dark);margin:1.5rem 0 .5rem}
.content-wrap p{margin-bottom:1rem}
.content-wrap ul{margin:1rem 0 1rem 1.5rem}
.content-wrap li{margin-bottom:.4rem}
.content-wrap a{color:var(--red)}
.content-wrap a:hover{color:var(--red-dark)}
footer{background:#111;color:#999;padding:2rem;text-align:center;font-family:sans-serif;font-size:.85rem}
footer a{color:#bbb;margin:0 .8rem;text-decoration:none}
footer a:hover{color:var(--gold)}
.footer-links{margin-bottom:.8rem}