/*
 Theme Name:     Die Hinzmann Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 Author:         Elegant Themes
 Author URI:     https://divi.world
 Template:       Divi
 Version: 4.18.1
*/
 
/* ------------------------------------------------------ */

/*VARIABLES*/
:root {
     --primary: #EA0038;
     --text: #191919;
     --light: #FDFDFD;
}

/*FONTS*/
/* Hajime Sans */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Hajime Sans';
font-style: normal;
font-weight: 300;
src: url('./fonts/Hajime-Sans.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Hajime */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Hajime';
font-style: normal;
font-weight: 300;
src: url('./fonts/Hajime.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
     font-style: normal;
     font-weight: 400;
     src: url('./fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - 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: 'Montserrat';
     font-style: italic;
     font-weight: 400;
     src: url('./fonts/montserrat-v29-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
     font-style: normal;
     font-weight: 700;
     src: url('./fonts/montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - 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: 'Montserrat';
     font-style: italic;
     font-weight: 700;
     src: url('./fonts/montserrat-v29-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*BASICS*/
html {
     overflow-x: hidden;
}
body {
     font-family: 'Montserrat', Helvetica, sans-serif;
     color: var(--text);
     background-color: var(--text);
     font-weight: 400;
}

p {
     line-height: 1.7em !important;
}

h1, h2, h3, h4, h5 {
     font-family: 'Hajime Sans', Helvetica, sans-serif;
     color: var(--text);
     font-weight: normal !important;
} 

#main-content h1 {
     font-size: clamp(34px, 7.4vw, 180px);
     line-height: 0.9 !important;
}

#main-content h2 {
     font-size: clamp(22px, 3vw, 45px);
     line-height: 1.2;
}

#main-content h3,
#main-content h5 {
     font-size: clamp(28px, 4vw, 60px) !important;
     line-height: 1.0;
     color: var(--light);
}

#main-content h4 {
     font-family: 'Hajime', Helvetica, sans-serif;
     font-size: clamp(28px, 4vw, 80px) !important;
     line-height: 1.0;
     color: var(--primary);
}

#main-content .big h2 {
     font-size: clamp(34px, 15vw, 180px) !important;
     line-height: 0.9 !important;
}

#main-content .big h4 {
     font-size: clamp(28px, 6vw, 100px) !important;
}

@media only screen and (max-width: 981px) {
     body {
          hyphens: auto;
     }
     p {
          font-size: 16px;
     }
     #main-content h1 {
          font-size: clamp(34px, 15vw, 100px) !important;
     }
     #main-content h4 {
          font-size: clamp(28px, 10vw, 80px) !important;
     }
}

/*MENU*/
.mobile_menu_bar:before {
     color: var(--text);
}

/*Accordeon*/
.et_pb_accordion_item {
     border-bottom: 1px solid var(--light) !important;
}

/*Kacheln*/
.flip-card {
  background-color: var(--text);
  width: 100%;
  height: 200px;
  perspective: 1000px;
  margin-bottom: 20px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card h3, .flip-card h4 {
     color: var(--light) !important;
     padding-bottom: 0;
     margin-bottom: 0;
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--light);
}

.flip-card-front {
  background-color: var(--text);
  color: var(--light);
}

.flip-card-back {
  background-color: var(--text);
  color: var(--light);
  transform: rotateY(180deg);
  text-align: center;
}

/*SLIDER*/
.slick-slider .et_pb_module {
     padding: 15px;
}
.slick-prev, .slick-next  {
     top: -25px !important;
}
.slick-prev::before, .slick-next::before {
     color: var(--light) !important;
     font-family: ETmodules !important;
     font-size: 80px !important;
     opacity: 1 !important;
}
.slick-next {
     right: 30px !important;
}
.slick-next::before {
     content: "\35" !important;
}
.slick-prev {
     left: 30px !important;
}
.slick-prev:before {
     content: "\34" !important;
}

/*HELPER*/
@media (min-width: 980px) {
     .d-flex {
          display: flex;
     }
     .align-center {
          align-items: center;
     }
     .justify-center {
          justify-content: center;
     }
}