:root {
    --txt_color-white: #f2f2f2; /* - 2025 approved - */
    --light-white: rgba(242, 242, 242, 0.5); /* - 2025 approved - */
    --overlay-black: rgba(34,34,34,0.69); /* - 2025 approved - */
    --full-black: #000; /* - 2025 approved - */
    --dark-grey: #222; /* - 2025 approved - */
    --bg-grey: #3a3a3a;  /* - 2025 approved - */
    --fendt-caravan_blau: #004972; /* - 2025 approved - */
    --txt_color: #494949; /* - 2025 approved - */
    --light-grey: rgba(221, 221, 221, 0.5); /* - 2025 approved - */
    --txt_color-light: #666; /* - 2025 approved - */

    --box-radius: 15px; /* - 2025 approved - */
    --button-radius: 8px; /* - 2025 approved - */

    --page-font-size: 16px; /* - 2025 approved - */
    --page-font-medium: 20px; /* - 2025 approved - */
    --page-font-small: 10px; /* - 2025 approved - */
    --h1-size: 26px; /* - 2025 approved - */
    --h2-size: 26px; /* - 2025 approved - */
    --h2-size-SEOfix: 22px; /* - 2025 approved - */
    --h3-size: 20px; /* - 2025 approved - */

    --brighter-blue: #008ede; /* - 2024 approved - */
    --lightest-white: rgba(255, 255, 255, 0.3); /* - 2024 approved - */
    --medium-white: rgba(255, 255, 255, 0.69); /* - 2024 approved - */
    --semi-white: rgba(255, 255, 255, 0.5); /* - 2024 approved - */
    --light-bg: #f2f2f2; /* - 2024 approved - */

    --border-color: #999;

    --txt-shadow: 1px 2px 4.5px rgba(0, 0, 0, 0.69);
    /*
    --background-gradient: linear-gradient(to top right, var(--fendt-caravan_blau), var(--brighter-blue));
    --background-gradient-always: linear-gradient(to top right, var(--fendt-caravan_blau), var(--brighter-blue));
    */
    --background-gradient: linear-gradient(to top right, var(--fendt-caravan_blau), var(--fendt-caravan_blau));
    --background-gradient-always: linear-gradient(to top right, var(--fendt-caravan_blau), var(--fendt-caravan_blau));
    --background-gradient-blue: linear-gradient(to right, var(--fendt-caravan_blau), transparent);
    --background-gradient-black: linear-gradient(to bottom, #000, transparent);
    --background-gradient-black-lighter: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
    --background-gradient-black-lighter-bottom: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    --transition: all 1s ease-in-out;

    --section-margin-home: 50px;
    --container-padding: 15px;
    --section-padding-top: 30px;
    --img-info-pos: 10px;
    --img-txt-pos: 15px;

    --body-padding-nav: 130px;

    --nav-padding-side: 6px;
    --nav-indent-2024: 35px; /* - 2024 approved - */
    --nav-margin-inner: 30px;

    --page-font-big: 36px; /* - 2024 approved - */

    --subline-size: 20px; /* - 2024 approved - */
    --h1-size-italic: 24px;
    --h4-size: 20px; /* - 2024 approved - */

    --h1-span-size: 34px;
    --h2-span-size: 28px;

    --h1-line-height: 34px;
    --h1-italic-line-height: 40px;
    --h2-line-height: 30px;

    --h2-subpage-margin: 20px;

    --text-position-bottom: 150px;
    --subpage-text-position-bottom: 30px;

    --page-line-height: 24px;

    --button-width-fix: 85%;
    --button-width-fit: fit-content;
    --button-margin: 20px;
    --square-padding: 100%;

    --packery-col: 100%;
    --packery-gutter: 15px;
    --packery-height: 50%;

    --img-ratio-home: 420px;
    --img-ratio-big: 69%;
    --img-ratio: 50%;
    --img-ratio-triple: 50%;
    --img-ratio-vh: 100vh; /* - 2024 approved - */
}

@media (min-width: 576px) {
    :root {
        --packery-col: calc(50% - 15px / 2);
        --packery-height: calc(50% - 15px / 2);
    }
}
@media (min-width: 768px) {
    :root {
        --container-padding: 30px;
        --bs-gutter-x: 30px;
        --square-padding: 50%;
        --background-gradient: none;

        --h2-size-SEOfix: 26px; /* - 2025 approved - */

        --packery-col: calc(33.333% - 30px / 3);
        --packery-height: 220px;

        --img-ratio-big: 40%;
        --img-ratio: 27%;
        --img-ratio-triple: 90%;
    }
    .row {
        --bs-gutter-x: 30px;
    }
}
@media (min-width: 992px) {
    :root {
        --square-padding: 100%;
        --packery-height: 275px;
    }
}
@media (min-width: 1200px) {
    :root {
        --container-padding: 65px;
        --nav-indent-2024: 70px; /* - 2024 approved - */

        --packery-col: calc(16.666% - 150px / 6);
        --packery-gutter: 30px;
        --packery-height: 160px;
    }
}
@media (min-width: 1400px) {
    :root {
        --packery-height: 190px;
    }
}

@media (min-width: 1550px) {
    :root {
        --container-padding: 100px;
        --packery-height: 200px;
    }
}

@media (min-width: 1900px) {
    :root {
        --packery-height: 260px;
    }
}