/*=========================== Typography ============================ */
/* poppins light (300) */
@font-face {
    font-family: 'poppins';
    src: url('/assets/fonts/poppins-light.eot'); /* IE9 Compatibility */
    src: url('/assets/fonts/poppins-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/poppins-light.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/poppins-light.woff') format('woff'), /* Slightly older browsers */
         url('/assets/fonts/poppins-light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/assets/fonts/poppins-light.svg#poppins') format('svg'); /* Legacy iOS */
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* poppins regular (400) */
@font-face {
    font-family: 'poppins';
    src: url('/assets/fonts/poppins-regular.eot'); /* IE9 Compatibility */
    src: url('/assets/fonts/poppins-regular.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/poppins-regular.woff2') format('woff2'),
         url('/assets/fonts/poppins-regular.woff') format('woff'),
         url('/assets/fonts/poppins-regular.ttf') format('truetype'),
         url('/assets/fonts/poppins-regular.svg#poppins') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* poppins medium (500) */
@font-face {
    font-family: 'poppins';
    src: url('/assets/fonts/poppins-medium.eot'); /* IE9 Compatibility */
    src: url('/assets/fonts/poppins-medium.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/poppins-medium.woff2') format('woff2'),
         url('/assets/fonts/poppins-medium.woff') format('woff'),
         url('/assets/fonts/poppins-medium.ttf') format('truetype'),
         url('/assets/fonts/poppins-medium.svg#poppins') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* poppins semibold (600) */
@font-face {
    font-family: 'poppins';
    src: url('/assets/fonts/poppins-semibold.eot'); /* IE9 Compatibility */
    src: url('/assets/fonts/poppins-semibold.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/poppins-semibold.woff2') format('woff2'),
         url('/assets/fonts/poppins-semibold.woff') format('woff'),
         url('/assets/fonts/poppins-semibold.ttf') format('truetype'),
         url('/assets/fonts/poppins-semibold.svg#poppins') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* poppins bold (700) */
@font-face {
    font-family: 'poppins';
    src: url('/assets/fonts/poppins-bold.eot'); /* IE9 Compatibility */
    src: url('/assets/fonts/poppins-bold.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/poppins-bold.woff2') format('woff2'),
         url('/assets/fonts/poppins-bold.woff') format('woff'),
         url('/assets/fonts/poppins-bold.ttf') format('truetype'),
         url('/assets/fonts/poppins-bold.svg#poppins') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Tangerine Regular (400) */
@font-face {
    font-family: 'Tangerine';
    src: url('/assets/fonts/tangerine_regular-webfont.eot'); /* IE9 Compatibility */
    src: url('/assets/fonts/tangerine_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/tangerine_regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/tangerine_regular-webfont.woff') format('woff'),
         url('/assets/fonts/tangerine_regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/tangerine_regular-webfont.svg#Tangerine') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Tangerine Bold (700) */
@font-face {
    font-family: 'Tangerine';
    src: url('/assets/fonts/tangerine_bold-webfont.eot'); /* IE9 Compatibility */
    src: url('/assets/fonts/tangerine_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/tangerine_bold-webfont.woff2') format('woff2'),
         url('/assets/fonts/tangerine_bold-webfont.woff') format('woff'),
         url('/assets/fonts/tangerine_bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/tangerine_bold-webfont.svg#Tangerine') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



/* Zentriert Listeneinträge #*/
.list-icons {
    display: flex;
    flex-direction: column; /* Stellt sicher, dass die Liste vertikal bleibt */
    align-items: center; /* Zentriert die Listeneinträge horizontal */
}

/* Kontakt Icons */
.row.text-center.pb-3.pt-4 {
    display: flex; /* Aktiviert Flexbox */
    justify-content: center; /* Zentriert die Elemente horizontal */
    align-items: center; /* Zentriert die Inhalte vertikal */
    flex-wrap: wrap; /* Ermöglicht Umbruch für kleinere Bildschirme */
    gap: 30px; /* Abstand zwischen den Blöcken */
    text-align: center; /* Zentriert Text innerhalb der Blöcke */
}

.row.text-center.pb-3.pt-4 .col-lg-3,
.row.text-center.pb-3.pt-4 .col-md-6 {
    flex: 0 1 25%; /* Jeder Block nimmt 25% des Containers ein */
    max-width: 25%; /* Maximale Breite von 25% */
    box-sizing: border-box; /* Beinhaltet Padding und Margin in der Brechnung */
    min-width: 200px; /* Mindestbreite für Blöcke */
    display: flex; /* Flexbox innerhalb des Blocks */
    flex-direction: column; /* Inhalte vertikal anordnen */
    justify-content: center; /* Inhalte vertikal zentrieren */
    align-items: center; /* Inhalte horizontal zentrieren */
}

/* Abstand bei Überschriften vergrößern */
@media (max-width: 768px) { /* Anpassung für Tablets und kleiner */
    .custom-font-size-1, 
    .custom-font-size-2 {  
        font-size: 1.5rem; /* Kleinere Schriftgröße */
        line-height: 1.0;  /* Etwas mehr Zeilenhöhe für bessere Lesbarkeit */
    }
}