.anfahrt{
   min-height: max-content;
    width: 100vw;
    background-color: white;
    margin-bottom: 10%;
}

.container-anfahrt{
    margin: auto;
    margin-top: 5%;
    width: 90%;
    min-height: max-content;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid black;
    border-radius: 6px;
    box-shadow:
    1.2px 1px 0.5px rgba(0, 0, 0, 0.011),
    2.8px 2.1px 1px rgba(0, 0, 0, 0.016),
    4.7px 3.7px 1.7px rgba(0, 0, 0, 0.02),
    7.3px 5.6px 2.7px rgba(0, 0, 0, 0.023),
    10.8px 8.4px 4px rgba(0, 0, 0, 0.027),
    15.9px 12.3px 5.8px rgba(0, 0, 0, 0.03),
    23.8px 18.4px 8.7px rgba(0, 0, 0, 0.034),
    37.9px 29.3px 13.9px rgba(0, 0, 0, 0.039),
    71px 55px 26px rgba(0, 0, 0, 0.05)
  ;
}
.text{
    width: 44%;
    height: 70%;
    border-right: 1px solid black;
    margin-bottom: 5%;
    padding: 2%;
}


.header{
    width: 100%;
    text-align: center;
    margin-top: 1%;
}

.frame{
    width: 55%;
    overflow: hidden;
    padding: 2%;
    max-height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 900px) {
   .container-anfahrt{
    width: 90%;
       display: flex;
       justify-content: space-evenly;
       align-items: center;
       flex-direction: column;
   }

   .text, .frame{
       width: 90%;

   }

   .frame{
    min-height: 50%;
    max-height: 100%;
    padding: 1%;
   }

   .text{
       border-right: 0;
       border-bottom: 1px solid black;
       height: 50%;
   }
}