/* =========================================================
   Intro – Wissenschaftlicher Ausschuss
   ---------------------------------------------------------
   Zweck:
   Layout- und Darstellungsanpassungen für den Abschnitt
   „Wissenschaftlicher Ausschuss“ auf der Website.
   Optimiert die Spaltenstruktur, Bildausrichtung und das
   responsive Verhalten dieses Bereichs.
   ---------------------------------------------------------
   Autor: Wimmer IT-Services
   Ort: /custom/css/wissenschaftlicher-ausschuss.css
   
   ========================================================= */


/* ---------------------------------------------
   CONTAINER-LAYOUT
   ---------------------------------------------
   - Setzt flexibles Layout für den gesamten Abschnitt
   - Verhindert Umbrüche, sorgt für durchgehende Zeilenstruktur
   - Entfernt Maximalbreite des Containers
------------------------------------------------ */
body .intro-wissenschaftlicher-ausschuss .row_col_wrap_12.col.span_12 {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
}


/* ---------------------------------------------
   TEXT-SPALTE
   ---------------------------------------------
   - 50%-Breite links
   - Zentrierte vertikale Ausrichtung
------------------------------------------------ */
body .intro-wissenschaftlicher-ausschuss .row_col_wrap_12.col.span_12 > .vc_col-sm-6:first-child {
    width: 50% !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
}


/* ---------------------------------------------
   BILD-SPALTE
   ---------------------------------------------
   - 50%-Breite rechts
   - Rechtsbündige Bildausrichtung
------------------------------------------------ */
body .intro-wissenschaftlicher-ausschuss .row_col_wrap_12.col.span_12 > .vc_col-sm-6:last-child {
    width: 50% !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important; /* Rechtsbündige Ausrichtung */
}


/* ---------------------------------------------
   INNERE SPALTEN-WRAPPER
   ---------------------------------------------
   - Stellt sicher, dass innere Wrapper die volle Breite nutzen
------------------------------------------------ */
body .intro-wissenschaftlicher-ausschuss .vc_column-inner {
    width: 100% !important;
}


/* ---------------------------------------------
   BILDCONTAINER
   ---------------------------------------------
   - Flexible Breite passend zum Bild
   - Rechtsbündige und vertikal zentrierte Ausrichtung
   - Leichter Innenabstand links
------------------------------------------------ */
body .intro-wissenschaftlicher-ausschuss .img-with-aniamtion-wrap {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-left: 25px !important;
}


/* ---------------------------------------------
   BILD-STYLING
   ---------------------------------------------
   - Keine feste Höhe, vollständige Skalierung
   - Bild behält Seitenverhältnis
------------------------------------------------ */
body .intro-wissenschaftlicher-ausschuss .img-with-aniamtion-wrap img.img-with-animation {
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}


/* ---------------------------------------------
   TEXTCONTAINER
   ---------------------------------------------
   - Entfernt Standard-Margins für saubere Ausrichtung
------------------------------------------------ */
body .intro-wissenschaftlicher-ausschuss .wpb_text_column.wpb_content_element {
    width: 100% !important;
    margin-bottom: 0 !important;
}


/* ---------------------------------------------
   RESPONSIVE ANPASSUNGEN
   ---------------------------------------------
   - Bei schmalen Viewports (unter 1000px):
     - Spalten untereinander anordnen
     - Inhalte zentrieren
     - Padding reduzieren
------------------------------------------------ */
@media only screen and (max-width: 999px) {

    body .intro-wissenschaftlicher-ausschuss .row_col_wrap_12.col.span_12 {
        flex-direction: column !important;
    }
    
    body .intro-wissenschaftlicher-ausschuss .row_col_wrap_12.col.span_12 > .vc_col-sm-6:first-child,
    body .intro-wissenschaftlicher-ausschuss .row_col_wrap_12.col.span_12 > .vc_col-sm-6:last-child {
        width: 100% !important;
        margin-bottom: 20px !important;
        justify-content: center !important; /* Zentrale Ausrichtung */
    }
    
    body .intro-wissenschaftlicher-ausschuss .img-with-aniamtion-wrap {
        justify-content: center !important;
        padding-left: 0 !important;
    }
    
    body .intro-wissenschaftlicher-ausschuss .img-with-aniamtion-wrap img.img-with-animation {
        width: 100% !important;
    }
}