/* VersorgungsBrücke – verbindliche CD-Basis für die Startseite
 * Stand: 31.08.2026
 * Farben/Typografie gemäß Corporate Design – Farben & Logo.
 */

body.home {
  --vb-green: #1D5648;
  --vb-green-hover: #164239;
  --vb-green-light: #EEF4F1;
  --vb-apricot: #EA8167;
  --vb-apricot-hover: #D66F57;
  --vb-apricot-light: #FBEFEB;
  --vb-warm-gray: #655D59;
  --vb-text: #302D2B;
  --vb-offwhite: #FAF9F7;
  --vb-white: #FFFFFF;
  --vb-border: #E4E0DC;
  font-family: 'Manrope', Arial, Helvetica, sans-serif;
  color: var(--vb-text);
  background: var(--vb-offwhite);
}

body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home h5,
body.home h6,
body.home .site-title {
  font-family: 'Manrope', Arial, Helvetica, sans-serif;
  color: var(--vb-green);
}
body.home h1 { font-weight: 700; }
body.home h2,
body.home h3 { font-weight: 600; }
body.home p,
body.home li,
body.home input,
body.home select,
body.home textarea { font-weight: 400; }

body.home .main-navigation a,
body.home .mobile-navigation a {
  font-family: 'Manrope', Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: var(--vb-green);
}
body.home .main-navigation a:hover,
body.home .main-navigation .current-menu-item > a {
  color: var(--vb-green-hover);
}

body.home button,
body.home .button,
body.home .wp-block-button__link,
body.home input[type='submit'] {
  font-family: 'Manrope', Arial, Helvetica, sans-serif;
  font-weight: 600;
  min-height: 48px;
  border-radius: 10px;
  background: var(--vb-green);
  color: var(--vb-white);
}
body.home button:hover,
body.home .button:hover,
body.home .wp-block-button__link:hover,
body.home input[type='submit']:hover {
  background: var(--vb-green-hover);
  color: var(--vb-white);
}

body.home input:not([type='submit']):not([type='checkbox']):not([type='radio']),
body.home select,
body.home textarea {
  border-color: var(--vb-border);
  border-radius: 8px;
  color: var(--vb-text);
}

body.home a { color: var(--vb-green); }
body.home a:hover { color: var(--vb-green-hover); }

@media (min-width: 769px) {
  body.home h1 { font-size: 56px; }
  body.home h2 { font-size: 40px; }
  body.home h3 { font-size: 28px; }
  body.home { font-size: 18px; }
}

@media (max-width: 768px) {
  body.home h1 { font-size: 36px; }
  body.home h2 { font-size: 30px; }
  body.home h3 { font-size: 22px; }
  body.home { font-size: 17px; }
}