/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/*map*/
.wpmb-map {
       border-radius: 0px!important;
}



/* SLIDER Start ------------------------------ */

/* -------------------------------------------
   ZOOM-EFFEKT
------------------------------------------- */

/* Alle nicht aktiven Bilder verkleinern */
.myrevwrapper sr7-carousel sr7-slide sr7-bg canvas {
    transform: scale(.92) !important;
    transform-origin: center center !important;
    transition: transform 0.6s cubic-bezier(.6,0,.2,1) !important;
}

/* Aktiven Slide vergrößern */
.myrevwrapper sr7-carousel sr7-slide.is-centered sr7-bg canvas {
    transform: scale(1) !important;
}


/* -------------------------------------------
   NAVIGATIONSPFEILE
------------------------------------------- */

.myrevwrapper sr7-arrow.custom {
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    background: #ceaa66 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    z-index: 150 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.15) !important;
    transition: background .3s ease !important;
}

/* Pfeil-Icons */
.myrevwrapper sr7-arrow.custom::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 12px !important;
    height: 12px !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    background: transparent !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
}

/* Pfeil links */
.myrevwrapper sr7-arrow.sr7-leftarrow::before {
    transform: translate(-30%, -50%) rotate(135deg) !important;
}

/* Pfeil rechts */
.myrevwrapper sr7-arrow.sr7-rightarrow::before {
    transform: translate(-70%, -50%) rotate(-45deg) !important;
}

/* Hover – nur Hintergrundfarbe ändern */
.myrevwrapper sr7-arrow.custom:hover {
    background: #770014 !important;
}

/* -------------------------------------------
   NAVIGATION BULLETS
------------------------------------------- */

.myrevwrapper sr7-bullets.custom sr7-bullet {
    border-radius: 14px !important;
    background: #ceaa66 !important;
    transition: background .3s ease !important;
}

.myrevwrapper sr7-bullets.custom sr7-bullet.selected {
    background: #770014 !important;
}

/* SLIDER Ende ------------------------------ */


/* FLAT BOX – Bildformat 3:2 */

.flatbox-3-2 .flat_box .photo_wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    height: auto !important;
    overflow: hidden;
}

/* Nur das eigentliche Foto */
.flatbox-3-2 .flat_box .photo_wrapper > img.photo {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center;
}

/* Icon über dem Bild */
.flatbox-3-2 .flat_box .photo_wrapper .icon {
    position: absolute;
    z-index: 2;
}