/* style.css */
.bg-hero {
    background-color: #F2EDE9;
    position: relative;
    display: flex;
    min-height: 550px;
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}

.fotobuch-banner-bg {
    background-image: url('../images/tile.webp');
    background-size: contain;
    background-size: 100vw;
    background-position: center;
    padding-bottom: 4rem !important;
}

@media (min-width: 640px) {
    .fotobuch-banner-bg {
        padding-bottom: 2rem !important;
    }
}

.image-border-radius
{
	border-radius: 0.5rem !important;
	overflow: hidden !important;
}

.e-con {
    --padding-top: 0 !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
    --pading-bottom: 0 !important;
}

.elementor-widget-text-editor .elementor-text-editor p a:not(.inline-flex),
.fotobuch-wysiwyg-content a:not(.inline-flex) {
    text-decoration: underline !important;
}

.elementor-widget-text-editor .elementor-text-editor p a:hover,
.fotobuch-wysiwyg-content a:hover,
.fotobuch-wysiwyg-content a:focus,
.fotobuch-wysiwyg-content a:active {                                                                                                                           
    color: #91a67f;                                                                                                                                                                      
}   

/* Swiper-spezifische Stile */
.swiper-container {
    width: 100%;
}

.swiper-slide {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

@media (max-width: 767px) {
    .swiper-slide {
        width: 80% !important;
    }
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Ensure checkmark color is preserved and align with text */
.fotobuch-checkmark-path {
    fill: #91a57f !important;
}

.fotobuch-checkmark-wrapper {
    display: inline-block;
}

.fotobuch-checkmark-wrapper svg {
    width: 100%;
    height: 100%;
}

/* Inline SVG alignment */
svg[width="1em"] {
    vertical-align: -0.125em;
    display: inline;
    white-space: nowrap;
    margin: 0 0.1em;
}