.mittagstisch {
    display: flex;
    justify-content: space-around;
    height: 100%;
    margin-top: 50px;
}

.aufklappbar {
  margin-top: -26px;
  transform: scale(1.05);
}


.mittagstisch > div:nth-of-type(1) {
    background: rgba(107, 124, 138, 1);
    border: solid 8px rgba(107, 124, 138, 1);
    border-style: inset;
}

.mittagstisch > div {
    width: calc(100% / 5);
    margin-right: 16px;
    background: #DCE3E3;
    /* background-image: url(https:https://design-gastronomie-webseiten.de/wp-content/uploads/2019/09/DSC05037.jpg); */
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
    max-height: 230px;
    position: relative;
    transition: all 2s;
}

.mittagstisch > div {
    width: calc(100% / 5);
    margin-right: 16px;
    background: #DCE3E3;
    /* background-image: url(https:https://design-gastronomie-webseiten.de/wp-content/uploads/2019/09/DSC05037.jpg); */
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
    max-height: 230px;
    position: relative;
    transition: all 2s;
}

.mittagastisch--inner-title {
    position: relative;
}
.mittagastisch--inner-title {
    font-size: 28px !important;
    color: white;
    text-transform: uppercase;
    margin-top: 17px;
    text-shadow: 1px 1px 1px black;
    white-space: nowrap;
}

.mittagastisch--inner-title:before {
    content: "";
    position: absolute;
    width: calc(100% - 52px);
    height: 2px;
    bottom: 0;
    left: 26px;
    right: 26px;
    background-color: white;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.mittagastisch--inner-title span {
    font-size: 16px;
    text-transform: none;
}

.mittagstisch--inner-text {
    color: white;
    font-size: 18px;
    margin-top: 24px;
    text-align: left;
    margin-left: 10%;
    width: 84%;
    text-shadow: 1px 1px 1px black;
}

.mittagstisch > div:nth-of-type(2) {
    background: #C1B6B8;
    border: solid 8px #C1B6B8;
    border-style: inset;
}
.mittagstisch > div {
    width: calc(100% / 5);
    margin-right: 16px;
    background: #DCE3E3;
    /* background-image: url(https:https://design-gastronomie-webseiten.de/wp-content/uploads/2019/09/DSC05037.jpg); */
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
    max-height: 230px;
    position: relative;
    transition: all 2s;
	height:230px;
}

.container > .mittagstisch {
    width: 100%;
    height: 100%;
}

.mittagstisch--inner {
    text-align: center;
}

.mittagstisch > div:nth-of-type(3) {
    background: #B6BFC1;
    border: solid 8px #B6BFC1;
    border-style: inset;
}

.mittagstisch > div:nth-of-type(4) {
    background: #A7859A;
    border: solid 8px #A7859A;
    border-style: inset;
}

.mittagstisch > div:nth-of-type(5) {
    background: #DFC8D8;
    border: solid 8px #DFC8D8;
    border-style: inset;
    margin-right: 0;
}