/* IUIC One-Pager – eigenes Stylesheet (self-hosted, kein externes Asset/Tracking). */
:root {
  --iuic:#0b3d63; --iuic2:#1769a5; --akzent:#f39c12;
  --bg:#f4f7fa; --tx:#1c2b36; --muted:#5a6b78; --card:#ffffff;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--tx); background:var(--bg); line-height:1.6;
}
a { color:var(--iuic2); text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { max-width:1040px; margin:0 auto; padding:0 20px; }

/* Kopf / Navigation */
header.top {
  position:sticky; top:0; background:rgba(255,255,255,.95); backdrop-filter:blur(6px);
  border-bottom:1px solid #e3ebf2; z-index:10;
}
header.top .wrap { display:flex; align-items:center; justify-content:space-between; height:62px; }
.brand { font-weight:800; letter-spacing:1px; color:var(--iuic); font-size:22px;
  display:flex; align-items:center; }
.brand img { height:40px; width:auto; display:block; }
.brand span { color:var(--iuic2); }
nav a { color:var(--tx); margin-left:22px; font-size:15px; }

/* Dezentes Ausbau-/Modernisierungs-Band unter dem Kopf */
.ausbau-hinweis {
  background:#eef3f8; color:var(--muted); font-size:14px; text-align:center;
  padding:9px 0; border-bottom:1px solid #e3ebf2;
}

/* Hero */
.hero {
  background:linear-gradient(135deg,var(--iuic) 0%,var(--iuic2) 100%); color:#fff;
  padding:72px 0 64px;
}
.hero h1 { font-size:34px; margin:0 0 14px; line-height:1.25; }
.hero p { font-size:19px; max-width:720px; margin:0 0 26px; color:#e8f1f8; }
.btn {
  display:inline-block; background:var(--akzent); color:#1c2b36; font-weight:700;
  padding:13px 26px; border-radius:8px; }
.btn:hover { filter:brightness(1.06); text-decoration:none; }
.btn.sekundaer { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.6); }

/* Abschnitte */
section { padding:56px 0; }
section h2 { color:var(--iuic); font-size:26px; margin:0 0 8px; }
section .lead { color:var(--muted); max-width:720px; margin:0 0 30px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.card {
  background:var(--card); border-radius:12px; padding:24px;
  box-shadow:0 6px 20px rgba(11,61,99,.08); }
.card h3 { color:var(--iuic); margin:0 0 8px; font-size:18px; }
.card p { margin:0; color:var(--muted); font-size:15px; }
.alt { background:#eef3f8; }

/* Kontakt */
.kontakt-box { background:var(--card); border-radius:12px; padding:28px;
  box-shadow:0 6px 20px rgba(11,61,99,.08); }
.kontakt-box b { color:var(--iuic); }

/* Footer */
footer.foot { background:var(--iuic); color:#cfe0ee; padding:30px 0; font-size:14px; }
footer.foot a { color:#fff; }
footer.foot .wrap { display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between; }

/* Rechtstext-Seiten */
.legal { padding:48px 0; }
.legal h1 { color:var(--iuic); font-size:28px; }
.legal h2 { color:var(--iuic); font-size:19px; margin-top:28px; }
.legal .hinweis { background:#fff8e6; border-left:4px solid var(--akzent);
  padding:12px 16px; border-radius:6px; color:#6b5a2a; font-size:14px; }
@media (max-width:560px){ nav a{ margin-left:14px; } .hero h1{ font-size:27px; } }