/*Jquery Smarmenu CSS*/
.navbar-nav.sm-collapsible .sub-arrow{position:absolute;top:50%;right:0;margin:-.7em .5em 0 0;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;padding:0;width:2em;height:1.4em;font-size:1.25rem;line-height:1.2em;text-align:center}.navbar-nav.sm-collapsible .sub-arrow::before{content:'+'}.navbar-nav.sm-collapsible .show>a>.sub-arrow::before{content:'-'}.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow{border-color:rgba(255,255,255,.1)}.navbar-nav.sm-collapsible .has-submenu{padding-right:3em}.navbar-nav.sm-collapsible .dropdown-item,.navbar-nav.sm-collapsible .nav-link{position:relative}.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after{border-top:0;border-bottom:.3em solid}.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after{position:absolute;top:50%;right:0;width:0;height:0;margin-top:-.3em;margin-right:1em;border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu{padding-right:2em}.navbar-nav .scroll-down,.navbar-nav .scroll-up{position:absolute;display:none;visibility:hidden;height:20px;overflow:hidden;text-align:center}.navbar-nav .scroll-down-arrow,.navbar-nav .scroll-up-arrow{position:absolute;top:-2px;left:50%;margin-left:-8px;width:0;height:0;overflow:hidden;border-top:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid;border-left:7px solid transparent}.navbar-nav .scroll-down-arrow{top:6px;border-top:7px solid;border-right:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid transparent}.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu{margin:.5em}.navbar-nav:not([data-sm-skip]) .dropdown-item{white-space:normal}.navbar-nav:not(.sm-collapsible) .sm-nowrap>li>.dropdown-item{white-space:nowrap}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
@media(max-width: 768px){
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        width: 40px;
        height: 40px;
        text-align: center;
        margin: 5px;
    }

    .owl-theme .owl-dots .owl-dot span {
        display: inherit;
    }
}
/*****************************************************************************/
/*** SUGGEST CSS STYLES BY OMIKRON ***/
/*****************************************************************************/
div.search_Box{
    background-color: white;
    width: 54em;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    box-shadow: 6px 0px 10px silver;
}

div.category_div{
    font-size: 13px;
    border-left: 1px solid grey;
    padding:2rem 1rem;
}
div.suggestLayer {
    position: relative;
    top: 40px;
    height: 1px;
    display: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
    background-color: #ffffff;
    text-align: left;
}
table.suggestLayer {
    font-size: 11px;
    width: 852px;
    box-shadow: 10px 3px 8px silver;
    height: 12px;
    background-color: #E0E0E0;
    color: #173553;
    cursor: pointer;
}
div.suggestLayer {
    height: 12px;
}
div.suggestLayer {
    padding: 0;
    height: 12px;
}


div.suggestHeader{
    color: #173553;
    font-weight: normal;
    font-size: 10px;
}
div.suggestHeader div{
    border-bottom: 1px solid #5C637D;
    padding: 3px 3px 3px 5px;
}

div.suggestTextQuery{
    border-top: none;
    width: 27em !important;
    background-color: white;
    color: black;
    font-size: 1.8em;
    max-height: 100px !important;
}

span.suggestTextQueryTyped{
    color: #5c7997;
    text-decoration: underline;
}
div.suggestTextType{
    padding: 2px 5px 2px 15px;
    width: 30%;
}
div.suggestTextAmount{
    padding: 2px 5px 2px 15px;
    width: 30%;
    text-align: right;
}
div.suggesdivow{
    background-color: #F0F0F0;
}

div.suggestRow{
    font-size: 6px;
}

div.suggestHighlight{
    color: black;
    background-color: #173553;
}
div.suggestHighlight span.suggestTextQueryTyped{
    color: white;
}
span.priceLine1{
    font-weight: bold;
}
span.priceLine2{
    font-size: 7.5pt;
}
div.table_header{
    padding-top: 1.5em;
    padding-left: 1.0em;
    background-color: white;
}
div.produktBild img{
    width: 8.0em;
    padding-right: 3.0em;
    padding-left: 2.0em;
}

div.herstellerLinks{
    padding-left: 2.0em;
    width: 30.0em;
    padding-bottom: 35.0em;
    padding-right: 2.0em;
}

div.produktBild{
    width: 10.0em;
}

div.undercategory_div{
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    font-size: 1.4em;
    color:#666666;
}

div.topcategory_div{
    padding-right: 13.0rem;
    padding-top: 1.0rem;
    padding-bottom: 0.5rem;
}

div.priceSectionTable{
    padding-right: 1.5rem;
    font-size: 15px;
    padding-top: 1rem;
    text-align: right;
    padding-bottom: 4.0rem;
}

span#BWare{
    color: red;
    padding-right: 0.3rem;
}
hr.trennlinie{
    border-top: 1px solid rgba(0,0,0,.1);
    width: 95%;
    color: #666666;
    border-width: 2px;
}

div.flexbox{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 53.1rem;
    background-color: white;
    justify-content: flex-end;
}

div.flexbox2{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #dadada;
    justify-content: flex-end;
    height: 0;
    align-items: end;
    height: 3rem;
    background-color: white;
}

div.flexitems{
    padding-top: 1rem;
}

div.flexitems2{
    width: 7.0rem;
}

/*NEU*/
#suggestLayer .container{
    -webkit-box-shadow: 10px 10px 12px -8px rgba(102,102,102,0.3);
    -moz-box-shadow: 10px 10px 12px -8px rgba(102,102,102,0.3);
    box-shadow: 10px 10px 12px -8px rgba(102,102,102,0.3);
}

#suggestLayer .ff_productRow{
    color: #0F2241;
    border-bottom: 1px solid #0F2241;
    margin: 1em 0;
    min-height: 5em;
}
#suggestLayer .productCol a:last-of-type .ff_productRow{
    border-bottom: none;
}
#suggestLayer .productCol{
    padding: 20px 10px 20px 20px;
    border-right: 1px solid #d7d7d7;
}
#suggestLayer .filterCol{
    padding: 20px 20px 20px 10px;

}


/*  --------------------------------------------------------------- */
/*  --------------- @import url("css/header.css"); ---------------- */

.skyscraper {
    width: 10em;
    height: 45em;
    background-color: grey;
    position: fixed;
    top: 0;
    z-index: 1001; }

.skyscraper.left {
    left: 201.5px; }

.skyscraper.right {
    right: 201.5px; }

.skyscraper.top {
    background-color: lightgrey;
    height: 6.25em;
    width: 1180px;
    margin: auto;
    position: relative;
    margin-bottom: 1.5em; }

:root{
    --gray-color:#f6f6f6;
}

header {
    position: sticky;
    width: 100%;
    z-index: 1000;
    background-color: #ffffff;
    top: 0; }
header .headerbar {
    background-color: #e6e6e6;
    width: 100%;
    height: 2.5em; }
header .headerbar .float-left {
    padding: 0.4em 0.4em 0.4em 1.3em;
    display: inline-flex;
    vertical-align: middle;
    color: #0f2241; }
header .headerbar .float-left a {
    color: #0f2241;
    text-decoration: none; }
header .headerbar .float-right .icon {
    margin-left: -0.2em; }
@media (max-width:768px){
    header .headerbar .float-right a {
        margin-left: 10px;
        display: inline-block;
    }
}
header .headerbar .float-right .cart_opener:hover + .cart {
    visibility: visible; }
header .headerbar .float-right .person_opener:hover + .person {
    display: block;
}
@media (max-width: 992px){
	header .headerbar .float-right .person_opener:hover + .person {
		z-index: 9999;
		width: 90vw;
		margin-right: -0.2em;
	}
}
header .headerbar .float-right .items_cart {
    position: absolute;
    right: 0.9em;
    top: 0.1em;
    vertical-align: middle;
    font-size: 0.8em;
    color: #ffffff;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1em;
    background-color: red;
    border-color: #ffffff;
    border-width: 2px;
    border-style: solid;
    line-height: 14px; }
header .headerbar .float-right .items_saves {
    position: absolute;
    right: 7.1em;
    top: 0.1em;
    vertical-align: middle;
    font-size: 0.8em;
    color: #ffffff;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1em;
    background-color: grey;
    border-color: #ffffff;
    border-width: 2px;
    border-style: solid;
    line-height: 14px; }
@media only screen and (max-width: 736px){
    header .headerbar .float-right .items_saves,header .headerbar .float-right .items_cart {
        top: 1.1em;}
}
header .headerbar .float-right .cart {
    -webkit-box-shadow: 10px 10px 8px -9px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 10px 10px 8px -9px rgba(0, 0, 0, 0.58);
    box-shadow: 10px 10px 8px -9px rgba(0, 0, 0, 0.58);
    visibility: hidden;
    position: absolute;
    width: 40%;
    right: 11px;
    z-index: 100; }
header .headerbar .float-right .cart:hover {
    visibility: visible; }
header .headerbar .float-right .cart .col-auto {
    padding: 0; }
header .headerbar .float-right .cart .cart_information {
    padding: 0;
    margin-left: -10px;
    margin-right: 10px; }
header .headerbar .float-right .cart .col-2 {
    padding-right: 0; }
header .headerbar .float-right .cart .cart_header {
    color: #ffffff;
    padding: 0.5em 0.5em 0.5em 1.8em;
    font-weight: bold;
    font-size: 0.9em; }
header .headerbar .float-right .cart .cart_product_list {
	overflow: auto;
    max-height: 60vh;
    padding: 1.5em;
    background-color: #ffffff; }
header .headerbar .float-right .cart .cart_product_list .cart_product {
    border-bottom: 1px solid #0f2241;
    padding: 0.5em 0 0.5em 0;
    margin: 0; }
header .headerbar .float-right .cart .cart_product_list .cart_product img {
    max-width: 100%;
    max-height: 5em; }
header .headerbar .float-right .cart .cart_product_list .cart_product .cart_product_text {
    color: #0f2241;
    font-weight: bold;
    max-height: 3em;
    font-size: 0.9em; }
header .headerbar .float-right .cart .cart_product_list .cart_product .cart_product_text a:hover{
    color: #0f2241; }
header .headerbar .float-right .cart .cart_product_list .cart_product .cart_product_amount {
    font-size: 0.8em;
    color: #666666; }
header .headerbar .float-right .cart .cart_product_list .cart_product .cart_product_price {
    font-weight: bold;
    font-size: 1.1em;
    color: #666666; }
header .headerbar .float-right .cart .cart_footer {
    background-color: #ffffff;
    padding: 0 1.5em 1.5em 1.5em;
    height: 5.8em; }
header .headerbar .float-right .cart .cart_footer .cart_footer_row {
    float: right;
    font-size: 0.9em;
    font-weight: bold;
    color: #666666; }
header .headerbar .float-right .cart .cart_footer .cart_footer_row .price {
    font-size: 1.4em;
    margin-left: 1em; }
header .headerbar .float-right .cart .cart_footer .cart_footer_button {
    float: right;
    /* clear: right; */
    padding: 0.2em 1.4em;
    color: #fff;
    margin: 0.5em 0 0.5em 0.5em;
    text-decoration: none;
}
header .headerbar .float-right .person {
    -webkit-box-shadow: 10px 10px 8px -9px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 10px 10px 8px -9px rgba(0, 0, 0, 0.58);
    box-shadow: 10px 10px 8px -9px rgba(0, 0, 0, 0.58);
    position: absolute;
    z-index: 100;
    background: #ffffff;
    right: 11px;
    display: none; }
header .headerbar .float-right .person:hover {
    display: block; }
header .headerbar .float-right .person .person_header {
    color: #ffffff;
    padding: 1em 1em 1em 2em;
    font-size: 0.8em;
    font-weight: bold; }
header .headerbar .float-right .person .person_list {
    padding: 1em; }
header .headerbar .float-right .person .person_list ul {
    list-style: none;
    padding: 0 0.5em;
    margin: 0; }
header .headerbar .float-right .person .person_list ul li {
    padding: 0.5em 0;
    border-bottom: 1px solid #0f2241; }
header .headerbar .float-right .person .person_list ul li a {
    color: #000000; }
header .headerbar .float-right .person .person_list ul li a:hover {
    color: #0f2241;
    font-weight: bold; }
header .headerbar .float-right .person .person_list ul li:last-child {
    border-bottom: none;
    padding-bottom: 0; }
header .headerbar .float-right .person .person_new {
    padding: 1.5em;
    font-weight: bold;
    color: #ffffff; }
header .headerbar .float-right .person .person_new input {
    height: 2.5em;
    background-color: #e6e6e6;
    border-radius: 0;
    border: 0;
    width: 100%;
    margin-bottom: 0.5em; }
header .headerbar .float-right .person .person_new .password_forgot {
    color: #ffffff;
    font-size: 0.8em;
    text-decoration: underline; }
header .headerbar .float-right .person .person_new .person_new_button {
    width: 100%;
    text-align: center;
    padding: 0.5em;
    margin-top: 1em; }
header .headerbar .float-right .person .person_new hr {
    background-color: #ffffff; }
header .headerbar .float-right .person .person_new .person_new_button_second {
    width: 100%;
    text-align: center;
    padding: 0.5em;
    margin-top: 1em;
    border: 1px solid #ffffff; }
header .headerbar .float-right .person .person_new a {
    color: #ffffff; }
header .headerbar .float-right .person .person_new .new_text .new_text_header {
    padding-bottom: 0.5em; }
header .headerbar .mobileHeader {
    display: none;
    float: left;}
header .headerbar .mobileHeader .mobileLogo {
    width: 8em;
    margin-left: 1em; }
@media(max-width:400px){
    header .headerbar .mobileHeader .mobileLogo {
        width: 6em;
    }
}
header .headerbar .mobileHeader .burger {
    float: left;
    font-size: 0.8em; }
header .headerbar .mobileHeader .burger .line {
    width: 35px;
    height: 5px;
    background-color: #0f2241;
    margin: 6px 0;
    transition: .4s; }
header .headerbar .mobileHeader .burger.menuOpen .line:first-child{
    transform: rotate(-45deg) translate(-.6em, .6em);
    height: 4px;
    width: 30px;
}
header .headerbar .mobileHeader .burger.menuOpen .line:nth-child(2){
    opacity: 0;
}
header .headerbar .mobileHeader .burger.menuOpen .line:last-child{
    transform: rotate(45deg) translate(-.6em, -.6em);
    height: 4px;
    width: 30px;
}
header .icon {
    padding: 0.4em;
    color: white;
    font-size: 1.4em; }
header .searchInput {
    height: 2.5em;
    background-color: #e6e6e6;
    border-radius: 0;
    border: 0; }
header .headerUser{
	float: left;
    margin-right: 2em;
    margin-top: 0.4em;
}
header .searchInput::-webkit-input-placeholder {
    font-style: italic; }
header .searchInput:-moz-placeholder {
    font-style: italic; }
header .searchInput::-moz-placeholder {
    font-style: italic; }
header .searchInput:-ms-input-placeholder {
    font-style: italic; }
header .brandbar {
    /**padding: 1.5em 0;**/
    padding-top: 1em;
    padding-bottom: .5em;}
header .brandbar .logo {
    padding-left: 2em; }
header .brandbar .logo img {
    width: 14em; }
@media(min-width:769px){
    .logo-small{
        display: none;
    }
}
header .brandbar [class^="col-"] {
    margin-bottom: auto;
    margin-top: auto; }
nav .col-12{
	flex: none;
}
nav .navList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin-left: -1px;
    margin-right: -1px; }
nav .navList li {
    text-transform: uppercase;
    letter-spacing: 0;
	flex-grow: 1;
}
nav .navList a {
    background-color: #0f2241;
    color: white;
    flex-grow: 1;
    margin: 1px;
	text-align: center;
    padding: 0.3em 2em !important;
	text-decoration:none;
}
nav .navList a.active {
    background-color: #d0d0d0;
    color: #0f2241;
}

nav .navList a:hover {
    background-color: #f0f0f0;
    color: #0f2241; }

nav .navList a .arrowMobile {
    display: none;
    float: right;
    color: #0f2241; }
@media (min-width: 768px){
    nav .dropdown-menu {
	/**	display: none !important;**/
	}
	nav .sub-arrow{
	/**	display: none !important; **/
	}
	nav .navList .nav-item:last-of-type a {
    background-color: #e30613; }
	nav .navList .nav-item:last-of-type:hover a {
	color: #ffffff;
    background-color: #ae110d; }
}


/*  --------------- @import url("css/header.css"); ---------------- */
/*  --------------------------------------------------------------- */



/*  --------------------------------------------------------------- */
/*  --------------- @import url("css/front_page.css"); ------------ */
main {
    margin-top: -1em;
}
main .row {
    margin-top: 20px;
}
main .btn {
    border-radius: 0;
}

#FutureX-slider .carousel-indicators {
            display: none;
        }
        
        #FutureX-slider .box {
            height: 230px;
            width: 100%;
        }
        
        #FutureX-slider .BoxText {
            padding:0 1em;
            font-size: 1.1em;
            color: white;
            font-weight: 400;
        }
        
        #FutureX-slider .BoxText_little {
            padding-left: 1.5em;
            padding-right: 1.5em;
            padding-top: 2em;
            font-size: 0.8em;
            letter-spacing: 0.01em;
            color: white;
            font-weight: 400;
            text-transform: uppercase;
        }

        #FutureX-slider .BoxText_little strong {
            letter-spacing: 0.07em;
        }
        
        #FutureX-slider .carousel-indicators li {
            width: 10px;
            height: 10px;
            border-radius: 100%;
        }
        
        #FutureX-slider .carousel-inner .carousel-item-right.active,
        #FutureX-slider .carousel-inner .carousel-item-next {
            transform: translateX(25%);
        }
        
        #FutureX-slider .carousel-inner .carousel-item-left.active,
        #FutureX-slider .carousel-inner .carousel-item-prev {
            transform: translateX(-25%);
        }
        
        #FutureX-slider .carousel-inner .carousel-item-right,
        #FutureX-slider .carousel-inner .carousel-item-left {
            transform: translateX(0);
        }
        
        #FutureX-slider .carousel-item-next,
        #FutureX-slider .carousel-item-prev,
        #FutureX-slider .carousel-item.active {
            display: flex;
        }
        /** Tablet Anpassungen **/

        @media (min-device-width: 768px) and (max-device-width:1024px) {

            #FutureX-slider .carousel-indicators {
                display: flex;
            }
            #FutureX-slider .carousel-inner .carousel-item-right.active,
            #FutureX-slider .carousel-inner .carousel-item-next {
                transform: translateX(100%) !important;
            }
            #FutureX-slider .carousel-inner .carousel-item-left.active,
            #FutureX-slider .carousel-inner .carousel-item-prev {
                transform: translateX(-100%) !important;
            }
            #FutureX-slider .carousel-inner .carousel-item-right,
            #FutureX-slider .carousel-inner .carousel-item-left {
                transform: translateX(0) !important;
            }
            #FutureX-slider .box {
               width: auto;
               height: 23em;
            }

            #FutureX-slider{
                padding-right: 0;
            }
        }
@media (max-device-width: 768px){
    #FutureX-slider .BoxText {
        padding-right: 1em;
        font-size: 1.5em;
        line-height: 27px;
        margin-top: 5px;
    }
    #FutureX-slider .BoxText_little {
        font-size: 1em;
    }
}

@media (min-device-width:1122px) and (max-device-width:1199px){
    #FutureX-slider .box{
        width: auto;
        height:35em;
    }

    div.img-fluid:nth-child(3){
        padding-right: 0;
    }

}

  @media (min-device-width: 320px) and (max-device-width: 411px){
        #FutureX-slider .box{
        width: auto;

    }

      #FutureX-slider .carousel-indicators {
                display: flex;
            }

            #FutureX-slider .carousel-inner .carousel-item-right.active,
            #FutureX-slider .carousel-inner .carousel-item-next {
                transform: translateX(100%) !important;
            }
            #FutureX-slider .carousel-inner .carousel-item-left.active,
            #FutureX-slider .carousel-inner .carousel-item-prev {
                transform: translateX(-100%) !important;
            }
            #FutureX-slider .carousel-inner .carousel-item-right,
            #FutureX-slider .carousel-inner .carousel-item-left {
                transform: translateX(0) !important;
            }
    }

