/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ============================================================
   1 · PRIMITIVES — rohe Farbskalen
   ============================================================ */
:root {

  /* --- Physiotherapie ---------------------------------------- */
  --physio-50:  #F4F8FC;
  --physio-100: #E7F0FA; /* Brandbook: Hell */
  --physio-200: #CBDFF3;
  --physio-300: #A3C6E8;
  --physio-400: #6BA3D8;
  --physio-500: #3F81C4;
  --physio-600: #2F6FB6;
  --physio-700: #2764AD; /* Brandbook: Hauptfarbe */
  --physio-800: #22557F;
  --physio-900: #1C477C; /* Brandbook: Dunkel */
  --physio-950: #10293F;

  /* --- Podologie --------------------------------------------- */
  --podo-50:  #F1FAF7;
  --podo-100: #DFF3EE; /* Brandbook: Hell */
  --podo-200: #BCE7DC;
  --podo-300: #8AD4C3;
  --podo-400: #55BEA6;
  --podo-500: #2FA58D; /* Brandbook: Hauptfarbe — Flächen, nicht Text */
  --podo-600: #278C77;
  --podo-700: #216F61; /* Brandbook: Dunkel — interaktive Rolle */
  --podo-800: #1B5A4F;
  --podo-900: #16453D;
  --podo-950: #0B2924;

  /* --- Ergotherapie ------------------------------------------ */
  --ergo-50:  #F6F3FA;
  --ergo-100: #EAE4F2; /* Brandbook: Hell */
  --ergo-200: #D8CDE8;
  --ergo-300: #BCAAD6;
  --ergo-400: #9782BE;
  --ergo-500: #8069AB;
  --ergo-600: #745B9E; /* Brandbook: Hauptfarbe */
  --ergo-700: #664F8D;
  --ergo-800: #574278; /* Brandbook: Dunkel */
  --ergo-900: #44335D;
  --ergo-950: #291E38;

  /* --- Neutral (aus Textfarbe #24313F) ----------------------- */
  --neutral-50:  #F7F9FB;
  --neutral-100: #EFF3F6; /* Brandbook: Hellgrau */
  --neutral-200: #DDE4EA;
  --neutral-300: #C3CDD7;
  --neutral-400: #A0AEBC;
  --neutral-500: #7E8D9D;
  --neutral-600: #5F6E7E;
  --neutral-700: #465464;
  --neutral-800: #34414F;
  --neutral-900: #24313F; /* Brandbook: Textfarbe */
  --neutral-950: #161E28;

  /* --- Rot (danger) ------------------------------------------ */
  --red-50:  #FEF3F2;
  --red-100: #FEE3E1;
  --red-200: #FDC9C5;
  --red-300: #FAA39D;
  --red-400: #F47068;
  --red-500: #E24A42;
  --red-600: #C42F2A;
  --red-700: #A02320;
  --red-800: #7C1B19;
  --red-900: #581211;
  --red-950: #340A09;

  /* --- Grün (success) ---------------------------------------- */
  --green-50:  #F1FAF0;
  --green-100: #DEF3DC;
  --green-200: #BEE7BB;
  --green-300: #92D48E;
  --green-400: #62BC5D;
  --green-500: #3F9F3B;
  --green-600: #2E7F2C;
  --green-700: #266622;
  --green-800: #1E501C;
  --green-900: #163A14;
  --green-950: #0C210B;

  /* --- Gelb (warning) ---------------------------------------- */
  --yellow-50:  #FDF7EA;
  --yellow-100: #FBEDCC;
  --yellow-200: #F6DB9C;
  --yellow-300: #EEC363;
  --yellow-400: #DFA82D;
  --yellow-500: #C08F0B;
  --yellow-600: #966F00;
  --yellow-700: #6E5100;
  --yellow-800: #543D00;
  --yellow-900: #3C2B00;
  --yellow-950: #241900;

  /* --- Absolut ----------------------------------------------- */
  --white: #ffffff;
  --warm-white: #FFF7F3; /* Brandbook: Warmweiß */
  --black: #000000;
  --overlay: rgba(22, 30, 40, 0.55);

  /* --- Dachmarken-Default (Startseite, Kontakt, Impressum) ---- */
  --brand-50:  var(--physio-50);
  --brand-100: var(--physio-100);
  --brand-200: var(--physio-200);
  --brand-300: var(--physio-300);
  --brand-400: var(--physio-400);
  --brand-500: var(--physio-500);
  --brand-600: var(--physio-600);
  --brand-700: var(--physio-700);
  --brand-800: var(--physio-800);
  --brand-900: var(--physio-900);
  --brand-950: var(--physio-950);
  --brand-signature: var(--physio-700);
}


