.kontakt-main {
  margin-left: 6.5%;
  margin-top: 3.5%;
}

.kontakt-header {
  color: #A2BF52;
  position: relative;
  bottom: 15%;
}



#box-container {
    display: flex;
    justify-content: center;
    margin-right: 4%;
  }
  
#box-container .box2 {
  margin-left: 6.5%;
}



.box3 img {
  border: solid 2px #2C354E;
  margin-left: 10%;
  margin-top: 8%;
   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.box1 a {
  color: inherit;
  text-decoration: none;
}

.box1 p {
  color: #2C354E;
  margin-top: -10%;
}
.box2 p  {
  color: #2C354E;
  margin-top: 8%;
}

.maps {
display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 5%;

}

.maps2 {
  display: none;
}



/*Media Querys------------------------
-------------------------------------
-------------------------------------*/

@media only screen and (max-width: 768px) {
  .kontakt-main {
    margin-left: -5%;
    margin-top: 30%;
  }
  
  #box-container {
    display: block;
  }

  .box2 p {
    margin-left: -7%;
  }
  
  
  .kontakt-header {
    margin-bottom: 10%;
  }


  .maps {
    display: none;
  }

  .maps2 {
    display: block;
    margin-left: 10%;
    margin-top: 5%;
}

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .kontakt-main {
    margin-left: 25%;
  }

  .box2 p {
    margin-left: -6.5%;
  }

  .maps2 {
    margin-left: 35%;
  }
}


 