@media  (min-device-width:350px) {
    #FutureX-slider .box{
      height: 25em;
    }
}

  @media (max-device-width: 420px){
        #FutureX-slider .box{
        width: auto;
            height: 25em;
    }

      #FutureX-slider .carousel-indicators {
                display: flex;
            }
            #FutureX-slider .carousel-inner .carousel-item-right.active,
            #FutureX-slider .carousel-inner .carousel-item-next {
                transform: translateX(100%) !important;
            }
            #FutureX-slider .carousel-inner .carousel-item-left.active,
            #FutureX-slider .carousel-inner .carousel-item-prev {
                transform: translateX(-100%) !important;
            }
            #FutureX-slider .carousel-inner .carousel-item-right,
            #FutureX-slider .carousel-inner .carousel-item-left {
                transform: translateX(0) !important;
            }
    }

  @media (min-device-width: 560px){

      #FutureX-slider .carousel-inner .carousel-item-right.active,
            #FutureX-slider .carousel-inner .carousel-item-next {
                transform: translateX(100%) !important;
            }
            #FutureX-slider .carousel-inner .carousel-item-left.active,
            #FutureX-slider .carousel-inner .carousel-item-prev {
                transform: translateX(-100%) !important;
            }
            #FutureX-slider .carousel-inner .carousel-item-right,
            #FutureX-slider .carousel-inner .carousel-item-left {
                transform: translateX(0) !important;
            }

        #FutureX-slider .box{
        width: auto;
        height: 25em;
    }
    }


  @media (min-device-width: 576px){
        #FutureX-slider .box{
        width: auto;

    }
      #FutureX-slider .carousel-indicators {
                display: flex;
            }
    }

  @media (min-device-width: 992px){
        #FutureX-slider .box{
        width: auto;
            height:16em;
        }

    }



  @media (min-device-width: 1200px){

        #FutureX-slider .box{
        width: auto;
            height:230px;
    }
      #FutureX-slider .carousel-indicators {
            display: none;
        }
            }


/** IE Hack for Slider **/
:root div#FutureX-slider{
    width: 100% !important;
}
/** IE Hack for Slider **/

main .carousel .carousel-inner .carousel-item .sliderIMG {
    width: auto;
    height: 245px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
main .carouselMobile .carousel {
    max-width: 100%; }
main .carouselMobile .carousel .carousel-inner {
    display: inline-flex; }
main .carouselMobile .carousel .carousel-inner .box {
    padding: 0 10px; }
main .carouselMobile .carousel .carousel-inner .box:first-child {
    padding-left: 0; }
main .carouselMobile .carousel .carousel-inner .box:last-child {
    padding-right: 0 !important; }
main .carouselMobile .carousel-indicators {
    display: none; }
main a:hover {
    text-decoration: none; }
main .groupList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    background-color: #d7d7d7; }
main .groupList a {
    background-color: #d7d7d7;
    color: #666666;
    width: 285px;
    cursor: pointer;
    /**margin-right: 20px;**/
    padding: 0.5em;
    text-align: center; }
main .groupList a.notmore {
    pointer-events: none;
}
main .groupList a.active {
    background-color: rgba(33, 37, 41, 0.5);
    color: #ffffff;
}
main .groupList a:last-of-type {
    margin-right: 0; }
main .groupList a:hover {
    background-color: #f0f0f0; }
main .groupList a.active:hover {
    color: #666666;
}
@media(max-width: 560px){
    main .groupList a.active.notmore{
        width:100%;
    }
}
main .carousel.products-list .row {
    margin-top: 0; }
main .carousel.products-list .product .productImage {
    height: 13em;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
main .carousel.products-list .product .productText {
    text-align: center;
    padding: 0.5em 1em;
    max-height: 65px;
    height: 65px;
    overflow: hidden;
    /* margin-bottom: 5px; */
}
main .carousel.products-list .product .productPrice,.sc-box .productPrice {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #e30613; }
@media (max-width: 1024px) {
	main .carousel.products-list .product .productCart {
		width: 95% !important;}
}

main .carousel.products-list .product .productCart,.sc-club-button {
    text-align: center;
    width: 70%;
    background-color: #e30613;
    color: #ffffff;
    padding: 0.5em;
    margin: 0.5em auto; }
main .carousel.products-list .carousel-control-next,
main .carousel.products-list .carousel-control-prev,
#productImageSlider .carousel-control-next,
#productImageSlider .carousel-control-prev {
    height: 2em;
    margin: auto 0;
    width: 2em;
    color: #a0a0a0;
    background-color: #d7d7d7; }
@media(max-width:768px){
    main .carousel.products-list .carousel-control-next, main .carousel.products-list .carousel-control-prev, #productImageSlider .carousel-control-next, #productImageSlider .carousel-control-prev{
        height: 3em;
        width: 3em;
    }
}

main .carousel.products-list .carousel-control-next .carousel-control-prev-icon,
main .carousel.products-list .carousel-control-prev .carousel-control-prev-icon,
#productImageSlider .carousel-control-next .carousel-control-prev-icon,
#productImageSlider .carousel-control-prev .carousel-control-prev-icon,
main .carousel.products-list .carousel-control-next .carousel-control-next-icon,
main .carousel.products-list .carousel-control-prev .carousel-control-next-icon,
#productImageSlider .carousel-control-next .carousel-control-next-icon,
#productImageSlider .carousel-control-prev .carousel-control-next-icon{
    /*background-image: url(img/icons/baseline-keyboard_arrow_right-24px.svg);*/
    background-size: 0;
    font-size: 2rem;
    color:#000;
    line-height: 23px;
    position: relative;
}
.arrow-inner-l{
    position: absolute;
    left: -5px;
}
.arrow-inner-r{
    position: absolute;
    right: -8px;
}

/*  --------------- @import url("css/front_page.css"); ------------ */
/*  --------------------------------------------------------------- */


/*  --------------------------------------------------------------- */
/*  ----------------- @import url("css/footer.css"); -------------- */

footer .servicebar {
    color: #ffffff;
    margin: 1.5em 0;
    padding: 0.5em 1em; }
footer .footerbar {
    color: #666666;
    padding: 0 1em;
    margin-bottom: 1em; }
footer .footerbar ul {
    padding: 0;
    list-style: none; }
footer .footerbar ul a, footer .footerbar ul a:hover {
    color: #666666; }
footer .footerbar .socialIcons img {
    width: 1.9em;
    margin: 0 0.2em; }
footer .footerbar .contacts {
    padding-right: 0; }
footer .footerbox {
    background-color: #f6f6f6;
    padding: 1em;
    color: #666666;
    font-weight: bold;
    height:100%;}
footer .footerbox img {
    width: 3.9em;
    margin: 0.5em; }
footer .footertext {
    font-size: 0.8em;
    margin: 1em 0; }

footer.optionalFooter .logoBar {
    margin-top: 4.2em;
    margin-bottom: 2.4em; }
footer.optionalFooter .logoBar .col-2 {
    text-align: center; }
footer.optionalFooter .optionalFooterBox {
    background-color: #0f2241;
    color: #ffffff;
    padding: 1.25em;
    display: none;}
footer.optionalFooter .optionalFooterBox {
    background-color: #0f2241;
    color: #ffffff;
    padding: 1.25em;
    display: block;}
footer.optionalFooter .optionalFooterBox.right {
    color: #0f2241;
    background-color: #f6f6f6; }
footer.optionalFooter .optionalFooterBox.right .row {
    margin: 0; }
footer.optionalFooter .optionalFooterBox.right input {
    margin-top: 0.5em; }
footer.optionalFooter .optionalFooterBox.right button {
    border: 1px solid #0f2241; }
footer.optionalFooter .optionalFooterBox h2 {
    font-size: 1.2em;
    font-weight: bold; }
footer.optionalFooter .optionalFooterBox .row {
    margin-top: 1.75em; }
footer.optionalFooter .optionalFooterBox .col-12 {
    padding: 0; }
footer.optionalFooter .optionalFooterBox .buttonLeft {
    padding-right: 10px; }
footer.optionalFooter .optionalFooterBox .buttonRight {
    padding-left: 10px; }
footer.optionalFooter .optionalFooterBox .col-6 {
    padding: 0; }
footer.optionalFooter .optionalFooterBox .col-6:first-child {
    padding-right: 10px; }
footer.optionalFooter .optionalFooterBox .col-6:last-child {
    padding-left: 10px; }
footer.optionalFooter .optionalFooterBox a {
    color: #ffffff;
    font-size: 1.5em; }
footer.optionalFooter .optionalFooterBox button,footer.optionalFooter .optionalFooterBox a.btn-anm {
    background-color: #0f2241;
    border: 1px solid #ffffff;
    padding: 0.5em;
    width: 100%;
    color: #ffffff;
    margin-top: 1.25em; }
footer.optionalFooter .optionalFooterBox a.btn-anm {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size:1em ;
}
footer.optionalFooter .optionalFooterBox a.btn-anm:hover {
   text-decoration: none;
}
footer.optionalFooter .optionalFooterBox button .material-icons {
    display: inline-flex;
    vertical-align: top; }
footer.optionalFooter .optionalFooterBox input {
    height: 2.5em;
    background-color: #ffffff;
    border-radius: 0;
    border: 0;
    margin-top: 1.25em; }
footer.optionalFooter .optionalFooterBox input::placeholder {
    font-style: italic; }

#newsBar{
    top: 0;
    z-index:1000;
    display: none;
    background-color:#e30613;
    color: white;
    border: 0;
    min-height: 3em;
    overflow: hidden;
    border-radius: 0;
}

p.newsBar_content {
    position: absolute;
    width:max-content;
	height: 100%;
	font-size: 1.3em;
	margin: 0;
	line-height: 50px;
	top:0;
	overflow:hidden;
    transform: translateX(0%);
    animation: laufbandAnimation 20s linear infinite;
}

        @keyframes laufbandAnimation {
            0% {
                -moz-transform: translateX(calc(100vw));
                -webkit-transform: translateX(calc(100vw));
                transform: translateX(calc(100vw));
            }
            100% {
                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }

#cookieBar{
    width: 100% ;
    height: 100vh;
    background-color:rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    z-index:1000;
    display: none;
}
.futurex_content {
    overflow-y: auto;
    height: 35vh;
    margin: 15px 0;
    border: 1px solid #efefef;
    box-sizing: border-box;
    padding: 15px;
    color:#666;
}
.modal-content.newsletter .modal-header{
	padding-right:1em;
	background-image: url(/images/promotions/Newsletter-PopUp.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 15em;
    width: 100%;
}
@media (max-width: 768px) {
    .modal-content.newsletter .modal-header{
		background-size: cover;
    	height: 10em;
	}
}
.modal-content.newsletter main .content .textArea {
	    margin-bottom: 0.7em;
}
.modal-content.newsletter .modal-header h2{
	margin-bottom: 0;
}
.modal-content.newsletter .modal-body{
	margin-top: 1em;
}
.modal{
    overflow-y: auto;
    z-index: 2000;
}
.modal-body .btn.button.button-previous:hover{
	background-color: #d7d7d7;
	color: #666666;
}
.modal-body .btn.button:hover{
	background-color: #ae110d;
	color: #ffffff;
}
.dsgvoBox{
	overflow: auto;
    height: 10em;
    border: 1px solid;
    padding: 0.5em;
    font-size: 0.8em;
   /** margin-top: 16px;**/
}

.dsgvoBox h2{
    font-size: 1.3em !important;
}

.dsgvoBox p, .dsgvoBox ul {
    font-size: 12.8px !important;
    margin-bottom: 16px !important;
}

/*  ----------------- @import url("css/footer.css"); -------------- */
/*  --------------------------------------------------------------- */



/*  --------------------------------------------------------------- */
/*  ------------- @import url("css/product_detail.css"); ---------- */
.productDetail{
    word-break: break-word;
}

.sticky-element{
    position:sticky;
    top:130px;
    z-index: 999;
}

@media(max-width:1199px){
    .sticky-element{
        top:169px;
    }
}
@media(max-width:1024px){
    .sticky-element{
        top:119px;
    }
}

input.form-check-input.checkboxFTX{
    width: 20px;
    height: 20px;
    border: 2px solid #A0A0A0;
    display: block;
    content: "";
    float: left;
    margin-left: 6em;
    -moz-appearance:none;
    -webkit-appearance:none;
}

.extSumRow span.price{
font-size: 2em;
color: #e30613;
font-weight: bold;
}

a.warenkorb_all{
    background-color:#e30613;
    color: #FFFFFF !important;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 7px;
    padding: 0.8em 0;
}
input.form-check-input.checkboxFTX:checked::before{
    content: "\e876";
    font-family: "Material Icons";
    color: green;
    font-size: 2em;
   /** margin-bottom: 1em;**/
    font-weight: bold;
    position: absolute;
  /**  text-align: center;**/
    bottom:-.2em;
}
input.form-check-input.checkboxFTX:checked{
    border: 0;
    outline: none;
    box-shadow: none;
}
.variants div.dropdown-menu.show{
    right: 0;
    top: 0;
}

.variants button.btn{
    background-color: white;
    border:1px solid #C4C4C4;
}
.variants a.dropdown-item{
    color:grey;
}
.variants .dropdown-toggle::after{
    position: absolute;
    right: .5em;
    top: 1em;
}

.variants .btn.dropdown-toggle{
    height: 2.5em;
}

.variants span.auswahl:nth-child(1){
    font-size: 13px;
}

.variants span.auswahl:nth-child(2){
    font-weight: bold;
    color: #000000;
    line-height: 20px;
    font-size: 13px;
    padding: 0 1em;

}

.variants a.komponenten{
    color:grey;
    font-weight: bold;
    padding-right: 2em;
    padding-bottom: 1em;
    font-size: 13px;
}

.productDetail .hoverPopup {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #0F2241;
    padding: 1em;
    font-size: 0.8em;
    z-index: 2;
}
.productDetail .groupList {
    margin-bottom: 1em;
}
.productDetail .sidebar p {
    color: #0F2241;
}
.productDetail .sidebar .iconText {
    background-color: #F6F6F6;
    color: #0F2241;
    margin: 0.5em 0;
    max-height: 2.5em;
}
.productDetail .sidebar .iconText img {
    background-color: #0F2241;
    width: 3em;
    padding: 0.5em;
    margin-right: 0.5em;
}
@media screen and (max-width: 1055px) {
    .productDetail .sidebar .iconText span{
        line-height: 1.2em;
        display: inline-block;
        width: 63%;
    }
    .productDetail .sidebar .iconText{
        width: 100%;
        clear: both;
        display: inline-block;
    }
    .productDetail .sidebar .iconText img {
        float: left;
        display: inline-block;
    }
}
@media screen and (max-width:767px) {
    .productDetail .sidebar .iconText{
       display: none;
    }
    .productDetail .hoverPopup{
        display: inline-block!important;
        position: inherit;
        margin-bottom: 10px;
    }
}
.productDetail #productInformation .boxText {
    margin-top: 2em;
}

.productDetail .informationBox, .content .textArea .informationBox {
    position: relative;
    margin-top: 4em;
}
.productDetail .informationBox:first-child, .content .textArea .informationBox:first-child {
    margin-top: 0;
}
.productDetail .informationBox .shortener, .content .textArea .informationBox .shortener {
    position: absolute;
    bottom: -3em;
    width: 100%;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.5) 100%);
}
.productDetail .informationBox .shortener i {
    background-color: #e6e6e6;
    display: inline-block;
    vertical-align: bottom;
}
.productDetail .informationBox .shortener p {
    margin: 0;
    margin-top: 3em;
    white-space: nowrap;
}
.productDetail .informationBox .shortener hr {
    margin: 0;
    margin-bottom: 1em;
}
.productDetail .informationBox .shortener.active {
    top: 0;
    position: relative;
}
.productDetail .informationBox .shortener .showToggle {
    cursor: pointer;
    font-size: 0.9em;
}
.productDetail .informationBox .shortener .showToggle i {
    margin-left: 0.5em;
}

.productDetail .informationBox img{
    max-width: 100%;
}

@media (min-width: 320px) and (max-width:560px){
    .col-12.pl-0.form.inputCheck.lightInput{
        height: 4em;
        /*margin-left: -6em;*/
    }
}

@media (min-width:768px) and (max-width:1024px){
    input.form-check-input.checkboxFTX{
        margin-left: unset !important;
    }
}

/**
button#btn_up_top{
   position: relative;
    right: -9em;
    margin-top: 0;
    align-content: center;
    padding: .5em;
    background-color: black;
    color: white;
    border: 0;
}
**/
/**
button#btn_up_top{
    display: none;
    border: 0;
    position: fixed;
    right: -0.5em;
    bottom: 20em;
    background-color: #0f2241;
    color: #fff;
    text-transform: uppercase;
    font-size: .75em;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
    z-index: 1001;
    width: 8em;
    height: 4em;
    padding: 1em;
}
**/

div#btn_up_top{
    display: none;
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 8em;
    /**padding: 5px;**/
    color: #fff;
    background: rgba(0,0,0,.4);
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    width: 41px;
    height:42px;
}

/* .productDetail*/.tab-content table {
    color: #666666;
    width: 100%;
}
/* .productDetail*/.tab-content table tr {
    border-bottom: 1px solid #666666;
}
/* .productDetail*/.tab-content table tr td:first-child {
    border-right: 1px solid #666666;
    width: 30%;
}
/* .productDetail*/.tab-content table tr td {
    padding: 0.5em;
}
@media screen and (max-width: 485px){
    .tab-content table tr td:first-child {
        border-right: 0;
        font-weight: bold;
        width:100%;
    }
    .tab-content table tr td {
        width: 100%;
        display: inline-block;
    }
}
.productDetail p {
    color: #666666;
}
.productDetail h3 {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 1em;
    color: #0F2241;
}
.productDetail .groupList li a {
    background-color: #d7d7d7;
    color: #666666;
    width: 285px;
    /**margin-right: 20px; **/
    padding: 0.5em;
    text-align: center;
    border: 0;
    border-radius: 0;
}
.productDetail .groupList li a.active {
    background-color: #a0a0a0;
    color: #ffffff;
}
.productDetail .groupList li a:hover {
    background-color: #eeeeee;
    cursor: pointer;
    color: #666666;
}
.productDetail .groupList li:last-of-type a {
    margin-right: 0;
}
main .productDetailHeader img {
    max-width: 100%;
}
main .productDetailHeader .productTitle h1 {
    font-weight: bold;
    color: #0F2241;
    font-size: 1.5em;
	margin-bottom: 0;
	text-transform: none;
}
main .productDetailHeader .productTitle a {
    color: #666666;
}
main .productDetailHeader .productTitle a i {
    display: inline-flex;
    vertical-align: middle;
    font-size: 1em;
}
main .productDetailHeader{
    margin-bottom:16px;
}
.productDetail .productImage .productIcons {
    position: absolute;
    float: left;
}
.productDetail .productImage .productIcons img {
    width: 3em;
}
.productDetail .productImage img {
    max-width: 100%;
}
.productImage img.cloudzoom{
    cursor: pointer;
    max-width: 300px;
}
.productImage .productIcons img{
    width: 48px;
}
@media(max-width: 485px){
    .productImage img.cloudzoom{
        height:200px;
        max-width: 240px;
    }
}
.cloudzoom-gallery{
    margin-left: 12px;
}
.productDetail .productText {
    padding-top: 1em;
}
.productPrice .productPriceInner {
    font-size: 0.9em;
    color: #666666;
    background-color: #f6f6f6;
    padding: 1em;
}
.productPrice .productPriceInner .green {
    color: #008a00;
    font-weight: bold;
}
.productPrice .productPriceInner .red, .red {
    color: #e30613;
    font-weight: bold;
}
.productPrice .productPriceInner .price {
    font-size: 2em;
    color: #e30613;
    font-weight: bold;
    line-height: 2;
}
@media only screen and (max-width: 845px) {
    .productPrice .productPriceInner .price {
        font-size: 1.7em;
    }
}
.productPrice .productPriceInner a.button {
    background-color: #e30613;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 7px;
    padding: 0.8em 0;
}

.productPrice .productPriceInner .shoppingCart .cartArrows,
.productPrice .productPriceInner .shoppingCart input.costumSelect,
.productPrice .productPriceInner .shoppingCart .button {
    height: 3.0em;
    margin-top: 15px;
    line-height: 1em;
    font-size: 1em;
}
.productPrice .productPriceInner .shoppingCart input.costumSelect {
    width: 5em;
    padding: 10px;
}


.productPrice .productPriceInner div.notavail {
    background-color: #a0a0a0;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 7px;
    padding: 0.8em 0;
}
.productPrice .productPriceInner .productArt {
    font-size: 1em;
    text-align: left;
    border: 1px solid #e6e6e6;
    margin: 0.8em;
    margin-left: 0;
    border-radius: 0;
    color: #666666;
    background-color: #ffffff;
}
.productPrice .productPriceInner .productArt.active {
    background-color: #f6f6f6;
}
.productPrice .productPriceInner .productArt:hover {
    background-color: #f6f6f6;
}
.stars {
    font-size: 0.9em;
}
.stars .material-icons {
    display: inline-flex;
    vertical-align: middle;
    color: #e6e6e6;
    font-size: 1.2em;
}
.stars .material-icons.fill {
    color: #e30613;
}
div .product_review i.material-icons.fill {
    color: #e30613;
    vertical-align: middle;
    font-size:1.2em;
}
div .product_review i.material-icons {
    vertical-align: middle;
    font-size:1.2em;
    color: #e6e6e6;
}
.productRow .productText .stars {
    margin: 1em 0;
    font-size: 0.9em;
}

.productDetail #carouselProductsImages .carousel-control-prev,
.productDetail #carouselProductsBigImages .carousel-control-prev {
    width: 1em;
}
.productDetail #carouselProductsImages .carousel-control-prev .carousel-control-prev-icon,
.productDetail #carouselProductsBigImages .carousel-control-prev .carousel-control-prev-icon {
    background-image: url(img/icons/baseline-keyboard_arrow_left-24px.svg);
    background-size: 2em;
}
.productDetail #carouselProductsImages .carousel-control-next,
.productDetail #carouselProductsBigImages .carousel-control-next {
    width: 1em;
}
.productDetail #carouselProductsImages .carousel-control-next .carousel-control-next-icon,
.productDetail #carouselProductsBigImages .carousel-control-next .carousel-control-next-icon {
    background-image: url(img/icons/baseline-keyboard_arrow_right-24px.svg);
    background-size: 2em;
}
.productDetail #carouselProductsImages img,
.productDetail #carouselProductsBigImages img {
    max-width: 100%;
}
.productDetail .iconShareBook {
   /** float: left; **/
    /**width: 4em; **/
    text-align: center;
    font-size: 0.8em;
    color: #666666;
  /**  padding-right:1.5em; **/
}
.productDetail .iconShareBook i {
    background-color: #f6f6f6;
    color: #0F2241;
    padding: 0.4em;
    margin-bottom: 0.5em;
}
.productInfoTable .productTable {
    background-color: #f6f6f6;
    padding: 1em;
    font-size: 0.8em;
    color: #666666;
}
.getInformations strong {
   line-height: normal;
}
@media screen and (min-width: 951px) {
    .productDetail .getInformations {
        height: 100%;
    }
}
.productDetail .getInformations i {
    display: inline-flex;
    vertical-align: middle;
    font-size: 1.2em;
    margin-right: 0.5em;
}
.productDetail .getInformations a {
    color: #0F2241;
}
.productDetail .getInformations strong {
    color: #0F2241;
    margin:10px 0;
}
.productDetail .doubleIcons {
    padding: 0;
   /** margin: 0 10px **/;
}

