.responsiveTeaser {
    display:none;
    width:100%;
    position:relative;
    height:auto;
}

.responsiveTeaser img {
    position:relative;
    width:100%;
    object-fit:cover;
    float:left;
}

.responsiveTeaser a {
    display:block;
    float:left;
    position:relative;
}

.homepageSliderWrapper {
    max-width:var(--max-width);
    margin:0px auto 0px;
    padding:0 var(--side-padding);
    min-height:574px;
}

#homepageSlider {
    margin:0 auto;
    height:auto;
    min-height:574px;
    width:100%;
    max-width:100%;
    float:left;
    position:relative;
}

#homepageSlider #sliderControls {
    position:absolute;
    top:100px;
    left:100px;
    background:#fff;
    border-radius:3px;
    width:100px;
    height:40px;
    z-index:200;
    -webkit-box-shadow:0px 1px 5px -1px rgba(0,0,0,0.15);
    -moz-box-shadow:0px 1px 5px -1px rgba(0,0,0,0.15);
    box-shadow:0px 1px 5px -1px rgba(0,0,0,0.15);
    overflow:hidden;
}

#homepageSlider #sliderControls div {
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
    cursor:pointer;
    line-height:50px;
    text-align:center;
}

div#sliderControls div i {
    color:var(--nofocus-color);
}

#homepageSlider #sliderControls div:hover {
    background:var(--casual-action);
}

#homepageSlider #sliderControls div:hover i {
    color:#fff;
}

#homepageSlider #sliderControls #slidePrev {
    float:left;
    width:50%;
    height:40px;
    border-right:1px solid rgba(0,0,0,0.1);
}

#homepageSlider #sliderControls #slideNext {
    float:left;
    width:50%;
    height:40px;
}

#homepageSlider li.slide {
    position:relative;
    display:none;
    -moz-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

#homepageSlider li.slide.active {
    position:relative;
    display:block;
}

#homepageSlider li.slide img {
    height:574px!important;
    right:0px;
    float:left;
    object-fit:cover;
}

#homepageSlider ul {
    padding:0px;
    list-style-type:none;
    float:left;
    width:100%;
}

#homepageSlider ul,#homepageSlider ul li {
    margin-bottom:0px!important;
}

li.slide .slide_content {
    position:absolute;
    top:180px;
    letter-spacing:0px;
    left:100px;
    max-width:470px;
}

li.slide .slide_content span {
    width:100%;
    float:left;
}

.slide_content ul li {
    float:left;
    padding-left:30px;
    margin-right:30px;
    position:relative;
}

.slide_content .priceButton {
    float:left;
    position:relative;
    color:var(--casual-action);
    padding:7px 10px;
    border:1px solid #e2e2e2;
    border-radius:3px;
    background:#fff;
    font-size:25px;
    letter-spacing:-1px;
    font-weight:600;
}

.slide_content ul li .material-icons {
    margin-top:2px;
    left:0px;
    top:-4px;
    position:absolute;
    color:var(--casual-action);
}

.fbBanner {
    width:100%;
    position:relative;
    float:left;
    background:#fff;
    padding:30px 25px;
    box-sizing:border-box;
}

.fbBanner img {
    opacity:1;
    height:35px;
    width:auto!important;
    opacity:0.5;
}

.rabatt {
    position:relative;
    width:100%;
    float:left;
    background:#fff;
    padding:30px 25px;
    box-sizing:border-box;
}

.rabatt img {
    height:35px;
    width:auto!important;
    opacity:0.5;
}

.fbRabatt {
    width:100%;
    grid-template-columns:calc(50% - 5px)  calc(50% - 5px)!important;
}

