:root {
  --md-primary-fg-color: #075072;
  --md-primary-fg-color--light: #0a6a96;
  --md-primary-fg-color--dark: #053a52;
  --md-accent-fg-color: #FC9803;
  --md-accent-fg-color--transparent: rgba(252,152,3,.1);
  --md-typeset-a-color: #075072;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #075072;
  --md-accent-fg-color: #FC9803;
  --md-typeset-a-color: #4db3e0;
}
.md-header { background: #075072; }
.md-typeset h1, .md-typeset h2 { letter-spacing: -.01em; }

/* Maskottchen: dezent rechts schwebend, auf Mobil zentriert darüber */
.md-typeset img.mascot { float: right; width: 170px; max-width: 40%; margin: 0 0 1rem 1.5rem; }
.md-typeset .hero-mascot { display: block; margin: .5rem auto 1.5rem; width: min(300px, 70%); }
@media (max-width: 600px) { .md-typeset img.mascot { float: none; display: block; margin: 0 auto 1rem; width: 200px; } }