.productDetail .datenschutz_section a{
    color:#0f2241;
    text-decoration: underline;
}

.button.blau_hover:hover{
    background-color:#0a5490 !important;
}

.productDetail #ratings .button {
    background-color: #0f2241;
    color: white;
    display: inline-block;
    text-align: center;
    width: 15em;
    margin: 1em 0 1em 0;
    padding: 0.5em 0;
    border: 0;
    float: right;
}

/* .productDetail #ratings .button.bewertung:hover{
    background-color:#0a5490;
} */

.productDetail #ratings .ratingsText {
    margin-bottom: 2em;
}
.productDetail #ratings .ratingsText img {
    float: left;
    padding-right: 1em;
    width: 5em;
}
.productDetail #ratings .rate {
    float: left;
    height: 46px;
    margin: 1em 0;
}
.productDetail #ratings .rate:not(:checked) input {
    /* position: absolute;
    top: -9999px; */
    display: none;
}
.productDetail #ratings .rate:not(:checked) label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 40px;
    color: #ccc;
}
.productDetail #ratings .rate:not(:checked) label:before {
    content: '\e838';
    font-family: 'Material Icons';
}
.productDetail #ratings .rate > input:checked ~ label {
    color: #E30613;
}
.productDetail #ratings .rate:not(:checked) > label:hover,
.productDetail #ratings .rate:not(:checked) > label:hover ~ label {
    color: #ae110d;
}
.productDetail #ratings .rate > input:checked + label:hover,
.productDetail #ratings .rate > input:checked + label:hover ~ label,
.productDetail #ratings .rate > input:checked ~ label:hover,
.productDetail #ratings .rate > input:checked ~ label:hover ~ label,
.productDetail #ratings .rate > label:hover ~ input:checked ~ label {
    color: #ae110d;
}
.productDetail #ratings .form-group label {
    margin: 1em 0;
}
.productDetail #ratings .form-group label strong {
    color: #0F2241;
}
.productDetail #ratings .form-group .lightInput {
    background-color: #f6f6f6;
    border: none;
    border-radius: 0;
    padding: 1.5em;
}
.productDetail .productRow {
    margin: 10px;
}
.productDetail .productRow .productImage {
    padding-left: 0;
}
.productDetail .productRow .productImage .productIcons {
    position: absolute;
    float: left;
}

@media screen and (min-width: 769px) {
    .productDetail #extension  .productRow .productImage .productIcons {
        position: absolute;
        float: left;
        left: -42px;
        max-width: 39px;
        top: -1px;
    }
}

.productDetail .productRow .productImage img {
    max-width: 100%;
}
.productDetail .productRow .productPrice {
    padding-right: 0;
}
main .productRow .productPrice .productPriceInner {
    /* margin-top: 2.5em; */
}
.productDetail .productRow .productText img {
    max-width: 100%;
    width: 5em;
}
.productRow .productText .arrowList {
    font-size: 0.9em;
}

/*  ------------- @import url("css/product_detail.css"); ---------- */
/*  --------------------------------------------------------------- */



/*  --------------------------------------------------------------- */
/*  ------------- @import url("css/product_style.css"); ----------- */
/* body {
    color: #666666;
    word-break: break-all;
} */

/*SCHUTZKLICK*/

#sisu_container #_s-agree-price{
	color: #fff;
}

#sisu_container  #_s-title-out,#_s-id h2{
    background-color: #0f2241!important;
    border-radius: 0;
}
#sisu_container #_s-agree-price{
    font-size: 1.3rem;
}
#sisu_container #_s-checkbox{
    margin-top: 7px;
    padding: 0;
    display: inline-block;
    height: auto;
}

#_s-id ._s-list-with-icon3 {
    padding-left: 40px;
}
#_s-id  ._s-close {
    right: 9px;
    top: -4px;
}
#_s-id ._s-icon-box {
    font-size: 0.9rem;
}
#sisu_container #_s-agree-price {
    color: #000;
}

label[for=_s-checkbox] {
    top: 6px;
    left: 21px;
}

label[for=_s-checkbox]:before{
    background: #fff;
}

@media only screen and (max-width: 440px){
    #_s-id {
     width:100%;
    }
    #_s-confirmation-box ._s-leftside [for="_s-checkbox"]{
        width:90%;
    }
}

/*SCHUTZKLICK_ENDE*/

.checkoutPage, .shoppingCart, .content .textArea {
    /* Hide the browser's default radio button */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */
    /* The check */
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */
}
#file-upload-filename .filename{
	padding: 1em;
    background-color: #008A00;
    color: #ffffff;
    margin: 1em 0;
}
#file-upload-filename .filename .deleteUp{
	float: right;
}
.checkoutPage .product_list a, .shoppingCart .product_list a, .carousel-item .productText a{
    /* font-weight: bold; */
    color: inherit;
}
.messageStackSuccess {
    color: #008a00;
    background-color: #f6f6f6;
    width: 100%;
    padding: 1em;
    margin-bottom: 1em;
}

.checkoutPage .errorMessage, .shoppingCart .errorMessage, .content .textArea .errorMessage,
.messageStackError, .messageStackWarning {
    color: #e30613;
    background-color: #f6f6f6;
    width: 100%;
    padding: 1em;
    margin-bottom: 1em;
}
.checkoutPage .errorMessage i, .shoppingCart .errorMessage i, .content .textArea .errorMessage i,
.messageStackError  i, .messageStackWarning  i, .messageStackSuccess i {
    vertical-align: top;
    display: inline-grid;
    padding-right: .2em;
}

.checkoutPage .logo, .shoppingCart .logo, .content .textArea .logo {
    padding-left: 2em;
}
.checkoutPage .logo img, .shoppingCart .logo img, .content .textArea .logo img  {
    width: 14em;
}
.checkoutPage p, .shoppingCart p, .content .textArea p {
    color: #666666;
}
.checkoutPage p a, .shoppingCart p a, .content .textArea p a  {
    color: #0F2241;
    text-decoration: underline;
}
.checkoutPage h2, .shoppingCart h2, .content .textArea h2 {
    font-weight: bold;
    color: #0F2241;
    margin: 1em 0 0 0;
    font-size: 1.2em;
}
.checkoutPage h3, .shoppingCart h3, .content .textArea h3  {
    font-weight: bold;
    color: #666666;
    margin: 2em 0 1.5em;
    font-size: 1em;
}
.checkoutPage hr, .shoppingCart hr, .content .textArea hr {
    background-color: #0F2241;
}
.checkoutPage .subPayment {
    background-color: inherit;
    padding: .5em 1em;
    color: inherit;
}
.checkoutPage .gray-box, .shoppingCart .gray-box, .content .textArea .gray-box  {
    background: #f6f6f6;
    padding: 1em;
    color: #666666;
    position: relative;
    min-height: 15.5em;

}
.checkoutPage .gray-box .headerFont, .shoppingCart .gray-box .headerFont, .content .textArea .gray-box .headerFont {
    margin-bottom: 0.5em;
}
.checkoutPage .gray-box a, .shoppingCart .gray-box a, .content .textArea .gray-box a {
    color: #0F2241;
}
.checkoutPage .gray-box p, .shoppingCart .gray-box p, .content .textArea .gray-box p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
.checkoutPage .gray-box .radio input, .shoppingCart .gray-box .radio input, .content .textArea .gray-box .radio input {
    width: auto !important;
    margin-right: 10px;
    margin-bottom: 5px;
    background: #fff;
    border-color: #fff;
}
.checkoutPage .gray-box .radio label, .shoppingCart .gray-box .radio label, .content .textArea .gray-box .radio label {
    margin-bottom: 5px;
}
.checkoutPage .gray-box .text-green, .shoppingCart .gray-box .text-green, .content .textArea .gray-box .text-green, .orderBoxCol .orderBox .text-green {
    color: #008a00;
}
.checkoutPage .gray-box .text-red, .shoppingCart .gray-box .text-red, .content .textArea .gray-box .text-red, .orderBoxCol .orderBox .text-red {
    color: #e30613;
}
.checkoutPage .gray-box hr, .shoppingCart .gray-box hr, .content .textArea .gray-box hr {
    background-color: black;
    margin: 0.5em 0;
}

.shoppingCart .cartArrows .material-icons{
	background-color: #f6f6f6;
	height: 50%;
	vertical-align: middle;
    cursor: pointer;
}
.shoppingCart > .cartArrows .material-icons{
	background-color: #ffffff;
}
.shoppingCart > .cartArrows{
	background-color: #ffffff;
	width: 1.7em;
    border: 1px solid #E30613;
    border-left: none;
}

/**Schutzklick Plugin Modifications **/

._s-option-box ._s-header label ._s-label {
    margin: 14px 0 0 10px !important;
}

#_s-no {
margin-top: -10px;
}

/**Schutzklick Plugin Modifications END **/

input#newsletter_check{
    width: 25%;
}
.checkoutPage .gray-box input, .shoppingCart .gray-box input, .content .textArea .gray-box input {
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 1em;
}
.checkoutPage .button, .shoppingCart .button, .content .textArea .button,
.checkoutPage a.button, .shoppingCart a.button {
    width: 100%;
    background: #e30613;
    border: none;
    padding: 12px 5px;
    color: #ffffff;
    margin-bottom: 14px;
    margin-top: 15px;
    font-size: 0.9em;
}
.checkoutPage .button:hover, .shoppingCart .button:hover, .content .textArea .button:hover {
    background-color: #ae110d;
}
.checkoutPage .button.button-previous, .shoppingCart .button.button-previous, .content .textArea .button.button-previous {
    color: #666666;
    background-color: #F6F6F6;
}
.checkoutPage .button.button-previous:hover, .shoppingCart .button.button-previous:hover, .content .textArea .button.button-previous:hover {
    background-color: #E6E6E6;
}
.checkoutPage textarea, .shoppingCart textarea, .content .textArea textarea {
    width: 100%;
    background-color: #f6f6f6;
    border: 0;
}
.checkoutPage textarea::placeholder, .shoppingCart textarea::placeholder, .content .textArea textarea::placeholder {
    font-style: italic;
}
.checkoutPage input, .shoppingCart input, .content .textArea input {
    background-color: #f6f6f6;
    border: 0;
    border-radius: 0;
    padding: 1em;
    height: 3em;
    color: #666666;
}
.shoppingCart input.more_options {
    height: 1em;
}
.checkoutPage input::placeholder, .shoppingCart input::placeholder, .content .textArea input::placeholder {
    font-style: italic;
}
.checkoutPage .radio, .shoppingCart .radio, .content .textArea .radio {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 3px;
}
.checkoutPage .radio input, .shoppingCart .radio input, .content .textArea .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkoutPage .checkround, .shoppingCart .checkround, .content .textArea .checkround {
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
}
.checkoutPage .radio input:checked ~ .checkround, .shoppingCart .radio input:checked ~ .checkround, .content .textArea .radio input:checked ~ .checkround {
    background-color: #fff;
}
.checkoutPage .checkround:after, .shoppingCart .checkround:after, .content .textArea .checkround:after {
    content: "";
    position: absolute;
    display: none;
}
.checkoutPage .radio input:checked ~ .checkround:after, .shoppingCart .radio input:checked ~ .checkround:after, .content .textArea .radio input:checked ~ .checkround:after {
    display: block;
}
.checkoutPage .radio .checkround:after, .shoppingCart .radio .checkround:after, .content .textArea .radio .checkround:after {
    left: 3px;
    top: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0F2241;
}
.checkoutPage input[type="file"], .shoppingCart input[type="file"] {
    display: none;
}
.checkoutPage .custom-file-upload, .shoppingCart .custom-file-upload {
    display: inline-block;
    padding: 0.4em;
    background-color: #0F2241;
    width: 14em;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
}
.checkoutPage .attention p, .shoppingCart .attention p, .content .textArea .attention p {
    font-style: italic;
    margin-top: 1em;
}
.checkoutPage .informations, .shoppingCart .informations, .content .textArea .informations {
    font-size: 0.6em;
    min-height: 11.5em;
    margin-top: 20px;
}
.checkoutPage .darkHeader, .shoppingCart .darkHeader, .content .textArea .darkHeader {
    width: 100%;
    min-height: 0;
    background-color: #d7d7d7;
}
.checkoutPage .check, .shoppingCart .check, .content .textArea .check {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #666666;
}
.checkoutPage .check input, .shoppingCart .check input, .content .textArea .check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkoutPage .checkmark, .shoppingCart .checkmark, .content .textArea .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #f6f6f6;
    border-color: #008a00;
    border-style: solid;
    border-width: 1px;
}
.checkoutPage .checkmark.grey, .shoppingCart .checkmark.grey, .content .textArea .checkmark.grey {
    border-color: #666666;
    background-color: #ffffff;
}
.checkoutPage .check input:checked ~ .checkmark, .shoppingCart .check input:checked ~ .checkmark, .content .textArea .check input:checked ~ .checkmark {
    background-color: #f6f6f6;
}
.checkoutPage .checkmark:after, .shoppingCart .checkmark:after, .content .textArea .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkoutPage .check input:checked ~ .checkmark:after, .shoppingCart .check input:checked ~ .checkmark:after, .content .textArea .check input:checked ~ .checkmark:after {
    display: block;
}
.checkoutPage .check .checkmark:after, .shoppingCart .check .checkmark:after, .content .textArea .check .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid;
    border-color: #008a00;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkoutPage .check .checkmark:after.grey, .shoppingCart .check .checkmark:after.grey, .content .textArea .check .checkmark:after.grey {
    border-color: #666666;
    background-color: #ffffff;
}
.checkoutPage .costumSelect, .shoppingCart .costumSelect, .content .textArea .costumSelect {
    border: none;
    background: #f6f6f6;
    color: #666666;
    padding: 15px;
    box-shadow: none;
    outline: none;
}
.checkoutPage input.costumSelect, .shoppingCart input.costumSelect,
.checkoutPage span.costumSelect {
    width: 3.5em;
    height: inherit;
    text-align: center;
    display: inline-block;

}
.shoppingCart > input.costumSelect{
	border: 1px solid #E30613;
    border-right: none;
    background-color: #ffffff;
}
.checkoutPage .delete_item, .shoppingCart .delete_item, .content .textArea .delete_item {
    display: inline-grid;
    padding: 15px 7px;
    vertical-align: bottom;
    background: #f6f6f6;
    width: 2.5em;
    text-align: center;
}
.address_list .delete_item {
    padding: 0;
    width: auto;
}
.checkoutPage .product_list h3, .shoppingCart .product_list h3, .content .textArea .product_list h3 {
    color: #0F2241;
}
.checkoutPage .product_list .row, .shoppingCart .product_list .row, .content .textArea .product_list .row {
    border-bottom: 1px solid;
}
.checkoutPage .product_list .row:last-of-type, .shoppingCart .product_list .row:last-of-type, .content .textArea .product_list .row:last-of-type {
    border: 0;
}
.checkoutPage .progressbar .circle, .shoppingCart .progressbar .circle, .content .textArea .progressbar .circle {
    float: left;
    width: 30px;
    height: 30px;
    color: #ffffff;
    background: #ffffff;
    border-radius: 25px;
    margin: 0;
    border: 1px solid #a0a0a0;
    text-align: center;
    padding-top: 2px;
}
.checkoutPage .progressbar .circle.active, .shoppingCart .progressbar .circle.active, .content .textArea .progressbar .circle.active {
    background: #008a00;
}
.checkoutPage .progressbar .circle.active + .progressText, .shoppingCart .progressbar .circle.active + .progressText,  .progressbar .circle.active + .progressText {
    color: #008a00;
}
.checkoutPage .progressbar .circle.done, .shoppingCart .progressbar .circle.done, .content .textArea .progressbar .circle.done {
    background: #a0a0a0;
}
.checkoutPage .progressbar .progressText, .shoppingCart .progressbar .progressText, .content .textArea .progressbar .progressText {
    height: 30px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 1em;
    font-weight: bold;
    color: #666666;
}
.cart-quantity-wrapper{
    display: inline-block;
    width: auto;
    max-width: 76px;
    margin-right: 15px;
}
.arrows-basket{
    float: right;
}
.order-overview hr{
    clear:both;
}
/*
.checkoutPage .progressbar .lineBox, .shoppingCart .progressbar .lineBox, .content .textArea .progressbar .progressText {
    height: 30px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 1em;
}
.checkoutPage .progressbar .lineBox .line, .shoppingCart .progressbar .lineBox .line, .content .textArea .progressbar .lineBox .line {
    border: 0.5px solid #666666;
    width: auto;
    padding-left: 1em;
}
.checkoutPage .progressbar .lineBox .line.first, .shoppingCart .progressbar .lineBox .line.first, .content .textArea .progressbar .lineBox .line.first {
    width: 4em;
}
.checkoutPage .progressbar .lineBox .line.second, .shoppingCart .progressbar .lineBox .line.second, .content .textArea .progressbar .lineBox .line.second {
    width: 3.5em;
}
.checkoutPage .progressbar .lineBox .line.third, .shoppingCart .progressbar .lineBox .line.third, .content .textArea .progressbar .lineBox .line.third {
    width: 3.5em;
}
*/

.progressbar-wrapper{
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 20px 10px;
}
.progressbar-wrapper .progressbar{
    display:flex;
}
@media (max-width:560px){
    .progressbar-wrapper{
           display: inline-block;
    }
    .progressbar-wrapper .progressbar{
        margin-bottom: 20px;
    }
}
@media (max-width:768px) {
    .shoppingCart .gray-box span {
        float: none!important;
        width: 100%;
        display: inline-block;
        text-align: right;
    }
}
@media (max-width:767px) {
    .shipping-cont, .payment-cont {
        width: 50%;
        float: left;
        margin: 0!important;
    }
}
@media (max-width:485px) {
    .shipping-cont, .payment-cont {
        width: 100%;
    }
    .second_pay .gray-box{
        min-height: auto;
    }
}
.checkoutPage .changes_add, .shoppingCart .changes_add, .content .textArea .changes_add {
    font-size: 15px;
    margin-top: 20px;
    display: inline-block;
    color: #0f2241;
    font-weight: 500;
    text-decoration: underline;
}
.checkoutPage .changes_add:hover, .checkoutPage .changes_add:focus, .shoppingCart .changes_add:hover, .shoppingCart .changes_add:focus, .content .textArea .changes_add:hover, .content .textArea .changes_add:focus {
    color: #25375f;
    text-decoration: none;
}
.checkoutPage .edit_btn, .shoppingCart .edit_btn, .content .textArea .edit_btn {
    position: absolute;
    right: 15px;
    bottom: 7px;
}
.checkoutPage .edit_btn i, .shoppingCart .edit_btn i, .content .textArea .edit_btn i {
    font-size: 17px;
    color: #666666;
}