.fbBanner span,.rabatt span {
    position:absolute;
    right:30px;
    top:34px;
    display:block;
    background:rgba(0,0,0,0.2);
    padding:5px 10px;
    border-radius:3px;
    color:white;
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

.rabatt:hover span,.fbBanner:hover span {
    background:var(--casual-action);
}

.grid-container {
    display:inline-grid;
    grid-gap:10px;
    float:left;
}

.grid-container.quarters {
    grid-template-columns:auto auto calc(50% - 5px);
    padding-top:10px;
}

.grid-container.quarters.reversed {
    grid-template-columns:calc(50% - 5px) auto auto;
    padding-top:10px;
}

.grid-container.halfs {
    grid-template-columns:auto auto;
    padding-top:10px;
}

.grid-container.quarters .quarterBanner {
    text-align:center;
    position:relative;
}

.grid-container.halfs .halfBanner {
    text-align:center;
    position:relative;
}

.quarterBanner img,.halfBanner img {
    float:left;
    width:100%;
}

.grid-container.quarters .quarterBanner .text,.grid-container.halfs .halfBanner .text {
    position:absolute;
    top:60px;
    left:40px;
    font-size:4rem;
    letter-spacing:-1px;
    color:black;
    font-weight:700;
    text-align:left;
    line-height:1;
}

.grid-container.quarters .quarterBanner .text strong,.grid-container.halfs .halfBanner .text strong {
    width:100%;
    float:left;
    font-size:2rem;
    font-weight:400;
    opacity:0.7;
    margin-top:15px;
    color:black;
}

.quarterBanner:hover i.actionButtonLI,.halfBanner:hover i.actionButtonLI {
    background:#ffce78;
    color:#c97c44!important;
}

i.actionButtonLI {
    font-size:1.5rem;
    text-decoration:none;
    font-style:initial;
    margin-top:20px;
}

.footerAnchors ul li a {
    float:left;
    padding:5px 10px;
    background:#fff;
    margin:2px;
    border-radius:4px;
    color:var(--nofocus-color);
    -webkit-box-shadow:0px 1px 5px -1px rgba(0,0,0,0.15);
    -moz-box-shadow:0px 1px 5px -1px rgba(0,0,0,0.15);
    box-shadow:0px 1px 5px -1px rgba(0,0,0,0.15);
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
    text-decoration:none;
}

.footerAnchors ul li a:hover {
    color:var(--casual-action);
}

.footerAnchors span.caption {
    font-size:2.2rem;
    width:100%;
    float:left;
    margin-bottom:15px;
}

.footerAnchors {
    float:left;
    display:block;
    margin-top:10px;
    width:100%;
    padding:40px;
    background:#e7e5df;
}

.footerAnchors span.caption {
    font-size:2.2rem;
}

.footerAnchors ul {
    padding:0;
    margin:0;
    list-style-type:none;
    float:left;
}

.footerAnchors ul li {
    margin-bottom:0px;
}

.contentPageTeaser {
    margin:0 auto;
    height:auto;
    width:100%;
    max-width:100%;
    float:left;
    position:relative;
    color:#000;
}

.contentPageTeaser:hover {
    color:#000;
}

.contentPageTeaser .content {
    position:absolute;
    top:80px;
    letter-spacing:0px;
    left:100px;
    max-width:470px;
    color:#000;
}

.contentPageTeaser .content span {
    width:100%;
    float:left;
}

.contentPageTeaser .content .caption {
    font-size:5.5rem;
    font-weight:700;
    letter-spacing:-3px;
    line-height:0.8;
    color:#000;
}

.contentPageTeaser .content .subCaption {
    font-size:5rem;
    letter-spacing:-3px;
    margin-top:0px;
    color:#000;
}

.contentPageTeaser .content ul {
    padding:0px;
    list-style-type:none;
    float:left;
    width:100%;
}

.contentPageTeaser .content ul li {
    float:left;
    padding-left:30px;
    margin-right:30px;
    position:relative;
}

.contentPageTeaser img {
    float:left;
    object-fit:cover;
    height:574px!important;
}

.contentPageTeaser .content ul li .material-icons {
    margin-top:2px;
    left:0px;
    top:-4px;
    position:absolute;
    color:var(--casual-action);
}

.textContent {
    float:left;
    padding:40px 0px;
}

.textContent p {
    float:left;
    width:100%;
    font-size:15px;
    color:var(--nofocus-color);
    line-height:1.3;
}

.textContent h2 {
    float:left;
    width:100%;
    margin:50px 0 30px;
}