/*======================================
Theme Name: michael-stuetz
Description: Child-Theme für michael-stuetz
Version: 1.0
Author: krähativ design gmbh
Author URI: https://www.kraehativ-design.de/
Template: Divi
======================================*/



/* FONTS – Start */


/* open-sans-300 - latin */
@font-face {
  font-family: 'WS';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('webfonts/work-sans-v9-latin-300.woff2') format('woff2'),
       url('webfonts/work-sans-v9-latin-300.woff') format('woff');
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'WS';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('webfonts/work-sans-v9-latin-300italic.woff2') format('woff2'),
       url('webfonts/work-sans-v9-latin-300italic.woff') format('woff');
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'WS';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/work-sans-v16-latin-regular.woff2') format('woff2'),
       url('webfonts/work-sans-v16-latin-regular.woff') format('woff');
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'WS';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('webfonts/work-sans-v16-latin-italic.woff2') format('woff2'),
       url('webfonts/work-sans-v16-latin-italic.woff') format('woff');
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'WS';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('webfonts/work-sans-v9-latin-500.woff2') format('woff2'),
       url('webfonts/work-sans-v9-latin-500.woff') format('woff');
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'WS';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('webfonts/XXX.woff2') format('woff2'),
       url('webfonts/XXX.woff') format('woff');
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'WS';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('webfonts/work-sans-v9-latin-600.woff2') format('woff2'),
       url('webfonts/work-sans-v9-latin-600.woff') format('woff');
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'WS';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('webfonts/work-sans-v9-latin-600italic.woff2') format('woff2'),
       url('webfonts/work-sans-v9-latin-600italic.woff') format('woff');
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'FA';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/fa-regular-400.woff2') format('woff2'),
       url('webfonts/fa-regular-400.woff') format('woff');
}

/* FONTS – End */


/* ---------------------------- */


/* BASICS – Start */

:root {
  --hauptfarbe: #ffd24f;  /* <--- EINFÜGEN:  1. Gestaltungsfarbe  */
  --zusatzfarbe: #FFF5D8; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
  --weiss: #ffffff;
  --schwarz: #000000;
  --grau: #555555;        /* <--- EINFÜGEN:  Grauwert bei Bedarf anpassen  */

  --headlines: normal normal 500 20px/1.5 WS; /* <--- EINFÜGEN:  Hauptschriftart für Überschriften ...  */
  --copytext: normal normal 500 16px/1.5 WS ; /* <--- EINFÜGEN:  Schriftart für Copytext ...  */
}

body {
  font: var(--copytext);
  word-wrap: break-word !important;
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font: var(--headlines);
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  color: var(--schwarz);
}


h2.et_pb_module_header {
    padding-block: 0 !important;

}

a {
  color: var(--hauptfarbe);
  font-weight: 700;
}


.et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
font-family: 'FA';
}

.et_pb_toggle_title:before {
    color: #FFD24F;
    font-size: 20px;
}


.icon-scroll {
  position: absolute;
  bottom: 30px;
  right: 0px;
  width: 1em;
  height: 3.125em;
  transform: translateX(-50%) scale(2);
  z-index: 99999;
}

.icon-arrows::after,
.icon-arrows::before {
  content: '';
}
.icon-arrows span,
.icon-arrows::after,
.icon-arrows::before {
  box-sizing: border-box;
  display: block;
  width: 0.315em !important;
  height: 0.315em !important;
  border-right: 1px solid rgba(0,0,0,.8);
  border-bottom: 1px solid rgba(0,0,0,.8);
  margin: 0 0 0.125em 0.315em;
  transform: rotate(45deg);
  animation: mouse-scroll 1s infinite;
  animation-direction: alternate;
}

.icon-arrows::before {
  margin-top: 0.315em;
  animation-delay: .1s;
}

.icon-scroll span {
  animation-delay: .2s;
}

.icon-arrows::after {
  animation-delay: .3s;
}

.icon-scroll .mouse {
  height: 1.375em;
  width: .875em;
  border: 1px solid rgba(0,0,0,.8);
  border-radius: 2em;
}

.icon-scroll .wheel {
  position: relative;
  display: block;
  height: 0.1875em;
  width: 0.1875em;
  margin: 0.1875em auto 0;
  background: rgba(0,0,0,.8);
  animation: mouse-wheel 1.2s ease infinite;
  border-radius: 50%;
}

@keyframes mouse-wheel {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(.375em);
  }
}

@keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

/* BASICS – End */


/* ---------------------------- */


/* GENERAL STYLES – Start */

.et_pb_tab_content h3 {
    font-size: 35px;
    color: var(--hauptfarbe);
}

.et_pb_tabs_controls li a {
    font-size: 18px;
    text-transform: uppercase;
}

.et_pb_tabs_controls li {
    padding: 15px 0px;
    width: 33.33%;
    text-align: center;
}

@media (max-width: 767px) {
  ul.et_pb_tabs_controls>li {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  #register-row>.et_pb_tabs_controls {
    display: flex;
  }
  #register-row>.et_pb_tabs_controls>li {
    justify-content: center;
    align-items: center;
    display: flex;
  } 
}

.et_pb_number_counter.et_pb_with_title .percent {
    margin-bottom: 0px;
}


.kontaktformular input[type="text"],
.kontaktformular input[type="email"] {
	width: 100%;
	height: 40px;
	padding: 15px;
	border-radius: 3px;
	border: none;
}

.kontaktformular input[type="submit"] {
	background-color: var(--hauptfarbe);
	width: 100%;
	height: 50px;
	padding: 15px;
	border-radius: 3px;
	border: none;
	font-size: 18px;
	margin-top: 20px;
}


.kontaktformular textarea {
	width: 100%;
	height: 300px;
	padding: 15px;
	border-radius: 3px;
	border: none;
}


/* GENERAL STYLES – End */


/* ---------------------------- */


/* MENU / NAV  – Start */



/* MENU / NAV  – End */


/* ---------------------------- */


/* CONTENT – Start */




/* CONTENT – End */