.bold_text {
    font-weight: bold;
}

.shopingCart-section {
    padding: 30px 0;
}
.shopingCart-section .head_title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.prod_title {
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
    .prod_title {
        font-size: 15px;
        line-height: 17px;
    }
}

.product_list .green {
    color: #008a00;
    font-weight: bold;
}
.product_list .products-cost {
    margin-top: 20px;
}
/*.product_list p {
    font-size: 14px;
    line-height: 17px;
}*/

.prod_list_img img {
    margin-top: 45px;
    margin-bottom: 25px;
}
@media (max-width: 1024px) {
    .prod_list_img img {
        margin-top: 20px;
    }
    nav .navList a {
        text-align: left;
        padding: .7em 4em .7em 1em !important;
    }
	#suggestLayer .container{
		max-height: 50vh;
    	overflow: scroll;
	}
}

.shoping-qnt-block {
    margin: 0;
    padding: 0;
}
.shoping-qnt-block li {
    display: inline-block;
    padding: 15px 7px;
    background: #f6f6f6;
    margin-right: 10px;
    width: 44%;
    float: left;
    text-align: center;
}
@media (min-width: 576px) and (max-width: 767px) {
    .shoping-qnt-block li {
        padding: 15px 5px;
        margin-right: 5px;
        width: 47%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .shoping-qnt-block li {
        padding: 15px 2px;
        margin-right: 5px;
        width: 47%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .shoping-qnt-block li {
        padding: 12px 1px;
        margin-right: 3px;
        width: 48%;
    }
}
.shoping-qnt-block li select {
    border: none;
    background: #f6f6f6;
    font-size: 15px;
    color: #666666;
    width: 100%;
    box-shadow: none;
    outline: none;
}
.shoping-qnt-block li:last-child {
    margin-right: 0;
}
.shoping-qnt-block li:last-child img {
    height: 20px;
    width: 20px;
}
.shoping-qnt-block li.delete_item {
    padding: 7px 0;
}
.shoping-qnt-block li.delete_item i {
    font-size: 25px;
    padding-top: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .shoping-qnt-block li.delete_item i {
        font-size: 19px;
    }
}
.shoping-qnt-block .green {
    color: #008a00;
    font-weight: bold;
}

.shoping-details {
    padding: 20px 14px;
    background: #f6f6f6;
}
@media (max-width: 575px) {
    .shoping-details {
        padding: 20px 7px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .shoping-details {
        padding: 20px 8px;
    }
}
.shoping-details .review_title {
    font-size: 15px;
    font-weight: 700;
}
.shoping-details h4 {
    font-size: 15px;
    font-weight: 500;
    color: #666666;
}
@media (max-width: 575px) {
    .shoping-details h4 {
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .shoping-details h4 {
        font-size: 13px;
    }
}
.shoping-details h3 {
    font-size: 15px;
    font-weight: 600;
}
.shoping-details .total_product {
    border-top: 1px solid red;
    border-bottom: 1px solid;
    padding: 8px 0;
    margin-bottom: 10px;
}
.shoping-details .total_product h3 {
    margin: 0;
}
.shoping-details button {
    display: block;
    width: 100%;
    background: #e30613;
    border: none;
    outline: none;
    padding: 12px 5px;
    color: #fff;
    margin-bottom: 14px;
    margin-top: 15px;
    transition: all 0.3s ease 0s;
}
.shoping-details button:hover, .shoping-details button:focus {
    background: #0a5490;
}
.shoping-details .green {
    color: #008a00;
}
.shoping-details .red {
    color: #e30613;
}
.shoping-details .amazon-image img {
    max-width: 80%;
}

.deliver_add .shoping-details {
    padding: 20px 10px;
}
@media (max-width: 575px) {
    .deliver_add .shoping-details {
        padding: 20px 7px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .deliver_add .shoping-details {
        padding: 20px 8px;
    }
}

.product_list > .row {
    border-bottom: 1px solid;
}
.product_list > .row:last-child {
    border-bottom: 0;
}

/*delivery address css start*/
/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 30px;
}
#msform fieldset {
    background: white;
    border: 0 none;
    box-sizing: border-box;
    /*stacking fieldsets above each other*/
    position: relative !important;
}
#msform fieldset:not(:first-of-type) {
    display: none;
}
#msform input, #msform textarea {
    border-radius: 0;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}
#msform input:hover, #msform input:focus, #msform textarea:hover, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #f6f6f6;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}
#msform .form-check-inline input {
    width: auto;
    margin-bottom: 0;
}
#msform [type="radio"]:checked,
#msform [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
#msform [type="radio"]:checked + label,
#msform [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
#msform [type="radio"]:checked + label:before,
#msform [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    border-radius: 100%;
    background: #fff;
}
#msform [type="radio"]:checked + label:after,
#msform [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #008a00;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#msform [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#msform [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#msform [type="checkbox"]:checked,
#msform [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
#msform [type="checkbox"]:checked + label,
#msform [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #666;
}
#msform [type="checkbox"]:checked + label:before,
#msform [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    background: #fff;
}
#msform [type="checkbox"]:checked + label:after,
#msform [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #008a00;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#msform [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#msform [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#msform .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}
#msform .upload-btn-wrapper:hover {
    background-color: #25375f;
    box-shadow: none !important;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
}
#msform .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    bottom: 0;
    cursor: pointer;
}
#msform .upload-btn-wrapper input[type=file]:hover {
    background-color: #25375f;
    box-shadow: none !important;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
}
#msform .btn {
    border: 0;
    color: #fff;
    background-color: #0f2241;
    padding: 12px 80px;
    border-radius: 0;
    font-size: 17px;
    cursor: pointer;
}
#msform .btn:hover {
    background-color: #25375f;
    box-shadow: none !important;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button, .byNow_btn {
    display: block;
    width: 24%;
    float: right;
    background: #e30613;
    border: none;
    outline: none;
    padding: 12px 5px;
    color: #fff;
    margin-bottom: 14px;
    margin-top: 15px;
    font-size: 17px;
    border: none !important;
    transition: all 0.3s ease 0s;
}
#msform .action-button:hover, #msform .action-button:focus, .byNow_btn:hover, .byNow_btn:focus {
    background: #0a5490;
}
@media (max-width: 767px) {
    #msform .action-button, .byNow_btn {
        width: 35%;
    }
}

#msform .action-button-previous {
    display: block;
    width: 24%;
    float: left;
    background: #f6f6f6;
    border: none;
    outline: none;
    padding: 12px 5px;
    color: #25375f;
    margin-bottom: 14px;
    margin-top: 15px;
    border: none !important;
    transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
    #msform .action-button-previous {
        width: 35%;
    }
}
#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    background: #d7d7d7;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
}

/*headings*/
.fs-title {
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px;
    letter-spacing: 0;
    text-align: left;
    font-weight: bold;
    margin-bottom: 25px;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 0;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    padding-left: 0;
    position: relative;
}
#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 30%;
    float: left;
    position: relative;
    letter-spacing: 1px;
}
#progressbar li:before {
    content: "";
    width: 30px;
    height: 30px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #333;
    background: white;
    border-radius: 25px;
    margin: 0;
    border: 1px solid #a0a0a0;
}
#progressbar li.active:before {
    background: #008a00;
    color: white;
    border: none;
    content: "\f00c";
    font-family: fontawesome;
    font-size: 19px;
    text-align: center;
    padding-top: 2px;
}
#progressbar li.active span {
    color: #008a00;
}
#progressbar li > span {
    position: absolute;
    color: #a0a0a0;
    top: -5px;
    left: 30px;
    background: #fff;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}
@media (min-width: 768px) and (max-width: 991px) {
    #progressbar li > span {
        padding: 14px 8px;
        font-size: 11px;
    }
}
#progressbar:after {
    content: "";
    position: absolute;
    background: #a0a0a0;
    height: 2px;
    left: 0;
    width: 100%;
    right: 0;
    top: 16px;
    z-index: -1;
}

/* Not relevant to this form */
.dme_link {
    margin-top: 30px;
    text-align: center;
}
.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px;
}
.dme_link a:hover, .dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none;
}
/*
.gray-box {
    background: #f6f6f6;
    padding: 20px;
    height: 100%;
    position: relative;
    text-align: left;
}
.gray-box h3 {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    margin-bottom: 6px;
}
.gray-box p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}
.gray-box .radio input {
    width: auto !important;
    margin-right: 10px;
    margin-bottom: 5px;
    background: #fff;
    border-color: #fff;
}
.gray-box .radio label {
    margin-bottom: 5px;
}
*/
.changes_add {
    font-size: 15px;
    /* text-transform: capitalize; */
    margin-top: 20px;
    display: inline-block;
    color: #0f2241;
    font-weight: 500;
    text-decoration: underline;
}
.changes_add:hover, .changes_add:focus {
    color: #25375f;
    text-decoration: none;
}

.order_no {
    border: 0;
    font-style: italic;
    font-size: 15px;
    margin: 0;
    padding: 15px 15px;
    color: #666666;
    background: #fff !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .order_no {
        font-size: 12px;
        padding: 15px 5px !important;
    }
}

.payment_method_block {
    text-align: left;
}
.payment_method_block .form-group {
    display: block;
    width: 100%;
}
.payment_method_block input, .payment_method_block textarea {
    background: #f6f6f6;
    height: auto;
    border: 0;
    padding: 16px 15px;
    color: #666666;
    font-style: italic;
}
.payment_method_block hr {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    border-top: 1px solid #a0a0a0;
}
.payment_method_block a {
    color: #0f2241;
    text-decoration: underline;
    font-weight: 600;
}
.payment_method_block a:hover, .payment_method_block a:focus {
    color: #25375f;
    text-decoration: none;
}

.payment_bil_block .shoping-details {
    padding: 20px 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .payment_bil_block .shoping-details {
        padding: 20px 5px;
    }
}

.verify_title {
    font-size: 16px;
    font-weight: 700;
}

.buyNow_bock {
    background: #f6f6f6;
    font-size: 13px;
    line-height: 17px;
    padding: 20px 15px;
}

.byNow_btn {
    width: 100%;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none;
    color: #fff !important;
    margin-top: 0 !important;
}

.buyOrder_block .gray-box {
    height: auto;
}

@media only screen and (max-width: 1024px){
    main .resultHeader .mobileHeader {
    display: inline-block !important;
}
}

@media (min-width: 768px) {
    .logo {
        width: 100% !important;
    }
}
.edit_btn {
    position: absolute;
    right: 15px;
    bottom: 7px;
}
.edit_btn i {
    font-size: 19px;
}

.please_note p {
    font-style: italic;
}

.buyOrder_block .form-check input {
    width: auto !important;
}

.buyer-box {
    background-color: #f6f6f6;
}

.buyer_title {
    background-color: #a0a0a0;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
}

.buyer-img {
    padding: 0 20px;
}
.buyer-img .form-check {
    padding: 0;
}
.buyer-img label {
    font-size: 15px;
}
.buyer-img label h4 {
    color: #008a00;
    font-size: 17px;
    font-weight: bold;
}
.buyer-img label span {
    float: right;
}

.buyer-content {
    padding: 20px;
    background-color: #e6e6e6;
}
.buyer-content p {
    font-size: 15px;
}
.buyer-content ul {
    padding: 0;
    margin: 0;
}
.buyer-content ul li {
    font-size: 15px;
    list-style-type: none;
    line-height: 24px;
}
.buyer-content ul li:before {
    content: "\f105";
    border: none;
    font-family: fontawesome;
    font-size: 15px;
    text-align: center;
    padding-top: 2px;
    padding-right: 10px;
}
/*  ------------- @import url("css/product_style.css"); ----------- */
/*  --------------------------------------------------------------- */



/*  --------------------------------------------------------------- */
/*  ------------- @import url("css/search_result.css"); ----------- */
main .toggler {
    display: none; }
.results hr {
    border-color: #0F2241;
    margin: 1em 0; }
main .sidenav li a {
    color: #666666;
}
main .sidenav .ui-slider-handle.ui-corner-all.ui-state-default {
    border-radius: 100%;
    border: 1px solid #0F2241;
    background-color: #ffffff;
    top: -0.5em; }
main .sidenav .ui-slider-range.ui-corner-all.ui-widget-header {
    height: 0em;
    border: 2px solid #0F2241; }

main .sidenav #slider-range {
    border: 2px solid #e6e6e6;
    height: 0;
    margin-top: 0.5em;
    width: 94%;
    margin-left: 3%;
}

.sliderRange {
    border: 2px solid #e6e6e6;
    height: 0;
    margin-top: 0.5em;
    width: 94%;
    margin-left: 3%;
    margin-bottom: 3em;
}
.checkboxes .sliderRange {
    margin-bottom: 4em;
}
.sliderRange .rangeMinMax {
    margin-top: 1.5em;
    color: #666666;
    width: 106%;
    margin-left: -0.5em;
}
.sliderRange .rangeMinMax span.valueMax {
    float: right;
}

main .sidenav .minMaxPrice {
    margin-top: 1.5em;
    color: #666666;
}
main .sidenav .minMaxPrice .maxPrice {
    float: right;
}
main .resultHeader {
    background-color: #f6f6f6;
    padding: 1em;
    color: #0F2241;
    font-size: 0.8em;
}
main .resultHeader .mobileHeader {
    display: inline-block;
}
main .resultHeader .sort {
    float: right;
}
main .resultHeader .sort a {
    color: #0F2241;
    background: var(--gray-color);
    padding: 0 5px;
}
main .resultHeader .sort a.active {
    text-decoration: underline;
}

@media(min-width:768px){

    .sort{
        position: relative;
        min-width: 200px;
        display: inline-block;
    }

    .sort ul{
        position: absolute;
        min-width: 200px;
        padding: 0;
        list-style-type: none;
        z-index: 2;
        width: 100%;
        background: #fff;
        margin-top: -7px;
    }
    .sort li{
        display: none;
        width: 100%;
        padding: 5px;
        border-bottom: 1px solid #000;
        order:1;
    }
    .sort li a{
        background: #fff!important;
        width: 100%;
        display: inline-block;
    }
    .sort li a.active{
        font-weight: bold;
        text-decoration: none;
    }
    .sort ul:hover li{
        display: inline-block;
    }
    .sort .start{
        display: inline-block!important;
        font-weight: bold;
        border:0;
        padding-left: 8px;
    }
    .sort .start i{
        float: right;
    }
}


main .results .productRow .productImage {
    padding-left: 0;
}
main .results .productRow .productImage .productIcons {
    position: absolute;
    float: left;
    top:0;
}
main .results .productRow .productImage .productIcons img {
    width: 2em;
    margin: 0;
}
main .results .productRow .productImage img {
    max-width: 100%;
}
main .results .productRow .productPrice {
    padding-right: 0;
}
main .results .productRow .productText img {
    max-width: 100%;
    width: 5em;
}
main .paginationRow .col-12 {
    padding: 0;
}
main .paginationFTX {
    background-color: #f6f6f6;
    display: inline-flex;
    width: 100%;
}
main .paginationFTX ul {
    padding: 0;
    list-style: none;
    display: inline-flex;
    margin: 0 auto;
}
main .paginationFTX ul li {
    width: 2.5em;
    margin: 0 0.25em;
    padding: 0.5em 0;
    vertical-align: middle;
    text-align: center;
    background-color: #e6e6e6;
}
main .paginationFTX ul a {
    color: #0F2241;
}
main .paginationFTX ul a.active {
    color: #ffffff;
}
main .paginationFTX ul a.active li {
    background-color: #0F2241;
}
main .paginationFTX .backward,
main .paginationFTX .forward {
    margin: -0.1em 0.25em 0;
    font-size: 2em;
    height: 1em;
    color: #0F2241; }
main .paginationFTX .backward a,
main .paginationFTX .forward a {
    color: #0F2241;
}

/*  ------------- @import url("css/search_result.css"); ----------- */
/*  --------------------------------------------------------------- */



/*  --------------------------------------------------------------- */
/*  ------------- @import url("css/content_page.css"); ------------ */
main .content, main. checkoutPage {
    /* Hide the browser's default radio button */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */
}

main .content input[type="file"], main .checkoutPage input[type="file"] {
    display: none;
}
main .content .custom-file-upload, main .checkoutPage .custom-file-upload {
    /*display: inline-block;
    padding: 0.4em;
    background-color: #0F2241;
    width: 14em;
    cursor: pointer;
    color: #ffffff;
    text-align: center;*/
    width: 100%;
    padding: 16px;
    border: 1px solid #666666;
    border-radius: 0;
    color: #666666;
    background-color: #f6f6f6;
    font-size: 14px;
    -webkit-appearance: none;
}
main .content .custom-file-upload::before, main .checkoutPage .custom-file-upload::before {
    content: url(img/icons/upload.png) " Dateien durchsuchen";
    display: inline-block;
    width: 100%;
    padding: 0 12px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    background-color: #f6f6f6;
}

main .content .radio, main .checkoutPage .radio {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: .9em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 3px;
}
main .content .radio input, main .checkoutPage .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
main .content .checkround, main .checkoutPage .checkround {
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
}
main .content .radio input:checked ~ .checkround, main .checkoutPage .radio input:checked ~ .checkround {
    background-color: #fff;
}
main .content .checkround:after, main .checkoutPage .checkround:after {
    content: "";
    position: absolute;
    display: none;
}
main .content .radio input:checked ~ .checkround:after, main .checkoutPage .radio input:checked ~ .checkround:after {
    display: block;
}
main .content .radio .checkround:after, main .checkoutPage .radio .checkround:after {
    left: 3px;
    top: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0F2241;
}
main .content input, main .checkoutPage input {
    background-color: #f6f6f6;
    border: 0;
    border-radius: 0;
    padding: 1em;
    height: 3em;
    color: #666666;
}
main .content input::placeholder, main .checkoutPage input::placeholder {
    font-style: italic;
}
main .content ul, main .checkoutPage ul {
    color: #666666;
}
main .content ul.sidenav, main .checkoutPage ul.sidenav {
  color: #0F2241;
}
main .content #accordion .card, main .checkoutPage #accordion .card {
    border: 0;
}
main .content #accordion .card .card-header, main .checkoutPage #accordion .card .card-header {
    padding: 0.5em;
    border: 0;
    border-radius: 0;
    background-color: #e6e6e6;
    margin-bottom: 1em;
}
main .content #accordion .card .card-header i, main .checkoutPage #accordion .card .card-header i {
    color: #666666;
}
main .content #accordion .card .card-header h5.collapsed i, main .checkoutPage #accordion .card .card-header h5.collapsed i {
    visibility: hidden;
}
main .content #accordion .card .card-header h5.collapsed i::after, main .checkoutPage #accordion .card .card-header h5.collapsed i::after {
    content: '\e313';
    font-family: 'Material Icons';
    visibility: visible;
    display: inline-block;
    position: relative;
}
main .content #accordion .card .btn, main .checkoutPage #accordion .card .btn {
    color: #666666;
}
main .content .storno, main .checkoutPage .storno {
    margin-top: -1em;
    margin-bottom: 1em;
}
main .content .storno a, main .checkoutPage .storno a {
    text-decoration: underline;
}
main .content .table, main .checkoutPage .table {
    margin-top: 1em;
    color: #666666;
}
main .content .table thead, main .checkoutPage .table thead {
    background-color: #f6f6f6;
    color: #666666;
}
main .content .table th, main .checkoutPage .table th {
    font-weight: normal;
    padding: 5px 12px;
    border: 0;
}
main .content .table td, main .checkoutPage .table td {
    border-top: 1px solid #a0a0a0;
}
main .content .table td a, main .checkoutPage .table td a {
    text-decoration: underline;
}
main .content .table tr, main .checkoutPage .table tr {
    padding: 10px 0;
}
main .content .table tr:nth-child(1) td, main .checkoutPage .table tr:nth-child(1) td {
    border-top: 0;
}
main .content .imgArea, main .checkoutPage .imgArea {
    margin-top: 3.2em;
}
main .content .textArea, main .checkoutPage .textArea {
    margin-bottom: 2em;
	word-wrap: break-word;
}

