/* ::-webkit-scrollbar {
	display: none;
} */

@font-face {
    font-family: 'Oak Sans'; /* Name der Schriftart */
    src: url('fonts/OakSansVF.ttf') format('truetype'); /* URL zur Font-Datei */
    font-weight: 300 800; /* Gewichtungsbereich der variablen Font */
    font-stretch: 75% 100%; /* Breitenbereich (optional, falls unterstützt) */
    font-style: normal; /* Stil, z. B. normal oder italic */
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
  --darkGreen: #004c00;
  --lightGreen: #a4f6a4;
  --purple: #4c004a;
  --pink: #ffbdf7;
  --black: #000000;
  --white: #ffffff;
  --grey: #f0f0f0;
  --blue: #00b1ff;
}


html{
    scroll-behavior: smooth;
    font-family: 'Oak Sans' !important;
    font-size: 1px;
}

@media (min-width: 320px){
    /* Header */
    header{
        background-color: var(--grey);
    }

    .headerWrapper{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
        padding-right: clamp(20rem, calc(20rem + (160 - 20) * ((100vw - 320rem) / (1920 - 320))), 160rem);
        padding-bottom: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
        padding-left: clamp(20rem, calc(20rem + (160 - 20) * ((100vw - 320rem) / (1920 - 320))), 160rem);
    }

    .headerLogo a{
        color: var(--black);
        text-decoration: none;
    }

    .headerLogo h2{
        font-size: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
        font-weight: 700;
        padding-bottom: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
    }

    .headerMenu ul{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: clamp(20rem, calc(20rem + (80 - 20) * ((100vw - 320rem) / (1920 - 320))), 80rem);
        list-style-type: none;
    }

    .headerMenu a{
        font-size: clamp(10rem, calc(10rem + (20 - 10) * ((100vw - 320rem) / (1920 - 320))), 20rem);
        font-weight: 500;
        text-decoration: none;
        color: var(--black);
    }

    .headerMenuforCompanies{
        transition: all 0.25s ease-in-out;
    }

    .headerMenuforCompanies:hover{
        color: var(--lightGreen);
    }

    .headerMenuforDrivers{
        transition: all 0.25s ease-in-out;
    }

    .headerMenuforDrivers:hover{
        color: var(--pink);
    }

    /* Data Policy Content */
    .dataPolicyContent{
        padding: clamp(20rem, calc(20rem + (160 - 20) * ((100vw - 320rem) / (1920 - 320))), 160rem);
    }

    .dataPolicyContent h1{
        font-size: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
        font-weight: 700;
        color: black;
        padding-bottom: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
    }

    .dataPolicyContent h2{
        font-size: clamp(12rem, calc(12rem + (20 - 12) * ((100vw - 320rem) / (1920 - 320))), 20rem);
        font-weight: 600;
        color: black;
    }

    .dataPolicyContent h3{
        font-size: clamp(10rem, calc(10rem + (16 - 10) * ((100vw - 320rem) / (1920 - 320))), 16rem);
        font-weight: 600;
        color: black;
    }

    .dataPolicyContent h4{
        font-size: clamp(10rem, calc(10rem + (16 - 10) * ((100vw - 320rem) / (1920 - 320))), 16rem);
        font-weight: 500;
        color: black;
    }

    .dataPolicyContent h6{
        font-size: clamp(10rem, calc(10rem + (16 - 10) * ((100vw - 320rem) / (1920 - 320))), 16rem);
        font-weight: 400;
        color: black;
        padding-bottom: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
    }

    .dataPolicyContent p{
        font-size: clamp(10rem, calc(10rem + (16 - 10) * ((100vw - 320rem) / (1920 - 320))), 16rem);
        font-weight: 400;
        color: black;
        padding-bottom: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
    }

    /* Footer */
    .footer{
        background-color: var(--darkGreen);
        padding: clamp(20rem, calc(20rem + (80 - 20) * ((100vw - 320rem) / (1920 - 320))), 80rem);
    }

    .footerWrapper{
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: clamp(10rem, calc(10rem + (80 - 10) * ((100vw - 320rem) / (1920 - 320))), 80rem);
        flex-wrap: wrap;
    }

    .footerContainerOneTop h2{
        font-size: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
        font-weight: 600;
        color: var(--pink);
    }

    .footerContainerOneTop h4{
        font-size: clamp(10rem, calc(10rem + (20 - 10) * ((100vw - 320rem) / (1920 - 320))), 20rem);
        font-weight: 400;
        color: var(--white);
        padding-bottom: clamp(20rem, calc(20rem + (40 - 20) * ((100vw - 320rem) / (1920 - 320))), 40rem);
    }

    .footerContainerOneBottom a{
        font-size: clamp(8rem, calc(8rem + (16 - 8) * ((100vw - 320rem) / (1920 - 320))), 16rem);
        font-weight: 400;
        color: var(--white);
        text-decoration: none;
    }

    .footerContainerTwo h3{
        font-size: clamp(10rem, calc(10rem + (20 - 10) * ((100vw - 320rem) / (1920 - 320))), 20rem);
        font-weight: 500;
        color: var(--white);
        padding-bottom: clamp(10rem, calc(10rem + (20 - 10) * ((100vw - 320rem) / (1920 - 320))), 20rem);
    }

    .footerContainerTwo ul{
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: clamp(10rem, calc(10rem + (20 - 10) * ((100vw - 320rem) / (1920 - 320))), 20rem);
    }

    .footerContainerTwo a{
        font-size: clamp(8rem, calc(8rem + (16 - 8) * ((100vw - 320rem) / (1920 - 320))), 16rem);
        font-weight: 400;
        color: var(--white);
        text-decoration: none;
    }

    .footerContainerThree h3{
        font-size: clamp(10rem, calc(10rem + (20 - 10) * ((100vw - 320rem) / (1920 - 320))), 20rem);
        font-weight: 500;
        color: var(--white);
        padding-bottom: clamp(10rem, calc(10rem + (20 - 10) * ((100vw - 320rem) / (1920 - 320))), 20rem);
    }

    .footerContainerThree ul{
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: clamp(10rem, calc(10rem + (20 - 10) * ((100vw - 320rem) / (1920 - 320))), 20rem);
    }

    .footerContainerThree a{
        font-size: clamp(8rem, calc(8rem + (16 - 8) * ((100vw - 320rem) / (1920 - 320))), 16rem);
        font-weight: 400;
        color: var(--white);
        text-decoration: none;
    }

    .footerContainerFour ul{
        display: flex;
        gap: clamp(10rem, calc(10rem + (40 - 10) * ((100vw - 320rem) / (1920 - 320))), 40rem);
        flex-wrap: wrap;
        list-style-type: none;
    }

    .footerContainerFour img{
        height: clamp(10rem, calc(10rem + (30 - 10) * ((100vw - 320rem) / (1920 - 320))), 30rem);
    }
}

/* Media Query 768px */
@media (min-width: 768px) {
    /* Header */
    .headerWrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .headerLogo h2{
        padding-bottom: 0;
    }
}



/* Media Query 1024px */
@media (min-width: 1024px){
    
}



/* Media Query 1920px */
@media (min-width: 1920px){
    
}