:root{--container-padding:20px;--list-gap:20px;--stories-card-width:330px;--multilanguage-header-height:81px}
.teaserbox__container{display:flex;justify-content:space-between;padding:16px;margin-bottom:40px;height:auto;background-color:#fff;border-radius:4px;box-shadow:0 0 12px 2px rgba(77,77,77,.2)}
.subpagesgallery .teaserbox__container{flex:0 0 300px;justify-content:center;align-items:center;padding:15px;transition:opacity .4s ease;flex-direction:column;height:150px}
.subpagesgallery .teaserbox__container:hover{opacity:1}
.teaserbox__text{width:48%;display:inline-block;margin:0 auto;align-self:baseline;font-size:1.125rem;font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:700;line-height:1.2222222222;padding-top:.1721111111em;padding-bottom:.144em}
.teaserbox__text:lang(el){font-family:Arial,Helvetica,sans-serif}
.subpagesgallery .teaserbox__text{order:2;text-align:center}
.teaserbox__image{flex-shrink:0;width:48%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden}
.teaserbox__image img{transition:all 1s}
.teaserbox__image img:focus,.teaserbox__image img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.subpagesgallery .teaserbox__image,.subpagesgallery .teaserbox__image--svg{order:1;height:100px;width:100px}
.teaserbox .cq-placeholder{width:308px;min-height:50px}
.subpagesgallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin:-15px -15px 50px}
.subpagesgallery>a{margin:15px}
.subpagesgallery:hover>a{opacity:.6}
@media(min-width:600px){.teaserbox__container{flex-direction:column}
.teaserbox__text{font-size:1.25rem;font-weight:700;line-height:1.2;padding-top:.1413em;padding-bottom:.1137em;width:unset;padding-top:12px;justify-content:center}
.teaserbox__image{height:150px;width:100%}
.subpagesgallery .teaserbox__image,.subpagesgallery .teaserbox__image--svg{width:150px;height:150px}
}
@media(min-width:992px){:root{--container-padding:40px}
.teaserbox__container{padding:30px}
.subpagesgallery .teaserbox__container{flex:0 0 325px;height:300px}
.teaserbox__text{padding-top:16px}
.teaserbox__image{height:250px}
}
@media(min-width:1440px){.teaserbox__image{height:300px}
}
@media(max-width:991px){.teaserbox--media-right .teaserbox__container{flex-direction:row-reverse}
}