/* =============================================================================
 * accessibility_widget trigger
 * ========================================================================== */
 
.accessibility_widget_trigger {
/* 	background: #2a68a4; */
	background: #452f88;	
	color: #fff;
}


/* =============================================================================
 * some styles F+F
 * ========================================================================== */

.ce_gallery .capt {
    /* font-size: smaller; */
	padding: 1em;
}


/* =============================================================================
 * Flexbox Kette F+F
 * ========================================================================== */

/* 1. Die Spalte selbst muss zum Flex-Container werden, um die Höhe weiterzugeben */
.same_height .column {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Alle umschließenden Container bis zur Box auf 100% zwingen */
.same_height .attributes,
.same_height .same-height-wrap,
.same_height .ce_fancybox,
.same_height .atropos-scale,
.same_height .atropos-rotate,
.same_height .atropos-inner {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

/* 3. Die eigentliche Inhaltsbox (.inside) strecken */
.same_height .inside {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    justify-content: space-between !important;
}

/* 4. Den Content-Bereich wachsen lassen, damit der Button unten landet */
.same_height .inside .content {
    flex-grow: 1 !important;
}


/* =============================================================================
 * Flexbox Styles div. F+F
 * ========================================================================== */

/* Bild FancyBox mittig  */
.same_height .ce_fancybox {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Das vorhandene Overlay-Element stylen */
.same_height .ce_fancybox .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Ein Verlauf von oben (heller) nach unten (dunkler) */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.6) 100%
    );
    z-index: 1; /* Hinter den Text, aber vor das Bild */
    pointer-events: none; /* Klicks gehen durch das Overlay zum Link */
}

/* Sicherstellen, dass der Inhalt über dem Overlay liegt */
.same_height .ce_fancybox .inside {
    position: relative;
    z-index: 2;
}