/*!
 * fb3_v3 consolidated stylesheet
 *
 * Base styles:
 * - Imported from fb3_v2's unminified template CSS (Bootstrap + Cassiopeia-derived rules).
 *
 * Project styles:
 * - Merged/cleaned overrides from fb3_v2/css/ig-template.css.
 *
 * Note: This keeps a single stylesheet in the asset manager while we consolidate.
 * After validation, the imported base can be copied into this file for a fully standalone bundle.
 */


/* ==========================================================================
   ig overrides (merged from fb3_v2/css/ig-template.css)
   ========================================================================== */

@media (max-width: 992px) {
  .ig-module-row-3colums {
    flex-direction: column;
    max-width: 90%;           /* Gesamtbreite minus 2% (1% links + 1% rechts) */
    margin: 0 auto;           /* Zentriert den Block */
    gap: 1rem;                /* Kleinerer Abstand zwischen Modulen */
  }

  .ig-module-row-3colums .moduletable {
    width: 100%;              /* Jedes Modul nutzt volle (zentrierte) Breite */
  }
  .ig-module-row-1colums {
    flex-direction: column;
    max-width: 90%;           /* Gesamtbreite minus 2% (1% links + 1% rechts) */
    margin: 0 auto;           /* Zentriert den Block */
    gap: 0rem;                /* Kleinerer Abstand zwischen Modulen */
  padding: 5rem 0rem;
	}

  .ig-module-row-1colums .moduletable {
    width: 100%;              /* Jedes Modul nutzt volle (zentrierte) Breite */
  }

	.ig-category-desc {
        flex-direction: column;
        gap: 1.5rem;            /* Mobile: kleiner Gap */
        align-items: stretch;
    }
    .ig-image-column {
        flex: none;
        text-align: center;     /* Bild zentriert */
    }
	
	#<strong>ig-main-wrapper</strong> {
    flex-direction: column;
  }

  #ig-main-wrapper #ig-left,
  #ig-main-wrapper #ig-right,
  #ig-main-wrapper #ig-main {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 1rem;
  }

  #ig-main-wrapper #ig-main {
    order: 0;
  }

  .ig-article-fullimg {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 10vh;
    overflow: hidden;
    margin-bottom: 5rem;
  }
  .ig-article-contentimg {
    float: left;
    width: 40% !important;
    margin-right: 1rem;
  }

  .ig-article-contentimg img {
    width: 100% !important;
    height: auto !important;
  }

	
    .tags-masonry-grid {
grid-template-columns: repeat(2, 1fr);  
        gap: 0.1rem;
		height: auto;
    }
/* 1. Reihe: xx | x | xx  → Karten 1, 3 sind doppelt so breit */
.tags-masonry-grid .tag-card:nth-child(1),
.tags-masonry-grid .tag-card:nth-child(3) {
    grid-column: span 1;        /* doppelte Breite = xx */
}

/* 2. Reihe: x | xx | x  → Karte 5 ist doppelt so breit */
.tags-masonry-grid .tag-card:nth-child(5) {
    grid-column: span 1;
}
    .tag-card {
        min-height: 140px;      /* ca. halb so „mächtig“ wie Desktop-Kacheln */
        height: 1rem;
    }

    .tag-image-link img {
        object-fit: cover;
    }

    .tag-title-overlay {
        right: 1rem;
        bottom: 1rem;
        font-size: 0.9rem;
    }
}

/* Sehr kleines Handy: optional 1 Spalte */
@media (max-width: 575px) {
    .tags-masonry-grid {
        grid-template-columns: 1fr;
    }
}