/*****************
 * MEDIA QUERIES *
 *****************/

 /* 2560px (z.B. 2560x1080) */
 @media (min-width: 2560px) {
    .main-grid{
        grid-template-columns: 20vw 1fr 1fr 1fr 1fr 20vw;
    }


    section.split-section .right-row.split-img{
        padding-left: 100px;
    }

    section.split-section .left-row.split-img{
        padding-right: 100px;
    }

  }



  @media (max-width: 1440px) {
    

    .react-beer-slider{
        grid-column: 2 / 6;
    }

  }




  @media (max-width: 1280px) {
    .main-grid{
        grid-template-columns: 2vw 1fr 1fr 1fr 1fr 2vw;
    }


    section.split-section .right-row.split-img{
        /* padding-left: 100px; */
    }

    section.split-section .left-row.split-img{
        /* padding-right: 100px; */
    }

    .react-beer-slider{
        grid-column: 2 / 10;
    }


  }


  /* Schmale Geräte / Browser */
  @media (max-height: 831px) and (min-width: 1280px) {
}



  @media (max-width: 1024px) {
   
    .main-grid{
        grid-template-columns: 10px 1fr 1fr 1fr 10px;
    }

    h1{
        text-align: center;
    }


    section.split-section .right-row,
    section.split-section .left-row
    {
        grid-column: 2 / 5;
        padding: 100px 0 100px 0;
    }
    
    section.split-section .right-row.split-img,
    section.split-section .left-row.split-img
    {
        grid-column: span 7;
        padding: 0;
    }


    .adressen-container{
        grid-template-columns: 1fr;
    }
    

    .react-beer-slider{
        grid-column: 4 / 8;
    }


    .page{
        padding-left: 2vw;
        padding-right: 2vw;
    }


  }

  @media (max-width: 834px) {
   
   .partner-container{
    grid-template-columns: 1fr;
   }

   form{
    display: flex;
    flex-direction: column;
    gap: 75px;
    padding-left: 20px;
    padding-right: 20px
   }

   .adressen-container{
    gap: 25px;
   }

   .kontakt_footer {
    padding-left: 20px;
    padding-right: 20px;
    }

   textarea{
    height: 200px;
   }

   header #burgermenu-btn{
    display: block;
   }

   #menu{
    display: none;
   }

   .react-beer-slider{
    grid-column: 1 / 11;
    }

    footer{
        flex-direction: column;
        height: fit-content;
        gap: 50px;
        padding-top: 3vh;
        padding-bottom: 3vh;
    }

    footer .footer_logo_container{
        width: 100px;
    }

    footer .adresse{
        align-items: center;
    }

    /* Buttons weg */
    .react-beer-slider .swiper-button-prev, .react-beer-slider .swiper-button-next {
        display: none;
      }
    

  }


  @media (max-width: 650px) {
   
    .partner-box{
        padding: 50px;
    }
 
    .logo_home_container {
        width: 40%;
 
   }

   .logo_shadow_circle {
    width: 200px;
    height: 200px;
    }   


    h1{
        font-size: 6vh;
    }

    .sendButton{
        font-size: 12px;
    }

    footer{
        padding-top: 8vh;
        padding-bottom: 8vh;
    }

}


@media (max-width: 430px) {
   
    .logo_home_container {
        width: 60%;
 
   }

   .partner-box{
        padding: 0;
    }

    .partner_text {
        align-items: flex-start;
      }
}


@media (max-width: 430px) and (min-height: 850px){

}