section.m47_accordion_horizontal_kacheln[data-variante="v1"] {
background: #2f2e2e;
padding-top: 336px;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] + section {
background: #2f2e2e;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_items {
display:flex;
gap: 21px;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item {
flex: 1 1 0;
width: auto;
cursor: pointer;
transition: flex 300ms ease, width 400ms ease, min-width 400ms ease;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active {
flex: 1 1 auto;
width: auto !important;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item.active {
flex: 5;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered {
flex: 0 0 auto;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item.not_hovered {
flex: 1;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content {
position: relative;
height: 100%;
border-radius: 20px;
overflow: hidden;
padding: 60px 40px;
transition: padding .4s;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] .m47_accordion_horizontal_kacheln_item_content {
min-height: 270px;
background: linear-gradient(to bottom, #f07c00 0%, #f05000 100%);
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item_content {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 345px;
padding: 60px 60px 55px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_content {
padding: 40px;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_content {
justify-content: start;
padding: 35px 30px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content * {
color: #fff;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_title_container {
margin-bottom: -8px;
white-space: nowrap; transition: transform .4s ease;
transform-origin: left top;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_title_container {
transform: rotate(90deg) translateY(-90%); } section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active .m47_accordion_horizontal_kacheln_item_title_container {
transition: none !important;
transform: none !important;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_title {
font-size: 4.1875rem;
line-height: 1;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] .m47_accordion_horizontal_kacheln_item_content {
display: flex;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_subtitle {
font-size: 1.875rem;
text-transform: uppercase;
line-height: 1;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_subtitle_container {
max-width: 219px;
}    section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_title_container{
margin-bottom: -8px;
white-space: nowrap;
transform-origin: left top;
transform: none;
transition: transform .4s ease;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_items.is_hovering .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_title_container{
transform: rotate(90deg) translateY(-90%);
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active .m47_accordion_horizontal_kacheln_item_title_container{
transform: none;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active .m47_accordion_horizontal_kacheln_item_title_container{
transition: none; } section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active .m47_accordion_horizontal_kacheln_item_title_container.animate_back{
transition: transform .4s ease;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active .m47_accordion_horizontal_kacheln_item_title_container{
transition: none;
transform: none;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active.animating_back .m47_accordion_horizontal_kacheln_item_title_container{
transition: transform .4s ease !important;
}  section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_subtitle_container{
max-width: 219px;
overflow: hidden;
max-height: 200px;
opacity: 1;
transform: translateY(0);
transition-property: opacity, transform, max-height;
transition-timing-function: ease;
transition-duration: .35s, .35s, .35s; transition-delay: 0s, 0s, 0s;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_subtitle_container{
max-height: 0;
opacity: 0; pointer-events: none;
transition-duration: .15s, .15s, .2s; transition-delay: 0s, 0s, 0s;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active .m47_accordion_horizontal_kacheln_item_subtitle_container,
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_items.is_resetting .m47_accordion_horizontal_kacheln_item_subtitle_container{
max-height: 200px;
opacity: 1; transition-duration: .35s, .35s, .35s;
transition-delay: .18s, .18s, .18s; }  section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content{
min-width: 0;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_text_container{
overflow: hidden; max-width: 0;
max-height: 0;
margin-left: 0;
opacity: 0; pointer-events: none;
transition:
max-width .2s ease,
max-height .1s ease,
margin-left .2s ease,
margin-top .1s ease,
opacity .1s ease,
transform .2s ease;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_text_container{
max-width: 0 !important;
max-height: 0 !important;
margin-left: 0 !important;
opacity: 0 !important; pointer-events: none !important;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.active.show_text .m47_accordion_horizontal_kacheln_item_text_container { max-width: 9999px; opacity: 1; pointer-events: auto;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] .m47_accordion_horizontal_kacheln_item.active.show_text .m47_accordion_horizontal_kacheln_item_text_container {
margin-left: 58px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_text_container p {
font-family: 'Nexa-Book', sans-serif;
font-weight: 300;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item:first-child .m47_accordion_horizontal_kacheln_item_content {
background: #7ed9be;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item:nth-child(2) .m47_accordion_horizontal_kacheln_item_content {
background: #037374;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item:last-child .m47_accordion_horizontal_kacheln_item_content {
background: #0d3540;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_icon_container{
overflow: hidden;
max-height: 80px; opacity: 1;
transform: scale(1);
pointer-events: auto;
margin-bottom: 30px;
transition:
max-height .25s ease,
opacity .2s ease,
transform .2s ease,
margin .2s;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_icon_container{
max-height: 0;
opacity: 0;
transform: scale(0.85);
pointer-events: none;
margin-bottom: 0;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_icon_container svg {
width: 47px;
min-width: 47px;
height: auto;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item.active.show_text .m47_accordion_horizontal_kacheln_item_text_container {
margin-top: 20px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item:first-child .m47_accordion_horizontal_kacheln_item_icon_container svg {
fill: #0d3640;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item:first-child * {
color: #0d3640;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item:nth-child(2) .m47_accordion_horizontal_kacheln_item_icon_container svg,
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item:last-child .m47_accordion_horizontal_kacheln_item_icon_container svg {
fill: #fff;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item:nth-child(2) *,
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item:last-child * {
color: #fff;
}
@media all and (min-width: 1850px) {
section.m47_accordion_horizontal_kacheln .mM_container[data-container="container"] {
max-width: 1439px;
}
}
@media all and (min-width: 1921px) {
section.m47_accordion_horizontal_kacheln .mM_container[data-container="container"] {
max-width: 1683px;
}
}
@media all and (min-width: 2200px) {
section.m47_accordion_horizontal_kacheln .mM_container[data-container="container"] {
max-width: 2078px;
}
}
@media all and (max-width: 1849px) { section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_title {
font-size: 3.1875rem;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_subtitle {
font-size: 1.475rem;
}
}
@media all and (max-width: 1599px) {
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content {
padding: 50px 20px;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] .m47_accordion_horizontal_kacheln_item_content {
min-height: 250px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_title_container {
margin-bottom: 0;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_title_container,
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_items.is_hovering .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_title_container {
transform: rotate(90deg) translateY(-45%);
}
}
@media all and (max-width: 1399px) {
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_title {
font-size: 2.4rem;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_subtitle {
font-size: 1rem;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] .m47_accordion_horizontal_kacheln_item_content {
min-height: 200px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_title_container,
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_items.is_hovering .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_title_container {
transform: rotate(90deg) translateY(-40%);
}
}
@media all and (max-width: 991px) {
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_items{
flex-direction: column;
gap: 10px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item{
flex: initial;
width: auto !important;
cursor: auto;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content,
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_content,
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item_content {
padding: 50px 40px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content {
min-height: auto !important;
} section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_title_container{
transform: none !important;
transition: none !important;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] .m47_accordion_horizontal_kacheln_item_icon_title_subtitle_container {
width: 190px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_title {
font-size: 3.1875rem;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_subtitle {
font-size: 1.475rem;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_text_container {
overflow: visible;
max-width: unset;
max-height: unset !important;
opacity: 1;
}
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item_text_container {
margin-top: 13px;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] .m47_accordion_horizontal_kacheln_item_text_container {
width: calc(100% - 190px);
padding-left: 28px;
margin-left: 0;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] {
padding-top: 536px;
}
}
@media all and (max-width: 767px){
section.m47_accordion_horizontal_kacheln[data-variante="v1"] {
padding-top: 436px;
}
}
@media all and (max-width: 575px) {
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content {
flex-direction: column;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_icon_title_subtitle_container,
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_text_container {
width: 100%;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] .m47_accordion_horizontal_kacheln_item_text_container {
padding-left: 0;
padding-top: 30px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_subtitle_container {
max-width: unset;
}
section.m47_accordion_horizontal_kacheln[data-variante="v1"] {
padding-top: 236px;
}
}
@media all and (max-width: 475px) {
section.m47_accordion_horizontal_kacheln[data-variante="v1"] {
padding-top: 186px;
}
}
@media all and (max-width: 375px) {
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content,
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item.not_hovered .m47_accordion_horizontal_kacheln_item_content,
section.m47_accordion_horizontal_kacheln[data-variante="v2"] .m47_accordion_horizontal_kacheln_item_content {
min-height: auto;
padding: 40px 20px;
}
section.m47_accordion_horizontal_kacheln .m47_accordion_horizontal_kacheln_item_content_title {
font-size: 2.8rem;
}
}
@media all and (max-width: 300px) {
}