.mod_imagebox.displaymode_imagebox_a { overflow-x: hidden; } .mod_imagebox.displaymode_imagebox_a .h3 { margin-bottom: 10px; } .mod_imagebox.displaymode_imagebox_a .h5 { margin-bottom: 10px; } .mod_imagebox .magazineRow, .mod_imagebox .mod_cont { position:relative; } .u23design.mod_imagebox .magazineRow {position: static; justify-content: center;} .mod_imagebox .container-images-outer {position: relative;} .mod_imagebox .img-fluid { width:100%; } .mod_imagebox.displaymode_imagebox_a .h1, .mod_imagebox.displaymode_imagebox_a .h2, .mod_imagebox.displaymode_imagebox_a .h3, .mod_imagebox.displaymode_imagebox_a .h4, .mod_imagebox.displaymode_imagebox_a .h5 { /* margin-bottom: 14px; */ } .u23design.mod_imagebox.displaymode_imagebox_a .container-text, .u23design.mod_imagebox.displaymode_imagebox_a.design2 .container-text { text-align:left; /* color:var(--color-highlight); */ margin-bottom: 40px; max-width: var(--width-mediumwidth); } .mod_imagebox.displaymode_imagebox_a .textblockText { padding-top: 10px; } .mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide { padding: 0rem 1.5rem 1.5rem 1.5rem; } @media (min-width: 992px) { .mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide { padding: 1.5rem 1.5rem 1.5rem 1.5rem; } } .mod_imagebox.displaymode_imagebox_a .productView_Container { background: var(--color-default); /* height: 500px; */ background-image: none; background-position: center center; background-size: cover; background-repeat: no-repeat; transform: scale(1); -webkit-transform: scale(1); transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1); -webkit-transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1); cursor: pointer; } .mod_imagebox.displaymode_imagebox_a.design2 a, .mod_imagebox.displaymode_imagebox_a.design2 a:visited { color: var(--color-default); } .text-default.mod_imagebox.displaymode_imagebox_a.design2 a, .text-default.mod_imagebox.displaymode_imagebox_a.design2 a:visited { color: var(--color-default); } .text-white.mod_imagebox.displaymode_imagebox_a.design2 a, .text-white.mod_imagebox.displaymode_imagebox_a.design2 a:visited { color: var(--color-white); } .text-highlight.mod_imagebox.displaymode_imagebox_a.design2 a, .text-highlight.mod_imagebox.displaymode_imagebox_a.design2 a:visited { color: var(--color-highlight); } .text-medium.mod_imagebox.displaymode_imagebox_a.design2 a, .text-medium.mod_imagebox.displaymode_imagebox_a.design2 a:visited { color: var(--color-medium); } /*.mod_imagebox.displaymode_imagebox_a .productView_Container:hover:not(.noHover) { transform: scale(1.05); -webkit-transform: scale(1.05); }*/ .mod_imagebox.displaymode_imagebox_a .overlayTextBox { color: var(--color-overlaytext); background: var(--color-overlaybox); bottom: 5%; left: 5%; width: auto; /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; */ display: block; text-align: center; padding: 3px 15px; } .mod_imagebox.displaymode_imagebox_a .overlayTextBox .h2 { font-size: var(--size-h3); line-height: var(--line-h3); font-family: var(--font-h3); font-style: var(--style-h3); font-weight: var(--weight-bold); } /*# sourceMappingURL=productView.css.map */ .design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide { color: var(--bs-body-color); text-decoration: none; } .text-default.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide {color: var(--color-default)} .text-white.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide {color: var(--color-white)} .text-medium.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide {color: var(--color-medium)} .text-highlight.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide {color: var(--color-highlight)} .design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text { background-color: var(--color-lightgray); /* background-color: #fff; */ position: relative; } @media (min-width: 769px) { .design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text { display: flex; align-items: center; } } /* .design2 .productView_Container:hover { transform: scale(1); -webkit-transform: scale(1); } */ .design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:hover { cursor: pointer; } .design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide :hover .productView_Container_text_content i { /* transform: scale(1.25); */ } .design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide :hover .productView_Container:not(.noHover) { transform: scale(1.05); -webkit-transform: scale(1.05); } /* .design2 .productView_Container_text_content { position: absolute; bottom: 35%; left: 10%; right: 10%; }*/ .design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content { padding-left: 10px; } @media (min-width: 769px) { .design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content { flex-wrap: wrap; padding: 10%; flex-direction: column; } } .mod_imagebox.displaymode_imagebox_a .newDesign .productView_Container_text_content { flex-direction: column; margin-left: 10%; margin-right: 10%; position: relative; align-self: center; bottom: 0; left: 0; right: 0; top: 0; } .design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content i { margin-top: 35px; font-size: 42px; /* line-height: 56px; */ transition: 0.3s; } @media (min-width: 769px) { .design2.mod_imagebox.displaymode_imagebox_a .productView_Container_imagebox { overflow: hidden; } .design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_text { order: 2; } .design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_imagebox { order: 1; } .design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_text { order: 1; } .design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_imagebox { order: 2; } } .design2.mod_imagebox.displaymode_imagebox_a .circleButton { position: relative; top: unset; bottom: -50px; left: 0; /* right: 30px; */ height: 30px; width: 30px; border-radius: 50%; /* border: 1px solid var(--color-default); */ display: flex; justify-content: center; align-items: center; font-size: 22px; /* margin: auto; */ color: var(--color-default); background-image: url('https://mcrcp.mcrobots.slxhost.de/images/global/svg/pfeil_4b4a49.svg'); background-position: center; background-repeat: no-repeat; } @media (max-width: 767px) { .mod_imagebox.displaymode_imagebox_a .productView_Container_text { height: fit-content; } .design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content { position: relative; bottom: 0; left: 0; } .design2.mod_imagebox.displaymode_imagebox_a .mobile_text { padding: 20px; } .design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content i { margin: 0; position: absolute; right: 30px; display: inline; bottom: 20px; float: right; font-size: 24px; } .design2.mod_imagebox.displaymode_imagebox_a .h3 { margin-bottom: 0px; } .design2.mod_imagebox.displaymode_imagebox_a .circleButton { position: absolute !important; top: 0; bottom: 0; left: unset !important; right: 30px !important; height: 30px; width: 30px; border-radius: 50%; /* border: 1px solid var(--color-default); */ display: flex; justify-content: center; align-items: center; font-size: 34px; margin: auto; color: var(--color-default); background-image: url('https://mcrcp.mcrobots.slxhost.de/images/global/svg/pfeil_4b4a49.svg'); background-position: center; background-repeat: no-repeat; } } .mod_imagebox.displaymode_imagebox_a .noHover { cursor: default !important; } @media (min-width: 769px) { .allleft.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_imagebox, .allleft.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_imagebox, .allleft.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_imagebox, .allleft.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_imagebox { order: 1; } .allleft.mod_imagebox.displaymode_imagebox_a mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_text, .allleft.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_text, .allleft.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_text, .allleft.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_text { order: 2; } .allright.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_imagebox, .allright.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_imagebox, .allright.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_imagebox, .allright.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_imagebox { order: 2; } .allright.mod_imagebox.displaymode_imagebox_a mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_text, .allright.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_text, .allright.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_text, .allright.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_text { order: 1; } } .mod_imagebox.horizontalscroll .mod_cont {overflow:hidden;} /* horizontalscroll arrows sonderfall weil > 1 slide sichtbar */ @media (min-width: 992px) { /* .u23design.mod_imagebox.horizontalscroll[data-firstindex="true"] .swiper-button-prev, */ /* .u23design.mod_imagebox.horizontalscroll[data-secondindex="true"] .swiper-button-prev {display:none;} */ /* bei nur einem slide doch sichtbar */ /* .percol-1.u23design.mod_imagebox.horizontalscroll[data-firstindex="true"] .swiper-button-prev, */ /* .percol-1.u23design.mod_imagebox.horizontalscroll[data-secondindex="true"] .swiper-button-prev {display:block;} */ .u23design.mod_imagebox.horizontalscroll[data-lastindex="true"] .swiper-button-next, .u23design.mod_imagebox.horizontalscroll[data-secondlastindex="true"] .swiper-button-next {display:none;} .percol-1.u23design.mod_imagebox.horizontalscroll[data-lastindex="true"] .swiper-button-next, .percol-1.u23design.mod_imagebox.horizontalscroll[data-secondlastindex="true"] .swiper-button-next {display:none;} } .nopagination .swiper-button-prev, .nopagination .swiper-button-next {/*display:none !important;*/} .u23design.mod_imagebox.horizontalscroll .productView_Container, .u23design.mod_imagebox.horizontalscroll .mod_imagebox_a_singleslide, .u23design.mod_imagebox.horizontalscroll a {cursor:grab; cursor:inherit;} /* produkte startseite style */ .u23design.mod_imagebox.displaymode_imagebox_a.design2 {text-align:center;} .u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide {width:50%;} .u23design.mod_imagebox.displaymode_imagebox_a.design2.horizontalscroll .mod_imagebox_a_singleslide {width:33.33%;} .u23design.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_text, .u23design.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_text { order: 2; } .u23design.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_imagebox, .u23design.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_imagebox { order: 1; } .u23design.design2.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide {padding:7.5px 7.5px 50px 7.5px;} .u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text {background-color: transparent;} .u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content {padding: 30px 0 0; width: 100%; flex-direction: column;} @media (max-width: 991px) { .u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content {padding: 20px 0 0;} } .u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text .boxheadliine {text-align:left;} .u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text .slideText {text-align:left;} .blockColorClass_color4.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text {color:var(--color-white);} .u23design.design2.mod_imagebox.displaymode_imagebox_a .h3 { margin-bottom:2px; text-align:center; } .blockColorClass_color4.design2.mod_imagebox.displaymode_imagebox_a .h3 { color:var(--color-white); } .blockColorClass_color4.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide { color:var(--color-white); } .u23design.design2.mod_imagebox.displaymode_imagebox_a .slideText {margin-bottom:0px; color:var(--color-medium);} .blockColorClass_color4.design2.mod_imagebox.displaymode_imagebox_a .slideText {color:var(--color-lightgray);} .text-default.u23design.design2.mod_imagebox.displaymode_imagebox_a .slideText {color:var(--color-default);} .text-white.u23design.design2.mod_imagebox.displaymode_imagebox_a .slideText {color:var(--color-white);} .text-highlight.u23design.design2.mod_imagebox.displaymode_imagebox_a .slideText {color:var(--color-highlight);} .text-medium.u23design.design2.mod_imagebox.displaymode_imagebox_a .slideText {color:var(--color-medium);} .notext.mod_imagebox.displaymode_imagebox_a .slideText {display:none;} .u23design.design2.mod_imagebox.displaymode_imagebox_a .circleButton {display:none;} @media (max-width: 991px) { /* produkte übersicht start */ .u23design.mod_imagebox.displaymode_imagebox_a.activeDesign_design2 { } .u23design.mod_imagebox.displaymode_imagebox_a.activeDesign_design2 .containerImagebox .row-imagebox-images { margin-left: 0 !important; margin-right: 0 !important; padding-right: var(--bs-gutter-x,36px); padding-left: var(--bs-gutter-x,36px); } .u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide {width:100%;} /* produkte übersicht ende */ .u23design.horizontalscroll.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .u23design.slider.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide {width:60%;} } .u23design.design2.mod_imagebox.displaymode_imagebox_a.horizontalscroll .swiper-container {overflow:visible} .u23design.design2.mod_imagebox.displaymode_imagebox_a.horizontalscroll .swiper-container .swiper-wrapper {overflow:visible} .u23design.design2.mod_imagebox.displaymode_imagebox_a.horizontalscroll .swiper-container[data-slidecount="1"] .swiper-wrapper, .u23design.design2.mod_imagebox.displaymode_imagebox_a.horizontalscroll .swiper-container[data-slidecount="2"] .swiper-wrapper {justify-content: center;} @media (max-width: 767px) { .u23design.design2.mod_imagebox.displaymode_imagebox_a.horizontalscroll .swiper-container[data-slidecount="1"] .swiper-wrapper, .u23design.design2.mod_imagebox.displaymode_imagebox_a.horizontalscroll .swiper-container[data-slidecount="2"] .swiper-wrapper {justify-content: start;} } .mod_imagebox.displaymode_imagebox_a.notitle .productView_Container_text { display:none; } /* test */ .u23design.mod_imagebox.displaymode_imagebox_c.design2 {text-align:center;} .u23design.mod_imagebox.displaymode_imagebox_c.design2 .mod_imagebox_a_singleslide {width:50%;} .u23design.mod_imagebox.displaymode_imagebox_c.design2 .container-text {margin-bottom:130px; } .u23design.design2.mod_imagebox.displaymode_imagebox_c .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_text, .u23design.design2.mod_imagebox.displaymode_imagebox_c .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_text { order: 2; } .u23design.design2.mod_imagebox.displaymode_imagebox_c .mod_imagebox_a_singleslide:nth-of-type(odd) .productView_Container_imagebox, .u23design.design2.mod_imagebox.displaymode_imagebox_c .mod_imagebox_a_singleslide:nth-of-type(even) .productView_Container_imagebox { order: 1; } .u23design.design2.mod_imagebox.displaymode_imagebox_c .mod_imagebox_a_singleslide {padding:7.5px 7.5px 50px 7.5px;} .u23design.design2.mod_imagebox.displaymode_imagebox_c .productView_Container_text_content {padding: 30px 0 0; width: 100%; } .u23design.design2.mod_imagebox.displaymode_imagebox_c .productView_Container_text {background-color: transparent;} .u23design.design2.mod_imagebox.displaymode_imagebox_c .h3 {margin-bottom:2px; color:var(--color-default); } .u23design.design2.mod_imagebox.displaymode_imagebox_c .slideText {margin-bottom:0px; color:var(--color-medium);} .u23design.design2.mod_imagebox.displaymode_imagebox_c .circleButton {display:none;} @media (max-width: 991px) { .u23design.mod_imagebox.displaymode_imagebox_c.design2 .mod_imagebox_a_singleslide {width:60%;} } .u23design.design2.mod_imagebox.displaymode_imagebox_c.horizontalscroll .swiper-container {overflow:visible} .u23design.design2.mod_imagebox.displaymode_imagebox_c.horizontalscroll .swiper-container .swiper-wrapper {overflow:visible} .u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText {background-color:transparent; text-align:center} .text-left.u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText, .text-start.u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText {text-align:left} .text-right.u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText, .text-end.u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText {text-align:right} .u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText .h4 {font-family:var(--font-default); font-weight:var(--weight-normal); color:var(--color-default);margin-bottom:2px;} .u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText .modelleText_detail {font-family:var(--font-default); font-weight:var(--weight-normal); color:var(--color-medium);} .notext.design2.mod_imagebox.displaymode_imagebox_c .modelleText .modelleText_detail {display:none;} .notitle.mod_imagebox.displaymode_imagebox_c .modelleText {display:none;} /* mod_imagebox mod_imagebox_14766 displaymode_imagebox_b mod_imagebox_b mod_imagebox_b_14766 alternatecolor slider horizontalscroll nopagination piped_from_mod_imagebox_b u23design defaultMargin */ /* globalnews style */ .u23design.mod_imagebox.displaymode_imagebox_b {} .u23design.mod_imagebox.displaymode_imagebox_b.horizontalscroll .swiper-container {overflow: visible;} .u23design.mod_imagebox.displaymode_imagebox_b.horizontalscroll.overflowhidden .swiper-container {overflow: hidden;} .u23design.mod_imagebox.displaymode_imagebox_b.horizontalscroll .swiper-container .swiper-wrapper {overflow: visible;} /* .u23design.mod_imagebox.displaymode_imagebox_b.horizontalscroll .swiper-button-prev, .u23design.mod_imagebox.displaymode_imagebox_b.horizontalscroll .swiper-button-next { top: 20%; } */ .u23design.mod_imagebox.displaymode_imagebox_b .container-text {margin-bottom:90px;} .u23design.mod_imagebox.displaymode_imagebox_b .container-text .h3, .u23design.mod_imagebox.displaymode_imagebox_b .container-text .h5 {margin-bottom:0px;} .design2.equalwidth.mod_imagebox.displaymode_imagebox_b .headlineContb {display:none;} .u23design.design2.equalwidth.mod_imagebox.displaymode_imagebox_b .headlineContb {display:block;} .u23design.mod_imagebox.displaymode_imagebox_b.partnerheadline .container-text {margin-bottom:10px;} .u23design.mod_imagebox.displaymode_imagebox_b .container-text .h5 {font-family:var(--font-default); font-weight:var(--weight-normal);} .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color:var(--color-bg-light); height: 100%; } .blockColorClass_color1.u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color:var(--color-bg-default); } .u23design.mod_imagebox.displaymode_imagebox_b:not(.noborder) .itemColumn .innerContent { border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: start;} .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { padding:40px 40px 40px 40px; display:block; height:auto; flex-grow: 1;} .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn a.textContent { text-decoration:none; cursor:pointer; flex-grow: 1;} .u23design.mod_imagebox.displaymode_imagebox_b .container-images .h5 { margin-top:0px; margin-bottom:17px; color:var(--color-highlight);} .u23design.mod_imagebox.displaymode_imagebox_b .text-description-mob {padding-top:0; color:var(--color-medium); margin-bottom:0; } .u23design.mod_imagebox.displaymode_imagebox_b.notext .itemColumn .textContent, .u23design.mod_imagebox.displaymode_imagebox_b.notitle .itemColumn .textContent { display:none; } .notitle.mod_imagebox.displaymode_imagebox_b .headlineCont {display: none;} .notitle.mod_imagebox.displaymode_imagebox_b .headlineCont {display: none;} .percol-5.notitle.mod_imagebox.displaymode_imagebox_b .itemColumn {padding-bottom:30px;} .u23design.mod_imagebox.displaymode_imagebox_b .container-images .itemColumn.highlight .innerContent {background-color:var(--color-highlight); } .u23design.mod_imagebox.displaymode_imagebox_b .container-images .itemColumn.highlight .h5 {color:var(--color-white); } .u23design.mod_imagebox.displaymode_imagebox_b .container-images .itemColumn.highlight .text-description-mob {color:var(--color-white); } .u23design.mod_imagebox.displaymode_imagebox_b .container-images .itemColumn.highlight a.textContent::before {color:var(--color-white); } /* fix obe unternehmen block mit partner logos */ .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn {height: auto; position:relative;} .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {position:relative;} .u23design.design2.equalwidth.mod_imagebox.displaymode_imagebox_b .headlineContb {display:none;} @media (max-width: 991px) { .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { padding: 25px 25px 25px 25px;} .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { padding: 15px 15px 15px 15px;} } .u23design.mod_imagebox.displaymode_imagebox_b:not(.text-big, .text-medium, .text-default, .text-small) .textContent .h5 { font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-default); font-style: var(--style-h5); font-weight: var(--weight-h5); } /* drin: */ /* headline-h3 slidetitleabove sublinefirst headline-highlight breite-7-5 vtop reverse format4by3 img-vtop subline-h4 */ /* sublinefirst headline-highlight vtop format4by3 img-vtop subline-h4 */ /* mediumwidth headline-h4 headline-highlight text-medium breite-7-5 vtop reverse slidetitleabove format4by3 img-justify-start img-vtop */ .mod_imagebox.displaymode_imagebox_b { position: relative; } .mod_imagebox.displaymode_imagebox_b .h3 { margin-bottom: 10px; } .mod_imagebox.displaymode_imagebox_b .h5 { margin-bottom: 10px; } .mod_imagebox.displaymode_imagebox_b .textblockText { padding-top: 30px; } .mod_imagebox.displaymode_imagebox_b .magazin_container { min-height: 231px; min-height:10px; } .mod_imagebox.displaymode_imagebox_b a .magazin_container { min-height: 231px; min-height:10px; cursor: pointer; } .mod_imagebox.displaymode_imagebox_b .magazin_container { background-color: transparent; background-size: cover; background-position: center top; background-repeat: no-repeat; height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s; } @media (min-width: 992px) { .mod_imagebox.displaymode_imagebox_b .magazin_container { background-size: 100%; } } .mod_imagebox.displaymode_imagebox_b a .magazin_container:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .mod_imagebox.displaymode_imagebox_b a.innerCont { text-decoration: none !important; } .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; bottom: -20px; z-index: 5; left: 30px; display: block; width: calc(100% - 30px); } @media (min-width: 992px) { .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay { bottom: calc(-40px * var(--smallbox-headline-scalefactor)); } } .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay .h1, .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay .h2 { margin-bottom: 0; max-width: 100%; } @media (min-width: 992px) { .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay .h1, .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay .h2 { max-width: 95%; } } /* jetzt in global .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay .h1 span, .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay .h2 span { font-family: var(--font-sliderh1); font-style: var(--style-sliderh1); font-weight: var(--weight-sliderh1); color: white; background-color: var(--color-highlight); padding: 5px 30px 10px 30px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-decoration-break: clone; box-decoration-break: clone; margin-bottom: 30px; line-height: var(--line-sliderh1); font-size: var(--size-sliderh1)); } @media (min-width: 992px) { .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay .h1 span, .mod_imagebox.displaymode_imagebox_b .magazine_TextOverlay .h2 span { line-height: calc(var(--line-sliderh1) * var(--smallbox-headline-scalefactor-line)); font-size: calc(var(--size-sliderh1) * var(--smallbox-headline-scalefactor)); } } */ .mod_imagebox.displaymode_imagebox_b .text-description { position: absolute; color: var(--color-magezinetext); font-size: var(--size-main); padding-top: 22px; } .mod_imagebox.displaymode_imagebox_b .magazine_item { height: 100%; /* min-height:300px; */ } /* text f�r mobil unter der Box */ .mod_imagebox.displaymode_imagebox_b .text-description-mob { position: relative; color: var(--color-magezinetext); font-size: var(--size-main); padding-top: 35px; margin-bottom: 20px; } /* @media (min-width: 992px) { .mod_imagebox.displaymode_imagebox_b .text-description-mob { padding-left: 38px; } }*/ .mod_imagebox.displaymode_imagebox_b .itemColumn { padding-left: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5); } /* default BS --bs-gutter-x == 1.5rem == 24px */ .mod_imagebox.displaymode_imagebox_b .itemColumn { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; height: 100%; } @media (max-width: 767px) { .mod_imagebox.displaymode_imagebox_b .itemColumn { padding-left: 8px; padding-right: 8px; } } @media (min-width: 992px) { .mod_imagebox.displaymode_imagebox_b .itemColumn.type_1 { padding-top: 0px; margin-bottom: 90px; margin-bottom: 0; } .mod_imagebox.displaymode_imagebox_b .itemColumn.type_2 { padding-top: 10px; margin-bottom: 160px; margin-bottom: 0; } .mod_imagebox.displaymode_imagebox_b .itemColumn.type_3 { padding-top: 90px; margin-bottom: 90px; margin-bottom: 0; } .mod_imagebox.displaymode_imagebox_b .itemColumn.type_4 { padding-top: 10px; margin-bottom: 90px; margin-bottom: 0; } /* bei equalwidth keine extremen bottom margins */ .equalwidth.mod_imagebox.displaymode_imagebox_b .itemColumn.type_1, .equalwidth.mod_imagebox.displaymode_imagebox_b .itemColumn.type_2, .equalwidth.mod_imagebox.displaymode_imagebox_b .itemColumn.type_3, .equalwidth.mod_imagebox.displaymode_imagebox_b .itemColumn.type_4 { padding-top: 10px; margin-bottom: 30px; } .ordered.mod_imagebox.displaymode_imagebox_b .itemColumn.type_1 { padding-top: 0px; } .ordered.mod_imagebox.displaymode_imagebox_b .itemColumn.type_2 { padding-top: 0px; } .ordered.mod_imagebox.displaymode_imagebox_b .itemColumn.type_3 { padding-top: 0px; } .ordered.mod_imagebox.displaymode_imagebox_b .itemColumn.type_4 { padding-top: 0px; } } /* bei Extraklasse equalwidth die mobile Texte auf desktop anzeigen damit diese au�erhalb des imagewrappers liege und boxh�he beeinflussen*/ .equalwidth.mod_imagebox.displaymode_imagebox_b .text-description { display: none !important; } .equalwidth.mod_imagebox.displaymode_imagebox_b .text-description-mob { display: block !important; } @media (min-width: 768px) { .equalwidth.mod_imagebox.displaymode_imagebox_b .text-description-mob { padding-top: 45px; position: relative; color: var(--color-magezinetext); /* font-size: var(--size-magezinetext); */ } } .design2.equalwidth.mod_imagebox.displaymode_imagebox_b .text-description-mob { padding-top: 0px; /* position: relative; */ /* color: var(--color-magezinetext); */ /* font-size: var(--size-magezinetext); */ } .design2.equalwidth.mod_imagebox.displaymode_imagebox_b h5 { margin-top: 10px; margin-bottom: 5px; } .design2.equalwidth.mod_imagebox.displaymode_imagebox_b .text-description-mob { color: var(--color-default); } /* boxen / cards design wit */ .designcards.mod_imagebox.displaymode_imagebox_b .container-text {margin-bottom:30px;} .designcards.mod_imagebox.displaymode_imagebox_b .container-text .h3 {} .designcards.mod_imagebox.displaymode_imagebox_b .container-images {} .designcards.mod_imagebox.displaymode_imagebox_b .magazineRow { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; height: auto; position: relative; justify-content: center; } .designcards.mod_imagebox.displaymode_imagebox_b .itemColumn, .designcards.mod_imagebox.displaymode_imagebox_b .itemColumn.type_1{padding: 10px; height: auto;} .designcards.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent { background-color: var(--color-color1); padding: 20px 20px 40px; text-align: left; height: 100%; border-radius: 15px; } .designcards.blockColorClass_color1.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color: var(--color-white);} .designcards.blockColorClass_color2.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color: var(--color-white);} .designcards.blockColorClass_color3.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color: var(--color-white);} .designcards.blockColorClass_highlight.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color: var(--color-white);} .designcards.mod_imagebox.displaymode_imagebox_b .itemColumn .imageWrapperCont { margin-bottom: 30px; border-radius: 10px; overflow: hidden; } .designcards.mod_imagebox.displaymode_imagebox_b .itemColumn .headlineCont { text-align: left; margin-bottom: 20px; font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } .designcards.mod_imagebox.displaymode_imagebox_b .itemColumn .text-description-mob { padding: 0; margin: 0; } .designcards.mod_imagebox.displaymode_imagebox_b .itemColumn .text-description-mob.tdmb {display:none !important;} /* listen design wit */ .designlist.mod_imagebox.displaymode_imagebox_b .container-text {margin-bottom:30px;} .designlist.mod_imagebox.displaymode_imagebox_b .container-text .h3 {} .designlist.mod_imagebox.displaymode_imagebox_b .container-images {} .designlist.mod_imagebox.displaymode_imagebox_b .magazineRow { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; height: auto; position: relative; justify-content: center; } .designlist.mod_imagebox.displaymode_imagebox_b .listBtnContent .btn {white-space: nowrap; } .designlist.u23design.mod_imagebox.displaymode_imagebox_b:not(.noborder) .itemColumn .innerContent {flex-direction: row; flex-wrap: nowrap;} .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn.type_1, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn.type_2, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn.type_3, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn.type_4{padding: 10px; height: auto; width:100%; margin-bottom:5px; text-decoration:none;} .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent { background-color: var(--color-color1); padding: 20px 20px 20px; text-align: left; height: 100%; border-radius: 15px; display: flex; flex-direction: row; justify-content: start; align-items: start; } .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listImageContent {width: 150px; padding-right:20px; flex-shrink: 0} .designlist.format4by3.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listImageContent {width: 200px;} .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listTextContent {flex-grow: 1; padding-right: 2rem;} .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listBtnContent {align-self: center;} .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listImageContent .imageWrapperCont {margin-bottom:0;} @media (max-width: 991px) { .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent { flex-direction:column; align-items: center; } .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listImageContent, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listTextContent { padding-right: 15px; } .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listImageContent, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listTextContent { margin-bottom:15px; } } @media (max-width: 767px) { .designlist.u23design.mod_imagebox.displaymode_imagebox_b:not(.noborder) .itemColumn .innerContent { flex-direction: column; flex-wrap: wrap; justify-content: center; } .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent .listTextContent, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .headlineCont, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .text-description-mob { text-align:center !important; } } .designlist.blockColorClass_color1.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color: var(--color-white);} .designlist.blockColorClass_color2.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color: var(--color-white);} .designlist.blockColorClass_color3.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color: var(--color-white);} .designlist.blockColorClass_highlight.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent {background-color: var(--color-white);} .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .imageWrapperCont { margin-bottom: 30px; border-radius: 10px; overflow: hidden; } .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .headlineCont { text-align: left; margin-bottom: 20px; margin-bottom: 0.5em; font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .text-description-mob { padding: 0; margin: 0; } .designlist.u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent {display:none;} .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .text-description-mob .btn_replaced { display: none; } .mod_imagebox.displaymode_imagebox_b .text-description-hover { display: flex; position: absolute; align-items: center; justify-content: center; color: transparent; height: 100%; padding: 20px; z-index: 2; } .mod_imagebox.displaymode_imagebox_b .text-description-hover:hover { display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; transition: .6s; height: 100%; color: #ffffff; background-color: rgba(0, 0, 0, 0.8); } .textinsidehover.mod_imagebox.displaymode_imagebox_b .text-description-mob, .textinsidehover.mod_imagebox.displaymode_imagebox_b .text-description-mob.d-block {display:none !important ;} @media (min-width: 992px) and (max-width: 1199px) { .mod_imagebox.displaymode_imagebox_b .text-description-hover { font-size: calc(var(--bs-body-font-size) * 0.85); line-height: calc(var(--bs-body-line-height) * 0.85); } } @media (max-width: 576px) { .mod_imagebox.displaymode_imagebox_b .text-description-hover { display: none; font-size: calc(var(--bs-body-font-size) * 0.85); line-height: calc(var(--bs-body-line-height) * 0.85); } .textinsidehover.mod_imagebox.displaymode_imagebox_b .text-description-mob.d-block { display:block !important;} } @media (min-width: 992px) { .percol-5.mod_imagebox.displaymode_imagebox_b .itemColumn.col-lg-2 { flex: 0 0 auto; width: 20%; } } .mod_imagebox.displaymode_imagebox_c { } .mod_imagebox.displaymode_imagebox_c .h3 { margin-bottom: 10px; } .mod_imagebox.displaymode_imagebox_c .h5 { margin-bottom: 10px; } .mod_imagebox.displaymode_imagebox_c .container-images { position:relative; } .mod_imagebox.displaymode_imagebox_c .row-imagebox-images { position:relative; } .mod_imagebox.displaymode_imagebox_c .textblockText { padding-top: 10px; } .mod_imagebox.displaymode_imagebox_c .modelleText { text-align: center; } .text-left.mod_imagebox.displaymode_imagebox_c .modelleText, .text-start.mod_imagebox.displaymode_imagebox_c .modelleText {text-align:left} .text-right.mod_imagebox.displaymode_imagebox_c .modelleText, .text-end.mod_imagebox.displaymode_imagebox_c .modelleText {text-align:right} .mod_imagebox.displaymode_imagebox_c a.imagebox, .mod_imagebox.displaymode_imagebox_c a.imagebox:visited { text-decoration: none; color: var(--color-default); } .mod_imagebox.displaymode_imagebox_c a.imagebox:hover, .mod_imagebox.displaymode_imagebox_c a.imagebox:active { color: var(--color-highlight); } .blockColorClass_highlight1.mod_imagebox.displaymode_imagebox_c a.imagebox, .blockColorClass_highlight1.mod_imagebox.displaymode_imagebox_c a.imagebox:visited { color: var(--color-white); } .blockColorClass_highlight1.mod_imagebox.displaymode_imagebox_c a.imagebox:hover, .blockColorClass_highlight1.mod_imagebox.displaymode_imagebox_c a.imagebox:active { color: var(--color-default); } .mod_imagebox.displaymode_imagebox_c .slideimage { background-position: center center; background-size: auto 100%; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s; } .mod_imagebox.displaymode_imagebox_c a:hover .slideimage, .mod_imagebox.displaymode_imagebox_c a.slideimage:hover { cursor: pointer; /* background-size: auto 110%;*/ } .mod_imagebox.displaymode_imagebox_c.w-20, .mod_imagebox.displaymode_imagebox_c.w-25, .mod_imagebox.displaymode_imagebox_c.w-33, .mod_imagebox.displaymode_imagebox_c.w-50, .mod_imagebox.displaymode_imagebox_c.w-100 { width:100% !important; } .mod_imagebox.displaymode_imagebox_c .imageWrapperContainer { margin-bottom: 1rem; } .design2.mod_imagebox.displaymode_imagebox_c .imageWrapperContainer, .textwrapped.mod_imagebox.displaymode_imagebox_c .imageWrapperContainer { margin-bottom: 0rem; } .format1by1point125.mod_imagebox.displaymode_imagebox_c .slideimage { background-size:cover; } .textwrapped.mod_imagebox.displaymode_imagebox_c .textwrapper { background-color: var(--color-color1); } .textwrapped.mod_imagebox.displaymode_imagebox_c .modelleText { padding: 15px; } .compactscroller.mod_imagebox.displaymode_imagebox_c .modelleText { padding: 15px; } .compactscroller.mod_imagebox.displaymode_imagebox_c .coldesgnOverwrite.col-compactscroller { /* width:30% !important; */ } /* @media (max-width: 997px) { */ /* .textwrapped.mod_imagebox.displaymode_imagebox_c .textwrapper {height: 100%; padding-bottom: 0} */ /* .textwrapped.mod_imagebox.displaymode_imagebox_c .textwrapper .innerCont{position: relative;} */ /* } */ .mod_imagebox.displaymode_imagebox_c .swiper-pagination.swiper-pagination-bullets { position:relative; } .mod_imagebox.displaymode_imagebox_c .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 2px; } .mod_imagebox.displaymode_imagebox_c .swiper-pagination.swiper-pagination-fraction { width: auto; padding: 3px 15px; background: var(--color-color1); color: var(--color-default); border-radius: 40px; opacity: 1; min-width: 70px; display: inline-block; text-align: center; margin-left: auto; margin-right: auto; position: relative; } @media (min-width: 768px) { .mod_imagebox.displaymode_imagebox_c .swiper-button-prev{left:-20px; transform: translateY(-100%);} .mod_imagebox.displaymode_imagebox_c .swiper-button-next{right:-20px; transform: translateY(-100%);} } @media (min-width: 1200px) { .mod_imagebox.displaymode_imagebox_c .swiper-button-prev{left:-40px;} .mod_imagebox.displaymode_imagebox_c .swiper-button-next{right:-40px;} } .design2.mod_imagebox.displaymode_imagebox_c .modelleText { text-align: left; background-color: #f0f0f088; min-height: 130px; padding: 20px; position: relative; height:auto; } .autoheight.design2.mod_imagebox.displaymode_imagebox_c .modelleText { min-height: 2em; } .design2.mod_imagebox.displaymode_imagebox_c .modelleText i { position: absolute; top: 0px; bottom: 0; /* left: 0; */ right: 30px; font-size: 42px; margin: auto; height: 30px; width: 30px; transition: 0.3s; } .design2.mod_imagebox.displaymode_imagebox_c .modelleText .modelleText_detail { max-width: 80%; } .design2.mod_imagebox.displaymode_imagebox_c .modelleText .h4 { line-height: var(--line-h3); font-family: var(--font-h3); font-style: var(--style-h3); font-weight: var(--weight-h3) !important; width: 80%; } .design2.u23design.mod_imagebox.displaymode_imagebox_c .modelleText .h4 {width:100%;} .design2.mod_imagebox.displaymode_imagebox_c .circleButton { position: absolute; top: 0; bottom: 0; /* left: 0; */ right: 30px; height: 30px; width: 30px; border-radius: 50%; /* border: 1px solid var(--color-default); */ display: flex; justify-content: center; align-items: center; font-size: 22px; margin: auto; color: var(--color-default); cursor: pointer; background-image: url('https://2021.mcrobots.slxhost.de/img/icons/pfeil.svg'); background-position: center; background-repeat: no-repeat; } .design2.mod_imagebox.displaymode_imagebox_c .imagebox:hover i { /* transform: scale(1.25); */ } .design2.mod_imagebox.displaymode_imagebox_c .modelleText .modelleText_detail { margin-left: 0px !important; } .wrappertuer.mod_imagebox.displaymode_imagebox_c .imagebox .wrapper1by1 { padding-bottom:140%; } .wrappertuer.mod_imagebox.displaymode_imagebox_c .slideimage { text-align: center; } .wrappertuer.mod_imagebox .img-fluid { width: auto; height: 100%; margin-left: auto; margin-right: auto; } /* overflowscroll extraklasse - start - alle nebeneinander in row zum horizontal durchscrollen per overflow */ @media (max-width: 991px) { .overflowscroll.mod_imagebox.displaymode_imagebox_c .container-images {} .overflowscroll.mod_imagebox.displaymode_imagebox_c .container-images .row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left !important; overflow-x: scroll; overflow-y: hidden; } .overflowscroll.mod_imagebox.displaymode_imagebox_c .container-images .row .clearfix{display:none !important;} .overflowscroll.mod_imagebox.displaymode_imagebox_c .container-images .row .imagebox{ flex: 0 0 auto; width: 90%;} } /* overflowscroll extraklasse - ende */ /* overflowscroll extraklasse - start - alle nebeneinander in row zum horizontal durchscrollen per overflow */ @media (max-width: 991px) { .overflowscroll.mod_imagebox.displaymode_imagebox_a .containerImagebox {} .overflowscroll.mod_imagebox.displaymode_imagebox_a .containerImagebox .row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left !important; overflow-x: scroll; overflow-y: hidden; } .overflowscroll.mod_imagebox.displaymode_imagebox_a .containerImagebox .row .clearfix{display:none !important;} .overflowscroll.mod_imagebox.displaymode_imagebox_a .containerImagebox .row .mod_imagebox_a_singleslide{ flex: 0 0 auto; width: 90%;} .overflowscroll.mod_imagebox.displaymode_imagebox_a .containerImagebox .row .mod_imagebox_a_singleslide .row {flex-wrap: wrap;} } /* overflowscroll extraklasse - ende */ /* overflowscroll extraklasse - start - alle nebeneinander in row zum horizontal durchscrollen per overflow */ @media (max-width: 991px) { .overflowscroll.mod_imagebox.displaymode_imagebox_b .container-images {} .overflowscroll.mod_imagebox.displaymode_imagebox_b .container-images .magazineRow { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left !important; overflow-x: scroll; overflow-y: hidden; } .overflowscroll.mod_imagebox.displaymode_imagebox_b .container-images .magazineRow .clearfix{display:none !important;} .overflowscroll.mod_imagebox.displaymode_imagebox_b .container-images .magazineRow .mod_imagebox_b_singleslide{ flex: 0 0 auto; width: 90%;} } /* overflowscroll extraklasse - ende */ /* überschreibungsklassen breite - alle variationen -- start */ .mod_imagebox.w-20, .mod_imagebox.w-25, .mod_imagebox.w-33, .mod_imagebox.w-50, .mod_imagebox.w-100, .mod_imagebox.w-auto {width:100% !important;} .w-100.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-100.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:100%;} .w-50.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-50.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:50%;} .w-33.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-33.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:33%;} .w-25.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-25.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:25%;} .w-20.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-20.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:20%;} .w-auto.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-auto.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:auto%;} @media (min-width: 576px) { .w-sm-100.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-sm-100.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:100%;} .w-sm-50.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-sm-50.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:50%;} .w-sm-33.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-sm-33.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:33%;} .w-sm-25.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-sm-25.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:25%;} .w-sm-20.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-sm-20.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:20%;} .w-sm-auto.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-sm-auto.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:auto%;} } @media (min-width: 768px) { .w-md-100.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-md-100.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:100%;} .w-md-50.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-md-50.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:50%;} .w-md-33.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-md-33.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:33%;} .w-md-25.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-md-25.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:25%;} .w-md-20.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-md-20.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:20%;} .w-md-auto.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-md-auto.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:auto%;} } @media (min-width: 992px) { .w-lg-100.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-lg-100.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:100%;} .w-lg-50.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-lg-50.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:50%;} .w-lg-33.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-lg-33.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:33%;} .w-lg-25.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-lg-25.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:25%;} .w-lg-20.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-lg-20.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:20%;} .w-lg-auto.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-lg-auto.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:auto%;} } @media (min-width: 1200px) { .w-xl-100.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-xl-100.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:100%;} .w-xl-50.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-xl-50.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:50%;} .w-xl-33.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-xl-33.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:33%;} .w-xl-25.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-xl-25.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:25%;} .w-xl-20.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-xl-20.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:20%;} .w-xl-auto.u23design.mod_imagebox.displaymode_imagebox_a.design2 .mod_imagebox_a_singleslide, .w-xl-auto.u23design.mod_imagebox.someclass .mod_imagebox_a_singleslide {width:auto%;} } /* überschreibungsklassen breite - alle variationen -- start */ .cont-newsbox-pied-more .container-more {padding-top:60px;} .mod_imagebox .equalheightwrapper{ display: flex; flex-direction: row; flex-wrap: nowrap; } .mod_imagebox .equalheightwrapper .wrapper {width: 1px;} .mod_imagebox .equalheightwrapper .textContent {} .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn a.textContent:hover, .mod_imagebox.displaymode_imagebox_b .itemColumn a.textContent:hover { transform: scale(1); } .u23design.mod_imagebox.displaymode_imagebox_b a .magazin_container:hover, .mod_imagebox.displaymode_imagebox_b a .magazin_container:hover { -webkit-transform: scale(1); transform: scale(1); } .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn.isLink, .mod_imagebox.displaymode_imagebox_b .itemColumn.isLink { transition: transform 0.3s ease; } .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn.isLink:hover, .mod_imagebox.displaymode_imagebox_b .itemColumn.isLink:hover { -webkit-transform: scale(0.95) ; transform: scale(0.95); } .u23design.designlist.mod_imagebox.displaymode_imagebox_b .itemColumn.isLink:hover, .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn.isLink:hover { -webkit-transform: scale(1); transform: scale(1); } .gridview.mod_imagebox.displaymode_imagebox_b .itemColumn, .gridview.percol-5.notitle.mod_imagebox.displaymode_imagebox_b .itemColumn { padding-bottom: 1.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .gridview.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent { padding:1rem; } /*sbe ausstellung dev*/ .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .itemColumn {height:auto;} .box-bg-highlight.u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent { background-color: var(--color-highlight); color: var(--color-white); } .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .text-description-mob {color: var(--color-white); position: static; padding-bottom: 40px;} .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .container-images .h5{color: var(--color-white);} .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { display: flex; flex-direction: column; position: relative !important; } .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .textContent .replaced_svg svg { width: 100%; height: auto; } .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .textContent .replaced_svg { max-width: min(160px, 25%); display: inline-block; height: auto; width: 100%; position: absolute; left: 20px; bottom: 20px; opacity:0; transition:all 0.3s ease; } @media (min-width: 992px) { .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .textContent .replaced_svg { max-width: 56%; width: 100%; left: 40px; } } .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .textContent[style*="visibility: visible; animation-name: anitxt;"] .replaced_svg, .box-bg-highlight.mod_imagebox.displaymode_imagebox_b .textContent[style*="visibility: visible;"] .replaced_svg { transition:all 0.3s ease; transition-delay:1.2s; opacity:1; } .slideextra_preview { --color-bg-default: #fdd; --color-bg-light: #fdd; } .slideextra_preview > .innerContent { background-color: #fdd !important; } #globalnews_newsboxen_type1_previewbar { position: fixed; left: 0; bottom: 0; right: 0; background: #ffb1b1; z-index: 10000; color: #000; padding: 10px 0 5px; font-size: 14px; z-index: 200; visibility: visible !important; } #globalnews_newsboxen_type1_previewbar .bereitsgesperrt { color: #fff; background-color: #ba0000; padding: 0 5px; } #globalnews_newsboxen_type1_previewbar a.btn.btn-preview { color: #333; border: 1px solid #333; font-size: 14px; font-family: Arial; margin: 0 0 5px; background-color: #ddd; padding: 4px 16px; } #globalnews_newsboxen_type1_previewbar a.btn.btn-preview:hover { color: #333; border: 1px solid #333; font-size: 14px; font-family: Arial; margin: 0 0 5px; background-color: #fff; } .zitat.u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content { padding-top:100px; flex-direction: column-reverse; } .zitat.u23design.design2.mod_imagebox.displaymode_imagebox_a .img-fluid.replaced_bild { width: 25%; position: absolute; left: 50%; top: 0; transform: translate(-50%, calc(-100% + 80px)); border: 6px solid #fff; border-radius: 50%; } @media (min-width: 992px) { .zitat.u23design.design2.mod_imagebox.displaymode_imagebox_a .img-fluid.replaced_bild { width: 50%; } } .zitat.u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text .slideText { font-style: italic; margin-bottom: 1.5em; text-align: center; } .zitat.u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text .boxheadliine { font-size: var(--size-normal); line-height: var(--line-normal); font-family: var(--font-normal); font-style: normal; font-weight: var(--weight-normal); text-align: center; } .zitat.u23design.design2.mod_imagebox.displaymode_imagebox_a.horizontalscroll .swiper-container { overflow: hidden; } @media (max-width: 767px) { .zitat.u23design.design2.mod_imagebox.displaymode_imagebox_a .productView_Container_text_content {padding-top:50px;} .zitat.u23design.design2.mod_imagebox.displaymode_imagebox_a .img-fluid.replaced_bild { transform: translate(-50%,calc(-100% + 40px));} } .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn a.textContent:hover {} .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn a.textContent::after { content: " "; display: block; width: 24px; height: 24px; position: absolute; right: 25px; bottom: 20px; z-index: 2; background-color: transparent; background-image: url('../../img/icons/external-link-alt.svg'); background-repeat: no-repeat; background-position: 100% 100%; background-size: 100%; pointer-events: none; opacity: 0.4; } .cont-newsbox-pied-more .container-more { padding-top: 20px; } @media (min-width: 992px) { .showvideoicon-mob.mod_imagebox .mp4imagebox::before { content: ""; background-image: url('data:image/svg+xml,'); width: 100%; height: 100%; display: block; position: absolute; background-size: 60px; background-position: center; background-repeat: no-repeat; z-index: 2; filter: invert(1); pointer-events: none; } .showvideoicon-mob.mod_imagebox .mp4imagebox.playonhover:hover::before { content: ""; display:none; } } @media (max-width: 991px) { .showvideoicon-mob.mod_imagebox .mp4imagebox::before { content: ""; background-image: url('data:image/svg+xml,'); width: 100%; height: 100%; display: block; position: absolute; background-size: 60px; background-position: center; background-repeat: no-repeat; z-index: 2; filter: invert(1); pointer-events: none; } } @media (min-width: 992px) { body.pageUnclicked .mod_imagebox .mp4imagebox.playonhover::after { content: ""; background-image: url('data:image/svg+xml,'); width: 100%; height: 100%; display: block; position: absolute; background-size: 40px; background-position: center; background-repeat: no-repeat; z-index: 3; filter: invert(1); pointer-events: none; top:0; background-position: calc(100% - 15px) calc(100% - 15px);; } } .automehrlesen.mod_imagebox.displaymode_imagebox_b .textContent .text-description-mob { max-height: calc(var(--size-default) * 5 * var(--line-default)); overflow: hidden; transition: max-height 0.5s linear; cursor:pointer; } .automehrlesen.mod_imagebox.displaymode_imagebox_b .textContent.clicked .text-description-mob { max-height: 1000px; overflow: visible; transition: max-height 0.5s linear; cursor:default; } .automehrlesen.mod_imagebox.displaymode_imagebox_b .textContent .automehrlesenMehrLink { display: block; text-align: right; font-size: var(--size-default); margin-top: 0.5em; cursor:pointer; } .automehrlesen.mod_imagebox.displaymode_imagebox_b .textContent.clicked .automehrlesenMehrLink { margin-top: 0; display:none; } .automehrlesen.mod_imagebox.displaymode_imagebox_b .textContent .automehrlesenMehrLink .mehr {display:inline;} .automehrlesen.mod_imagebox.displaymode_imagebox_b .textContent .automehrlesenMehrLink .weniger {display:none;} .automehrlesen.mod_imagebox.displaymode_imagebox_b .textContent.clicked .automehrlesenMehrLink .mehr {display:none;} .automehrlesen.mod_imagebox.displaymode_imagebox_b .textContent.clicked .automehrlesenMehrLink .weniger {display:inline;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .textContent .text-description-mob { max-height: calc(var(--size-default) * 5 * var(--line-default)); overflow: hidden; transition: max-height 0.5s linear; cursor:pointer; } .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .textContent.clicked .text-description-mob { max-height: 1000px; overflow: visible; transition: max-height 0.5s linear; cursor:default; } .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .textContent .automehrlesenMehrLink { display: block; text-align: right; font-size: var(--size-small); margin-top: -10px; cursor:pointer; } .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .textContent.clicked .automehrlesenMehrLink { margin-top: 0; display:none; } .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .textContent .automehrlesenMehrLink .mehr {display:inline;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .textContent .automehrlesenMehrLink .weniger {display:none;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .textContent.clicked .automehrlesenMehrLink .mehr {display:none;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .textContent.clicked .automehrlesenMehrLink .weniger {display:inline;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent {} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { position: absolute; left: 0; top: 100%; right: 0; bottom: auto; background-color: hwb(from var(--color-white) h w b / 0.75); transform: translateY(0%); transform: translateY(-150px); } .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent .boxheadline {min-height: 64px; max-height: 64px; animation-name: none !important; margin-bottom: 10px;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent .text-description-mob {height:0; animation-name: none !important; /* line-height: 120%; */ transition: all 0.5s ease;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent .automehrlesenMehrLink {display:block;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { transform: translateY(-100%); } .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent.clicked .boxheadline {min-height: 10px; max-height: 300px;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent.clicked .text-description-mob {height:auto;} .automehrlesenoverlay.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent.clicked .automehrlesenMehrLink {display:block;} .automehrlesenoverlay.u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { padding: 40px 40px 15px 40px; animation-name: none !important; } @media (max-width: 991px) { .automehrlesenoverlay.u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { padding: 15px 15px 15px 15px; } } .titleinsidehover.u23design.mod_imagebox.displaymode_imagebox_b .container-text {margin-bottom:3em;} .titleinsidehover.displaymode_imagebox_b {} .u23design.titleinsidehover.displaymode_imagebox_b .itemColumn .textContent, .titleinsidehover.displaymode_imagebox_b .itemColumn .textContent { position: absolute; left: 0; top: auto; right: 0; bottom: 0; display: flex; pointer-events: none; background-color: hwb(from var(--color-white) h w b / 0.0); opacity:1; transition: all 0.3s ease; display:flex; flex-direction: column-reverse; } .titleinsidehover.displaymode_imagebox_b .itemColumn:hover .textContent { background-color: hwb(from var(--color-white) h w b / 0.75); opacity:1; } .titleinsidehover.displaymode_imagebox_b .itemColumn .textContent .text-description-mob { opacity:0; transition: all 0.3s ease; } .titleinsidehover.displaymode_imagebox_b .itemColumn:hover .textContent .text-description-mob { opacity:1; } .titleinsidehover.displaymode_imagebox_b .itemColumn .textContent .boxheadline { margin-bottom:0; padding: 40px 40px 40px 40px; display: block; left: -40px; position: relative; right: -40px; background: red; width: calc(100% + 80px); bottom: -40px; background-color: hwb(from var(--color-white) h w b / 0.75); transition: all 0.3s ease; animation-name: none !important; } .titleinsidehover.displaymode_imagebox_b .itemColumn:hover .textContent .boxheadline { background-color: hwb(from var(--color-white) h w b / 0.0); } .titleinsidehover.displaymode_imagebox_b .itemColumn .textContent .text-description-mob { transform: translateY(-2em); line-height: 120%; margin-bottom:0.5em; animation-name: none !important; } .titleinsidehover.displaymode_imagebox_b .itemColumn:hover .textContent .text-description-mob { transform: translateY(0%); margin-bottom: -40px; } @media (max-width: 991px) { /* wegen .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { padding: 15px 15px 15px 15px; } */ .titleinsidehover.displaymode_imagebox_b .itemColumn .textContent .boxheadline { margin-bottom: 0; padding: 15px; left: -15px; width: calc(100% + 30px); bottom: -15px; } .titleinsidehover.displaymode_imagebox_b .itemColumn .textContent .text-description-mob { transform: translateY(0em); } .titleinsidehover.displaymode_imagebox_b .itemColumn:hover .textContent .text-description-mob { margin-bottom: -15px; } }