/*
 * Asklepios Kliniken, gemessen auf asklepios.com: Text #254a5d, Petrol #007377, Mint #64eb9b, helles Petrol #e1efef.
 * Schrift Inter 400 und 600 (frei, OFL, lokal gehostet): Fließtext 18 px/28 px, Navigation 14 px SemiBold in Petrol, Links SemiBold in Petrol,
 * Eingabefelder 2 px Petrol mit 8 px Rundung (52 px hoch), Knöpfe 4 px Rundung, Fußzeile #254a5d mit weißer Schrift.
 * Messwerte der Website, kein Markenhandbuch.
 */
@font-face { font-family: "Inter"; src: url("fonts/inter-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "InterSemi"; src: url("fonts/inter-latin-600-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  --paper: #FFFFFF;
  --ink: #254A5D;
  --primary: #007377;
  --primary-dark: #005A5E;
  --on-primary: #FFFFFF;
  --blue: #64EB9B;        /* Mint als Linie und Fläche, Text darauf --ink (6,3:1) */
  --sand: #BFDCDD;
  --white: #FFFFFF;
  --muted: #666666;
  --line: #D5E3E4;
  --blue-soft: #E1EFEF;
  --error: #A4262C;
  --error-soft: #FBE9E9;
  --head: "InterSemi", Arial, sans-serif;
  --headline: "InterSemi", Arial, sans-serif;
  --body: "Inter", Arial, sans-serif;
  --bold: "InterSemi", Arial, sans-serif;
  --r: 8px;
  --head-color: #254A5D;
  --top-bg: #FFFFFF; --top-fg: #254A5D; --brand-color: #007377; --brand-sub: #254A5D;
  --top-border: 4px solid #64EB9B; --top-line: rgba(37, 74, 93, .18);
  --on-primary-soft: #64EB9B;
  --testbar-bg: #E1EFEF; --testbar-fg: #254A5D;
  --field-border: #007377;
}
body { font-size: 1.125rem; line-height: 1.555; }
a { color: #007377; font-family: "InterSemi", Arial, sans-serif; }
.top__link { text-transform: none; letter-spacing: 0; font-size: .875rem; color: #007377; }
.card, .day, .oday, .msg, .empty, .legend { border: 1px solid var(--line); box-shadow: none; }
input[type=text], input[type=email], input:not([type]) { border: 2px solid #007377; border-radius: 8px; padding: 8px 16px; min-height: 52px; font-size: 1rem; }
.btn { border-radius: 4px; padding: 14px 22px; }
.btn--ghost { color: #007377; }
.foot { background: #254A5D; color: #FFFFFF; border-top: 0; }
.foot a { color: #FFFFFF; text-decoration: none; }
.foot a:hover { text-decoration: underline; }