:root{
  --tc-blue:#0044aa;
  --header-h: 120px;          /* Höhe der weißen Kopfzeile für diese Seite */
  --content-max: 1160px;
}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:var(--tc-blue);background:#fff;}

/* Kopfzeile (weißes Band wie Startseite nach dem Intro) */
.logo-bar{
  position: sticky; top:0; left:0; right:0;
  background:#fff;
  height: calc(var(--header-h) + env(safe-area-inset-top,0px));
  padding-top: env(safe-area-inset-top,0px);
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  z-index: 10;
}
.bar-inner{
  max-width: var(--content-max);
  height: 100%;
  margin: 0 auto;
  padding: 12px 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.brand{ display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand img{ height: calc(var(--header-h) - 24px); width: auto; display:block; }
nav.meta a{
  color: var(--tc-blue); text-decoration: none; font-size: 0.95rem; opacity:.9; margin-left: 14px;
}
nav.meta a[aria-current="page"]{ text-decoration: underline; }
nav.meta a:hover{ opacity:1; }

/* Seite */
.page{
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 24px 16px 32px;
  text-align: left;
}
h1{ font-size: 1.8rem; margin: 24px 0 12px; }
h2{ font-size: 1.2rem; margin: 22px 0 10px; }
h3{ font-size: 1.05rem; margin: 18px 0 8px; }
p, li{ line-height: 1.6; }
ul{ padding-left: 18px; }
.muted{ opacity:.85; }
.box{
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:16px;
  margin:12px 0 20px;
  background:#fafafa;
}

/* Footer (wie Startseite) */
.site-footer{
  background: var(--tc-blue); color:#fff; text-align:left; min-height:150px; font-size:.95em; margin-top:24px;
  position:relative; z-index:1; box-shadow:0 -6px 18px rgba(0,0,0,.06);
}
.site-footer .footer-inner{
  max-width: var(--content-max); margin:0 auto; padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:start;
}
.site-footer h4{ margin:0 0 8px; font-size:1em; text-transform:uppercase; letter-spacing:.3px; }
.site-footer ul{ list-style:none; padding:0; margin:0; }
.site-footer li+li{ margin-top:6px; }
.site-footer a{ color:#fff; text-decoration:none; opacity:.95; }
.site-footer a:hover{ text-decoration:underline; opacity:1; }
.footnote{ grid-column:1/-1; border-top:1px solid rgba(255,255,255,.25); padding-top:10px; text-align:center; opacity:.9; margin-top:4px; }

@media (max-width:900px){ .site-footer .footer-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){
  .site-footer .footer-inner{ grid-template-columns:1fr; }
  :root{ --header-h: 98px; }
  .brand img{ height: calc(var(--header-h) - 24px); }
}