/* ============================================================
   Betreuungsbüro EN – gemeinsames Stylesheet
   Wird von allen Sprachversionen genutzt (index.html, en.html, …).
   Änderungen hier wirken sich auf ALLE Sprachversionen aus.
   ============================================================ */

/* ============================================================
   Lokal eingebundene Schriften (Inter, Lora, Noto Naskh Arabic)
   Die Dateien liegen im Unterordner "fonts".
   Es besteht dadurch KEINE Verbindung mehr zu Google-Servern.
   ============================================================ */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/inter-400-greek-ext.woff2') format('woff2');
  unicode-range:U+1F00-1FFF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/inter-400-greek.woff2') format('woff2');
  unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/inter-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/inter-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/inter-500-greek-ext.woff2') format('woff2');
  unicode-range:U+1F00-1FFF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/inter-500-greek.woff2') format('woff2');
  unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/inter-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/inter-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/inter-600-greek-ext.woff2') format('woff2');
  unicode-range:U+1F00-1FFF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/inter-600-greek.woff2') format('woff2');
  unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/inter-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/inter-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/lora-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/lora-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/lora-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/lora-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-400-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-500-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-600-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-700-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Noto Naskh Arabic';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('fonts/noto-naskh-arabic-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Lora deckt keine griechischen Zeichen ab. Fuer den griechischen Bereich
   springt Literata ein - unter demselben Familiennamen, damit die
   Ueberschriften auch auf der griechischen Seite eine Serifenschrift zeigen. */
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/literata-400-greek-ext.woff2') format('woff2');
  unicode-range:U+1F00-1FFF;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/literata-400-greek.woff2') format('woff2');
  unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/literata-500-greek-ext.woff2') format('woff2');
  unicode-range:U+1F00-1FFF;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/literata-500-greek.woff2') format('woff2');
  unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* Kyrillisch (fuer die ukrainische Sprachversion) */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/inter-400-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/inter-400-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/inter-500-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/inter-500-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/inter-600-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/inter-600-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/lora-400-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/lora-400-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/lora-500-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{
  font-family:'Lora';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/lora-500-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


  :root{
    --text:#545454;
    --heading:#6a6a6a;
    --accent:#2c6fad;
    --accent-dark:#245e93;
    --bg:#ffffff;
    --bg-alt:#f6f6f4;
    --muted:#8a8a8a;
    --line:#e4e4e0;
    --line-soft:#ededea;
    --maxw:1200px;
  }

  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',system-ui,sans-serif;
    color:var(--text);
    background:var(--bg);
	font-weight:600;
    font-size:19px;
    line-height:1.72;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  h1,h2,h3{font-family:'Lora',Georgia,serif;font-weight:400;color:var(--heading);line-height:1.22;text-wrap:balance}
  p{max-width:68ch}
  a{color:inherit;text-decoration:none}

  .wrap{max-width:var(--maxw);margin:0 auto;padding-left:64px;padding-right:64px}
  .pad{padding-top:118px;padding-bottom:118px}
  .kap{
    font-size:18px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;
    color:var(--accent);margin-bottom:18px;
  }

  /* ---------- NAV ---------- */
  nav{
    position:fixed;top:0;left:0;right:0;z-index:100;height:72px;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 64px;background:rgba(255,255,255,.97);
    backdrop-filter:saturate(180%) blur(6px);
    border-bottom:1px solid var(--line-soft);
  }
  .nav-logo{font-size:18px;font-weight:800;letter-spacing:.16em;color:var(--heading);text-transform:uppercase}
  .nav-links{list-style:none;display:flex;gap:34px}
  .nav-links a{
    font-size:14px;font-weight:800;letter-spacing:.12em;color:var(--heading);
    text-transform:uppercase;transition:color .2s;padding:4px 0;position:relative;
  }
  .nav-links a:hover{color:var(--accent)}
  .nav-burger{display:none;background:none;border:0;cursor:pointer;width:30px;height:24px;position:relative}
  .nav-burger span{display:block;position:absolute;left:0;right:0;height:1.5px;background:var(--heading);transition:.3s}
  .nav-burger span:nth-child(1){top:2px}
  .nav-burger span:nth-child(2){top:11px}
  .nav-burger span:nth-child(3){top:20px}
  body.menu-open .nav-burger span:nth-child(1){top:11px;transform:rotate(45deg)}
  body.menu-open .nav-burger span:nth-child(2){opacity:0}
  body.menu-open .nav-burger span:nth-child(3){top:11px;transform:rotate(-45deg)}

  /* ---------- HERO ---------- */
  .hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:100vh;padding-top:72px}
  .hero-l{display:flex;align-items:center;padding:64px 64px 64px 0}
  .hero-l-inner{max-width:520px;margin-inline-start:auto;padding-inline-start:24px}
  .hero-eyebrow{font-size:16px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:26px}
  .hero-name{font-size:clamp(38px,4vw,54px);color:var(--heading);margin-bottom:14px}
  .hero-rolle{font-size:18px;font-weight:500;color:var(--accent);margin-bottom:34px}
  .hero-linie{width:54px;height:1px;background:var(--accent);margin-bottom:34px}
  .hero-sub{font-size:19px;font-weight:600;line-height:1.75;color:var(--text)}
  .hero-r{position:relative;background:linear-gradient(150deg,#e9ebe7 0%,#dfe3e6 55%,#d3dae0 100%);overflow:hidden}
  .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .hero-photo-ph{
    position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:14px;color:#9aa4ac;text-align:center;padding:40px;
  }
  .hero-photo-ph svg{width:78px;height:78px;opacity:.55}
  .hero-photo-ph span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;max-width:220px;line-height:1.6}

  /* ---------- GENERIC SECTION ---------- */
  h2{font-size:clamp(27px,3vw,33px);margin-bottom:26px}
  .lead{font-size:18px;line-height:1.8;color:var(--text)}
  .prose p+p{margin-top:22px}
  .two{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
  .section-head{max-width:760px}

  /* ---------- AUFGABEN ---------- */
  .bet-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:44px}
  .bet-col-head{font-size:18px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}
  .bet-col.neg .bet-col-head{color:var(--accent)}
  ul.nl{list-style:none}
  ul.nl li{position:relative;padding-inline-start:26px;margin-bottom:14px;line-height:1.6}
  ul.nl li::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:7px;height:2px;background:var(--accent)}
  ul.nl.neg li::before{background:var(--accent)}
  .note{margin-top:44px;padding:26px 30px;background:var(--bg);border-inline-start:2px solid var(--accent);font-size:15.5px;line-height:1.7;color:var(--text)}
  .bet .note{background:#fff}

  /* ---------- LEISTUNGEN / NACHLASS ---------- */
  .leist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
  .card{background:var(--bg-alt);border:1px solid var(--line-soft);border-top:2px solid var(--accent);padding:38px 36px}
  .card .kap{font-size:17px;font-weight:800;margin-bottom:14px}
  .card h3{font-size:22px;margin-bottom:16px;color:var(--heading)}
  .card-intro{font-size:15.5px;line-height:1.7;color:var(--text);margin-bottom:24px;max-width:none}
  .card ul.nl li{margin-bottom:12px;font-size:15.5px}

  /* zusammenarbeit list */
  ul.steps{list-style:none;margin:30px 0 0}
  ul.steps li{position:relative;padding-inline-start:26px;margin-bottom:14px}
  ul.steps li::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:7px;height:1px;background:var(--accent)}

  /* ---------- KONTAKT ---------- */
  .kontakt-inner{max-width:760px}
  .mail{
    display:inline-block;margin-top:32px;font-family:'Lora',serif;font-size:clamp(22px,2.6vw,30px);
    color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:4px;transition:border-color .25s,color .25s;
  }
  .mail:hover{color:var(--accent-dark);border-color:var(--accent)}
  .kontakt-meta{margin-top:40px;display:flex;flex-wrap:wrap;gap:40px}
  .kontakt-meta .kap{margin-bottom:8px}
  .kontakt-meta p{font-size:15.5px;color:var(--text)}

  /* ---------- KONTAKTFORMULAR ---------- */
  .kontakt-grid{display:grid;grid-template-columns:1fr;gap:48px;margin-top:52px}
  .kontakt-form{display:grid;gap:20px}
  .field{display:flex;flex-direction:column;gap:7px}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .kontakt-form label{font-size:18px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--heading)}
  .kontakt-form label .req{color:var(--accent)}
  .kontakt-form input,.kontakt-form select,.kontakt-form textarea{
    font-family:'Inter',sans-serif;font-size:16px;font-weight:500;color:var(--text);
    background:#fff;border:1px solid var(--line);border-radius:3px;padding:13px 15px;width:100%;
    transition:border-color .2s,box-shadow .2s;
  }
  .kontakt-form textarea{min-height:150px;resize:vertical}
  .kontakt-form input:focus,.kontakt-form select:focus,.kontakt-form textarea:focus{
    outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(44,111,173,.13)}
  .field.error input,.field.error select,.field.error textarea{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.10)}
  .field-err{font-size:12.5px;font-weight:600;color:#c0392b;display:none}
  .field.error .field-err{display:block}
  .kontakt-form .consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:500;line-height:1.5;color:var(--text);text-transform:none;letter-spacing:normal}
  .consent input{width:19px;height:19px;margin-top:1px;flex:0 0 auto;accent-color:var(--accent);cursor:pointer}
  .consent a{color:var(--accent);text-decoration:underline;cursor:pointer}
  .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
  .btn{
    justify-self:start;font-family:'Inter',sans-serif;font-size:15px;font-weight:800;letter-spacing:.05em;
    background:var(--accent);color:#fff;border:0;border-radius:3px;padding:15px 36px;cursor:pointer;
    transition:background .2s,transform .08s;
  }
  .btn:hover{background:var(--accent-dark)}
  .btn:active{transform:translateY(1px)}
  .btn:disabled{opacity:.6;cursor:not-allowed}
  .form-status{display:none;padding:16px 20px;border-radius:3px;font-size:15px;font-weight:600;line-height:1.55}
  .form-status a{color:inherit;text-decoration:underline}
  .form-status.ok{display:block;background:#e7f2e9;border-inline-start:3px solid #2e7d46;color:#245c36}
  .form-status.err{display:block;background:#fbeae8;border-inline-start:3px solid #c0392b;color:#8f2c22}
  .captcha-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  #k-captcha{max-width:130px}
  .cap-refresh{background:none;border:0;color:var(--accent);font-size:12.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;padding:4px 0;text-decoration:underline}
  .cap-refresh:hover{color:var(--accent-dark)}
  .kontakt-side{display:flex;flex-wrap:wrap;gap:48px;padding-top:44px;border-top:1px solid var(--line-soft)}
  .kontakt-side > div{flex:1 1 220px;min-width:200px}
  .kontakt-side .mail{margin-top:6px}
  .kontakt-side p{font-size:15.5px}
  @media (max-width:820px){
    .field-row{grid-template-columns:1fr}
    .kontakt-side{gap:32px}
  }

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line-soft);padding:34px 64px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
  footer p{font-size:13px;color:var(--muted);letter-spacing:.02em}
  footer a{font-size:13px;color:var(--muted);transition:color .2s}
  footer a:hover{color:var(--accent)}
  footer .sep{color:var(--line)}

  /* ---------- OVERLAY (Impressum / Datenschutz) ---------- */
  .overlay{position:fixed;inset:0;z-index:200;background:rgba(40,42,44,.4);backdrop-filter:blur(3px);display:none;opacity:0;transition:opacity .25s}
  .overlay.open{display:block;opacity:1}
  .overlay-panel{position:absolute;top:0;inset-inline-end:0;bottom:0;width:min(640px,92vw);background:#fff;overflow-y:auto;padding:70px 56px;box-shadow:-20px 0 60px rgba(0,0,0,.12);transform:translateX(20px);transition:transform .3s}
  .overlay.open .overlay-panel{transform:none}
  .overlay-close{position:absolute;top:26px;inset-inline-end:30px;background:none;border:0;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;transition:color .2s}
  .overlay-close:hover{color:var(--accent)}
  .overlay-panel h2{font-size:28px;margin-bottom:8px}
  .overlay-panel .kap{margin-bottom:26px}
  .overlay-panel h3{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--heading);margin:30px 0 10px}
  .overlay-panel p{font-size:15px;line-height:1.7;color:var(--text);margin-bottom:12px;max-width:none}
  .legal-note{margin-top:22px;font-size:13.5px;color:var(--muted);font-style:italic}

  /* ---------- placeholder highlight ---------- */
  .ph{background:#fff6d9;box-shadow:0 0 0 2px #fff6d9;border-radius:2px}

  /* ============================================================
     SPRACHMENÜ  (Flaggen als Links zu den Sprachversionen)
     ============================================================ */
  .nav-right{display:flex;align-items:center;gap:22px}

  .langmenu{position:relative}
  .lang-trigger{
    display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--line);
    border-radius:3px;padding:6px 10px;cursor:pointer;transition:border-color .2s,background .2s;
  }
  .lang-trigger:hover{border-color:var(--accent);background:#fff}
  .lang-code{font-family:'Inter',sans-serif;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--heading)}
  .lang-caret{font-size:10px;color:var(--muted);line-height:1;transition:transform .2s}
  .langmenu.open .lang-caret{transform:rotate(180deg)}

  .lang-list{
    list-style:none;position:absolute;top:calc(100% + 10px);inset-inline-end:0;
    background:#fff;border:1px solid var(--line-soft);border-radius:3px;
    box-shadow:0 12px 34px rgba(0,0,0,.12);padding:6px;min-width:186px;
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;
  }
  .langmenu.open .lang-list{opacity:1;visibility:visible;transform:none}
  .lang-list a{
    display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:2px;
    font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;color:var(--text);
    text-transform:none;letter-spacing:normal;transition:background .15s,color .15s;
  }
  .lang-list a:hover{background:var(--bg-alt);color:var(--accent)}
  .lang-list a.is-current{color:var(--accent);font-weight:800;background:var(--bg-alt)}

  /* Flaggen – als SVG direkt im Stylesheet, keine externen Bilddateien nötig */
  .flag{
    display:inline-block;width:22px;height:15px;flex:0 0 auto;border-radius:2px;
    background-size:cover;background-position:center;
    box-shadow:0 0 0 1px rgba(0,0,0,.13);
  }
  .flag-de{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect width='24' height='16' fill='%23000'/%3E%3Crect y='5.33' width='24' height='5.34' fill='%23dd0000'/%3E%3Crect y='10.67' width='24' height='5.33' fill='%23ffce00'/%3E%3C/svg%3E")}
  .flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' fill='%23012169'/%3E%3Cpath d='M0,0 L60,40 M60,0 L0,40' stroke='%23fff' stroke-width='8'/%3E%3Cpath d='M0,0 L60,40 M60,0 L0,40' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0 V40 M0,20 H60' stroke='%23fff' stroke-width='13'/%3E%3Cpath d='M30,0 V40 M0,20 H60' stroke='%23C8102E' stroke-width='8'/%3E%3C/svg%3E")}
  .flag-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect width='8' height='16' fill='%23002395'/%3E%3Crect x='8' width='8' height='16' fill='%23fff'/%3E%3Crect x='16' width='8' height='16' fill='%23ED2939'/%3E%3C/svg%3E")}
  .flag-es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect width='24' height='16' fill='%23AA151B'/%3E%3Crect y='4' width='24' height='8' fill='%23F1BF00'/%3E%3C/svg%3E")}
  .flag-it{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect width='8' height='16' fill='%23008C45'/%3E%3Crect x='8' width='8' height='16' fill='%23fff'/%3E%3Crect x='16' width='8' height='16' fill='%23CD212A'/%3E%3C/svg%3E")}
  .flag-el{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 18'%3E%3Crect width='27' height='18' fill='%230D5EAF'/%3E%3Crect y='2' width='27' height='2' fill='%23fff'/%3E%3Crect y='6' width='27' height='2' fill='%23fff'/%3E%3Crect y='10' width='27' height='2' fill='%23fff'/%3E%3Crect y='14' width='27' height='2' fill='%23fff'/%3E%3Crect width='10' height='10' fill='%230D5EAF'/%3E%3Crect x='4' width='2' height='10' fill='%23fff'/%3E%3Crect y='4' width='10' height='2' fill='%23fff'/%3E%3C/svg%3E")}
  .flag-tr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect width='24' height='16' fill='%23E30A17'/%3E%3Ccircle cx='9' cy='8' r='4' fill='%23fff'/%3E%3Ccircle cx='10.4' cy='8' r='3.2' fill='%23E30A17'/%3E%3Cpolygon points='15.2,6 15.67,7.35 17.1,7.38 15.96,8.25 16.38,9.62 15.2,8.8 14.02,9.62 14.44,8.25 13.3,7.38 14.73,7.35' fill='%23fff'/%3E%3C/svg%3E")}
  .flag-ar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect width='24' height='16' fill='%23165d31'/%3E%3Cpath d='M4,6.4 q1.2,-1.7 2.4,0 q1.2,1.7 2.4,0 q1.2,-1.7 2.4,0 q1.2,1.7 2.4,0 q1.2,-1.7 2.4,0' stroke='%23fff' stroke-width='0.9' fill='none' stroke-linecap='round'/%3E%3Cpath d='M4.8,10.6 H17.6' stroke='%23fff' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M16.8,9.4 L19.4,10.6 L16.8,11.8 Z' fill='%23fff'/%3E%3C/svg%3E")}
  /* "uk" ist der Sprachcode für Ukrainisch (nicht für das Vereinigte Königreich) */
  .flag-uk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Crect width='24' height='16' fill='%230057B7'/%3E%3Crect y='8' width='24' height='8' fill='%23FFD700'/%3E%3C/svg%3E")}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:1080px){
    .leist-grid{grid-template-columns:1fr 1fr}
  }
  @media (max-width:960px){
    .hero{grid-template-columns:1fr;min-height:auto}
    .hero-r{min-height:52vh;order:-1}
    .hero-l{padding:60px 32px}
    .hero-l-inner{margin:0;padding-inline-start:0;max-width:600px}
    .two{grid-template-columns:1fr;gap:26px}
    .bet-grid{grid-template-columns:1fr;gap:40px}
    .leist-grid{grid-template-columns:1fr;gap:24px}
  }
  /* Die Hauptnavigation benötigt ca. 1270px. Darunter klappt sie ins Burger-Menü,
     damit Logo, Menü und Sprachauswahl nie überlappen. */
  @media (max-width:1300px){
    .nav-links{
      position:fixed;top:72px;left:0;right:0;background:#fff;flex-direction:column;gap:0;
      border-bottom:1px solid var(--line-soft);
      max-height:0;overflow:hidden;transition:max-height .32s ease;
    }
    body.menu-open .nav-links{max-height:calc(100vh - 72px);overflow-y:auto}
    .nav-links li{border-top:1px solid var(--line-soft)}
    .nav-links a{display:block;padding:16px 64px}
    .nav-burger{display:block}

    /* ---- Sprachauswahl oben im Burger-Menü ----
       Gilt in jeder Ansicht, in der das Burger-Menü aktiv ist. */
    .nav-links .lang-in-menu{
      display:block;padding:18px 64px 20px;background:var(--bg-alt);border-top:0;
    }
    .lang-in-menu-label{
      display:block;font-family:'Inter',sans-serif;font-size:11px;font-weight:800;
      letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;
    }
    .lang-in-menu .langmenu{position:static}
    .lang-in-menu .lang-trigger{display:none}
    .lang-in-menu .lang-list{
      position:static;opacity:1;visibility:visible;transform:none;
      background:none;border:0;box-shadow:none;padding:0;min-width:0;
      display:flex;flex-wrap:wrap;gap:14px;
    }
    /* Die Trennlinien der Menüpunkte dürfen nicht auf die Flaggen durchschlagen */
    .lang-in-menu .lang-list li{border-top:0}
    /* Nur die Flaggen zeigen – die Sprachnamen bleiben als aria-label erhalten */
    .lang-in-menu .lang-list a{
      display:block;padding:0;gap:0;background:none;font-size:0;line-height:0;
    }
    .lang-in-menu .lang-list a .flag{width:30px;height:20px}
    .lang-in-menu .lang-list a.is-current .flag{box-shadow:0 0 0 2px var(--accent)}
  }
  @media (max-width:760px){
    .wrap{padding-left:32px;padding-right:32px}
    .pad{padding-top:80px;padding-bottom:80px}
    nav{padding:0 24px}
    footer{padding:28px 32px}
    .nav-links a{padding:16px 24px}

    /* Kompakte Navigationsleiste. Die Werte greifen auch dann, wenn die
       Sprachauswahl (ohne JavaScript) in der Leiste stehen bleibt. */
    .nav-logo{
      font-size:13px;letter-spacing:.10em;
      min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    }
    .nav-right{gap:14px;flex:0 0 auto}
    .lang-trigger{padding:6px 8px;gap:6px}
    .lang-code{display:none}
    /* Sobald die Sprachauswahl im Burger-Menü sitzt, ist in der Leiste
       wieder Platz für ein etwas größeres Logo. */
    body.lang-in-burger .nav-logo{font-size:15px;letter-spacing:.12em}

    /* Seitenabstand der Sprachauswahl an das schmalere Menü angleichen */
    .nav-links .lang-in-menu{padding-left:24px;padding-right:24px}
    /* Etwas kleinere Flaggen, damit alle neun Sprachen in eine Zeile passen */
    .lang-in-menu .lang-list{gap:10px}
    .lang-in-menu .lang-list a .flag{width:26px;height:17px}
  }
  @media (max-width:380px){
    nav{padding:0 18px}
    .nav-logo{font-size:12px;letter-spacing:.06em}
    body.lang-in-burger .nav-logo{font-size:14px;letter-spacing:.10em}
    .nav-links a{padding:16px 18px}
    .nav-links .lang-in-menu{padding-left:18px;padding-right:18px}
    .nav-right{gap:11px}
  }

  /* ============================================================
     RECHTS-NACH-LINKS (Arabisch)
     ============================================================ */
  [dir="rtl"] .overlay-panel{box-shadow:20px 0 60px rgba(0,0,0,.12);transform:translateX(-20px)}
  [dir="rtl"] .overlay.open .overlay-panel{transform:none}
  [dir="rtl"] .hp{left:auto!important;right:-9999px!important}
  [dir="rtl"] .hero-l{padding:64px 0 64px 64px}
  [dir="rtl"] .lang-list{text-align:right}

  /* Arabische Schrift: Lora/Inter enthalten keine arabischen Zeichen */
  html[lang="ar"] body{font-family:'Noto Naskh Arabic','Segoe UI',Tahoma,sans-serif;font-size:19px}
  html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .mail{
    font-family:'Noto Naskh Arabic','Segoe UI',Tahoma,serif}
  html[lang="ar"] .kap,html[lang="ar"] .bet-col-head,html[lang="ar"] .kontakt-form label,
  html[lang="ar"] .nav-links a,html[lang="ar"] .nav-logo,html[lang="ar"] .hero-eyebrow{
    letter-spacing:normal;text-transform:none}
  html[lang="ar"] .kontakt-form input,html[lang="ar"] .kontakt-form select,
  html[lang="ar"] .kontakt-form textarea,html[lang="ar"] .btn{
    font-family:'Noto Naskh Arabic','Segoe UI',Tahoma,sans-serif}

  /* Griechisch/Türkisch: etwas geringere Sperrung, da Versalien breiter bauen */
  html[lang="el"] .kap,html[lang="el"] .bet-col-head{letter-spacing:.14em}
  html[lang="tr"] .kap,html[lang="tr"] .bet-col-head{letter-spacing:.16em}