/*
 Theme Name: Divi Child
 Theme URI: https://deine-domain.ch
 Description: Child Theme für Divi (Skilift Hampy & Alp Bütschi)
 Author: Dein Name
 Template: Divi
 Version: 1.1
*/

/* =========================================================
   1. Lokale Fonts
   ========================================================= */

/* Lora – Regular bis Bold */
@font-face {
  font-family: 'Lora';
  src: url('/wp-content/themes/divi-child/fonts/Lora-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/wp-content/themes/divi-child/fonts/Lora-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/wp-content/themes/divi-child/fonts/Lora-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/wp-content/themes/divi-child/fonts/Lora-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Source Sans 3 – Regular bis Bold */
@font-face {
  font-family: 'SourceSans3';
  src: url('/wp-content/themes/divi-child/fonts/SourceSans3-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SourceSans3';
  src: url('/wp-content/themes/divi-child/fonts/SourceSans3-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SourceSans3';
  src: url('/wp-content/themes/divi-child/fonts/SourceSans3-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SourceSans3';
  src: url('/wp-content/themes/divi-child/fonts/SourceSans3-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   2. Farbpalette (Variablen)
   ========================================================= */
:root {
  --hellblau: #7EACD9;
  --sonnengelb: #FFCA28;
  --dunkelblau: #1E3A5F;
  --naturgruen: #88B04B;
  --warmocker: #EDE3D1;
  --anthrazit: #3C3A36;
}

/* =========================================================
   3. Grundtypografie
   ========================================================= */
body, p, li {
  font-family: 'SourceSans3', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

strong, b {
  font-weight: 600 !important;
}

em, i {
  font-style: italic !important;
}

/* =========================================================
   4. Überschriften (Lora)
   ========================================================= */
h1, h2, h3, h4 {
  font-family: 'Lora', serif !important;
  color: var(--dunkelblau);
  line-height: 1.3;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 3.2rem;
  font-weight: 700 !important;
}

h2 {
  font-size: 2.4rem;
  font-weight: 600 !important;
}

h3 {
  font-size: 1.8rem;
  font-weight: 500 !important;
}

h4 {
  font-size: 1.4rem;
  font-weight: 500 !important;
}

/* =========================================================
   5. Links & Buttons
   ========================================================= */
a, a:visited {
  color: var(--hellblau);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover, a:focus, a:active {
  color: var(--dunkelblau);
  text-decoration: none !important;
}

button:hover,
.et_pb_button:hover {
  background-color: var(--dunkelblau);
  color: #fff;
}

/* =========================================================
   6. Responsive Typografie
   ========================================================= */

/* Desktop (Standard) */
body, p, li {
  font-size: 18px;
  line-height: 1.6;
}

h1 { font-size: 3.2rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.4rem; }

/* Tablet */
@media (max-width: 980px) {
  body, p, li {
    font-size: 16px;
    line-height: 1.5;
  }

  h1 { font-size: 2.6rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.6rem; }
  h4 { font-size: 1.3rem; }
}

/* Handy */
@media (max-width: 767px) {
  body, p, li {
    font-size: 15px;
    line-height: 1.5;
  }

  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.8rem; }
  h3 { font-size: 1.4rem; }
  h4 { font-size: 1.2rem; }
}

/* =========================================================
   7. Farbthemen Sommer & Winter
   ========================================================= */

/* Sommerfarben erzwingen */
.sommer h1,
.sommer h2,
.sommer h3,
.sommer h4,
.sommer p,
.sommer a {
  color: var(--anthrazit) !important;
}

/* Winterfarben erzwingen */
.winter h1,
.winter h2,
.winter h3,
.winter h4,
.winter p,
.winter a {
  color: var(--dunkelblau) !important;
}

/* Divi-spezifische Überschriften überschreiben */
.sommer .et_pb_module_header,
.sommer .et_pb_text h2,
.sommer .et_pb_text h3 {
  color: var(--anthrazit) !important;
}

.winter .et_pb_module_header,
.winter .et_pb_text h2,
.winter .et_pb_text h3 {
  color: var(--dunkelblau) !important;
}

/* KONTAKTFORMULAR */
/* Formular-Titel */
.wpforms-title {
  font-family: 'Lora', serif;
  font-weight: 700;
  color: var(--dunkelblau);
  font-size: 1.8rem;
}

/* Beschriftungen (Labels) */
.wpforms-field-label {
  font-family: 'SourceSans3', sans-serif;
  font-weight: 600;
  color: var(--anthrazit);
  font-size: 1rem;
}

/* Eingabefelder */
.wpforms-field input,
.wpforms-field textarea,
.wpforms-field select {
  font-family: 'SourceSans3', sans-serif;
  font-weight: 400;
  color: var(--anthrazit);
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Button */
.wpforms-submit {
  font-family: 'Lora', serif;
  font-weight: 600;
  background-color: var(--dunkelblau);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.wpforms-submit:hover {
  background-color: var(--hellblau);
  color: var(--anthrazit);
}

.skilift-section-erwartung .et_pb_column_1_4{
	min-height:375px;
}

.skilift-section-erwartung2 .et_pb_column_1_4{
	min-height:400px;
}