/*
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/
Description: Child Theme für Divi 5 
Author: Dreispringer GmbH
Author URI: https://dreispringer.de
Template: Divi
Version: 1.0.0
Text Domain: divi-child
*/


/* barlow-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/Divi-Child/fonts/barlow-v13-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Fonts nur im Frontend */
#main-content * {
    font-family: "Barlow", sans-serif;
}

#main-content h1 {
	font-size: 80px;
	font-weight: 700;
	text-transform: uppercase;
}

#main-content h2 {
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--gcid-primary-color);
    line-height: 1.2;
}

#main-content .header-text h1,
#main-content .header-text h2 {
    color: #fff;
    text-transform: none;
}

.header-text span {
    color: var(--gcid-primary-color);
}

/* Header-Logos */

.header-logos {
    display: flex;
    align-items: center;
    gap: 30px;
    height: 55px;
}

.logo-pair {
    position: relative;
    display: block;
    flex: 0 0 auto;
}

/* Spree-Bogen */
.logo-pair--spreebogen {
    height: 55px;
}

/* Der Bogen */
.logo-pair--bogenhaus {
    height: 25px;
    margin-top: 5px;
}

.logo-variant {
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
}

/* Bunte Logos */
.logo-variant--default {
    position: relative;
    z-index: 1;

    opacity: 1;
    transition: opacity .18s ease;
}

/* Weiße Logos */
.logo-variant--white {
    position: absolute;
    top: 0;
    left: 0;

    z-index: 2;

    opacity: 0;
    pointer-events: none;

    transition: opacity .18s ease;
}

/* Dunkler Hintergrund */

body.header-on-dark .logo-variant--default {
    opacity: 0;
}

body.header-on-dark .logo-variant--white {
    opacity: 1;
}