:root {

    /* Colors - Lindenparkschule Heilbronn Branding */
    --bs-body-color: #626a6e;
    --bs-primary: #aebd14;
    --bs-primary-rgb: 174, 189, 20;
    --bs-secondary: #ffcc00;
    --bs-secondary-rgb: 255, 204, 0;
    --bs-tertiary-color: #003366;
    --bs-tertiary-color-rgb: 0, 51, 102;
    --bs-tertiary-bg: #003366;
    --bs-tertiary-bg-rgb: 0, 51, 102;
    --bs-light: #f6fafa;
    --bs-light-rgb: 246, 250, 250;
    --bs-dark: #3f4459;
    --bs-dark-rgb: 63, 68, 89;
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color: var(--bs-secondary);
    --bs-link-hover-color-rgb: var(--bs-secondary-rgb);

    /* Typography */
    --bs-font-sans-serif: "Urbanist", sans-serif;

    /* Define custom variables font sizes */
    --template-fs-display: 3.25rem; /* 52px */
    --template-fs-1: 2.5rem; /* 40px */
    --template-fs-2: 2rem; /* 32px */
    --template-fs-3: 1.75rem; /* 28px */
    --template-fs-4: 1.5rem; /* 24px */
    --template-fs-5: 1.25rem; /* 20px */
    --template-fs-6: 1rem; /* 16px */
}

/* custom styles font sizes */    


.custom-fs-display {
    font-size: var(--template-fs-display);
}
.custom-fs-1 {
    font-size: var(--template-fs-1);
}
.custom-fs-2 {
    font-size: var(--template-fs-2);
}
.custom-fs-3 {
    font-size: var(--template-fs-3);
}
.custom-fs-4 {
    font-size: var(--template-fs-4);
}
.custom-fs-5 {
    font-size: var(--template-fs-5);
}              
.custom-fs-6 {
    font-size: var(--template-fs-6);
}

@media (min-width: 768px) {
    .custom-fs-md-display {
        font-size: var(--template-fs-display);
    }
    .custom-fs-md-1 {
        font-size: var(--template-fs-1);
    }
    .custom-fs-md-2 {
        font-size: var(--template-fs-2);
    }
    .custom-fs-md-3 {
        font-size: var(--template-fs-3);
    }
    .custom-fs-md-4 {
        font-size: var(--template-fs-4);
    }
    .custom-fs-md-5 {
        font-size: var(--template-fs-5);
    }              
    .custom-fs-md-6 {
        font-size: var(--template-fs-6);
    }
}

@media (min-width: 922px) {
    .custom-fs-lg-display {
        font-size: var(--template-fs-display);
    }
    .custom-fs-lg-1 {
        font-size: var(--template-fs-1);
    }
    .custom-fs-lg-2 {
        font-size: var(--template-fs-2);
    }
    .custom-fs-lg-3 {
        font-size: var(--template-fs-3);
    }
    .custom-fs-lg-4 {
        font-size: var(--template-fs-4);
    }
    .custom-fs-lg-5 {
        font-size: var(--template-fs-5);
    }              
    .custom-fs-lg-6 {
        font-size: var(--template-fs-6);
    }
}

@media (min-width: 1200px) {
    .custom-fs-xl-display {
        font-size: var(--template-fs-display);
    }
    .custom-fs-xl-1 {
        font-size: var(--template-fs-1);
    }
    .custom-fs-xl-2 {
        font-size: var(--template-fs-2);
    }
    .custom-fs-xl-3 {
        font-size: var(--template-fs-3);
    }
    .custom-fs-xl-4 {
        font-size: var(--template-fs-4);
    }
    .custom-fs-xl-5 {
        font-size: var(--template-fs-5);
    }
    .custom-fs-xl-6 {
        font-size: var(--template-fs-6);
    }
}