section.m26_ausfahrbare_kacheln {
background: #1a1d1f;
}
section.m26_ausfahrbare_kacheln * {
color: #fff
}
section.m26_ausfahrbare_kacheln .mM_row {
gap: 0;
}
section.m26_ausfahrbare_kacheln .mM_row .mM_col_33 {
width: 33.3333%;
}
section.m26_ausfahrbare_kacheln .m26_titel_container {
margin-bottom: 50px;
}
section.m26_ausfahrbare_kacheln .m26_item_content_main {
width: 100%;
}
section.m26_ausfahrbare_kacheln .m26_item_content_title_text_container { padding: 0 45px 52px 45px;
}
section.m26_ausfahrbare_kacheln .m26_item_content_image_container {
height: 415px;
background: #1a1d1f;
}
section.m26_ausfahrbare_kacheln .m26_item img {
opacity: .3;
}
section.m26_ausfahrbare_kacheln .m26_item:first-child img {
object-position: left;
}
section.m26_ausfahrbare_kacheln .m26_item:last-child img {
object-position: right;
}
section.m26_ausfahrbare_kacheln .m26_beschriftung_container p {
font-family: 'Oswald', sans-serif;
font-size: 25px;
font-weight: 500;
margin-top: 19px;
}
section.m26_ausfahrbare_kacheln .m26_text p {
line-height: 1.8;
color: #a6a7a7;
margin-top: 17px;
}
section.m26_ausfahrbare_kacheln .m26_icon_container svg,
section.m26_ausfahrbare_kacheln .m26_icon_container img {
fill: #1b9cd9;
width: auto;
height: 55px;
}
section.m26_ausfahrbare_kacheln .m26_items_container {
position: relative;
}
section.m26_ausfahrbare_kacheln .m26_items.text_content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
}
section.m26_ausfahrbare_kacheln .m26_items.text_content .m26_item {
position: relative;
height: 100%;
border: 1px solid #2f3538;
}
section.m26_ausfahrbare_kacheln .m26_items.text_content .m26_item a,
section.m26_ausfahrbare_kacheln .m26_items.text_content .m26_item .m26_item_content_main_wrapper {
display: flex;
align-items: end;
width: 100%;
height: 100%;
}
section.m26_ausfahrbare_kacheln .m26_items.text_content .m26_item:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7px;
background: #29a2da;
opacity: 0;
transition: opacity .4s;
}
section.m26_ausfahrbare_kacheln .m26_items.text_content .m26_item:hover:before {
opacity: 1;
}
section.m26_ausfahrbare_kacheln .m26_items.text_content .m26_item:nth-child(2),
section.m26_ausfahrbare_kacheln .m26_items.text_content .m26_item:last-child {
border-left: none;
}
section.m26_ausfahrbare_kacheln .m26_items.images {
position: relative;
height: 415px;
}
section.m26_ausfahrbare_kacheln .m26_items.images .m26_item {
position: absolute;
width: 33.3333%;
opacity: 0;
transition: width .4s, left .4s, opacity .4s;
}
section.m26_ausfahrbare_kacheln .m26_items.images .m26_item:first-child {
left: 0;
}
section.m26_ausfahrbare_kacheln .m26_items.images .m26_item:nth-child(2) {
left: 33.3333%;
}
section.m26_ausfahrbare_kacheln .m26_items.images .m26_item:last-child {
left: 66.6666%;
}
section.m26_ausfahrbare_kacheln .m26_items.images .m26_item.active {
left: 0;
width: 100%;
opacity: 1;
}
section.m26_ausfahrbare_kacheln .m26_items.images .m26_item.z-index {
z-index: 1;
}
section.m26_ausfahrbare_kacheln .m26_items_container.mobile {
display: none;
}
section.m26_ausfahrbare_kacheln .m26_text {
max-width: 315px;
}
section.m26_ausfahrbare_kacheln .m26_ausfahrbare_kacheln_main_text_content_container {
margin-bottom: 120px;
}
section.m26_ausfahrbare_kacheln .m26_main_text_container p {
margin-top: 0;
}
section.m26_ausfahrbare_kacheln .mM_links {
margin-top: 56px;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] {
background: #f5f5f5;
padding: 226px 0 234px;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_ausfahrbare_kacheln_main_text_content_container {
display: flex;
flex-direction: column;
align-items: center;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_titel_container {
margin-bottom: 25px;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_titel_container h2 {
color: #111516;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_titel_container h2,
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_main_text_container *,
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_item_content_title_text_container p {
text-align: center;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_main_text_container{
max-width: 600px;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_main_text_container p {
color: #303333;
font-size: 16px;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_beschriftung_container p {
color: #111516;
transition: color .4s;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_items.text_content .m26_item.active .m26_beschriftung_container p {
color: #fff;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_icon_container,
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_text_container {
display: flex;
justify-content: center;
}
@media all and (min-width: 2200px) {
section.m26_ausfahrbare_kacheln .m26_items.images,
section.m26_ausfahrbare_kacheln .m26_item_content_image_container {
height: 465px;
}
}
@media all and (min-width: 2400px) {
section.m26_ausfahrbare_kacheln .m26_items.images,
section.m26_ausfahrbare_kacheln .m26_item_content_image_container {
height: 515px;
}
}
@media all and (max-width: 1199px) {
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] {
padding: 166px 0 174px;
}
}
@media all and (max-width: 991px) {
section.m26_ausfahrbare_kacheln .m26_items_container.desktop {
display: none;
}
section.m26_ausfahrbare_kacheln .m26_items_container.mobile {
display: block;
}
section.m26_ausfahrbare_kacheln .m26_items_container.mobile .m26_item_content_main {
position: relative;
}
section.m26_ausfahrbare_kacheln .m26_items_container.mobile .m26_item_content_title_text_container {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
section.m26_ausfahrbare_kacheln .m26_items_container.mobile .m26_item {
width: 100%;
border: 1px solid #2f3538;
}
section.m26_ausfahrbare_kacheln .m26_items_container.mobile .m26_item > a {
width: 100%;
}
section.m26_ausfahrbare_kacheln .m26_items_container.mobile .m26_item:nth-child(2),
section.m26_ausfahrbare_kacheln .m26_items_container.mobile .m26_item:last-child {
border-top: none;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] {
padding: 80px 0;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_beschriftung_container p {
color: #fff;
}
section.m26_ausfahrbare_kacheln .m26_ausfahrbare_kacheln_main_text_content_container {
margin-bottom: 70px;
}
}
@media all and (max-width: 767px) {
section.m26_ausfahrbare_kacheln .m26_items_container.mobile .m26_item_content_image_container {
height: 315px;
}
}
@media all and (max-width: 575px) {
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] {
padding: 50px 0;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_ausfahrbare_kacheln_main_text_content_container {
align-items: start;
}
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_titel_container h2,
section.m26_ausfahrbare_kacheln[data-set_content_centered="true"] .m26_main_text_container * {
text-align: start;
}
section.m26_ausfahrbare_kacheln .mM_links {
margin-top: 30px;
}
section.m26_ausfahrbare_kacheln .m26_ausfahrbare_kacheln_main_text_content_container {
margin-bottom: 50px;
}
}
@media all and (max-width: 475px) {
section.m26_ausfahrbare_kacheln .m26_item_content_title_text_container {
padding: 0 25px 52px 25px;
}
}
@media all and (max-width: 375px) {
section.m26_ausfahrbare_kacheln .m26_item_content_title_text_container {
padding: 0 25px 32px 25px;
}
}