body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@font-face {
font-family: "bauhaus-light";
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-light.ttf);
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-light.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-light.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-light.woff2) format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "bauhaus-medium";
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-medium.ttf);
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-medium.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-medium.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-medium.woff2) format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "bauhaus-demi";
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-demi.ttf);
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-demi.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-demi.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-demi.woff2) format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "bauhaus-bold";
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-bold.ttf);
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-bold.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-bold.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-bold.woff2) format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "bauhaus-heavy";
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-heavy.ttf);
src: url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-heavy.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-heavy.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/itc-bauhaus-pro-heavy.woff2) format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-Italic.eot);
src: local("Lato Italic"), local("Lato-Italic"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Italic.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Italic.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Italic.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Italic.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Italic.svg#Lato-Italic) format("svg");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-Hairline.eot);
src: local("Lato-Hairline"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Hairline.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Hairline.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Hairline.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Hairline.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Hairline.svg#Lato-Hairline) format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-HairlineItalic.eot);
src: local("Lato-HairlineItalic"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-HairlineItalic.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-HairlineItalic.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-HairlineItalic.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-HairlineItalic.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-HairlineItalic.svg#Lato-HairlineItalic) format("svg");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-Regular.eot);
src: local("Lato Regular"), local("Lato-Regular"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Regular.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Regular.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Regular.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Regular.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Regular.svg#Lato-Regular) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-Black.eot);
src: local("Lato Black"), local("Lato-Black"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Black.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Black.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Black.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Black.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Black.svg#Lato-Black) format("svg");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-Bold.eot);
src: local("Lato Bold"), local("Lato-Bold"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Bold.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Bold.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Bold.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Bold.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Bold.svg#Lato-Bold) format("svg");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-BlackItalic.eot);
src: local("Lato Black Italic"), local("Lato-BlackItalic"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BlackItalic.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BlackItalic.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BlackItalic.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BlackItalic.svg#Lato-BlackItalic) format("svg");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-LightItalic.eot);
src: local("Lato-LightItalic"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-LightItalic.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-LightItalic.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-LightItalic.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-LightItalic.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-LightItalic.svg#Lato-LightItalic) format("svg");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-BoldItalic.eot);
src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BoldItalic.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BoldItalic.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BoldItalic.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-BoldItalic.svg#Lato-BoldItalic) format("svg");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url(../../bundles/contaodmahundrupstyles/fonts/Lato-Light.eot);
src: local("Lato-Light"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Light.eot?#iefix) format("embedded-opentype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Light.woff2) format("woff2"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Light.woff) format("woff"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Light.ttf) format("truetype"), url(../../bundles/contaodmahundrupstyles/fonts/Lato-Light.svg#Lato-Light) format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
html {
height: 100%;
}
body {
min-height: 100%;
}
html,
body {
font-size: 62.5%;
}
*,
:after,
:before {
box-sizing: border-box;
}
p {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 1.8rem;
line-height: 2.5rem;
margin-bottom: 0;
}
p + p {
margin-top: 1.5rem;
}
@media screen and (min-width: 1280px) {
p {
font-size: 2rem;
line-height: 3.2rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
}
h1,
h1 strong {
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
font-size: 8rem;
}
h1 strong {
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
}
h2,
h2 strong {
font-family: "bauhaus-light", Arial, Helvetica, sans-serif;
font-size: 4rem;
}
@media screen and (min-width: 1280px) {
h2,
h2 strong {
font-size: 5rem;
}
}
@media screen and (min-width: 1680px) {
h2,
h2 strong {
font-size: 6.5rem;
}
}
h2.ce_headline,
.ce_textimage.isHighlight h2,
.ce_textimage h2 strong,
h2 strong {
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
}
h3,
h3 strong {
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
font-size: 4.5rem;
}
h3 strong {
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
}
h4,
h4 strong {
font-size: 3.6rem;
}
h5,
h5 strong {
font-size: 2.6rem;
line-height: 3.5rem;
}
strong,
b {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 1.8rem;
font-weight: bold;
}
sup,
sub {
font-size: 1rem;
}
a {
text-decoration: none;
}
a h3 {
text-decoration: none;
}
video {
width: 100%;
height: auto;
}
select optgroup {
font-style: normal;
}
.widget {
font-size: 1.8rem;
}
#wrapper {
box-sizing: border-box;
margin: 0 0px;
padding-top: 120px;
width: 100%;
}
@media screen and (min-width: 480px) {
#wrapper {
width: calc(100% - 80px);
width: 100%;
}
}
@media screen and (min-width: 840px) {
#wrapper {
margin: 0 20px;
margin: 0 100px;
padding-top: 155px;
width: calc(100% - 200px);
width: 100%;
width: calc(100% - 200px);
min-height: 100vh;
}
}
@media screen and (min-width: 1280px) {
#wrapper {
margin: 0 auto;
padding: 150px 0 0;
padding-top: 165px;
max-width: 1000px;
max-width: 1280px;
}
}
@media screen and (min-width: 1680px) {
#wrapper {
padding: 165px 0px 0;
max-width: 1680px;
}
}
#wrapper .mod_article.block {
overflow: visible;
}
#crane {
position: fixed;
background: url("/bundles/contaodmahundrupstyles/images/hundrup-crane.svg") no-repeat;
background-size: cover;
background-position: 0 35%;
height: 100%;
left: 0rem;
pointer-events: none;
right: 0;
top: 0;
z-index: -1;
}
@media screen and (min-width: 840px) {
#crane {
background-position: 0% 10%;
}
}
body.animateCrane #crane {
animation-name: fadeInUpBig;
animation-duration: 2s;
animation-fill-mode: both;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.flexbox {
display: block;
}
@media screen and (min-width: 1280px) {
.flexbox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
}
}
.flex-w25 {
flex: 1;
flex-basis: 100%;
min-width: 100%;
}
.flex-w25:not(.widget-checkbox):not(.widget-radio) > input, .flex-w25:not(.widget-checkbox):not(.widget-radio) > select, .flex-w25:not(.widget-checkbox):not(.widget-radio) > textarea {
width: 100%;
display: block;
box-sizing: border-box;
}
@media screen and (min-width: 1119px) {
.flex-w25 {
flex: unset !important;
justify-content: space-between;
flex-basis: calc(25% - 20px);
min-width: calc(25% - 20px);
max-width: calc(25% - 20px);
width: calc(25% - 20px);
}
}
.flex-w33 {
display: table;
flex: 1;
flex-basis: 100%;
min-width: 100%;
}
@media screen and (min-width: 1280px) {
.flex-w33 {
display: inline-block;
justify-content: space-between;
flex-basis: calc(33% - 30px);
min-width: calc(33% - 30px);
max-width: calc(33% - 30px);
width: calc(33% - 30px);
}
}
.flex-w50 {
flex: 1;
flex-basis: 100%;
min-width: 100%;
}
@media screen and (min-width: 1280px) {
.flex-w50 {
flex: unset !important;
justify-content: space-between;
flex-basis: calc(50% - 10px);
min-width: calc(50% - 10px);
max-width: calc(50% - 10px);
width: calc(50% - 10px);
}
}
.flex-w75 {
flex: 1;
flex-basis: 100%;
min-width: 100%;
}
@media screen and (min-width: 1119px) {
.flex-w75 {
flex: unset !important;
justify-content: space-between;
flex-basis: calc(75% - 7px);
min-width: calc(75% - 7px);
max-width: calc(75% - 7px);
width: calc(75% - 7px);
display: flex;
flex-wrap: wrap;
}
}
@media screen and (min-width: 1280px) {
.flex-w75 .flex-w33 {
display: inline-block;
justify-content: space-between;
flex-basis: calc(33% - 15px);
min-width: calc(33% - 15px);
max-width: calc(33% - 15px);
width: calc(33% - 15px);
}
}
.flex-w100 {
flex-basis: 100%;
min-width: 100%;
max-width: 100%;
width: 100%;
}
.widget-clearfix {
flex-basis: 100%;
min-width: 100%;
}
/*HELPER*/
.mobile-only .btn {
margin: 0 20px;
width: calc(100% - 40px);
padding-left: 60px;
}
.mobile-only .btn svg {
height: 1.25em;
position: absolute;
left: 20px;
top: 10px;
}
.mobile-only .btn svg path {
fill: #FFFFFF;
}
.mobile-only .btn + .btn {
margin-top: 40px;
}
@media screen and (min-width: 840px) {
.mobile-only {
display: none;
}
}
.desktop-only {
display: none !important;
}
@media screen and (min-width: 840px) {
.desktop-only {
display: inline-block !important;
}
}
.visible-s {
display: none;
}
@media screen and (min-width: 840px) {
.visible-s {
display: inline-block;
}
}
.visible-l {
display: none;
}
@media screen and (min-width: 1680px) {
.visible-l {
display: inline;
}
}
@media screen and (min-width: 1680px) {
.hidden-l {
display: none !important;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.invisible {
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline;
}
.index-top {
z-index: 300;
position: relative;
}
.index-bottom {
z-index: 1;
position: relative;
}
.clear {
clear: both;
}
#cboxCurrent {
font-size: 1.4rem;
right: 50% !important;
transform: translateX(50%);
}
.cboxElement {
background-size: contain !important;
background-position: top !important;
}
#main-navigation {
background-color: #FFFFFF;
overflow: scroll;
position: absolute;
top: 64px;
width: 100%;
max-height: 85vh;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 840px) {
#main-navigation {
box-shadow: none;
background-color: transparent;
margin-top: 40px;
overflow: visible;
position: relative;
top: 0;
display: inline-block;
float: right;
width: auto;
}
}
@media screen and (min-width: 1280px) {
#main-navigation {
margin-top: 64px;
}
}
#main-navigation a,
#main-navigation strong {
font-size: 1.8rem;
text-decoration: none;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-weight: 700;
}
#main-navigation ul {
margin-bottom: 0;
}
#main-navigation ul li {
list-style: none;
}
#main-navigation ul li > a {
color: #000000;
transition: color 0.3s;
display: block;
}
#main-navigation ul li a,
#main-navigation ul li strong {
white-space: nowrap;
}
#main-navigation ul li > strong,
#main-navigation ul li a:hover {
color: #DC0B1C;
}
#main-navigation ul.level_1 {
max-height: 0;
overflow: hidden;
padding-top: 0;
transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
}
@media screen and (min-width: 840px) {
#main-navigation ul.level_1 {
height: auto;
overflow: visible;
}
}
.mainnav-is-active #main-navigation ul.level_1 {
max-height: 100vh;
transition: max-height 0.75s ease-in-out, padding 0.5s ease-in-out;
padding-top: 30px;
}
#main-navigation ul.level_1 .icon-submav-toggler {
display: inline-block;
height: 30px;
pointer-events: none;
position: absolute;
right: 9px;
top: -2px;
width: 30px;
z-index: 2;
}
#main-navigation ul.level_1 .icon-submav-toggler > span {
background-color: #000000;
border-radius: 3px;
display: block;
height: 3px;
left: 0;
position: absolute;
transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
width: 20px;
z-index: 1;
}
#main-navigation ul.level_1 .icon-submav-toggler > span:nth-child(1) {
left: -2px;
top: 12px;
transform: rotate(45deg);
}
#main-navigation ul.level_1 .icon-submav-toggler > span:nth-child(2) {
left: 10px;
top: 12px;
transform: rotate(-45deg);
}
@media screen and (min-width: 840px) {
#main-navigation ul.level_1 .icon-submav-toggler {
display: none;
}
}
#main-navigation ul.level_1 > li {
display: block;
margin-left: 25px;
padding-bottom: 30px;
position: relative;
}
#main-navigation ul.level_1 > li.submenu > a {
pointer-events: none;
}
@media screen and (min-width: 840px) {
#main-navigation ul.level_1 > li.submenu > a {
pointer-events: auto;
}
}
#main-navigation ul.level_1 > li.submenu.subnav-is-active .icon-submav-toggler > span {
background-color: #DC0B1C;
}
#main-navigation ul.level_1 > li.submenu.subnav-is-active .icon-submav-toggler > span:nth-child(1) {
transform: rotate(135deg);
}
#main-navigation ul.level_1 > li.submenu.subnav-is-active .icon-submav-toggler > span:nth-child(2) {
transform: rotate(-135deg);
}
@media screen and (min-width: 840px) {
#main-navigation ul.level_1 > li {
display: inline-block;
padding-bottom: 10px;
}
#main-navigation ul.level_1 > li:first-of-type {
margin-left: 0;
}
#main-navigation ul.level_1 > li:hover > .level_2 {
height: auto;
display: block;
text-align: left;
}
}
@media screen and (min-width: 1280px) {
#main-navigation ul.level_1 > li {
margin-left: 70px;
}
}
@media screen and (min-width: 840px) {
#main-navigation ul.level_2 {
background-color: #FFFFFF;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
display: none;
height: 0;
left: -25px;
overflow: visible;
padding: 10px 25px;
position: absolute;
top: 2.5rem;
max-height: inherit;
}
}
#main-navigation ul.level_2 > li {
padding-left: 30px;
padding-top: 10px;
}
@media screen and (min-width: 840px) {
#main-navigation ul.level_2 > li {
padding-left: 0;
padding-top: 0;
}
}
#main-navigation ul.level_2 > li > a,
#main-navigation ul.level_2 > li > strong {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
padding: 1rem 0;
display: block;
}
#main-navigation ul.level_1 > li.submenu > .level_2 {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
}
@media screen and (min-width: 840px) {
#main-navigation ul.level_1 > li.submenu > .level_2 {
max-height: inherit;
}
}
#main-navigation ul.level_1 > li.submenu.subnav-is-active > .level_2 {
max-height: 100vh;
transition-duration: 1.5s;
}
@media screen and (min-width: 840px) {
.menu-toggler {
display: none;
}
}
.menu-toggler .burgericon {
background-color: transparent;
background-image: none;
border-color: transparent;
border: 1px solid transparent;
border-radius: 0;
height: 70px;
padding: 20px 10px 10px 20px;
padding: 0;
position: relative;
width: 80px;
transition: background-color 0.5s ease-in-out;
}
.is-fixed .menu-toggler .burgericon {
background-color: #FFFFFF;
}
.is-fixed.js-nav-is-active .menu-toggler .burgericon {
background-color: transparent;
}
@media screen and (min-width: 1680px) {
.menu-toggler .burgericon {
display: none;
}
}
.is-fixed .menu-toggler .burgericon {
left: 0;
position: fixed;
top: 0;
}
.menu-toggler .burgericon:focus {
outline: none;
}
.menu-toggler .burgericon > span {
background-color: #FFFFFF;
display: block;
height: 5px;
left: 20px;
position: absolute;
transition: all 0.5s ease-in-out;
width: 40px;
}
.is-fixed .menu-toggler .burgericon > span {
background-color: #566367;
}
.is-fixed.js-nav-is-active .menu-toggler .burgericon > span {
background-color: #FFFFFF;
}
.menu-toggler .burgericon > span:nth-child(1) {
top: 20px;
}
.menu-toggler .burgericon > span:nth-child(2) {
top: 31px;
}
.menu-toggler .burgericon > span:nth-child(3) {
background-color: transparent;
border-radius: 0;
color: #FFFFFF;
height: 20px;
line-height: 1;
font-size: 15px;
top: 39px;
transition: color 0.25s ease-in-out;
}
.is-fixed .menu-toggler .burgericon > span:nth-child(3) {
color: #566367;
}
.js-nav-is-active .menu-toggler .burgericon > span:nth-child(1) {
top: 31px;
transform: rotate(45deg);
}
.js-nav-is-active .menu-toggler .burgericon > span:nth-child(2) {
top: 31px;
transform: rotate(-45deg);
}
.js-nav-is-active .menu-toggler .burgericon > span:nth-child(3) {
opacity: 0;
}
#main .mod_article > div[class^=ce_]:last-child {
margin-bottom: 10.25rem;
}
@media screen and (min-width: 840px) {
#main .mod_article > div[class^=ce_]:last-child {
margin-bottom: 20.5rem;
}
}
#main .ce_landingpage.manual .mod_article > div[class^=ce_]:last-child {
margin-bottom: 0;
}
.ce_buttonteaser {
margin-bottom: 10.25rem;
position: relative;
}
@media screen and (min-width: 840px) {
.ce_buttonteaser {
margin-bottom: 20.5rem;
}
}
.ce_buttonteaser .inner {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
padding: 1rem;
}
.ce_buttonteaser .inner .btn {
margin: 1rem 0;
}
@media screen and (min-width: 840px) {
.ce_buttonteaser .inner .btn {
margin: 40px;
}
}
.ce_mietkonfigurator,
.ce_mietkonfigurator {
background: #8d9192;
background: radial-gradient(ellipse at center, #8d9192 0%, #333333 100%);
margin-bottom: 10.25rem;
padding: 15px;
text-align: center;
}
@media screen and (min-width: 840px) {
.ce_mietkonfigurator,
.ce_mietkonfigurator {
margin-bottom: 20.5rem;
padding: 50px;
}
}
.ce_mietkonfigurator h2,
.ce_mietkonfigurator p,
.ce_mietkonfigurator h2,
.ce_mietkonfigurator p {
color: #FFFFFF;
}
.ce_mietkonfigurator h2,
.ce_mietkonfigurator h2 {
font-weight: bold;
margin-bottom: 2.5rem;
margin-top: 2rem;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
}
.ce_mietkonfigurator p,
.ce_mietkonfigurator p {
font-size: 3rem;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 3.8rem;
}
@media screen and (min-width: 840px) {
.ce_mietkonfigurator p,
.ce_mietkonfigurator p {
font-size: 4.5rem;
line-height: 5.5rem;
}
}
.ce_mietkonfigurator p:first-of-type,
.ce_mietkonfigurator p:first-of-type {
position: relative;
padding-top: 20px;
}
.ce_mietkonfigurator p:first-of-type:before,
.ce_mietkonfigurator p:first-of-type:before {
background-color: #FFFFFF;
content: "";
height: 1px;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 80%;
}
@media screen and (min-width: 840px) {
.ce_mietkonfigurator p,
.ce_mietkonfigurator p {
max-width: 75%;
margin: 0 auto;
}
}
.ce_mietkonfigurator .btn,
.ce_mietkonfigurator .btn {
margin: 30px 0 30px;
}
@media screen and (min-width: 840px) {
.ce_mietkonfigurator .btn,
.ce_mietkonfigurator .btn {
margin: 50px 0 30px;
}
}
.ce_previewteaser {
margin-bottom: 10.25rem;
overflow: hidden;
}
@media screen and (min-width: 840px) {
.ce_previewteaser {
margin-bottom: 20.5rem;
}
.ce_previewteaser.cols-2, .ce_previewteaser.cols-3, .ce_previewteaser.cols-4 {
display: flex;
-moz-column-gap: 120px;
column-gap: 120px;
}
.ce_previewteaser.cols-4, .ce_previewteaser.cols-3 {
-moz-column-gap: 60px;
column-gap: 60px;
}
}
.ce_previewteaser.cols-2 .ce_previewteaser--item {
width: 100%;
}
@media screen and (min-width: 840px) {
.ce_previewteaser.cols-2 .ce_previewteaser--item {
margin-bottom: 0;
width: calc(50% - 25px);
}
}
.ce_previewteaser.cols-3 .ce_previewteaser--item {
width: 100%;
}
@media screen and (min-width: 840px) {
.ce_previewteaser.cols-3 .ce_previewteaser--item {
margin-bottom: 0;
width: calc(33% - 25px);
}
}
.ce_previewteaser.cols-4 .ce_previewteaser--item {
width: 100%;
}
@media screen and (min-width: 840px) {
.ce_previewteaser.cols-4 .ce_previewteaser--item {
margin-bottom: 0;
width: calc(25% - 25px);
}
}
.ce_previewteaser.grayscale-1 .ce_previewteaser--item img {
filter: grayscale(0%);
}
@media screen and (min-width: 1280px) {
.ce_previewteaser.grayscale-1 .ce_previewteaser--item img {
filter: grayscale(100%);
}
}
.ce_previewteaser.grayscale-1 .ce_previewteaser--item:hover img {
transition: all 0.5s ease;
filter: grayscale(0%);
}
.ce_previewteaser .ce_previewteaser--item {
background-color: #FFFFFF;
border: 2px inset #DC0B1C;
border-bottom: 0;
position: relative;
overflow: visible;
z-index: 1;
margin-bottom: 10.25rem;
}
.ce_previewteaser .ce_previewteaser--item .ce_previewteaser--bgimage {
min-height: 150%;
}
.ce_previewteaser .ce_previewteaser--item:last-of-type {
margin-bottom: 0;
}
@media screen and (min-width: 840px) {
.ce_previewteaser .ce_previewteaser--item {
height: auto;
margin-bottom: 0;
padding-bottom: 0;
}
}
.ce_previewteaser .ce_previewteaser--item img {
transition: all 0.5s ease;
vertical-align: bottom;
min-height: 50%;
display: block;
margin: 0 auto;
}
.ce_previewteaser .ce_previewteaser--item .overlay {
max-height: 50%;
min-height: 50%;
width: calc(100% + 4px) !important;
margin-left: -2px;
margin-right: -2px;
background: #000000;
padding: 40px 40px 140px 40px;
}
.ce_previewteaser .ce_previewteaser--item .overlay .btn {
position: relative;
right: auto;
bottom: auto;
margin-top: 20px;
max-width: 100%;
}
.ce_previewteaser .ce_previewteaser--item .overlay p {
color: #FFFFFF;
font-size: 2.5rem;
line-height: 3.5rem;
margin: 0;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 900;
margin-bottom: 10px;
}
@media screen and (min-width: 480px) {
.ce_previewteaser .ce_previewteaser--item .overlay p {
font-size: 3.8rem;
line-height: 4.5rem;
}
}
.ce_previewteaser .ce_previewteaser--item .overlay p strong {
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
font-size: 2.5rem;
line-height: 3.5rem;
}
@media screen and (min-width: 480px) {
.ce_previewteaser .ce_previewteaser--item .overlay p strong {
font-size: 3.8rem;
line-height: 4.5rem;
}
}
@media screen and (min-width: 840px) {
.ce_previewteaser .ce_previewteaser--item .overlay p {
margin-bottom: 30px;
}
}
.ce_previewteaser.cols-3 .ce_previewteaser--item img {
max-height: 50%;
}
.ce_previewteaser.cols-3 .ce_previewteaser--item .overlay .btn {
width: 100%;
text-align: center;
max-width: calc(100% - 80px);
position: absolute;
bottom: 40px;
left: 40px;
}
.ce_textimage {
margin-bottom: 10.25rem;
overflow: hidden;
overflow: visible;
overflow-x: visible;
display: flex;
-moz-column-gap: 120px;
column-gap: 120px;
flex-direction: column;
flex-wrap: wrap;
position: relative;
}
.ce_textimage.isHighlight {
overflow: visible;
overflow-x: visible;
-moz-column-gap: 0px;
column-gap: 0px;
}
.ce_textimage.isHighlight .ce_textimage--text.text-image {
margin-bottom: 4rem;
margin-top: 4rem;
background: #000000;
padding: 20px 20px 40px;
}
.ce_textimage.isHighlight .ce_textimage--text.text-image h2,
.ce_textimage.isHighlight .ce_textimage--text.text-image p {
position: relative;
z-index: 300;
color: #FFFFFF;
}
.ce_textimage.isHighlight .ce_textimage--text.text-image .btn {
z-index: 300;
position: relative;
margin-top: 40px;
}
@media screen and (min-width: 1280px) {
.ce_textimage.isHighlight .ce_textimage--text.text-image {
padding: 80px 80px 80px 40px;
padding: 100px 100px 100px 120px;
padding: 100px 60px 100px 60px;
}
}
@media screen and (max-width: 500px) {
.ce_textimage.text-image {
flex-direction: column-reverse;
}
}
.ce_textimage.text-image .text-image {
margin-top: 4rem;
}
@media screen and (min-width: 840px) {
.ce_textimage.text-image .text-image {
margin-top: 2rem;
}
}
@media screen and (min-width: 840px) {
.ce_textimage {
margin-bottom: 20.5rem;
flex-direction: row;
}
}
.ce_textimage .ce_textimage--text {
width: 100%;
position: static;
z-index: 299;
padding: 0 20px;
}
@media screen and (min-width: 1280px) {
.ce_textimage .ce_textimage--text {
padding: 40px 50px 60px;
padding-right: 0;
padding-left: 0;
position: relative;
flex: 1;
}
}
.ce_textimage .ce_textimage--text h2,
.ce_textimage .ce_textimage--text h3,
.ce_textimage .ce_textimage--text h4 {
margin-bottom: 2.5rem;
line-height: 4.5rem;
}
@media screen and (min-width: 1280px) {
.ce_textimage .ce_textimage--text h2,
.ce_textimage .ce_textimage--text h3,
.ce_textimage .ce_textimage--text h4 {
line-height: 5.5rem;
margin-bottom: 3rem;
}
}
@media screen and (min-width: 1680px) {
.ce_textimage .ce_textimage--text h2,
.ce_textimage .ce_textimage--text h3,
.ce_textimage .ce_textimage--text h4 {
line-height: 6rem;
line-height: 7rem;
}
}
.ce_textimage .ce_textimage--text p:before {
content: "//";
content: unset;
display: inline-block;
color: #DC0B1C;
margin-right: 0.5rem;
}
.ce_textimage .ce_textimage--text.image-text .btn, .ce_textimage .ce_textimage--text.text-image .btn {
bottom: 1px;
}
.ce_textimage .ce_textimage--text.image-text h2,
.ce_textimage .ce_textimage--text.image-text p, .ce_textimage .ce_textimage--text.text-image h2,
.ce_textimage .ce_textimage--text.text-image p {
opacity: 0;
}
.ce_textimage .ce_textimage--text.image-text {
margin-top: 4rem;
}
@media screen and (min-width: 840px) {
.ce_textimage .ce_textimage--text.image-text {
margin-top: 2rem;
}
}
.ce_textimage .ce_textimage--text.image-text .btn {
right: calc(100% - 30px);
margin-top: 2rem;
}
@media screen and (min-width: 1280px) {
.ce_textimage .ce_textimage--text.image-text .btn {
position: absolute;
right: calc(100% - 30px);
z-index: 302;
}
}
.ce_textimage .ce_textimage--text.text-image {
margin-bottom: 2rem;
}
@media screen and (min-width: 1280px) {
.ce_textimage .ce_textimage--text.text-image {
margin-bottom: 0;
padding: 40px 0px 60px 0px;
}
}
.ce_textimage .ce_textimage--text.text-image .btn {
margin-top: 2rem;
}
@media screen and (min-width: 1280px) {
.ce_textimage .ce_textimage--text.text-image .btn {
margin-top: 0;
position: absolute;
right: 0;
}
}
.ce_textimage:not(.isHighlight).ce_textimage--text {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media screen and (min-width: 1280px) {
.ce_textimage.image-text .ce_textimage--image a.btn {
margin-top: auto;
position: absolute;
right: -60px;
left: auto;
bottom: -1em;
z-index: 1;
}
}
.ce_textimage .ce_textimage--image {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 30vh;
width: 100%;
z-index: 301;
}
@media screen and (min-width: 1280px) {
.ce_textimage .ce_textimage--image {
height: auto;
flex: 1;
}
}
.ce_textimage .ce_textimage--image a.btn {
margin-top: auto;
position: absolute;
left: unset;
right: 0;
bottom: -1em;
z-index: 1;
}
@media screen and (min-width: 1280px) {
.ce_textimage .ce_textimage--image a.btn {
margin-top: auto;
position: absolute;
right: unset;
left: -60px;
bottom: -1em;
z-index: 1;
}
}
.ce_fullwidthteaser {
margin-bottom: 10.25rem;
position: relative;
}
.ce_fullwidthteaser img {
transition: all 0.5s ease;
filter: grayscale(100%);
}
.ce_fullwidthteaser:hover img {
filter: grayscale(0%);
}
@media screen and (min-width: 840px) {
.ce_fullwidthteaser {
margin-bottom: 20.5rem;
}
}
.ce_fullwidthteaser .overlay {
text-align: right;
position: relative;
margin-top: 2.5625rem;
padding-bottom: 5.125rem;
}
@media screen and (min-width: 840px) {
.ce_fullwidthteaser .overlay {
position: absolute;
top: 50px;
right: 80px;
}
}
@media screen and (min-width: 1680px) {
.ce_fullwidthteaser .overlay {
width: 33%;
}
}
.ce_fullwidthteaser .overlay .btn {
bottom: 0;
position: absolute;
right: 0;
}
@media screen and (min-width: 840px) {
.ce_fullwidthteaser .overlay .btn {
position: relative;
}
}
.ce_fullwidthteaser .overlay p {
color: #000000;
font-size: 3.8rem;
line-height: 4.5rem;
margin: 0 0 15px 0;
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 840px) {
.ce_fullwidthteaser .overlay p {
margin: 0 0 30px 0;
color: #FFFFFF;
}
}
.ce_fullwidthteaser .overlay p a {
color: #FFFFFF;
}
.ce_fullwidthteaser .overlay p strong {
color: #000000;
font-family: "bauhaus-heavy", Arial, Helvetica, sans-serif;
font-size: 3.8rem;
line-height: 4.5rem;
}
@media screen and (min-width: 840px) {
.ce_fullwidthteaser .overlay p strong {
text-shadow: none;
color: #FFFFFF;
}
}
.ce_gallery {
margin-bottom: 10.25rem;
position: relative;
z-index: 300;
}
.ce_gallery h2,
.ce_gallery h3,
.ce_gallery h4,
.ce_gallery h5,
.ce_gallery h6 {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 840px) {
.ce_gallery {
margin-bottom: 20.5rem;
}
.ce_gallery h2,
.ce_gallery h3,
.ce_gallery h4,
.ce_gallery h5,
.ce_gallery h6 {
margin-bottom: 3rem;
}
}
.ce_gallery .gallery-container {
display: grid;
gap: 25px;
}
.ce_gallery .gallery-container div {
background-position: center center;
background-size: cover;
position: relative;
}
.ce_gallery .gallery-container div:before {
content: "";
display: block;
padding-top: 100%;
}
.ce_gallery .gallery-container a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ce_gallery.layout1 .img1 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.ce_gallery.layout1 .img2 {
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 1;
}
.ce_gallery.layout1 .img3 {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 1;
}
.ce_gallery.layout1 .img4 {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 2;
}
.ce_gallery.layout1 .img4:before {
padding-top: 50%;
}
.ce_gallery.layout2 .img1 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.ce_gallery.layout2 .img2 {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.ce_gallery.layout2 .img3 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
.ce_gallery.layout2 .img3:before {
padding-top: 50%;
}
.ce_gallery.layout2 .img4 {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 3;
}
.ce_gallery.layout3 .img1 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
}
.ce_gallery.layout3 .img2 {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
.ce_gallery.layout3 .img3 {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 2;
}
.ce_gallery.layout3 .img4 {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 3;
}
.ce_gallery.layout4 .img1 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.ce_gallery.layout4 .img2 {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 2;
}
.ce_gallery.layout4 .img2:before {
padding-top: 50%;
}
.ce_gallery.layout4 .img3 {
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3;
}
.ce_gallery.layout4 .img4 {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 3;
}
.ce_gallery.layout5 .img1 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
@media screen and (min-width: 480px) {
.ce_gallery.layout5 .img1 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.ce_gallery.layout5 .img1:before {
padding-top: 50%;
}
}
.ce_gallery.layout5 .img2 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.ce_gallery.layout5 .img3 {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
.ce_gallery.layout5 .img4 {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 3;
}
.ce_gallery.layout6 .img1 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.ce_gallery.layout6 .img2 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.ce_gallery.layout6 .img3 {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
.ce_gallery.layout6 .img4 {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 3;
}
.ce_gallery .img2,
.ce_gallery .img3,
.ce_gallery .img4,
.ce_gallery .img5,
.ce_gallery .img6 {
display: none;
}
@media screen and (min-width: 480px) {
.ce_gallery .img2,
.ce_gallery .img3,
.ce_gallery .img4,
.ce_gallery .img5,
.ce_gallery .img6 {
display: inline-block;
}
}
.gallery-container > a,
.ce_textimage > a {
overflow: hidden;
transition: all 0.3s;
position: relative;
}
.gallery-container > a:before,
.ce_textimage > a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transition: inherit;
}
.gallery-container > a:hover:before,
.ce_textimage > a:hover:before {
transform: scale(1.1);
}
.gallery-container > div,
.gallery-container .ce_textimage--image,
.ce_textimage > div,
.ce_textimage .ce_textimage--image {
transition: all 0.3s;
position: relative;
}
.gallery-container > div:after,
.gallery-container .ce_textimage--image:after,
.ce_textimage > div:after,
.ce_textimage .ce_textimage--image:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transition: inherit;
pointer-events: none;
filter: grayscale(100%);
}
.gallery-container > div:hover:after,
.gallery-container .ce_textimage--image:hover:after,
.ce_textimage > div:hover:after,
.ce_textimage .ce_textimage--image:hover:after {
filter: grayscale(0%);
}
.ce_textheadline {
margin-bottom: 10.25rem;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
}
@media screen and (min-width: 840px) {
.ce_textheadline {
margin-bottom: 20.5rem;
flex-direction: row;
}
}
.ce_textheadline .ce_textheadline--text {
width: 100%;
padding: 0 0 10px;
position: static;
}
@media screen and (min-width: 840px) {
.ce_textheadline .ce_textheadline--text {
position: relative;
width: 50%;
}
}
.ce_textheadline .ce_textheadline--text:before {
content: "//";
content: unset;
display: block;
color: #e61f27;
font-size: 5rem;
letter-spacing: -10px;
margin-left: 0.5rem;
margin-bottom: 1.5rem;
}
.ce_textheadline .ce_textheadline--text h2 {
margin-bottom: 1.5rem;
line-height: 4.5rem;
}
@media screen and (min-width: 1280px) {
.ce_textheadline .ce_textheadline--text h2 {
line-height: 5.5rem;
}
}
@media screen and (min-width: 1680px) {
.ce_textheadline .ce_textheadline--text h2 {
line-height: 6rem;
line-height: 7rem;
}
}
.ce_textheadline .ce_textheadline--text p {
opacity: 0;
}
.ce_textheadline.headline-text .btn, .ce_textheadline.text-headline .btn {
opacity: 0;
padding: calc(1rem + 1px) 2rem;
}
@media screen and (min-width: 840px) {
.ce_textheadline.headline-text .btn, .ce_textheadline.text-headline .btn {
border: 0 !important;
}
}
.ce_textheadline.headline-text .btn:after, .ce_textheadline.text-headline .btn:after {
transition: all 0.5s ease;
}
@media screen and (min-width: 840px) {
.ce_textheadline.headline-text .btn:after, .ce_textheadline.text-headline .btn:after {
box-shadow: inset 0 1px 0 0 #FFFFFF, inset -1px 0 0 0 #FFFFFF, inset 0 -1px 0 0 transparent, inset -1px 0 0 0 transparent;
}
}
@media screen and (min-width: 840px) {
.ce_textheadline.headline-text .btn:hover:before, .ce_textheadline.text-headline .btn:hover:before {
box-shadow: inset 0 1px 0 0 #e61f27, inset -1px 0 0 0 #e61f27, inset 0 -1px 0 0 #e61f27, inset -1px 0 0 0 transparent;
}
}
.ce_textheadline.headline-text .btn {
left: 0;
}
@media screen and (min-width: 840px) {
.ce_textheadline.headline-text .btn {
position: absolute;
bottom: 0;
}
}
.ce_textheadline.text-headline {
flex-direction: column-reverse;
}
@media screen and (min-width: 840px) {
.ce_textheadline.text-headline {
padding: 40px 0px 60px 0px;
flex-direction: row;
}
}
.ce_textheadline.text-headline .btn {
position: absolute;
bottom: 0;
right: 0;
}
.ce_textheadline.text-headline .btn:after {
transition: all 0.5s ease;
}
@media screen and (min-width: 840px) {
.ce_textheadline.text-headline .btn:after {
box-shadow: inset 0 1px 0 0 #FFFFFF, inset 1px 0 0 0 #FFFFFF, inset 0 -1px 0 0 transparent, inset -1px 0 0 0 transparent;
}
}
.ce_textheadline.text-headline .btn:hover:before {
transition: all 0.5s ease;
}
@media screen and (min-width: 840px) {
.ce_textheadline.text-headline .btn:hover:before {
box-shadow: inset 0 1px 0 0 #e61f27, inset 1px 0 0 0 #e61f27, inset 0 -1px 0 0 #e61f27, inset -1px 0 0 0 transparent;
}
}
.ce_textheadline .ce_textheadline--headline {
background-position: center center;
background-size: cover;
width: 100%;
z-index: 400;
}
@media screen and (min-width: 840px) {
.ce_textheadline .ce_textheadline--headline {
padding: 0 25px 0 50px;
height: auto;
width: 50%;
}
}
.ce_textheadline .ce_textheadline--headline h2 {
padding-top: 7px;
margin-bottom: 1.5rem;
line-height: 4.5rem;
}
@media screen and (min-width: 1280px) {
.ce_textheadline .ce_textheadline--headline h2 {
line-height: 5.5rem;
}
}
@media screen and (min-width: 1680px) {
.ce_textheadline .ce_textheadline--headline h2 {
line-height: 6rem;
line-height: 7rem;
}
}
.ce_text ul,
.ce_tiledetail--description ul,
.ce_tiledetail--properties ul,
.ce_productabstract ul {
list-style-type: disc;
margin: 2rem 0 2rem 1.3rem;
padding-left: 0.5rem;
width: auto;
}
.ce_text ul li,
.ce_tiledetail--description ul li,
.ce_tiledetail--properties ul li,
.ce_productabstract ul li {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 1.8rem;
line-height: 2rem;
}
.ce_text ul li:not(:last-child),
.ce_tiledetail--description ul li:not(:last-child),
.ce_tiledetail--properties ul li:not(:last-child),
.ce_productabstract ul li:not(:last-child) {
margin-bottom: 1rem;
}
.ce_productabstract {
margin-bottom: 10.25rem;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
}
@media screen and (min-width: 840px) {
.ce_productabstract {
margin-bottom: 20.5rem;
flex-direction: row;
}
}
.ce_productabstract .ce_productabstract--text {
width: 100%;
padding: 20px 0 10px;
position: static;
z-index: 301;
}
@media screen and (min-width: 840px) {
.ce_productabstract .ce_productabstract--text {
position: relative;
width: 50%;
}
}
.ce_productabstract .ce_productabstract--text h2 {
margin-bottom: 1.5rem;
line-height: 4.5rem;
}
@media screen and (min-width: 1280px) {
.ce_productabstract .ce_productabstract--text h2 {
line-height: 5.5rem;
}
}
@media screen and (min-width: 1680px) {
.ce_productabstract .ce_productabstract--text h2 {
line-height: 6rem;
line-height: 7rem;
}
}
.ce_productabstract .ce_productabstract--text .btn {
position: absolute;
bottom: 0;
right: 0;
border-right: 0;
}
.ce_productabstract .ce_productabstract--details {
background-position: center center;
background-size: cover;
width: 100%;
border: 4px solid #DC0B1C;
background-color: rgba(255, 255, 255, 0.8);
padding: 15px 15px 35px 25px;
}
@media screen and (min-width: 840px) {
.ce_productabstract .ce_productabstract--details {
width: 50%;
padding: 25px 25px 15px 50px;
}
}
.ce_productabstract .ce_productabstract--details h3 {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 3rem;
margin-bottom: 1.5rem;
color: #DC0B1C;
}
.ce_productabstract .ce_productabstract--details .details {
border: 4px solid #DC0B1C;
}
@media screen and (min-width: 840px) {
.ce_productabstract .ce_productabstract--details .details {
padding: 0 25px 0 50px;
}
}
.ce_tiledetail h2 {
line-height: 5rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 840px) {
.ce_tiledetail h2 {
line-height: 9rem;
margin-bottom: 2rem;
}
}
.ce_tiledetail h4 {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #DC0B1C;
color: #000000;
font-size: 3.5rem;
margin-bottom: 2rem;
font-weight: 700;
}
.ce_tiledetail .ce_tiledetail--header {
margin-bottom: 10.25rem;
flex-direction: column-reverse;
display: flex;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--header {
margin-bottom: 20.5rem;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.ce_tiledetail .ce_tiledetail--header .btn.gallery {
padding-left: 50px;
}
.ce_tiledetail .ce_tiledetail--header .btn.gallery svg {
left: 10px;
}
.ce_tiledetail .ce_tiledetail--header .btn svg {
display: none;
position: absolute;
left: 20px;
top: 1.25rem;
width: 25px;
height: 25px;
transition: transform 0.4s ease-in-out;
}
}
@media screen and (min-width: 840px) and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--header .btn svg {
display: block;
}
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--header .btn svg path {
fill: #FFFFFF;
}
.ce_tiledetail .ce_tiledetail--header .btn:hover svg path {
fill: #DC0B1C;
}
.ce_tiledetail .ce_tiledetail--header .thumbnail,
.ce_tiledetail .ce_tiledetail--header .info {
flex: 1;
}
.ce_tiledetail .ce_tiledetail--header .info .col {
padding-left: 0 !important;
float: unset !important;
}
.ce_tiledetail .ce_tiledetail--header .thumbnail .col {
flex: none;
min-width: 100%;
height: 10px;
position: absolute;
bottom: 20px;
left: -60px;
text-align: center;
}
.ce_tiledetail .ce_tiledetail--header .thumbnail .col .btn {
height: 60px;
padding-left: 60px;
}
.ce_tiledetail .ce_tiledetail--header .thumbnail .col .btn.pdf {
margin-left: 30px;
}
}
.ce_tiledetail .ce_tiledetail--header .thumbnail {
padding-bottom: 2rem;
background-color: #FFFFFF;
position: relative;
padding: 1.5rem 1.5rem 0 1.5rem;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--header .thumbnail {
margin-bottom: 0;
display: flex;
align-items: center;
padding: 15rem 3rem;
}
}
.ce_tiledetail .ce_tiledetail--header .thumbnail img {
max-height: 25rem;
margin: 0 auto;
}
.ce_tiledetail .ce_tiledetail--header .thumbnail .flag {
width: 57px;
height: 51px;
position: absolute;
top: 0;
right: -1.6rem;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--header .thumbnail .flag {
width: 57px;
height: 51px;
position: absolute;
top: 0;
left: auto;
right: -16px;
}
}
.ce_tiledetail .ce_tiledetail--header .info {
background-color: #000000;
color: #fff;
position: relative;
overflow: visible;
padding: 9rem 5rem 2rem;
}
.ce_tiledetail .ce_tiledetail--header .info .tile-info-stat-icon-height {
margin-left: 5px;
width: 13px;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--header .info {
padding: 8rem 5rem 4.5rem;
}
.ce_tiledetail .ce_tiledetail--header .info .col {
position: relative;
}
.ce_tiledetail .ce_tiledetail--header .info .col:first-child {
padding-right: 4%;
}
.ce_tiledetail .ce_tiledetail--header .info .col:last-child {
margin-top: 2rem;
padding-left: 4%;
float: right;
}
.ce_tiledetail .ce_tiledetail--header .info .col:last-child .btn-primary {
margin-top: 2rem;
}
}
@media screen and (min-width: 1680px) {
.ce_tiledetail .ce_tiledetail--header .info {
display: flex;
padding: 90px 30px 30px;
min-height: 280px;
}
.ce_tiledetail .ce_tiledetail--header .info .col {
flex: 1 0 45%;
position: relative;
align-self: flex-end;
}
.ce_tiledetail .ce_tiledetail--header .info .col:first-child {
padding-right: 4%;
}
.ce_tiledetail .ce_tiledetail--header .info .col:last-child {
padding-left: 4%;
margin-top: 0;
align-self: auto;
}
.ce_tiledetail .ce_tiledetail--header .info .col .btn-primary,
.ce_tiledetail .ce_tiledetail--header .info .col .btn-secondary {
width: auto;
}
.ce_tiledetail .ce_tiledetail--header .info .col .btn-primary {
position: absolute;
bottom: 1rem;
right: 0;
left: 5.5rem;
width: auto !important;
}
.ce_tiledetail .ce_tiledetail--header .info .col .btn-tertiary {
position: relative;
right: -3rem;
}
}
.ce_tiledetail .ce_tiledetail--header .info .corner {
display: none;
position: absolute;
left: 0;
right: 0;
top: -1px;
height: 5.2rem;
background: #FFFFFF;
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
clip-path: polygon(100% 0, 0 0, 0 100%);
}
.ce_tiledetail .ce_tiledetail--header .info .slogan,
.ce_tiledetail .ce_tiledetail--header .info .trigger-lightbox-open,
.ce_tiledetail .ce_tiledetail--header .info .pdf {
display: none;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--header .info .slogan,
.ce_tiledetail .ce_tiledetail--header .info .trigger-lightbox-open,
.ce_tiledetail .ce_tiledetail--header .info .pdf {
display: block;
}
}
.ce_tiledetail .ce_tiledetail--header .info .slogan {
display: block;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 3rem;
margin-bottom: 5rem;
line-height: 4rem;
}
.ce_tiledetail .ce_tiledetail--header .info .slogan a {
color: #DC0B1C;
}
.ce_tiledetail .ce_tiledetail--header .info ul {
margin-bottom: 5rem;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--header .info ul {
margin-bottom: 0;
}
}
.ce_tiledetail .ce_tiledetail--header .info ul li {
font-size: 1.8rem;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
overflow: hidden;
padding: 1rem 5.2rem 1rem 0;
display: flex;
align-items: center;
position: relative;
}
.ce_tiledetail .ce_tiledetail--header .info ul li:not(:last-child) {
border-bottom: 1px solid #FFFFFF;
}
.ce_tiledetail .ce_tiledetail--header .info ul li img {
height: 2rem;
margin-right: 1rem;
}
.ce_tiledetail .ce_tiledetail--header .info ul li .tile-info-value {
position: absolute;
right: 0;
}
.ce_tiledetail .ce_tiledetail--contentcontainer {
margin-bottom: 10.25rem;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--contentcontainer {
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
-moz-column-gap: 120px;
column-gap: 120px;
}
.ce_tiledetail .ce_tiledetail--contentcontainer > div:not(.ce_tiledetail--technical) {
flex: 1;
width: calc(50% - 60px);
min-width: calc(50% - 60px);
max-width: calc(50% - 60px);
}
.ce_tiledetail .ce_tiledetail--contentcontainer > div.ce_tiledetail--technical {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.ce_tiledetail .ce_tiledetail--contentcontainer > div.ce_tiledetail--technical ul {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 120px;
column-gap: 120px;
}
}
.ce_tiledetail .ce_tiledetail--contentcontainer > div:not(.clear) {
margin-bottom: 10.25rem;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--contentcontainer > div:not(.clear) {
margin-bottom: 20.5rem;
}
}
.ce_tiledetail .ce_tiledetail--maps .map {
width: 100%;
min-height: 40vh;
}
.ce_tiledetail .ce_tiledetail--info {
margin-bottom: 10.25rem;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--info {
margin-bottom: 20.5rem;
}
}
.ce_tiledetail .accordion-container .accordion-trigger {
position: relative;
}
.ce_tiledetail .accordion-container .accordion-trigger svg {
position: absolute;
right: 20px;
top: 5px;
width: 25px;
height: 25px;
transition: transform 0.4s ease-in-out;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .accordion-container .accordion-trigger svg {
display: none;
}
}
.ce_tiledetail .accordion-container .accordion-trigger svg path {
fill: #000000;
}
.ce_tiledetail .accordion-container.accordion-open .accordion-trigger svg {
transform: rotate(180deg);
}
.ce_tiledetail .accordion-container.accordion-open .accordion-content {
max-height: 500vh;
transition: max-height 0.8s ease-in-out;
}
.ce_tiledetail .accordion-container .accordion-content {
overflow: hidden;
max-height: 0;
transition: all 0.8s ease-in-out;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .accordion-container .accordion-content {
max-height: none;
}
}
.ce_tiledetail .accordion-container:not(.table-list) .accordion-content {
border: 1px solid #DC0B1C;
padding: 0 15px 0 25px;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .accordion-container:not(.table-list) .accordion-content {
border: 0px solid #DC0B1C;
padding: 0;
}
}
.ce_tiledetail .accordion-container:not(.table-list).accordion-open .accordion-content {
padding: 15px 15px 15px 25px;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--workchart .workchart-container,
.ce_tiledetail .ce_tiledetail--workchart .gallery-container,
.ce_tiledetail .ce_tiledetail--gallery .workchart-container,
.ce_tiledetail .ce_tiledetail--gallery .gallery-container {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
}
.ce_tiledetail .ce_tiledetail--workchart .workchart-container > a,
.ce_tiledetail .ce_tiledetail--workchart .gallery-container > a,
.ce_tiledetail .ce_tiledetail--gallery .workchart-container > a,
.ce_tiledetail .ce_tiledetail--gallery .gallery-container > a {
display: none;
height: 40vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: grayscale(0%);
}
@media screen and (min-width: 1280px) {
.ce_tiledetail .ce_tiledetail--workchart .workchart-container > a,
.ce_tiledetail .ce_tiledetail--workchart .gallery-container > a,
.ce_tiledetail .ce_tiledetail--gallery .workchart-container > a,
.ce_tiledetail .ce_tiledetail--gallery .gallery-container > a {
filter: grayscale(100%);
}
}
.ce_tiledetail .ce_tiledetail--workchart .workchart-container > a:hover,
.ce_tiledetail .ce_tiledetail--workchart .gallery-container > a:hover,
.ce_tiledetail .ce_tiledetail--gallery .workchart-container > a:hover,
.ce_tiledetail .ce_tiledetail--gallery .gallery-container > a:hover {
transition: all 0.5s ease;
filter: grayscale(0%);
}
.ce_tiledetail .ce_tiledetail--workchart .workchart-container > a:first-of-type,
.ce_tiledetail .ce_tiledetail--workchart .gallery-container > a:first-of-type,
.ce_tiledetail .ce_tiledetail--gallery .workchart-container > a:first-of-type,
.ce_tiledetail .ce_tiledetail--gallery .gallery-container > a:first-of-type {
display: block;
background-size: contain;
background-position: top;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .ce_tiledetail--workchart .workchart-container > a,
.ce_tiledetail .ce_tiledetail--workchart .gallery-container > a,
.ce_tiledetail .ce_tiledetail--gallery .workchart-container > a,
.ce_tiledetail .ce_tiledetail--gallery .gallery-container > a {
display: block;
flex: 1;
}
}
.ce_tiledetail .ce_tiledetail--workchart .workchart-container .gallery-hidden,
.ce_tiledetail .ce_tiledetail--workchart .workchart-container .workchart-hidden,
.ce_tiledetail .ce_tiledetail--workchart .gallery-container .gallery-hidden,
.ce_tiledetail .ce_tiledetail--workchart .gallery-container .workchart-hidden,
.ce_tiledetail .ce_tiledetail--gallery .workchart-container .gallery-hidden,
.ce_tiledetail .ce_tiledetail--gallery .workchart-container .workchart-hidden,
.ce_tiledetail .ce_tiledetail--gallery .gallery-container .gallery-hidden,
.ce_tiledetail .ce_tiledetail--gallery .gallery-container .workchart-hidden {
display: none;
}
.ce_tiledetail .table-list .accordion-content {
border-top: 1px solid #e61f27;
border-bottom: 1px solid #e61f27;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .table-list .accordion-content {
border: none;
}
}
.ce_tiledetail .table-list .accordion-content ul {
margin-bottom: 0;
}
@media screen and (min-width: 840px) {
.ce_tiledetail .table-list .accordion-content ul {
border: 0px solid #DC0B1C;
padding: 0;
}
}
.ce_tiledetail .table-list .accordion-content ul li {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 1.8rem;
line-height: 3.6rem;
overflow: hidden;
padding: 0.8rem 2rem;
display: block;
border-bottom: 1px solid #DC0B1C;
}
.ce_tiledetail .table-list .accordion-content ul li .align-right {
float: right;
}
.ce_tiledetail.ce_schoolingdetail .btn-primary {
font-size: 2rem;
}
.ce_tile .filter-button {
height: 50px;
position: relative;
text-align: center;
}
@media screen and (min-width: 840px) {
.ce_tile .filter-button {
height: auto;
}
}
.ce_tile .filter-button p {
bottom: 0;
right: 0%;
padding: 3px 0;
position: absolute;
transition: 150ms;
width: 50%;
}
@media screen and (min-width: 480px) {
.ce_tile .filter-button p {
width: calc(50% - 20px);
}
}
@media screen and (min-width: 840px) {
.ce_tile .filter-button p {
width: 100%;
}
}
.ce_tile .filter-button p:hover {
background-color: white;
cursor: pointer;
}
.ce_tile .productlist-filter {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 40px;
}
.ce_tile .productlist-filter > div {
flex: 1 100%;
margin-right: 0;
}
@media screen and (min-width: 840px) {
.ce_tile .productlist-filter > div {
flex: 1 50%;
max-width: calc(50% - 20px);
}
}
@media screen and (min-width: 1680px) {
.ce_tile .productlist-filter > div {
flex: 1 20%;
}
}
.ce_tile .productlist-filter .productlist-select {
display: inline-block;
margin-top: 0px;
margin-right: 0;
position: relative;
}
.ce_tile .productlist-filter .productlist-select.isFilter {
display: none;
}
@media screen and (min-width: 1280px) {
.ce_tile .productlist-filter .productlist-select {
margin-right: 0;
}
}
.ce_tile .productlist-filter .productlist-select:after {
background: url("/bundles/contaodmahundrupstyles/images/icon-arrow-select.svg") no-repeat;
bottom: 7px;
content: "";
height: 14px;
pointer-events: none;
position: absolute;
right: 8px;
width: 25px;
z-index: 300;
}
.ce_tile .productlist-filter .productlist-select.disabled:after {
opacity: 0.5;
}
.ce_tile .productlist-filter .productlist-select label {
color: #FFFFFF;
}
.ce_tile .productlist-filter .productlist-select select {
border: 1px solid #FFFFFF;
background-image: initial;
background-color: #000000;
color: #fff;
font-family: "din-condensed-regular", sans-serif;
font-size: 18px;
margin-bottom: 0;
margin-top: 10px;
cursor: pointer;
}
.ce_tile .productlist-filter .productlist-select select:disabled {
opacity: 0.5;
}
.ce_tile .productlist-filter .productlist-select select::-ms-expand {
display: none;
}
.ce_tile .productlist-filter p {
display: inline-block;
font-family: "din-condensed-regular", sans-serif;
margin: 0;
}
.ce_tile .productlist-filter .filter-button {
margin-top: 0px;
margin-bottom: 30px;
}
.ce_tile .productlist-filter .filter-button .btn {
width: 100%;
}
@media screen and (min-width: 840px) {
.ce_tile .productlist-filter .filter-button .btn {
margin-top: 0px;
margin-bottom: 0px;
width: auto;
min-width: 300px;
}
}
@media screen and (min-width: 840px) {
.ce_tile .productlist-filter .filter-button {
margin-top: 50px;
left: 50%;
margin-bottom: 0px;
max-width: 50%;
}
}
.ce_tile .tile-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 -20px;
margin-top: 1rem;
}
@media screen and (min-width: 840px) {
.ce_tile .tile-wrapper {
margin-top: 4rem;
}
}
.ce_tile .tile-wrapper .tile {
background-color: #000000;
margin: 20px 20px 10px;
min-height: 390px;
order: 1;
position: relative;
flex: 1 100%;
border: 2px inset #DC0B1C;
border-bottom: 0;
transition: transform 0.2s ease-in-out;
opacity: 1;
}
@media screen and (min-width: 480px) {
.ce_tile .tile-wrapper .tile {
flex: 1 40%;
max-width: calc(50% - 40px);
}
}
@media screen and (min-width: 840px) {
.ce_tile .tile-wrapper .tile {
flex: 1 27%;
max-width: calc(33.333333% - 40px);
}
.ce_tile .tile-wrapper .tile:hover {
transform: scale(1.05, 1.05);
}
}
@media screen and (min-width: 1280px) {
.ce_tile .tile-wrapper .tile {
flex: 1 20%;
max-width: calc(25% - 40px);
}
}
.ce_tile .tile-wrapper .tile.filtered-out-group {
display: none;
}
.ce_tile .tile-wrapper .tile.filtered-out-category {
display: none;
}
.ce_tile .tile-wrapper .tile.filtered-out-height, .ce_tile .tile-wrapper .tile.filtered-out-range {
filter: grayscale(1);
order: 2;
opacity: 0.7;
}
.ce_tile .tile-wrapper .tile:before {
content: "";
position: absolute;
}
.ce_tile .tile-wrapper .tile:after {
content: "";
position: absolute;
right: 0;
height: 50%;
}
.ce_tile .tile-wrapper .tile .flag {
position: absolute;
right: -14px;
top: -1px;
height: 45px;
}
.ce_tile .tile-wrapper .tile .tile-thumbnail {
background-color: #FFFFFF;
border: 1px solid #fff;
display: block;
margin: 0 auto;
padding: 1rem 4rem 0;
position: relative;
width: 100%;
}
@media screen and (min-width: 480px) {
.ce_tile .tile-wrapper .tile .tile-thumbnail {
padding: 1rem 1rem 0;
}
}
@media screen and (min-width: 480px) {
.ce_tile .tile-wrapper .tile .tile-thumbnail {
min-height: 29.5rem;
}
}
@media screen and (min-width: 840px) {
.ce_tile .tile-wrapper .tile .tile-thumbnail {
min-height: 25.5rem;
}
}
@media screen and (min-width: 1280px) {
.ce_tile .tile-wrapper .tile .tile-thumbnail {
min-height: 28rem;
}
}
.ce_tile .tile-wrapper .tile .tile-thumbnail img {
display: block;
max-height: 13rem;
width: auto;
margin: 50% auto 0;
transform: translateY(-60%);
}
.ce_tile .tile-wrapper .tile .tile-info {
color: #FFFFFF;
height: initial;
padding: 20px 15px 60px;
padding: 20px 2rem 100px;
position: relative;
width: 100%;
z-index: 100;
}
.ce_tile .tile-wrapper .tile .tile-info .corner {
display: none;
position: absolute;
left: 0;
right: 0;
top: -30px;
height: 3.5rem;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 90%, 0 80%);
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 90%, 0 80%);
background-color: #fff;
border-bottom: 2px solid #fff;
}
.ce_tile .tile-wrapper .tile .tile-info h3 {
font-size: 31px;
margin-bottom: 1em;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 900;
}
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat {
align-items: center;
display: flex;
font-size: 18px;
position: relative;
}
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat:first-of-type {
margin: 20px 0;
min-height: 20px;
}
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat:first-of-type:after {
background-color: #FFFFFF;
bottom: -10px;
content: "";
height: 1px;
position: absolute;
width: 100%;
}
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat .tile-info-text {
left: 40px;
position: absolute;
}
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat .tile-info-value {
position: absolute;
right: 0;
}
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat .tile-info-stat-icon-height {
height: 20px;
margin-left: 9px;
width: 13px;
}
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat .tile-info-stat-icon-reach {
height: 13px;
width: 28px;
}
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat .tile-info-stat-icon-liftweight,
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat .tile-info-stat-icon-weight,
.ce_tile .tile-wrapper .tile .tile-info .tile-info-stat .tile-info-stat-icon-liftweight {
height: 20px;
width: 20px;
margin-left: 5px;
}
.ce_tile .tile-info-link {
width: calc(100% - 30px);
margin-bottom: 20px;
z-index: 300;
}
.ce_productform form {
margin-top: 10.25rem;
}
.ce_productform form label a {
color: #DC0B1C;
text-decoration: none;
}
.ce_productform form .widget-checkbox label {
margin-bottom: 10px;
padding-bottom: 0;
padding-left: 45px;
display: inline-block;
}
@media screen and (min-width: 840px) {
.ce_productform form .widget-checkbox label {
display: flex;
}
}
.ce_productform form .widget-clearfix {
margin-bottom: 5rem;
}
.ce_productform form input[type=submit] {
color: #DC0B1C;
text-align: right;
background-color: white;
}
.ce_productform form input[type=submit]:hover {
color: #FFFFFF;
background-color: #DC0B1C;
border-color: #FFFFFF;
}
.ce_productform form input:not([type=submit]),
.ce_productform form select,
.ce_productform form textarea {
background-color: #FFFFFF;
}
.ce_productform form input[type=checkbox] + label:before,
.ce_productform form input[type=radio] + label:before {
background-color: #FFFFFF;
}
.ce_productform form .fakeFile {
background-color: #FFFFFF;
}
.ce_productform form .fakeButton svg path {
fill: #fff;
}
.ce_headline {
margin-bottom: 5.125rem;
}
.ce_text {
padding-left: 20px;
padding-right: 20px;
z-index: 501 !important;
margin-bottom: 10.25rem;
}
.ce_text img {
transition: all 0.5s ease;
filter: grayscale(100%);
}
.ce_text:hover img {
filter: grayscale(0%);
}
@media screen and (min-width: 840px) {
.ce_text {
padding-left: 0;
padding-right: 0;
}
}
.ce_text h2,
.ce_text h3,
.ce_text h4 {
margin-bottom: 5.125rem;
}
.ce_text + .ce_downloads {
margin-top: -5.125rem;
}
.ce_downloads {
margin-bottom: 10.25rem;
}
.ce_downloads ul li {
font-size: 1.6rem;
line-height: 2rem;
padding: 1rem 0;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
}
.ce_downloads ul li a {
color: #FFFFFF;
transition: color 0.2s ease-in-out;
cursor: pointer;
position: relative;
padding-left: 3.5rem;
display: inline-block;
min-width: 55%;
max-width: calc(100% - 40px);
left: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ce_downloads ul li a:before {
content: url("/bundles/contaodmahundrupstyles/images/icon-download.svg");
width: 2.5rem;
height: 2.5rem;
display: block;
margin-right: 1rem;
position: absolute;
left: 0;
top: -3px;
}
.ce_downloads ul li a:hover {
color: #DC0B1C;
}
@media screen and (min-width: 840px) {
.ce_landingpage {
margin-top: 100px;
}
}
.ce_landingpage .sign,
.ce_landingpage .wappen {
max-height: 8rem !important;
margin-bottom: 2rem !important;
}
.ce_landingpage div.slogan {
display: none;
}
@media screen and (min-width: 840px) {
.ce_landingpage div.slogan {
display: block;
}
.ce_landingpage div.slogan p {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 3rem;
margin-bottom: 5rem;
line-height: 4rem;
}
}
.ce_landingpage .ce_tiledetail--header .thumbnail {
display: block;
}
.ce_landingpage .ce_tiledetail--header .thumbnail h2,
.ce_landingpage .ce_tiledetail--header .thumbnail h2 strong {
font-size: 3rem;
line-height: 3rem;
}
@media screen and (min-width: 1680px) {
.ce_landingpage .ce_tiledetail--header .info .col {
align-self: flex-start;
}
.ce_landingpage .ce_tiledetail--header .info .col .btn-primary {
position: inherit;
left: 3rem;
right: auto;
width: calc(100% - 3rem) !important;
}
.ce_landingpage .ce_tiledetail--header .info .col:last-child {
align-self: flex-end;
}
}
.ce_landingpage .ce_gallery,
.ce_landingpage .ce_tile {
margin-bottom: 10.25rem;
}
@media screen and (min-width: 840px) {
.ce_landingpage .ce_gallery,
.ce_landingpage .ce_tile {
margin-bottom: 20.5rem;
}
}
.ce_landingpage .ce_gallery {
width: 100% !important;
}
.ce_landingpage .ce_tiledetail--categorytiles .btn-secondary {
margin-left: 15px;
}
@media screen and (min-width: 840px) {
.ce_landingpage.manual .ce_tiledetail--contentcontainer > div#gallery {
width: 100%;
}
}
.text-centered {
text-align: center;
}
.ce_startheader {
background: #FFFFFF;
margin-bottom: 10.25rem;
z-index: 251;
position: relative;
}
@media screen and (min-width: 1280px) {
.ce_startheader {
margin-bottom: 20.5rem;
}
}
@media screen and (min-width: 840px) {
.ce_startheader .startheader--wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
}
.ce_startheader .startheader--wrapper > div {
background-size: cover;
flex: 1;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
@media screen and (min-width: 840px) {
.ce_startheader .startheader--wrapper > div {
width: 50%;
min-width: 50%;
max-width: 50%;
}
}
.ce_startheader .startheader--wrapper > div > div {
mix-blend-mode: multiply;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #747474;
}
.ce_startheader .startheader--wrapper > div:hover > div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #DC0B1C;
}
.ce_startheader .startheader--wrapper h2 {
position: relative;
z-index: 10;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 700;
text-align: center;
font-size: 30px;
padding: 110px 0;
max-width: 50%;
}
@media screen and (min-width: 840px) {
.ce_startheader .startheader--wrapper h2 {
font-size: 50px;
}
}
.ce_startheader .startheader--wrapper h2 a {
color: #FFFFFF;
}
.flexwrapper {
display: flex;
justify-content: center;
align-items: center;
}
.flexwrapper > a {
position: relative;
text-align: center;
}
.tile .flexwrapper,
.tile .tile-info {
width: calc(100% + 4px) !important;
margin-left: -2px;
margin-right: -2px;
background: #000000;
position: absolute;
bottom: 0px;
}
/*##### **/
#article-20 .ce_text img,
#article-58 .ce_text img,
#article-57 .ce_text img,
#article-56 .ce_text img,
#article-55 .ce_text img,
#article-54 .ce_text img {
width: 75px;
top: 25px;
position: relative;
left: -40px;
}
.ce_form {
margin-left: 20px;
margin-right: 20px;
}
@media screen and (min-width: 840px) {
.ce_form {
margin-left: 0;
margin-right: 0;
}
}
.ce_tiledetail h4,
.ce_schoolinglist .tile-info,
.ce_gallery h2,
.ce_textheadline {
padding-left: 20px;
padding-right: 20px;
}
@media screen and (min-width: 840px) {
.ce_tiledetail h4,
.ce_schoolinglist .tile-info,
.ce_gallery h2,
.ce_textheadline {
padding-left: 0;
padding-right: 0;
}
}
.ce_shoplist.ce_tile .tile-info-link,
.ce_schoolinglist.ce_tile .tile-info-link {
left: 15px;
position: absolute;
bottom: 0px;
text-align: center;
}
.step5 .widget-checkbox > .hasBorder,
.step5.hasBorder {
border: none !important;
}
#konfigurator .additional-services {
padding-top: 50px;
}
.suggestions {
opacity: 0;
position: absolute;
top: 1.5em;
background: #000;
color: #fff;
width: 100%;
z-index: -1;
max-height: 10em;
overflow: hidden;
overflow-y: scroll;
border: 1px solid;
transition: 0.3s all ease-in-out;
/* padding: 0 20px; */
}
input:focus + .suggestions {
opacity: 1;
z-index: 1;
}
.suggestions ul li {
padding: 0 20px;
cursor: pointer;
}
.filtered-out-group {
display: none;
}
.filtered-out,
.isFilter {
display: none !important;
}
.btn-light, .btn-tertiary, .btn-secondary, .btn-primary {
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-decoration: none;
white-space: nowrap;
background-color: #DC0B1C;
color: #FFFFFF;
font-size: 2.4rem;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 700;
}
.btn-light:focus, .btn-tertiary:focus, .btn-secondary:focus, .btn-primary:focus {
outline: none;
}
.btn-light > span, .btn-tertiary > span, .btn-secondary > span, .btn-primary > span {
display: inline-block;
margin-left: 2.5rem;
}
.btn-primary {
font-size: 2.5rem;
padding: 1.1rem 2rem;
text-align: center;
width: 100%;
border: 4px solid #FFFFFF;
}
.btn-primary:after {
margin-left: 4rem;
}
.btn-primary:focus {
background-color: #FFFFFF;
color: #DC0B1C;
border-color: #DC0B1C;
}
@media screen and (min-width: 840px) {
.btn-primary {
margin-left: 0;
padding: 1.1rem 4rem;
text-align: left;
width: auto;
border: none;
box-shadow: inset 0 0 0 4px #FFFFFF;
color: #FFFFFF;
transition: color 0.25s 0.0833333333s;
position: relative;
}
.btn-primary::before, .btn-primary::after {
border: 0 solid transparent;
box-sizing: border-box;
content: "";
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: 0;
}
.btn-primary::before {
border-bottom-width: 4px;
border-left-width: 4px;
}
.btn-primary::after {
border-top-width: 4px;
border-right-width: 4px;
}
.btn-primary:hover {
color: #DC0B1C;
}
.btn-primary:hover::before, .btn-primary:hover::after {
border-color: #DC0B1C;
transition: border-color 0s, width 0.25s, height 0.25s;
width: 100%;
height: 100%;
}
.btn-primary:hover::before {
transition-delay: 0s, 0s, 0.25s;
}
.btn-primary:hover::after {
transition-delay: 0s, 0.25s, 0s;
}
.btn-primary:hover {
background-color: #FFFFFF;
transition: background-color 0.5s ease;
}
}
.btn-secondary {
z-index: 1;
color: #FFFFFF;
transition: 0.5s;
border: 5px solid #DC0B1C;
padding: 1.3rem 2.4rem;
position: relative;
background-color: #000000;
}
.btn-secondary:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: ease-out;
z-index: -1;
}
.btn-secondary:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000000;
z-index: -2;
}
.btn-secondary:hover {
color: #DC0B1C;
}
.btn-secondary:hover:before {
transform: scaleX(1);
transition-timing-function: ease-in-out;
}
@media screen and (min-width: 840px) {
.btn-secondary {
margin-left: 0;
}
}
.btn-secondary > span {
margin-left: 1.5rem;
}
.btn-tertiary {
width: 100%;
padding: 1.3rem 2.4rem 0.8rem 5rem;
color: #FFFFFF;
transition: 0.5s;
background-color: #DC0B1C;
font-size: 2.4rem;
position: relative;
}
.btn-tertiary:not(last-child) {
margin-bottom: 1rem;
}
.btn-tertiary svg {
position: absolute;
left: 1.5rem;
top: 0.5rem;
max-height: 25px;
width: 25px;
}
.btn-tertiary svg path {
transition: 0.5s;
fill: #FFFFFF;
}
.btn-tertiary:hover {
color: #DC0B1C;
background-color: #FFFFFF;
}
.btn-tertiary:hover svg path {
fill: #DC0B1C;
}
@media screen and (min-width: 840px) {
.btn-tertiary {
margin-left: 0;
}
}
.btn-tertiary > span {
margin-left: 1.5rem;
float: right;
}
.btn-light {
color: #000000;
transition: 0.5s;
border: 4px solid #FFFFFF;
font-size: 2.4rem;
padding: 1.3rem 2.4rem;
position: relative;
background-color: transparent;
}
.btn-light:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: ease-out;
z-index: -1;
}
.btn-light:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFFFFF;
z-index: -2;
}
.btn-light:hover {
color: #000000;
}
.btn-light:hover:before {
transform: scaleX(1);
transition-timing-function: ease-in-out;
}
@media screen and (min-width: 840px) {
.btn-light {
margin-left: 0;
}
}
.btn-light > span {
margin-left: 1.5rem;
}
.stickybutton {
background-color: #fff;
padding: 25px 15px 15px 25px;
position: fixed;
right: 0;
bottom: -300px;
z-index: 301;
transition: all 1s ease-in-out;
}
.stickybutton.visible {
transition: all 1s ease-in-out;
bottom: 0px;
}
.tooltip-icon {
display: inline-block;
z-index: 1000;
position: relative;
}
.tooltip-icon svg {
height: 15px;
width: 15px;
}
.tooltip-icon svg path {
fill: #fff;
transition: fill 0.25s ease-in-out;
}
.tooltip-icon:hover svg path {
fill: #DC0B1C;
}
.tooltip-icon:hover .tooltip {
visibility: visible;
opacity: 1;
transition: opacity 0.25s, visibility 0s ease-in-out;
}
.tooltip-icon .tooltip {
position: absolute;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.25s ease-in-out;
width: 380px;
top: -40px;
left: -183px;
transition: all 0.25 ease-in-out;
}
.tooltip-icon .tooltip:after {
content: "";
position: absolute;
left: 50%;
top: 24px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
clear: both;
transform: translateX(-50%);
}
.tooltip {
z-index: 10000;
}
.tooltip .tooltip-inner {
background: #fff;
color: white;
border-radius: 16px;
font-size: 1.8rem;
padding: 5px 10px 4px;
font-family: "Lucida Grande", Verdana, sans-serif;
}
.tooltip .tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
border-color: #fff;
z-index: 1;
}
.tooltip[x-placement^=top] {
margin-bottom: 5px;
}
.tooltip[x-placement^=top] .tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.tooltip[x-placement^=bottom] {
margin-top: 5px;
}
.tooltip[x-placement^=bottom] .tooltip-arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
top: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.tooltip[x-placement^=right] {
margin-left: 5px;
}
.tooltip[x-placement^=right] .tooltip-arrow {
border-width: 5px 5px 5px 0;
border-left-color: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
left: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.tooltip[x-placement^=left] {
margin-right: 5px;
}
.tooltip[x-placement^=left] .tooltip-arrow {
border-width: 5px 0 5px 5px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
right: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.tooltip.popover .popover-inner {
background: #f9f9f9;
color: black;
padding: 24px;
border-radius: 5px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.tooltip.popover .popover-arrow {
border-color: #f9f9f9;
}
.tooltip[aria-hidden=true] {
visibility: hidden;
opacity: 0;
transition: opacity 0.15s, visibility 0.15s;
}
.tooltip[aria-hidden=false] {
visibility: visible;
opacity: 1;
transition: opacity 0.15s;
}
select, .input-upload-field .fakeFile, input[type=date],
input[type=time],
input[type=tel],
input[type=text],
input[type=number],
input[type=phone],
input[type=email],
textarea {
background: transparent;
border: 1px solid #fff;
box-sizing: border-box;
border-radius: 0;
color: #fff;
display: block;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
letter-spacing: 1px;
font-size: 1.8rem;
height: 31px;
padding: 0 10px;
text-align: left;
-webkit-appearance: none;
width: 100%;
}
select:focus, .input-upload-field .fakeFile:focus, input[type=date]:focus,
input[type=time]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=phone]:focus,
input[type=email]:focus,
textarea:focus {
outline: none;
}
select.error, .input-upload-field .error.fakeFile, input.error[type=date],
input.error[type=time],
input.error[type=tel],
input.error[type=text],
input.error[type=number],
input.error[type=phone],
input.error[type=email],
textarea.error {
color: #DC0B1C;
border-color: #DC0B1C;
border-width: 2px;
padding: 0 20px !important;
}
select.error:focus, .input-upload-field .error.fakeFile:focus, input.error[type=date]:focus,
input.error[type=time]:focus,
input.error[type=tel]:focus,
input.error[type=text]:focus,
input.error[type=number]:focus,
input.error[type=phone]:focus,
input.error[type=email]:focus,
textarea.error:focus {
color: #FFFFFF;
border-color: #FFFFFF;
}
input[type=checkbox] {
display: inline-block;
vertical-align: middle;
cursor: pointer;
box-sizing: border-box;
opacity: 0;
padding: 0;
position: absolute;
width: auto;
margin-top: 5rem;
margin-left: 1rem;
}
input[type=checkbox] + label strong {
font-size: 2rem;
margin-bottom: 7px;
display: block;
}
input[type=checkbox] + label:before {
content: "";
position: absolute;
left: 0;
width: 30px;
height: 30px;
border: 1px solid #fff;
vertical-align: top;
text-align: center;
color: #fff;
top: 0;
transition: background 0.25s ease-in-out;
}
input[type=checkbox]:checked + label:before {
background: transparent;
color: #DC0B1C;
content: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 18.3' style='enable-background:new 0 0 20 18.3;' xml:space='preserve'%3E%3Cpath fill='%23e61f27' class='st0' d='M7.1,16.5l-5-7l2.7-1.9l2.6,3.6l7.8-9l2.5,2.2L7.1,16.5z' /%3E%3C/svg%3E");
font-size: 1em;
}
input[type=radio] {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-left: 2.5rem;
opacity: 0;
padding: 0;
position: absolute;
width: auto;
}
input[type=radio] + label {
color: #fff;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 2rem;
min-height: 22px;
padding-left: 36px !important;
position: relative;
display: flex !important;
align-items: center !important;
}
input[type=radio] + label:focus {
outline: none;
}
input[type=radio] + label:before {
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
text-align: center;
vertical-align: top;
height: 22px;
width: 22px;
content: "";
top: 0;
left: 0;
}
input[type=radio]:checked + label:after {
content: "";
background: #DC0B1C;
border-radius: 50%;
position: absolute;
height: 12px;
left: 5px;
top: 5px;
width: 12px;
}
input[type=checkbox] + label, input[type=radio] + label {
position: relative;
margin: 0;
padding-left: 36px;
line-height: 1;
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-weight: normal;
white-space: normal;
text-align: left;
}
label {
color: #FFFFFF;
font-size: 2rem;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
text-align: left;
}
.form-infotext {
margin: 20px 0;
}
.error {
color: #DC0B1C;
margin-top: 20px;
padding: 2px 5px !important;
}
#konfigurator .error {
text-align: center;
border: 1px solid #DC0B1C;
}
#Dmaform select {
/* for Firefox */
-moz-appearance: none;
/* for Chrome */
-webkit-appearance: none;
}
.radio_container {
margin-bottom: 24px;
}
.radio_container legend {
float: left;
margin-right: 20px;
}
.radio_container.radio-items-block > span {
display: block;
margin-bottom: 24px;
}
.radio_container.radio-items-block > span:last-child {
margin-bottom: 0;
}
.radio_container legend,
.checkbox_container legend {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
}
.formbody {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
}
.formbody input[type=date].flex-w25,
.formbody input[type=time].flex-w25,
.formbody input[type=tel].flex-w25,
.formbody input[type=text].flex-w25,
.formbody input[type=number].flex-w25,
.formbody input[type=phone].flex-w25,
.formbody input[type=tel].flex-w25,
.formbody input[type=email].flex-w25 {
flex: unset;
width: auto;
min-width: unset;
max-width: unset;
}
input[type=date]:disabled,
input[type=time]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=number]:disabled,
input[type=phone]:disabled,
input[type=tel]:disabled,
input[type=email]:disabled,
textarea:disabled {
opacity: 0.5;
}
input[type=date],
input[type=time],
input[type=tel],
input[type=text],
input[type=number],
input[type=phone],
input[type=tel],
input[type=email],
textarea,
form select,
.input-upload-field {
margin-bottom: 20px;
margin-top: 15px;
}
input[type=radio] + label {
display: inline-block;
}
input[type=radio].error + label:before {
border-color: #DC0B1C;
border-width: 2px;
}
input[type=checkbox] + label {
display: flex;
align-items: center;
display: block;
min-height: 30px;
padding-left: 0;
padding-left: 45px;
}
input[type=checkbox] + label:before {
bottom: 0;
top: auto;
}
input[type=checkbox].error + label:before {
border-color: #DC0B1C;
border-width: 2px;
}
.input-upload-field {
background-color: #000000;
margin-left: 0;
cursor: pointer;
opacity: 1;
position: relative;
width: 100%;
}
.input-upload-field input[type=file] {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
opacity: 0;
z-index: 1;
}
.input-upload-field .fakeFile {
display: block;
white-space: nowrap;
padding: 6px 10px;
height: auto;
min-height: 31px;
line-height: 2.8rem;
width: calc(100% - 50px);
z-index: 2 !important;
}
.input-upload-field .fakeButton {
position: absolute;
top: 2rem;
right: 0;
transform: translateY(-50%);
}
.input-upload-field .fakeButton svg {
height: 30px;
width: 30px;
}
.input-upload-field .fakeButton svg path {
fill: #fff;
}
.salutation-icons > div {
display: flex;
flex-direction: column;
min-height: 2rem;
margin-bottom: 10px;
padding-left: 60px;
padding-left: 0px;
position: relative;
justify-content: center;
}
.salutation-icons > div:first-child {
margin-top: 10px;
}
.salutation-icons > div:last-child {
margin-bottom: 20px;
}
.salutation-icons svg {
display: none;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 60px;
}
.salutation-icons svg path {
fill: #FFFFFF;
transition: fill 0.25s ease-in-out;
}
.salutation-icons input[type=radio] + label {
margin-left: 20px;
}
.salutation-icons input[type=radio]:checked + label + svg path.icon-change {
fill: #DC0B1C;
}
textarea {
min-height: 64px;
padding-top: 7px !important;
margin-bottom: 20px;
}
.checkbox_container {
margin-bottom: 24px;
}
.checkbox_container > span {
display: block;
margin-bottom: 24px;
}
.widget-submit {
width: 100%;
}
.form-spacer {
margin-top: 25px;
}
.autocomplete-suggestions .autocomplete-suggestion {
font-size: inherit;
color: inherit;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
color: #048dcd;
}
select {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 9.2' style='enable-background:new 0 0 18 9.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.1,9.2c-0.1,0-0.3,0-0.3-0.1L0.2,0.9C-0.1,0.7-0.1,0.4,0,0.2S0.5-0.1,0.7,0c0,0,0.1,0.1,0.1,0.1L9.1,8 l8-7.9c0.2-0.2,0.5-0.2,0.7,0c0,0,0,0,0,0c0.2,0.2,0.2,0.5,0,0.7L9.5,9.1C9.4,9.2,9.3,9.2,9.1,9.2z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 7px center;
background-size: 23px 14px;
margin-top: 15px;
margin-bottom: 50px;
padding-right: 30px;
position: relative;
}
.widget-select {
display: table;
width: 100%;
}
.widget-range > label {
display: flex !important;
justify-content: space-between;
margin-bottom: 20px;
}
/* range slider */
input[type=range].rangeslider {
-webkit-appearance: none;
margin-top: 15px;
margin-bottom: 50px;
width: 100%;
height: 1px;
height: 1px;
}
input[type=range].rangeslider:focus {
outline: none;
}
input[type=range].rangeslider::-webkit-slider-runnable-track {
width: 100%;
height: 1px;
cursor: pointer;
box-shadow: none;
background: #fff;
border-radius: 0px;
border: 1px solid #ffffff;
}
input[type=range].rangeslider::-webkit-slider-thumb {
height: 32px;
position: relative;
top: -16px;
width: 16px;
border-radius: 0px;
background: #DC0B1C;
cursor: pointer;
-webkit-appearance: none;
margin-top: -1px;
}
input[type=range].rangeslider:focus::-webkit-slider-thumb {
background: #DC0B1C;
}
input[type=range].rangeslider:focus::-webkit-slider-runnable-track {
background: #fff;
}
input[type=range].rangeslider::-moz-range-track {
width: 100%;
height: 1px;
cursor: pointer;
box-shadow: none;
background: #fff;
border-radius: 0px;
border: 1px solid #ffffff;
}
input[type=range].rangeslider::-moz-range-thumb {
border: 1px solid rgb(255, 255, 255);
height: 1px;
width: 50px;
border-radius: 0px;
background: #FFFFFF;
cursor: pointer;
-webkit-appearance: none;
margin-top: -1px;
}
input[type=range].rangeslider:focus::-moz-range-thumb {
background: #DC0B1C;
}
input[type=range].rangeslider:focus::-moz-range-track {
background: #fff;
}
input[type=range].rangeslider::-ms-track {
width: 100%;
height: 1px;
cursor: pointer;
background: #fff;
border-color: transparent;
color: transparent;
}
input[type=range].rangeslider::-ms-fill-lower {
background: transparent;
border: 1px solid #ffffff;
border-radius: 0px;
}
input[type=range].rangeslider::-ms-fill-upper {
background: transparent;
border: 1px solid #ffffff;
border-radius: 0px;
}
input[type=range].rangeslider::-ms-thumb {
border: 1.9px solid rgba(0, 0, 0, 0);
width: 50px;
border-radius: 0px;
background: #FFFFFF;
cursor: pointer;
height: 1px;
}
input[type=range].rangeslider:focus::-ms-thumb {
background: #DC0B1C;
}
input[type=range].rangeslider:focus::-ms-fill-lower {
background: #fff;
}
input[type=range].rangeslider:focus::-ms-fill-upper {
background: #fff;
}
.mx-datepicker {
width: 100% !important;
}
.mx-datepicker-range {
width: 100% !important;
}
.mx-input-append > svg rect,
.mx-input-append > svg line {
fill: #FFFFFF;
}
.mx-input-append .mx-input-append {
color: #FFFFFF !important;
}
.mx-calendar-content .cell.actived {
background-color: #DC0B1C !important;
}
.mx-calendar-content .cell:hover {
background-color: #f75663 !important;
color: #FFFFFF !important;
}
.mx-datepicker-btn-confirm:hover {
color: #DC0B1C !important;
border-color: #DC0B1C !important;
}
.mx-panel-date td.today {
color: #DC0B1C !important;
}
.vfl-label,
.vfl-label-on-focus {
color: #FFFFFF !important;
font-size: 12px !important;
}
.vfl-label:focus,
.vfl-label-on-focus:focus {
outline: none;
}
.vfl-has-label:focus {
outline: none;
}
.vfl-label-on-input {
top: -13px !important;
}
.productlist-filter,
.ce_form,
.form-request {
border: 0px solid #DC0B1C;
background-color: #000000;
padding: 1rem;
margin-bottom: 10.25rem;
}
@media screen and (min-width: 840px) {
.productlist-filter,
.ce_form,
.form-request {
padding: 3rem;
}
}
@media screen and (min-width: 1680px) {
.productlist-filter,
.ce_form,
.form-request {
padding: 3rem;
}
}
.productlist-filter h2,
.ce_form h2,
.form-request h2 {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-bottom: 5.125rem;
}
.productlist-filter h3,
.ce_form h3,
.form-request h3 {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
margin-bottom: 5.125rem;
color: #DC0B1C;
}
.productlist-filter h4,
.ce_form h4,
.form-request h4 {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
margin-bottom: 5.125rem;
color: #DC0B1C;
}
.productlist-filter label,
.ce_form label,
.form-request label {
color: #fff;
}
.productlist-filter label a,
.ce_form label a,
.form-request label a {
color: #DC0B1C;
}
.productlist-filter select,
.ce_form select,
.form-request select {
background-image: url("/bundles/contaodmahundrupstyles/images/icon-arrow-select.svg");
}
.productlist-filter .salutation-icons svg path,
.ce_form .salutation-icons svg path,
.form-request .salutation-icons svg path {
fill: #fff;
}
.productlist-filter .widget-clearfix,
.ce_form .widget-clearfix,
.form-request .widget-clearfix {
margin: 0 !important;
padding: 0 !important;
}
.productlist-filter .widget,
.ce_form .widget,
.form-request .widget {
padding-top: 3.5rem;
}
@media screen and (min-width: 840px) {
.productlist-filter .widget,
.ce_form .widget,
.form-request .widget {
padding-top: 0;
padding-bottom: 3.5rem;
}
}
.productlist-filter .widget.widget-clearfix, .productlist-filter .widget.widget-checkbox,
.ce_form .widget.widget-clearfix,
.ce_form .widget.widget-checkbox,
.form-request .widget.widget-clearfix,
.form-request .widget.widget-checkbox {
padding-top: 0;
}
.productlist-filter .widget .error,
.ce_form .widget .error,
.form-request .widget .error {
font-size: 1rem;
margin: 0;
display: block;
position: absolute;
border: 1px solid red;
}
.productlist-filter .widget-checkbox label,
.ce_form .widget-checkbox label,
.form-request .widget-checkbox label {
padding-top: 3.5rem;
}
.productlist-filter .widget-checkbox input[type=checkbox] + label:before,
.ce_form .widget-checkbox input[type=checkbox] + label:before,
.form-request .widget-checkbox input[type=checkbox] + label:before {
top: 3.5rem;
}
.productlist-filter .widget-textarea textarea,
.ce_form .widget-textarea textarea,
.form-request .widget-textarea textarea {
height: 20rem;
}
.ce_form {
padding: 3rem;
}
#konfigurator {
background: #8d9192;
background: radial-gradient(ellipse at center, #8d9192 0%, #333333 100%);
background: #000000;
margin-bottom: 20.5rem;
min-height: 450px;
padding: 15px;
z-index: 400;
}
#konfigurator h2,
#konfigurator h3 {
color: #FFFFFF;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
margin-bottom: 30px;
margin-top: 30px !important;
text-align: center;
}
#konfigurator h2 {
font-family: "bauhaus-demi", Arial, Helvetica, sans-serif;
font-family: 700;
}
#konfigurator h3 {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.25;
}
#konfigurator p,
#konfigurator sup {
color: #FFFFFF;
}
#konfigurator p.error,
#konfigurator sup.error {
color: #DC0B1C;
}
#konfigurator input[type=file] {
cursor: pointer;
}
#konfigurator input[type=time]::-webkit-calendar-picker-indicator,
#konfigurator input[type=date]::-webkit-calendar-picker-indicator {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 5px;
cursor: pointer;
}
#konfigurator input[type=time]::-webkit-calendar-picker-indicator:hover,
#konfigurator input[type=date]::-webkit-calendar-picker-indicator:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#konfigurator input[type=text],
#konfigurator input[type=tel],
#konfigurator input[type=email],
#konfigurator input[type=date],
#konfigurator input[type=time],
#konfigurator .fakeFile,
#konfigurator textarea,
#konfigurator select {
border: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
background-color: transparent;
}
#konfigurator input[type=text].error,
#konfigurator input[type=tel].error,
#konfigurator input[type=email].error,
#konfigurator input[type=date].error,
#konfigurator input[type=time].error,
#konfigurator .fakeFile.error,
#konfigurator textarea.error,
#konfigurator select.error {
color: #DC0B1C;
border-color: #DC0B1C;
border-width: 2px;
}
#konfigurator input[type=text].error:focus,
#konfigurator input[type=tel].error:focus,
#konfigurator input[type=email].error:focus,
#konfigurator input[type=date].error:focus,
#konfigurator input[type=time].error:focus,
#konfigurator .fakeFile.error:focus,
#konfigurator textarea.error:focus,
#konfigurator select.error:focus {
color: #FFFFFF;
border-color: #FFFFFF;
}
#konfigurator textarea {
margin-top: 0;
}
#konfigurator input[type=checkbox] + label,
#konfigurator input[type=radio] + label {
color: #FFFFFF;
}
#konfigurator input[type=checkbox] + label:before,
#konfigurator input[type=radio] + label:before {
border: 1px solid #FFFFFF;
color: #FFFFFF;
}
#konfigurator input[type=radio] + label:before {
border: 2px solid #FFFFFF;
}
#konfigurator ::-moz-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #FFFFFF;
opacity: 1;
/* Firefox */
}
#konfigurator ::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #FFFFFF;
opacity: 1;
/* Firefox */
}
#konfigurator :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #FFFFFF;
}
#konfigurator ::-ms-input-placeholder {
/* Microsoft Edge */
color: #FFFFFF;
}
@media screen and (min-width: 1280px) {
#konfigurator section {
width: 90%;
margin: 0 auto;
}
}
#konfigurator .fix-alignment {
margin-top: 3.5rem;
}
#konfigurator .type-icon {
display: inline-block;
cursor: pointer;
}
#konfigurator .type-icon svg {
height: 140px;
width: 136px;
}
#konfigurator .type-icon svg polygon,
#konfigurator .type-icon svg rect,
#konfigurator .type-icon svg path {
fill: #FFFFFF;
transition: fill 0.25s ease-in-out;
}
#konfigurator .category-select {
margin-bottom: 50px !important;
}
#konfigurator .category-select .icon-radio {
margin-right: 15px;
display: flex;
flex-direction: column-reverse;
}
#konfigurator .category-select .icon-radio label {
padding-bottom: 15px;
}
#konfigurator .category-select .icon-radio svg {
height: 70px;
width: 100px;
}
@media screen and (min-width: 1280px) {
#konfigurator .category-select .icon-radio {
flex-direction: column;
}
#konfigurator .category-select .icon-radio svg {
height: 100px;
width: 130px;
}
}
#konfigurator .category-select .icon-radio:last-child {
margin-right: 0;
}
#konfigurator .category-select input[type=radio] + label {
margin: 15px 0;
}
#konfigurator .icon-radio input[type=radio]:checked + label + .type-icon svg rect,
#konfigurator .icon-radio input[type=radio]:checked + label + .type-icon svg polygon,
#konfigurator .icon-radio input[type=radio]:checked + label + .type-icon svg path {
fill: #DC0B1C;
}
#konfigurator .icon-checkbox {
margin-bottom: 24px;
padding: 0 0 22px 75px;
position: relative;
}
@media screen and (min-width: 1280px) {
#konfigurator .icon-checkbox {
margin-bottom: 70px;
padding-bottom: 45px;
}
}
#konfigurator .icon-checkbox label {
display: inline-block;
}
#konfigurator .icon-checkbox .type-icon {
position: absolute;
top: 0;
left: 0;
}
#konfigurator .icon-checkbox .type-icon svg {
height: 40px;
width: 70px;
}
#konfigurator .icon-checkbox input[type=checkbox] {
display: none;
}
#konfigurator .icon-checkbox input[type=checkbox] + label {
padding: 0 0 0 4.5rem;
width: 100%;
line-height: 2.3rem;
margin-bottom: 20px;
}
#konfigurator .icon-checkbox input[type=checkbox] + label:before {
left: 0;
right: auto;
top: 0;
}
#konfigurator .icon-checkbox input[type=checkbox]:checked + label + .type-icon svg rect,
#konfigurator .icon-checkbox input[type=checkbox]:checked + label + .type-icon svg polygon,
#konfigurator .icon-checkbox input[type=checkbox]:checked + label + .type-icon svg path {
fill: #DC0B1C;
}
#konfigurator .icon-checkbox .accordion {
margin: 0 0 30px 0;
}
#konfigurator .widget-checkbox strong {
color: #FFFFFF;
display: block;
margin-bottom: 30px;
}
#konfigurator .widget-checkbox p {
margin-bottom: 15px;
}
#konfigurator .additional-services {
padding-top: 50px;
}
#konfigurator .additional-services .widget-checkbox {
margin-bottom: 30px;
border-bottom: 1px solid #FFFFFF;
padding-bottom: 30px;
}
#konfigurator .additional-services .widget-checkbox strong {
color: #FFFFFF;
display: block;
margin-bottom: 23px;
}
#konfigurator .additional-services .widget-checkbox p {
margin-bottom: 15px;
}
@media screen and (min-width: 1119px) {
#konfigurator .additional-services .widget-checkbox {
border-bottom: none;
margin-bottom: 50px;
position: relative;
padding-bottom: 75px;
}
#konfigurator .additional-services .widget-checkbox > label,
#konfigurator .additional-services .widget-checkbox > input[type=checkbox] {
top: -50px;
position: absolute;
}
}
#konfigurator .step0 .flex-step0 {
display: flex !important;
width: 100% !important;
}
@media screen and (min-width: 1280px) {
#konfigurator .step0 .flex-step0 {
width: 50% !important;
}
}
#konfigurator .step1 .flex-step1 {
align-items: flex-end;
margin: 0 auto 75px auto;
width: 90% !important;
}
#konfigurator .step2 .flexbox {
justify-content: flex-start;
}
@media screen and (min-width: 1280px) {
#konfigurator .step3 .flex-w50 {
flex-basis: calc(50% - 15px);
min-width: calc(50% - 15px);
max-width: calc(50% - 15px);
width: calc(50% - 15px);
}
}
#konfigurator .step4 .flex-start {
justify-content: space-between;
}
#konfigurator .step4 .widget-checkbox label {
display: inline-block !important;
margin-bottom: 10px;
padding-bottom: 0;
padding-left: 45px;
}
#konfigurator .step4 .widget-checkbox label strong {
margin-bottom: 7px;
}
#konfigurator .step4 input[type=checkbox] + label:before {
top: 0;
top: -5px;
bottom: auto;
}
@media screen and (min-width: 1280px) {
#konfigurator .step4 .flex-w50 {
flex-basis: calc(50% - 15px);
min-width: calc(50% - 15px);
max-width: calc(50% - 15px);
width: calc(50% - 15px);
}
}
@media screen and (min-width: 1119px) {
#konfigurator .step4 .desktop-margin {
margin-top: 25px;
}
}
#konfigurator .step5.hasBorder {
border: none;
}
#konfigurator .step5 .flex-start {
justify-content: space-between;
}
@media screen and (min-width: 1280px) {
#konfigurator .step5 .flex-start {
justify-content: flex-start;
}
}
#konfigurator .step5 .widget-checkbox {
display: flex;
margin-bottom: 30px;
flex-direction: column;
position: relative;
}
@media screen and (min-width: 1280px) {
#konfigurator .step5 .widget-checkbox {
margin-bottom: 60px;
margin-right: 20px;
}
#konfigurator .step5 .widget-checkbox > p {
min-height: 75px;
}
}
#konfigurator .step5 .hasBorder {
color: #FFFFFF;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
height: 100%;
padding: 16px 16px 40px;
}
#konfigurator .last-step {
flex-direction: column;
}
#konfigurator .last-step > p {
text-align: center;
}
#konfigurator .last-step h3 {
padding-top: 30px;
position: relative;
}
#konfigurator .last-step h3:before {
background-color: #FFFFFF;
content: "";
height: 1px;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 80%;
}
#konfigurator .last-step .btn {
margin-top: 20px;
}
#konfigurator .hasBorder {
border: 1px solid #FFFFFF;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
position: relative;
display: flex;
flex-direction: column;
}
#konfigurator .hasBorder .type-icon {
text-align: center;
}
#konfigurator .hasBorder .type-icon svg {
height: 97px;
width: 100px;
}
#konfigurator .hasBorder ul {
list-style-type: disc;
padding-left: 20px;
}
#konfigurator .hasBorder ul li {
line-height: 1.25;
list-style-type: disc;
margin-bottom: 5px;
}
#konfigurator .editstep {
bottom: 10px;
cursor: pointer;
position: absolute;
right: 10px;
}
#konfigurator .editstep svg {
height: 30px;
width: 30px;
}
#konfigurator .editstep svg path {
fill: #FFFFFF;
transition: fill 0.25s ease-in-out;
}
#konfigurator .editstep:hover svg path {
fill: #DC0B1C;
}
#konfigurator .requirederror {
margin-bottom: 20px;
}
#konfigurator .filesizeerror {
margin-top: 20px;
}
#konfigurator .flex-left,
#konfigurator .flex-right {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
align-content: flex-start;
justify-content: space-between;
}
@media screen and (min-width: 1280px) {
#konfigurator .flex-left,
#konfigurator .flex-right {
flex-basis: calc(50% - 30px);
width: calc(50% - 30px);
max-width: calc(50% - 30px);
}
}
body.configuratorstep-1 .tooltip .tooltip-inner, body.configuratorstep-2 .tooltip .tooltip-inner, body.configuratorstep-3 .tooltip .tooltip-inner, body.configuratorstep-4 .tooltip .tooltip-inner, body.configuratorstep-5 .tooltip .tooltip-inner, body.configuratorstep-6 .tooltip .tooltip-inner {
background: #FFFFFF !important;
color: #fff !important;
}
body.configuratorstep-1 .tooltip .tooltip-arrow, body.configuratorstep-2 .tooltip .tooltip-arrow, body.configuratorstep-3 .tooltip .tooltip-arrow, body.configuratorstep-4 .tooltip .tooltip-arrow, body.configuratorstep-5 .tooltip .tooltip-arrow, body.configuratorstep-6 .tooltip .tooltip-arrow {
border-color: #FFFFFF !important;
}
body.configuratorstep-1 .tooltip[x-placement^=top] .tooltip-arrow, body.configuratorstep-2 .tooltip[x-placement^=top] .tooltip-arrow, body.configuratorstep-3 .tooltip[x-placement^=top] .tooltip-arrow, body.configuratorstep-4 .tooltip[x-placement^=top] .tooltip-arrow, body.configuratorstep-5 .tooltip[x-placement^=top] .tooltip-arrow, body.configuratorstep-6 .tooltip[x-placement^=top] .tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
body.configuratorstep-1 .tooltip[x-placement^=bottom] .tooltip-arrow, body.configuratorstep-2 .tooltip[x-placement^=bottom] .tooltip-arrow, body.configuratorstep-3 .tooltip[x-placement^=bottom] .tooltip-arrow, body.configuratorstep-4 .tooltip[x-placement^=bottom] .tooltip-arrow, body.configuratorstep-5 .tooltip[x-placement^=bottom] .tooltip-arrow, body.configuratorstep-6 .tooltip[x-placement^=bottom] .tooltip-arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
top: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.accordion .accordion-header {
color: #FFFFFF;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 1.8rem;
display: flex;
align-items: center;
padding: 10px 30px 10px 0;
position: relative;
}
.accordion .accordion-header .acc-icon {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 9.2' style='enable-background:new 0 0 18 9.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.1,9.2c-0.1,0-0.3,0-0.3-0.1L0.2,0.9C-0.1,0.7-0.1,0.4,0,0.2S0.5-0.1,0.7,0c0,0,0.1,0.1,0.1,0.1L9.1,8 l8-7.9c0.2-0.2,0.5-0.2,0.7,0c0,0,0,0,0,0c0.2,0.2,0.2,0.5,0,0.7L9.5,9.1C9.4,9.2,9.3,9.2,9.1,9.2z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: 20px 11px;
content: "";
height: 14px;
margin-left: 15px;
transform: scaleY(1);
transition: transform 0.25s ease-in-out;
width: 23px;
}
.accordion .accordion-content {
color: #FFFFFF;
max-height: 0;
overflow: hidden;
padding-top: 10px !important;
text-align: left;
transition: max-height 0.5s ease-in-out;
}
.accordion.active .accordion-header .acc-icon {
transform: scaleY(-1);
}
.accordion.active .accordion-header + .accordion-content {
max-height: 200vh;
padding-left: 30px;
border-left: 1px solid rgba(255, 255, 255, 0.4784313725);
}
#stepnavigation {
align-items: flex-start;
display: flex;
flex-direction: column-reverse;
flex-wrap: wrap;
margin: 0 auto;
width: 90%;
}
#stepnavigation .btn {
width: 100%;
}
@media screen and (min-width: 1280px) {
#stepnavigation {
flex-direction: row;
justify-content: space-between;
}
#stepnavigation .btn {
width: auto;
}
.configuratorstep-1 #stepnavigation {
justify-content: flex-end;
}
}
#stepnavigation > a {
margin-bottom: 15px;
text-align: center;
}
@media screen and (min-width: 1280px) {
#stepnavigation > a {
text-align: left;
}
}
#stepnavigationbar {
margin-top: 0px !important;
margin-bottom: 80px !important;
}
@media screen and (min-width: 1680px) {
#stepnavigationbar {
margin-bottom: 120px !important;
}
}
#stepnavigationbar ol {
margin-bottom: 5.5rem !important;
display: flex !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
flex-direction: row !important;
}
@media screen and (min-width: 1680px) {
#stepnavigationbar ol {
margin-bottom: 7.5rem !important;
}
}
#stepnavigationbar ol li {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #FFFFFF;
flex: 1;
font-size: 20px;
margin-bottom: -37px;
padding-top: 37px;
position: relative;
text-align: center;
}
#stepnavigationbar ol li > span {
display: none;
}
@media screen and (min-width: 1680px) {
#stepnavigationbar ol li > span {
display: inline-block;
}
}
#stepnavigationbar ol li:before {
background-color: #FFFFFF;
content: "";
cursor: pointer;
height: 37px;
left: 50%;
position: absolute;
top: 0;
transform: skew(-25deg) translateX(-50%);
transform: translateX(-50%);
transition: background-color 0.25s ease-in-out;
width: 13px;
z-index: 2;
}
#stepnavigationbar ol li.active:before {
background-color: #DC0B1C;
}
#stepnavigationbar ol li:after {
background-color: #FFFFFF;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 18px;
width: 100%;
z-index: 1;
}
#stepnavigationbar ol li:first-of-type:after {
left: auto;
right: 0;
width: 50%;
}
#stepnavigationbar ol li:last-of-type:after {
left: 0;
right: auto;
width: 50%;
}
#stepnavigationbar .mobile-stepinfo {
display: none;
}
#stepnavigationbar .mobile-stepinfo.active {
display: block;
color: #FFFFFF;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 2.5rem;
margin-bottom: 2.5rem;
text-align: center;
}
@media screen and (min-width: 1680px) {
#stepnavigationbar .mobile-stepinfo.active {
display: none;
}
}
.animation-fadeinup {
opacity: 0;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-025s {
animation-delay: 0.25s;
}
.animated.delay-05s {
animation-delay: 0.5s;
}
.animated.delay-075s {
animation-delay: 0.75s;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-125s {
animation-delay: 1.25s;
}
.animated.delay-15s {
animation-delay: 1.5s;
}
.animated.delay-175s {
animation-delay: 1.75s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.fast {
animation-duration: 800ms;
}
.animated.faster {
animation-duration: 500ms;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
animation-name: fadeInUp;
animation-duration: 1.5s;
}
@keyframes scaleIn {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}
}
.scaleIn {
animation-name: scaleIn;
}
#header {
position: fixed;
background-color: #FFFFFF;
z-index: 600;
top: 0;
width: 100%;
padding: 15px 30px 10px;
}
@media screen and (min-width: 480px) {
#header {
padding: 15px 40px 10px;
}
}
@media screen and (min-width: 840px) {
#header {
padding: 30px 100px 30px;
margin: 0;
left: 0;
right: 0;
width: 100%;
}
}
@media screen and (min-width: 1280px) {
#header {
margin: 0;
padding-left: 0;
padding-right: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
}
@media screen and (min-width: 1680px) {
#header {
padding-left: 100px;
padding-right: 100px;
}
}
#header .inside {
display: flex;
align-items: center;
}
@media screen and (min-width: 840px) {
#header .inside {
display: block;
}
}
@media screen and (min-width: 1280px) {
#header .inside {
max-width: 1000px;
max-width: 1280px;
margin: 0 auto;
}
}
@media screen and (min-width: 1680px) {
#header .inside {
max-width: 1680px;
}
}
#header #logo {
background: url("/bundles/contaodmahundrupstyles/images/logo-hundrup.svg?v=2023") no-repeat;
width: 100px;
height: 89.2857142857px;
float: left;
position: relative;
background-size: contain;
top: 25px;
}
@media screen and (min-width: 840px) {
#header #logo {
height: 89.2857142857px;
width: 100px;
top: 10px;
}
}
@media screen and (min-width: 1280px) {
#header #logo {
width: 191.87px;
height: 74px;
}
}
#header #logo a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: -9999999px;
overflow: hidden;
}
#header #logo h1 {
display: none;
}
#header .menu-toggler {
background-color: transparent;
background-image: none;
border-color: transparent;
border: 1px solid transparent;
border-radius: 0;
height: 26px;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
width: 35px;
}
#header .menu-toggler:focus {
outline: none;
}
@media screen and (min-width: 1280px) {
#header .menu-toggler {
display: none;
}
}
#header .menu-toggler .burgericon {
background-color: #000000;
border-radius: 3px;
display: block;
height: 3px;
left: 0;
position: absolute;
transition: all 0.3s ease-in-out;
width: 32px;
}
#header .menu-toggler .burgericon:nth-child(2) {
top: 0px;
}
#header .menu-toggler .burgericon:nth-child(3) {
top: 10px;
}
#header .menu-toggler .burgericon:nth-child(4) {
top: 20px;
}
.mainnav-is-active #header .menu-toggler .burgericon:nth-child(2) {
top: 10px;
transform: rotate(45deg);
}
.mainnav-is-active #header .menu-toggler .burgericon:nth-child(3) {
opacity: 0;
}
.mainnav-is-active #header .menu-toggler .burgericon:nth-child(4) {
top: 10px;
transform: rotate(-45deg);
}
#header .header--infotext {
position: absolute;
right: 50px;
}
@media screen and (min-width: 840px) {
#header .header--infotext {
text-align: right;
top: 10px;
right: 0;
}
}
#header .header--infotext > span {
display: inline-block;
}
#header .header--infotext > span a {
color: #DC0B1C;
text-decoration: none;
}
#header .header--infotext > span.erreichbar a {
color: #000000;
}
#header .header--infotext .erreichbar {
display: none;
}
@media screen and (min-width: 840px) {
#header .header--infotext .erreichbar {
color: #fff;
display: inline-block;
font-size: 1.8rem;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
margin-right: 15px;
}
}
#header .header--infotext .telefon {
font-size: 2.5rem;
color: #DC0B1C;
white-space: nowrap;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-weight: 700;
}
#footer {
position: relative;
z-index: 300;
background-color: #FFFFFF;
background-color: transparent;
margin-top: -355px;
}
@media screen and (min-width: 840px) {
#footer {
padding-bottom: 100px;
}
}
#footer .inside {
overflow: hidden;
overflow: visible;
}
#footer .inside .ce_textimage--image {
flex: 1;
background-size: cover;
}
#footer .inside .ce_textimage--image .btn {
top: 40px;
left: 60px;
right: 60px;
z-index: 1;
text-align: center;
font-size: 2rem;
position: absolute;
}
@media screen and (min-width: 840px) {
#footer .inside .ce_textimage--image .btn {
top: -30px;
left: 30px;
right: 30px;
}
}
@media screen and (min-width: 840px) {
#footer .inside .ce_textimage--image .btn {
left: -60px;
top: unset;
right: unset;
bottom: -30px;
}
}
#footer .inside .ce_textimage--image .btn + .btn {
left: 30%;
}
#footer .inside .footer-content {
display: block;
margin: 100px 0px 0;
padding: 70px 30px 100px;
position: relative;
overflow-x: visible;
}
#footer .inside .footer-content > div:not(.ce_textimage--image) {
background: #000000;
padding: 100px 30px;
z-index: 1;
position: relative;
}
@media screen and (min-width: 840px) {
#footer .inside .footer-content > div:not(.ce_textimage--image) {
margin: 20px;
padding: 30px;
width: 60%;
}
}
@media screen and (min-width: 840px) {
#footer .inside .footer-content {
padding: 20px 0 85px 0;
margin: 100px 40px 0;
width: calc(100% - 80px);
}
}
@media screen and (min-width: 840px) {
#footer .inside .footer-content {
display: flex;
margin: 100px 100px 0;
}
}
@media screen and (min-width: 1280px) {
#footer .inside .footer-content {
padding: 40px 40px 40px 0;
margin: 100px auto;
max-width: 1280px;
}
#footer .inside .footer-content > div:not(.ce_textimage--image) {
background: #000000;
width: 60%;
margin: 40px 0;
padding: 40px;
display: flex;
}
#footer .inside .footer-content > div:not(.ce_textimage--image) > div, #footer .inside .footer-content > div:not(.ce_textimage--image) > nav {
flex: 1;
}
}
#footer .inside .footer-content .ce_textimage--image {
position: absolute;
left: 0%;
right: 0;
top: 0;
bottom: 0;
}
@media screen and (min-width: 840px) {
#footer .inside .footer-content .ce_textimage--image {
left: 50%;
z-index: -1;
background-position: center;
}
}
@media screen and (min-width: 1680px) {
#footer .inside .footer-content {
max-width: 1680px;
}
}
#footer .inside .footer-content #footerlogo {
position: absolute;
top: -70px;
left: 0;
background: url("/bundles/contaodmahundrupstyles/images/logo-hundrup.svg?v=2023") no-repeat;
width: 100px;
height: 54.2599999987px;
}
#footer .inside .footer-content #footerlogo a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: -9999999px;
overflow: hidden;
}
@media screen and (min-width: 840px) {
#footer .inside .footer-content #footerlogo {
height: 67.8249999984px;
width: 125px;
}
}
@media screen and (min-width: 1280px) {
#footer .inside .footer-content #footerlogo {
left: 20px;
height: 67.8249999984px;
width: 125px;
}
}
#footer .inside .footer-content > .contact,
#footer .inside .footer-content > .mod_customnav {
position: relative;
margin-bottom: 30px;
margin-right: 10px;
flex-basis: 30%;
}
#footer .inside .footer-content > .contact ul,
#footer .inside .footer-content > .mod_customnav ul {
margin-bottom: 0;
}
#footer .inside .footer-content > .contact:last-of-type,
#footer .inside .footer-content > .mod_customnav:last-of-type {
margin-bottom: 0;
}
#footer .inside .footer-content > .mod_customnav {
background: #000000;
z-index: 1;
margin-bottom: -20px !important;
margin-top: -50px;
padding-top: 50px;
margin-top: 60px;
}
@media screen and (min-width: 840px) {
#footer .inside .footer-content > .mod_customnav {
margin-top: 0px;
}
}
#footer .inside .footer-content > .imgcontainer {
flex-basis: 40%;
}
#footer .inside .footer-content > .imgcontainer img {
width: scale(1.25);
}
#footer .inside p,
#footer .inside li,
#footer .inside a,
#footer .inside span,
#footer .inside h6 {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 1.8rem;
font-size: 18px;
line-height: 2.5rem;
text-decoration: none;
color: #FFFFFF;
transition: all 0.6s ease;
}
@media screen and (min-width: 1280px) {
#footer .inside p,
#footer .inside li,
#footer .inside a,
#footer .inside span,
#footer .inside h6 {
font-size: 18px;
line-height: 3.2rem;
}
}
#footer .inside a {
font-size: 2.4rem;
}
@media screen and (min-width: 1280px) {
#footer .inside a {
font-size: 2.4rem;
line-height: 3.2rem;
}
}
#footer .inside a:hover,
#footer .inside a:hover span {
color: #DC0B1C;
transition: all 0.2s ease;
}
#footer .inside a.btn {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 700;
}
#footer .inside h6 {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 2.8rem;
font-weight: bold;
color: #DC0B1C;
margin-bottom: 30px;
}
#footer .inside > .block {
width: 33%;
float: left;
position: relative;
z-index: 300;
}
#footer .inside .chock {
display: block;
display: none;
position: absolute;
bottom: -10rem;
width: 200%;
transform: rotate(-5deg);
z-index: 1;
background-color: #DC0B1C;
height: 20rem;
z-index: 1;
}
@media screen and (min-width: 1280px) {
#footer .inside .chock {
bottom: -6rem;
}
}
@media screen and (min-width: 1926px) {
#footer .inside .chock {
bottom: -4rem;
}
}
@media screen and (min-width: 3800px) {
#footer .inside .chock {
height: 25rem;
bottom: 0;
}
}
#footer .inside .socialmedia {
margin-bottom: 0;
position: relative;
position: absolute;
right: 20px;
right: unset;
bottom: 0;
bottom: unset;
z-index: 300;
transform: translateX(-8px);
}
@media screen and (min-width: 840px) {
#footer .inside .socialmedia {
margin-bottom: 1rem;
margin-top: 15.5rem;
}
}
#footer .inside .socialmedia ul {
margin-bottom: 0;
}
#footer .inside .socialmedia ul li {
display: inline-block;
margin: 7px;
transition: all 0.6s ease;
}
#footer .inside .socialmedia ul li img {
width: 40px;
height: 40px;
}
#footer .inside .socialmedia ul li:hover {
transform: scale(1.2);
transition: all 0.2s ease;
}
#footer .contact + .mod_customnav {
margin-top: 60px;
}
@media screen and (min-width: 1280px) {
#footer .contact + .mod_customnav {
margin-top: 0px;
}
}
#wrapper {
margin-bottom: 355px;
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}