/**
 * Preisträger Portfolio Template Styles
 * Basierend auf Adobe XD Design für DFJP
 */

/* ========================================
   Font Definitions
======================================== */

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrcVIT9d0c-dYA.woff2') format('woff2');
}

/* Fallback: Raleway von Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');

/* ========================================
   CSS Variablen / Design Tokens
======================================== */

:root {
    /* Farben - Desktop Palette */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-lightblue: #B3E5FC;
    --color-beige: #E8C4B0;
    --color-lilac: #C5B3E6;
    --color-yellow: #F4E4A1;
    --color-mint: #B8F4D3;
    --color-lightgray: #E5E5E5;
    --color-gray: #C4C4C4;

    /* Farben - Preisträger spezifisch */
    --color-gold: #FFD700;
    --color-bronze: #CD7F32;

    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 40px;
    --spacing-xl: 60px;
    --spacing-xxl: 80px;

    /* Container */
    --container-max-width: 1200px;
}

/* ========================================
   Responsive Design - Mobile
======================================== */
.jurymitglieder-grid-container, .preistraeger-kategorie {
    padding: 0 50px 0 50px !important;
}


/* Jurymitglieder Texte mit Raleway */
.jurymitglieder-grid-container p,
.jurymitglieder-grid-container strong {
    font-family: 'Raleway', sans-serif !important;
}

@media only screen and (max-width: 1024px) {
    /* Jurymitglieder: 2-spaltig auf Mobile mit 20px Abstand zwischen den Spalten.
       Flex-basiert statt nth-child(odd/even), da die Jurymitglieder aus mehreren
       fusion_builder_row-Blöcken bestehen und :nth-child sich pro DOM-Elternebene
       (Row bzw. ggf. ein Avada-Wrapper dazwischen) unterschiedlich verhalten kann,
       wodurch Paare aus benachbarten Rows fälschlich einzeln statt nebeneinander
       dargestellt wurden. Flex-wrap ordnet unabhängig von odd/even immer 2 pro Zeile an. */
    .jurymitglieder-grid-container .fusion-builder-row {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .jurymitglieder-grid-container .fusion_builder_column_1_4 {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        box-sizing: border-box !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    /* Abstand zwischen Kategorie-Bild und Gewinner-Namen */
    .preistraeger-kategorie .fusion_builder_column_1_3 {
        margin-bottom: 36px !important;
    }

    /* Header "PreisträgerInnen" Text */
    .preistraeger-header p[style*="font-size: 40px"] {
        font-size: 48px !important;
        line-height: 55px !important;
    }

    /* Header Jahr */
    .preistraeger-header p[style*="font-size: 90px"] {
        font-size: 98px !important;
        line-height: 118px !important;
    }

    /* Kategorie Label "Kategorie" */
    .preistraeger-kategorie p[style*="font-size: 20px"][style*="Raleway"] {
        font-size: 32px !important;
        line-height: 36px !important;
    }

    /* Kategorienamen */
    .preistraeger-kategorie p[style*="font-size: 40px"] {
        font-size: 48px !important;
        line-height: 57px !important;
    }

    /* Preisträgernamen und Projekttitel */
    .preistraeger-kategorie p[style*="font-size: 25px"] {
        font-size: 37px !important;
        line-height: 47px !important;
    }

    /* Preisträger Beschreibungstext */
    .preistraeger-kategorie .fusion_builder_column_2_3 p[style*="font-size: 14px"] {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    /* Jurymitglieder Namen Schriftgröße */
    .jurymitglieder-grid-container strong {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }

    /* Jurymitglieder Sender/Copyright Schriftgröße */
    .jurymitglieder-grid-container p:last-child {
        font-size: 22px !important;
        line-height: 1.1 !important;
    }
}