/* ============================================================
   2 · FACHBEREICHS-UMSCHALTUNG
   IDs anpassen: 20 = Physio, 22 = Podologie, 24 = Ergo
   ============================================================ */

body.page-id-20,
body.parent-pageid-20 {
  --brand-50:  var(--physio-50);
  --brand-100: var(--physio-100);
  --brand-200: var(--physio-200);
  --brand-300: var(--physio-300);
  --brand-400: var(--physio-400);
  --brand-500: var(--physio-500);
  --brand-600: var(--physio-600);
  --brand-700: var(--physio-700);
  --brand-800: var(--physio-800);
  --brand-900: var(--physio-900);
  --brand-950: var(--physio-950);
  --brand-signature: var(--physio-700);

  --color-brand: var(--brand-700);
  --color-brand-hover: var(--brand-800);
  --color-brand-active: var(--brand-900);
  --color-brand-text: var(--brand-700);
  --color-brand-on: var(--white);
  --color-brand-bg: var(--brand-100);
  --color-brand-bg-subtle: var(--brand-50);
  --color-brand-bg-text: var(--brand-900);
  --color-brand-border: var(--brand-300);
  --color-brand-signature: var(--brand-signature);
}

body.page-id-22,
body.parent-pageid-22 {
  --brand-50:  var(--podo-50);
  --brand-100: var(--podo-100);
  --brand-200: var(--podo-200);
  --brand-300: var(--podo-300);
  --brand-400: var(--podo-400);
  --brand-500: var(--podo-500);
  --brand-600: var(--podo-600);
  --brand-700: var(--podo-700);
  --brand-800: var(--podo-800);
  --brand-900: var(--podo-900);
  --brand-950: var(--podo-950);
  --brand-signature: var(--podo-500); /* #2FA58D — nur Flächen/Logo */

  --color-brand: var(--brand-700);
  --color-brand-hover: var(--brand-800);
  --color-brand-active: var(--brand-900);
  --color-brand-text: var(--brand-700);
  --color-brand-on: var(--white);
  --color-brand-bg: var(--brand-100);
  --color-brand-bg-subtle: var(--brand-50);
  --color-brand-bg-text: var(--brand-900);
  --color-brand-border: var(--brand-300);
  --color-brand-signature: var(--brand-signature);
}

/* body.page-id-24,
body.parent-pageid-24 {
  --brand-50:  var(--ergo-50);
  --brand-100: var(--ergo-100);
  --brand-200: var(--ergo-200);
  --brand-300: var(--ergo-300);
  --brand-400: var(--ergo-400);
  --brand-500: var(--ergo-500);
  --brand-600: var(--ergo-600);
  --brand-700: var(--ergo-700);
  --brand-800: var(--ergo-800);
  --brand-900: var(--ergo-900);
  --brand-950: var(--ergo-950);
  --brand-signature: var(--ergo-600);

  --color-brand: var(--brand-700);
  --color-brand-hover: var(--brand-800);
  --color-brand-active: var(--brand-900);
  --color-brand-text: var(--brand-700);
  --color-brand-on: var(--white);
  --color-brand-bg: var(--brand-100);
  --color-brand-bg-subtle: var(--brand-50);
  --color-brand-bg-text: var(--brand-900);
  --color-brand-border: var(--brand-300);
  --color-brand-signature: var(--brand-signature);
} */





/* ALLGEMEIN */
html {
  -webkit-hyphens: auto;      /* ältere Safari-Versionen */
  hyphens: auto;
  hyphenate-limit-chars: 8 4 3;   /* Wortlänge / min. vor / min. nach */
  -webkit-hyphenate-limit-before: 4;  /* Safari-Legacy-Fallback */
  -webkit-hyphenate-limit-after: 3;
  overflow-wrap: break-word;      /* Notbremse für URLs etc. */
}
b, strong {
    font-weight: 600;
}
h1+*, h2+*, h3+*, h4+*, h5+*, h6+* {
  margin-top: 0.75em;
}
p {
  margin-bottom: 0 !important;
}
p+* {
  margin-top: 0.5em;
}
section {
  padding: clamp(20px, 9vw, 60px) 0;
}
.table-zeit {
  margin-top: 0;
}
.table-zeit table, .table-zeit table td {
  border: none;
  padding: 0;
  margin: 0;
}
.table-zeit table td:last-child {
  text-align: right;
}

.site-footer .table-zeit {
    margin-top: 0;
}

img {
  border-radius: 16px;
}

.map {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.site-main ol, ul {
  margin: 0 0 1em 1.2em;
}