.page{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.kontakt{
    width: 100%;
    height: 50vh;
    display: flex;
}

.telefon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    width: 50%;
    height: 100%;
}

.tel{
    text-decoration: none;
    color: rgba(255, 247, 0, 1);
    font-size: 25px;
}

.email{        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    width: 50%;
    height: 100%;}

    .mail{
        text-decoration: none;
        color: rgba(255, 247, 0, 1);
        font-size: 25px;
    }


    .gmap_canvas {
        overflow: hidden;
        background: none !important;
        height: 320px;
        width: 320px;
      }


      @media only screen and (max-width:1024px) { 
        .kontakt{
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: auto;
            margin-top: auto;
        }

        .mail{
            text-decoration: none;
            color: rgba(255, 247, 0, 1);
            font-size: 15px;
        }
        .tel{
            text-decoration: none;
            color: rgba(255, 247, 0, 1);
            font-size: 15px;
        }

        .telefon{width: 100%; margin-top: 25px}

        .email{width: 100%; margin: 25px 0 25px 0;}
        
        .karta{
            height: auto;
            margin-top: auto;
            margin-bottom: auto;
        }
      }