main .content .textArea small, main .checkoutPage .textArea small {
    color: #666666;
}
main .content .textArea .card, main .checkoutPage .textArea .card {
    border-radius: 0;
    border: 0;
    background-color: #efefef;
}
main .content .textArea .card .card-img-top, main .checkoutPage .textArea .card .card-img-top {
    width: 8em;
    margin: 1em auto;
}
main .content .textArea .card .card-img-top.big, main .checkoutPage .textArea .card .card-img-top.big {
    width: 100%;
    margin: 0;
}
main .content .textArea .card .card-body, main .checkoutPage .textArea .card .card-body {
    padding: 1em;
}
main .content .textArea .card .card-body .card-title, main .checkoutPage .textArea .card .card-body .card-title {
    color: #0F2241;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0;
}
main .content .textArea .card .card-body .card-title-small, main .checkoutPage .textArea .card .card-body .card-title-small {
    font-size: 0.9em;
}
main .content .textArea .card .card-body .toggleList, main .checkoutPage .textArea .card .card-body .toggleList {
    background-color: #d7d7d7d7;
    width: calc(100% + 2em);
    margin-left: -1em;
    color: #666666;
    padding: 0.5em 1em;
    cursor: pointer;
}
main .content .textArea .card .card-body .btn, main .checkoutPage .textArea .card .card-body .btn {
    background-color: #0f2241;
    color: white;
    text-align: center;
    border: 0;
    width: 100%;
    margin-top: 1em;
    padding: 0.5em 0;
    border: 0;
    border-radius: 0;
}
main .content .textArea .card .card-body .arrowList, main .checkoutPage .textArea .card .card-body .arrowList {
    width: calc(100% + 2.4em);
    padding: 1em 1em 1em 1.5em;
    background-color: #d7d7d7;
    margin-left: -1.2em;
    font-size: 0.8em;
}
main .content .textArea .card .card-body .card-text, main .checkoutPage .textArea .card .card-body .card-text {
    color: #666666;
}
main .content .textArea .card .card-body .card-text hr, main .checkoutPage .textArea .card .card-body .card-text hr {
    background-color: #666666;
}

main .content .textArea h1, main .checkoutPage .textArea h1 {
  font-weight: bold;
  color: #0F2241;
  font-size: 1.5em;
  margin-bottom: 1em;
}
main .content .textArea h3, main .checkoutPage .textArea h3 {
    font-weight: bold;
    color: #666666;
    margin: 2em 0 1.5em;
    font-size: 1em;
}
main .content .textArea h2, main .checkoutPage .textArea h2 {
  font-weight: bold;
  color: #0F2241;
  margin: 1em 0 0 0;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
main .content .textArea h4, main .checkoutPage .textArea h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #0F2241;
}
main .content .textArea p,main .textArea p, main .checkoutPage .textArea p {
    color: #666666;
    word-wrap: break-word;
}
main .content .textArea ul, main .checkoutPage .textArea ul {
    word-wrap: break-word;
}
main .content .textArea .text-blue, main .checkoutPage .textArea .text-blue {
    color: #0F2241;
}
main .content .textArea .img-left, main .checkoutPage .textArea .img-left {
    float: left;
    margin: 0 1em 1em 0;
}
main .content .textArea input.button, main .content .textArea a.button, main .checkoutPage .textArea input.button, main .checkoutPage .textArea a.button,
#selection-club input.button{
    background-color: #0f2241;
    color: white;
    display: inline-block;
    text-align: center;
    border: 0;
    width: 15em;
    margin: 1em 1em 1em 0;
    padding: 0.5em 0;
}
@media only screen and (max-width: 768px){
	main .content .textArea input#btnGk,main .content .textArea input#btnPk{
		width: 100%;
	}
}

main .content .textArea a, main .checkoutPage .textArea a {
    color: #0f2241;
}
main .content .textArea .inputIcon, main .checkoutPage .textArea .inputIcon {
    margin: 1em 0;
}
main .content .textArea .inputIcon .lightInput, main .checkoutPage .textArea .inputIcon .lightInput {
    background-color: #f6f6f6;
    border: none;
}
main .content .textArea .inputIcon .lightInput::placeholder, main .checkoutPage .textArea .inputIcon .lightInput::placeholder {
    font-style: italic;
}
main .content .textArea .inputIcon .iconEdit, main .checkoutPage .textArea .inputIcon .iconEdit {
    background-color: #f6f6f6;
    color: #666666;
    height: 100%;
    zoom: 0.9;
    padding: 0.3em;
    padding-top: 0.4em;
}
main .content .textArea .inputCheck, main .checkoutPage .textArea .inputCheck {
    padding: 0;
}
.textArea .inputCheck .checkboxFTX, main .checkoutPage .textArea .inputCheck .checkboxFTX {
    /**visibility: hidden; **/
    opacity: 0;
}
.textArea .inputCheck .checkboxFTX + label::before, main .checkoutPage .textArea .inputCheck .checkboxFTX + label::before {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #666666;
    display: block;
    content: "";
    float: left;
    margin-left: -2.5em;
}
.textArea .inputCheck .checkboxFTX:checked + label::before, main .checkoutPage .textArea .inputCheck .checkboxFTX:checked + label::before {
    content: "\e876";
    font-family: "Material Icons";
    padding-left: 0.2em;
}
.textArea .inputCheck label, main .checkoutPage .textArea .inputCheck label {
    margin-left: 2.5em;
    color: #666666;
    font-size: 0.8em;
}
.textArea .form-group label, main .content .textArea .form-row label, main .checkoutPage .textArea .form-group label, main .checkoutPage .textArea .form-row label {
    margin: 1em 0;
}
.textArea .form-group label strong, main .content .textArea .form-row label strong, main .checkoutPage .textArea .form-group label strong, main .checkoutPage .textArea .form-row label strong {
    color: #0F2241;
}
.textArea .form-group select.lightInput, main .content .textArea .form-row select.lightInput, main .checkoutPage .textArea .form-group select.lightInput, main .checkoutPage .textArea .form-row select.lightInput {
    padding: 0 1.5em;
    height: 3em;
}
.textArea .form-group .lightInput, main .content .textArea .form-row .lightInput, main .checkoutPage .textArea .form-group .lightInput, main .checkoutPage .textArea .form-row .lightInput {
    background-color: #f6f6f6;
    border: none;
    border-radius: 0;
    padding: 1.5em;
}
/*
main .content .textArea input[type="file"] {
    display: none;
}
main .content .textArea .custom-file-upload {
    width: 100%;
    padding: 16px;
    border: 1px solid #666666;
    border-radius: 0;
    color: #666666;
    background-color: #f6f6f6;
    font-size: 14px;
    -webkit-appearance: none;
}
main .content .textArea .custom-file-upload::before {
    content: url(img/icons/upload.png) " Dateien durchsuchen";
    display: inline-block;
    width: 100%;
    padding: 0 12px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    background-color: #f6f6f6;
}
*/
main .content .textArea .submitButton, main .checkoutPage .textArea .submitButton {
    width: 100%;
    border-radius: 0;
    margin: 1em 0;
    padding: 0.5em;
    background-color: #0f2241;
}
main .content .textArea .submitButton:active, main .checkoutPage .textArea .submitButton:active {
    background-color: #0f2241;
    box-shadow: none;
}
main .content .textArea .submitButton:active:focus, main .checkoutPage .textArea .submitButton:active:focus {
    box-shadow: none;
}
main .content .textArea .submitButton:focus, main .checkoutPage .textArea .submitButton:focus {
    box-shadow: none;
}
main .content .textArea .submitButton.small, main .checkoutPage .textArea .submitButton.small {
    border: none;
    padding: 0.5em 3em;
    width: auto;
}
.payTransfer hr, main .checkoutPage .textArea.payTransfer hr {
    background-color: #a0a0a0;
}
.payTransfer div.flex-container, main .checkoutPage .textArea.payTransfer div.flex-container {
    display: flex;
    flex-flow: column;
}
.payTransfer div.flex-container img, main .checkoutPage .textArea.payTransfer div.flex-container img {
    width: 6em;
}
.payTransfer div.flex-row, main .checkoutPage .textArea.payTransfer div.flex-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.payTransfer div.flex-items, main .checkoutPage .textArea.payTransfer div.flex-items {
    flex: 0 0 calc(25% - 1rem);
}
.payTransfer table, main .checkoutPage .textArea.payTransfer table {
    font-weight: bold;
}
.payTransfer table td, main .checkoutPage .textArea.payTransfer table td {
    vertical-align: middle;
}
.payTransfer table td:first-of-type, main .checkoutPage .textArea.payTransfer table td:first-of-type {
    text-align: left;
    padding-left: 0;
}
.payTransfer table td:last-of-type, main .checkoutPage .textArea.payTransfer table td:last-of-type {
    width: 9em;
}
.payTransfer table td img, main .checkoutPage .textArea.payTransfer table td img {
    width: 6em;
    padding: 0 0.2em;
	margin: 0.5em 0;
}
main .content .resultHeader, main .checkoutPage .resultHeader {
    background-color: #f6f6f6;
    padding: 1em;
    color: #0F2241;
    font-size: 0.8em;
    margin-top: 1em;
}
main .content .resultHeader .sort, main .checkoutPage .resultHeader .sort {
    float: right;
}
main .content .resultHeader .sort a, main .checkoutPage .resultHeader .sort a {
    color: #0F2241;
    padding: 0 0.5em;
}
main .content .resultHeader .sort a.active, main .checkoutPage .resultHeader .sort a.active {
    text-decoration: underline;
}

main .content .results .toggler, main .checkoutPage .results .toggler {
    display: none;
}
main .content .productRow .productImage, main .checkoutPage .productRow .productImage {
    padding-left: 0;
}
main .content .productRow .productImage .productIcons, main .checkoutPage .productRow .productImage .productIcons {
    position: absolute;
    float: left;
}
main .content .productRow .productImage .productIcons img, main .checkoutPage .productRow .productImage .productIcons img {
    width: 2em;
}
main .content .productRow .productImage img, main .checkoutPage .productRow .productImage img {
    max-width: 100%;
}
main .content .productRow .productPrice, main .checkoutPage .productRow .productPrice {
    padding-right: 0;
}
main .content .productRow .productPrice .productPriceInner, main .checkoutPage .productRow .productPrice .productPriceInner {
    font-size: 0.9em;
    color: #666666;
    background-color: #f6f6f6;
    padding: 1em;
    margin-top: 2.5em;
}
main .content .productRow .productPrice .productPriceInner .green, main .checkoutPage .productRow .productPrice .productPriceInner .green , .green{
    color: #008a00;
    font-weight: bold;
}
main .content .productRow .productPrice .productPriceInner .price, main .checkoutPage .productRow .productPrice .productPriceInner .price {
    font-size: 2em;
    color: #e30613;
    font-weight: bold;
    line-height: 2;
}
main .content .productRow .productPrice .productPriceInner a.button, main .checkoutPage .productRow .productPrice .productPriceInner a.button {
    background-color: #e30613;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0;
    margin-top: 7px;
    padding: 0.8em 0;
}
main .content .productRow .productText img, main .checkoutPage .productRow .productText img {
    max-width: 100%;
    width: 5em;
}
main .content .productRow .productText .arrowList, main .checkoutPage .productRow .productText .arrowList {
  font-size: 0.9em;
}
main .content .productRow .productText .stars, main .checkoutPage .productRow .productText .stars {
    margin: 1em 0;
    font-size: 0.9em;
}
main .content .productRow .productText .stars .material-icons, main .checkoutPage .productRow .productText .stars .material-icons {
    display: inline-flex;
    vertical-align: middle;
    color: #e6e6e6;
    font-size: 1.2em;
}
main .content .productRow .productText .stars .material-icons.fill, main .checkoutPage .productRow .productText .stars .material-icons.fill {
    color: #e30613;
}
main .content .productRow .deleteButton, main .checkoutPage .productRow .deleteButton {
    background-color: #eeeeee;
    border: 0;
    float: right;
    padding: 0.5em;
    margin: 1em;
    margin-right: 0;
	-webkit-appearance: none;
}
main .content .productRow .deleteButton i, main .checkoutPage .productRow .deleteButton i {
    display: flex;
}
main .content .paginationRow .col-12, main .checkoutPage .paginationRow .col-12 {
    padding: 0;
}
main .content .paginationFTX, main .checkoutPage .paginationFTX {
    background-color: #f6f6f6;
    display: inline-flex;
    width: 100%;
}
main .content .paginationFTX ul, main .checkoutPage .paginationFTX ul {
    padding: 0;
    list-style: none;
    display: inline-flex;
    margin: 0 auto;
}
main .content .paginationFTX ul li, main .checkoutPage .paginationFTX ul li {
    width: 2.5em;
    margin: 0 0.25em;
    padding: 0.5em 0;
    vertical-align: middle;
    text-align: center;
    background-color: #e6e6e6;
}
main .content .paginationFTX ul a, main .checkoutPage .paginationFTX ul a {
    color: #0F2241;
}
main .content .paginationFTX ul a.active, main .checkoutPage .paginationFTX ul a.active {
    color: #ffffff;
}
main .content .paginationFTX ul a.active li, main .checkoutPage .paginationFTX ul a.active li {
    background-color: #0F2241;
}
main .content .paginationFTX .backward, main .content .paginationFTX .forward, main .checkoutPage .paginationFTX .backward, main .checkoutPage .paginationFTX .forward {
    margin: -0.1em 0.25em 0;
    font-size: 2em;
    height: 1em;
    color: #0F2241;
}
main .content .paginationFTX .backward a, main .content .paginationFTX .forward a, main .checkoutPage .paginationFTX .backward a, main .checkoutPage .paginationFTX .forward a {
    color: #0F2241;
}

/*  ------------- @import url("css/content_page.css"); ------------ */
/*  --------------------------------------------------------------- */



/*  --------------------------------------------------------------- */
/*  -------------- @import url("css/my_account.css"); ------------- */
.orderBoxCol.col-12 {
    padding: 0;
}
.orderBoxCol.col-12 .orderBox {
    min-height: auto;
    margin-bottom: 4px;
    font-style: italic;
}
.orderBoxCol.col-12 .orderBox.endCost {
    font-style: normal;
}
.orderBoxCol.col-12 .orderBox strong {
    font-style: normal;
}
.orderBoxCol .orderBox {
    padding: 1em;
    color: #666666;
    background-color: #f6f6f6;
    min-height: 155px;
    margin-bottom: 20px;
}
.orderBoxCol .orderBox hr {
    background-color: #666666;
}
.orderBoxCol .orderBox hr:first-of-type {
    margin-bottom: 0.5em;
    margin-top: 0;
}
.orderBoxCol .orderBox hr:last-of-type {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.orderBoxCol:nth-child(3), .orderBoxCol:nth-child(6) {
    padding-right: 0;
}
.orderBoxCol:first-child, .orderBoxCol:nth-child(4) {
    padding-left: 0;
}

.checkoutPayment .textBox {
	display: inline-flex;
	width: 65%;
}
.checkoutPayment .imgBox {
	position: inherit;
	float: right;
	width: 25%;
}

.checkoutPayment label.radio:last-child div.imgBox{
	position: absolute;
    top: 0;
    right: 0;
	width: 40%;
}

.checkoutPayment .imgBox img {
	max-width: 100%;
}


/*  -------------- @import url("css/my_account.css"); ------------- */
/*  --------------------------------------------------------------- */





/*  --------------------------------------------------------------- */
/*  --------------- @import url("css/main.css"); ---------------- */
/*------------------------------ALLGEMEINES------------------------------*/
*{
    letter-spacing: 0.01em;
}

a{
    color:#0F2241;
}

/** Style Tiles Überschriften **/

h2{
	font-weight: bold;
    color: #0F2241;
    font-size: 1.2em;
}

h3{
   font-size:16px !important;
}

/** Style Tiles Überschriften **/

select.inputFieldLight{
    width: 230px !important;
    border: 0;
    font-style: italic;
    font-size: 15px;
    margin: 0;
    padding: 15px 15px;
    color: #666666;
    background: #fff !important;
}
input.inputFieldLight{
    width: 230px !important;
    border: 0;
    font-style: italic;
    font-size: 15px;
    margin: 0;
    padding: 15px 15px;
    color: #666666;
    background: #fff !important;
}
.inputFieldDark{
	background-color: #f6f6f6;
    border: 0;
    border-radius: 0;
    padding: 1em;
    height: 3em;
    color: #666666;
}
.buttonFTX {
	background-color: #0f2241;
	border: 1px solid #ffff;
	padding: 0.75em;
	color: #ffffff;
}

div.b2b_button input{
        background-color: #0f2241;
    color: white;
    display: inline-block;
    text-align: center;
    border: 0;
    width: 15em;
    margin: 1em 1em 1em 0;
    padding: 0.5em 0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left: 10px;
    padding-right: 10px;
}

.container-fluid{
    max-width: 1180px;
    padding-right: 10px;
    padding-left: 10px;
}
.row{
    margin-right: 0px;
    margin-left: 0px;
}

h1 {
    font-weight: bold;
    color: #0F2241;
    font-size: 1.5em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.mainCategoryBox, .mainSmallBox {
    padding: 1em;
	padding-left: 0;
}

.rr-widget .rr_container{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.rr-widget .widgettitle{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mainCategoryBox, .mainSmallBox label strong{
    color:#666666;
}

.mainSmallBox.account_create {
    padding: 1em;
    background-color:#f6f6f6;
}

.mainSmallBox.account_create label strong{
    color:#666666;
}


.mainCategoryBox h1, .mainSmallBox h1 {
    color: #0f2241;
    margin: 0;
	font-size: 1rem;
}

@media only screen and (max-width: 768px){
	.mainCategoryBox h1, .mainSmallBox h1 {
		font-size: 1rem;
	}
}

.mainCategoryBox h2, .mainSmallBox h2 {
    font-size: 1.2em;
    color: #0f2241;
    font-weight: bold;
    text-transform: uppercase;
}
.mainCategoryBox label, .mainSmallBox label {
    color: white;
}
@media only screen and (max-width: 485px) {
    .mainCategoryBox + div .carousel {
        display: none;
    }
}
.manufacturer{
    padding: 1em;
    background-color: #0F2241;
    font-weight: bold;
    color: white;
    height: 100%;
    font-size: 1.2em;
}
.manufacturer span{
    font-size: 1.3em;
}
.manufacturerLogo img {
    /* width: 25em; */
    width: 100%;
    height: auto;
    max-width: 100%;
}
.manufacturerLogo{
    text-align: center;
    border: 1px solid #666666;
}

.bg-grey{
    background-color: #a0a0a0 !important;
}
.bg-red{
    background-color: #e30613 !important;
    border-color: #e30613;
}
.bg-blue{
    background-color: #0f2241 !important;
}
.bg-blue.cart_footer_button:hover{
	background-color: #0a5490 !important;
}
.bg-red.cart_footer_button:hover{
	background-color: #ae110d !important;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.mobile{
    display: none;
}



/*------BREADCRUMB------*/
.breadcrumbFTX{
    font-size: 0.8em;
    vertical-align: middle;
    /*display: inline-flex;*/
    /*margin: 0 0 1em;*/
    padding-left: 0;
    min-height: 23px;
}
.container-fluid.breadcrumbFTX {
    margin-bottom: 0;
    padding-left: 10px;
    margin-top:20px;
}
.breadcrumbFTX .active{
    font-weight: bold;
    color: #0f2241
}
.breadcrumbFTX a{
    color: #666666;
}
.breadcrumbFTX i{
    font-size: 1em;
	vertical-align: text-top;
    line-height: 1.4rem;
}
@media(max-width:560px){
    .container-fluid.breadcrumbFTX {
        margin-top:0;
    }
}
/*---------------------*/

/*------SIDENAV------*/
.sidenav{
    padding: 0;
    color: #0F2241;
    display: flex;
    flex-direction: column;
}
.sidenav li{
    border-top: 1px solid #a0a0a0;
    padding: 0.5em 0;
    list-style: none;
}
.sidenav li:first-child{
    border-top: 0;
    padding-top: 0;
}
.sidenav li a{
    color: #a0a0a0;
}
.sidenav li.active{
    font-weight: bold;
}
.sidenav li.sidenavHeader{
    font-weight: bold;
   /* order: -4; */
}

.sidenav li.sidenavHeader[data-level="3"]{
    /* order: -2; */
}
.sidenav li.sidenavHeader[data-level="2"]{
    /* order: -2; */
}
.sidenav li.sidenavHeader[data-level="1"]{
    /* order: -3; */
}
.sidenav li[data-level="1"],.sidenav li[data-level="2"]{
   /* order: -1; */

}
/*---------------------*/

/*------BOXTEXT------*/
.boxText {
    /**width: 365px;**/
    /* height: 280px; */
	height: 245px;
    line-height: 1;
    background-color: #0f2241;
    color: #ffffff;
    font-weight: bold;
    font-size: 2.4em;
    padding: 0.5em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.boxText .boxCaption {
    font-size: 0.5em;
}
.boxText.little {
    padding: 1em;
    width: 100%;
    /**width: auto;**/
    background-position: top;
    height: 230px;
    font-size: 1.3em;
    line-height: 1.2;
}
.boxText.little .boxCaption {
    font-size: 0.8em;
}
.boxText.light {
    background-color: #e6e6e6;
    color: #666666;
}
/*---------------------*/

/*------ARROWLIST------*/
.arrowList {
    padding-left: 5px;
    color: #666666;
}
.arrowList li {
    list-style-type: none;
    position: relative;
    padding-left: 15px;
}
.arrowList li:before {
    font-family: "Material Icons";
    content: "\e315";
    position: absolute;
    left: -10px;
}
/*---------------------*/

/*--------FILTER-------*/
.filterBigBox{
    color: #666666;
}

.filterBigBox .filterBox .filterHeader{
    border-bottom: 1px dotted #666666;
    width: 100%;
}
.filterBigBox .filterBox ul li label{
    margin-bottom: 0;
    padding-left: 1em;
}
.filterBigBox .filterBox ul li .counter{
    float: right;
}
.filterBigBox .filterBox ul{
    list-style: none;
    padding: 0.5em;
    font-size: 0.9em;
}
.filterBigBox .filterBox input[type="checkbox"]{
    display: none;
}
.filterBigBox .filterBox .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #f6f6f6;
    border-color: #008a00;
    border-style: solid;
    border-width: 1px;
}
.filterBigBox .filterBox .checkmark.grey {
    border-color: #666666;
    background-color: #ffffff;
}
.filterBigBox .filterBox input:checked ~ .checkmark{
    background-color: #ffffff;
}
.filterBigBox .filterBox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.filterBigBox .filterBox input:checked ~ .checkmark:after {
    display: block;
}
.filterBigBox .filterBox .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid;
    border-color: #0F2241;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.filterBigBox .filterBox .checkmark:after.grey, .checkmark:after.grey {
    border-color: #666666;
    background-color: #ffffff;
}
.filterBigBox .filterBox .check {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #666666;
}
.filterBigBox .filterBox .moreOptions .material-icons,
.filterBigBox .filterBox .smallOptions .material-icons{
    font-size: 20px;
    display: inline-flex;
    vertical-align: bottom;
}
.filterBigBox .filterBox .moreOptions,
.filterBigBox .filterBox .smallOptions{
    text-align: center;
}
.filterBigBox .filterBox .moreOptions a,
.filterBigBox .filterBox .smallOptions a{
    color: #666666;
}
.filterBigBox .btnMoreFilters .material-icons{
    font-size: 20px;
    display: inline-flex;
    vertical-align: bottom;
}
.filterBigBox .btnMoreFilters{
    text-align: center;
    width: 100%;
    margin-bottom: 0.5em;
}
.filterBigBox .btnMoreFilters span{
    color: #666666;
    cursor: pointer;
}
.filterBigBox .moreFilters{
    display: none;
}

.filterBigBox .filterBox .checkboxes {
    max-height: 115px;
    overflow: hidden;
}

.filterBigBox .filterBox.open .checkboxes {
    max-height: 100%;
}
.filterBigBox .filterBox li.moreOptions,
.filterBigBox .filterBox li.smallOptions {
    cursor: pointer;
}
.filterBigBox .filterBox.open .moreOptions {
    display: none;
}
.filterBigBox .filterBox .smallOptions {
    display: none;
}
.filterBigBox .filterBox.open .smallOptions {
    display: block;
}

.filterBigBox .resetbutton{
	background: #F6F6F6;
    border: 0;
    padding: 0.5em;
}

/*---------------------*/


/*  --------------- @import url("css/main.css"); ---------------- */
/*  --------------------------------------------------------------- */


/*------DCI------*/
div.DCIs, div.ITSg, #ITSg {
    font-weight:bold;
    clear:both;
    padding-top:8px;
    border-bottom:1px solid #eee;
}

div.DCId, div.DCIr0, div.DCIr1, div.ITSs, div.ITSr0, div.ITSr1, #ITSr0, #ITSr1 {
    clear:both;
}

div.DCIh, div.ITSn, #ITSn {
    float:left;
    width:230px;
}

