:root {
  --bg:#fbfaf9;
  --text:#111;
  --muted:#6b7280;
  --accent:#e7b8c9;
  --radius:20px;
  --gap:20px;
  --shadow:0 10px 30px rgba(16,24,40,0.1);
  font-family:'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.5;}
.container{max-width:var(--container);margin:0 auto;padding:0 20px;}
h1,h2{margin:0 0 10px;}
.hero{padding:60px 0;text-align:center;}
.hero-text .lead{color:var(--muted);}

/* Weißer Rahmen für Kontakt und Inhalt mit zentriertem Text */
.contact-card {
  background: white;
  padding: 25px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin: 20px 0;
  width: 100%;           /* Breite auf gesamte Containerbreite */
  max-width: none;       /* Keine feste Max-Breite */
  text-align: center;    /* Text zentriert */
}

/* Footer */
.site-footer{padding:20px 0;text-align:center;}

/* Links alle gleich wie normaler Text */
a, a:visited, a:hover, a:active {
  color: var(--text);
  text-decoration: none;
}
a:hover { text-decoration: underline; }

/* Responsive Anpassung */
@media(max-width:600px){
  .container{padding:0 16px;}
  .contact-card{padding:18px;} /* Etwas kleiner auf Mobilgeräten */
}