/*======================================
Theme Name: kraehativ
Description: Child-Theme von Krähativ
Version: 1.0
Author: krähativ design gmbh
Author URI: https://www.kraehativ.de/
Template: Divi
======================================*/



/* FONTS – Start */

@import url('./css/all.min.css'); /* FontAwesome */

@font-face {
	font-family: 'Lufga';
	font-style: normal;
	font-weight: 300;
	src: local(''),
			 url('webfonts/Lufga-Light.otf') format('otf'),
			 url('webfonts/Lufga-Light.woff2') format('woff2'),
			 url('webfonts/Lufga-Light.otf.woff') format('woff')
}
@font-face {
	font-family: 'Lufga';
	font-style: normal;
	font-weight: 400;
	src: local(''),
			 url('webfonts/Lufga-Regular.otf') format('otf'),
			 url('webfonts/Lufga-Regular.woff2') format('woff2'),
			 url('webfonts/Lufga-Regular.otf.woff') format('woff')
}
@font-face {
	font-family: 'Lufga';
	font-style: normal;
	font-weight: 500;
	src: local(''),
			 url('webfonts/Lufga-Medium.otf') format('otf'),
			 url('webfonts/Lufga-Medium.woff2') format('woff2'),
			 url('webfonts/Lufga-Medium.otf.woff') format('woff')
}
@font-face {
	font-family: 'Lufga';
	font-style: normal;
	font-weight: 800;
	src: local(''),
			 url('webfonts/Lufga-ExtraBold.otf') format('otf'),
			 url('webfonts/Lufga-ExtraBold.woff2') format('woff2'),
			 url('webfonts/Lufga-ExtraBold.otf.woff') format('woff')
}

/* FONTS – End */


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


/* BASICS – Start */

:root {
  --hauptfarbe: #f75b03;  /* <--- EINFÜGEN:  1. Gestaltungsfarbe  */
  --zusatzfarbe: #222222; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
  --weiss: #ffffff;
  --schwarz: #000000;
  --mittelgrau: #7C7C7C;        /* <--- EINFÜGEN:  Grauwert bei Bedarf anpassen  */
  --hellgrau: #EFEFEF;        /* <--- EINFÜGEN:  Grauwert bei Bedarf anpassen  */

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

body {
  font: var(--copytext);
}


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


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


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

/* CSS for overlay START */
body .menu-overlay {
  position: fixed !important; /* fixed it */
  top: 32px; /* moves it to the top */
  width: calc(100% - 40px); /* makes it fullwidth */
  height: calc(100% - 70px); /* makes it full height of the screen */
  z-index: -1; /* moves the section behind all the rest so it is not shown */
  left: 0;
  justify-content: center; /* centers the row in the middle */
  align-items: center;  /* centers the row in the middle */
  opacity: 0; /* hides the overlay */
  overflow: hidden;
  transition: opacity 0.4s ease-in-out; /* fades it in */
  -moz-transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  pointer-events: none !important;
}

/* CSS for overlay when shown */
body .menu-overlay.show {
  opacity: 1; /* shows the overlay */
  z-index: 99999; /* moves the overlay on top of all the other sections */
pointer-events: auto !important;
}


.et_pb_menu_0_tb_header.et_pb_menu {
background-color: transparent !important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul {
flex-direction: column;
}

.et-menu li a{
font-size: 50px;
font-weight: 800;
color: var(--white);
text-transform: uppercase;
padding-bottom: 30px !important;

}

.nav li {
line-height: 1.0;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li {
  justify-content: flex-end;
}

@media screen and (min-width: 769px) {

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
  background-color: #000 !important;
}

}

.footer p a {
  font-weight: 300 !important;
  color: var(--schwarz) !important;
}

.footer p a:hover {
  color: var(--hauptfarbe) !important;
}

/* CSS for overlay END */


/* BASICS – End */


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


/* GENERAL STYLES – Start */

.custom-list ul,
.custom-list-crossed ul {
  padding: 0;
}

.custom-list li,
.custom-list-crossed li {
  margin-bottom: 10px;
  list-style: none;
  padding-left: 40px;
}

.custom-list li::before {
  content: "\f00c"!important;
	font-size: 28px;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 700;
  color: var(--hauptfarbe);
  margin-left: -40px;
  margin-right: 20px;
}

.custom-list-crossed li::before {
  content: "\f00d"!important;
	font-size: 28px;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 700;
  color: var(--hauptfarbe);
  margin-left: -40px;
  margin-right: 20px;
  vertical-align: middle;
}

.custom-list p::before  {
  content: "\f00c"!important;
	font-size: 18px;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 700;
  color: var(--hauptfarbe);
  margin-right: 10px;
}

.orange {
  color: var(--hauptfarbe);
}

/* GENERAL STYLES – End */


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


/* MENU / NAV  – Start */



/* MENU / NAV  – End */


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


/* CONTENT – Start */


.vorteile-icon i {
  font-size: 30px;
  color: var(--schwarz);
  border: 2px solid var(--hauptfarbe);
  border-radius: 50%;
  height: 62px;
  width: 62px;
  font-weight: 300;
  padding: 13px;
}
body #page-container .et_pb_section .et_pb_de_mach_view_button_0_tb_footer .et_pb_button, .et_pb_de_mach_view_button_0_tb_footer .dmach_view_btn {
  padding: 0!important;
}
/* Erfolgsgeschichten Slider Start */

#erfolgsgeschichten-slider .slick-next, 
#erfolgsgeschichten-slider .slick-prev {
  top: unset !important;
  bottom: -30px !important;
}

