.component.salonauswahl{display:flex;position:relative;flex-direction:row;justify-content:stretch;align-items:stretch;gap:4px;flex-grow:1;padding-top:112px;margin-bottom:-1px;height:calc(100vh - 138px)}@media screen and (max-width: 2559px){.component.salonauswahl{padding-top:4.6666666667rem;gap:.1111111111rem}}@media screen and (max-width: 1919px){.component.salonauswahl{padding-top:84px;gap:2px}}@media screen and (max-width: 1439px){.component.salonauswahl{padding-top:4.6666666667rem;gap:.1111111111rem}}@media screen and (max-width: 1279px){.component.salonauswahl{padding-top:84px;gap:2px}}@media screen and (max-width: 1023px){.component.salonauswahl{padding-top:4.6666666667rem;gap:.1111111111rem}}@media screen and (max-width: 767px){.component.salonauswahl{gap:2px;padding-top:66px;flex-direction:column;justify-content:flex-start;height:auto}}.component.salonauswahl a:hover{cursor:pointer}.component.salonauswahl a.salon-link{width:100%;height:auto}.component.salonauswahl .salon{width:100%;height:auto;position:relative;overflow:hidden}@media screen and (max-width: 767px){.component.salonauswahl .salon{width:100%;height:375px}}.component.salonauswahl .salon .overlay{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2;background-color:#1f1f1f66}.component.salonauswahl .salon .text-wrapper{position:absolute;z-index:3;bottom:80px;left:80px;width:600px;max-width:calc(100% - 160px)}@media screen and (max-width: 2559px){.component.salonauswahl .salon .text-wrapper{bottom:60px;left:60px;width:450px;max-width:calc(100% - 6.6666666667rem)}}@media screen and (max-width: 1919px){.component.salonauswahl .salon .text-wrapper{bottom:60px;left:60px;width:450px;max-width:calc(100% - 120px)}}@media screen and (max-width: 1439px){.component.salonauswahl .salon .text-wrapper{bottom:3.3333333333rem;left:3.3333333333rem;width:25rem;max-width:calc(100% - 6.6666666667rem)}}@media screen and (max-width: 1279px){.component.salonauswahl .salon .text-wrapper{bottom:60px;left:60px;width:380px;max-width:calc(100% - 120px)}}@media screen and (max-width: 1023px){.component.salonauswahl .salon .text-wrapper{bottom:3.3333333333rem;left:3.3333333333rem;width:21.1111111111rem;max-width:calc(100% - 6.6666666667rem)}}@media screen and (max-width: 767px){.component.salonauswahl .salon .text-wrapper{bottom:25px;left:25px;width:calc(100% - 50px);max-width:none}}.component.salonauswahl .salon .background-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-transform-style:preserve-3d;-webkit-transform:translate3d(0,0,0);transition:transform-origin 1s cubic-bezier(.445,.05,.55,.95) 0s,transform 1s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in-out}.component.salonauswahl .salon:hover .background-image{transform:scale(1.2);transition:transform-origin 1s cubic-bezier(.445,.05,.55,.95) 0s,transform 1s cubic-bezier(.39,.575,.565,1)}.component.salonauswahl .salon.with-img-link{height:100%}.component.salonauswahl .salon.with-img-link:hover{cursor:pointer}.component.salonauswahl.flex-wrap-active{flex-wrap:wrap;height:auto}.component.salonauswahl.flex-wrap-active .salon{margin:auto;width:calc(50% - 2px);height:70vh}@media screen and (max-width: 767px){.component.salonauswahl.flex-wrap-active .salon{width:100%;height:375px}}