body, html {
  height: 100%;
  margin: 0;
  font-family: 'Open Sans';
    color: #fff;
}


/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('font/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* open-sans-bold - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans Bold';

  src: url('font/open-sans-v44-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




.bg {
  /* The image used */
  background-image: url("images/wahre_werte_tracht_bg.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container
{
  position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%; 
    text-align: center;
    
    
}

.container_img1
{
  width: 18vw;
}





.container_bottom
{
  position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 50%;
    text-align: center;
}

.coming_wrapper
{
  display: block;
  margin-bottom:6vh;

}




.coming
{
  max-width: 50vw;
  margin: auto;
  margin-top: 4vh;
  font-size: 26px;
  font-family: 'Open Sans Bold';
  text-transform: uppercase;
  letter-spacing: 1px;
}



.container_img3 {
    height: 8vh;
    max-width: 90px;
    
}


.container_img4 {
    height: 8vh;
    max-width: 90px;
    
}



.adresse
{   
  font-size: 14px;
  font-family: 'Open Sans';
  text-transform: uppercase;
  letter-spacing: 1px;
   margin-bottom:3vh;
}



@media (max-width: 768px) 
{
  .container_img2, .container_img1
  {
    width: 60vw;
  }



  
.container_imp
{
  max-width: 80vw;
}


  .container {
   
    width: 100%;
   
}


}





@media (max-width: 450px)

{


    .container_img1 
    {
        width: 50vw;
    }



.container 
{
    top: 13%;
}


.bg {
    
    background-position-x: -580px;
}


.coming {
    max-width: 80vw;
   
}


.container_bottom 
{    
    width: 90%;
}





.coming
{
  font-size: 22px;
}




.adresse
{   
  font-size: 13px;

}

    
}