#erfolgsgeschichten-slider .slick-next {
  right: 48.5%;
  margin-left: 40px;
}

#erfolgsgeschichten-slider .slick-prev {
  left: 48.5%;
  margin-right: 40px;
}

#erfolgsgeschichten-slider button.slick-next::before {
  font-size: 20px !important;
  background: #fff !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  text-shadow: none !important;
  display: flex;
   justify-content: center;
   align-items: center;
}

#erfolgsgeschichten-slider button.slick-prev::before {
  font-size: 20px !important;
  background: #fff !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  text-shadow: none !important;
  display: flex;
   justify-content: center;
   align-items: center;
}

/* Erfolgsgeschichten Slider End */

/* Beiträge – Start*/

.single-post h2 {
  margin-top: 40px !important;
}

.single-post h3 {
  margin-top: 30px !important;
}

.single-post p {
  margin-top: 20px !important;
}

/* Beiträge – End*/

/* CONTENT – End */


/* Responsive – Start */
@media screen and (max-width: 1540px) and (min-width: 981px) {
  /*Intro*/
  .main-header-desktop.et_pb_section_0_tb_header.et_pb_section {
  padding-top: 60px;
  padding-bottom: 0;
}
.overlay-row.et_pb_row {
  height: calc(100vh - 215px);
}
.overlay-row .et_pb_column.overlay-img-col {
  height: 100%;
}
.overlay-img .et_pb_image_wrap,
.et_pb_module.et_pb_image.et_pb_image_0.overlay-img {
  height: 100%;
}
.overlay-img img {
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.et_pb_column.overlay-text-col {
    width: 60%;
    position: relative;
    top: 94%;
    transform: translateY(-94%);
    max-height: 100%;
}
.overlay-text-col .et_pb_text_0 h2,
.overlay-text-col .et_pb_text_0 h3 {
  font-size: 50px;
  font-size: 4vh;
}
.overlay-text-col .et_pb_text_1 {
  font-size: 22px;
  font-size: calc(14px + .7vh);
}
}
@media screen and (max-width: 980px) {
  #erfolgsgeschichten-slider.same-height-cards.et_pb_de_mach_carousel .slick-slide .et_pb_column {
    height: auto;
  }
  #erfolgsgeschichten-slider .slick-prev {
    left: 44%;
  }
  #erfolgsgeschichten-slider .slick-next {
    right: 44%;
  }
  .custom-list li::before {
    margin-right: 12px;
    vertical-align: middle;
  }
}

@media screen and (max-width: 767px) {
  #erfolgsgeschichten-slider .slick-prev {
    left: 40%;
  }
  #erfolgsgeschichten-slider .slick-next {
    right: 40%;
  }
  #erfolgsgeschichten-slider.same-height-cards.et_pb_de_mach_carousel .slick-track {
    margin: 10px 0 30px;
  }
  #erfolgsgeschichten-slider .et_pb_column {
    padding-top: 0px;
  }
  #erfolgsgeschichten-slider .dmach-acf-value, 
  #erfolgsgeschichten-slider a.et_pb_button {
    font-size: 16px!important;
  }
  .et_pb_column .et_pb_module {
    margin-bottom: 20px;
  }
  .custom-list li::before {
    margin-right: 12px;
    vertical-align: middle;
  }
  .footer-links .et_pb_column {
    margin-bottom: 10px;
  }
  .footer-links .et_pb_row .et_pb_column {
    margin-bottom: 10px;
  }
}

@media screen and (max-device-width: 940px) and (orientation: landscape) { 
  .header-section.et_pb_section_0 {
    height: auto;
  }
  .header-section .et_pb_column_0 {
    position: relative;
    bottom: 0;
  }
  .header-section  .et_pb_row_0 {
    position: relative;
    bottom: 0;
    margin-top: 100px;
    height: 100%;
    padding-bottom: 0;

  }
}

/* Responsive – End */

/* 
.et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    height: calc(100vh - 170px);
}
img.wp-image-28957 {
    width: 85%;
}


*/