@media(max-width:1024px) {

    .datenschutz h1,
    .datenschutz h2,
    .datenschutz h3 {
        hyphens: auto;
        overflow-wrap: break-word;
    }

    .inline {
        gap: 0;
    }

    .datenschutz h2{

        font-size: 1.5rem;
        letter-spacing: .1rem;
  

    }

    
    


    .foto {
        width: 100%;
    }

    .home {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .gap_6 {
        gap: 8rem;
    }

    .grid_konstruktion {
        grid-template-columns: 1fr;
        gap: 1rem;

        &:has(+ .grid_konstruktion) {
            border-bottom: 1px solid var(--base_light);
            padding-bottom: 2rem;
        }
        

        >:nth-child(2) {
            grid-area: 1/1;
        }
    }

    .grid_webdesign {
        grid-template-columns: 1fr;
    }

    .symbol {
        width: 40%;
    }

    .raeder {
        --width_zahnrad: 50vw !important;
    }

    .button {
        padding: .4rem;
        border-radius: .2rem;
    }

    .info {
        padding: 1.5em 1.5em 2em 1.5em;
    }



    .logo_hero_svg {
        height: 38vh;
        max-width: 100%;
    }

    .gap_large {
        gap: 4rem;
    }

    .arrow {
        bottom: 2em;
        width: 2rem;
        
    }

    .client_center {
        font-size: 1.5rem;
    }

    .card h2 {
        font-size: 1.5rem;
    }

    .flex {
        flex-wrap: wrap;
    }

    
   

}

@media(max-height:600px) {
    .card_area {
        grid-template-columns: 1fr 1fr;
    }

    .gap_large {
        gap: 3rem;
    }

    .symbol {
        width: 20%;
    }

    .logo_hero_svg {
        height: 60vh;
        max-width: 100%;
    }

    .foto {
        width: auto;
        height: 60vh;
    }
}