/*
Theme Name: Ulrike Leonhardt – Wartung
Theme URI: https://ulrike-leonhardt.de
Author: Ulrike Leonhardt
Description: Wartungsseite mit Impressum und Datenschutz für ulrike-leonhardt.de
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: ulrike-wartung
*/

:root {
  --bg: #C9C5BE; --teal: #2E7D8C; --teal-dark: #235F6B;
  --taupe: #A09590; --white: #FFFFFF; --text: #2A2420; --text-light: #5A524E;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: var(--bg);
  font-family: 'Nunito', sans-serif;
  color: var(--text);
  min-height: 100vh;
}
/* Shared nav */
.site-nav {
  background: rgba(201,197,190,0.92);
  backdrop-filter: blur(12px);
  padding: 1.1rem 2rem;
  display: flex; align-items: center; justify-content: space-between;
  position: sticky; top: 0; z-index: 10;
  border-bottom: 1px solid rgba(46,125,140,0.15);
}
.nav-logo {
  font-family: 'Cormorant Garamond', serif; font-size: 1.2rem;
  font-weight: 600; color: var(--teal-dark); text-decoration: none;
}
.nav-logo span { font-style: italic; font-weight: 400; color: var(--taupe); }
.nav-back { font-size: 0.82rem; font-weight: 600; color: var(--teal-dark); text-decoration: none; }
.nav-back:hover { text-decoration: underline; }
/* Shared page content */
.page-wrap { max-width: 780px; margin: 0 auto; padding: 3.5rem 2rem 5rem; }
.label { font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--teal); font-weight: 700; margin-bottom: 0.5rem; }
h1 { font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; font-weight: 700; color: var(--teal-dark); margin-bottom: 0.4rem; line-height: 1.1; }
.subtitle { color: var(--text-light); font-size: 0.92rem; margin-bottom: 2.5rem; }
.block { background: var(--white); border-radius: 20px; padding: 2rem 2.2rem; margin-bottom: 1.2rem; box-shadow: 0 4px 18px rgba(0,0,0,0.07); }
.block h2 { font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; font-weight: 700; color: var(--teal-dark); margin-bottom: 0.8rem; }
.block p { color: var(--text); font-size: 0.93rem; line-height: 1.85; margin-bottom: 0.6rem; }
.block p:last-child { margin-bottom: 0; }
.block ul { margin: 0.5rem 0 0 1.3rem; }
.block ul li { color: var(--text); font-size: 0.93rem; line-height: 2; }
.block a { color: var(--teal); text-decoration: none; font-weight: 600; }
.block a:hover { text-decoration: underline; }
.block .note { font-size: 0.83rem; color: var(--text-light); font-style: italic; }
.site-footer { text-align: center; padding: 2rem; font-size: 0.8rem; color: rgba(42,36,32,0.5); }
.site-footer a { color: var(--teal-dark); text-decoration: none; font-weight: 600; margin: 0 0.4rem; }