.full_width_slider_wrapper, .full_width_slider_wrapper.new { position: relative; height: 100%; } .full_width_slider_wrapper .swiper-container, .page_margin_width_slider_wrapper .swiper-container { max-height: 100%; width: 100%; height: 100%; } .full_width_slider_wrapper .swiper-container.full-slider { margin-top: 0; margin-bottom: 0; } .full_width_slider_wrapper .swiper-container .swiper-slide, .page_margin_width_slider_wrapper .swiper-container .swiper-slide { text-align: center; background: #fff; width: 100%; height: 100%; color: #fff; } .full_width_slider_wrapper .full-slider .swiper-slide img { width: 100%; height: auto; position: relative; left: 0; top: 0; display: block; } .page_margin_width_slider_wrapper .full-slider .swiper-slide img { width: 100%; height: auto; } .full-slider .swiper-slide .slider-description { max-width: 1176px; margin: 0 auto; } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description { width: 100%; padding-left: 0px; position: relative; } .full-slider .swiper-slide .slider-description-wrapper { position: absolute; display: inline-block; width: 100%; height: auto; top: 15%; left: 0; } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop { top: 80px; } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom { top: auto; bottom: 80px; } .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom { top: auto; bottom: 40px; } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom { top: auto; bottom: 80px; } .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom { top: auto; bottom: 40px; } .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop { top: 40px; } .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom { left: 40px; right: auto; width: calc(100% - 40px); margin-right: } .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom { right: 40px; left: auto; width: calc(100% - 40px); } .full-slider .swiper-slide .slider-description .headline, .full-slider .swiper-slide .slider-description .h1-style { display: block; text-align: left; font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; font-size: 30px; margin-bottom: 10px; line-height: 30px; } .full-slider .swiper-slide .slider-description .headline.text-xxl, .full-slider .swiper-slide .slider-description .h1-style.text-xxl { line-height: 1; } .full-slider .swiper-slide .slider-description .white .headline, .full-slider .swiper-slide .slider-description .whitefull .headline, .full-slider .swiper-slide .slider-description .white .h1-style, .full-slider .swiper-slide .slider-description .whitefull .h1-style { color: #cc0000; } .full-slider .swiper-slide .slider-description .subheader { //font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; //text-transform: uppercase; width: 100%; margin: 0 auto; color: #fff; font-size: 15px; text-align: left; line-height: 25px; } .full-slider .swiper-slide .slider-description .white .subheader, .full-slider .swiper-slide .slider-description .whitefull .subheader { color: #000; } .full-slider .swiper-slide .slider-description .headline.black, .full-slider .swiper-slide .slider-description .h1-style.black, .full-slider .swiper-slide .slider-description .subheader.black { color: #000; } .full-slider .swiper-slide .slider-description .btn_cta { background-color: #0093DD; font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 15px; height: 40px; line-height: 40px; color: #fff; padding: 0 11px; border: none; border-radius: 0; display: block; cursor: pointer; -webkit-appearance: none; width: auto; max-width: 50%; min-width: 240px; text-align: center; } .full-slider .swiper-slide .button-container-wrapper { position: relative; display: inline-block; height: auto; //top: 50px; left: 0; } .full-slider .swiper-slide .button-container-wrapper.leftTop, .full-slider .swiper-slide .button-container-wrapper.rightTop { top: 80px; bottom: auto; width: 100%; } .full-slider .swiper-slide .button-container-wrapper.leftBottom, .full-slider .swiper-slide .button-container-wrapper.rightBottom { //top: auto; //bottom: 50px; width: 100%; //height: 40px; } .page_margin_width_slider_wrapper.full-slider .swiper-slide .button-container-wrapper.leftBottom, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop { left: 20px; width: calc(100% - 20px); } .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop { right: 20px; width: calc(100% - 20px); } .full-slider .swiper-slide .button-container { width: 100%; position: relative; display: inline-block; max-width: 974px; text-align: left; } .wide .full-slider .swiper-slide .button-container { max-width: 1200px; } .full-slider .swiper-slide .rightTop span.btn_cta, .full-slider .swiper-slide .rightBottom span.btn_cta { float: right; } .full-slider .swiper-slide .button-container .btn_cta { height: auto; display: inline-block; } .full-slider .swiper-slide .slider-description .btn_cta a, .full-slider .swiper-slide .button-container .btn_cta a { color: #fff; padding: 0 69px; } .full-slider .swiper-pagination.hidden { display: none; } .full-slider .swiper-pagination { width: 100%; margin: 0 auto; position: relative; bottom: 30px !important; height: 0; } .full-slider .swiper-pagination.inner-text-nav { bottom: 40px; } .full-slider .numbers .swiper-pagination-bullet { background-color: transparent; font-weight: bold; } .full-slider .swiper-pagination.numbers { bottom: 34px; display: block; left: 7px; width: calc(100% - 14px); } .full-slider .swiper-pagination.numbers.left { text-align: left; } .full-slider .swiper-pagination.numbers.right { text-align: right; padding-right: 20px; } .full-slider .swiper-pagination.numbers .swiper-pagination-bullet { width: 24px; height: 24px; text-align: center; font-weight: bold; line-height: 24px; font-size: 11px; color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.3); margin: 0px 1px; border-radius: 0; } .ie8 .full-slider .swiper-pagination.numbers .swiper-pagination-bullet, .ie7 .full-slider .swiper-pagination.numbers .swiper-pagination-bullet { filter: alpha(opacity=40); } .full-slider .swiper-pagination.numbers .swiper-pagination-bullet.active { background-color: transparent; background-color: #DD0202; } .ie8 .full-slider .swiper-pagination.numbers .swiper-pagination-bullet.active, .ie7 .full-slider .swiper-pagination.numbers .swiper-pagination-bullet.active { filter: alpha(opacity=100); } .full-slider .numbers.left { text-align: left; } .full-slider .numbers.right { text-align: right; } .full-slider .inner-text-nav .swiper-pagination-bullet { font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif; background: transparent; background-color: transparent; width: auto !important; height: auto !important; opacity: 1 !important; line-height: 27px; font-size: 18px; margin: 8px 20px 0px 20px !important; border-radius: 0 !important; text-transform: uppercase; } .full-slider .swiper-container-horizontal>.inner-text-nav { bottom: 30px !important; } .full-slider .inner-text-nav .swiper-pagination-bullet-active { border-top-style: solid; border-top-width: 4px; } .full-slider .swiper-pagination-button { height: 52px; width: 40px; //background-color:; position: absolute; top: 50%; margin-top: -26px; z-index: 10; text-align: center; cursor: pointer; } .full-slider .swiper-prev-button { left: 0px; } .full-slider .swiper-next-button { right: 0px; } .full-slider .swiper-pagination-button .icon-interface-left, .full-slider .swiper-pagination-button .icon-interface-right { font-size: 48px; line-height: 48px; padding-top: 5px; color: #fff; background-color: rgba(0, 0, 0, .3); padding-left: 10px; } .full-slider .swiper-pagination-button .icon-interface-left { padding-right: 0; text-align: left; padding-left: 0; } .full-slider .swiper-pagination-button .icon-interface-right { padding-right: 10px; padding-left: 0; text-align: right; } .full-slider .swiper-pagination-button:hover .icon-interface-left, .full-slider .swiper-pagination-button:hover .icon-interface-right { color: #000; background-color: rgba(255, 255, 255, .85); } .full-slider .invisible-button { display: none; } .full-slider .swiper-slide .slider-backgroundbox { width: 48.33333%; padding: 0; background-color: transparent; display: inline-block; float: left; max-width: 48.333333%; box-sizing: border-box; border-bottom: none; } .full-slider .swiper-slide .slider-backgroundbox.white, .full-slider .swiper-slide .slider-backgroundbox.whitefull, .full-slider .swiper-slide .slider-backgroundbox.red, .full-slider .swiper-slide .slider-backgroundbox.transparent { padding: 30px; } .full-slider .swiper-slide .leftTop .slider-backgroundbox, .full-slider .swiper-slide .leftBottom .slider-backgroundbox { margin-right: 48.333333%; } .full-slider .swiper-slide .rightTop .slider-backgroundbox, .full-slider .swiper-slide .rightBottom .slider-backgroundbox { margin-left: 48.333333%; } .full-slider .swiper-slide .nlfinder { width: auto; display: block; width: 48.333333%; box-sizing: border-box; } .full-slider .swiper-slide .nlfinder.leftTop, .full-slider .swiper-slide .nlfinder.leftBottom { float: left; } .full-slider .swiper-slide .nlfinder.rightTop, .full-slider .swiper-slide .nlfinder.rightBottom { float: right; } .full-slider .swiper-slide .nlfinder form { width: 100%; padding: 20px 0; } .full-slider .swiper-slide .nlfinder form .block { float: left; width: calc(62% - 20px); margin-right: 20px; display: inline-block; text-align: left; } .full-slider .swiper-slide .nlfinder form .block.buttons { float: left; width: 38%; display: inline-block; margin-right: 0; } .full-slider .swiper-slide .nlfinder form .searchfield_route { width: 100%; border: none; -webkit-appearance: none; padding: 0 30px; box-sizing: border-box; line-height: 40px; color: #000; height: 40px; } .full-slider .swiper-slide .nlfinder form .block.buttons .btn_cta { width: 100%; max-width: 100%; min-width: auto; margin: 0; } .full-slider .swiper-slide .rightTop .slider-backgroundbox, .full-slider .swiper-slide .rightBottom .slider-backgroundbox { float: right; } .full-slider .swiper-slide .slider-backgroundbox.white { background-color: rgba(255, 255, 255, .75); } .full-slider .swiper-slide .slider-backgroundbox.whitefull { background-color: #fff; } .full-slider .swiper-slide .slider-backgroundbox.red { background-color: #cc0000; } .full-slider .swiper-slide .slider-backgroundbox.transparent { background-color: rgba(0, 0, 0, .3); } .full-slider .swiper-slide .slider-description .h1-style, .full-slider .swiper-slide .slider-description .headline, .full-slider .swiper-slide .slider-description .subheader { width: 100%; } .full-slider .swiper-slide .slider-description .subheader a { color: #fff; } .full-slider .swiper-slide .slider-description .subheader p { line-height: 1.5; margin-bottom: 0; } .full-slider .swiper-slide .slider-description .subheader p:last-child { margin-bottom: 30px; } .full-slider .swiper-container-horizontal .swiper-pagination.hidden { display: none !important; } .full-slider .swiper-pagination-bullet-active { background: #cc0000; } .full-slider .swiper-slide .slider-description ul {     padding-inline-start: 1.6rem; } .full-slider .swiper-slide .slider-description ul li{     line-height: 1.5; } /* OLD CAROUSEL-SLIDER */ .ie8 .swiper-slide .white.slider-backgroundbox, .ie8 .swiper-slide .whitefull.slider-backgroundbox { background-color: #fff; } .ie8 .swiper-slide .transparent.slider-backgroundbox { filter: alpha(opacity=40); } .ie8 .swiper-slide.hidden { display: none; } .ie8 .swiper-pagination-button .icon-interface-left, .ie8 .swiper-pagination-button .icon-interface-right, .ie8 .swiper-pagination-button:hover .icon-interface-left, .ie8 .swiper-pagination-button:hover .icon-interface-right { filter: alpha(opacity=40); color: #fff; } @media screen and (max-width:1200px) { .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom { /* left: 12px;*/ } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom { /* right: 12px;*/ } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop { top: 40px; } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop { top: 40px; } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom { bottom: 40px; } .full-slider .swiper-slide .leftTop .slider-description .slider-backgroundbox, .full-slider .swiper-slide .leftBottom .slider-description .slider-backgroundbox { margin-left: 12px; } .full-slider .swiper-slide .rightTop .slider-description .slider-backgroundbox, .full-slider .swiper-slide .rightBottom .slider-description .slider-backgroundbox { margin-right: 12px; } } @media screen and (max-width:974px) { .full_width_slider_wrapper .swiper-pagination, .page_margin_width_slider_wrapper .swiper-pagination, .full_width_slider_wrapper .swiper-prev-button, .page_margin_width_slider_wrapper .swiper-prev-button, .full_width_slider_wrapper .swiper-next-button, .page_margin_width_slider_wrapper .swiper-next-button { display: none; } .full-slider .swiper-slide .slider-description { min-height: 55px; display: inline-block; width: 100%; background-color: #ECECEC; /*border-bottom: 1px solid #b3b3b3;*/ } .full-slider .swiper-slide .slider-description .slider-backgroundbox.red, .full-slider .swiper-slide .slider-description .slider-backgroundbox.transparent, .full-slider .swiper-slide .slider-description .slider-backgroundbox.white, .full-slider .swiper-slide .slider-description .slider-backgroundbox.whitefull, .full-slider .swiper-slide .slider-description .slider-backgroundbox.noColor { background-color: transparent; padding: 20px; margin-right: 0; } .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom { left: 0; } .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom { right: 0; } .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.leftBottom, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightTop, .full_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-description-wrapper.rightBottom { width: 100%; position: relative; display: block; top: 0; } .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftBottom, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftBottom, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom { position: relative; top: auto; bottom: 0; padding-right: 0; } .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop span.btn_cta, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftBottom span.btn_cta, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop span.btn_cta, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom span.btn_cta { float: right; margin-right: 20px; } .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop span.btn_cta, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftBottom span.btn_cta, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop span.btn_cta, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom span.btn_cta { float: right; margin-right: 0px; } .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop span.btn_cta a, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftBottom span.btn_cta a, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop span.btn_cta a, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom span.btn_cta a, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop span.btn_cta a, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftBottom span.btn_cta a, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop span.btn_cta a, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom span.btn_cta a { padding: 0; } .full_width_slider_wrapper .full-slider .swiper-slide .slider-backgroundbox, .page_margin_width_slider_wrapper .full-slider .swiper-slide .slider-backgroundbox { width: 100%; max-width: 100%; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; } .full-slider .swiper-slide .slider-backgroundbox.nl-finder { padding-bottom: 0; } .full-slider .swiper-slide .slider-description .slider-backgroundbox.nl-finder .subheader p:last-child { margin-bottom: 0; } .full-slider .swiper-slide .nlfinder { width: 100%; max-width: 100%; box-sizing: border-box; padding: 0 30px 20px 30px; } .full-slider .swiper-slide .slider-description .headline, .full-slider .swiper-slide .slider-description .h1-style { /* font-size: 19px; line-height: 24px; margin-bottom: 5px; max-width: 70%;*/ color: #cc0000; } .full-slider .swiper-slide .slider-description .subheader { /* font-size: 13px;*/ line-height: 16px; /* max-width: 70%;*/ float: left; color: #000; } .full-slider .swiper-slide .nlfinder form .searchfield_route { border: 1px solid #b3b3b3; } } @media screen and (max-width:468px) { .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop span.btn_cta, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftTop span.btn_cta, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftBottom span.btn_cta, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.leftBottom span.btn_cta, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop span.btn_cta, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightTop span.btn_cta, .full_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom span.btn_cta, .page_margin_width_slider_wrapper .full-slider .swiper-slide .button-container-wrapper.rightBottom span.btn_cta {} .full-slider .swiper-slide .slider-description .headline, .full-slider .swiper-slide .slider-description .h1-style, .full-slider .swiper-slide .slider-description .subheader { max-width: 100%; } .full-slider .swiper-slide .nlfinder form .block, .full-slider .swiper-slide .nlfinder form .block.buttons { width: 100%; } .full-slider .swiper-slide .nlfinder form .block { margin-bottom: 10px; } .full-slider .swiper-slide .leftTop .slider-description .slider-backgroundbox, .full-slider .swiper-slide .leftBottom .slider-description .slider-backgroundbox { margin-left: 0; } .full-slider .swiper-slide .rightTop .slider-description .slider-backgroundbox, .full-slider .swiper-slide .rightBottom .slider-description .slider-backgroundbox { margin-right: 0; } }