/* Standorte & Marken*/

/* Marken Header */
.product-box {
    background-color: #fff;
    display: inline-block;
    padding: 40px 75px 25px;
    box-sizing: border-box;
    max-width: 95%;
    transform: translateY(30px);
  
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  }

@media screen and (max-width: 700px){
    .product-box {
        padding: 30px 25px 15px;
    }
}

  /* Content */
 /* Half Layout */

 .half-layout-products {
     display: flex;
     flex-wrap: wrap;
 }

 .half-layout-products .side{
    width: 50%;
    box-sizing: border-box;
    padding: 60px 30px;
}
.half-layout-products .side img {
    width: 100%;
}

.half-layout-products .side.grey{
    background-color: #F1F1F1;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  height: 100%; /* Auto <- wenn Beide Seiten immer gleich hoch sein sollen*/
}

.half-layout-products .side .side-inner-container{
    max-width: calc(700px - 60px); /*Half Grid Width - 2xPadding*/
    width: 100%;
}

.half-layout-products .left.side .side-inner-container{
    margin-left: auto;
}

@media screen and (max-width: 800px){
    .half-layout-products .side{
        width: 100%;
        box-sizing: border-box;
        padding: 60px 30px;
    }
    .half-layout-products .side .side-inner-container{
        max-width: 100%;
    }
}

/*Teaserblock*/
.teaser-container {
    padding-top: 80px;
}
.teaser-block {
    max-width: 1200px;
    /*margin-top: 80px;*/
    margin-left: auto;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    padding: 60px;
}
.teaser-block.grey{
    background-color: #F1F1F1;
}

.teaser-block.white{
    background-color: #fff;
}

@media screen and (max-width: 700px){
    .teaser-block {
        padding: 60px 30px;
    }
    .teaser-container {
        padding-top: 40px;
    }
}

/*Marken Standort*/
#marken-standort{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}