/**
 * Global Frontend CSS
**/

/* Goldwings kaufen hervorheben */
.menu-item-8905 > a.elementor-sub-item {
  position: relative;
  padding-left: 20px !important;
  padding-right: 48px !important;
	
  margin-bottom: 20px !important;	

  background: rgba(255, 196, 12, 0.08) !important;
  border-left: 4px solid #FFC40C !important;
  color: #fff !important;
}

/* dezenter Pfeil rechts */
.menu-item-8905 > a.elementor-sub-item::after {
  content: "→";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-52%);

  color: #FFC40C;
  font-size: 20px;
  line-height: 2;
  transition: transform 0.2s ease;
}

/* Hover */
.menu-item-8905 > a.elementor-sub-item:hover {
  color: #FFC40C !important;
  background: rgba(255, 196, 12, 0.12) !important;
}

.menu-item-8905 > a.elementor-sub-item:hover::after {
  transform: translate(4px, -52%);
}


/* =========================================
   GLOBAL SINGLE POST GALLERY
   ========================================= */

/* Make sure Elementor containers follow the real gallery height */
.single-post-gallery,
.single-post-gallery .elementor-widget-container {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
}


/* Gallery Grid */
.single-post-gallery .gallery {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    position: relative !important;
    overflow: visible !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Kill old WordPress / Elementor column and positioning rules */
.single-post-gallery .gallery-item {
    float: none !important;
    position: static !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}


/* Square image box */
.single-post-gallery .gallery-icon,
.single-post-gallery .gallery-icon a {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;

    overflow: hidden !important;
}


/* Image fills box without stretching */
.single-post-gallery .gallery-icon img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
}


/* Tablet */
@media (max-width: 1024px) and (min-width: 768px) {
    .single-post-gallery .gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .single-post-gallery .gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}