/*
 Theme Name:   Divi Child Theme
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme for Skiclub Langen
 Author:       Daniel Brunner | andersch Marketing und Design GmbH
 Template:     Divi
 Version:      1.0
 Text Domain:  divi
*/

:root {
  --container-width: 1100px;
  --site-max-width: 1920px; /* Boxed layout */

  /*
  ------------------------
  Typography
  ------------------------
  */
  --font-weight-bold: 600;

  /* Body */
  --body-line-height: 1.4;

  --text-s: clamp(0.875rem, 0.84rem + 0.15vw, 0.875rem); /* 14px */
  --text-m: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem); /* 16 → 17px */
  --text-l: clamp(1.125rem, 1rem + 0.6vw, 1.375rem); /* 18 → 22px */

  /* Headings */
  --heading-line-height: 1.15;
  --heading-font-weight: 600;

  /* Buttons */
  --text-button: 0.9375rem; /* 16px */
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/**
 * ------------------------
 * - TYPOGRAPHY
 * ------------------------
 */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  src: url('./assets/fonts/montserrat/montserrat-v31-latin-regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  src: url('./assets/fonts/montserrat/montserrat-v31-latin-regular.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'Lora';
  src: url('./assets/fonts/lora/lora-v37-latin-regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'Lora';
  src: url('./assets/fonts/lora/lora-v37-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: var(--text-m);
  line-height: var(--body-line-height);
  color: var(--body-color);

  max-width: var(--site-max-width);
  margin-inline: auto;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  font-family: 'Lora', sans-serif;
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  color: var(--heading-color);
}

/**
 * ------------------------
 * - HERO
 * ------------------------
 */
.et_pb_fullwidth_header_subhead {
  /* Position subheading before heading */
  order: -1;
}