div.DCIb, div.ITSv, #ITSv {
    float:left;
    width: calc(100% - 230px);
}

/*------SIDENAV------*/
main .sidenav {
    padding: 0;
    color: #0F2241;
}
main .sidenav li {
    border-top: 1px solid #d7d7d7;
    padding: 0.5em 0;
    list-style: none;
}
main .sidenav li:first-child {
    border-top: 0;
    padding-top: 0;
}
main .sidenav li a {
    color: #0F2241;
    display: flex;
}
main .sidenav li.active {
    font-weight: bold;
}
main .sidenav li.sidenavHeader {
    font-weight: bold;
	text-transform: uppercase;
}
/*---------------------*/
main .sidenav li.sidenavHeader[data-level]:before {
    content: "\e5cc";
    font-family: "Material Icons";
    padding: 0 5px;
	display: inline;
    vertical-align: bottom;
float: left;
}
main .sidenav li.sidenavHeader[data-level="1"]{
    padding-left: 0.5em;
}
main .sidenav li[data-level="1"] {
	padding-left: 1.8em;
}
main .sidenav li.sidenavHeader[data-level="2"]{
    padding-left: 1em;
}
main .sidenav li[data-level="2"] {
	padding-left: 2.0em;
}
main .sidenav li.sidenavHeader[data-level="3"]{
    padding-left: 1.5em;
}
main .sidenav li[data-level="3"] {
	padding-left: 2.7em;
}
main .sidenav li.sidenavHeader[data-level="4"]{
    padding-left: 2em;
}
main .sidenav li[data-level="4"] {
    padding-left: 3.2em;
}

.sidenav .sidenavBox{
	height: 10em;
    width: 100%;
    font-weight: bold;
    padding: 1em;
    text-transform: uppercase;
    background-color: #0F2241;
    margin: 1em 0;
    color: #ffffff;
    font-size: 1.3em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sidenav .sidenavBox .boxCaption{
	font-size: 0.8em;
}

/*---------------------*/


#layerlib_overlay {
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:9997;
    width:100%;
    background-image:url(images/lightbox_overlay.png);
}

#layerlib_popup {
    display:none;
    background-color:#ffffff;
    border:solid 3px #96c2e9;
    position:absolute;
    top:50px;
    z-index:9998;
    padding:10px;
}

a#layerlib_popup_close {
    position:absolute;
    right:-15px;
    top:-15px;
    color:#000000;
}

#layerlib_iframe {
    border:0;
}

/* https://mdbootstrap.com/docs/jquery/javascript/carousel/ */
.carousel-multi-item .carousel-inner .carousel-item.active,
.carousel-multi-item .carousel-item-next,
.carousel-multi-item .carousel-item-prev {
    display: block
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-next, .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev, .carousel-multi-item .carousel-inner.v-2 .carousel-item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-next, .carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%)
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active, .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev {
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%)
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-left, .carousel-multi-item .carousel-inner.v-2 .carousel-item-right {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}


.carousel-multi-item .controls-top {
    text-align: center;
    /* margin-bottom: 1.88rem */
}


.carousel-multi-item .card-cascade.narrower {
    margin-top: 1.25rem;
    margin-bottom: .3rem
}

div.row.col-12.carousel {
    display: block;
}

div.col-12.carouselTop,
div.col-12.carouselMarken {
    padding-left: 0;
}

#carouselMobileIndicators2 .carousel-control-prev,
#carouselMobileIndicators2 .carousel-control-next {
    width: auto;
    bottom: 20px;
    top: unset;
    padding-left: 15px;
    padding-right: 15px;
}

.carouselMarken .carousel-indicators {
    margin-bottom: -1.5em;
}
.carouselMarken .carousel-indicators li {
    background-color: #666666;
}
.carouselTop .carousel-indicators li.active,
.carouselMarken .carousel-indicators li.active {
    background-color: #ffffff;
    border: 1px solid #e30613;
    margin-top: 0.5em;
}

.header_image img {
    width: 100%;
}

.carousel-multi-item.v-2 .row {
    margin-top: 0;
}
.carousel-multi-item.v-2 .productImage {
    height: 13em;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.carousel-multi-item.v-2 .productText {
    text-align: center;
    padding: 0.5em 1em;
    max-height: 3.2em;
    height: 65px;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space1:nowrap;
    white-space:normal;
}
.carousel-multi-item.v-2 .productPrice {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #e30613;
}
.carousel-multi-item.v-2 .productCart {
    text-align: center;
    width: 70%;
    background-color: #e30613;
    color: #ffffff;
    padding: 0.5em;
    margin: 0.5em auto;
}
.carousel-multi-item.v-2 .carousel-control-next,
.carousel-multi-item.v-2 .carousel-control-prev {
    height: 2em;
    margin: auto 0;
    width: 2em;
    color: #a0a0a0;
    background-color: #d7d7d7;
}
.carousel-multi-item.v-2 .carousel-control-next .carousel-control-prev-icon,
.carousel-multi-item.v-2 .carousel-control-prev .carousel-control-prev-icon {
    background-image: url(img/icons/baseline-keyboard_arrow_left-24px.svg);
    background-size: 2em;
}
.carousel-multi-item.v-2 .carousel-control-next .carousel-control-next-icon,
.carousel-multi-item.v-2 .carousel-control-prev .carousel-control-next-icon {
    background-image: url(img/icons/baseline-keyboard_arrow_right-24px.svg);
    background-size: 2em;
}

/*Landingpage*/

.row.two-img,.box-text-img-teaser.row.mt-5,.landingpage .row{
    width:100%;
}

.landingpage  img, .row.service img {
	max-width: 100%;
	height: auto !important;
}
.landingpage table{
    display: inline-block;
    max-width: 100%;
    width: 100%;
}
@media(max-device-width: 575px){
    .landingpage .row.two-img .col-12{
        text-align: center!important;
        padding: 0;
    }
    .landingpage .box-text-img-teaser .button-line .text-button{
        flex-basis: 100%;
    }
}

@media(max-device-width: 485px){
    .landingpage .textArea .linkButtonBlue{
        width: 100%!important;
    }
}

.center-block {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.vcenter-block {
    display: inline-block;
    vertical-align: super;
    float: none;
}
.newsFlyout {
  position: fixed;
  right: -12.9em;
  bottom: 25em;
  padding: .5em;
  background-color: #e30613;
  color: #fff;
  text-transform: uppercase;
  font-size: .75em;
  -webkit-transition: .5s;
  transition: .5s;
	cursor: pointer;
    z-index:1001;
}

.newsFlyout p {
  display: inline-block;
  vertical-align: middle;
	margin: 0.5em 0;
	cursor: pointer;
}

.newsFlyout a, .newsFlyout a:hover {
 	color: #FFFFFF;
	text-decoration: none;
}

.newsFlyout img {
  display: inline-block;
  vertical-align: middle;
  padding-right: .5em;
}

.newsFlyout:hover {
  right: 0;
}
@media (max-width: 1024px) {
	nav .navList {
		display: none; }
	nav .navList a {
		/*border-bottom: 1px solid #0f2241;*/
		color: #0f2241;
		width: 100%;
		background-color: #ffffff;
		font-weight: bold;
		margin: 0;
		border-top: solid white 1px;
	}
	nav .navList a:hover{
		background-color: #0f2241;
		color: white;
	}

    nav {
        z-index: 0;
        background: #ffffff; }
    nav.navbar .container-fluid .row .col-12{
        padding: 0 .3rem;
    }
    /* sm-collapsible */
    .navbar-nav .nav-item .nav-link.level1,
    .navbar-nav .nav-item .nav-link.level1:hover {
        color: #0f2241!important;
        background-color: #e0e0e0!important;
        font-weight: normal;
        border-top: solid #0f2241 1px;
        text-transform: capitalize;
    }
    /* sm-collapsible */
    .navbar-nav .nav-item .nav-link.level2,
    .navbar-nav .nav-item .nav-link.level2:hover,
    .navbar-nav .nav-item .nav-link.level3 {
        color: #0f2241!important;
        background-color: #FFFFFF!important;
        font-weight: normal;
        border-top: solid #0f2241 1px;
        text-transform: capitalize;
    }
    /* sm-collapsible */
    .navbar-nav .nav-item .nav-link.level1.highlighted,
    .navbar-nav .nav-item .nav-link.level2.highlighted,
    .navbar-nav .nav-item .nav-link.level3.highlighted {
         font-weight: bold;
    }
    /* sm-collapsible */
    .navbar-nav .nav-link .sub-arrow{
        font-size: .9em;
        width: 3.2em;
        margin: 0;
        height: 100%;
        top: 0;
        right: 0;
        padding: 1.05em;
    }
    /* sm-collapsible */
    .navbar-nav .nav-link .sub-arrow::before{
        content: 'keyboard_arrow_right';
        font-weight: bold;
    }
    /* border between button and dropdown */
    .navbar-nav .nav-link .sub-arrow{
        border-left: 1px solid white !important;
        border-radius: 0;
        height: 100%;
        z-index: 1;
    }
    .navbar-nav .nav-link.level1.has-submenu .sub-arrow{
        border-left: 1px solid #0f2241 !important;
        border-radius: 0;
        height: 100%;
        z-index: 1;
    }
    .navbar-nav .nav-link.level2.has-submenu .sub-arrow{
        border-left: 1px solid #0f2241 !important;
        border-radius: 0;
        height: 100%;
        z-index: 1;
    }
    .navbar-nav .nav-link.level3.has-submenu .sub-arrow{
        border-left: 1px solid #0f2241 !important;
        border-radius: 0;
        height: 100%;
        z-index: 1;
    }
    /* sm-collapsible */
    .navbar-nav .show>a>.sub-arrow::before,
    .navbar-nav .nav-link[aria-expanded="true"] .sub-arrow::before {
        content: 'keyboard_arrow_down';
    }
    nav .nav-link{
        border-top: 1px solid #0f2241; }
    /*nav .navList a:last-of-type {
        background-color: #ffffff; }*/
    nav .navList a li {
        float: left; }
    nav .navList a .arrowMobile {
        display: block;
    }

	nav .nav-item .nav-link{
		background-color: #0f2241;
    	color: #ffffff;
	}
    nav .nav-item:last-child .nav-link{
        background-color: #e30613;
    }
	nav .dropdown-menu{
		border: 0;
        margin: 0!important;
        padding: 0;
	}
	nav .navbar-nav.sm-collapsible .sub-arrow{
		border: none;
	}
	nav .dropdown-menu .nav-item .nav-link{
		background-color: #ffffff;
    	color: #0f2241;
	}
	nav .dropdown-menu .dropdown .dropdown-menu .nav-item .nav-link{
		background-color: #0f2241;
    	color: #ffffff;
	}
	nav .dropdown-menu .dropdown .dropdown-menu .dropdown .dropdown-menu .nav-item .nav-link{
		background-color: #ffffff;
    	color: #0f2241;
	}

}
@media only screen and (max-width: 768px) {

    /*  --------------- @import url("css/header.css"); ---------------- */
	h1,main .productDetailHeader .productTitle h1{
		font-size: 1.1em ;
	}
    header {
        top: 0;
        padding-top: 0; }
    header .headerbar {
        background-color: #ffffff; }
    header .headerbar .float-left {
        display: none; }
    header .headerbar .mobileHeader {
        display: block; }
    header .headerbar .float-right .cart {
		width: 200%;
	    right: 0.5em;
	}
    header .headerbar .float-right .cart .cart_information {
        padding: 0 15px; }
    header .headerbar .float-right .cart .col-2 {
        padding-left: 0;
        margin-left: -10px; }
    header .brandbar {
        display: block !important; }
    header .brandbar.brandBarHide{
        display: none !important;
    }
    header .brandbar .logo {
        display: none; }

    /*  --------------- @import url("css/front_page.css"); ------------ */
    main {
        margin-top: 0; }
    main .boxText {
        height: auto;
        width: auto;
        line-height: 1em;
        font-size:2.3em;}
    main .boxText.little {
        width: 100% !important;
    }
    main .carousel .carousel-inner .carousel-item .sliderIMG {
         height: 100vw;
		max-height: 30vw;
		background-size: contain;
	}
    main .carousel .carousel-indicators {
        display: flex;
        position: relative;
        height: 10px;
        margin-top: 8px;
    }
    main .carousel-indicators li {
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border:0;
    }
    main .carousel-indicators li.active{
             background: #869791;
         }

     main .carouselMobile {
        display: block; }
    main .carouselMobile .carousel {
        display: block; }
    main .boxText .boxCaptionText{
        font-size: .9em;
    }
    main .groupList a {
        width: 50%;
        margin: 0; }
	main .groupList.home a {
        width: 50%;
        margin: 0; }
    /*  ----------------- @import url("css/footer.css"); -------------- */
    footer .footerbar {
        padding: 0; }
    footer .footerbar .links {
        margin: 0; }
    footer .footerbar .links li {
        padding: 0.5em 0;
        line-height: 1em;}
    footer .footerbar .socialIcons {
        margin-bottom: 1em; }
    footer .footerbar .socialIcons img {
        width: 3.4em;
        margin: 0.5em; }
    footer .footerbox {
        margin-bottom: 1em;
        max-height:21em;}
    footer .footerbox img {
        margin: 0.2em 0.8em; }
    footer .footerbox:first-child img {
        margin: 0.5em 0.8em; }
    footer.optionalFooter .optionalFooterBox .buttonLeft {
        padding-right: 0; }
    footer.optionalFooter .optionalFooterBox .buttonRight {
        padding-left: 0; }
    /*  ------------- @import url("css/product_detail.css"); ---------- */
    .productDetail .doubleIcons {
        margin: 0;
        margin-top: 1em;
        text-align: center;
    }

    .productDetail .groupList {
        background-color: #ffffff;
        border: 0;
    }
    .productDetail .groupList.nav-tabs li {
        /*border-top: 1px solid #0F2241;*/
        margin-bottom: 0;
        width: 50%;
        font-weight: bold;
        border: 1px solid #fff;
    }
    .productDetail .groupList li a {
        /*background-color: #ffffff;*/
        color: #0F2241 !important;
        width: 100%;
        margin-right: 0;
        padding: 0.5em 0;
        border: 0;
        border-radius: 0;
        text-align: center;
    }
    .productDetail .groupList li a.active {
        background-color: #eeeeee;
        font-weight: bold;
    }
    .productDetail .groupList li a:hover {
        background-color: #eeeeee;
    }
    .productDetail .groupList li:last-of-type a {
        margin-right: 0;
    }
    .productDetail #myTabContent {
        margin-bottom: 2em;
    }
    .productDetail #ratings .button {
        width: 100%;
    }
    .productDetail #ratings .lightInput {
        height: 3.5em;
    }
    .productDetail #ratings .lightInput#rezension {
        font-size: 0.9em;
    }


    /*  ------------- @import url("css/product_style.css"); ----------- */
    .checkoutPage .gray-box, .shoppingCart .gray-box {
        border-top: 1em solid white;
    }
    .checkoutPage .order-overview span{
        width: 100%;
        display: inline-block;
        text-align: right;
        float: none!important;
    }
    .checkoutPage .pay .col-md-4, .shoppingCart .pay .col-md-4 {
        padding: 0;
    }
    .checkoutPage .product_list .price, .shoppingCart .product_list .price {
        font-size: 1.2em;
    }
    .checkoutPage #progressbar li, .shoppingCart #progressbar li {
        float: none;
        width: 100%;
        margin-bottom: 0.5em;
    }
    .checkoutPage #progressbar li span::after, .shoppingCart #progressbar li span::after {
        content: none;
    }

    /*  ------------- @import url("css/search_result.css"); ----------- */
    main .toggler {
        display: inline-flex;
        /* float: right; */
    }
    main .toggler .toggleSort,
    main .toggler .toggleFilter {
        padding: 0.5em;
        background-color: #e6e6e6;
        width:100%;
    }
    main .toggler .toggleSort i, main .toggler .toggleFilter i {
        display: inline-flex;
        vertical-align: top;
    }
    main .mobilFilter{
        width:100%;
        margin: 0 0 10px 0;
    }
    main .mobilFilter .mobile{
        display: inline-block;
        width: 100%;
        position: relative;
        font-size: 16px;
    }
    main .mobilFilter .mobile i{
        position: absolute;
        right: 0;
    }
    main .paging-box{
        display: table-footer-group;
    }
	main .sidenav {
		display: none;
	}
	main .sidenav.myAccount {
		display: block;
	}
    main .sidenav.firstLevel {
        position: fixed;
		z-index: 10;
		background-color: #ffffff;
		width: 80%;
		left: 0;
		top: 2.5em;
		padding: 0.5em;
		border: 3px solid #0F2241;
		border-left: 0;
		overflow-y: scroll;
		height: 100%;
		display: none;
    }
    main .results .col-12 {
        padding: 0;
    }
    main .resultHeader {
        padding:0;
        margin: 10px 0 0 0;
        display: table;
        width:100%;
    }

    main .resultHeader .mobileHeader {
        display: inline-block;
    }

    main .resultHeader .sort {
        float: none;
        display: none;
        background: #fff;
        margin: -10px 0 15px 0;
    }
    main .resultHeader .sort ul {
        padding:0;
        list-style-type: none;
    }
    main .resultHeader .sort li {
        padding: 5px;
        margin-bottom:10px;
        background: var(--gray-color);
    }
    main .resultHeader .sort li a {
        width: 100%;
        display: inline-block;
    }


    /*  ------------- @import url("css/content_page.css"); ------------ */
    main .content .textArea a.button.notFound {
        width: 100%;
        margin-right: 0;
    }
    main .content table td {
        white-space: nowrap;
    }
    main.content .textArea .card-deck .mobileCard {
        max-width: 100% !important;
    }
    main .content .textArea .img-left {
        float: none;
        width: 100%;
    }
    main .content .textArea .toggler {
        display: inline-flex;
    }
    main .content .textArea .toggler .toggleSort, main .content .textArea .toggler .toggleFilter {
        margin: 1em 0;
        padding: 0.2em 2em;
        background-color: #e6e6e6;
    }
    main .content .textArea .toggler .toggleSort i, main .content .textArea .toggler .toggleFilter i {
        display: inline-flex;
        vertical-align: top;
    }
    main .content .textArea .resultHeader {
        display: none;
        padding: 0px;
        background-color: #ffffff;
        font-size: 1em;
        font-weight: bold;
    }
    main .content .textArea .resultHeader .sort {
        float: none;
        display: grid;
        padding-top: 1em;
    }
    main .content .textArea .resultHeader .sort a {
        padding: 0;
        border-bottom: 1px solid #0F2241;
        padding: 0.5em 0;
    }

    /*  -------------- @import url("css/my_account.css"); ------------- */
    .orderBoxCol {
        padding: 0 !important;
    }
    .orderBoxCol .orderBox {
        min-height: auto;
    }

    /*  --------------- @import url("css/main.css"); ---------------- */
    .mobile{
        display: inline-block;
    }
    .noMobile{
        display: none !important;
    }
    .skyscraper{
        display: none;
    }

    /* --- FILTER ---*/

    .filterBigBox{
        display:none;
    }
    .filterBox{
        flex: 100%;
        width:100%;
        max-width:100%;
        padding:0;
    }
    .filterBigBox .filterBox .checkboxes {
        display: none;
    }
    .filterBigBox .filterBox .filterHeader {
        background:#F6F6F6;
        border:0;
        padding: 8px 9px;
        position: relative;
        margin-bottom:5px;
    }
    .filterBigBox .resetbutton{
        margin: 15px 0 0 -40px;
    }
    .filterBigBox .filterBox .filterHeader i {
        position: absolute;
        right:5px;
    }

    .manufacturerBox .col-md-8{
        padding: 0;
    }
    .manufacturerBox .col-md-4{
        padding: 0;
    }
    .paging-box{
        text-align: center;
        display: inline-block;
        padding-bottom: 10px;
    }
    .paging-box .inner-wrapper{
        padding: 7px;
        display: block;
    }
    .toggleSort{
        border-bottom: 10px solid #fff;
    }

}
@media (max-width: 520px) {
    main .carousel .carousel-inner .carousel-item .sliderIMG {
        width: 753px;
        max-height: 180px;
        background-position: left;
    }
}

