/*
 Theme Name:   Divi Child
 Theme URI:    http://example.com/divi-child
 Description:  Divi Child Theme
 Author:       Dein Name
 Author URI:   http://example.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* Grundlegendes Styling */
svg{display:block;} strong{font-weight:600;}
html { scroll-behavior: smooth;}

/* Header Visibility */
#main-header{visibility:hidden;}
body.loaded #main-header{visibility:visible;}

/* Main Content */
#main-content{background-color:#e0d6c9 !important;}
.et_pb_section { background-color: transparent; }

/* Alignment Utilities */
.dkc-align-right{display:flex;justify-content:flex-end;}
.dkc-align-right *{text-align:left;}

/* Buttons */
.buttons-nebeneinander .et_pb_button_module_wrapper{display:inline-block;margin-right:10px;}
.buttons-nebeneinander{text-align:left !important;}
.et_pb_post_content a.small-button,a.icon-button{
  color:#93635d !important;border-radius:30px;letter-spacing:1px;line-height:1.7em !important;
  font-size:14px;font-weight:600 !important;text-transform:uppercase !important;
  padding:15px 25px !important;margin:0 5px 8px 0;background:transparent !important;
  box-shadow:none !important;text-decoration:none;text-shadow:none;border-color:#93635d !important;
  border-width:2px !important;
}
.et_pb_post_content a.small-button:hover{background:#93635d !important;color:#fff !important;}

/* Listen */
.et_pb_text ul,ul.double-outline{list-style:none;margin:1em 0;padding:0;}
.et_pb_text ul li,ul.double-outline li{position:relative;padding-left:1.5em;margin-bottom:.5em;}
.et_pb_text ul li::before,ul.double-outline li::before{
  content:"";position:absolute;left:0;top:.54em;width:.18em;height:.18em;border:4px double #93635d;border-radius:50%;
}

/* Text mit Icon */
.text-with-icon{display:inline-flex;align-items:center;gap:8px;}
.text-with-icon .et-pb-icon{font-family:"ETmodules";font-size:12px !important;line-height:1;}

/* Gallery */
.gallery .gallery-item img{border:none !important;}
@media(max-width:767px){.gallery .gallery-item{width:100% !important;height:auto !important;}}

/* Fullwidth Menu / Hamburger */
.fullwidth-menu{opacity:0;top:0;visibility:hidden;transition:all .5s ease !important;}
.fullwidth-menu-open{opacity:1 !important;top:0 !important;visibility:visible !important;}
.has_et_pb_sticky .fullwidth-menu-open{margin-top:0 !important;}
.line{display:block;position:absolute;height:4px;width:100%;max-width:70px;background:#343434;border-radius:3px;transition:.1s ease-in-out;}
.line-1{top:15px;} .line-2{top:25px;width:80%;} .line-3{top:35px;width:50%;}
.fullwidth-open.open .line-1{top:25px;transform:rotate(135deg);}
.fullwidth-open.open .line-2{display:none;}
.fullwidth-open.open .line-3{top:25px;width:100%;transform:rotate(-135deg);}
.fullwidth-open.open .line{background:#343434;}

/* Main Menu Items */
.main-menu-item ul{display:none;padding-bottom:0 !important;margin-top:20px; margin-bottom: 0px;}
.toggle-sub-menu{cursor:pointer;}

/* Preloader Overlay */
#preloader {
  position: fixed;
  inset: 0; /* Shortcut für top:0; left:0; right:0; bottom:0; */
  background: #e0d6c9;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

/* Ausblenden nach Laden */
#preloader.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* SVG-Logo Styling */
.loader-logo {
  width: 50px;
  height: auto;
  stroke: #93635d;
  fill: none;
  stroke-width: 1.5;
}

/* Zeichenanimation vorbereiten */
.loader-logo path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 2s ease forwards;
}

/* Animation */
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

/* H1 Logo */
.logo {
  text-indent: -9999px;     /* Text aus dem sichtbaren Bereich schieben */
  overflow: hidden;         /* Absichern */
  white-space: nowrap;      /* Kein Zeilenumbruch */
  line-height: 0;           /* Bildhöhe nicht beeinflussen */
}
@media only screen and (max-width: 767px) {
  .logo img {
	  height: auto;
	  width: 170px;
	}
}
.logo img {
  display: block;
  height: auto;
  width: 240px;
  margin: auto;
}



/* Vertical Kurse Home */
.home-vertical-kurse article.et_pb_post {
 background: rgba(255,255,255,0.4);
 min-height: 33.33vh;
 padding: 40px 40px 80px !important;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 border-bottom: 5px solid #b28880;
 margin:0;
}

.home-vertical-kurse article.et_pb_post a.more-link {
 text-align: right;
 padding-top: 10px !important;
 padding-right: 20px !important;
 padding-bottom: 10px !important;
 padding-left: 20px !important;
 background-color: rgba(224,215,199,0.2);
 border-radius: 30px;
 width: fit-content;
 display: block;
 margin-left: auto;
 margin-bottom: -40px;
 margin-top: 20px;
}
.home-vertical-kurse article.et_pb_post a.more-link:hover {
 background-color: rgba(224,215,199,0.6);
}



/* Font Awesome Regular */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff2") format("woff2");
  font-display: swap;
}

/* Font Awesome Brands */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff2") format("woff2");
  font-display: swap;
}