@media (max-width:40em) {
    .with_button h4{
        margin-bottom: 3em;
    }

    .kapitel_grid {
        gap: 0.5em;
    }

    .kapitel {
        transform: rotate(-60deg);
        float:left;
        margin-right: -2em;
        margin-left: -2em;
        margin-bottom: 3em;
        margin-top: 2em;
    }
}

@media (max-width:70em) {
    .form {
        width: 90%;
    }

    .kapitel_label {
        font-size: 1em;
    }  
}

@media (max-width:60em) {
    .video-container_small video {
        width: 80%;
    }

    .field-option input {
        margin-left: 0.1em;
        width: 1em;
        height: 1em;
    }

    .normal {
        display: none;
    }

    .schmal {
        display: block;
        height: fit-content;
    }

    .arrow svg {
        height: 0.5em;
        display: none;
    }

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

    .width_70 {
        width: 90vw;
    }
  	
  	.grid_vermesse {
        padding: 0.5em;
    }

    .margin_bottom {
        margin-bottom: 1em;
    }
    
    .item2 {
        margin-bottom: 5em;
    }
    
    
}




@media (min-width:60em) {
    .grid_news {
        grid-template-columns: repeat(3, 1fr);
    }

    .text-columns {
        column-count: 2;
        column-gap: 40px;
    }


    .span2 {
        grid-column: span 2;
    }

    
    
    .normal {
        display: block;
    }

    .schmal {
        display: none;
    }

    .grid_wissen {
        grid-template-columns: repeat(2, 1fr);
    }

    .arrow svg {
        height: 0.7em;
        display: block;
    }
    
}




@media (max-width:90em) {
    .hide_small {
        display: none;
    }

    .hide_large {
        display: block;
    }

    .enlarge {
        pointer-events: none;
    }

    .wissen svg {
        height: 2em;
    }
}

@media (min-width:90em) {

    .wissen svg {
        height: 2.5em;
    }

    .grid_instruct {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2em;
    }

    .hide_small {
        display: block;
    }

    .hide_large {
        display: none;
    }

    .instruct {
        max-width: 100%;
        max-height: 40em;
        position: relative;
    }

    .item_one {
        order: 1;
        grid-row: 1/2;
        grid-column: 1/2;
        
    }

    .item_two {
        order: 4;
        grid-row: 2/3;
        grid-column: 1/2;
    }

    .item_three {
        order: 2;
        grid-row: 1/2;
        grid-column: 2/3;
    }

    .item_four {
        order: 5;
        grid-row: 2/3;
        grid-column: 2/3;
    }

    .item_five {
        order: 3;
        grid-row: 1/2;
        grid-column: 3/4;
    }

    .item_six {
        order: 6;
        grid-row: 2/3;
        grid-column: 3/4;
    }

    .one {
        grid-row: 1/3;
        grid-column: 1/2;
        width: 100%;
    }
    
    .two {
        grid-row: 1/3;
        grid-column: 2/3;
        width: 100%;
    }
    .three {
        grid-row: 1/3;
        grid-column: 3/4;
        width: 100%;
    }

    .grid_wissen {
        grid-template-columns: repeat(3, 1fr);
    }

}
@media (max-width:28em) {
    .lappen h4 {
        font-size: 0.8em;
    }
}

@media (max-width:45em) {
    .close_fill,
    .close_shake,
    .close_use,
    .close_tool {
    width: 3rem;
    top: 1.5em;
    right: 1.5em;
}
}


@media (max-width:90em){
    .logo_hero_svg {
        width: 80vw;
    }
}

@media (min-width:90em) {
    .logo_hero_svg {
        width: 40vw;
    }
}

@media (max-height:60em) {
    .logo_hero_svg {
        width: 40vw;
    }
}