@media (min-width: 769px) {
    .filterBigBox .filterBox .filterHeader i {
        display:none;
    }
}


@media (min-width: 768px) {


    .carousel-multi-item .col-md-4 {
        float: left;
        width: 33.333333%;
        max-width: 100%
    }
    .carousel-multi-item .col-md-3 {
        float: left;
        width: 25.00%;
        max-width: 100%;
    }
    .carousel-multi-item .col-md-2 {
        float: left;
        width: 20.00%;
        max-width: 100%;
    }
    .carousel-multi-item .carousel-indicators {
        margin-bottom: -1.6em;
        display: none;
    }

    .carousel-multi-item .carousel-indicators li,
    .carousel-multi-item .carousel-indicators .active
    {
        background-color: rgb(227, 6, 19);
        background-color: #4285f4;
        background-color: #0f2241;
    }

    .col-12.carouselTop .carousel-control-prev,
    .col-12.carouselMarken .carousel-control-prev {
        left: 10px;
    }

          nav .navList li {
        width: 100%;
        flex-grow: unset;
    }

    .checkoutPage .delete_item, .shoppingCart .delete_item, .content .textArea .delete_item{
    /**    height:3.4em; **/
    }


    div.col-12.carouselTop,
    div.col-12.carouselMarken {
        padding-right: 0;
    }

footer .footerbar .contacts{
margin-top: 1em;
}

}


@media (min-width: 1024px) {
   

    .navbar-nav.sm-collapsible .sub-arrow {
        display: none;
    }

    nav .navList li {
        flex-grow: 1;
        width: auto;
    }
    ul .dropdown-menu{
        display: none !important;
    }
}

@media (max-width: 470px){
    .productDetail .groupList.nav-tabs li {
        width: 100%;
    }
    .productDetail .groupList li a {
        padding: 0.5em;
        padding: 11px 13px 5px 13px;
    }
}

@media (min-width:320px) and (max-width:560px){

    div.newsFlyout{
        display: none;
    }

     nav .navList{
     margin-top: 1.25em;
 }
}
@media (min-width:768px) and (max-width: 1199px){
    div .sliderIMG{
        background-size: cover !important;
        background-position: left !important;
        height: 320px !important;
    }
}

@media (min-width:768px) and (max-width: 1024px){
    .navbar-nav .nav-item .nav-link.level1, .navbar-nav .nav-item .nav-link.level1:hover {
	color: #0f2241 !important;
	background-color: #e0e0e0 !important;
	font-weight: normal;
	border-top: solid #0f2241 1px;
	text-transform: capitalize;
}

header .headerbar .mobileHeader {
    display: block;
}

    header .brandbar {
        display: block;
    }

header .headerbar {
background-color: white;
}
    header .headerbar .float-left {
    display: none;
}
    div.logo{
        display: none;
    }

    i#toggleSearch{
    display: none;
}

 div .MobileRow .float-right{
     position: absolute;
     right: 0;
     top:0;
     padding-right: .5em;
 }
 div .searchRow{
     margin-top: 1em !important;
 }
.nav-link {
    display: block;
}

nav .navList{
    display: none;
}

div#FutureX-slider .BoxText{
font-size: 1.3em ;
padding: 0 1em;
}

div#FutureX-slider .BoxText_little{
font-size: 1em;
}

}

@media (min-width:300px) and ( max-width: 736px){

    header .searchInput{
    height: 3.5em;
}

    header .headerbar .float-right {
        position: absolute;
        right: 0;
        padding-right: .5em;
        padding-top: 1em;
    }

    header .headerbar .mobileHeader {
        width: auto;
    }

header .headerbar .mobileHeader .burger {
    margin-top:1.1em;
}
    .dropdown{
    width: 100%;
}
    main .carouselMobile .carousel .carousel-inner .box{
        padding-left: 0;
        padding-right: 0;
    }
.row.cart_product .col-3{
    display: none;
}
    header .icon {
    padding: 0.4em;
    color: white;
    font-size: 1.4em !important;
}

 div.MobileRow{
     width: 500px;
 }
 header .headerbar .mobileHeader .mobileLogo {
     margin-left: .5em;
     margin-top: 1em;
 }
 div .MobileRow .float-right{
     margin-top: 1em;
     position: absolute;
     right: 0;
     padding-right: .5em;
 }
 div .searchRow{
     padding-right: 0;
 }
 header .searchInput {
	height: 2.6em;
}

 i#search_icon {
	font-size: 1em !important;
    padding-top: .8em;
    min-width: 40px;
    text-align: center;
    -webkit-appearance: none;
     margin-right: .5em;
}
}

@media (min-width:768px) and (max-width:991px){

    .box:nth-child(2) {
     padding-right: 0 !important;
    }
}
@media(max-width: 470px){
    .mobile-logo-cont{
        margin-right: 15px;
        margin-left: 2px;
    }
}
/** IE11 Media Query **/

 @media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop,p.newsBar_content{
         width: 200%;
     }

     }


/** Kompetentzseiten **/

#outWrapper h1,h3{
    color:#0F2241;
    font-weight: 700;
}
#outWrapper h5{
    color:#666666;
    font-weight: 700;
}

#outWrapper h6{
    color:#0F2241;
    font-weight: 700;
    padding: 1em 0;

}
#outWrapper .col-4 h5{
    color:white;
}

#outWrapper img{
    max-width: 100%;
    display:block;
}

#outWrapper ul li{
    color:#666666;
    list-style-type: none;
}
.kompetenzbereich i.material-icons{
    font-size: 12px;
}

.kompetenzbereich span:first-child{
    display: inline-block;
    width: 5%;
    float: left;
    margin: 4px 0;
}
.kompetenzbereich span:last-child{
    display: inline-block;
    width: 95%;
}

.kompetenzbereich  li{
    margin: 0 0 5px 0
}

#outWrapper a{
    color:#0F2241;
}
#outWrapper a:hover{
    color:#0F2241;
    text-decoration: none;
}
#outWrapper input.formfields{
    background-color: #f6f6f6;
    border: 0;
    border-radius: 0;
    padding: 1em;
    height: 3em;
    color: #666666;
    width:100%;
}
#outWrapper span.checkround{
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
}
#outWrapper input[type='radio']{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#outWrapper span.checkround:after {
    left: 3px;
    top: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0F2241;
}

#outWrapper .box{
    display: inline-block;
}

#outWrapper .dsgvo{
    margin:0;
}

#outWrapper .medium_show_more,#outWrapper .small_show_more,#outWrapper .large_show_more{
    height: 100%;
    width: 100%;
    text-align: right;
    top: 0;
    left: 0;
    padding: 20px 10px;
    cursor: pointer;
}

#outWrapper label.radio{
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 3px;
}

#outWrapper div.sidebar ul li{
    font-weight: 800;
    color:#0F2241;
}

#outWrapper div.sidebar h6{
    padding: unset;
}

#outWrapper span.small_show_more, #outWrapper .medium_show_more, #outWrapper .large_show_more{
    position: absolute;
    right: .5em;
}

#outWrapper div.services{
    color:#666666;
}

#outWrapper div#smartDetail ul li span{
    font-size: 12px;
}
#outWrapper div#smartDetail{
    font-size: 12px;
    display: none;
}

#outWrapper div#smartDetail ul{
    padding: 0;
}

#outWrapper div#mediumDetail ul li span{
    font-size: 12px;
}
#outWrapper div#mediumDetail{
    font-size: 12px;
    display: none;
}

#outWrapper div#mediumDetail ul{
    padding: 0;
}

#outWrapper div#largeDetail ul li span{
    font-size: 12px;
}
#outWrapper div#largeDetail{
    font-size: 12px;
    display: none;
}

#outWrapper div#largeDetail ul{
    padding: 0;
}

#outWrapper div.open{
    display:block !important;
}

#outWrapper div.kachel{
    color:#666666;
    min-width:280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#outWrapper .kachel-2{
    min-width:280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#outWrapper div.container_medium{
    background-color:#FBFBFB;
}

#outWrapper div.container_small{
    background-color:#FBFBFB;
}

#outWrapper div.kachel h6{
    margin-bottom: 0;
    padding:0;
}

#outWrapper hr{
    border-top:2px solid #666666;
}
#outWrapper .top-banner{
    margin: 0 0 40px 0;
}
#outWrapper .sidebar-img-top{
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    color: white;
    background-position: center;
    max-width: 266px;
    float:right;
    margin: 0 0 20px 0;
}
#outWrapper .sidebar,#partnerportal .sidebar {
    padding-right: 9px;
}
#outWrapper .checkboxFTX:checked + label::before {
    content: "\e876";
    font-family: "Material Icons";
    padding-left: .2em;
}
#outWrapper input[type="checkbox"] {
    opacity: 0;
}


#outWrapper input[type='submit']{
    width: 15em;
    background-color:#0f2241;
    color:white;
    padding:.5em;
    border:0;
}

#outWrapper .radio {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 3px;
}

#outWrapper .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#outWrapper .checkround {
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
}
#outWrapper .radio input:checked ~ .checkround {
    background-color: #fff;
}

#outWrapper .radio input:checked ~ .checkround::after {
    display: block;
}
#outWrapper .radio .checkround::after {
    left: 3px;
    top: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0F2241;
}

#outWrapper .checkround::after {
    content: "";
    position: absolute;
    display: none;
}
#outWrapper .teaser{
    min-width:200px;
    margin-bottom: 20px;
}

#outWrapper .form-check-label ,#outWrapper .form-check-label  p{
    width:100%;
}

.inner-kachel{
    max-width: 266px;
}

/*BOX-ANSPRECHPARTNER*/

#ansprechpartnerBox .ansprechtpartner{
    background: #E6E6E6;
}

#ansprechpartnerBox .ansprechtpartner .inner {
    background: #E6E6E6;
    padding: 33px 20px 0 36px;
    height: 100%;
    border-left: 8px solid #fff;
}

#ansprechpartnerBox .ansprechtpartner{
    padding-right: 17px;
}
#ansprechpartnerBox .box{
    width:100%;
}

#ansprechpartnerBox h6{
    color: #0F2241;
    font-weight: 700;
    padding: 0 0 10px 0;
}

/*BOX-TEASER*/

.box-teaser .teaser-wrapper {
    overflow: hidden;
    height: 100%;
}

.box-teaser .teaser-text {
    background: #0F2241;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    max-width: 266px;
    width: 100%;
    height: 100%;
}

.box-teaser .teaser-text h6,.box-teaser .teaser-text p {
    font-size: 14px;
    margin: 0;
}
.teaser-text a{
    color:#fff;
}
.lp-button{
    background-color: #0f2241;
    color: white;
    padding: 0.5em;
    border: 0;
    min-width: 200px;
    margin: 1rem 0;
    display: inline-block;
}
.lp-button:hover{
    background-color: #0a5490;
    color: white;
    border: 0;
}
.landingpage .display-inline-block{
    display: inline-block;
}
.landingpage .box-text-img-teaser img{
    margin: 0 0 20px 0;
}
.landingpage .box-text-img-teaser .button-line{
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
}
.landingpage .box-text-img-teaser .button-line a{
    margin-top:0;
    flex-basis: 47%;
    min-width: auto;
}
.box-teaser .teaser-wrapper:hover .teaser-text{
    background-color:#0a5490;
}
.box-teaser .teaser-wrapper:hover .teaser-text a{
    color:#fff;
}


@media only screen and (min-width: 769px){
    .middle-margin{
        margin:0 auto;
    }

    .pull-right{
        float:right;
    }

    .pull-left{
        float:left;
    }
}

@media only screen and (max-width: 768px){
    #outWrapper .sidebar,#outWrapper .content-area{
        width:100%;
        flex:100%;
        max-width:100%;
    }
    #outWrapper .kachel-mitte{
        padding:0;
    }
    #outWrapper .kachel,#outWrapper .kachel-2 {
        margin-bottom: 90px;
    }
}

@media only screen and (max-width: 485px){
    #outWrapper .sidebar-img-top {
        max-width: 100%;
    }
    .box-img{
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .box-img img{
        width: 100%;
    }
    .ansprechtpartner{
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
    #ansprechpartnerBox .ansprechtpartner .inner {
        border-left: 0
    }
}


/*Partnerportal*/

.img-responsive{
    max-width: 100%;
    display: block;
}

#partnerportal{
    box-sizing: border-box;
    margin: 29px 0 0 0;
}

.sidebar .teaser-box{
    max-width:266px;
    width:100%;
    display:inline-block;
    background:#C4C4C4;
    height:229px;
    overflow: hidden;
    padding: 16px 20px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 1.5rem;
    color: #0F2241;
    font-weight: 700;
    margin:0 0 25px 0;
    float: right;
}

.sidebar .teaser-box p{
    margin:0;
}

.sidebar .teaser-box .text-grey{
    color:#9098A5;
}

.sidebar .teaser-box .txt-big{
    font-size: 20px;
}
.sidebar .teaser-box .txt-small,.sidebar .link-box h6{
    font-size: 14px;
}
.sidebar .link-box {
    color: #0F2241;
    width:100%;
    display: inline-block;
    float: right;
    font-size: 14px;
    padding: 0 10px;
}

.sidebar .link-box ul{
padding: 0;
list-style-type: none;
}


.sidebar .material-icons {
font-size: 12px;
}

.text-link{
    color: #0F2241;
    text-decoration: underline;
}

.h6-mod{
    display: inline-block;
    width: 100%;
    font-weight: 700;
    margin:0 0 20px 0;
    margin-top: 16px;
}

@media only screen and (max-width: 768px){
    .sidebar .teaser-box {
        float: left;
        margin: 0 10px 20px 0;
    }
    .box-teaser .teaser-wrapper {
        margin: 0 0 20px 0;
    }
    #partnerportal .pp-content,#partnerportal .sidebar{
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
}
@media only screen and (max-width: 485px){
    .sidebar .teaser-box {
        float: none;
        margin: 0 0 20px 0;
        width:100%;
        max-width:100%;
        background-repeat: no-repeat!important;
        background-size: cover!important;
    }
    #partnerportal .ansprechtpartner{
        padding:0;
    }
    .box-teaser .teaser-wrapper img,.box-teaser .teaser-wrapper .teaser-text{
        width: 100%;
        max-width: 100%;
    }
    .seeAll{
        margin:0 auto
    }
    .box-teaser .teaser-wrapper {
        padding:0;
    }
    .box-teaser.box-link{
        padding:0;
        margin:0 0 15px 0;
    }
}
.show-box{display:block!important}

.listtype{
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.listtype button{
    background: transparent;
    border:0;
    outline: 0;
}
.listtype button svg{
    fill:#d7d7d7;
}
.listtype .list-active svg{
    fill: rgba(33, 37, 41, 0.5);
}

.list-two{
    width:33.333%;
    float:left;
}
.list-two .fxclub{
    margin-bottom: 100px;
}
.list-two .energy-small{
	float:left
}
.list-two .pds-enrgy a{
	width: initial!important;
}
.list-two+hr{
    display:none;
}
.list-two .productImage,.list-two .productText,.list-two .productPrice{
    flex: 100%;
    max-width: 100%;
}

.list-two .productPrice .productPriceInner{
    min-height: 120px;
    text-align: center;
    background: none;
    padding-top:0;
}

.list-two .productText{
    min-height: 75px;
    max-height: 75px;
    overflow: hidden;
    margin-bottom: 0;
    font-weight:100 ;
    text-align: center;
}
.list-two .productText .arrowList{
    display: none;
}

.list-two .productText .stars {
    margin: 0.5em 0;
}

.list-two .productImage img{
    max-height: 225px;
}
.list-two .productImage{
    min-height: 225px;
    text-align: center;
}
.list-two+.paginationRow{
    display: inline-block;
    width: 100%;
}

.list-two .productPriceInner .green,.list-two .productPriceInner br,.list-two .productPriceInner .noMobile,
.list-two .productPriceInner .mwst,.list-two .productPriceInner .deliveryTimeText{
    display: none;
}

.list-two .productPriceInner .price{
    font-size: 1.2em;
}

.list-two .productImage .productIcons img{
    margin-left: 25px;
    margin-top: 25px;
}

@media(max-width: 900px){
    .list-two {
        width: 50%;
    }
}
@media(max-width: 485px){
    .list-two {
        width: 100%;
    }
}
.paginationRow{
    clear:both;
}

/*LiveChat*/
#si-wrapper .silc-btn,#siWidget-chat {
    left: 9px;
}

main .productCart:hover,.productPrice .productPriceInner a.button:hover{
    background-color: #ae110d!important;
}

/*Anpassung Newsletter*/

.newsletter-success-box .messageStackSuccess{
    margin: 40px 0
}
/*footer*/
.mod_link,.mod_link:hover{
    text-decoration: none;
    outline: 0;
    border: 0;
}
.sprite{
    background:url(img/ftx_sprite.png) no-repeat;
}
.img-cont{
    display: inline-block;
    width:62px;
    height:50px;
    margin: 0.5em;
}
.certificate .img-cont{
    height: 64px;
}
.socialIcons .img-cont{
    width: 30px;
    height: 30px;
    margin: 0.2em;
}
.payment .head,.shipping .head,.certificate .head{
    display: inline-block;
    width: 100%;
}
/*Pflichtartikel*/