/*Iphone 12 Pro-----------------------------------
-----------------------------------------------
@media (max-width: 391px) {
  #box-container {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-top: 30px;
  }

  #box-container .box1 {
    margin-left: 30px;
  }

  #box-container .box2 {
    margin-left: 30px;
    margin-top: 20px;
  }

  #box-container .box3 {
    margin-top: 50px;
  }

  .kontakt-main h1 {
    font-size: 27px;
    margin-left: -170px;
    margin-top: 50px;
  }

  .maps {
    display: none;
  }

  .maps2 {
    display: block;
    margin-left: -30px;
    margin-top: 50px;
  }

  .kontakt-sec {
    margin-left: 80px;
    margin-top: 100px;
  }
}


/*Iphone 8Plus 
@media only screen and (device-width: 414px) and (device-height: 736px) {
  #box-container {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-top: 30px;
  }

  #box-container .box1 {
    margin-left: 30px;
  }

  #box-container .box2 {
    margin-left: 30px;
    margin-top: 20px;
  }

  #box-container .box3 {
    margin-top: 50px;
  }

  .kontakt-main h1 {
    font-size: 27px;
    margin-left: 0px;
    margin-top: 150px;
  }

  .maps {
    display: none;
  }

  .maps2 {
    display: block;
    margin-left: -15px;
    margin-top: 50px;
  }

  .kontakt-sec {
    margin-left: 80px;
    margin-top: 100px;
  }
}

 /*Iphone X
 @media only screen and (device-width: 375px) and (device-height: 812px) {
  #box-container {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-top: 30px;
  }

  #box-container .box1 {
    margin-left: 30px;
  }

  #box-container .box2 {
    margin-left: 30px;
    margin-top: 20px;
  }

  #box-container .box3 {
    margin-top: 50px;
  }

  .kontakt-main h1 {
    font-size: 27px;
    margin-left: 0px;
    margin-top: 150px;
  }

  .maps {
    display: none;
  }

  .maps2 {
    display: block;
    margin-left: -35px;
    margin-top: 50px;
  }

  .kontakt-sec {
    margin-left: 80px;
    margin-top: 100px;
  }
 }

 /*Iphone 14pro Max 
 @media only screen and (device-width: 430px) and (device-height: 932px) {
  #box-container {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-top: 30px;
  }

  #box-container .box1 {
    margin-left: 30px;
  }

  #box-container .box2 {
    margin-left: 30px;
    margin-top: 20px;
  }

  #box-container .box3 {
    margin-top: 50px;
  }

  .kontakt-main h1 {
    font-size: 27px;
    margin-left: 0px;
    margin-top: 150px;
  }

  .maps {
    display: none;
  }

  .maps2 {
    display: block;
    margin-left: -5px;
    margin-top: 50px;
  }

  .kontakt-sec {
    margin-left: 80px;
    margin-top: 100px;
  }
 }

  /*Iphone 13Pro Max 
  @media only screen and (device-width: 428px) and (device-height: 926px) {
    #box-container {
      flex-direction: column;
      align-items: flex-start;
      margin-right: 0;
      margin-top: 30px;
    }
  
    #box-container .box1 {
      margin-left: 30px;
    }
  
    #box-container .box2 {
      margin-left: 30px;
      margin-top: 20px;
    }
  
    #box-container .box3 {
      margin-top: 50px;
    }
  
    .kontakt-main h1 {
      font-size: 27px;
      margin-left: 0px;
      margin-top: 150px;
    }
  
    .maps {
      display: none;
    }
  
    .maps2 {
      display: block;
      margin-left: -5px;
      margin-top: 50px;
    }
  
    .kontakt-sec {
      margin-left: 80px;
      margin-top: 100px;
    }
  }

/*Samsung Glaxy S20
@media only screen and (device-width: 360px) and (device-height: 800px) {
  #box-container {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-top: 30px;
  }

  #box-container .box1 {
    margin-left: 30px;
  }

  #box-container .box2 {
    margin-left: 30px;
    margin-top: 20px;
  }

  #box-container .box3 {
    margin-top: 50px;
  }

  .kontakt-main h1 {
    font-size: 27px;
    margin-left: 0px;
    margin-top: 150px;
  }

  .maps {
    display: none;
  }

  .maps2 {
    display: block;
    margin-left: -40px;
    margin-top: 50px;
  }

  .kontakt-sec {
    margin-left: 80px;
    margin-top: 100px;
  }
}


 /* Google Pixel2
 @media only screen and (device-width: 411px) and (device-height: 731px) {
  #box-container {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-top: 30px;
  }

  #box-container .box1 {
    margin-left: 30px;
  }

  #box-container .box2 {
    margin-left: 30px;
    margin-top: 20px;
  }

  #box-container .box3 {
    margin-top: 50px;
  }

  .kontakt-main h1 {
    font-size: 27px;
    margin-left: 0px;
    margin-top: 150px;
  }

  .maps {
    display: none;
  }

  .maps2 {
    display: block;
    margin-left: -20px;
    margin-top: 50px;
  }

  .kontakt-sec {
    margin-left: 80px;
    margin-top: 100px;
  }
 }

/* Google Pixel3
@media only screen and (device-width: 393px) and (device-height: 786px) {
  #box-container {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-top: 30px;
  }

  #box-container .box1 {
    margin-left: 30px;
  }

  #box-container .box2 {
    margin-left: 30px;
    margin-top: 20px;
  }

  #box-container .box3 {
    margin-top: 50px;
  }

  .kontakt-main h1 {
    font-size: 27px;
    margin-left: 0px;
    margin-top: 150px;
  }

  .maps {
    display: none;
  }

  .maps2 {
    display: block;
    margin-left: -20px;
    margin-top: 50px;
  }

  .kontakt-sec {
    margin-left: 80px;
    margin-top: 100px;
  }
}


  /* Samsung Galaxy S20Ultra
  @media only screen and (device-width: 412px) and (device-height: 915px) {
    #box-container {
      flex-direction: column;
      align-items: flex-start;
      margin-right: 0;
      margin-top: 30px;
    }
  
    #box-container .box1 {
      margin-left: 30px;
    }
  
    #box-container .box2 {
      margin-left: 30px;
      margin-top: 20px;
    }
  
    #box-container .box3 {
      margin-top: 50px;
    }
  
    .kontakt-main h1 {
      font-size: 27px;
      margin-left: 0px;
      margin-top: 150px;
    }
  
    .maps {
      display: none;
    }
  
    .maps2 {
      display: block;
      margin-left: -20px;
      margin-top: 50px;
    }
  
    .kontakt-sec {
      margin-left: 80px;
      margin-top: 100px;
    }
  }