/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

.sbi_load_btn, .sbi_follow_btn{
	border-radius:100px !important;
}

.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{
	border-radius:100px !important;
}

.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}

.bewerben-button{
color: #FFFFFF !important;
border-radius: 100px;
text-transform: uppercase !important;
background-color: #d60000;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
font-size: 20px;
font-weight: 500;
padding: .3em 1em;
line-height: 1.7em !important;
border:2px Solid #d60000;
}

.bewerben-button:hover{
color: #d60000 !important;
background-color: #FFFFFF;
border:2px Solid #d60000;
}

/* =============================
   Hero-Bereich stabilisieren
============================= */
.hero-container {
    min-height: 600px; /* Desktop */
    overflow: hidden;
}

@media (max-width: 980px) { /* Tablet */
    .hero-container {
        min-height: 400px;
    }
}

@media (max-width: 767px) { /* Mobile */
    .hero-container {
        min-height: 300px;
    }
}

/* =============================
   Produktbilder stabilisieren
============================= */
.product-image img {
    width: 100%;
    aspect-ratio: 4/3; /* Platz für Bild reservieren */
    display: block;
}

/* =============================
   Produkt-Container fixieren
============================= */
.product-container {
    min-height: 300px; /* Desktop */
}

@media (max-width: 980px) { /* Tablet */
    .product-container {
        min-height: 250px;
    }
}

@media (max-width: 767px) { /* Mobile */
    .product-container {
        min-height: 200px;
    }
}

/* =============================
   Slider / Fullwidth-Module stabilisieren
============================= */
.et_pb_slider, .et_pb_fullwidth_slider {
    min-height: 500px; /* Desktop */
    overflow: hidden;
}

@media (max-width: 980px) { /* Tablet */
    .et_pb_slider, .et_pb_fullwidth_slider {
        min-height: 400px;
    }
}

@media (max-width: 767px) { /* Mobile */
    .et_pb_slider, .et_pb_fullwidth_slider {
        min-height: 300px;
    }
}

/* =============================
   Fonts stabilisieren
============================= */
body {
    font-display: swap; /* Verhindert Sprünge beim Schriftladen */
}