fieldset.notwendig{
    border: 1px solid #e30613;
    padding: 0 9px 9px 9px;
    font-size: 0.8rem;
}

fieldset.notwendig legend{
    background: #e30613;
    color: #fff;
    font-size: 0.8rem;
    max-width: 120px;
    padding: 2px 7px;
}
.info:before{
    content: 'i';
    background: #e30613;
    color: #fff;
    width: 15px;
    border-radius: 51px;
    height: 15px;
    display: inline-block;
    text-align: center;
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    line-height: 1em;
}
.socialIcons .img-cont-pos-1{background-position: 0 -175px;}/*facebook*/
.socialIcons .img-cont-pos-2{background-position: -32px -175px;}/*twitter*/
.socialIcons .img-cont-pos-3{background-position: -63px -175px;}/*xing*/
.socialIcons .img-cont-pos-4{background-position: -95px -175px;}/*linkedin*/
.socialIcons .img-cont-pos-5{background-position: -127px -175px;}/*instagram*/

.payment .img-cont-pos-1{background-position: 0 0;}/*amazon pay*/
.payment .img-cont-pos-2{background-position: -69px 0;}/*paypal*/
.payment .img-cont-pos-3{background-position: -137px 0;}/*mastercard*/
.payment .img-cont-pos-4{background-position: -204px 0;}/*visa*/
.payment .img-cont-pos-5{background-position: -271px -2px;}/*klarna*/
.payment .img-cont-pos-6{background-position: -340px -3px;}/*rechnung*/

.shipping .img-cont-pos-1{background-position: 0 -51px;}/*dpd*/
.shipping .img-cont-pos-2{background-position: -66px -51px;}/*hermes*/
.shipping .img-cont-pos-3{background-position: -131px -51px;}/*tnt*/
.shipping .img-cont-pos-4{background-position: -206px -51px;}/*ups*/
.shipping .img-cont-pos-5{background-position: -269px -51px;}/*fedex*/
.shipping .img-cont-pos-6{background-position: -331px -51px;}/*gls*/
.shipping .img-cont-pos-7{background-position: -402px -51px;}/*transoflex*/
.shipping .img-cont-pos-8{background-position: -470px -51px;}/*dhl*/

.certificate .img-cont-pos-1{background-position: 0 -106px;}/*idealo*/
.certificate .img-cont-pos-2{background-position: -65px -106px;}/*trusted shops*/
.certificate .img-cont-pos-3{background-position: -129px -106px;}/*hardwareschotte*/
.certificate .img-cont-pos-4{background-position: -193px -106px;}/*zertifiziert*/
.certificate .img-cont-pos-5{background-position: -259px -106px;}/*schutzklick*/
.certificate .img-cont-pos-6{background-position: -325px -106px;}/*avpq*/
.certificate .img-cont-pos-7{background-position: -390px -106px;}/*ssl*/

/*Helper*/

.brandGray{
    background:#f6f6f6;
}
.brandPrimary{
    background: #0f2241;
}

.btn-blueHover:hover{
    background: #0a5490;
    color:#fff;
}

.textColorWhite{
    color:#ffffff;
}

.w-70{
    width:70%;
}
.w-55{
    width:55%;
}
.w-45{
    width:45%;
}

/*Markennwelt*/
.landingpage .sidenavHeader+ul{
    padding:0
}
.nextEl{
    cursor: pointer;
}
.nextEl+ul{
    display:none;
}
.active-link a{
    font-weight: bold;
}
.active-link a:before{
    content: "\e5cc";
    font-family: "Material Icons";
    display: inline;
    vertical-align: bottom;
    float: left;
}
[data-pos="1"]{order:1}
[data-pos="2"]{order:2}
[data-pos="3"]{order:3}
[data-pos="4"]{order:4}
[data-pos="5"]{order:5}
[data-pos="6"]{order:6}
[data-pos="7"]{order:7}
[data-pos="8"]{order:10;}

nav .navList .nav-item[data-pos="8"] a{
    background-color: #e30613;
    color:#fff;
}
nav .navList .nav-item[data-pos="8"] a:hover{
    background-color: #ae110d
}
[data-pos="10"] {
    order:8;
}
[data-pos="9"] {
    order:9;
}
nav .navList .nav-item[data-pos="9"] a,nav .navList .nav-item[data-pos="10"] a{
    background-color: #0a5490;
    color: #fff;
}
nav .navList .nav-item[data-pos="9"] a:hover,nav .navList .nav-item[data-pos="8"] a.active,nav .navList .nav-item[data-pos="10"] a:hover,nav .navList .nav-item[data-pos="9"] a.active {
    background-color: #f0f0f0;
    color: #0f2241;
}

@media only screen and (max-width: 768px) {
    main .landingpage .sidenav.firstLevel {
        position: relative;
        display: inline-block;
        border:0;
        width:100%;
        top:0;
    }
}
@media only screen and (max-width: 767px) {
    main .landingpage .sidenav.scroll-area{
        max-height: 206px;
        overflow-y: scroll;
        padding-bottom: 50px;
        position: relative;
    }
    main .landingpage .sidenav.scroll-area:after{
        content:'';
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        display: inline-block;
        position: sticky;
        border: 0;
        width: 98%;
        height: 59px;
        bottom: -50px;
        z-index: 2;
    }
}


/*wishlist*/

.wish .wishlist-line{
    display: inherit;
    min-width: 200px;

}
.wish .wishlist-line input{
    color: #0F2241;
    background: none;
    padding: 0;
    margin: 0;
    height: auto;
}
.wish .wishlist-line i{
    margin-right: 10px;
}

@media only screen and (min-width: 576px) {
    .icon-text{
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .wish .wishlist-line{
        width: 100%;

    }
    .wish .wishlist-line a,.wish .wishlist-line form{
        text-align: center;
        width: 25%;
        display: inline-block;
    }

    .icon-text{
        display: inline-block;
        width: 100%;
        font-size: 0.8em;
    }
    #wishlisMenu{
        position: fixed;
        z-index: 99999001;/*höher als der Chat Button*/
        bottom: 0;
        width: 100%;
        background: #e6e6e6;
        left: 0;
        padding: 14px 10px;
    }
}

/*Responsive Youtube auf der PDS*/
#productInformation .informationBox iframe[allowfullscreen]{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 250px;
}

/*Responsive Tabelle auf der PDS*/

#HTML_SPEC .ITSg table tbody tr td{
    white-space: normal!important;
    overflow: inherit!important;
}
#HTML_SPEC .ITSg table{width:100%!important}

@media (max-width:485px)  {
    #HTML_SPEC .ITSn,#HTML_SPEC .ITSv{
        width: 100%;
        display: inline-block;
    }
    #HTML_SPEC .ITSn{
        font-weight: bold;
    }
    #HTML_SPEC .ITSg{
        font-size: 1.1em;
        border-bottom: 1px solid #ccc;
        margin: 15px 0;
    }
    #HTML_SPEC  .ITSr1,#HTML_SPEC  .ITSr0{
        display: inline-block;
        width: 100%;
    }
}

/*Info Banner*/
.info-banner{
    background-color: #e30613;
    display: inline-block;
    width:100%;
    color:#fff;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 20px;
}
.info-box{
    border:1px solid #e30613;
    display: inline-block;
    width:100%;
    color:#e30613;;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 20px;
}

/*Kategorie*/
.categories_description a{
    text-decoration: underline;
    color:#0f2241;
}
.categories_description{
    color:#666666;;
}
/*ProductDetail*/

.tab-headline h2{
    padding:5px;
    background-color: #eeeeee;
    margin-bottom: 10px;
}

.iconShareBook a{
    display: table
}
.iconShareBook span,.iconShareBook i{
    display: table-cell;
    vertical-align: middle;
    font-size: 0.8em;
}

.iconShareBook i{
    font-size: 1.3em;
}
@media (max-width:768px)  {
    .manufacurer-logo{
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        margin-bottom: 10px;
    }
    main .productDetailHeader .manufacurer-logo img{
        max-width: 100px;
    }
    div#btn_up_top {
        bottom: 0;
        right: auto;
        left: 0;
    }
}
@media (min-width:600px ) and (max-width:768px)  {
    main .productImage,main .productText{
            width: 50%;
            flex: 50%;
            max-width: 50%;
        }
        main .productInfoTable{
            flex: 48%;
            order: 3;
            width: 100%;
            max-width: 100%;
            margin-top:43px;
        }
        main .productPrice{
            flex: 48%;
            order: 1;
            width: 100%;
            max-width: 100%;
        }
        main .productText{order: 2;}
        main .productImage{order: 0;}
}
@media (max-width:600px)  {
    main .productInfoTable{
        margin-top:20px;
    }

    .cloudzoom-zoom,.cloudzoom-blank{
        display: none!important;
    }
    .productText+.productPrice .productPriceInner{
        padding-bottom:0;
    }
}
@media (max-width:575px)  {
    .productDetail .groupList li a i {
        width: 25px;
    }
    .productDetail .groupList.nav-tabs li {
        width: 25%;
    }
    .productDetail .tab-cont{
        overflow:hidden;
    }
}
@media (max-width:485px)  {
    #social-intents-tab-chat{
        display: none!important;
    }
    #HTML_SPEC .ITSn,#HTML_SPEC .ITSv{
        width: 100%;
        display: inline-block;
    }
    #HTML_SPEC .ITSn{
        font-weight: bold;
    }
    #HTML_SPEC .ITSg{
        font-size: 1.1em;
        border-bottom: 1px solid #ccc;
        margin: 15px 0;
    }
    #HTML_SPEC  .ITSr1,#HTML_SPEC  .ITSr0{
        display: inline-block;
        width: 100%;
    }
}


/*eneregy label*/

.curs-point{
    cursor: pointer;
}

.energy-small{
    position: absolute;
    top: 0;
    left: 0;
    max-width: 50px;
}
.energy-small-table img{
    max-width: 36px;

}
.pds-enrgy{
    display: inline-block;
    width: 100%;
    position: relative;
}
.pds-enrgy .energy-small{
    position: initial;
    max-width: 50px;
}
.energy-small .energy-range{
    display: none;
}
.pds-enrgy .energy-small .energy-range {
    position: absolute;
    top: 25%;
    right: 0;
    width: 77%;
    display: inline-block;
    transform: translate(0, -25%);
}
.basket-pop .material-icons+.energy-small{
    top: 10px;
    left: 53px;
}
.productImage  .energy-small {
    display: inline-block;
    margin-left: 5px;
    max-width: 50px;
    left: 0;
}
.pds.productImage  .energy-small{
    display: inline-block;
    height: 50px;
    max-width: 100%;
    position: inherit;
}
.pds.productImage  .energy-small img{
    height: 50px;
    display: inline-block;
}
.productImage .productIcons{
    display: inline-block;
}
.productIcons+.energy-small{
    left:34px;
}
.productIcons:empty+.energy-small{
    left:0;
}
#extension  .energy-small{
    left:0;
    max-width: 38px;
}
.list-box .productImage .energy-small{
    max-width: 31px;
}
.ernergy-info{
    position: fixed;
    z-index: 99;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -3%);
}
.ernergy-info img{
    max-width: 300px;
}
.ernergy-info:after {
    content: 'X';
    color: #0f2241;
    font-weight: bold;
    position: ABSOLUTE;
    TOP: -26px;
    font-size: 1.2rem;
    right: -33px;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px;
    cursor: pointer;
}
.backdoor{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

@media(max-width:768px){
    #extension .productRow .productImage .productIcons+.energy-small {
        left: 48px!important;
    }
    #extension .productRow .productImage .productIcons:empty+a .energy-small {
        left: 0!important;
    }
}

main .productCart {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

main .productCart:hover, main .productCart:focus, main .productCart:active {
    background-color: #2098D1;
    color: white;
}

/*Apple Banner Startseite*/
.apple-banner{
    background:#000;
    min-height: 50px;
    width: 100%;
    color:#fff;
    align-items: center;
    justify-content: center;
    display: flex;
    padding:0 10px;
}
.a-banner-link{
    color: #fff;
    border:1px solid #fff;
    padding:5px;
}
.apple-banner p{
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    margin-right: 80px;
}
.apple-banner img{
    max-height: 50px;
}
.apple-banner span{
    margin-right: 40px;
    font-size: 0.8rem;
    min-height: 25px;
    padding: 1px 10px 0 10px;
    text-align: center;
    white-space: nowrap;
}
@media(max-width:1108px){
    .apple-banner{
        padding:10px;
    }
}
@media(max-width:768px){
    .apple-banner{
        display: inline-block;
        padding:15px;
    }
    .apple-banner span{
        margin: 20px auto;
    }
    .apple-banner p{
       margin:0;
    }
}

/*CTO-finder*/
.cto-headline .messageStackWarning{
    background: #000;
    color:#fff;
	text-align:center;
	font-weight:bold;
}
.cto-headline .messageStackWarning .material-icons{
    display: none;
}

/*Banner Startseite*/
.item.col-12.item-0 .box .BoxText,.item.col-12.item-0 .box .BoxText_little{
    color:#000!important;
}


/*Safari Fix*/
#search_icon{-webkit-appearance: none;}

/*PDS-Slider*/
.icon-3d,.icon-ar{
    display: flex;
    height: 46px;
    width: 46px;
    border: 1px solid #0f2241;
    color: #0f2241;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin-right: 14px;
    margin-bottom: 5px;
    position: relative;
    justify-content: center;
    align-items: center;
    float: left;
    transition: 0.3s;
}
.icon-3d:hover,.icon-ar:hover{
    background: #0f2241;
    color:#fff;
}
.icon-3d:hover span a,.icon-ar:hover span,.icon-ar:hover a{
    color:#fff;
}

.icon-ar a,.icon-3d a {
    padding: 10px;
}

#productImageSlider .carousel-item img{
    max-width: 46px;
    height: auto;
    margin-left:0;
    margin-right: 14px;
    margin-bottom: 5px;
}

div[class*="wrapper-scanblue-"]:last-of-type{display:none!important}


@media(max-width:768px) {
    .bildcarouseldesktop {
        order: 2;
        flex: 48%;
        width: 100%;
        max-width: 50%;
    }
    #productImageSlider{width:100%;}

    .productPrice {order: 1;}
    main .productText {
        order: 3;
        margin-top: 30px;
    }
    .productImage {order: 0;}
}

@media(max-width:599px) {
    .bildcarouseldesktop{
        width: 100%;
        max-width: 100%;
        flex:100%;
        order:0;
    }
    main .productText {
        order: 1;
        margin-top: 0;
    }
    main .productInfoTable{
        order:3;
    }
}
@media(min-width:769px) {
    .results .payTransfer table tr {
        width: 100%;
    }

    .results .payTransfer table td {
        width: 50%;
    }
    .results .payTransfer table th {
        width: 62%;
    }
}
#appleconfigbanner a{
    height:98%;
    background:#f2f2f2;
}
@media(max-width:991px) {
    #appleconfigbanner a{
        background:#f2f2f2;
    }
}
main .productText{
	 word-wrap: break-word;
}

/*selection-club*/

#sc-header{
    background: #091426;
}
#sc-header>div:first-of-type{
    display: table;
}
#sc-header img,#sc-teasertext img,#sc-action-teaser img{
    height:auto;
}
#selection-club h1{
    color: #fff;
    padding: 4%;
    padding-bottom: 0;
    margin: 0;
    /*display: table-cell;
    vertical-align: middle;*/
}

#selection-club .fx-plus-h1 p {
    color: #fff;
    padding: 4%;
    padding-top: 0;
    margin: 0;
}

#sc-teasertext ul{
    padding-left:20px;
    margin-top:20px;
}
#sc-action-teaser .btn-blueHover,#sc-reg-log .btn-blueHover{
    font-size: 1.5em;
    margin-bottom: 20px;
}
#sc-action-teaser img{
    margin:0 auto;
}
.sc-action-teaser-cont{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.sc-headline{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    margin: 20px 0;
}

.fx-plus-h1{
    font-size: 25px;
}


#selection-club-filter{
    background:#e6e6e6;
}
.pointer-event-none{
    pointer-events: none;
    cursor: not-allowed!important;
}
.pointer-event-none:hover{
    cursor: not-allowed!important;
}

.sc-box img{
    max-width: 200px;
    margin: 0 auto;
}
.sc-box  a.sc-club-button:hover{
    color:#fff;
}
.sc-club-points p{
   font-size: 1.2em;
    font-weight: bold;
}
.sc-club-points img{
    width: 30px;
    height: auto;
    display: inline-block;
    margin-right: 10px;
}
.sc-box-text{
    max-height: 50px;
    height: 50px;
    overflow: hidden;
}
.sc-box-img{
    min-height: 240px;
}
.no-submit,.no-submit2{
    pointer-events: none;
    opacity: 0.5;
    background:#ccc;
    cursor: not-allowed;
}

.fx-btn-white{
    background:#fff;
    border: 1px solid #0f2241!important;
    color:#0f2241!important;
    font-size: 1rem;
}
.fx-btn-blue small,.fx-btn-white small{
    font-size: 1rem;
    margin-bottom: 10px;
    display: inline-block;
}

.fx-btn-white:hover small,.fx-btn-blue:hover,.fx-btn-blue small{
    color:#fff!important;
}

#table-dx-plus,#table-dx-plus tbody,#table-dx-plus tr{
    width: 100%;
}

#table-dx-plus tr:nth-child(odd) {background: #e6e6e6}

#table-dx-plus th{
    background:#0f2241;
    color: #fff;
    text-align: center;
    width: 16.6666667%;
    font-weight: normal;
    line-height: 1em;
    padding: 10px 0;
}
#table-dx-plus td{
    width: 16.6666667%;
    text-align:center;
    padding: 5px 0;
}
.selection_club span{
    color:#666666
}
.list-two .fxclub{
    text-align: center!important;
}
.list-two .fxclub strong{
    display: inline-block;
}
.fxclub strong{
    vertical-align: super;
}
.list-two .fxclub{
    position: absolute;
    top: 29px;
    right: 16px;
}
#produkte .list-two .fxclub,#praemienList .list-two .fxclub{
    position: absolute;
    top: 70px;
    right: 16px;
}
.ftx-plus-checkbox input.form-check-input.checkboxFTX-plus {
    width: 25%;
    border: 2px solid #A0A0A0;
    display: inline-block;
    content: "";
    float: left;
    -webkit-appearance: auto;
    margin-left: 0;
}

#praemienList .price{
	display:none;
}
#praemienList .list-two .productPriceInner {
    height: 140px!important;
}
#praemienList .list-two .fxclub{
    margin-bottom:0;
}

#produkte .list-two .productPriceInner{
    height: 240px!important;
}

@media only screen and (min-width: 300px) {
    #selection-club-partner img {
        margin-right: 2.9%;
    }

    #selection-club-partner img:nth-child(6n) {
        margin-right: initial;
    }
}


@media(max-width:768px){
    #selection-club h1{
        font-size: 3.5vw;
    }
    #sc-header img{
        height:100%;
        width:100%;
    }
    #selection-club h2{
        font-size: 1.5em;
    }
    #sc-action-teaser h3{
        font-size: 1em!important;
    }
}


@media only screen and (min-width: 1178px) {
    #selection-club-partner img {
        margin-right: 3.9%;
    }

    #selection-club-partner img:nth-child(6n) {
        margin-right: 0
    }
}

/*Safari Fix*/
#search_icon{-webkit-appearance: none;}




/*Hersteller Startseite*/

#hersteller{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
#hersteller .hersteller-logo{
    min-width: 162px;
    text-align: center;
}
@media(max-width:400px) {
    #hersteller .hersteller-logo{
        min-width: 100px;
        margin: 0 44px;
    }
    #hersteller {
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: scroll;
    }
}

/*Altes Cat Layout*/
@media(max-width:1080px) {
    .old-categorie, .old-categorie table, .old-categorie tbody, .old-categorie tr, .old-categorie td {
        display: inline-block;
        width: 100%;
    }
}
/*Trusted Shop Badge Mobil*/
@media(max-width:650px) {
    #trustbadge-topbar-container-98e3dadd90eb493088abdc5597a70810{
        max-width: 88%;
        margin: 0 auto!important;
    }
}
/*Mietagebot*/
.leasingPrice-display:before{
    content: attr(data-month);
}
.leasingPrice-display+input{
    max-width: 75px;
    outline: none!important;
    background: transparent!important;
    display: inline-block!important;
    padding: 0!important;
    text-align: right!important;
    width: 36px;
}

main .results  .carousel .carousel-inner .carousel-item .sliderIMG {
    height: 277px;
}