/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 21, 2019
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

/* Color Adjustments */
.small-header-top p strong, .small-header-top p, .small-header-top p strong, .small-header-top li {color: #011D51 ! important;}

/* Fonts */
form label, form select, form input, form textarea {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, "PT Sans" ! important;}
html body .header-top h1 {letter-spacing: 0px ! important}
#blog-169 form label {margin-bottom: 8px}
/* Form */
legend {padding-top: 12px}
.checkbox input {margin-right: 6px ! important}
div.form-group
div.input.checkbox
label span a {position: relative; top: -1px ! important; font-size: 16px ! important; line-height: 0 ! important}
@media (max-width: 650px) {
.checkbox {display: flex; align-items: center}
div.form-group
div.input.checkbox
label span a,div.form-group
div.input.checkbox
label * {font-size: 14px ! important;}}
/* Meta Links */
.phone {margin-right: 20px} .phone span {padding-left: 3px} .contact span {padding-left: 3px}
.phone svg, .contact svg {position: relative; top: -1px}
@media (max-width: 600px) and (max-width: 1200px) {.phone span, .contact span {display: none}}

/* Borders */
.product-title-wrap {display: block;padding-left: 20px;
  border-left: 5px solid #F49702; margin-right: 15px;}
.ce-header-center h1:after, .ce-header-center h2:after, .ce-header-center h3:after, h2.text-center:after, h3.text-center:after {content: '' ! important; display:block; border-bottom: 5px solid #F49702; max-width: 100px; margin: 0 auto; padding-top: 25px; margin-bottom: -5px}
.ce-header-center h2.h1:after {content: '' ! important; display:block; border-bottom: 5px solid #F49702; max-width: 100px; margin: 0 auto; padding-top: 25px; margin-bottom: 5px}
.small-header-top h1:after {content: '' ! important; display:block; border-bottom: 5px solid #F49702; max-width: 100px; margin: 0 auto; padding-top: 25px; margin-bottom: 15px ! important}
.feature-31 .ce-header-center h2:after, .feature-31 .ce-header-center h3:after, .feature-31 h2.text-center:after, .feature-31 h3.text-center:after {display: none ! important}
/* Breakpoints */
@media (min-width: 992px) and (max-width: 1200px) {li#menu487.nav-item.first-level {display: none}}

/* Headline always centered */
header.ce-header-center {display: flex; justify-content: center}

/* Abstaende */
.blpagets__templateproduct .feature.feature-6 {padding-bottom: 75px}
.blpagets__templateproduct .feature.feature-27 {padding-bottom: 30px ! important}
#blog-1 .feature.feature-27 .row {padding-bottom: 0px ! important}
.small-padding-right {padding-right: 15px}
.medium-padding-right {padding-right: 30px}

/* Buttons */
.c-form_formframework form .btn, .c-form_formframework form button {margin-bottom: 15px; margin-right: 10px; max-width: 230px}
@media (min-width:1240px){.c-form_formframework form .btn, .c-form_formframework form button {margin-right: 10px; max-width: 230px;}}
@media (max-width:768px){.c-form_formframework form .btn, .c-form_formframework form button {margin-top: 9px ! important;margin-right: 0px; max-width: 230px; font-size: 15px ! important}}

.blpagets__templateproduct .btn-anfrage {max-width: 240px }
.blpagets__templateproduct p.text-center a:before {padding-right: 9px; content: '\2192'}

html #blog-1 .header-top .c-text a:after, body:not(#blog-1) .header-top .c-text a:after, .gallery-mobile-size-2 .gallery-item.gallery-item-size-1 figcaption:after {padding-left: 10px; content: '\276F' ! important; font-weight: 400 ! important}
.gallery-mobile-size-2 .gallery-item.gallery-item-size-1 figcaption:after {color: #F49702; font-weight: bold ! important}
#blog-1 .header-top .c-text a {display: flex; background-color: transparent ! important; border: 2px solid #011D51 ! important; color: #011D51 ! important; font-weight: 600; font-size: 16px; padding: 8px 15px 8px 15px; border-radius: 8px ! important; }
body:not(#blog-1) .header-top .c-text a {display: inline-block; background-color: transparent ! important; border: 2px solid #011D51 ! important; color: #011D51 ! important; font-weight: 600; font-size: 16px; padding: 8px 15px 8px 15px; border-radius: 8px ! important; margin-right: 12px; margin-bottom: 12px}
@media (min-width:600px){.gallery-mobile-size-2 .textmedia.textmedia-below .textmedia-item.textmedia-gallery .gallery-row .gallery-item.gallery-item-size-1 {width:calc(100% / 2)}}
@media (min-width:992px){.gallery-mobile-size-2 .textmedia.textmedia-below .textmedia-item.textmedia-gallery .gallery-row .gallery-item.gallery-item-size-1 {width:calc(100% / 3)}}

.btn-anfrage1.btn-primary-outline, .btn-anfrage1,
html body .feature .btn:not(.add-btn-cart), .btn-outline-primary, .warmbg .card .btn, .warmbg .card .btn span, html body [class*="c-menu_"] .c-card-group .card-group-element .card-group-element-item .card .card-footer a {border: 2px solid #004568 ; color: #004568  ! important;
  padding: 9px 26px 9px 26px ! important; border-radius: 8px ! important; font-weight: 600; font-size: 15px; margin-top: 9px ! important; display: inline-block; background-color: transparent ! important;}
html body .feature .btn.add-btn-cart {border: 2px solid #004568 ; color: #004568  ! important;border-radius: 8px ! important; font-weight: 600; font-size: 15px; display: inline-block; background-color: transparent ! important;}
.btn-anfrage1.btn-primary-outline:hover, .btn-anfrage1:hover, html #blog-1 .header-top .c-text a:hover,
html body .feature .btn:hover, .btn-outline-primary:hover, .warmbg .card .btn:hover, .warmbg .card .btn span:hover, html body [class*="c-menu_"] .c-card-group .card-group-element .card-group-element-item .card .card-footer a:hover,
html body .feature .btn:hover, .btn-outline-primary:hover {color: #004568 ! important, background: transparent ! important; opacity: 0.7 ! important}
html body .feature .btn.btn-show-cart {border: none ! important; background: none ! important}

.warmbg .card .btn:hover {border-color: #00A3CC; color: #00A3CC ! important; background: transparent ! important} .warmbg .card .btn:hover span {color: #00A3CC ! important;}

/* Mobile */
@media (max-width: 991px) {
html body .product-title,  html body .feature h2, html body .feature h3,html body .feature h4,html body .feature h2 span,html body .feature h3 span,html body .feature h4 span {font-size: 26px ! important}
.btn-anfrage1, .btn-anfrage2, #anfrageModal1 .btn, #anfrageModal2 .btn, html body .btn.btn-anfrage, .btn-anfrage.btn-anfrage1.btn-primary-outline  {max-width: 200px ! important}
html #blog-1 .header-top .c-text a,body:not(#blog-1) .header-top .c-text a,.btn-anfrage1.btn-primary-outline, .btn-anfrage1,
html body .feature .btn:not(.add-btn-cart), .btn-outline-primary, .warmbg .card .btn, .warmbg .card .btn span, html body [class*="c-menu_"] .c-card-group .card-group-element .card-group-element-item .card .card-footer a {padding: 5px 9px 5px 9px ! important; border-radius: 8px ! important;
  font-size: 16px; margin-top: 9px ! important; margin-right: 9px}}

@media (max-width: 768px) {
.feature .accordion-item .accordion-header button {font-size: 20px; padding-right: 20px}
html body .header-top .c-text {background: #F4FBFF ! important}
#logo.navbar-brand {margin-left: 5px ! important}
}

/* Infobox Produkt */
.bulk-list .dropend {position: relative; top: -2px}
/* table.bulk-list td {table-layout: fixed; width: 131px;} */
html body .feature .dropend * {background: none ! important}
html .feature .dropend li:before {content: '' ! important}
/* Dropdown-Menü nach rechts öffnen und Styling */
html body .feature .dropend .dropdown-menu {
    position: absolute !important; top: 50% ! important; left: 100%; transform: translateY(-50%) ! important;  margin-left: 25px ! important; /* Abstand zum Icon */
    background: #fff !important;  padding: 2px 0px !important; border-radius: 8px !important; border: 1px solid #ccc !important;}

/* Spitze (Arrow) nach links */
html body .feature .dropend .dropdown-menu::before { content: ""; position: absolute; top: 50%; left: -6px; transform: translateY(-50%);
    width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #ccc; /* Pfeilfarbe gleich der Border */}

/* Hintergrundfarbe für den Pfeil */
html body .feature .dropend .dropdown-menu::after { content: ""; position: absolute; top: 50%; left: -5px; /* Etwas weiter reinsetzen */
    transform: translateY(-50%); width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent;
    border-right: 5px solid #fff; /* Pfeilfarbe gleich dem Dropdown-Hintergrund */}
/* Produkt */
#desc {
    scroll-margin-top: 150px;
}

#details-link {line-height 1; display: block; padding-top: 0px ! important; margin-top: -14px ! important}
#anfrageModal1 .modal-header, #anfrageModal2 .modal-header {padding: 0.5rem 1.5rem ! important;}
#anfrageModal1 .modal-header p, #anfrageModal2 .modal-header p {font-weight: bold; font-size: 20px}
 .modal-header .btn-close, .close {width: 50px ! important} .btn-cart-secondary {width: 190px ! important}
#anfrageModal1 .modal-header .btn-close, #anfrageModal1 .modal-header p, #anfrageModal2 .modal-header .btn-close, #anfrageModal2 .modal-header p {padding: 0.0rem 1rem ! important; margin-top: -0.0rem ! important; margin-bottom: -0.0rem ! important}
.blpagets__templateproduct form label {color: #444 ! important; font-weight: bold; background: #fff; padding-left: 5px; padding-right: 5px}
.blpagets__templateproduct form fieldset label {background: transparent;}
  .blpagets__templateproduct form h2 {margin-top: 9px} .blpagets__templateproduct form legend {font-size: 21px}
.blpagets__templateproduct fieldset {background: #F4FBFF; padding: 25px 28px; border-radius: 8px ! important; margin-bottom: 30px}
.blpagets__templateproduct fieldset button {margin-top: 18px ! important} .blpagets__templateproduct fieldset select {margin-top: 9px ! important}
/* .csen .t3ware-header-mini-cart, .csfr .t3ware-header-mini-cart, .csen .btn-show-cart, .csfr .btn-show-cart {display: none ! important} */
/*
.blpagets__templateproduct .cart_form input {max-width: 85px; margin-right: 5px} .blpagets__templateproduct input.btn {max-width: 570px}
@media (max-width:480px){
.blpagets__templateproduct input {max-width: 75px; padding: 0 12px ! important}
.blpagets__templateproduct input.btn  {font-size: 13px ! important}}
@media (min-width:76px){.blpagets__templateproduct .form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}}
*/

.modal1helptext {margin-top: 36px}
.guenstigster-preis {margin-bottom: 9px ! important}
.shop-item ul {margin-left: 0 ! important} .shop-item li{background-position: 0px 5px ! important; position: relative}
.shop-item .icongroup .icongroup-item-icon {max-width: 45px}
.shop-item .icongroup .icongroup-item-text p {color: #222 ! important; line-height: 1.2 ! important; font-size: 14px}
.feature .layout .product-add2 li:before {content: '\25A0' ! important; content: '' ! important; color: rgba(0,0,0,0.6)}
html body .feature .layout .product-add2 ul li {padding-left: 3px ! important; background-repeat: no-repeat; background-position: 1px 15px ! important}
html body .feature .layout .product-add2 ul li {border-top: 1px solid #ccc; padding-top: 12px; padding-bottom: 12px}
html body .feature .layout .shop-item .product-col-right .buybox-content ul li {background: none ! important; margin-left: 12px ! important; padding-left: 0px ! important; list-style-type: square}
html body .feature .layout .shop-item .product-col-right .buybox-content ul li:first-of-type {list-style-type: none ! important; margin-left: 0px ! important; padding-left: 0px ! important;}
html body .feature .layout .shop-item .product-col-right .buybox-content ul li:first-of-type strong {font-size: 32px; font-weight: 500 ! important; font-style: italic;}
.shop-item strong {font-weight: 700 ! important} .shop-item i {font-style: normal ! important; text-decoration: underline}
/* Product Slider */
.img-count {position: relative;} .img-count .swiper-button-prev,
.img-count .swiper-button-next {scale: 0.55; box-shadow: none; background-color: #337cb6 ! important; opacity: 0.3; border: 2px solid #fff ! important; bottom: -55px; top: auto; height: 62px ! important; width: 53px ! important}
.img-count .swiper-button-prev:hover, .img-count .swiper-button-next:hover {background-color: #337cb6 ! important; opacity: 0.9}
.img-count .swiper-button-prev {left: -12px; border-radius: 8px ! important; } .img-count .swiper-button-next {left: 24px; border-radius: 8px ! important;}
/* Produktbilder Lupe */
.product-col-left a.weitere-bilder, .img-count a{position:relative;vertical-align:middle}
.product-col-left a.weitere-bilder:before, .img-count a:before{
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMi4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1zZWFyY2giPjxjaXJjbGUgY3g9IjExIiBjeT0iMTEiIHI9IjgiLz48cGF0aCBkPSJtMjEgMjEtNC4zLTQuMyIvPjwvc3ZnPg==);
background-repeat: no-repeat; position:absolute;content:'';z-index:99;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px;line-height:1;color:#fff;opacity:.0}
.product-col-left a.weitere-bilder:hover:before, .img-count a:hover:before{opacity:.5 ! important}

/* Crosssellling */
@media (max-width:700px){html body.blpagets__templateproduct [class*="c-menu_"] .c-card-group [class*="card-group-element-columns"] .card-group-element-item {width:calc(100% / 2) ! important}}
/* Anfrage */
html body .c-form_formframework form legend .btn-group {margin-top: 15px ! important;}
html body .feature .layout .modal form fieldset legend {font-size: 17px ! important}
.anfrage-headline {margin-top: 0px; margin-bottom: 0px; display: inline-block;}
.anfrage-headline strong {font-weight: 500; font-size: 17px ! important}
.modal.fade .modal-dialog.modal-xl .modal-content
@media (max-width:768px){.modal-header p {margin-left: -10px ! important;}
.modal.fade .modal-dialog.modal-xl .modal-content
.modal-header .btn-close {margin-right: -20px ! important;}}
.btn-anfrage1 {background: transparent; margin-top: 0px; margin-left: 3px; margin-bottom: 12px; font-style: normal} .btn-anfrage:hover {opacity: 0.7}
.btn-anfrage2 {margin-top: 12px ! important; margin-bottom: 9px; padding-top: 10px ! important; padding-bottom: 9px ! important}
.product-item-alert {dispay: flex; border: 1px solid #ccc; margin-top: 25px; padding: 0px 23px 20px 23px; border-radius: 18px ! important}
.icongroup {border: 1px solid #ccc; margin-top: 25px; padding: 20px 23px 0px 23px; border-radius: 18px ! important; margin-top: 5px ! important; margin-bottom: 25px ! important}
.alert .product-add {flex:0 0 auto;width: 70%; }
.alert .product-add-carousel {flex:0 0 auto;min-width: 10% ! important; margin-right: 0; width: 30% ! important; margin-top: 30px; padding: 0 0 ! important}
@media (max-width:991px){.alert .product-add-carousel {display: none} .alert .product-add {width: 100%; }}
.alert .product-add h4, .alert .product-add h4 {font-size: 28px ! important}
/* Zum Warenkorb */
html body .shop-item .btn.btn-show-cart {margin-bottom: 40px}
  html body .shop-item .btn.btn-show-cart, html body .btn.btn-show-cart:hover {margin-top: 30px; background: transparent ! important; color: #038db0 ! important; padding: 0px 3px ! important;}
html body .shop-item .btn.btn-show-cart:hover {opacity: 0.8}
html body .btn.btn-show-cart:before  {padding-right: 6px; content: '\2192'}
/* breadcrumb */
.breadcrumb {margin-left: 15px;margin-bottom: 0 ! important} .breadcrumb a, .breadcrumb a span {color: #00a3cc ! important} .breadcrumb a:hover, .breadcrumb a:hover span {opacity: 0.8}
/* Produkt Images */
.spotlight-numbers {font-weight: 500; }
html body .feature .shop-item img, html body .weitere-bilder img {overflow: clip ! important; border-radius: 8px! important}
/* .lightgallery.product-col-left {position: relative; overflow: hidden;}
.lightgallery.product-col-left img {position: relative; top: -30px ! important;} */
/* Form Labels */
html body .btn-group.repeatable-row button {background: #fff ! important; color: #222 ! important; padding: 0; color:#337cb6 ! important; font-weight: 600 ! important}
.radio-row {margin-left: -18px;padding-top:12px ! important} .radio-row .input  label {margin-top: -9px; display: block}
html body .c-form_formframework h2 {font-size: 22px ! important}
.c-form_formframework input[type="radio"] {margin-left: 12px ! important;}

.modal .form-group {position: relative;}
.modal .form-label {position: absolute; top: 12px; left: 1rem; font-size: 16px; color: #aaa; transition: all 0.3s ease; pointer-events: none;}
.modal .noeffect-container .form-label, .modal .repeatable-container .form-label {position: relative; top: 0px ! important; left: 0 ! important; font-size: 16px ! important; color: #222 ! important;}
.modal .repeatable-container {padding-left: 0 ! important; padding-right: 0 ! important}
.modal .input input { padding: 1rem; padding-top: 1.5rem;}
.modal textarea {margin-top: 30px ! important; }
  /* Zustand, wenn das Label nach oben geschoben wird */
  .modal .form-label.active { top: -0.5rem; left: 1rem; font-size: 13px; color: #007bff;}
  .modal .form-label { top: -0.5rem; left: 1rem; font-size: 13px; color: #007bff;}
@media (max-width:991px){
  .modal.fade.show
  div.modal-dialog.modal-xl
  div.modal-content
  div.modal-body,
  .modal.fade.show
  div.modal-dialog.modal-xl
  div.modal-content
  div.modal-body
  div.fmodal-wrap
  div.container {padding: 0 ! important}
}

/* Accordeon Helfer */
.small-header-top p, .feature-6 p, .feature-6 button  {display; inline-block; width: 100%; height: 100$}
.feature-6 .accordion-item .accordion-body {padding-top: 9px;background: #fff; border-bottom-left-radius: 8px ! important; border-bottom-right-radius: 8px ! important; border: 1px solid #ccc}
.feature-6 .accordion-item .accordion-body * {text-align: left}
.feature-6 .c-ce_columns3 {}
html body .feature-6 .accordion .accordion-item .accordion-header button {font-size: 15px; font-weight: 700 ! important; background: #fff ! important; }
html body .feature-6 .accordion .accordion-item .accordion-header  {padding-left: 15px ! important; background: #fff ! important; box-shadow: 2px 2px 12px rgba(0,0,0,0.1); border: 1px solid #011D51; border-radius: 4px ! important; padding-top: 10px ! important;  padding-bottom: 10px ! important; padding-right: 15px ! important}
html body .feature-6 .accordion .accordion-item .accordion-header button:after  {padding-right: 10px ! important; top: 10px ! important;}
html body .feature-6 .accordion .accordion-item ul li {padding-left: 35px; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 8px} html body .feature-6 .accordion .accordion-item ul {margin-bottom: 0 ! important}

/* Accordeon FAQ custom.css */

/* keine Ahnung */
html body .dropdown-options ul.dropdown-menu {margin-top: 0 ! important; padding-top: 0 ! important}
html body .dropdown-options ul.dropdown-menu li:before {display: none ! important}
html body .feature .dropdown-options ul.dropdown-menu li {background: none ! important; padding: 0 ! important; margin-top: 0 ; margin-left: 0px ! important; margin-right: -15px ! important}
html body .dropdown-options ul.dropdown-menu li a {padding: 6px 15px ! important; margin-right: -10px ! important}


html body .feature.feature-27 .row {padding-bottom: 50px ! important}
html body .feature.feature-35 {background: #fffcf4 ! important; margin-bottom: 0 ! important; border-top: 1px solid rgba(255, 221, 193, 0.5) ! important;}
html body .feature.feature-41  {background: #fff ! important; border-top: 1px solid rgba(255, 221, 193, 0.5) ! important;}
html body .feature.feature-35 .icongroup-columns-4 .icongroup-item{width:calc(100% / 6 - 40px / 2 * 2)}
html body .feature .icongroup-columns-4 .icongroup-item-text-header {font-size: 17px ! important; color: #222 ! important}
@media (max-width:768px){html body .feature .icongroup-item{width:calc(25%) ! important}}
@media (max-width:574px){html body .feature .icongroup-item{width:calc(50%) ! important}}
/* Footer */
html body .c-footer {margin-top: 0 ! important; padding-top: 0 ! important}


/* Becher Druck */
@media (min-width: 768px) and (max-width: 1300px) {.hide-for-tablets-only {display:none!important}}
@media (max-width:574px){
#c4212 .gallery-item-size-3 {width:calc(100% / 6) ! important}
#c4212 .gallery-item-size-3 {display: block ! important}
#c4212 .gallery-item-size-3:nth-of-type(-n+3) {display: none ! important}
}
@media (min-width:575px) and (max-width:768px) {
#c4212 .gallery-item-size-3 {width:calc(100% / 3) ! important}
#c4212 .gallery-item-size-3 {display: block ! important}
#c4212 .gallery-item-size-3:nth-of-type(-n+0) {display: none ! important}
}
@media (min-width:768px) and (max-width:991px) {
#c4212 .gallery-item-size-3 {width:calc(100% / 3) ! important}
#c4212 .gallery-item-size-3 {display: block ! important}
#c4212 .gallery-item-size-3:nth-of-type(-n+0) {display: none ! important}
}
@media (min-width:992px) {
#c4212 .gallery-item-size-3 {width:calc(100% / 3) ! important}
#c4212 .gallery-item-size-3 {display: block ! important}
}
@media (max-width:768px){
.col-md-6 .c-form_formframework {padding: 0px 25px ! important}
}
/* Home und Bedruckung */
@media (max-width: 991px) {
.header-top .ce-col.col-md-5 .c-text, .header-top .ce-col.col-lg-5 .c-text {padding-top: 30px; padding-bottom: 40px; padding-left: 30px ! important; padding-right: 20px ! important; }
.header-top .ce-col.col-md-5 .c-text, .header-top .ce-col.col-lg-5 .c-text,
.header-top .ce-col.col-md-5 .c-text p, .header-top .ce-col.col-lg-5 .c-text p {min-width: 100% ! important}
}
@media (max-width: 1460px) {
 .header-top .ce-col.col-md-5 h1 .c-text, .header-top .ce-col.col-lg-5 .c-text h1,
 .header-top .ce-col.col-md-5 h1 span, .c-text, .header-top .ce-col.col-lg-5 .c-text h1 span,
 .header-top .ce-col.col-md-5 h1 + h2 .c-text, .header-top .ce-col.col-lg-5 .c-text h1 + h2 {font-size: 36px ! important; line-height: 1.3 ! important}
 .header-top .ce-col.col-md-5 h1 + h2 .c-text, .header-top .ce-col.col-lg-5 .c-text h1 + h2 {position: relative; top: -9px ! important}
}
@media (min-width: 992px) and (max-width: 1300px) {.hide-tablets-and-smaller {display: none ! important}}
@media (max-width: 1160px) {
  .hide-tablets-and-smaller {display: none ! important}
 .header-top .ce-col.col-md-5 h1 .c-text, .header-top .ce-col.col-lg-5 .c-text h1,
 .header-top .ce-col.col-md-5 h1 span, .c-text, .header-top .ce-col.col-lg-5 .c-text h1 span,
 .header-top .ce-col.col-md-5 h1 + h2 .c-text, .header-top .ce-col.col-lg-5 .c-text h1 + h2 {font-size: 32px ! important; line-height: 1.3 ! important}
 .header-top .ce-col.col-md-5 h1 + h2 .c-text, .header-top .ce-col.col-lg-5 .c-text h1 + h2 {position: relative; top: -9px ! important}
}

/* Home */
.header-top .c-text ul {padding-left: 0; display: flex;flex-wrap: wrap; /* Erlaubt das Umbrechen der Buttons */ gap: 12px; max-width: 480px}
.header-top .c-text ul li {padding-left: 0 ! important}
html body .header-top .c-text ul li {color: #fff !important; border-radius: 8px !important; font-weight: 600;
    font-size: 16px;  text-decoration: none; /* Entfernt die Standard-Unterstreichung */ white-space: nowrap; /* Verhindert Zeilenumbrüche im Button */}

@media (min-width: 992px) and (max-width: 1200px) {#blog-1 .header-top .c-text p {display: none ! important}.header-top .c-text a {background-color: #D47400; color: #fff ! important; font-weight: 600; font-size: 12px ! important; padding: 4px 12px 4px 12px; border-radius: 8px ! important; }}
.header-top a:hover {background: #00A3CC ! important}
.header-top p, .header-top {font-size: 18px ! important}
.header-top p:first-of-type {padding-bottom: 12px ! important}
.header-top h1, .header-top h1 span, .header-top h2 {color: #111; font-size: 44px; display: inline-block; font-weight: 400; font-style: normal; line-height: 54px ! important; letter-spacing: 1px ! important;}
.header-top h1 + h2 {padding-top: 0 ! important; margin-top: -12px ! important}
.header-top .ce-col.col-md-5, .header-top .ce-col.col-lg-5 {display: flex; align-items: center;}
@media (min-width: 992px) {.header-top .ce-col:first-of-type {width: 37.5% ! important} .header-top .ce-col:last-of-type {width: 62.5% ! important}}

html #blog-1 .header-top .row {padding-left: 15px}
@media (min-width: 768px) {html #blog-1 .header-top .row {max-width: calc(( ( 100% - 720px ) / 2 ) + 720px) !important; margin: 0 auto;  padding-right: 15px}}
@media (min-width: 992px) {html #blog-1 .header-top .row {max-width: calc(( ( 100% - 960px ) / 2 ) + 960px) !important; margin: 0 auto;margin-right: 0; padding-right: 30px}}
@media (min-width: 1200px) {html #blog-1 .header-top .row {max-width: calc(( ( 100% - 1280px ) / 2 ) + 1280px) !important; margin: 0 auto;margin-right: 0; padding-right: 0px}}
html #blog-1 .header-top .row .col-md-6, html #blog-1 .header-top .row .col-md-5, html #blog-1 .header-top .row .col-lg-5, html #blog-1 .header-top .row .col-md-7, html #blog-1 .header-top .row .col-lg-7 {padding: 0 ! important;}

/* Becher bedrucken */
html #blog-7 .header-top .row {padding-left: 15px}
@media (min-width: 768px) {html #blog-7 .header-top .row {max-width: calc(( ( 100% - 720px ) / 2 ) + 720px) !important; margin: 0 auto padding-right: 15px}}
@media (min-width: 992px) {html #blog-7 .header-top .row {max-width: calc(( ( 100% - 960px ) / 2 ) + 960px) !important; margin: 0 auto;margin-right: 0; padding-right: 30px}}
@media (min-width: 1200px) {html #blog-7 .header-top .row {max-width: calc(( ( 100% - 1280px ) / 2 ) + 1280px) !important; margin: 0 auto;margin-right: 0; padding-right: 0px}}
html #blog-7 .header-top .row .col-md-6, html #blog-7 .header-top .row .col-md-5, html #blog-7 .header-top .row .col-lg-5, html #blog-7 .header-top .row .col-md-7, html #blog-7 .header-top .row .col-lg-7 {padding: 0 ! important;}

html body#blog-7 #accordionFAQ.accordion {max-width: 960px; margin: 0 auto}
html body#blog-7 .feature  .textmedia.textmedia-below {border: 1px solid rgba(0,0,0,0.4) ! important; border-radius: 8px ! important; padding: 25px 20px 35px 20px}
html body#blog-7 .feature.feature-18 {background: #F4FBFF ! important;}
html body#blog-7 .feature.feature-18 img {border-radius: 8px ! important}
html body#blog-7 .accordion-button {text-align: left ! important; max-width: 1180px}

#c3513 {background: #F4FBFF; padding-left: 0; padding-right: 0; }
html body#blog-7 #anfrage-1843 {  scroll-margin-top: 200px; /* Offset von 200px */}
html body#blog-7 .warmbg .gallery-item-size-3{width:calc(100% / 4) ! important}
#c3480 form {padding-left: 15px; padding-right: 15px}
html #blog-7 .header-top .row {padding-left: 15px}
@media (min-width: 768px) {html body#blog-7 .warmbg .gallery-item-size-3{width:calc(100% / 3) ! important}}
@media (min-width: 992px) {html #blog-7.header-top .row {max-width: calc(( ( 100% - 960px ) / 2 ) + 960px) !important; margin: 0 auto;margin-right: 0; padding-right: 30px}
#c3480 form {padding-left: 25px; width: calc(100% + 25px)}
}

/* Gallery beside form */
html body .ce-col .gallery-item.gallery-item-size-3,
html body .ce-col .gallery-item.gallery-item-size-3 figure {border-radius: 0 ! important; padding: 1px ! important}

@media (min-width: 768px) and (max-width: 1300px) {html #blog-7 .warmbg .gallery-item-size-3 {width:calc(100% / 2) ! important}
.warmbg.c-ce_columns2 .c-textpic .textpic .textpic-gallery .gallery-row .gallery-item:nth-last-child(-n+4){display: none ! important}
}
.ce-col .gallery-item.gallery-item-size-3 figure, .ce-col .gallery-item.gallery-item-size-3 figure:hover {transform: translateY(0px); /* Leichtes Anheben beim Hover */}
.ce-col .gallery-item.gallery-item-size-3 figure  {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease, transform 0.3s ease;}

.warmbg.c-ce_columns2  .c-textpic .textpic .textpic-gallery .gallery-row .gallery-item.gallery-item-size-3 figure,
.warmbg.c-ce_columns2  .c-textpic .textpic .textpic-gallery .gallery-row .gallery-item.gallery-item-size-3 figure img {display: flex ! important;}
.warmbg.c-ce_columns2 .c-textpic .textpic .textpic-gallery .gallery-row .gallery-item:nth-last-child(-n+3) figure img {display: flex ! important; max-height: calc(100% - 9px) ! important}

.navbar .dropdown-menu li a:hover {background: #E8F4FA ! important}

html body .feature.feature-43 {background: #011D51 ! important} html body .feature.feature-43 h2 {color: #fff ! important}
html body .feature.feature-43 .card {background: #F4FBFF}
html body#blog-1 .feature.feature-43 .c-card_group > .card-group-element > .card-group-element-item  > .card > .card-body h3.card-title > a  {display: flex; line-height: 1.2 ! important; font-family: 'DM Sans' ! important; font-size: 24px !important; color: #011D51 !important; font-style: normal}
html body:not(#blog-1) .small-header-top, html body:not(#blog-1) .feature.feature-19 {background-color: #F4FBFF ! important;}
html body .feature.feature-43 div.card {border: none ! important}
html body .feature.feature-43 div.card-img-top {border-bottom: 3px solid #011D51 ! important}

body p, body li, body strong, .small-header-top .textmedia p, .small-header-top .textmedia h1, .small-header-top h1 span, .small-header-top .textpic h1, .header-top h1, .header-top h1 span { color: #011D51;}
h1, h2, h3, h4 { color: #011D51 ! important;}

html body .header-bg .navbar a, html body .meta-header a { color: #011D51 ! important; font-weight:600 ! important;font-size: 16px ! important}

.fixed-top{position:fixed ! important;top:0;right:0;left:0;z-index:1030; background: #fff}

.fixed-top{position:fixed ! important;top:0;right:0;left:0;z-index:1030; background: #fff}
.swiper-slstyle2 .textpic-text {position: relative;}
.swiper-slstyle2 .container-outer .container .alert * {color: #fff}
.swiper-slstyle2 .container-outer .container .alert { max-width: 560px; top: auto ! important;  padding: 20px 20px; border-radius: 8px ! important}
html body .c-swiper .swiper-slstyle2 .container-outer {position: absolute; left: 0; right: 0; width: 100%; top: 280px ! important; bottom: auto ! important}
.swiper-slstyle2 .container-outer .container {position: relative; left: 0; right: 0; width: 100%;}

[class*="c-menu_"] .c-card-group [class*="card-group-element-columns"] .card-group-element-item,
[class*="c-menu_"] .c-card-group [class*="card-group-element-columns"] .card-group-element-item .card .card-body {padding: 4px ! important;}
[class*="c-menu_"] .c-card-group [class*="card-group-element-columns"] .card-group-element-item .card {border: none ! important}
[class*="c-menu_"] .c-card-group [class*="card-group-element-columns"] .card-group-element-item .card img {margin-bottom: 9px}
[class*="c-menu_"] .c-card-group [class*="card-group-element-columns"] .card-group-element-item .card h3, [class*="c-menu_"] .c-card-group [class*="card-group-element-columns"] .card-group-element-item .card h3 a {font-size: 18px ! important; line-height: 1.3}
.feature.feature-19.maincontent .container .row [class*="c-menu_"] {padding-bottom: 10px}
@media (min-width: 992px) {.feature.feature-19.maincontent .container .row [class*="c-menu_"] {padding-bottom: 75px}}
.icon-cart-black {position: relative; top: 1px ! important}
.icon-cart-black:before {content: '' ! important}
.t3ware-header-mini-cart svg {width: 18px !important; height: 18px !important}

/* BASICS Korrekturen */
.cart-body-container *, legend, .tx-cart .alert-success, .empty, body p, body li, body strong, body figcaption, body strong, body label, body button, body span, body select, body input, body textarea, body .cart-preview-content, body table tr td, body table tr th {
 font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500;}
body .btn {border-radius: 8px ! important}
/* FEATURES */
body#blog-1 .feature.feature-14, body#blog-1 .feature.feature-31, body#blog-1 .feature.feature-41 {background: #E8F4FA ! important}
#blog-1 .feature.feature-31 .card-group-element-item .card .card-img-top {padding-left: 15px; padding-right: 15px; padding-top: 20px}
#blog-1 h1 span {font-weight: 600}
/* BADGE */
.navbar a {font-size: 16px} .navbar .first-level {padding-right: 10px}
#menu487.first-level a {position: relative ! important} .navbar .first-level > a:hover {color: #0089C8 ! important}
/* #menu487.first-level > a:after {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, "PT Sans" ! important;
color: #337cb6;content: 'NEU'; font-weight: 800; position: absolute; right:2px; letter-spacing: 0px; margin-top: -12px; font-size: 11px; line-height:1; border: 1px solid #337cb6; padding: 1px 5px 1px 5px}
.csen #menu487.first-level > a:after {content: 'NEW';} .csfr #menu487.first-level > a:after {content: 'NEW';} */
/* BADGE end */

.csde .cart-body-container li:first-of-type .related-products:before {content: 'Auch erhältlich:';}.csen .cart-body-container li:first-of-type .related-products:before {content: 'Related Products:';}.csfr .cart-body-container li:first-of-type .related-products:before {content: 'Produits connexes:';}
.cart-body-container li:first-of-type .related-products:before {display: inline-block; width: 100%; margin-top: 50px;margin-bottom: 12px; font-weight: 500; font-size: 20px}
.cart-body-container li .related-products:before {display: inline-block;  width: 100%; }
.cart-body-container .related-products {border-bottom: 1px solid #ccc ! important; padding-top: 20px; padding-bottom: 25px}
.cart-body-container .row .col-lg-12 > ul {padding-left: 0;}

@media (min-width: 360px) {
#logo.navbar-brand img {
  height: 42px ! important;
}
}
@media (min-width: 992px) {

  #logo.navbar-brand {
    padding-top: 18px ! important;
    padding-bottom: 18px ! important;
  }

  #logo.navbar-brand img {
    height: 38px ! important;
  }
}


@media (min-width: 1300px) {
  #logo.navbar-brand {
    padding-top: 10px ! important;
    padding-bottom: 10px ! important;
  }

  #logo.navbar-brand img {
    height: 54px ! important;
  }
}

/* BG */
.background-element #main-bg {background-size: cover; background-position: center 0 ! important}

/* Animated Hamburger */

.navbar-toggler {
  border: none;
  background: transparent !important;
}
.navbar-toggler:focus {
  outline: none;
  background: transparent !important;
}

.navbar-toggler .icon-bar {
  background-color: #000;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 6px;
}

.icon-bar:nth-child(2) {
  width: 16px;
  transition: ease all .2s;
}

.navbar-toggler:hover > .icon-bar:nth-child(2){
  width: 30px;
  transition: ease all .2s;
}
.navbar-toggler:active > .icon-bar:nth-child(2){
  width: 30px;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(9px, 9px);
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: ease all .2s;
}

/* Burger end */

/* Remove Navbar Toggler Icon  */
.navbar-light .navbar-toggler:focus {
	outline: 1px dashed transparent;
	box-shadow: 0 0 8px transparent!important
}

input:focus,
select:focus,
textarea:focus,
*:focus,
button:focus {
    outline: none ! important;
}

body, body p, body li, body strong {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.7);
}
.c-footer #c934 .gallery-row {margin-top: 12px; margin-left: 0px}
.c-footer #c1825 {margin-top: 35px; padding-top: 10px}
@media (min-width: 1200px) {
  .feature .container, .container {
    max-width: 1180px ! important;
  }
}
.feature-1 .col-lg-9 .col-lg-12 {padding: 0 ! important}

.alert-success {padding-left: 4px ! important} .alert-success:before {padding-left: 12px ! important; padding-right: 4px; font-family: 'fontello';content: '\e802'; }
.layout-hero-header {margin: 0 auto;padding-top: 45px; max-width: 580px ! important}

.col-lg-8 .cart-preview {background: #eee ! important; padding: 25px 0 15px 0 ! important; margin-top: 12px}

/* neu */ .tx-cart thead tr th  {border: none ! important} .tx-cart .btn {color: #fff ! important}
/* #blog-72 .feature.feature-6 {margin-left: 15px; margin-right: 15px ! important} */
.icon-heart {margin-right: 0 ! important} #blog-72 .text-right.pull-right .btn {margin-right: 15px}
.meta-number, .meta-wish {margin-left: 14px ! important; margin-right: 14px ! important} .meta-contact {margin-left: 14px; margin-right: 3px} .lang-nav {position: relative; top: -1px; margin-left: 10px; margin-right: 26px}
.lang-nav img {width: 15px; height: auto; position: relative; margin-left: 0px} .search-navigation {position: relative; top: 2px ! important; }
.lang-nav a:after, .search-navigation a:after {display: none ! important}
.lang-nav ul li {display: block} .lang-nav ul {margin-top: 5px} .lang-nav ul  {padding-top: 0 ! important; padding-bottom: 0 ! important; margin-bottom: 0 ! important}
.lang-nav .dropdown-menu{left:auto;right:0;} .lang-nav ul{border: 1px solid #efefef; width: auto; max-width:60px ! important; min-width:45px; position: relative;top: 3px ! important; padding-top: 0px ! important} .lang-nav ul li{
margin: 0 ! important;
width: auto; padding-bottom: 5px ! important; padding-top: 5px  ! important;;  padding-right: 18px ! important; border-bottom: 1px solid #eee} .lang-nav .active {}
@media screen and (max-width: 767px) {.icon-phone strong {display: none}
.lang-nav {margin-right: 20px ! important}}
#blog-196 .dropdown.search-navigation {display: none}

@-moz-document url-prefix(){select.select{-moz-appearance:none;text-indent:.01px;text-overflow:"";background-image:url(/typo3conf/ext/cogtail_publishing/Resources/Public/Icons/icon-chevron-down-16.png)!important;background-position:right 8px center ! important;background-repeat:no-repeat ! important; position: absolute ! important}}

@media (-webkit-min-device-pixel-ratio:0){select{-webkit-appearance:none;background-image:url(/typo3conf/ext/cogtail_publishing/Resources/Public/Icons/icon-chevron-down-16.png)!important;background-position:right 8px center ! important;background-repeat:no-repeat ! important;padding-right:20px}}


#c167 {margin: 0 auto}
.blpagets__templateproduct .small-header-top .row {padding-top: 15px; padding-bottom: 20px}
body:not(.blpagets__templateproduct) .small-header-top .row {margin-left: 5px; margin-right: 5px;}


/* Search */
@media screen and (max-width: 767px) {
.search-navigation .dropdown-menu {max-height: 39px ! important; padding-bottom: 0 ! important; margin-bottom: 0 ! important}
.search-navigation .dropdown-menu input {border: none;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
}

/* ***************

Startseite Hero

****************** */

@media (min-width: 1400px) {
.header-bg .container, .container {max-width: 1280px ! important;}
.feature .container {min-width: 1300px ! important; max-width: 1300px ! important;}
.col-xs-12.col-sm-7.col-md-7.col-lg-8 {width: 70%}
.col-xs-12.col-sm-5.col-md-5.col-lg-4 {width:30%}
}

.header-bg .fixed-top {border-bottom: 1px solid #E8F4FA ! important;}
html body .small-header-top {padding-top: 66px ! important; padding-bottom: 10px ! important; margin-bottom: 0px}
html body .feature.feature-1 { padding-bottom: 10px ! important; margin-bottom: 30px;}
#blog-1 .header-top {background-color: #fff ! important;}

html body h1,h2,h3,h4,h2 span, h3 span {font-family: 'DM Sans' ! important;}
.ce-headline-center {margin-bottom: 18px}
.feature h1, .feature h2,h3,h4 {font-size: 35px ! important;}
html body .header-bg .navbar {padding-top: 15px; padding-bottom: 15px}
html body.hide .header-bg .fixed-top  {box-shadow: 0 2px 4px 0 rgba(0,0,0,.2) ! important;}
html body.hide .header-bg .navbar {padding-top: 0px; padding-bottom: 0px;} html body.hide .meta-header {display: none}
html body .header-bg .navbar a, html body .meta-header a * {font-family: 'DM Sans' ! important; font-weight:700 ! important;}
html body .meta-header a  {font-size: 14px ! important}
.meta-header {background: #005B8A ! important; padding-bottom: 4px ! important; padding-top: 0px ! important}
.meta-header img {padding-bottom: 2px ! important; top: 1px ! important} html body .meta-header ul.ml-auto > li > a {color: #fff ! important; filter: brightness(0) invert(1);}
li.meta-number a.icon-phone strong, .meta-header a {font-weight: 300 !important; font-size: 13px;}
li.meta-number a.icon-phone strong, .meta-header a {font-family: 'DM Sans';}
html body .header-bg * {border-color: #fff ! important}

.header-top .c-text h1 {margin-top: 6px ! important}
.header-top {padding-top: 40px}

.warmbg .col-md-7, .warmbg .col-lg-7 {max-width: 55.5%} .warmbg .col-md-5, .warmbg .col-lg-5 {max-width: 45.5%}
.warmbg .ce-col:last-of-type {padding: 15px 35px ! important}
.warmbg .ce-col:last-of-type {display: flex; align-items: center;} @media (min-width: 992px) {.warmbg .ce-col:last-of-type {padding-left: 40px ! important}}
.warmbg  {background: #FFDDC1; padding-left: 0; padding-right: 0; margin-left: 12px; width: calc(100% - 26px)}

/* ***************

Accordion

****************** */
html body #accordionFAQ.accordion {border: 1px solid #011D51 ! important; padding: 15px 30px 15px 30px ! important; border-radius: 15px ! important}
@media (max-width:768px){html body #accordionFAQ.accordion {border: 1px solid #011D51 ! important; padding: 10px 30px 10px 30px ! important;}}
.feature .accordion-item .accordion-header button {display; inline-block; width: 100%; text-align: left}
.c-ce_accordion .accordion div.accordion-item .accordion-header, #accordionFAQ .accordion-item .accordion-header {padding-left: 0 ! important;}
.c-ce_accordion .accordion div.accordion-item .accordion-header, #accordionFAQ .accordion-item .accordion-header {font-size: 22px ! important;}
#accordionFAQ .accordion-body {padding-bottom: 15px ! important;}
.c-ce_accordion .accordion div.accordion-item, #accordionFAQ .accordion-item {border-bottom: 1px solid #011D51; padding-top: 8px ! important;}
.c-ce_accordion .accordion div.accordion-item, #accordionFAQ .accordion-item:last-of-type {border-bottom: none; padding-top: 8px ! important;}
#accordionFAQ  .accordion-item  .accordion-header button:not(.collapsed) {color: #0089C8 ! important}
/* ***************

Icon Cards

****************** */

.transparent .card {padding-left: 20px; padding-right: 20px ! important; padding-top: 20px; padding-bottom: 0px; border: 1px solid #00A3CC ! important}
.transparent * {; border: none ! important}
html #blog-1 .feature .card h3 a { color: #0089C8 ! important; text-decoration: none;  transition: color 0.3s ease; font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" ! important; font-weight: 700 ! important; font-size: 17px; font-style: italic}
html #blog-1 .feature .card h3 a:hover figcaption {color: #005B8A ! important; text-decoration: underline;}
.transparent .card img {filter: drop-shadow(2px 2px 8px rgba(0, 163, 204,0.3)) ! important;}

/* ***************

Produkt

****************** */









body#blog-1053.blpagets__templateproduct .feature-6 ul {margin-left: 0 }
body#blog-1053.blpagets__templateproduct .feature-6, body#blog-1053.blpagets__templateproduct .feature-6 .row {padding-top: 0; padding-bottom: 35px}
body#blog-1053.blpagets__templateproduct h1 {padding-bottom: 40px}
body#blog-1053.blpagets__templateproduct .small-header-top {padding-top: 40px ! important}

/* ***************

Produktübersichten (Abstract Menu)

****************** */
html body .cogtail-sidebar .layout:not(.sidebar-bg) .btn {margin-left: 10px ! important; margin-top: 10px}
html body .cogtail-sidebar h3 {margin-left: 20px;font-size: 22px ! important; line-height: 1.3; padding-right: 30px; margin-bottom: 24px} html body .cogtail-sidebar li {padding-top: 6px; padding-bottom: 9px; line-height: 1.5;}
html body .cogtail-sidebar li {left: 0px ! important;  width: calc(100% - 15px);}
html body .cogtail-sidebar li:after {display: block; position: relative; content: ''; left: -30px; margin-top: 15px;border-bottom: 1px solid rgba(0,0,0,0.2); width: calc(100% + 30px);}
html body .cogtail-sidebar li:first-of-type {padding-top: 5px} html body .cogtail-sidebar li:last-of-type:after {display: none;}
#blog-8 .c-form_formframework {padding-top: 30px ! important; padding-left: 30px ! important; padding-right: 30px ! important; padding-bottom: 30px;}
#blog-8 .c-form_formframework,
html body .cogtail-sidebar .sidebar-bg {margin-left: 5px; padding-top: 15px; padding-left: 10px; padding-bottom: 25px; background: #E8F4FA; padding-right: 15px; border: 1px solid #011D51; border-radius: 10px ! important; margin-top: 10px ! important}
html body [class*="c-menu_"] .c-card-group .card-group-element .card-title {padding-top: 8px ! important;}
html body [class*="c-menu_"] .c-card-group .card-group-element .card-title, html body [class*="c-menu_"] .c-card-group .card-group-element p {padding-left: 17px ! important; padding-right: 9px}
html body [class*="c-menu_"] .c-card-group .card-group-element .card-group-element-item {padding-left: 8px ! important; padding-right: 8px ! important; padding-bottom: 14px ! important}
html body [class*="c-menu_"] .c-card-group .card-group-element .card-group-element-item .card  {border: 1px solid #ccc ! important; overflow: hidden}
html body [class*="c-menu_"] .c-card-group .card-group-element .card-group-element-item img  {padding: 0px ! important; }
html body [class*="c-menu_"] .card .card-body {margin-top: -5px ! important; margin-left: -5px ! important; margin-right: -5px;}
html body [class*="c-menu_"] .c-card-group .card-group-element .card-group-element-item .card .card-footer {padding-left: 15px; padding-bottom: 30px}

/* ***************

Produktübersichten

****************** */
html #blog-1 .feature.feature-14 {} html #blog-1 .feature.feature-39 {background: #fff ! important}
html #blog-1 .feature.feature-18, html #blog-1 .feature.feature-41 {}
html #blog-1 .feature.feature-31 {background: #011D51 ! important} html #blog-1 .feature.feature-31 * {color: #fff ! important}

.gallery-mobile-size-2 .gallery-item.gallery-item-size-1, .gallery-item.gallery-item-size-3 figure, .gallery-item.gallery-item-size-5 figure, .warmbg.c-ce_columns2, .card  {overflow: hidden; border-radius: 8px ! important}

.swiper-button-prev, .swiper-button-next {background-color: rgba(255,221,193,0.5) ! important; height: 56px; width: 44px ! important; border-radius: 4px ! important; box-shadow: 0px 0px 10px rgba(0,0,0,0.5)}
.swiper-button-prev:hover, .swiper-button-next:hover {background-color: rgba(255,221,193,1) ! important;}
.swiper-button-prev:after {content: '' ! important} .swiper-button-next:after {content: '' ! important}
 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto; background-size: 22px auto ! important;}
.swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") ! important; background-size: 22px auto ! important;}


.warmbg .card {background: #FDE6D0; border: none}
html body .warmbg .card h4, html body .warmbg .card h4 a {font-size: 22px ! important; line-height: 1.3; font-family: 'DM Sans' ! important; color: #011D51 ! important;}
.warmbg .card { box-shadow: 0 12px 24px rgba(90, 90, 90, 0.1); /* Intensiverer Schatten beim Hover */}

.warmbg .card .card-footer {padding-top: 0; padding-bottom: 40px}

.gallery-mobile-size-2 .gallery-item.gallery-item-size-1 figcaption,
.gallery-item.gallery-item-size-3 figcaption {
  border-top: 1px solid rgba(255,255,255,0.3);
  width: 100%;
  padding: 14px 12px 25px 1px;
  color: #011D51 !important;
  font-weight: 700;
  font-size: 18px;
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-align: left; /* Zentrierter Text */
}

#blog-1 .gallery-item.gallery-item-size-5 figure {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Intensiverer Schatten */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

#blog-1 .gallery-item.gallery-item-size-5 figure:hover {
  transform: translateY(-5px); /* Leichtes Anheben beim Hover */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* Intensiverer Schatten beim Hover */
}


#blog-1 .gallery-item.gallery-item-size-5 figcaption {
  border-top: 1px solid rgba(255,255,255,0.3);
  width: 100%;
  padding: 10px 15px;
  background-color: #0089C8; /* Markenfarbe */
  color: white !important;
  font-weight: 700;
  font-size: 16px;
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-align: center; /* Zentrierter Text */
}

#blog-1 .gallery-item.gallery-item-size-5 figure:hover figcaption {
  background-color: #005B8A; /* Dunklerer Ton beim Hover */
}

/* ***************

List Styles

****************** */
.feature ul, .feature li {list-style-type: none; padding-left: 0; position: relative; left: 0px} /* u. a. Blog  */
.feature .layout ul, .small-header-top .layout ul {list-style-type: none; padding-left: 0; position: relative;}
.feature .layout li, .small-header-top .layout li {padding-left: 20px; list-style-type: none; margin-left: 0 ! important;}
.c-footer li:before, .feature .layout li:before, .small-header-top .layout li:before, .header-top .textmedia-item li:before {padding-right: 20px;
  display: inline-block;
  margin-left: -20px; font-size: 16px ! important;
  width: 20px;
  content: "\2714" ! important; color: rgba(0,0,0,0.6);
}
.shariff {margin-top: 15px; margin-left: -3px}
.feature .layout .shariff  li:before {  content: " " ! important;}

.cart-body-container .col-xs-1,.cart-body-container .col-xs-10,.cart-body-container .col-xs-11,.cart-body-container .col-xs-12,.cart-body-container .col-xs-2,.col-xs-3,.cart-body-container .col-xs-4,.cart-body-container .col-xs-5,.col-xs-6,.col-xs-7,.cart-body-container .col-xs-8,.cart-body-container .col-xs-9 {float:left}

.dropdown-menu > li > a { display: block;  white-space: nowrap;}
@media (min-width: 768px) {#menu3 .dropdown-menu  {min-width: 360px ! important}}

.feature-43 .col-lg-4 h3 {margin-top: 6px; font-size: 24px;}
.cogtail-inner .textmedia-text {padding: 0 ! important;}
 @media (max-width:552px){.feature .gallery-item-size-3{width:calc(100% / 1) ! important}}
/* @media screen and (min-width: 768px) {.feature-43 .row.col-12 {margin-left: -30px ! important; margin-right: -30px ! important;}}
 @media screen and (max-width: 767px) {.col-12 {padding-left: 15px ! important; padding-right: 15px ! important;} .feature-43 .row.col-12 {padding-left: 0px ! important; padding-right: 0px ! important;}
.cogtail-inner {padding-left: 15px ! important; padding-right: 0 ! important;}}*/

/*************************************************************

INDIVIDUELLE ANPASSUNGEN BITTE AUSSCHLIESSLICH im CHILD THEME

**************************************************************/
.icon:before { font-family: 'fontello';content: '\e802'; }
.small-header-top .row {padding-bottom: 0px}
.icon-heart {margin-right: 16px}
.text-center {max-width: 780px; padding-bottom: 24px; margin: 0 auto}
.small-header-top * {color: #fff; text-align: center} .small-header-top p {max-width: 780px; margin: 0 auto}
.small-header-top .ce-bodytext {padding-bottom: 35px}
.feature .btn, .small-header-top .btn, .button {padding: 14px 21px 11px 21px; border-radius: 6px ! important}
h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a {font-weight: 400 ! important;}
#blog-7 .small-header-top .btn {margin-top: 12px;background-color: 0089C8}
#blog-72 .feature-3 {padding-top: 0 ! important; margin-top: 80px ! important}
/***********************************

FORM

***********************************/
body .form-group input {border-radius: 6px ! important}
.form-group label {margin-bottom: 3px}
.form-group label .required {display: none}
.c-form_formframework {margin-top: 50px}
.form-check label {float: left ! important} .form-check p {margin-left: 5px}

/***********************************

CART

***********************************/
.cartlist {padding-left: 17px ! important; padding-right: 15px;}
.form-control-inline {
    min-width: 0;
     width: 100% ! important;
    display: inline;
}
.country-row {display: none ! important}
.product-gallery {margin-right: 10px ! important}
@media (max-width:767px){.product-gallery .gallery-item-size-3{width:calc(100% / 2)}}

.controls {margin-top: 55px; margin-bottom: -25px}
.related-container .row {margin-top: 25px; margin-left: -18px ! important;  margin-right:-8px ! important;}
.related-container li {margin:0; margin-top: 2px; background: #f0f0f0 ! important; padding: 15px 15px 15px 20px} .related-container ul li:before {content:'' ! important}
.feature.feature-9 .feature-cart-header {background: #f0f0f0 ! important; margin-bottom: 35px; }
.feature.feature-9 .feature-cart-header .container .row .col-lg-12 {margin-top: 5px}
.feature.feature-9 {padding-top: 0; padding-bottom: 0;}
.feature.feature-9 .container.detail-container, .feature-9 .container.detail-container .row, .feature-9 .container.detail-container .row .col-lg-12.cart-12  {padding-left: 0px; padding-right: 0px;}
.feature.feature-9 .container.detail-container .row {margin-left: 0px;   margin-right: 0px;}
.feature.feature-9 .container.detail-container {width: 100%;}
.order-cart {margin-top: 85px ! important}
 @media screen and (min-width: 768px) {#form-cart .row {margin-left: -30px; margin-right: -30px}}
.cart-detail h1 {border-bottom: 0px solid #ddd; padding-bottom: 15px;font-size: 32px } .product-tags {padding-bottom: 10px}
/* .accept-things, */ .acceptConditions, .shipping-same-as-billing {display: none ! important} .acceptTerms a {font-size: 12px}
#tx-cart-minicart {margin-top: 12px ! important;border: 1px solid #fff; border-bottom: 0px solid #fff; max-width: 220px; padding: 8px 18px 8px 18px; margin: 0 auto }
#tx-cart-minicart span {font-size: 22px ! important}
#tx-cart-minicart .btn {background: #f5bb19; padding: 5px 15px }


.feature-19 .controls {display: block; margin-bottom: 0px}
.feature-9 .row .c-list .block-grid-md-4.mixcontainer {padding:  15px ! important}
.mixcontainer .mix{ text-align: left; margin-bottom: 6%;}
.feature-9 .row .row {padding: 0px ! important}
.icon-minus:before, .icon-plus:before, .icon-phone:before, .icon-search:before { content: '' !important;}
.icon-phone:before {position: relative; top: 2px; 50px; background-size: 15px auto; padding-left: 20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzNTljZGUiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXBob25lIj48cGF0aCBkPSJNMjIgMTYuOTJ2M2EyIDIgMCAwIDEtMi4xOCAyIDE5Ljc5IDE5Ljc5IDAgMCAxLTguNjMtMy4wNyAxOS41IDE5LjUgMCAwIDEtNi02IDE5Ljc5IDE5Ljc5IDAgMCAxLTMuMDctOC42N0EyIDIgMCAwIDEgNC4xMSAyaDNhMiAyIDAgMCAxIDIgMS43MiAxMi44NCAxMi44NCAwIDAgMCAuNyAyLjgxIDIgMiAwIDAgMS0uNDUgMi4xMUw4LjA5IDkuOTFhMTYgMTYgMCAwIDAgNiA2bDEuMjctMS4yN2EyIDIgMCAwIDEgMi4xMS0uNDUgMTIuODQgMTIuODQgMCAwIDAgMi44MS43QTIgMiAwIDAgMSAyMiAxNi45MnoiLz48L3N2Zz4=);}

.icon-search:before {font-size: 13px}

.product-tags span {padding-right: 8px ! important;}
.product-tags i {color: #019cde}
#checkout-product-table thead {background: #eee ! important}
.top-buffer.top-buffer-top .btn {background: none; color: #019cde ! important; padding: 0}
#blog-72 .feature-3 {padding-top: 0; margin-top: 125px} #blog-72 .feature-3 .container .row {padding-top: 0; margin-top: 8px}
#blog-72 .row {margin-top: 0px ! important; margin-bottom: 0px ! important; padding-top: 0px ! important; padding-bottom: 0px ! important}
#form-order label {font-size: 12px; font-weight: 400}
#form-order * {background: #fff} #form-order li:before {content: '';} #form-order  li{padding: 0; margin: 0}
#form-order input[type=text], #form-order input[type=email], #form-order select, #form-order textarea {background: #f8f8f8; border:1px solid #019cde}
#form-order input[type=submit] {background: #019cde; border:1px solid #019cde}
#form-order .col-sm-12{padding-top: 0 ! important; margin-top: 0 ! important}

.block-grid-md-4#lightgallery {margin-top: 1px}
.block-grid-md-4#lightgallery a {padding: 0px ! important; margin: 1px ! important; width: auto}
.row.empty {margin-left: 0px; max-width: 100%}


@media (max-width:440px){
#blog-72 .feature-6 .btn {font-size: 12px}
#blog-72 .feature-6 .row{display:block}
}

/***********************************

OLD BUTTON

***********************************/

.button{vertical-align:middle}
.button{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}


/***********************************

ACCORDION linke SIDEBAR

***********************************/
.accordion-item .accordion-header {padding: 12px 15px 12px 10px ! important; background: #fff;}
.accordion-item .accordion-header h5 {margin: 0 ! important}
.accordion-item .accordion-header button {padding: 0; background: none }
.accordion-item button {border: none}
.accordion-item h5 {font-weight: 400 ! important}
.feature-1 .col-lg-3, .feature-1 .col-lg-4 {margin-top: 32px}
#blog-3 .feature-1 .col-lg-3, .feature-1 .col-lg-4 {margin-top: 5px}
.accordion {margin-bottom: 3px; border-bottom: 1px solid #eee ! important; border-radius: 3px ! important} .accordion  {border-bottom: none}
.panel-heading {background: #fafafa ! important; border-bottom: 1px solid #eee ! important}

.accordion, .c-accordion_content .accordion-header {padding-left: 0 ! important}
.accordion-header {position: relative}
.accordion button:after{font-family:icomoon;content:"-" ! important;font-size:20px ! important;position:absolute;left:auto ! important; right: 8px ! important; top:9px ! important;bottom:auto ! important; font-weight:700;font-style:normal;color: #005282 ! important}
.accordion button.collapsed:after{font-family:icomoon;content:"+" ! important;font-size:20px; position:absolute;left:auto ! important; right: 5px ! important; top:11px ! important;bottom:auto; font-weight:700;font-style:normal;color: #005282}

@media (max-width:576px){#blog-3 .maincontent .row {flex-direction: column;} #blog-3 .maincontent .col-lg-3 { order: 2;} #blog-3 .maincontent .col-lg-9 { order: 1; }
#blog-3 .maincontent .col-lg-3 .layout:first-of-type { padding-top: 15px; margin-top: 25px ! important; border-top: 1px solid #0069d9}}

/***********************************

META NAV

***********************************/
.meta-header a,.meta-header a span, #meta104 span {font-family: "Open Sans", sans-serif ! important; font-weight: 400 ! important}
#meta104 span {font-size: 14px; margin-right: 10px; margin-left: 8px}
.meta-header ul li a:hover strong, .meta-header a:hover, .meta-header a:focus {color: #e18d00 ! important}
.meta-header a, .meta-header *, .meta-contact span:before {color: #019cde ! important;}
.meta-contact {margin-right: 10px}
.meta-kontakt {margin-right: 0px} .search-nav {margin-right: 2px}
.meta-wishlist strong, .meta-wishlist a {font-weight: bold ! important} .icon-search:before {content: '' ! important;}
.icon-search:before {position: relative; top: -2px; background-size: 16px auto; padding-left: 16px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzNTljZGUiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNlYXJjaCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCIvPjxwYXRoIGQ9Im0yMSAyMS00LjMtNC4zIi8+PC9zdmc+);}
.icon-heart:before {color: 0089C8 ! important}
.meta-lang {margin-left: 10px} @media screen and (max-width: 767px) {
.meta-kontakt, .meta-blog, .meta-wishlist, .meta-number {margin-left: 5px; margin-right: 6px ! important} .t3ware-header-mini-cart {margin-left: 2px;margin-right: 8px}
.meta-header ul, .meta-header li {padding: 0 ! important; margin-left: 0px ! important}}


.feature  .tx-indexedsearch-searchbox .btn {max-width: 160px}

/***********************************

Search Results Bootstrap

***********************************/



.feature-6 .btn-group-toggle > .btn input[type="radio"],
.feature-6 .btn-group-toggle > .btn input[type="checkbox"],
.feature-6 .btn-group-toggle > .btn-group > .btn input[type="radio"],
.feature-6 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.feature-6 .input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.feature-6 .input-group > .form-control,
.feature-6 .input-group > .custom-select,
.feature-6 .input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.feature-6 .input-group > .form-control + .form-control,
.feature-6 .input-group > .form-control + .custom-select,
.feature-6 .input-group > .form-control + .custom-file,
.feature-6 .input-group > .custom-select + .form-control,
.feature-6 .input-group > .custom-select + .custom-select,
.feature-6 .input-group > .custom-select + .custom-file,
.feature-6 .input-group > .custom-file + .form-control,
.feature-6 .input-group > .custom-file + .custom-select,
.feature-6 .input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.feature-6 .input-group > .form-control:focus,
.feature-6 .input-group > .custom-select:focus,
.feature-6 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.feature-6 .input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.feature-6 .input-group > .form-control:not(:last-child),
.feature-6 .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.feature-6 .input-group > .form-control:not(:first-child),
.feature-6 .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.feature-6 .input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.feature-6 .input-group > .custom-file:not(:last-child) .custom-file-label,
.feature-6 .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.feature-6 .input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.feature-6 .input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.feature-6 .input-group-text input[type="radio"],
.feature-6 .input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.feature-6 .input-group-lg > .form-control {
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.feature-6 .input-group-sm > .form-control {
  height: calc(1.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}


/***********************************

BESTIMMTE SEITEN

***********************************/
.feature-1 h3 {margin-top: 15px}
.cartlist, #c1236 {margin-top: 30px} #c1236 {padding-top: 10px}
#blog-1 .ce-headline-center {text-align: center ! important; margin-top: -5px ! important}
#c7 h3 {text-align: left} #blog-1 .feature-15 {padding-bottom: 0 ! important; margin-bottom: 0 ! important}
#blog-1.lang-en .feature-18, #blog-1.lang-fr .feature-18 {display: none ! important}
#blog-1 .feature-3 {padding-top: 30px}
.feature-9 .col-lg-4 .cogtail-sidebar {padding-top: 35px} .feature-9 .col-lg-4 .cogtail-sidebar .layout{padding-top: 0px ! important; margin-top: 15px ! important}
.background-element-inner {display: none}
html #blog-1 .feature.feature-18 {background: #F4FBFF ! important;}
html #blog-1 .feature.feature-27 {background: #fff ! important;}
#blog-1 .feature.feature-27, #blog-1 .feature.feature-27 .row .layout .textmedia .textmedia-item,
#blog-1 .feature.feature-40, #blog-1 .feature.feature-40 .row .layout .textmedia .textmedia-item {margin-bottom: 0 ! important; padding-bottom: 0 ! important}
h3 {text-transform: none ! important} .cogtail-sidebar h3 {margin-top: 10px}
.feature-43 h4 {margin-top: 8px}
.cogtail-sidebar ul {padding-left: 15px ! important}

/***********************************

FOOTER

***********************************/
.c-footer * {font-weight: 400}
.c-footer {padding-top: 10px;}
.c-footer .c-footer-inner p {max-width: 400px ! important}
.c-footer .c-footer-inner ul {padding-left: 15px ! important}
@media (max-width:768px){.c-footer-inner li:before {content: ''}
.c-footer .c-footer-inner ul {padding-left: 15px ! important}
.c-footer-inner * {text-align: left ! important;}
.c-footer .c-footer-inner {padding-left: 12px; padding-right: 12px}
}
.c-footer-inner h2, .c-footer-inner h3, .c-footer-inner h4 {font-size: 22px ! important; font-weight: 600 ! important; letter-spacing: 0px} .c-footer-inner ul li:before {display: none ! important} .c-footer-inner ul li {margin-left: -14px ! important; padding-left: 0 ! important}
.c-footer-inner{background:#E8F4FA; padding-top: 75px; padding-bottom: 85px} .c-footer-inner * {color: #011D51 ! important}
#c934 img {margin-left: -10px ! important}
.c-footer .layout .gallery-row {padding-top: 20px; max-width: 340px;}
@media screen and (max-width: 767px) {.c-footer .layout .gallery-row {padding: 8px 8px 8px 8px; max-width: 320px;}}
.c-footer .layout img {max-width: 210px} .c-footer .c-image .gallery-item {width: 40px} .c-footer .c-image * {background: none ! important}
.c-footer h5, .c-footer h2 a, .c-footer p strong {color: #fff} .c-footer a:hover {color: 0089C8 ! important}
.c-footer .block-grid-sm-1 {margin-top: 15px} .c-footer ul {margin-left: 0 ! important; padding-left: 0 ! important}
.c-footer h2, .c-footer h2 a, .c-footer h5{font-size: 20px; margin-top: 10px}

/***********************************

MODAL

***********************************/

.btn.btn-anfrage {background: transparent ! important; color: #019cde; padding: 0; margin-top: 24px;}

.modal .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}


.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px ! important;
  }
}


/***********************************

TABLE

***********************************/

table {
  border-collapse: collapse;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

a:focus .text-angle-down strong {max-width:300px;margin:0 auto;border:1px solid #80bdff!important;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
@media (max-width: 991px) {.make-fullwidth-bg{padding-left:0px ! important;padding-right:0px ! important;}} /* keine ahnung warum ich normalerweise auf 5px eingestellt habe */
/* .meinbody p.text-center, .meinbody h1.text-center,.meinbody h2.text-center, .meinbody h3.text-center, .meinbody h4.text-center {width: 100%; margin: 0 auto;} */ .meinbody .btn-group {width: 100%}
.background-element #main-bg {background-size: cover; background-position: 0 0 } /* wichtige korrektur */

.header-top .row .twelve .column {padding: 0; margin-bottom: 0}
.meinbody p, .meinbody h1 {margin: 0 ! important}
.meinbody {position: relative;}

.background-element #main-bg .meinbody .background-element-inner {position: absolute; z-index: 1 ! important;padding: 25px 25px 30px 25px}
.background-element #main-bg .meinbody .background-element-inner {top: auto ! important; bottom: 0px; left: 0; right: auto} /* bottom-left */
.background-element #main-bg .meinbody .background-element-inner.postop-left {top: 0 ! important; bottom: auto; left: 0; right: auto} /* top-left */
.background-element #main-bg .meinbody .background-element-inner.posbottom-right {top: auto ! important; bottom: 0; left: auto; right:0} /* bottom-right */
.background-element #main-bg .meinbody .background-element-inner.postop-right {top: 0 ! important; bottom: auto; left: auto; right:0} /* top-right */

.background-element #main-bg .meinbody .pdsmall.postop-center {padding-top: 30px}
.background-element #main-bg .meinbody .pdmedium.postop-center {padding-top: 60px}
.background-element #main-bg .meinbody .pdlarge.postop-center {padding-top: 80px}
.background-element #main-bg .meinbody .pdextralarge.postop-center {padding-top: 120px}

@media (max-width: 767px) {.header-top #main-bg, .header-top-small #main-bg, .header-top #main-bg .meinbody, .header-top-small #main-bg .meinbody {max-height: 460px /* header max-height for mobile devices */}}

@media (min-width: 768px) {
 #main-bg .wsmall .meinbody .background-element-inner {max-width: 480px}  #main-bg .wsmall .meinbody .background-element-inner.postop-center * {max-width: 480px; margin-left: auto ! important; margin-right: auto ! important}
 #main-bg .wmedium .meinbody .background-element-inner {max-width: 680px}  #main-bg .wmedium .meinbody .background-element-inner.postop-center * {max-width: 680px; margin-left: auto ! important; margin-right: auto ! important}
 #main-bg .wlarge .meinbody .background-element-inner {max-width: 100%}  #main-bg .wlarge .meinbody .background-element-inner.postop-center * {max-width: 100%; margin-left: auto ! important; margin-right: auto ! important}

.background-element #main-bg .meinbody .background-element-inner.posbottom-right {top: auto ! important; bottom: 0; left: auto; right: 0} /* bottom-right */
.background-element #main-bg .meinbody .background-element-inner.postop-right {top: 0 ! important; bottom: auto; left: auto; right: 0} /* top-right */

.background-element #main-bg .meinbody .pdsmall.postop-center {padding-top: 80px}
.background-element #main-bg .meinbody .pdmedium.postop-center {padding-top: 120px}
.background-element #main-bg .meinbody .pdlarge.postop-center {padding-top: 140px}
.background-element #main-bg .meinbody .pdextralarge.postop-center {padding-top: 160px}
}
.background-element p, .background-element h1, .background-element h2, .background-element h3, .background-element h4, .background-element h5 {color:#fff ! important;text-align:left;}
.pdsmall.postop-left {margin-top: 30px}.pdmedium.postop-left {margin-top: 50px}.pdlarge.postop-left {margin-top: 80px}
.pdsmall.posbottom-left {margin-bottom: 30px}.pdmedium.posbottom-left {margin-bottom: 50px}.pdlarge.posbottom-left {margin-bottom: 80px}
.pdsmall.postop-right {margin-top: 30px}.pdmedium.postop-right {margin-top: 50px}.pdlarge.postop-right {margin-top: 80px}
.pdsmall.posbottom-right {margin-bottom: 30px}.pdmedium.posbottom-right {margin-bottom: 50px}.pdlarge.posbottom-right {margin-bottom: 80px}

.lrsmall.postop-left, .lrsmall.posbottom-left {margin-left: 30px}.lrmedium.postop-left, .lrmedium.posbottom-left {margin-left: 50px}.lrlarge.postop-left, .lrlarge.posbottom-left {margin-left: 80px}
.lrsmall.postop-right, .lrsmall.posbottom-right {margin-right: 30px}.lrmedium.postop-right, .lrmedium.posbottom-right {margin-right: 50px}.lrlarge.postop-right, .lrlarge.posbottom-right {margin-right: 80px}

.background-element #main-bg .meinbody .background-element-inner {margin-right: 0px;}
/*@media (min-width: 768px) {
.background-element #main-bg .meinbody  {
margin-left: -30px ! important;
margin-right: -30px ! important;
}}*/
.background-element .header-img-wrap.row .meinbody {padding-left: 0px; padding-right: 0px}
.background-element .header-img-wrap.row {margin: 0 auto}
@media (min-width: 768px) {.background-element .header-img-wrap.row {max-width: 720px;}}
@media (min-width: 992px) {.background-element .header-img-wrap.row {max-width: 960px;}}
@media (min-width: 768px) {.make-fullwidth-bg .make-fullwidth-bg .background-element .header-img-wrap.row {max-width: 665px}}
@media (min-width: 992px) {.make-fullwidth-bg .make-fullwidth-bg .background-element .header-img-wrap.row {max-width: 905px} .background-element .textmedia-item,.background-element .textpic-item{padding-left:0px;padding-right:0px} .background-element .textmedia-text,.background-element .textpic-text{padding-right:30px}.background-element .textpic-left .textmedia-gallery,.background-element .textpic-left .textpic-gallery{padding-right:30px}}
.make-fullwidth-bg .make-fullwidth-bg .background-element .header-img-wrap.row {  max-width: 965px ! important;}
/* @media (min-width: 1200px) {.background-element .header-img-wrap.row {max-width: 1170px ! important;}} ist im basics.css */

/* Important For Overlay BG Color */
.background-element #main-bg {position: relative}
.background-element #main-bg:before {content:""; position: absolute;  top:0;  right:0;  left:0;  bottom:0;  z-index:1;}

/* KORREKTUREN  */
.background-element .header-img-wrap{margin:0 auto!important} /* wichtig für centered element */
.make-fullwidth-bg.rem-feat-padd {padding-top: 0}
.feature .background-element #main-bg .row, .small-header-top .background-element #main-bg .row { margin: 0; width: 100%;}
.background-element #main-bg .meinbody  {margin-left: 0px ! important;margin-right: 0px ! important;}
.container-fluid .background-element #main-bg .meinbody .background-element-inner:not(.postop-center) {margin-left: 15px ! important;margin-right: 15px ! important;}

/* CENTER  */
.background-element .text-angle-down {margin: 0 auto; position: absolute; left: 0; right: 0; text-align: center}
.background-element #main-bg .meinbody .background-element-inner.postop-center {background: none}
.background-element #main-bg .header-img-wrap.row  .meinbody .background-element-inner.postop-center, .background-element #main-bg .header-img-wrap.row  .meinbody {width: 100% ! important}
.background-element #main-bg .meinbody .background-element-inner.postop-center  {width: 100%;max-width: 6590px ! important; top: 0px ! important; bottom: auto}
.background-element #main-bg .meinbody .background-element-inner.postop-center .background-element-inner-wrap {margin: 0 auto;max-width: 780px ! important;}

.background-element #main-bg .meinbody .background-element-inner.postop-center p, .background-element #main-bg .meinbody .background-element-inner.postop-center h1, .background-element #main-bg .meinbody .background-element-inner.postop-center h2, .background-element #main-bg .meinbody .background-element-inner.postop-center h3 {text-align: center ! important; display: block}

.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}

/***********************************

MODAL

***********************************/

.btn.btn-anfrage {background: transparent ! important; color: #019cde; padding: 0; margin-top: 24px;}

.modal .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}


.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px ! important;
  }
}

.number-of-items {
  color: #ff8700;
}

.versand-zeit:before {
  border-color: #00c971;
}

.versand-zeit {
  color: #00c971;
}

body .product-configurator .btn {
  border-color: #ff8700;
  color: #000;
}

body .product-configurator .btn.active {
  background: #ff8700;
  color: #fff;
  box-shadow: 0px 0px 15px rgba(255, 135, 0, 0.3);
}

.buybox-1 span {
  color: #000;
}

.buybox-1 select {
  border-color: #bbc0c6;
}

body .buybox-1 .add-btn-cart {
  border-color: #ff8700;
  color: #fff ! important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {opacity: 0;}
input::-webkit-outer-spin-button,
           input::-webkit-inner-spin-button {
               -webkit-appearance: none;
               margin: 0;
           }

           input[type="number"] {
               -moz-appearance: textfield;
           }




.custom-number-input  input {min-height: 100%;}
.custom-number-input  input[type="number"] {min-width: 135px ! important}
.custom-number-input {overflow: hidden;
      position: relative;
      width: 135px;
  }

.custom-number-input input {text-align: center ! important}

  .custom-number-input input[type=number] {border-radius: 4px ! important;
      width: 100%;
      box-sizing: border-box;
  }
  .custom-number-input .spin-up {margin-top: 1px;} .custom-number-input .spin-down {margin-bottom: 1px;}
  .custom-number-input .spin-button.spin-up {border-left: 1px solid #ccc;
      position: absolute; right: 1px; width: 30px; height: calc(100% - 2px);
      text-align: center; cursor: pointer; user-select: none; display: flex;
      align-items: center; justify-content: center; background: #eee;}

  .custom-number-input .spin-button.spin-down {border-right: 1px solid #ccc;
      position: absolute; left: 1px; width: 30px; height: calc(100% - 2px);
      text-align: center; cursor: pointer; user-select: none; display: flex;
      align-items: center; justify-content: center; background: #eee;}

  .custom-number-input .spin-up {
      top: 0;
      border-bottom: none; border-bottom-right-radius: 4px ! important; border-top-right-radius: 4px ! important;
  }

  .custom-number-input .spin-down {
      bottom: 0;
      border-top: none; border-top-left-radius: 4px ! important; border-bottom-left-radius: 4px ! important;
  }



/********************************************************************

Theme

*********************************************************************/

@media only screen and (min-width: 992px) {body .shop-item .card .h4 a {font-size: 20px}}
.meta-header {background: #fff} .meta-navbar {margin-right: 5px} @media (min-width:992px){.meta-navbar {margin-right: 10px}}
body .shop-item .product-title {margin-bottom: 30px}
.shop-item p .price-info a {font-size: 16px; font-style: italic}
.card-group-element {margin-top: 5px}
.c-footer {margin-top: 40px ! important}
.search-navigation {margin-left: 0px ! important; top: 1px}

@media (min-width:768px){body .shop-item .product-col-left {padding-right: 25px}}
@media (min-width:992px){body .shop-item .product-col-left {padding-right: 65px}}

/* Border Radius */
body .shop-item .card, body .shop-item .card img, body .shop-item .btn, body .shop-item .product-col-left img {border-radius: 4px ! important}

/********************************************************************

Shop

*********************************************************************/

/* Colors */
/* see colors.css or Saas/colors.scss */

/* Mini Cart in Meta Navbar */
.meta-navbar li.t3ware-header-mini-cart a {z-index: 9; /* border: 1px solid #fff; */ padding: 4px 15px; text-align: center; }
.number-of-items {display: inline-block; font-weight: bold; position: relative; top: -1px }

/* Product Images */
.cover-image {margin-bottom: 8px; display: block}
.weitere-bilder {display: inline-block; margin-right: 10px; margin-bottom: 8px; max-width: 120px}
@media (max-width:991px){.weitere-bilder {max-width: 80px}}
@media (max-width:768px){.weitere-bilder {max-width: 45px}}
/* Product */
.shop-item {margin-top: 30px}
.versand-zeit:before {content: ' '; position: relative;top: -1px; margin-right: 9px;  height: 1px ! important; width: 1px ! important; background: none;  border-width: 4px; border-style: solid; display: inline-block}
.versand-zeit {line-height: 1; padding: 0}
.product-add {margin-top: 24px} .product-add2 {margin-top: 6px}

/* Price */
.price-box {font-size: 30px ! important; margin-bottom: 0; line-height: 1; font-style: italic}

/* Form */
html body .shop-item .modal-content .modal-body .fmodal-wrap .container {min-width: 100% ! important; max-width: 100% ! important; padding-bottom: 20px}

/* Slider */
.img-count {position: relative;}
  /* Swiper Legacy Code */
  .swiper-container{position:relative;overflow:hidden;}
  .swiper-button-next,.swiper-button-prev{position:absolute;cursor:pointer;background-position:center;background-repeat:no-repeat}
/* Product Configurator */
.product-configurator:nth-of-type(2), .product-configurator:nth-of-type(3), .product-configurator:nth-of-type(4), .product-configurator:nth-of-type(5), .product-configurator:nth-of-type(6) {margin-top: 24px}
body .product-configurator .btn {font-size: 16px ! important; background: none;border-width: 2px ! important; }
body .product-configurator > form {display: inline-block}
@media (max-width:1260px){body .product-configurator .btn {font-size: 16px ! important; margin-bottom: 5px;}body .product-configurator .btn.btn-default {padding: 6px 12px;}}
body .product-configurator .btn.btn-default, body .product-configurator .btn.btn-default.links, body .product-configurator .btn.btn-default.rechts {border-style: solid; padding: 6px 18px; margin-right: 9px}

/* Product Buybox */
.add-to-cart-group {margin-top: 6px}
@media (min-width:992px) {.add-to-cart-group .input-group-append {margin-left: 15px}}
.buybox-1 {margin-top: 24px}
.buybox-1 span {padding-right: 5px}
.buybox-1 select {border-width: 1px; border-style: solid; display: inline-block; padding-left: 5px;width: 55px; font-weight: 700; margin-right: 8px}
body .buybox-1 .add-btn-cart {border-width: 1px; border-style: solid; padding: 9px 24px ! important; min-width: 240px;}
.btn-show-cart {margin-top: 24px}
.close {background: transparent; border: none; font-size: 22px}
@media (max-width:991px) {.add-to-cart-group .input-group-append input {min-width: 203px}
.custom-number-input  input[type="number"] {min-width: 203px ! important}
.custom-number-input {overflow: hidden; position: relative; width: 203px; margin-bottom: 9px}
}
#cartModalCenter .modal-content {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, "PT Sans", sans-serif;}
/* Variant options layout */
/*
body .shop-item .btn.btn-default.grau {padding: 15px ! important;  width: 40px; height: 40px; background: #666; display: inline-block; border: 1px solid #666; font-size: 0 ! important}
body .shop-item .btn.btn-default.anthrazit, body .shop-item .btn.btn-default.weiss {padding: 15px ! important;  width: 40px; height: 40px; background: #fff; display: inline-block; border: 1px solid #fff; font-size: 0 ! important}
body .shop-item .btn.btn-default.natur, body .shop-item .btn.btn-default.hellgrau {padding: 15px ! important;  width: 40px; height: 40px; background: #ccc; display: inline-block; border: 1px solid #ccc; font-size: 0 ! important}
body .shop-item .btn.btn-default, body .shop-item .btn.btn-default.links, body .shop-item .btn.btn-default.rechts {border: 1px solid #fff; padding: 6px 18px; margin-right: 9px}
*/

@keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}#spotlight{position:fixed;top:-1px;bottom:-1px;width:100%;z-index:99999;color:#fff;background-color:#000;opacity:0;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .2s ease-out;font-family:Arial,sans-serif;font-size:16px;font-weight:400;contain:strict;touch-action:none;pointer-events:none}#spotlight.show{opacity:1;transition:none;pointer-events:auto}#spotlight.white{color:#212529;background-color:#fff}#spotlight.white .spl-next,#spotlight.white .spl-page~*,#spotlight.white .spl-prev,#spotlight.white .spl-spinner{filter:invert(1)}#spotlight.white .spl-progress{background-color:rgba(0,0,0,.35)}#spotlight.white .spl-footer,#spotlight.white .spl-header{background-color:rgba(255,255,255,.65)}#spotlight.white .spl-button{background:#212529;color:#fff}.spl-footer,.spl-header{background-color:rgba(0,0,0,.45)}#spotlight .contain,#spotlight .cover{object-fit:cover;height:100%;width:100%}#spotlight .contain{object-fit:contain}#spotlight .autofit{object-fit:none;width:auto;height:auto;max-height:none;max-width:none;transition:none}.spl-scene,.spl-spinner,.spl-track{width:100%;height:100%;position:absolute}.spl-track{contain:strict}.spl-spinner{background-position:center;background-repeat:no-repeat;background-size:42px;opacity:0}.spl-spinner.spin{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);transition:opacity .2s linear .25s;opacity:1}.spl-spinner.error{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYsMUExNSwxNSwwLDEsMCwzMSwxNiwxNSwxNSwwLDAsMCwxNiwxWm0wLDJhMTMsMTMsMCwwLDEsOC40NSwzLjE0TDYuMTQsMjQuNDVBMTMsMTMsMCwwLDEsMTYsM1ptMCwyNmExMywxMywwLDAsMS04LjQ1LTMuMTRMMjUuODYsNy41NUExMywxMywwLDAsMSwxNiwyOVoiIGlkPSJiYW5fc2lnbl9jcm9zc2VkX2NpcmNsZSIvPjwvc3ZnPg==);background-size:128px;transition:none;opacity:.5}.spl-scene{transition:transform .65s cubic-bezier(.1,1,.1,1);contain:layout size;will-change:transform}.spl-pane>*{position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;margin:0;padding:0;border:0;transform:translate(-50%,-50%) scale(1);transition:transform .65s cubic-bezier(.3,1,.3,1),opacity .65s ease;contain:layout style;will-change:transform,opacity;visibility:hidden}.spl-header,.spl-pane,.spl-progress{position:absolute;top:0}.spl-pane{width:100%;height:100%;transition:transform .65s cubic-bezier(.3,1,.3,1);contain:layout size;will-change:transform,contents}.spl-header{width:100%;height:50px;text-align:right;transform:translateY(-100px);transition:transform .35s ease;overflow:hidden;will-change:transform}#spotlight.menu .spl-footer,#spotlight.menu .spl-header,.spl-footer:hover,.spl-header:hover{transform:translateY(0)}.spl-header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:50px;height:50px;opacity:.5}.spl-progress{width:100%;height:3px;background-color:rgba(255,255,255,.45);transform:translateX(-100%);transition:transform linear}.spl-footer,.spl-next,.spl-prev{position:absolute;transition:transform .35s ease;will-change:transform}.spl-footer{left:0;right:0;bottom:0;line-height:20px;padding:20px 20px 0;padding-bottom:env(safe-area-inset-bottom,0);text-align:left;font-size:15px;font-weight:400;transform:translateY(100%)}.spl-title{font-size:22px}.spl-button,.spl-description,.spl-title{margin-bottom:20px}.spl-button{display:inline-block;background:#fff;color:#000;border-radius:5px;padding:10px 20px;cursor:pointer}.spl-next,.spl-page~*,.spl-prev{background-position:center;background-repeat:no-repeat}.spl-page{float:left;width:auto;line-height:50px}.spl-page~*{background-size:21px;float:right}.spl-fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)}.spl-fullscreen.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)}.spl-autofit{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)}.spl-zoom-in,.spl-zoom-out{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);background-size:22px}.spl-zoom-in{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)}.spl-download{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);background-size:20px}.spl-theme{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)}.spl-play{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)}.spl-play.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);animation:pulsate 1s ease infinite}.spl-close{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)}.spl-next,.spl-prev{top:50%;width:50px;height:50px;opacity:.65;background-color:rgba(0,0,0,.45);border-radius:100%;cursor:pointer;margin-top:-25px;transform:translateX(-100px);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=);background-size:30px}.spl-prev{left:20px}.spl-next{left:auto;right:20px;transform:translateX(100px) scaleX(-1)}#spotlight.menu .spl-prev{transform:translateX(0)}#spotlight.menu .spl-next{transform:translateX(0) scaleX(-1)}@media (hover:hover){.spl-page~div{cursor:pointer;transition:opacity .2s ease}.spl-next:hover,.spl-page~div:hover,.spl-prev:hover{opacity:1}}@media (max-width:500px){.spl-header div{width:44px}.spl-footer .spl-title{font-size:20px}.spl-footer{font-size:14px}.spl-next,.spl-prev{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}.spl-spinner{background-size:30px 30px}}.hide-scrollbars{overflow:hidden!important}