@charset "UTF-8";
/* CSS Document */

:root {
    --state-information-in-stock: #3ecf75;
    --state-information-in-stock-fdos-pending: #00a14f;
    --state-information-in-stock-overdue: #993399;
    --state-information-coming-soon: #30acda;
}
body {
    background: none repeat-y scroll center top transparent;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;/*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}
.text-capitalize {
    text-transform: capitalize;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.ie {
    display: none;
}
.shadow2 {
    display: block;
    text-align: center;
    width: 100%;
}
.warper.home {
    margin-top: 0;
}
.none {
    display: none !important;
}

.backorderAmountSmall {
    font-size: 14px ! important;
}

.backorderAmountMiddle {
    font-size: 13px ! important;
}

.backorderAmountBig {
    font-size: 11px ! important;
}

.right {
    text-align: right;
}
.left {
    text-align: left;
}
p {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: left;
}
b, strong {
    font-weight: bold;
    /* FF and IE11 use 'bolder' (font weight +100) which results in 400 for tags inside <p> etc.
    since 400 does not make a big difference for many fonts 'reset' to bold. Chrome uses 'bold' by default which is 700 */
}
.scroll-header {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    display: none;
    height: 80px;
    left: 0;
    padding-bottom: 17px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 99;
}
.scroll-header a {
    color: #4a4a4a;
}
.border-apparition img {
    border: medium none;
}
.shadow {
    bottom: 0;
    height: 10px;
    left: 0;
    right: 0;
    text-align: center;
    top: 44px;
    z-index: 99;
}
.header {
    background: none repeat scroll 0 0 #ffffff;
    padding-bottom: 1px;
    position: relative;
    z-index: 81;
}
.header a {
    color: #4a4a4a;
}
.name a:hover {
    color: #174b86;
    text-decoration: underline;
}
.header .menu-top1 {
    background: none repeat-x scroll left top #f0f0f0;
    min-height: 34px;
    padding-top: 0;
    position: relative;
    text-align: left;
}
.h-content {
    margin-left: auto;
    margin-right: auto;
    max-height: 34px;
    position: relative;
    width: 1240px;
    font-size: 14px;
}

a.boldLink {
  font-weight:600;
}

.error-login h1 {
    color: #b41e28;
}

.box1, .box2, .warper-warenkorb, .login-top, .box4, .social, .search-box, .konto, .warenkorb, .select, .warper-konto, .warper-box-menu-s, .alle, .toyz, .merch, .anime, .games, .gifts, .protect {
    display: inline-block;
}
.box1, .box2, .warper-warenkorb, .login-top, .box4, .social, .search-box, .konto, .warenkorb, .select, .warper-konto, .alle, .toyz, .merch, .anime, .games, .gifts, .protect {
    display: inline-block;
    vertical-align: middle;
}
.box1 {
    height: 34px;
    position: relative;
    width: 99px;
}
/*
.box2, .login-top, .box4 {
}
*/
.box2 {
    height: auto;
    line-height: 15px;
    margin-left: 0;
    max-width: 215px;
    overflow: hidden;
}
.box2 p.name {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box-link {
    display: inline-block;
    text-transform: uppercase;
}
.box-link .reset {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
    top: 1px;
}
.box-link .reset p {
    padding-top: 8px;
}
.box-link a {
    color: #777777;
    margin-left: 8px;
    margin-right: 8px;
}
.box-link a.last {
    margin-left: 11px;
    margin-right: 0;
}
.box-link a:hover {
    border-bottom: 2px solid #b41e28;
}
.box-link a.on {
    border-bottom: 2px solid #b41e28;
}
.social {
    display: inline-block;
    float: right;
    height: 34px;
    line-height: 30px;
    margin-left: 8px;
    vertical-align: middle;
}
p.face, p.instagram {
    position: relative;
}
.social a:hover {
    border: medium none;
}
.social a {
    padding-top: 0;
}
.menu-top1 p {
    padding: 8px 3px 8px 8px;
    font-size: 14px;
}
.menu-top1 .social p {
    padding: 0;
}
.menu-top1 .social p {
    padding: 0;
}
.menu-top1 .social p {
    padding: 0;
}
.login-top {
    background: url("../images/header/log-out.png") no-repeat scroll left 1px transparent;
    float: right;
    height: 34px;
    margin-left: 8px;
}
.login-top .log {
    padding-left: 20px;
    padding-right: 0;
}
div.login-top.active {
    background: url("../images/header/log-in.svg") no-repeat scroll left 1px transparent;
}
.twitter a, .face a, .instagram a {
    display: block;
    height: 19px;
    width: 19px;
}
p.twitter, p.face, p.instagram {
    display: block;
    height: 19px;
    width: 19px;
}
.menu-top1 p.twitter, .menu-top1 p.face, .menu-top1 p.instagram {
    display: inline-block;
    height: 19px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 19px;
}
.twitter a {
    background: url("../images/header/social-icons.svg?v=1.3") no-repeat scroll 0 0 transparent;
    margin: 0;
}
.face a {
    background: url("../images/header/social-icons.svg?v=1.3") repeat scroll center top transparent;
    margin: 0;
}
.instagram a {
    background: url("../images/header/social-icons.svg?v=1.3") no-repeat scroll right top transparent;
}
div.logo {
    float: left;
    padding-top: 1px;
    width: 190px;
}
.search {
    margin-left: 190px;
}
.search-box {
    border-radius: 4px;
    border: 1px solid #dddddd;
    height: 32px;
    margin-bottom: 6px;
    width: auto;
}
.search-box:hover {
    border: 1px solid #a6a6a6;
}
.search-box input[type="text"] {
    border: 0 hidden;
    color: #174b86;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    margin-left: 8px;
    margin-top: 8px;
    width: 90%;
}
.search-box input[type="submit"] {
    background: url("../images/header/loupe.svg") no-repeat scroll center -52px transparent;
    border: medium hidden;
    cursor: pointer;
    float: right;
    height: 100%;
    width: 30px;
}
.warper-konto {
    background: url("../images/header/border-V.jpg") no-repeat scroll right bottom transparent;
    height: auto;
    margin-right: 8px;
    padding-right: 22px;
    position: relative;
    width: auto;
}
.konto {
    margin-left: 16px;
    width: auto;
}
.konto p.id-bild {
    float: left;
}
.konto h2 {
    color: #174b86;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    line-height: 32px;
    margin-left: auto;
    padding-top: inherit;
    vertical-align: middle;
}
.konto h3 {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 35px;
}
.konto a, .warenkorb a {
    display: inline-block;
    line-height: 32px;
}
.scroll-header .konto a, .scroll-header .warenkorb a {
    display: inline-block;
    line-height: inherit;
}
.konto > h2 a:hover, .warenkorb > h2 a:hover {
    color: #174b86;
}
.konto .arrow, .warenkorb .arrow {
    background: url("../images/header/arrow-2.svg") no-repeat scroll left center;
    display: inline-block;
    height: 25px;
    margin-left: 10px;
    vertical-align: middle;
    width: 10px;
}
.konto:hover .arrow, .warenkorb:hover .arrow {
    background: url("../images/header/arrow-2.svg") no-repeat right center;
}

.konto:hover .konto-submenu {
    visibility: visible;
}

.konto-submenu {
    z-index:40;
    background: rgba(255,255,255,.95);
    position: absolute;
    display:block;
    visibility: hidden;
    width:153px;
    left:0;
    top:100%;
}

.konto-submenu li {
    border-top: 1px solid #eeeeee;
    line-height: 1.3em;
}

.konto-submenu li a {
    font-size:11px;
    color: #6d6d6d;
    text-shadow: 1px 1px 0 #fff;
    padding: 8px 10px 8px 15px;
    line-height:1.3em;
    display:block;
}

.konto-submenu li a:hover {
    background-color: #174b86;
    color: #fff;
    text-shadow: none;
}

.konto-submenu li a.hl {
    background-color: #dcdcdc;
    text-decoration: none;
    color: #174b86;
    text-shadow: none;
}

.konto-submenu li a.hl:hover {
    background-color: #000;
    color: #fff;
}

.scroll-header #hotdeals.active .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll 6px -29px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 31px;
}
.scroll-header #closeout.active .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll -32px -31px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 31px;
}
.scroll-header #preorder.active .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll -65px -29px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 31px;
}
.konto .id-bild {
    background: url("../images/header/konto-waren-pic.svg") no-repeat scroll left top transparent;
    display: inline-block;
    height: 25px;
    margin-right: 0;
    vertical-align: middle;
    width: 24px;
}
.konto:hover .id-bild {
    background-position: right top;
}
.konto.active .id-bild {
    background: url("../images/header/konto-waren-pic.svg") no-repeat scroll right top transparent;
}
.warper-warenkorb {
    margin-left: 0;
    width: auto;
}
.warenkorb {
    padding-left: 10px;
    position: relative;
    width: auto;
}
.warenkorb .id-bild {
    background: url("../images/header/konto-waren-pic.svg") no-repeat scroll left bottom transparent;
    display: inline-block;
    height: 23px;
    margin-right: 8px;
    vertical-align: middle;
    width: 25px;
}
.warenkorb.active .id-bild {
    background: none repeat scroll right bottom transparent;
}
.warenkorb.active .id-bild {
    background: url("../images/header/konto-waren-pic.svg") no-repeat scroll right bottom transparent;
}
.search-box {
    line-height: 32px;
    margin-bottom: 6px;
    vertical-align: top;
}
.warper-konto, .warper-warenkorb {
    margin-bottom: 6px;
    vertical-align: top;
    display: block;
    float: right;
    line-height: 30px;
    width: auto;
    margin-left: 5px;
}
.warenkorb h2 {
    font-size: 16px;
    font-weight: 300;
    margin-left: inherit;
}
.warenkorb h3 {
    font-size: 1em;
    font-weight: normal;
    margin-left: 35px;
}
.warenkorb p.artikel-nummer {
    display: none;
    left: -10px;
    position: relative;
    top: -8px;
}
.waren-infos {
    background-color: #ffffff;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 5px;
    top: 35px;
    visibility: hidden;
}
.warenkorb.active:hover .waren-infos {
    visibility: visible;
}
.scroll-header .warenkorb {
    display: inline-block;
}
.scroll-header .warenkorb.active {
    display: inline-block;
    height: 150px;
    position: absolute;
    width: 70px;
}
.scroll-header .warenkorb.active:hover {
    border-bottom: 3px solid #174b86;
    height: 33px;
}
.warenkorb .waren-infos h2, .warenkorb .waren-infos h3 {
    margin-left: 0;
}
.warenkorb .waren-infos h2 {
    font-size: 16px;
    margin-bottom: 20px;
}
.warenkorb .waren-infos p {
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}
.warenkorb .waren-infos a:hover {
    background-color: #174b86;
    color: white;
    padding: 6px 10px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.scroll-header .warenkorb .waren-infos {
    display: table;
    height: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 250px;
}
.warenkorb.active:hover .waren-infos {
    height: auto;
    opacity: 1;
    padding: 15px;
    right: 0;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    visibility: visible;
}
.scroll-header .slide-forme .warenkorb, .scroll-header .slide-forme .konto {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: auto;
    margin: 0;
    padding-left: 0;
    position: inherit;
    right: 0;
    text-align: left;
    width: auto;
    z-index: 99;
}
.scroll-header .warenkorb .letze-produkte {
    display: table;
    height: 99px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: left;
    vertical-align: middle;
}
.scroll-header .warenkorb .letze-produkte img {
    display: inline-block;
    height: auto;
    margin-right: 10px;
    max-width: 80px;
    vertical-align: middle;
}
.scroll-header .warenkorb .letze-produkte .lp-descript {
    display: inline-block;
    max-width: 150px;
    vertical-align: middle;
}
.scroll-header .warenkorb .letze-produkte h2 {
    font-size: 12px;
    margin-bottom: 10px;
}
.scroll-header .warenkorb .letze-produkte h3 {
    font-size: 10px;
}
.scroll-header .konto.not-active .konto-link {
    visibility: hidden;
}
.scroll-header .slide-forme .konto {
    height: 30px;
    padding-left: 0;
    position: inherit;
    top: 0;
}
.scroll-header .konto.active:hover {
    border-bottom: 3px solid #174b86;
    height: 33px;
}
.scroll-header .konto.active .konto-link {
    background-color: #ffffff;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    height: 0;
    opacity: 0;
    padding: 5px;
    position: absolute;
    top: 30px;
    visibility: hidden;
    width: 200px;
}
.scroll-header .konto.active:hover .konto-link {
    display: table;
    height: auto;
    opacity: 1;
    padding-bottom: 20px;
    right: 0;
    text-align: center;
    top: 44px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    visibility: inherit;
    width: 220px;
}
.konto-link li p {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 15px;
    text-align: left;
}
.scroll-header .konto .konto-link > h2 {
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
}
.scroll-header .warenkorb.active p.artikel-nummer {
    background-color: #b41e28;
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    font-size: 9px;
    margin-left: 0;
    margin-top: 3px;
    padding: 4px;
}
.select {
    margin-top: 0;
    text-align: left;
    width: 100%;
}
.select select.last {
    margin-left: 0;
}
.menu-world {
    font-size: 14px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    top: 1px;
    width: 1240px;
}
.toyz, .merch, .anime, .games, .gifts, .protect {
    background: url("../images/header/border-V.jpg") no-repeat scroll right bottom transparent;
    display: inline-block;
    height: 36px;
    max-width: 150px;
}
.alle {
    background: rgba(0, 0, 0, 0) url("../images/menu/svg-menu/picto-all.svg")  no-repeat scroll left center / 62px auto;
}

.toyzpic {
    background: url("../images/menu/svg-menu/picto-action.svg") no-repeat scroll left center transparent;
}
.collepic {
    background: url("../images/menu/svg-menu/picto-collectibles.svg") no-repeat scroll left center transparent;
}
.logopic {
    background: url("../images/menu/svg-menu/picto-menu-logo.svg") no-repeat scroll left center transparent;
}
.mercpic {
    background: url("../images/menu/svg-menu/picto-merch.svg") no-repeat scroll left center transparent;
}
.animpic {
    background: url("../images/menu/svg-menu/picto-anime.svg") no-repeat scroll left center transparent;
}
.hentaipic {
    background: url("../images/menu/svg-menu/picto-hentai.svg") no-repeat scroll left center transparent;
}
.gamepic {
    background: url("../images/menu/svg-menu/picto-game-3.svg") no-repeat scroll left center transparent;
}
.giftpic {
    background: url("../images/menu/svg-menu/picto-all.svg") no-repeat scroll left center transparent;
}
.giftpic {
    background: url("../images/menu/svg-menu/picto-gift2.svg") no-repeat scroll left center transparent;
}
.protpic {
    background: url("../images/menu/svg-menu/picto-protect.svg") no-repeat scroll left center transparent;
}
.modepic {
    background: url("../images/menu/svg-menu/picto-model.svg") no-repeat scroll left center transparent;
}
.daily {
    background: url("../images/menu/svg-menu/daily-arrival.svg") no-repeat scroll left center transparent;
}
.hot-deals {
    background: url("../images/menu/svg-menu/hot-deals.svg") no-repeat scroll left center transparent;
}
.slide .cbox .box-img.daily {
    width: 29px;
}
 .hasSub:hover .collepic, .hasSub.active .alle, .hasSub.active .toyzpic, .hasSub:hover .toyzpic, .hasSub:hover .mercpic, .hasSub.active .mercpic, .hasSub.active .animpic, .hasSub:hover .animpic, .hasSub.active .gamepic, .hasSub:hover .gamepic, .hasSub:hover .giftpic, .hasSub:hover .protect, .hasSub:hover .protpic, .hasSub:hover .modepic, .hasSub:hover .hot-deals {
    background-position: right center;
}
.hasSub.active .collepic, .hasSub.active .toyzpic, .hasSub.active .mercpic, .hasSub.active .animpic, .hasSub.active .gamepic, .hasSub.active .giftpic, .hasSub.active .protect, .hasSub.active .protpic, .hasSub.active .modepic, .hasSub.active .hot-deals {
    background-position: right center;
}

.hasSub:hover .alle, .hasSub.active .alle {
    background-position: right center;
}


.logo-funko {
    background: url("../images/menu/worlds/logo-funko.jpg") no-repeat scroll center center;
    width: 71px
}
.logo-hot-toys {
    background: url("../images/menu/worlds/logo-hot-toys.jpg") no-repeat scroll center center;
    width: 55px
}
.logo-kotobukiya {
    background: url("../images/menu/worlds/logo-kotobukiya.jpg") no-repeat scroll center center;
    width: 88px
}
.logo-magic {
    background: url("../images/menu/worlds/logo-magic.jpg") no-repeat scroll center center;
    width: 98px
}
.logo-mcfarlane-toys {
    background: url("../images/menu/worlds/logo-mcfarlane-toys.jpg") no-repeat scroll center center;
    width: 56px
}
.logo-oakie-doakie {
    background: url("../images/menu/worlds/logo-oakie-doakie.jpg") no-repeat scroll center center;
    width: 79px
}
.logo-good-smile {
    background: url("../images/menu/worlds/logo-good-smile.jpg") no-repeat scroll center center;
    width: 79px
}
.logo-tamashii-nations {
    background: url("../images/menu/worlds/logo-tamashii-nations.jpg") no-repeat scroll center center;
    width: 65px
}
/*
.logo-the-noble-collection {
    background: url("../images/menu/worlds/logo-the-noble-collection.jpg") no-repeat scroll center center;
    width: 65px
}
*/
.logo-weta-workshop {
    background: url("../images/menu/worlds/logo-weta-workshop.png") no-repeat scroll center center;
    width: 100px
}

.logo-ultimate-guard {
    background: url("../images/menu/worlds/logo-ultimate-guard.jpg") no-repeat scroll center center;
    width: 80px
}
.logo-squaroes {
    background: url("../images/menu/worlds/SQUAROES_UG_Logo_positive_black.jpg") no-repeat scroll center center;
    width: 100px;
    background-size: contain !important;
}
.logo-yu-gi-oh {
    background: url("../images/menu/worlds/logo-yu-gi-oh.jpg") no-repeat scroll center center;
    width: 103px
}


#menuRow2 .box-img {
    margin: 6px 0;
    height: 55px;
    background-size: cover;
}
#menuRow2.menu-dropdown li .border {
    background: none;
}
#menuRow2 .box-img:hover {
    transform: scale(1.1, 1.1);
    transition: all 0.15s ease;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

.select.S-k-W {
    margin-top: 5px;
}


.menu-world a:hover {
    color: #174b86;
}
.filet-R {
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.first {
    padding-left: 0;
}
.float-me {
    height: 45px;
    max-width: 1240px;
    text-align: left;
    width: 100%;
    font-weight: 100;
}
.float-me .filet-R {
    display: inline-block;
    vertical-align: middle;
}
.float-me2 {
    float: left;
}
.float-me .middle img {
    display: inline;
}
.float-me .middle {
    float: left;
}
.float-me .text p {
    text-align: left ! important;
}
.float-me .text2 {
    display: table-cell;
    vertical-align: middle;
    width: 500px;
}
.img2 {
    float: left;
}
.text3 {
    display: inline-block;
    vertical-align: middle;
}
.text3 .relative {
    bottom: 50%;
    margin-bottom: -14px;
    margin-top: -14px;
    position: relative;
    top: 50%;
}
.logo .flame {
    height: 32px;
    padding: 1px 1px 1px 0;
    vertical-align: middle;
}
.scroll-header .logo {
    float: left;
    padding-top: 3px;
    width: 30px;
}
.scroll-header .search {
    line-height: 1.2;
    margin-left: 45px;
    position: relative;
    vertical-align: middle;
}
.scroll-header .select {
    border-top: medium none;
    padding-top: 0;
    width: auto;
}
.scroll-header .warper-konto {
    height: auto;
}
.scroll-header .search-box {
    border-radius: 4px;
    border: 1px solid #dddddd;
    height: 24px;
    margin-bottom: 0;
    margin-left: 15px;
    width: 161px;
}
.scroll-header .search-box {
    line-height: normal;
}
.scroll-header .search-box input[type="text"] {
    border: 0 hidden;
    color: #174b86;
    font-size: 11px;
    font-weight: normal;
    margin-left: 2px;
    margin-top: 2px;
    padding-left: 2px;
    padding-top: 2px;
    width: 120px;
}
.scroll-header .search-box input[type="submit"] {
    background: url("../images/header/loupe.svg") no-repeat scroll center -57px transparent;
    height: 24px;
    width: 30px;
}
.scroll-header .warper-box-menu-s {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    margin-left: 2px;
    margin-right: 2px;
    padding-right: 0;
    vertical-align: middle;
    width: 31px;
}
.scroll-header .warper-box-menu-s:last-child {
    margin-right: 0;
    margin-left: -4px;
}
.scroll-header .logo-search {
    display: inline-block;
    line-height: 1.2;
    margin: 0 auto 0 0;
    vertical-align: middle;
}
.scroll-header {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    height: 44px;
    left: 0;
    padding-bottom: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 101;
}
.border-apparition {
    border-top: medium none;
}
.scroll-header .konto, .scroll-header .warenkorb, .scroll-header #closeout, .scroll-header #preorder, .scroll-header #hotdeals {
    height: 23px;
    margin-left: 0;
    position: relative;
    top: 0;
    vertical-align: middle;
    width: 31px;
}
.warper-box-menu-s #preorder {
    margin-left: 8px;
}
.scroll-header #hotdeals {
    margin-left: 3px;
}
#hotdeals .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll 6px -1px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 31px;
}
#closeout .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll -32px -2px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 31px;
}
#preorder .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll -65px -1px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 31px;
}
#hotdeals:hover .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll 2px -29px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 27px;
}
#closeout:hover .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll -32px -31px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 31px;
}
#preorder:hover .id-bild {
    background: url("../images/header/sprite-menu-scroll-2.svg") no-repeat scroll -65px -29px / 93px 54px transparent;
    display: block;
    height: 27px;
    width: 31px;
}
.slide-forme {
    height: 34px;
    overflow: hidden;
    padding-top: 9px;
}
.scroll-header .mOptions {
    border-radius: 0 0 4px 4px;
    border-top: medium none;
    margin-top: 11px;
    top: 33px ! important;
}
.warper {
    width: 100%;
}
.warper img {
    text-align: justify;
}
.warper h1 {
    font-weight: 100;
}
.warper-menu {
    float: right;
    width: 230px;
}
.warper-menu .sub-menu {
    background-color: #ffffff;
    height: 327px;
    margin-bottom: 10px;
    padding: 17px 16px 16px 17px;
}
.warper-menu h1 {
    margin-bottom: 22px;
}
.warper-menu ul li {
    font-size: 13px;
    list-style: inside url("../images/icons/list-arrow.png") circle;
    margin-bottom: 5px;
    padding: 5px 10px;
    font-weight: 100;
}
.warper-menu ul li a {
    color: #4a4a4a;
    width: auto;
}
.warper-menu ul li.active {
    background-color: #174b86;
    border-radius: 2px;
    color: #ffffff;
    list-style-image: url("../images/icons/list-arrow-hover.png");
}
.warper-menu ul li:hover {
    background-color: #174b86;
    border-radius: 2px;
    color: #ffffff;
    list-style-image: url("../images/icons/list-arrow-hover.png");
}
.warper-menu ul li:hover a, .warper-menu ul li.active a {
    color: #ffffff;
}
.warper-filter {
    background-color: #ffffff;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 4px 13px;
    text-align: right;
    vertical-align: middle;
    width: 724px;
}
.warper-filter .mSelect {
    margin-left: 6px;
    text-align: left;
}
.warper-filter .mSelected {
    padding-top: 5px;
}
.warper-filter .mSelect {
    width: 180px;
}
.warper .warper-filter .mOptions {
    margin-left: 5px;
}
.warper .warper-header {
    margin-bottom: 10px;
}
.warper .products-warper {
    margin-bottom: 9px;
    width: 750px;
}
.warper .products-warper .category {
    width: 370px;
}
.warper .products-warper .category img {
    margin-bottom: 10px;
}
.warper .products-warper .category h1 {
    background-color: #ffffff;
    background-image: url("../images/icons/arrow-warper.png");
    background-position: 334px center;
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    padding-bottom: 21px;
    padding-right: 59px;
    padding-top: 17px;
    text-align: right;
    width: 311px;
}
/*.warper .products-warper .product1 {
    margin-right: 10px;
}
.warper .products-warper .product1, .warper .products-warper .product2 {
    background-color: #ffffff;
    float: right;
    height: 290px;
    width: 180px;
}
.warper .products-warper .product1 .picture, .warper .products-warper .product2 .picture {
    display: table-cell;
    height: 205px;
    text-align: center;
    vertical-align: middle;
    width: 180px;
}
.warper .products-warper a {
    color: #4a4a4a;
    opacity: 1;
}
.warper .products-warper .product1 a, .warper .products-warper .product2 a {
    display: block;
    height: 100%;
    width: 100%;
}
.warper .products-warper .product1 a:hover, .warper .products-warper .product2 a:hover {
    border: 1px solid #dddddd;
    color: #4a4a4a;
    opacity: 0.7;
    transition: all 0.3s ease-in;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.warper .products-warper .product1:hover, .warper .products-warper .product2:hover {
    box-shadow: 3px 3px 8px 0 #c0c0c0;
}*/

input, textarea, keygen, select, button {
    font-family: 'Open Sans', sans-serif;
}
.picture img {
    margin-left: auto;
    margin-right: auto;
}
.products-warper .description {
    text-align: center;
}
.products-warper .description h2 {
    border-bottom: 1px solid #dddddd;
    display: block;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 119px;
}
.products-warper .description h3 {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 7px;
    text-align: center;
}
.products-warper .description p {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 130px;
}
.warper-category .products-warper a:hover {
    color: #ffffff;
}
.warper-category .products-warper a:hover h1 {
    background-color: #174b86;
}
.warper-category .products-warper a:hover h1 {
    background-image: url("../images/icons/arrow-warper-hover.png");
}
.footer {
    position: relative;
    background-color: #124475;
    width: 100%;
    min-width:1280px;
}
.footer .warper-footer {
    color: white;
    margin: 0 auto;
    min-height: 25px;
    padding: 30px 0;
    text-align: left;
    vertical-align: top;
    width: 1240px;
}
.footer .warper-footer + .warper-footer {
    padding-top: 0;
}

.warper-footer .block20 {
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
    width: 19%;
}

.footer .warper-footer .copyright {
    padding: 4px 20px;
    float: left;
}
.block-part.heologo {
    margin-top: 20px;
}
.footer .frage {
    margin-top: 18px;
}
.footer .antw {
    font-size: 10px;
}
.footer .antw .bold {
    font-size: 12px;
}
.footer .all {
    text-align: right;
}
.frage-bt {
    margin-top: 10px;
}
.warper-footer .block40 {
    display: inline-block;
    line-height: 15px;
    vertical-align: top;
    width: 40%;
}
.warper-footer .footer-social {
    display: inline-block;
    height: 45px;
    margin-right: 5px;
    overflow: hidden;
    width: 45px;
}
.footer-social .f-linkedin,
.footer-social .f-facebook,
.footer-social .f-instagram {
    background-image: url("../images/logo/social/social-logo-footer.svg?v=1.2");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 45px;
    overflow: hidden;
    width: 45px;
    background-size: 78px 48px;
}
.footer-social .f-facebook {
    background-position: -27px 0;
}
.footer-social .f-instagram {
    background-position: -54px 0;
}
.footer-social .f-linkedin:hover {
    background-position: 0 -26px;
}
.footer-social .f-facebook:hover {
    background-position: -27px -26px;
}
.footer-social .f-instagram:hover {
    background-position: -54px -26px;
}
.footer h1 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.footer p {
    font-size: 12px;
    font-weight: 100;
    line-height: 15px;
    margin-bottom: 8px;
}
.footer a {
    color: white;
    transition: color 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.footer a:hover {
    color: #69a4de;
}
.bold {
    font-weight: bold;
}
.mScrollHaut {
    background: none repeat scroll 0 0 #ffffff ! important;
}
.warper .warper-title {
    padding-bottom: 25px;
    padding-top: 55px;
    text-align: center;
}
.warper-title h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 6px;
}
.warper-title h2 {
    font-size: 24px;
    font-weight: 300;
}
.warper h4 {
    color: #3e3e3e;
    margin-bottom: 15px;
    text-align: center;
}
.warper .inline-block P {
    font-size: 12px;
    color: #3e3e3e;
}
.logo-part {
    height: 95px;
    line-height: 95px;
    text-align: center;
    width: 100%;
}
.logo-part img {
    vertical-align: middle;
}
a {
    color: #174b86;
}
/*a.zoombox {
    color: #174b86;
    text-decoration: underline;
}*/
.partners-container {
    margin-left: -58px;
}
.partner-part .warper-title {
    padding-top: 0;
}
.partner-part .partners {
    background-image: none;
}
.partner-part a {
    color: #174b86;
}
.inline-block {
    display: inline-block;
}
.warper .inline-block {
    margin-left: 60px;
}
.inline-block.tab-box-50 {
    margin-left: 0;
}
.inline-block.tab-box-50 + .inline-block.tab-box-50 {
    margin-left: 2%;
}
.tab-box-50 {
    width: 48%;
    vertical-align: top;
}
.partners .inline-block {
    margin-bottom: 30px;
    margin-top: 30px;
    width: 14%;
}
.inline-block .footer-partner {
    border-top: 1px solid #c1c1c1;
    margin-top: 15px;
    padding-top: 5px;
}
.warper-intro > h3 {
    margin-bottom: 25px;
    margin-top: 15px;
    text-align: center;
}
.partners .inline-block a:hover {
    text-decoration: underline;
}
.warper-navigation > h3 {
    margin-top: 40px;
    text-align: center;
}

.warper-formular {
    margin-left: auto;
    margin-right: auto;
    padding: 4%;
    width: auto;
}
.warper-formular .warper-intro {
    margin-bottom: 40px;
}
.warper-formular .warper-intro h3 {
    font-size: 16px;
    line-height: normal;
    margin-top: 0;
    text-align: left;
}
.warper-formular h1 {
    color: #174b86;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 35px;
    text-transform: none;
}
.warper-formular p {
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px;
}
.warper-formular textarea {
    color: #174b86;
    font-weight: 300;
    font-size: 14px;
}
.warper-formular input {
    background-color: #f0f0f0;
    border: 1px solid #ffffff;
    color: #174b86;
    font-size: 14px;
    height: 30px;
    margin-top: 15px;
    padding-left: 8px;
    width: 100%;
    font-weight: 300;
}
.warper-formular .mSelected {
    line-height: 30px;
    max-height: 30px;
    padding-left: 8px;
    padding-top: 0;
}
.warper-formular .mFleche {
    background-size: contain;
    height: 30px;
    margin-right: 4px;
    padding-right: 0;
    width: 21px;
}
.warper-formular .mSelect {
    height: 30px;
}
.warper-formular .mSelected {
    font-size: 14px;
    font-weight: 300;
}
.warper-formular .mSelect {
    border-radius: 0;
    width: 100%;
}
.warper-formular .inline-block.left {
    margin-right: 10%;
}
.warper-formular .inline-block {
    margin-left: 0;
    vertical-align: top;
    width: 44%;
}
.warper-formular .inline-block img {
    height: auto;
    max-width: 100%;
}
.captcha p img {
    margin-top: 15px;
}
.captcha {
    margin-top: 8%;
}
textarea {
    background-color: #f0f0f0;
    border: 1px solid #ffffff;
    height: 322px;
    padding: 10px;
    width: 95%;
}
input.button {
    cursor: pointer;
    font-size: 15px;
    font-weight: 100;
    padding: 10px 18px !important;
    width: auto;
    height: auto;
}
input.button:hover {
    background-color: #174b86;
    color: white;
    transition: background-color 250ms ease-out;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -ms-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
}
/*#zoombox iframe, #zoombox img {
    border: medium none;
    overflow: hidden;
}
.zoombox_container.multimedia {
    height: auto !important;
}
*/
.partners .warper-formular {
    border: medium none;
}
.warper-formular.classic .inline-block.left {
    margin-right: 7%;
}
.warper-formular.classic .inline-block {
    margin-left: 0;
    vertical-align: top;
    width: 46%;
}
.warper.clear.layout {
    display: table;
    margin-bottom: 120px;
    margin-left: auto;
    margin-right: auto;
    width: 1240px;
}
.warper.faq {
    margin-left: auto;
    margin-right: auto;
    float: left;
    margin-right: 27px;
    width: 67%;
}
aside.menu {
    background-color: #f8f8fa;
    float: left;
    /*padding: 26px;*/
    text-align: left;
    width: 25%;
}
.warper.clear.layout h4 {
    color: #3e3e3e;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 8px;
    text-align: left;
}
.warper .menu ul li {
    font-size: 14px;
    font-weight: 100;
    list-style: outside none none;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: 5px;
}
.warper .menu ul li a:hover {
    color: #b41e28;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
aside.menu ul li:before {
    content: "> ";
    margin-right: 7px;
}
.top-100 {
    display: block;
    margin-top: -100px;
    position: absolute;
}
.b-open-q:hover {
    background-color: #174b86;
    color: white;
    padding: 5px 7px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
.hover-button {
    background-color: #174b86;
    color: white;
    padding: 5px 7px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
.warper.clear .header-warper {
    background-color: #ebebeb;
    margin-bottom: 35px;
    min-height: 220px;
    width: 1240px;
}
.warper.clear .header-warper.form {
    background-image: url("../images/header/header-form.jpg");
    background-position: right top;
    background-repeat: no-repeat;
}
.warper-formular.classic {
    border: 1px solid #c8c8c8;
    margin-left: auto;
    margin-right: auto;
    padding: 4%;
    width: auto;
}
.blue {
    color: #0261b2;
    font-weight: 600;
}
.green {
    color: #0f985b;
}
.red {
    color: #c12d1e;
}
.green-stock {
    color: #2eaa5e;
}
.blue-soon {
    color: var(--state-information-coming-soon);
}
.orange-preorder {
    color: #da8630;
}
.float-left {
    clear: right;
    float: left;
    padding-bottom: 15px;
    padding-right: 15px;
}
.float-right {
    clear: right;
    float: right;
    padding-bottom: 15px;
    padding-left: 15px;
}
.warper ul li {
    font-size: 13px;
    font-weight: 100;
    list-style-position: outside;
    list-style-type: disc;
    margin-bottom: 5px;
    margin-left: 25px;
    margin-top: 5px;
}
.warper ul {
    margin-bottom: 15px;
}
.hasSub.Hovered {
    height: auto;
}
body.error {
    background-color: #164b87;
}
.background-full {
    background: url("../images/error/page404.svg") no-repeat scroll 0 0 / 100% auto #164b87;
    font-style: normal;
    font-weight: 300;
    font-size: 100%;
    min-width: 100%;
    padding-bottom: 15px;
    width: 100%;
    background-position: center -110px;
}
.background-full.update {
    background: url("../images/error/back-soon.svg") no-repeat scroll 0 -175px #164b87;
}
.error-explain {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    padding-top: 34%;
    text-align: center;
    width: 60%;
}
.error-explain h3 {
    color: #ffffff;
    font-size: 45px;
}
.error-explain p {
    color: #b5b5b5;
    font-size: 28px;
    font-weight: 100;
    padding-top: 1%;
    text-align: center;
    padding-bottom: 1%;
}
a.error-link {
    color: #b5b5b5;
}
a.error-link:hover {
    color: white;
    transition: color 350ms ease-out;
    -webkit-transition: all 350ms ease-in;
    -moz-transition: all 350ms ease-in;
    -ms-transition: all 350ms ease-in;
    transition: all 350ms ease-in;
}
.header-warper.form > h1 {
    font-size: 38px;
    padding-left: 54px;
    padding-top: 77px;
}
#top.error .scroll-header {
    display: block ! important;
    opacity: 1 ! important;
}
.warper .inline-block .footer-partner p {
    line-height: normal;
    text-align: center;
}
.warper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    max-width: 1240px;
    padding-bottom: 30px;
}
.home .warper {
    margin-top: 10px;
}
.line {
    font-size: 0;
    margin-left: -5px;
    width: 1240px;
}
.box20 {
    border: 1px solid white;
    display: inline-block;
    font-style: normal;
    height: 240px;
    margin-bottom: 10px;
    margin-left: 14.6px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 190px;
}
.box20 .caption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    bottom: 0;
    height: 39px;
    padding: 5px;
    position: absolute;
    text-align: center;
    transition: all 0.5s ease;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
    width: 180px;
}
.box20 a .caption h1 {
    color: #174b85;
}
.caption h1 {
    display: block;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 140px;
    overflow: hidden;
    padding: 3px 15px 2px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
}
.caption h1:after {
    border-bottom: 1px solid #dcdcdc;
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    min-height: 1px;
    width: 100px;
}
.caption h2 {
    color: #6a6a6a;
    font-size: 10px;
    font-weight: 100;
    line-height: normal ! important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}
.box20 a {
    display: table;
    height: 100%;
    width: 100%;
}
.box20 img {
    transform-origin: 50% 0 0;
    transform: scale(1, 1);
    transition: all 0.3s ease;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.logo-part a img {
    transition: all 0.3s ease;
    -webkit-transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.twitter a:hover {
    background-position: left center;
}
.face a:hover {
    background-position: center center;
}
.instagram a:hover {
    background-position: right center;
}
.box20:hover {
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.box20:hover img {
    transform: scale(1.2, 1.2);
    transition: all 0.3s ease;
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.box20:hover .caption {
    background-color: rgba(23, 75, 134, 0.9);
    color: white;
    font-style: normal;
    font-weight: 600;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.box20:hover .caption h1 {
    color: white;
    font-style: normal;
    font-weight: 600;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box20:hover a:hover .caption h1 {
    color: white;
}
.box20:hover .caption h2 {
    color: white;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box75:hover, .box35:hover, .box100:hover, .box20:hover {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.box75:hover a:hover, .box35:hover a:hover, .box35:hover a:hover h1, .box20:hover a:hover, .box20:hover a:hover h1, .box20:hover h1, .box35:hover h1, .box75:hover h1, .box100:hover h1 {
    color: black;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box100:hover .news-list h1, .box35:hover .news-list h1 {
    color: #174b86;
}
.social-pic.twit a:hover {
    background: url("../images/icons/social-pic.svg") no-repeat scroll 0 bottom transparent;
}
.social-pic.face a:hover {
    background: url("../images/icons/social-pic.svg") no-repeat scroll -41px bottom transparent;
}
.newsletter input:hover {
    border: 1px solid #d6d6d6;
}
.newsletter input.button:hover {
    background-color: white;
    border: 1px solid #d6d6d6;
    color: #174b86;
    font-size: 18px;
    margin: 0;
    padding: 0;
    width: 125px;
}
.dap-article > h1 {
    color: #174b86;
    font-size: 30px;
    margin: 70px 0;
}
.dap-article img {
    cursor: pointer;
}
.dap-article p,
.dap-article b,
.dap-article strong {
    font-size: 16px !important;
}
.dap-article .dap-article-about > strong,
.dap-article .dap-article-about > p {
    margin-bottom: 25px;
    display: block;
}
.dap-article .dap-article-types {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    text-align: center;
    margin-bottom: 40px;
}
.dap-article .dap-article-types img {
    width: 100%;
}
.dap-article .dap-article-types p {
    text-align: center;
}
.dap-article .dap-article-type {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.dap-article .dap-article-type > div {
    overflow: hidden;
    background: #f0f0f0;
    padding: 30px;
}
.dap-article .dap-article-type > div * {
    margin: 22px auto;
}
.dap-article .dap-article-type > div strong {
    font-size: 50px;
}
.dap-article .dap-article-type > div hr,
.dap-article .dap-article-type > div p:not(.dap-article-type-title) {
    width: 35%;
}
.dap-article-info {
    overflow: hidden;
}
.dap-article-info > p {
    margin-top: 20px;
}
.dap-article-info-dap {
    margin-top: 50px;
}
.dap-article-info-dap > p {
    margin-bottom: 20px;
}
.dap-article-info-images-list img {
    width: 150px;
    height: 150px;
}
.bish-newsletter .blue a:hover {
    background-image: none;
    color: #174b86;
    text-decoration: underline;
    transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.news-list:hover {
    background-color: white;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.b-cat a:hover {
    color: #174b86;
    text-decoration: underline;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.display a.active:hover {
    background-color: transparent;
    color: #6d6d6d;
}
.display a:hover {
    background-color: #f0f0f0;
    color: black;
}
.display a.display-list:hover {
    background-color: transparent;
}
.warper-display:hover .display-list-menu {
    display: block;
    height: auto;
    opacity: 1;
    padding: 20px;
}
.reset:hover, .ok:hover {
    background-color: white;
    border: 1px solid #174b86;
    color: #174b86;
    cursor: pointer;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.list-pic a:hover, .gal-pic a:hover {
    background-color: transparent;
    color: #174b86;
}
.list-pic a:hover:before {
    content: url("../images/display/gal-pic.png");
    display: inline-block;
    vertical-align: middle;
}
.gal-pic a:hover:before {
    content: url("../images/display/list-pic.png");
    display: inline-block;
    vertical-align: middle;
}
.gal-pic a:before {
    content: url("../images/display/list-pic-gray.jpg");
    display: inline-block;
    vertical-align: middle;
}
.list-pic a:before {
    content: url("../images/display/gal-pic-gray.jpg");
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.gal-pic a:before {
    content: url("../images/display/list-pic-gray.jpg");
    display: inline-block;
    vertical-align: middle;
}
.list-pic a.active:before {
    content: url("../images/display/gal-pic.png");
    display: inline-block;
    vertical-align: middle;
}
.gal-pica .active:before {
    content: url("../images/display/list-pic.png");
    display: inline-block;
    vertical-align: middle;
}
.block.male a:hover {
    background: url("../images/icons/gender.svg") repeat scroll left bottom transparent;
}
.block.woman a:hover {
    background: url("../images/icons/gender.svg") repeat scroll center bottom transparent;
}
.block.kids a:hover {
    background: url("../images/icons/gender.svg") repeat scroll right bottom transparent;
}
.size p.block:hover {
    background-color: #f0f0f0;
    color: #174b86;
}
.black a:hover, .blue a:hover, .red a:hover, .green a:hover, .purple a:hover {
    background: url("../images/icons/arrow-color.png") no-repeat scroll center top transparent;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.white a:hover {
    background: url("../images/icons/arrow-color-white.png") no-repeat scroll center top transparent;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.white a.no-transition:hover {
    background:none;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
}
.price .display-list-menu a:hover {
    color: white;
}
.price .display-list-menu p:hover {
    background-color: #174b86;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.button-image .button {
    background-image: url("../images/produkte/products-presentation/button-download-images-2.svg");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 31px;
    width: 116px;
}
.button-image .button:hover {
    background-image: url("../images/produkte/products-presentation/button-download-images-2.svg");
    background-position: left bottom;
    text-decoration: none;
}
.img-box img:hover {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.twit-linkedin:hover {
    background: url("../images/produkte/products-presentation/social-print-picto.svg") no-repeat scroll right top transparent;
}
.face-link:hover {
    background: url("../images/produkte/products-presentation/social-print-picto.svg") no-repeat scroll right center transparent;
}
.print-link:hover {
    background: url("../images/produkte/products-presentation/social-print-picto.svg") no-repeat scroll right bottom transparent;
}
.big-t.partners:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.logo-part a:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.hot:hover, .closeout:hover, .preorder:hover, .zahlung:hover, .versand:hover {
    border: 1px solid #d6d6d6;
}
.konto a:hover h2, .warenkorb a:hover h2 {
    text-decoration: underline;
}
.p-pict a:hover img {
    transform-origin: 50% 0 0;
    transform: scale(1.2, 1.2);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -ms-transform-origin: 50% 0 0;
    -webkit-transition: all 0.3s ease;
}
.box20, .box75, .box35, .box100, .Tab-box {
    background-color: #f8f8fa;
}
.box100 {
    border: 1px solid white;
    font-style: normal;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 25px;
    position: relative;
}
.box75 {
    border: 1px solid white;
    display: inline-block;
    height: 240px;
    margin-bottom: 10px;
    margin-left: 7px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 587px;
    font-weight: 100;
}
.partners {
    position: relative;
    overflow: hidden;
}
.partners img {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.partners .position {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.position > a {
    color: #4a4a4a;
    display: block;
    height: 100%;
    width: 100%;
}
.box35.big-t.partners > img {
    margin-left: -90px;
}
.big-t h1 {
    font-size: 30px;
    text-align: left;
    padding: 20px;
    text-shadow: -2px 3px 10px #ffffff;
}
.box75 > a, .box35 > a {
    color: #4a4a4a;
    display: table;
    height: 100%;
    width: 100%;
}
.box35 {
    border: 1px solid white;
    display: inline-block;
    height: 240px;
    margin-bottom: 10px;
    margin-left: 8px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 388px;
}
.small-t h1 {
    color: #6a6a6a;
    font-size: 30px;
    font-weight: 100;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: inherit;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
.box100.small-t h1:first-child {
    margin-top: 0;
}
.box100 .news-list {
    border: 1px solid #f8f8fa;
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 15px;
    width: 44%;
}
.small-t h2 {
    color: #6a6a6a;
    font-size: 20px;
    font-weight: 100;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 18px;
}
.versand {
    background: url("../images/home/background/background-versand.svg") no-repeat scroll right top #f8f8fa;
}
.absolute-rb {
    bottom: 8px;
    color: #4a4a4a;
    position: absolute;
    right: 8px;
    text-align: right;
}
.box20 a > h1 {
    color: #3e3e3e;
}
.hot {
    background: url("../images/home/background/background-hotdeals.svg") no-repeat scroll right bottom #f8f8fa;
}
.closeout {
    background: url("../images/home/background/background-closeout.svg") no-repeat scroll right bottom #f8f8fa;
}
.preorder {
    background: url("../images/home/background/background-preorder.svg") no-repeat scroll right bottom #f8f8fa;
}
.zahlung {
    background: url("../images/home/background/background-zahlung.svg") no-repeat scroll right bottom #f8f8fa;
}
.folgen {
    background: none repeat scroll 0 0 #f8f8fa;
}
.absolute-rb .blue {
    font-weight: 100;
}
.box20.folgen.small-t p {
    color: #6a6a6a;
    font-size: 15px;
    margin-left: 24px;
    margin-right: 15px;
    margin-top: 24px;
}
.inline-block.social-pic {
    display: inline-block;
    height: 38px;
    min-height: 38px;
    min-width: 38px;
    overflow: hidden;
    width: 38px;
}
.social-pic.twit a {
    background: url("../images/icons/social-pic.svg") no-repeat scroll left top transparent;
}
.social-pic.face a {
    background: url("../images/icons/social-pic.svg") no-repeat scroll right top transparent;
}
.inline-block.social-pic.face {
    margin-left: 0 ! important;
}
.social-pic a {
    display: block;
}
.logo-slide {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-top: 30px;
    position: relative;
    width: 1240px;
    margin-bottom: 30px;
}
.logo-slide-content {
    height: 100px;
    overflow: hidden;
    width: 100%;
}
.newsletter h2 {
    line-height: normal;
    margin-right: 200px;
}
.newsletter {
    background-image: url("../images/home/background/background-newsletter-h.jpg");
    background-position: right center;
    background-repeat: no-repeat;
}
.newsletter input {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    display: inline-block;
    height: 29px;
    margin-right: 10px;
    padding-left: 10px;
    vertical-align: top;
    width: 388px;
}
.newsletter input.button {
    background-color: #174b86;
    border: 1px solid #f0f0f0;
    color: #ffffff;
    font-size: 18px;
    margin: 0;
    padding: 0;
    width: 125px;
}
.small-t.newsletter form {
    margin-left: 25px;
    margin-top: 25px;
}
.news-list {
    border: 1px solid #f8f8fa;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 15px;
}
.news-list .date {
    background-color: #174b86;
    height: 42px;
    margin-left: 0;
    margin-right: 20px;
    vertical-align: middle;
    width: 46px;
}
.date-cont {
    display: table-cell;
    height: 42px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 46px;
}
.date-cont p {
    font-size: 18px;
}
.date-cont p + p {
    font-size: 10px;
}
.news-list .date p {
    color: white;
    text-align: center;
}
.news-list .text {
    margin-left: 0;
    vertical-align: middle;
    width: 75%;
}
.news-list h1 {
    color: #174b86;
    font-size: 16px;
    margin-left: 0;
    margin-top: 0;
}
.news-list p {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
h2.blue {
    color: #174b86;
}
.blue a {
    color: #174b86;
}
.b-cat p {
    color: #6d6d6d;
    font-size: 12px;
}
.display {
    margin-bottom: 5px;
    text-align: right;
}
.display .inline-block {
    margin-left: 10px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
.display a {
    color: #6d6d6d;
    margin-left: 5px;
    padding: 5px 10px;
    font-size: 14px;
}
.display.ordercsv {
    float:right;
}
.display.ordercsv a {
    padding-right:4px;
}
.display a.active {
    border: 1px solid #e9e9e9;
}
a.display-list {
    background: url("../images/display/arrow.png") no-repeat scroll 30px 10px transparent;
    border: 1px solid #e9e9e9;
    display: block;
    height: 15px;
    padding-left: 5px;
    padding-right: 25px;
    width: 17px;
}
.display-list-menu {
    background: none repeat scroll 0 0 white;
    box-shadow: 0 10px 17px rgba(0, 0, 0, 0.2);
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
    z-index: 10;
    padding-top: 0;
}
.display .display-list-menu {
    right: 0;
}
.display-list-menu .line:first-child {
    margin-top: 0;
}
.display-list-menu .line {
    margin-top: 30px;
}
.display-list-menu .line {
    white-space: nowrap;
    width: auto;
}
.display-list-menu p, .display-list-menu p img {
    vertical-align: text-bottom;
}
.list-pic a:hover:before {
    content: url("../images/display/gal-pic.png");
    display: inline-block;
    vertical-align: middle;
}
.gal-pic a:hover:before {
    content: url("../images/display/list-pic.png");
    display: inline-block;
    vertical-align: middle;
}
.gal-pic a:before {
    content: url("../images/display/list-pic-gray.jpg");
    display: inline-block;
    vertical-align: middle;
}
.list-pic a:before {
    content: url("../images/display/gal-pic-gray.jpg");
    display: inline-block;
    left: -5px;
    margin-top: -1px;
    position: relative;
    vertical-align: middle;
}
.gal-pic a:before {
    content: url("../images/display/list-pic-gray.jpg");
    display: inline-block;
    left: -5px;
    margin-top: -1px;
    position: relative;
    vertical-align: middle;
}
.list-pic a.active:before {
    content: url("../images/display/gal-pic.png");
}
.gal-pic a.active:before {
    content: url("../images/display/list-pic.png");
}
.title.inline-block {
    width: 100px;
}
.display .mSelect {
    display: inline-block;
    width: 495%;
}
.warper-article {
    margin-right: 25px;
}

@media (max-width: 1280px) {
  .warper-article.shopping-cart {
    margin: auto;
    max-width: 95%;
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .warper-article.shopping-cart {
    margin-left: 25px;
    max-width: 95%;
    width: 100%;
  }
}

.aside, .warper-article {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.aside {
    background-color: #f8f8fa;
    display: inline-block;
    height: calc(100% - 100px)!important;
    min-height: 680px;
    padding: 20px 20px;
    position: relative;
    width: calc(26% - 20px);
}
.availability label {
    color: white;
    padding: 3px 7px;
    position: relative;
    text-transform: lowercase;
    top: 2px;
}
.stock {
    background-color: #2eaa5e;
}
.soon {
    background-color: var(--state-information-coming-soon);
}
.preorder-a {
    background-color: #da8630;
}
.checkbox {
    display: inline-block;
    height: 19px;
    overflow: hidden;
    position: relative;
    width: 18px;
}
.checkbox input[type="checkbox"] {
    border: 1px solid red;
    left: -1000px;
    position: absolute;
}
.but-list {
    border: 1px solid transparent;
    color: white;
    margin-right: 3px;
    margin-top: 20px;
    padding: 5px 10px;
}
.reset {
    background-color: #494949;
    font-size: 11px;
}
.ok {
    background-color: #174b86;
}
.display-list-menu p.valid {
    display: inline-block;
    text-align: right;
    width: 100%;
}
.breadcrump + .article {
    margin-top: 23px;
}
.baske {
    width: 1240px;
}
.basket .article .line {
    width: unset;
}
.article .line {
/*    margin-left: 0;
    margin-top: 30px;*/
    margin: 15px 0;
    padding: 15px 0;
    border-bottom:1px solid #e4e4e4;
    width: auto;
    box-sizing: border-box;
}
.article .line:first-child {
    margin-top: 0;
    display: flex;
    justify-content: space-between;
}
.countdown {
    font-size: 12px;
    display: inline-block;
    padding: 0 5px;
    background-color: #f4e82b;
}
.countdown .text {
    text-transform: uppercase;
}
.countdown .counter {
    white-space: nowrap;
}
.home .countdown { /* home seite */
    text-align: center;
    padding: 3px 5px;
}
.list .countdown { /* suchergebnisse */
    margin-top: 5px;
    border-radius: 5px;
}
.product-description .countdown { /* produktseite */
    margin: 5px 0 15px;
    border-radius: 5px;
}
.slick-slider .countdown { /* also bought */
    margin: -5px -5px 0 -5px;
    padding: 0;
    word-wrap: normal;
    white-space: normal;
    color: #4a4a4a;
    font-weight: normal;
    /*variante oben*/
    /*position: absolute;*/
    /*top: 0;*/
    /*padding: 0;*/
    /*text-align: center;*/
}

.product-list {
    position: relative;
    display: flex;
}
.product-list .inline-block {
    margin-left: 0;
    vertical-align: top;
}
.p-description.inline-block {
    vertical-align: middle;
}
.p-pict.inline-block {
    margin-right: 24px;
    position: relative;
}
.wishlist {
    float: right;
    position: absolute;
    right: 0;
    text-align: right;
    width: auto;
}
.wishlist .inline-block {
    height: 25px;
    width: 72px;
}
.product-list .wishlist p {
    display: table;
    height: 25px;
    overflow: hidden;
    width: 72px;
}
.product-list .wishlist a span {
    display: table-cell;
    padding-left: 26px;
    vertical-align: middle;
}
a .text {
    margin-right: 0;
}
.product-title h1 {
    color: #174b86;
    font-size: 25px;
    line-height: 28px;
}
.product-title h1 a {
    color: #174b86;
    width: 650px;
    display: inline-block;
    white-space: break-spaces;
}
.product-title h1 a:hover {
    color: #4a4a4a;
}
.product-title h3 {
    color: #174b86;
    font-size: 12px;
    margin-top: 10px;
}
.product-title h3 a {
    color: #174b86;
}
.product-title h3 a:hover {
    text-decoration: underline;
}
.product-title h3 .ref {
    color: #4a4a4a;
    margin-right: auto;
}
.product-list.special .product-title {
    display: table;
    height: 108px;
    max-height: 108px;
}
.product-list .product-title {
    display: block;
  /*  height: 150px;
    line-height: 150px;
    max-height: 150px;*/

}
.product-list.special .product-title {
    height: 108px;
    line-height: 108px;
    max-height: 108px;
}
.product-title .inline-block {
    display: inline-block;
    line-height: normal;
    padding-bottom: 18px;
    vertical-align: bottom;
}
.block.male a {
    background: url("../images/icons/gender.svg") repeat scroll left top transparent;
}
.block.woman a {
    background: url("../images/icons/gender.svg") repeat scroll center top transparent;
}
.block.kids a {
    background: url("../images/icons/gender.svg") repeat scroll right top transparent;
}
.block.male.active a {
    background-position: left bottom;
}
.block.woman.active a {
    background-position: center bottom;
}
.block.kids.active a {
    background-position: right bottom;
}
.product-list.special .table-spec {
    height: 100px;
}
.part-parameters {
    display: none;
    height: 38px;
    max-height: 38px;
    vertical-align: middle;
}
.part-parameters p.block {
    border: 1px solid #e9e9e9;
    display: inline-block;
    font-size: 0;
    height: 22px;
    line-height: 22px;
    margin-right: 1px;
    text-align: center;
    vertical-align: middle;
    width: 23px;
}
.part-parameters p.block a {
    border: medium none;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    margin-right: 1px;
    text-align: center;
    vertical-align: middle;
    width: 23px;
}
.article a {
    color: #3e3e3e;
}
.article a:hover {
    color: #174b86;
}
.part-parameters .inline-block {
    margin-left: 5px;
    margin-right: 0;
}
.size .block.active a {
    background-color: #f0f0f0;
    color: #174b86;
}
.color .block.active a {
    background: url("../images/icons/arrow-color.png") no-repeat scroll center top transparent;
}
.color .block.active.white a {
    background: url("../images/icons/arrow-color-white.png") no-repeat scroll center top transparent;
}
/*
redundant classes - shoud be .bg-white etc
.white {
    background-color: #ffffff;
}
.black {
    background-color: #000000;
}
.blue {
    background-color: #174b86;
}
.red {
    background-color: #b41e28;
}
.green {
    background-color: #08af5a;
}
.purple {
    background-color: #381a59;
}
*/
.product-list .inline-block p.inline-block {
    font-size: 12px;
  /*  margin-left: 10px;
    margin-right: 5px;
    vertical-align: middle;*/
}
.part-purchase .purchase-info p.inline-block {
   /* font-size: 9px;*/
}
.purchase-info p.inline-block {
  /*  display: table-cell;
    max-height: 23px;
    text-align: right;
    vertical-align: middle;*/
}
.purchase-info p.preorder-infos.inline-block {
    color: #da8630;
    display: table-cell;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin: 0;
    display: block;
    padding: 2px 0;
}
.purchase-info p {
    border-top: 1px solid #e4e4e4;
}
.purchase-info p:first-child {
    border: 0;
}
.purchase {
    display: block;
    width: 100%;/*overflow: hidden;*/
    border-top: 1px solid #e4e4e4;
}
.purchase + .purchase.table-price {
    border:0;
}
.gallery-description .purchase {
    max-height: inherit;
}
.eta-t {
    font-size: 10px;
}
span.date {
    font-size: 16px;
}
.eta-purch .v-center p {
    color: white;
}
.eta-purch {
    height: 40px;
    width: 127px;
}

.eta-purch .v-center p {
    color: white;
    display: block;
}
.number-purch {
    height: 40px;
    width: 161px;
}
.box-purch {
    background-color: #f0f0f0;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 1px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.box-purch.box-purch-static {
    position: static;
}

.v-center {
    display: inline-block;
    line-height: normal;
    position: relative;
    vertical-align: middle;
}
.v-center.size100 {
    max-width: 100%;
}
.mask .v-center {
    position: inherit;
}
.eta-purch.preo-purch {
    background-color: #da8630;
}
p.date {
    font-size: 16px;
    line-height: 16px;
}
.v-center p {
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
}
.sofort-purch .v-center p + p {
    font-size: 16px;
}
.sofort-purch-fdos-pending .v-center p {
    margin-top: 0;
    font-size: 12px;
}
.sofort-purch-fdos-pending .v-center p + p {
    font-size: 14px;
}
p.number-box {
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    /*padding-right: 8px;*/
    text-align: right;
    vertical-align: middle;
    width: 49px;
    cursor: pointer;
}
.quantity-text-box {
    text-align: center;
    width: 45px;
    margin-right: 0;
}
.quantity-text-box.big {
    margin-top: 0
}
.number-box input {
    border: 1px solid #c3c3c3;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    height: 28px;
    line-height: 20px;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
    width: 52px;
    display: inline-block;
    float: left;
    margin-top: 6px;
}
.order-btn-container .number-box input {
    height: 35px !important;
}
.max-quantity-box {
    line-height: normal;
    font-size: 12px;
    text-align: left;
    margin-top:10px
}
.mask .number-box input {
    height: 24px;
    padding-right: 5px;
    text-align: right;
    width: 24px;
}
p.number-box + .display-list-menu p {
    display: inline-block;
    padding-right: 10px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}
.basket .price:hover .display-list-menu {
    margin-top: 2px;
}
.price:hover .display-list-menu, .price.test .display-list-menu {
    display: table;
    height: auto;
    margin-right: 0;
    min-width: inherit;
    opacity: 1;
    overflow: visible;
    padding-top: 0;
    text-align: left;
    width: auto;
    z-index: 99;
}
.sidebar .price:hover .display-list-menu {
    display: table;
    height: auto;
    margin-right: 0;
    min-width: inherit;
    opacity: 1;
    overflow: visible;
    padding-top: 0;
    text-align: left;
    width: auto;
    z-index: 99;
    margin-top: 3px;
}
.sidebar p.number-box + .display-list-menu p {
    margin-top: 0;
    padding-right: 0;
}
.list-numbers {
    border-right: 1px solid #c3c3c3;
    display: inline-block;
    line-height: normal;
    margin-right: 5px;
    padding-right: 5px;
    text-align: right;
    min-width: 46px;
}
.gallery-description .list-numbers {
    border-right: 1px solid #c3c3c3;
    display: inline-block;
    line-height: normal;
    margin-right: 5px;
    padding-right: 5px;
    text-align: right;
    min-width: 25px;
}
.list-numbers.little {
    border: 0 none;
    padding-right: 0;
    margin-right: 0;
}
.price-button .price .box-big {
    line-height: 12px;
    padding-bottom: 4px;
    width: 60px;
    word-wrap: break-word;
}
.inline-block.box1-3 .display-list-menu p {
    line-height: 25px;
}
.gallery-description .list-numbers.little {
    min-width: 23px;
}
.display-list-menu > p {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
.price .display-list-menu a {
    display: block;
    height: 100%;
    padding: 5px;
}
.display-list-menu p.active {
    background-color: blue;
}
.display-list-menu p.active a {
    color: white;
}
.price .display-list-menu p.active {
    background-color: #174b86;
}
.price-purch {
    height: 40px;
    width: 180px;
}
.campaign-name {
    font-size: 20px;
}
.campaign-tag-image {
    width: 110px;
    margin-top: 10px;
}
.basket-campaign-tag-image {
    width: 129px;
    margin-left:2px;
}
.basket-badge-container {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
}
.type-price {
    font-size: 9px;
}
.total-price {
    font-size: 30px;
    font-weight: 600;
    color: #b41e28;
    margin-bottom: 10px;
}
.warper-article .total-price {
    padding-bottom: 5px;
}
.currency {
    font-size: 13px;
    text-transform: uppercase;
}
.box-purch.button {
    background-color: transparent;
}
.box-purch.button .button {
    display: inline-block;
    height: 40px;
}
.purchase .box-purch.button .button {
    width: 150px !important;
}
.soon-purch {
    background-color: var(--state-information-coming-soon);
}
.sofort-purch {
    background-color: var(--state-information-in-stock);
}
.sofort-purch-fdos-pending {
    background-color: var(--state-information-in-stock-fdos-pending);
}
.in-stock-fdos-pending-purch{
    background-color: var(--state-information-in-stock-fdos-pending);
}
.sofort-overdue-purch{
    background-color: var(--state-information-in-stock-overdue);
}
.in-stock-fdos-pending-purch p{
    padding-top: 10px;
}
.bottom-nav.display {
    height: 25px;
    line-height: 25px;
    margin-bottom: 25px;
    margin-top: 35px;
}
.bottom-nav.display p {
    text-align: center;
}
.fa {
    -moz-osx-font-smoothing: grayscale;
    color: #a5a4a5;
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.fa-color:hover .fa {
    color: black;
}
.bottom-nav.display a:hover {
    color: black;
}
.bottom-nav.display a.active:hover {
    color: #3e3e3e;
    cursor: text;
}
.nicht-verfugbar {
    background: url("../images/icons/button-nicht.png") no-repeat scroll 5px center rgba(255, 255, 255, 0.95);
    bottom: 0;
    display: table;
    height: 23px;
    line-height: 23px;
    padding: 3px 5px;
    position: absolute;
    right: 0;
    vertical-align: middle;
    width: 140px;
}
.nicht-verfugbar p {
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    padding-left: 24px;
    vertical-align: middle;
}
.sidebar > h1 {
    color: #174b86;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}
.c-selection {
    margin-top: 15px;
    text-align: left;
}
.s-line {
    margin-bottom: 25px;
    width: 100%;
}
.s-line > h2 {
    font-size: 14px;
    font-weight: 100;
}
.type {
    color: #174b86;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 15px;
}
.block-select {
    background-color: white;
    color: #174b86;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 4px;
    margin-top: 5px;
    padding: 4px 9px;
}
.block-select .fa {
    color: #174b86;
    font-size: 12px;
    font-weight: 100;
    left: -3px;
    position: relative;
}
.block-select a {
    color: #174b86;
}
.aside .select.inline-block {
    border-top: medium none;
    margin-left: 0;
    width: 100%;
}
.aside .select.inline-block .mSelect {
    width: 100%;
}
.c-selection2 {
    margin-top: 20px;
}
.aside .availability .inline-block {
    margin-left: 5px;
    margin-top: 20px;
}
.c-selection2 .availability .inline-block label, .c-selection2 .availability .inline-block div {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.c-selection2 .availability .inline-block div {
    background-color: white;
    margin-top: 8px;
}
.selector, .selector-big {
    margin-top: 35px;
}
.aside .sidebar h2, .selector-big > h2 {
    font-size: 16px;
    font-weight: 100;
    text-transform: none;
}
.selector h2 a, .selector-big h2 a {
    display: block;
    width: 100%;
}
.selector a, .selector-big a {
    background-color: transparent;
    color: #4a4a4a;
    padding: 5px;
    padding-left: 0;
}
.selector span.fa.fa-angle-down {
    float: right;
    margin-right: 9px;
    margin-top: 2px;
}
.selector-list.big {
    height: 280px;
}
.selector-big .selector-list {
    height: 0;
    margin-top: 5px;
    opacity: 1;
    overflow: hidden;
}
.selector-list p {
    margin-top: 3px;
    padding: 3px 5px;
}
.selector-list p:first-child {
    margin-top: 0;
}
.footer-aside {
    border-top: 1px solid #e5e5e5;
    margin-top: 30px;
}
.type-box {
    margin-top: 20px;
}
.image-list {
    margin-top: 15px;
}
.image-list a {
    background-color: white;
    display: inline-block;
    height: 90px;
    margin-bottom: 2px;
    margin-right: 3px;
    overflow: hidden;
    vertical-align: middle;
    width: 71px;
    line-height: 90px;
}
.type-box.last-seen img {
    height: auto;
    max-width: 100%;
    width: 71px;
    vertical-align: middle;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    overflow: hidden;
}
.type-box.last-seen img:hover {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
}
.aside p.number-box + .display-list-menu {
    left: 20px;
    text-align: left;
}
.aside .price-button {
    position: inherit;
    text-align: left;
}
#toggle {
    background: none repeat scroll 0 0 rgba(18, 68, 117, 0.8);
    display: block;
    height: 100%;
    line-height: 100%;
    margin: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 101;
}
.center-box {
    display: inline-block;
    vertical-align: middle;
}
#small-dialog .part-parameters {
    display: inline-block;
    height: auto;
    max-height: none;
    vertical-align: middle;
    width: 60%;
}
.dialog-content-img {
    display: inline-block;
    vertical-align: middle;
    width: 39%;
}
.dialog-content-img img {
    height: auto;
    max-width: 100%;
}
#small-dialog .part-parameters p {
    line-height: 22px;
    margin-bottom: 7px;
    margin-left: 0;
    margin-top: 7px;
}
.block40px {
    width: 55px;
}
.dialog-title h1 {
    color: #111111;
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 20px;
}
#small-dialog .v-center {
    max-width: none;
    width: 100%;
}
#small-dialog P.number-box + .display-list-menu {
    left: 65px;
    margin-top: -7px;
}
#small-dialog .preorder-infos {
    font-size: 10px;
}
.dialog-content {
    margin-bottom: 25px;
}
#small-dialog .price.inline-block {
    line-height: normal;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 45%;
}
#small-dialog .price.inline-block p {
    line-height: 15px;
    margin: -2px 0 0;
}
#small-dialog .price.inline-block p:first-child {
    font-size: 10px;
}
#small-dialog .dialog-content-input-selected .part-parameters {
    display: inline-block;
    height: auto;
    max-height: none;
    vertical-align: middle;
    width: 100%;
}
#small-dialog .dialog-content-input-selected .v-center {
    max-width: none;
    text-align: right;
    width: 100%;
}
.dialog-content-input-selected .price-purch {
    height: 40px;
    width: auto;
}
.table-spec .inline-block {
    vertical-align: middle;
}
.table-spec .part-parameters .inline-block {
    line-height: 38px;
    margin-left: 2px;
    margin-right: 0;
    vertical-align: middle;
}
.table-spec .part-parameters .size p:first-child {
    padding-right: 4px;
}
.list-produkt-selected .table-spec {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    max-height: 155px;
}
.list-produkt-selected .mCSB_draggerContainer {
    border-bottom: medium none;
    border-top: medium none;
}
/*.part-parameters .clist a:hover {
    background-image: none;
}*/
.inline-block.units {
    text-align: left;
    width: 63px;
}
.inline-block.ref {
    text-align: left;
    width: 108px;
}
.inline-block.t-price {
    text-align: right;
    width: 94px;
}
.inline-block.trash {
    width: 20px;
}
.product-list .wishlist {
    display: none;
}
.wishlist p {
    display: table;
    height: 25px;
    overflow: hidden;
    width: 72px;
}
.wishlist {
    float: left;
}
.dialog-button .wishlist.inline-block {
    float: none;
    position: relative;
    vertical-align: middle;
}
.dialog-button .inline-block p {
    text-align: right;
}
.dialog-button .inline-block {
    text-align: right;
    width: 49%;
}
.dialog-button {
    margin-top: 15px;
}
.button-box {
    margin-top: 10px;
}
.t-align-r {
    text-align: right;
}
.dialog-button .t-align-r {
    font-size: 10px;
}
.partners-page #small-dialog {
    background: none repeat scroll 0 0 white;
    margin: 40px auto;
    max-width: 800px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
}
.partners-page #small-dialog a {
    color: #174b86;
    text-decoration: underline;
}
.partners-page #small-dialog a:hover {
    color: #174b86;
    text-decoration: none;
}
.product .warper {
    margin-top: 10px;
}
.product .preorder {
    border: medium none;
}
.product .aside {
    background-color: #f8f8fa;
    display: inline-block;
    height: 100%;
    min-height: 595px;
    padding: 30px 20px;
    position: relative;
}
.product .aside > div:first-child {
    margin-bottom: 20px;
}
.retailer-container {
    padding: 30px 20px;
}
.retailer-container .button.ng-binding.orange {
    background-color: #da8630;
    color: white;
    width: 100%;
    line-height: 34px;
}
.retailer-container .button.ng-binding.orange:hover {
    background-color: #fff;
    color: #174b86;
}
.retailer-container .button.ng-binding.orange i {
    font-size: 15px;
    color: #fff;
    margin-left: 5px;
    transition: inherit;
}
.retailer-container .button.ng-binding.orange:hover i {
    color: #174b86;
}
.retailer-info-container {
    background-color: #174b86 !important;
}
.retailer-search {
    min-height: 150px;
    text-align: left;
}
.retailer-search form > div,
.retailer-search form > p {
    margin: 15px 0;
    width: 100%;
}
.retailer-search .retailer-search-title {
    font-size: 15px;
}
.retailer-search form > p:last-child {
    margin: 0;
}
.retailer-search .search-box {
    background: #fff;
    position: relative;
}
.retailer-search .search-box input[name="city"] {
    padding-right: 0.5vw;
}
.retailer-search .search-box i {
    font-size: 15px;
    color: #174b86;
    position: absolute;
    bottom: 7px;
    right: 10px;
}
.retailer-search ul {
    line-height: 18px;
}
.retailer-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 250px;
    text-align: left;
    color: #fff;
}
.retailer-info .retailer-info-btns a {
    display: block;
    width: 75% !important;
    margin: 10px 0;
    text-align: center;
}
.retailer-info .retailer-info-btns a:last-child {
    margin-bottom: 0;
}
.info-login .box-purch.button,
.info-login .box-purch.button .button {
    width: 100%;
    padding: 0;
}
.blurry-text {
    color: transparent;
    text-shadow: 0 0 13px #000;
}
.info-price .total-price.blurry-text {
    line-height:60px;
}
.detail .product .aside .product-info {
    min-height:430px;
    padding: 30px 20px 120px;
}
.product-pic {
    border: 1px solid #eeeeee;
    display: inline-block;
    height: 540px;
    line-height: 540px;
    overflow: hidden;
    padding-left: 1px;
    text-align: center;
    width: 356px;
}
.product-pic.inline-block > img {
    vertical-align: middle;
}
.warper-product .inline-block {
    margin-left: 0;
    position: relative;
    vertical-align: top;
}
.logo-sellers {
    height: 80px;
    line-height: 80px;
    max-height: 80px;
    text-align: right;
    width: auto;
}
.logo-sellers img {
    display: inline-block;
    line-height: normal;
    max-height: 60px;
    vertical-align: top;
    width: auto;
}
.product-description {
    display: block;
    padding-top: 25px;
    vertical-align: middle;
}
.product-description .v-align {
    display: inline-block;
    line-height: normal;
    text-align: left;
    vertical-align: middle;
}
.product-description .v-align h1 {
    color: #174b86;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}
.product-description .v-align h1.new {
    margin-bottom: 0;
}
.product-description .v-align h2.new {
    font-size: 16px;
    font-weight: 100;
    padding-bottom: 20px;
}
.product-description .v-align p {
    margin-bottom: 10px;
    word-break: normal;
}
.button-image {
    height: 31px;
    text-align: right;
}
.product-description ul li {
    padding: 0;
    margin: 0;
    list-style-position: inside;
}
.product-description .product-notes {
    margin-top: 15px;
}
.product-description .product-notes p {
    font-weight: bold;
}
.product-pics-nav {
    font-size: 0;
    margin-bottom: 30px;
    margin-top: 30px;
}
.img-box {
    background-color: white;
    border: 1px solid #EEE;
    display: inline-block;
    font-size: 0;
    height: 131px;
    margin-left: 3px;
    overflow: hidden;
    width: 111px;
    vertical-align: top;
}
.img-box img {
    height: auto;
    max-width: 100%;
}
.img-box:first-child {
    margin-left: 0;
}
.inner-bottom {
    margin-bottom: 50px;
}
.inner-bottom .copy {
    font-size: 10px;
}
.eta-purch.eta-aside {
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    height: auto;
    padding: 5px 8px;
    width: auto;
}
.infos-box-date {
    font-size: 14px;
    text-align: right;
}
.infos-box-date.preorder {
    color: #da8630;
}
.aside .inline-block {
    margin-left: 0;
}
.info-price .currency {
    font-size: 20px;
}
.total-price.inline-block {
    font-size: 25px;
}
.price-button {
    margin-top: 25px;
}
.box43 {
    vertical-align: bottom;
    width: 43%;
}
.box55 {
    vertical-align: bottom;
    width: 55%;
}
.price .number-box {
    margin-left: 0;
}
.price-button {
    position: relative;
}
.price-button .display-list-menu {
    left: 0;
    right: auto;
}
.button.inline-block > p {
    font-size: 10px;
    text-align: right;
}
.info-table {
    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.info-table .title > p {
    background-color: #174b86;
    color: white;
    font-size: 11px;
    font-weight: 100;
    margin: 2px;
    padding: 2px 5px;
    text-align: center;
}
.info-table p {
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
}
.inline-block.info-detail {
    margin-bottom: 15px;
    min-width: 42%;
    vertical-align: top;
}
div.info-detail {
    margin-top: 20px;
    text-align: left;
}
.info-detail .blue {
    font-weight: 100;
    color: black;
}
.info-footer .wishlist {
    float: none;
    margin-left: 15px;
    position: relative;
    vertical-align: middle;
    display: none;
}
.social-link a {
    display: inline-block;
    height: 32px;
    margin-left: 1px;
    vertical-align: middle;
    width: 32px;
}
.social-link a.print-link {
    display: none;
}
.article-disclaimer, .article-GPSR {
    padding: 15px 15px 0;
    font-size: 10px;
}
.article-GPSR {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 10px;
}
.twit-linkedin {
    background: url("../images/produkte/products-presentation/social-print-picto.svg") no-repeat scroll left top transparent;
}
.face-link {
    background: url("../images/produkte/products-presentation/social-print-picto.svg") no-repeat scroll left center transparent;
}
.print-link {
    background: url("../images/produkte/products-presentation/social-print-picto.svg") no-repeat scroll left bottom transparent;
}
.social-link.inline-block {
    float: right;
    margin-right: 15px;
}
.v-center.price > p {
    margin-right: 5px;
    font-size: 13px;
}
.gallery-description {
    margin-top: 1px;
    max-width: 166px;
}
.product-gallery.inline-block {
    margin-left: 0;
}
.product-gallery .eta-purch {
    padding-bottom: 3px;
    padding-top: 3px;
    width: auto;
}
.product-gallery .eta-purch, .basket-main .eta-purch {
    color: white;
    height: auto;
    text-align: center;
}
.basket-main .eta-purch {
    width: 160px;
    padding: 3px 6px;
}
.product-gallery .eta-purch p, .basket-main .eta-purch p {
    color: white;
    text-align: center;
}
.product-gallery .caption > h2 {
    color: #6a6a6a;
    font-size: 10px;
    font-weight: 100;
    line-height: normal !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-height: 15px;
    overflow: hidden;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
}
.product-gallery .caption > h1 {
    color: #174b85;
    display: block;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    max-width: 140px;
    overflow: hidden;
    padding: 0 15px 2px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
    line-height: normal;
}
.product-gallery .v-center p {
    display: block;
    line-height: 13px;
    vertical-align: middle;
    font-size: 11px;
}
.product-gallery p.number-box {
    display: block;
    font-size: 17px;
    height: 24px;
    line-height: 17px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 21px;
}
.product-gallery p.number-box a {
    display: inline-block;
    height: auto;
    line-height: normal;
    padding-right: 0;
    vertical-align: middle;
    width: 100%;
}
.gallery-article .article .line {
    margin-left: -9px;
    text-align: center;
}
.product-gallery p.number-box a {
    display: block;
}
.warper .product-gallery.inline-block {
    margin-left: 16.6px;
    margin-top: 15px;
    padding-bottom: 69px;
    position: relative;
}
.gallery-description .number-purch {
    height: 40px;
    text-align: center;
    width: auto;
}
.gallery-description p.number-box {
    width: auto;
}
.gallery-description .box-purch {
    background-color: transparent;
}
.gallery-description .price-purch {
    width: auto;
}
.gallery-description .box-purch {
    line-height: 40px;
    margin-left: 3px;
    margin-right: 3px;
}
.gallery-description .eta-purch p {
    text-align: center;
}
.gallery-description .box-purch.button .button {
    background: url("../images/icons/order-more.svg") no-repeat scroll left top / contain transparent;
    display: inline-block;
    height: 29px;
    width: 40px;
}
.purchase.tshirt .button a.button {
    background: url("../images/icons/order-more.svg") no-repeat scroll left top transparent;
    height: 24px;
    width: 76px;
}
.gallery-description .number-box input {
    border: 1px solid #e3e3e3;
}
.gallery-description .box-purch.button .button:hover {
    background: url("../images/icons/order-more-hover.svg") no-repeat scroll left top / contain transparent;
}
.purchase.tshirt .button a.button:hover {
    background-position: right top;
}
.gallery-description .v-center p {
    display: block;
    line-height: normal;
    vertical-align: middle;
}
.gallery-description .title-gal {
    font-size: 10px;
}
.gallery-description .v-center.price > p {
    font-size: 10px;
    margin-right: 5px;
}
.box-purch.button > p {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}
.gallery-description .inline-block.preorder-infos {
    font-size: 11px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gallery-description {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    max-width: 190px;
    position: absolute;
    width: 100%;
    height: auto;
}
.gallery-description:hover {
    bottom: 0;
    height: auto;
}
.caption {
    margin-top: 5px;
}
.gallery-description .caption div {
    text-align: center;
}
.product-gallery .mask {
    display: block;
    margin-top: 10px;
    max-height: 0;
    overflow: hidden;
    text-align: center;
    transition: all 350ms ease-out;
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    height: 0;
}
.product-gallery:hover .gallery-description .mask, .product-gallery .gallery-description.opened .mask, .opened .mask {
    max-height: 400px;
    height: 45px;
}
.product-gallery:hover .not-c .mask {
    height: 95px;
}
.mask p.number-box + .display-list-menu {
    left: 5px;
}
.mask .price:hover p.number-box + .display-list-menu {
    left: 25px;
}
.gallery-description .mask .number-box input {
    border: 1px solid #e3e3e3;
}
.mask p.number-box + .display-list-menu p {
    display: inline-block;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
.mask p.number-box + .display-list-menu p a {
    white-space: nowrap;
}
.mask .number-box input {
    border: medium none;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    height: 24px;
    padding-right: 5px;
    text-align: right;
    width: 24px;
}
.p-pict a {
    display: block;
    height: 210px;
    overflow: hidden;
    width: 166px;
}
.p-pict a img {
    transform: scale(1, 1);
    transition: all 350ms ease-out;
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -webkit-transform: scale(1, 1);
}
.product-list .p-pict a img {
    transform: none;
    transition: none;
    -webkit-transition: none;
    -webkit-transform: none;
}
.h-hotdeals {
    margin-bottom: 15px;
    width: 100%;
}
.h-hotdeals h1 {
    font-size: 38px;
}
.h-hotdeals .box100 {
    background: url("../images/produkte/background-hotdeals-page.svg") no-repeat scroll right top #f8f8fa;
}
.hot-text {
    margin-top: 25px;
    max-width: 290px;
}
.hot-text p {
    font-size: 18px;
    line-height: normal;
}

h4.hotdeals.hotdeal-font,
h4.hotdeals.closeout-font,
h4.hotdeals.mainrelease-font,
h4.closeOut.hotdeal-font {
    background-color: #b41e28;
    color: #fff !important;
    text-align: left;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 3px;
    padding: 0 5px;
    margin: 5px 0 0;
    font-size:12px
}

.product-description h4.hotdeals.hotdeal-font,
.product-description h4.hotdeals.closeout-font,
.product-description h4.closeOut.hotdeal-font {
    margin-bottom:15px;
}

h4.hotdeals span {
    display: inline-block;
    background-color: #f0f0f0;
    color: #b41e28;
    padding: 0 9px;
    text-transform: initial;
    border-radius: 0 5px 5px 0;
    margin: 0 -8px 0 2px;
}
h4.closeOut.hotdeal-font {
    background-color: #f0f0f0;
    color: #b41e28 !important;
}
h4.hotdeals.closeout-font {
    background-color: #723acf;
}

h4.hotdeals.mainrelease-font {
    background-color: #da8630;
    margin-bottom: 15px;
}

.sidebar .part-parameters {
    display: block;
    height: auto;
    max-height: inherit;
}
.sidebar .part-parameters div {
    margin-top: 15px;
}
.sidebar .part-parameters div + div {
    margin-top: 0;
}
.sidebar .part-parameters p.block {
    margin-right: 0;
}
.inline-block.align-right {
    text-align: right;
    width: 169px;
}
.basket .inline-block {
    margin-left: 0;
    vertical-align: middle;
}
.line.header-waren {
}
.basket .box75 h1 {
    margin-left: 60px;
    margin-top: 80px;
}
.basket .mail-part .inline-block.a-right {
    margin-left: 18px;
    padding: 0;
}
.basket .header-waren .box75 {
    background: url("../images/basket/basket-header.svg") no-repeat scroll 270px 0 #ebebeb;
    height: 220px;
}
.basket .box35 {
    height: 220px;
}
.basket .box35 h1 {
    font-size: 20px;
}
.basket .box35 h3 {
    font-size: 14px;
    line-height: normal;
    margin-left: 25px;
}
.basket .box35 h1 + h3 {
    margin-top: 25px;
}
.basket .box35 a {
    color: #174b86;
}
.basket .box35 a:hover {
    color: #174b86;
    text-decoration: underline;
}
.basket .box35 p {
    padding-right: 25px;
    text-align: right;
}
.button.basket {
    background-color: white;
    border: medium none;
    font-size: 12px;
    height: 20px;
    line-height: normal;
    margin: 0;
    padding: 0 5px;
    width: auto;
}
.line.header-table {
    margin-bottom: 5px;
    margin-top: 5px;
}
.header-table .box75 {
    background-color: transparent;
    height: auto;
    margin-left: 0;
}
.article h3.inline-block {
    margin-left: 15px;
}
.article h3.inline-block:first-child {
    margin-left: 0;
}
.inline-block.ref.tab-ref > input {
    width: 448px;
}
.basket .box35 h3.inline-block {
    text-align: center;
    width: 30%;
}
.header-table .box35 {
    background-color: transparent;
    height: auto;
}
.line.table {
    border-bottom: 1px solid #c3c3c3;
    margin: 0;
    padding: 0 0 10px;
    width: 100%;
}
.table .box100 {
    margin-bottom: 1px;
    overflow: visible;
    padding: 10px 0;
}
.product-descript-list {
    border-right: 1px solid #c3c3c3;
    margin-left: 0;
    padding: 15px;
    width: 780px;
}
.box1-3:last-child {
    border: medium none;
}
.box1-3 {
    border-right: 1px solid #c3c3c3;
    margin-left: 0;
    min-height: 118px;
    padding: 15px;
    text-align: center;
    width: 100px;   
}
@media screen and (min-width: 1024px) {
    .basket .box1-3 {
        width: 111px;   
    }
}
.table-pic {
    height: 118px;
    overflow: hidden;
    width: 95px;
}
.table-pic img {
    height: auto;
    max-width: 95px;
}
.table-pic:hover img {
    transform-origin: 50% 0 0;
    transform: scale(1.2, 1.2);
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -webkit-transform-origin: 50% 0 0;
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease;
}
.inline-block.text {
    margin-left: 15px;
    max-width: 450px;
}
.inline-block.text > p {
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
}
.inline-block.text p.date {
    margin-top: 0;
}
.inline-block.text p:first-child {
    margin-top: 0;
}
.inline-block.text input {
    border: 1px solid #ededed;
    padding: 3px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: 80%;
}
.table .number-box, .table .price img {
    display: inline-block;
    vertical-align: middle;
}
.table .price .trash {
    padding: 2px;
}
.table .type-price {
    font-size: 11px;
    margin-top: 10px;
    text-align: right;
}
.basket .line.table .box100.total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}
.line.table .box100.total {
    background-color: transparent;
    vertical-align: middle;
}
.total .box1-3 {
    border: medium none;
    min-height: inherit;
    vertical-align: middle;
}
.total .box1-3:last-child {
    background-color: #f8f8fa;
    width: 114px;
}
.total .box1-3 .total-price.total:first-child {
    margin-bottom: 25px;
}
.total .box1-3 .total-price.total {
    margin-bottom: 5px;
    text-align: right;
}
.inline-block.total {
    border: medium none;
    text-align: center;
    width: 932px;
}
.inline-block.product-descript-list.total.left {
    text-align: left;
    width: 926px;
}
.inline-block.link {
    margin-left: 15px;
    text-align: center;
    width: 100px;
}
.sub p {
    text-align: center;
}
.inline-block.link:first-child {
    margin-left: 0;
}
.inline-block.link .pict {
    background: url("../images/icons/warenkorb-icons.svg") no-repeat scroll left top / 259px 52px transparent;
    display: inline-block;
    height: 26px;
    margin-bottom: 5px;
    text-align: center;
    width: 37px;
}
.inline-block.link:hover .sub p {
    color: #174b86;
}
.inline-block.link .pict.bas {
    background-position: -38px top;
}
.inline-block.link .pict.lad {
    background-position: -74px top;
}
.inline-block.link .pict.csv {
    background-position: -112px top;
}
.inline-block.link .pict.imp {
    background-position: -148px top;
}
.inline-block.link .pict.wie {
    background-position: -185px top;
}
.inline-block.link:hover .pict.truck {
    background-position: left bottom;
}
.inline-block.link:hover .pict.bas {
    background-position: -38px bottom;
}
.inline-block.link:hover .pict.lad {
    background-position: -74px bottom;
}
.inline-block.link:hover .pict.csv {
    background-position: -112px bottom;
}
.inline-block.link:hover .pict.imp {
    background-position: -148px bottom;
}
.inline-block.link:hover .pict.wie {
    background-position: -185px bottom;
}
.inline-block.box1-3.price {
    background-color: #174b86;
}
.inline-block.box1-3.price p {
    color: white;
}
.inline-block.price p.freight-surcharge {
    margin-left: -5px;
    margin-top: 5px;
}
p.c-card {
    height: 19px;
    line-height: 19px;
    text-align: center;
}
p.c-card span.pic {
    background: url("../images/icons/creditcard.svg") no-repeat scroll left center / 30px 19px transparent;
    display: inline-block;
    height: 19px;
    line-height: normal;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 31px;
}
.inline-block.option-p, .inline-block.c-card, .inline-block.n-card {
    border-right: 1px solid #c3c3c3;
    padding: 15px;
    width: 306px;
}
.inline-block.n-card {
    border: medium none;
}
.inline-block.option-p > h1 {
    font-size: 20px;
    text-align: center;
}
.inline-block.c-card {
    text-align: left;
    width: 180px;
}
.inline-block.n-card > h2 {
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 10px;
}
.box100.freight-surcharge-part {
    margin-top: 25px;
}
.box100.pay-part {
    margin-top: 25px;
}
.box100.drop-shipping-part {
    background: none repeat scroll 0 0 transparent;
    margin-top: 30px;
    padding: 30px 0 0;
}
.box100.drop-shipping-part input:not(input[type="checkbox"]) {
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
}
.box100.drop-shipping-part input:hover {
    border-color: #d6d6d6;
}
.box100.drop-shipping-part label.drop-shipping-checkbox {
    display: inline-block;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-right: 20px;
    vertical-align: top;
}
.box100.mail-part {
    background: none repeat scroll 0 0 transparent;
    border-top: 1px solid #c3c3c3;
    margin-top: 30px;
    padding: 30px 0 0;
}
.box100.mail-part textarea {
    background-color: #f8f8fa;
    height: 109px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: 68%;
}
.box100.mail-part label {
    display: inline-block;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-right: 20px;
    vertical-align: top;
}
.mail-part .icheckbox_square-grey {
    background-color: white;
    margin-right: 10px;
}
.mail-part .inline-block > p {
    background-color: #f8f8fa;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
}
.mail-part .button {
    border: medium none;
    font-size: 15px;
    height: auto;
    padding: 10px;
    vertical-align: middle;
    width: auto;
}
.inline-block.a-right {
    text-align: right;
    width: 26%;
}
.button.green {
    background-color: #05943c;
    color: white;
}
.button.green:hover {
    background-color: #f8f8fa;
    color: #174b86;
}
.text .blue {
    font-size: 14px;
    font-weight: 100;
}
.inline-block.text strong {
    font-size: 14px;
}
.inline-block a {
    color: #174b86;
}
.inline-block a:hover {
    text-decoration: underline;
}
.total a:hover {
    text-decoration: none;
}
.inline-block a.red {
    color: #c12d1e;
}
.box100.mail-part textarea:hover, .inline-block.text input:hover {
    border-color: #d6d6d6;
}
.product-title h1 a:hover, .display-list-menu a:hover, .wishlist a:hover {
    text-decoration: none;
}
.box-purch.not {
    width: 246px;
}
.box-purch.not p {
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
}
.box-purch.button .button.not {
    background-color: #174b86;
    background-image: none;
    color: white;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    vertical-align: middle;
}
.box-purch.button .button.not:hover {
    background-color: white;
    color: #174b86;
    font-size: 14px;
    text-decoration: none;
}
.login h1 {
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 30px;
}
.login .tab-content h1 {
    margin-bottom: 10px;
}
.login label, .login p {
    display: block;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 20px;
}
.login label.inline-block {
    display: inline-block;
    margin-left: 10px;
}
.login input {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    height: 22px;
    padding-left: 5px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: 100%;
}
.login input:hover {
    border: 1px solid #d6d6d6;
}
.login a:hover {
    text-decoration: underline;
}
.login input[type="button"] {
    display: block;
    font-size: 15px;
    height: auto;
    margin-top: 20px;
    padding: 5px 10px;
    width: auto;
}
.not .info-table {
    border-bottom: medium none;
}
.not .box-purch p {
    font-size: 10px;
    text-align: left;
}
.not .gallery-description .box-purch {
    height: 20px;
    line-height: 20px;
    margin: 0;
}
.mask .button > p {
    text-align: center;
}
.account .c-selection p {
    background-color: white;
    font-size: 0;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    vertical-align: middle;
    width: 100%;
}
.c-selection a .text {
    display: inline-block;
    font-size: 14px;
    height: 30px;
    padding-left: 10px;
    vertical-align: middle;
    width: 188px;
}
.c-selection a .image {
    background: url("../images/account/user-icon.png") no-repeat scroll left top transparent;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    position: relative;
    right: -2px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    vertical-align: middle;
    width: 28px;
}
.account .c-selection p:hover {
    background-color: #174b86;
}

/*Cannot resolve files ../images/account/...*/
/*.account .dat a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 0 transparent;*/
/*}*/
/*.account .vor a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -30px transparent;*/
/*}*/
/*.account .rec a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -60px transparent;*/
/*}*/
/*.account .rec-d a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -90px transparent;*/
/*}*/
/*.account .bes a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -120px transparent;*/
/*}*/
/*.account .new a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -150px transparent;*/
/*}*/
/*.account .new-a a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -180px transparent;*/
/*}*/
/*.account .kre a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -210px transparent;*/
/*}*/
/*.account .war a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -240px transparent;*/
/*}*/
/*.account .war-i a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -270px transparent;*/
/*}*/
/*.account .sho a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -300px transparent;*/
/*}*/
/*.account .sho-b a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll 0 -330px transparent;*/
/*}*/
/*.account .dat p:hover a .image, .account .dat.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px 0 transparent;*/
/*}*/
/*.account .vor p:hover a .image, .account .vor.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -30px transparent;*/
/*}*/
/*.account .rec p:hover a .image, .account .rec.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -60px transparent;*/
/*}*/
/*.account .rec-d p:hover a .image, .account .rec-d.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -90px transparent;*/
/*}*/
/*.account .bes p:hover a .image, .account .bes.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -120px transparent;*/
/*}*/
/*.account .new p:hover a .image, .account .new.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -150px transparent;*/
/*}*/
/*.account .new-a p:hover a .image, .account .new-a.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -180px transparent;*/
/*}*/
/*.account .kre p:hover a .image, .account .kre.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -210px transparent;*/
/*}*/
/*.account .war p:hover a .image, .account .war.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -240px transparent;*/
/*}*/
/*.account .war-i p:hover a .image, .account .war-i.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -270px transparent;*/
/*}*/
/*.account .sho p:hover a .image, .account .sho.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -300px transparent;*/
/*}*/
/*.account .sho-b p:hover a .image, .account .sho-b.active p a .image {*/
    /*background: url("../images/account/user-icon.png") no-repeat scroll -28px -330px transparent;*/
/*}*/
.account .active p {
    background-color: #174b86;
}
.c-selection .active p a {
    color: white;
}
.account h2 {
    font-size: 20px;
    font-weight: 100;
    line-height: normal;
}
.account div.content {
    margin-bottom: 50px;
    margin-top: 50px;
}
.account div.content:first-child {
    margin-top: 0;
}
.account h3 {
    color: #174b86;
    font-size: 20px;
}
.account h4 {
    line-height: normal;
    text-align: left;
}
.account p {
    font-size: 15px;
    margin-top: 25px;
}
.account div input.button.gray {
    background-color: #f0f0f0;
    color: #4a4a4a;
}
.account div.email input.email {
    background-color: #f0f0f0;
    border: 1px solid white;
    font-size: 15px;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding: 3px 5px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: 350px;
}
.check p {
    margin-bottom: 5px;
    margin-top: 5px;
}
.check p:first-child {
    margin-top: 25px;
}
.check .icheckbox_square-grey {
    margin-right: 10px;
}
.lang .mSelect {
    margin-left: 20px;
    width: 272px;
}
.lang .mOptions {
    margin-left: 20px;
}
.account-b {
    margin-top: 45px;
}
.account-b .button {
    margin-right: 25px;
}
.account-b .button:hover {
    border: 1px solid #d6d6d6;
}
.account div.email input:hover {
    border: 1px solid #d6d6d6;
}
/*.account div input:hover, .account div input.gray:hover {*/
/*    background-color: white;*/
/*    color: black;*/
/*}*/
.account .inline-block.title {
    line-height: normal;
    margin-left: 0;
    margin-top: 0;
    width: 140px;
}
.account .inline-block.title + .inline-block {
    margin-left: 10px;
    margin-top: 0;
    width: 77%;
}
.account h3 + p.inline-block.title {
    margin-top: 25px;
}
.account .news-list {
    background-color: #f8f8fa;
    margin-left: 0;
}
.account .news-list a {
    display: block;
    padding: 25px;
}
.account .newsletter-list {
    margin-top: 25px;
}
.account .news-list p {
    margin-top: 0;
}
.account .news-list:hover {
    background-color: white;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
}
.warper.formular, .warper.formular .warper, .warper.formular .warper .article {
    margin-top: 0;
}
.box100.big-t > h3 {
    line-height: normal;
    margin-left: 25px;
    margin-top: 20px;
}
.header-kundenF .box100 {
    background: url("../images/formular/background-kundenFormular.jpg") no-repeat scroll right top transparent;
}
.warper.formular-kunden .warper, .warper.formular-kunden .warper .article {
    margin-top: 0;
}
.warper-intro a {
    color: #174b86;
}
.formular-kunden .warper-formular {
    margin-top: 25px;
    padding: 0;
}
.formular-kunden .warper-formular .size50:first-child {
    margin-right: 10px;
}
.size50, .warper-formular .size50 {
    width: 49%;
}
.size50 .padding {
    padding: 0 30px 30px;
}
.formular-kunden .warper-formular p + h1 {
    margin-top: 45px;
}
.for-option {
    color: #174b86;
}
.warper-formular .icheckbox_square-grey {
    background-color: #f0f0f0;
    display: block;
    margin-top: 15px;
}
.warper-formular h1.marg-b-10 {
    margin-bottom: 5px;
}
.warper-formular p.inline-block {
    font-size: 11px;
    margin-right: 14px;
    text-align: center;
    width: auto;
}
.warper-formular p.inline-block .icheckbox_square-grey {
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}
.form-img-box {
    background-color: gray;
    display: block;
    height: 30px;
    margin: 5px auto;
    width: 30px;
}
.form-img-box.paypal {
    background: url("../images/formular/picto-payement.svg") repeat scroll left top transparent;
}
.form-img-box.card {
    background: url("../images/formular/picto-payement.svg") repeat scroll -30px top transparent;
}
.form-img-box.bank {
    background: url("../images/formular/picto-payement.svg") repeat scroll -60px top transparent;
}
.form-img-box.vor {
    background: url("../images/formular/picto-payement.svg") repeat scroll -90px top transparent;
}
.form-img-box.rech {
    background: url("../images/formular/picto-payement.svg") repeat scroll -120px top transparent;
}
.form-img-box.nach {
    background: url("../images/formular/picto-payement.svg") repeat scroll right top transparent;
}
.input-file > input {
    background-color: transparent;
    padding-left: 0;
}
.warper .size-14 {
    font-size: 14px;
    line-height: normal;
}
.cbox .box-img {
    display: block;
    height: 35px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 35px;
}
.cbox .box-text {
    display: inline-block;
    max-width: 60px;
    word-wrap: normal;
}
.size50 textarea {
    height: 140px;
}
.footer-kunden-for {
    line-height: 20px;
    padding: 0 30px;
}
.footer-kunden-for .icheckbox_square-grey {
    float: left;
    margin-right: 10px;
    margin-top: 0;
}
.footer-form {
    border-top: 1px solid #f0f0f0;
    margin-top: 40px;
    padding-top: 30px;
}
.footer-form .captcha, .footer-form .send-button {
    margin-top: 0;
}
.footer-form .inline-block {
    vertical-align: text-bottom;
    width: 49%;
}
.footer-form .send-button {
    text-align: right;
}
.warper-formular a {
    color: #174b86;
    text-decoration: underline;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
}
.warper-formular a:hover {
    color: black;
    text-decoration: none;
}
.footer-kunden-for p + p.cbox {
    margin-top: 25px;
}
.warper-formular h3 {
    color: #a3a3a3;
}
.line.header {
    display: block;
    position: inherit;
    width: 100%;
}
.line.zahlung-optionen .box100 {
    background: url("../images/header/header-zahlung.jpg") no-repeat scroll left top transparent;
}
.line.header .box100 {
    height: 170px;
    margin-bottom: 50px;
}
.line.header .big-t h1 {
    font-size: 38px;
    margin-left: 25px;
    margin-top: 45px;
    text-shadow: -2px 3px 10px #ffffff;
}
.warper .icon-zahl, .warper .zahl-descript {
    margin-left: 0;
    vertical-align: top;
}
.warper .icon-zahl p, .warper .zahl-descript p {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}
.icon-zahl {
    background-color: #ebebeb;
    height: 134px;
    line-height: 134px;
    text-align: center;
    width: 250px;
}
.warper .icon-zahl {
    margin-right: 85px;
}
.zahl-descript {
    min-height: 134px;
    width: 650px;
}
.img-zahl {
    height: 53px;
    width: 72px;
}
.pay .img-zahl {
    background: url("../images/zahlung/zahlungOptionen.png") no-repeat scroll center top transparent;
}
.vor .img-zahl {
    background: url("../images/zahlung/zahlungOptionen.png") no-repeat scroll 0 -53px transparent;
}
.kre .img-zahl {
    background: url("../images/zahlung/zahlungOptionen.png") no-repeat scroll 0 -106px transparent;
}
.rec .img-zahl {
    background: url("../images/zahlung/zahlungOptionen.png") no-repeat scroll 0 -159px transparent;
}
.nac .img-zahl {
    background: url("../images/zahlung/zahlungOptionen.png") no-repeat scroll 0 -212px transparent;
}
.ban .img-zahl {
    background: url("../images/zahlung/zahlungOptionen.png") no-repeat scroll 0 -265px transparent;
}
.line-option {
    border-top: 1px solid #ebebeb;
    margin-top: 35px;
    padding-top: 35px;
}
.line-option.first {
    border-top: medium none;
    margin-top: 0;
    padding-top: 0;
}
.inline-block.zahl-descript p {
    font-size: 15px;
    margin-top: 10px;
}
p.inline-block.gray {
    background-color: #ebebeb;
    margin-left: 0;
    margin-top: 25px;
    padding: 5px 10px;
}
.inline-block.gray.block20 {
    margin-right: 25px;
    width: 44%;
}
.inline-block.gray.block20 + .inline-block.gray.block20 {
    margin-right: 0;
}
.header-shipping .box100 {
    background: url("../images/header/header-shipping.jpg") no-repeat scroll right top transparent;
}
.modal-content .header-shipping .box100 {
    background: none;
}
.info-p .article p {
    font-size: 14px;
    margin-bottom: 15px;
}
div.inline-block.gray {
    background-color: #ebebeb;
    margin-left: 0;
    margin-top: 25px;
    padding: 10px;
}
.Versand {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    width: 100%;
}
.Versand td {
    font-style: normal;
    font-size: 14px;
    font-weight: 100;
    padding-top: 5px;
    text-align: center;
}
.Versand td:first-child, .Versand th:first-child {
    text-align: left;
}
.Versand th {
    color: #174b86;
    font-style: normal;
    font-size: 18px;
    font-weight: 100;
    padding-bottom: 5px;
    text-transform: none;
}
.first {
    font-weight: 100;
}
tr.spaceup td {
    padding-top: 25px;
}
td.small {
    font-size: 12px;
}
.part-table-info {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding: 35px;
    width: 80%;
}
.gray {
    background-color: #f0f0f0;
}
.size20 {
    font-size: 20px;
    font-weight: 100;
}
.warper h1.size20 {
    font-size: 20px;
    font-weight: 100;
    margin-top: 30px;
}
.align-center {
    text-align: center;
}
.content80 {
    margin-bottom: -30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    padding-right: 20%;
    width: 80%;
}
.part-table-info li:before {
    color: #b41e28;
    content: "";
    display: inline-block;
    font-family: 'FontAwesome';
    font-weight: 100;
    left: -20px;
    margin-left: -12px;
    position: relative;
}
.part-table-info ul {
    margin-bottom: 0;
}
.warper .part-table-info li {
    clear: none;
    display: inline-block;
    line-height: normal;
    list-style: outside none none;
    margin-bottom: 10px;
}
.info-p a {
    color: #174b86;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
}
.info-p a:hover {
    color: black;
    text-decoration: underline;
}
.back-warper.dist {
    background: url("../images/distribution/superman-background.svg") no-repeat scroll center 265px transparent;
    padding-bottom: 30px;
}
.content80 .part-table-info {
    margin-left: 0;
}
.h-dist .box100 {
    background: url("../images/header/header-distribution.png") no-repeat scroll right top transparent;
}
.login-page .box50 form {
    background-color: transparent;
    height: auto;
    padding: 25px;
}
.box50 {
    background-color: transparent;
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 0;
    height: auto;
    padding: 0;
    width: 49%;
}
.login-page .box50:first-child {
    margin-right: 12px;
}
.login-page .box50 {
    vertical-align: top;
}
.login-page .box50 p {
}
.box50 .icheckbox_square-grey {
    top: -6px;
}
/*.impr .article > h2 {*/
/*    font-size: 17px;*/
/*    font-weight: 100;*/
/*    line-height: normal;*/
/*    margin-bottom: 25px;*/
/*    margin-top: 25px;*/
/*}*/
.inline-block.imprint {
    margin-left: 0;
    width: 190px;
}
/*.map-box {
    display: block;
    float: right;
    min-height: 381px;
    width: 618px;
}
.map-box iframe {
    min-height: 381px;
    width: 618px;
}
.table {
    display: table;
}
table.iti {
    background-color: #ebebeb;
    font-size: 11px;
    margin: 0;
    vertical-align: middle;
}
table.iti tr {
    line-height: 75px;
    text-align: center;
    vertical-align: middle;
}
.iti td {
    display: inline-block;
    font-size: 16px;
    font-weight: 100;
}
table.directions th {
    background-color: #c5dde7;
    font-size: 15px;
}
table.directions td {
    font-size: 11px;
}

#map_canvas {
    border: 0 solid #333333;
    height: 460px;
    margin: 0;
    width: 100%;
}
#directions {
    border: 0 solid #333333;
    font-size: 9px;
    margin: 2px;
    overflow: auto;
    text-align: left;
    width: auto;
}
.adp, .adp table {
    color: #2c2c2c;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 300;
    width: 100%;
}
.table-map {
    margin-left: 20px;
    width: 618px;
}
td.start {
    min-width: 80px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
td.from {
    min-width: 320px;
    text-align: left;
}
td.go {
    min-width: 100px;
}
#fromAddress {
    border: 1px solid white;
    height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: 330px;
}
#fromAddress:hover {
    border: 1px solid #d6d6d6;
}
input.button.map {
    background-color: #174b86;
    border: medium none;
    color: white;
    cursor: pointer;
    font-size: 15px;
    font-variant: normal;
    font-weight: 100;
    height: auto;
    line-height: 15px;
    margin-left: 10px;
    padding: 5px;
    position: relative;
    top: 1px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: auto;
}
input.button.map:hover {
    background-color: white;
    color: black;
}
.info-p-bmarg, .info-p .article .info-p-bmarg {
    margin-bottom: 35px;
}
*/
img {
    color: #000000;
}
.no-cut {
    -moz-hyphens: none ! important;
    -webkit-hyphens: none ! important;
}
.align-left {
    text-align: left ! important;
}
.header-imprint .box100 {
    background: url("../images/header/header-imprint-clean.jpg") no-repeat scroll right top transparent;
    height: 100px;
    margin-bottom: 35px;
}
.header-imprint .box100.big-t h1 {
    color: #304364;
    font-weight: bolder;
    padding-left: 0px;
    padding-bottom: 0px;
    position: absolute;
    bottom: 0px;
    margin-left: 0px;
    margin-bottom: 45px;
}
.box100.box50.big-t {
    border: 1px solid transparent;
    height: 140px;
    margin-bottom: 14px;
}
.login-page .box100.box50.big-t:first-child {
    margin-right: 15px;
}
.h-login .head1 {
    background: url("../images/header/header-login1.jpg") no-repeat scroll right top transparent;
    padding: 25px 0;
}
.h-login .head2 {
    background: url("../images/header/header-login2.jpg") no-repeat scroll right top transparent;
    padding: 25px 0;
}
.cols-3 {
    -moz-column-count: 3;
    -moz-column-gap: 19px;
    -moz-column-rule: 1px dotted #cbcefb;
    -o-column-count: 3;
    -o-column-gap: 19px;
    -o-column-rule: 1px dotted #cbcefb;
    -webkit-column-count: 3;
    -webkit-column-gap: 19px;
    -webkit-column-rule: 1px dotted #cbcefb;
    -ms-column-count: 3;
    -ms-column-gap: 19px;
    -ms-column-rule: 1px dotted #cbcefb;
    column-count: 3;
    column-gap: 19px;
    column-rule: 1px dotted #cbcefb;
}
.cols-3 h2 {
    color: #174b86;
    font-size: 17px;
    font-weight: 100;
    margin-bottom: 10px;
}
body #small-dialog {
    max-width: 800px;
}
.header-copyright .box100 {
    background: url("../images/header/header-copyright.jpg") no-repeat scroll right top transparent;
    padding: 25px;
}
#fixedtop {
    position: fixed;
}
.c-selection .block-select:hover a {
    color: black;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
}
.selector-list p:hover {
}
.error:before {
    color: #b41e28;
    content: "> ";
}
.error:after {
    color: #b41e28;
    /*content: "Please fill or correct the field in red";*/
    display: block;
    margin-bottom: 20px;
}
.tab-content input.error {
    border: 1px solid #b41e28;
}

input.error {
    border: 1px solid #b41e28;
}
input.error:before {
    border: 1px solid #b41e28;
    content: "";
    height: 25px;
    width: 25px;
}
.button.error {
    cursor: not-allowed;
}
.button.error:before {
    color: #b41e28;/*content: "Please fill or correct the field in red";*/
}
.shadow-header {
    bottom: 0;
    height: 0;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 920px;
    position: relative;
    right: auto;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 20;
}
.shadow-header > img {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 920px;
}
.shadow-header > img.mirrored {
    transform: rotate(180deg);
    margin-top:-8px
}

.heolightb {
    background-color: #30acda;
    border-color: #30acda;
}
.heogreen {
}
.heoorange {
    background-color: #da8630;
    border-color: #da8630;
}
.heored {
    background-color: #b41e28;
    border-color: #b41e28;
}
.heoblue {
    background-color: #174b86;
    border-color: #174b86;
}
.heolightb, .heogreen, .heoorange, .heored, .heoblue, .heo-light-green, .heo-dark-green {
    transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
}
.heolightb.active, .heolightb:hover {
    background-color: #2e9cc5;
    border-color: #2780a1;
}
.heoorange:hover, .heoorange.active {
    background-color: #da8630;
    border-color: #ad5927;
}
.heored.active, .heored:hover {
    background-color: #a01c24;
    border-color: #861a20;
}
.heoblue:hover, .heoblue.active {
    background-color: #144071;
    border-color: #0f2d4f;
}
.availability label.btn {
    border-radius: 0;
    font-size: 10px;
    font-weight: 100;
    padding: 4px 5px;
}
.search-box input[type="submit"] {
    height: 30px;
}
.autocomplete {
    position: relative;
    width: 100%;
    z-index:1000;
}
.autocomplete input {
    padding: inherit;
    width: 100%;
}
.autocomplete ul {
    background: none repeat scroll 0 0 white;
    border-radius: 4px;
    border: 1px solid #dddddd;
    left: -1px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    top: 35px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: calc(100% + 2px);
}
.autocomplete ul:hover {
    border: 1px solid #a6a6a6;
}
.autocomplete li {
    background-color: #ffffff;
    color: #787878;
    cursor: pointer;
    font-size: 14px;
    font-weight: 100;
    list-style: outside none none;
    margin-top: 0 !important;
    padding: 0.2em 0.4em 0.2em 8px !important;
    text-align: left;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: 100%;
}
.autocomplete li:first-letter {
    text-transform: uppercase;
}
.autocomplete .highlight {
    background-color: #174b86;
    color: white;
}
.autocomplete li.active, .autocomplete li:hover {
    background-color: #174b86;
    color: #ffffff;
}
.autocomplete li.active .highlight {
    background: none repeat scroll 0 0 #174b86;
    color: #ffffff;
}
.selector, .selector-big {
    margin-top: 10px;
}
.s-line + .selector .selector {
    margin-top: 20px;
}
.selector h2 a, .selector-big h2 a {
    background-color: #f8f8fa;
    display: block;
    position: relative;
    width: 100%;
}
.availability label.btn {
    border-radius: 0;
    font-size: 13px;
    font-weight: 100;
    line-height: 10px;
    padding: 4px 8px;
}
.sidebar h1.ng-binding {
    margin-top: 20px;
    padding-left: 0;
    text-align: left;
}
.selector, .selector-big {
    margin-top: 10px;
}
.selector h2 a, .selector-big h2 a {
    background-color: #f8f8fa;
    display: block;
    position: relative;
    width: 100%;
}
.selector.selector-big .selector-list {
    top: 10px;
}
.selector-list {
    display: block;
    height: 0;
    margin-bottom: 25px;
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    top: -80px;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    z-index: 40;
}
.selector.actived .selector-list {
    height: auto;
    margin-bottom: 25px;
    min-height: inherit;
    opacity: 1;
    text-align: left;
    top: 5px;
}
.selector-list p a:hover {
    text-decoration: none;
    width: 100%;
}
.box20 img {
    transform-origin: 50% 50% 0;
    transform: scale(1, 1);
    transition: all 0.3s ease;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.warper.home {
    padding-bottom: 25px;
}
.box20.folgen.small-t p {
    color: #6a6a6a;
    font-size: 15px;
    margin-left: 24px;
    margin-right: 15px;
    margin-top: 20px;
}
.not-purch {
    background-color: grey;
}
.ng-pristine .display-list-menu .line p.inline-block {
    margin-left: 0;
    position: inherit;
    text-align: center;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 0;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    float: left;
    position: relative;
}
.sidebar .availability {
    height: 55px;
}
.list2 .heogreen {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
}
.list2 .sofort-purch {
    background-color: transparent;
    border: 1px solid #2eaa5e;
    color: #2eaa5e;
}
.list2 .sofort-purch .v-center p {
    color: #2eaa5e;
}
.list2 .sofort-purch-fdos-pending {
    background-color: transparent;
    border: 1px solid var(--state-information-in-stock-fdos-pending);
    color: var(--state-information-in-stock-fdos-pending);
}
.list2 .sofort-purch-fdos-pending .v-center p {
    color: var(--state-information-in-stock-fdos-pending);
}
.list2 .eta-purch.preo-purch {
    background-color: transparent;
    border: 1px solid #da8630;
    color: #da8630;
}
.list2 .preo-purch .v-center p {
    color: #da8630;
}
.list2 .soon-purch {
    background-color: transparent;
    border: 1px solid var(--state-information-coming-soon);
    color: var(--state-information-coming-soon);
}
.list2 .soon-purch .v-center p {
    color: var(--state-information-coming-soon);
}
.list2 .box-purch.button .button {
    height: 38px;
    width: 123px;
}
.list2 .box-purch.button .button.not {
    background-color: transparent;
    border: 1px solid #174b86;
    color: #174b86;
}
.list2 .box-purch.button .button.not:hover {
    background-color: #174b86;
    border: 1px solid #174b86;
    color: white;
}
.list2 .box-purch {
    background-color: white;
    border: 1px solid #f0f0f0;
    height: 40px;
    vertical-align: middle;
}
.list2 .eta-purch {
    width: 123px;
}
.list2 .box-purch.eta-purch {
    height: 38px;
}
.list2 .heolightb {
    background-color: white;
    border-color: #30acda;
    color: #30acda;
}
.list2 .heogreen {
    background-color: white;
    border: 1px solid #2eaa5e;
    color: #2eaa5e;
}
.list2 .heo-light-green {
    background-color: white;
    border: 1px solid var(--state-information-in-stock-fdos-pending);
    color: var(--state-information-in-stock-fdos-pending);
}
.list2 .heo-dark-green {
    background-color: white;
    border: 1px solid var(--state-information-in-stock);
    color: var(--state-information-in-stock);
}
.list2 .heoorange {
    background-color: white;
    border-color: #da8630;
    color: #da8630;
}
.list2 .heored {
    background-color: white;
    border-color: #b41e28;
    color: #b41e28;
}
.list2 .heoblue {
    background-color: white;
    border-color: #174b86;
    color: #174b86;
}
.list2 .heogreen.active, .heogreen:hover {
    color: white;
}
.list2 .heo-light-green.active, .heo-light-green:hover {
    color: white;
}.list2 .heo-dark-green.active, .heo-dark-green:hover {
    color: white;
}
.list2 .heolightb.active, .heolightb:hover {
    background-color: #2780a1;
    border-color: #2780a1;
    color: white;
}
.list2 .heoorange:hover, .heoorange.active {
    background-color: #ad5927;
    border-color: #ad5927;
    color: white;
}
.list2 .heored.active, .heored:hover {
    background-color: #861a20;
    border-color: #861a20;
    color: white;
}
.list2 .heoblue:hover, .heoblue.active {
    background-color: #0f2d4f;
    border-color: #0f2d4f;
    color: white;
}
.availability label.btn {
    border-radius: 0;
    font-size: 13px;
    font-weight: 100;
    line-height: 11px;
    padding: 4px 8px;
}
.btn.active {
    background-color: grey;
}
.btn:active, .btn.active {
    background-image: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
    outline: 0 none;
}
.wrapper-dropdown-5 img {
    margin-right: 6px;
    position: relative;
    top: 3px;
}
.box-link {
    display: inline-block;
    float: right;
    text-align: right;
    text-transform: uppercase;
    width: auto;
}
.box-link > p {
    text-align: right;
}
.callbacks_nav.prev {
    color: white;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: inherit;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: initial;
    top: 0;
    transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    vertical-align: middle;
    width: 150px;
    z-index: 80;
    cursor: pointer;
    background: url("../images/icons/arrow-banner-l.svg") center center no-repeat;
}
.callbacks_nav.next {
    color: white;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    margin: auto;
    opacity: 0;
    overflow: inherit;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: initial;
    top: 0;
    transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    vertical-align: middle;
    width: 150px;
    z-index: 80;
    cursor: pointer;
    background: url("../images/icons/arrow-banner-r.svg") center center no-repeat;
}
.arrow-banner {
    color: white;
    font-family: 'FontAwesome';
    font-size: 100px;
}
.callbacks_nav.prev:hover, .callbacks_nav.next:hover {
    opacity: 0.8;
}
.box20 p {
    max-width: 80%;
}
.fr .box20.cat h1 {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    font-size: 25px;
    word-wrap: break-word;
}
.fr .small-t h1 {
    font-size: 25px;
    word-wrap: break-word;
}
.fr .big-t h1 {
    font-size: 25px;
    word-wrap: break-word;
}
body.blue-back {
    background: none repeat scroll 0 0 rgba(18, 68, 117, 0.8);
}
.tabs {
    margin: 0;
    position: relative;
    width: 100%;
}
.align-right {
    text-align: right;
}
.tabs .login input[type="button"] {
    display: inline-block;
    font-size: 15px;
    height: auto;
    margin-left: 50px;
    margin-top: 20px;
    padding: 5px 10px;
    width: auto;
}
.tabs input.tab-selector {
    cursor: pointer;
    height: 40px;
    left: 0;
    margin-top: -20px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 120px;
    z-index: 1000;
}
.tabs input#tab-2.tab-selector {
    left: 120px;
}
.tabs input#tab-3.tab-selector {
    left: 244px;
}
.tabs label.tab-label {
    border: 1px solid white;
    color: #385c5b;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 100;
    height: 40px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-top: -20px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
}
.content-2 h2 {
    font-size: 18px;
    font-variant: normal;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 20px;
}
.content-2 h3 {
    margin-bottom: 10px;
    margin-top: 20px;
}
.tabs input:hover + label.tab-label {
    background: none repeat scroll 0 0 #5ba4a4;
    border: 1px solid #5ba4a4;
}
label.tab-label:hover {
    background: none repeat scroll 0 0 #5ba4a4;
    border: 1px solid #5ba4a4;
    cursor: pointer;
}
.tabs label.tab-label:first-of-type {
    z-index: 8;
}
.tabs input:checked + label.tab-label {
    animation: 0.2s linear normal none 1 running page;
    background: none repeat scroll 0 0 #124475;
    border: 1px solid #124475;
    color: white;
    z-index: 6;
}
.clear-shadow {
    clear: both;
}
.content-tab {
    background: none repeat scroll 0 0 #ffffff;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 5;
}
.content-tab .slide {
    display: inline-block;
    max-width: 800px;
    opacity: 0;
    padding: 20px 0;
    top: 0;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    vertical-align: top;
    width: 95%;
    z-index: 1;
}
.content-tab .mask {
    width: 1000%;
}
.content-tab .content-1, .content-tab .content-3 {
    height: 0;
    padding: 0;
    transform: translateX(0px);
}
.content-tab .content-1 {
    height: 0;
    padding: 0;
    transform: translateX(-1200px);
}
.content-2, .content-4 {
    height: 0;
    padding: 0;
}
.tabs input.tab-selector-1:checked ~ .content-tab .content-1 {
    height: auto;
    opacity: 1;
    padding: 20px 0;
    transform: translateX(0px);
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease-out;
    z-index: 100;
}
.tabs input.tab-selector-2:checked ~ .content-tab .content-2 {
    height: auto;
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.2s ease-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease-out;
    z-index: 100;
}
.tabs input.tab-selector-3:checked ~ .content-tab .content-3 {
    height: auto;
    opacity: 1;
    transform: translateX(-800px);
    transition: all 0.2s ease-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease-out;
    z-index: 100;
}
.tabs input.tab-selector-4:checked ~ .content-tab .content-4 {
    height: auto;
    opacity: 1;
    transform: translateX(-1600px);
    transition: all 0.2s ease-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease-out;
    z-index: 100;
}
.content-tab div p {
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin: 0;
    text-align: left;
}
.content-tab .warper-formular {
    max-width: 800px;
    overflow: hidden;
    padding: 4% 0 0;
}
.content-tab .warper-formular .mOptions {
    margin-top: 10px;
    position: inherit ! important;
    width: 99%;
}
.content-tab .warper-formular .mScrallBar {
    position: inherit ! important;
}
.content-tab .warper-formular .mBarre {
    display: none;
}
.tabs .warper-formular input, .tabs .warper-formular.mSelect {
    margin-bottom: 10px;
    margin-top: 0;
}
.content-tab .warper-formular .mOptions {
    margin-top: 10px;
    position: inherit ! important;
    width: 99%;
}
.content-tab .warper-formular .mScrallBar {
    position: inherit ! important;
}
.content-tab .warper-formular .mBarre {
    display: none;
}
.tabs .warper-formular input, .tabs .warper-formular .mSelect {
    margin-bottom: 10px;
    margin-top: 0;
}
.tabs input#tab-3.tab-selector {
    bottom: 28px;
    left: inherit;
    margin-bottom: 0;
    right: 0;
    top: inherit;
}
.tab-label-3.tab-label.step2 {
    bottom: -40px;
    float: right;
    height: 34px;
    left: inherit;
    line-height: 34px;
    right: 0;
    top: inherit;
}
.tab-label-4.tab-label.step3 {
    bottom: -40px;
    float: right;
    height: 34px;
    left: inherit;
    line-height: 34px;
    right: 0;
    top: inherit;
}
.align-right input:hover + label.tab-label {
    background: inherit;
    border: 1px solid white;
}
.content-4 p.inline-block {
    display: inline-block;
}
.content-4 .warper-formular h1 {
    margin-bottom: 15px;
    margin-top: 35px;
}
.content-4 .warper-formular h1.marg-b-10 {
    margin-bottom: 5px;
}
.content-4 .warper-formular h1 + h3 {
    margin-bottom: 15px;
}
.content-4 .warper-formular h1:first-child {
    margin-top: 0;
}
.content-4 .warper-formular p.inline-block {
    font-size: 10px;
    line-height: 12px;
    margin-right: 5px;
    text-align: center;
    width: auto;
}
.content-4 .warper-formular p.input-file {
    margin-top: 15px;
}
.warper-formular .input-file > input {
    margin-top: 10px;
}
.slide .warper-formular .cbox {
    margin-top: 15px;
}
.tabs .login input[type="button"] + input[type="button"] {
    margin-left: 10px;
    margin-right: 0;
}
.blue-select {
    background: none repeat scroll 0 0 #124475;
    border: 1px solid #124475 ! important;
    color: #ffffff ! important;
}
.content-2.saucisse {
    opacity: 1;
    transform: translateX(-1200px);
    transition: all 0.2s ease-out;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease-out;
    z-index: 100;
}
.mCSB_container {
    width: 100%;
}
.mOption {
    width: 100%;
}
.mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
.sidebar .btn-group label {
    max-width: 34px;
}
.sidebar .btn-group label {
    max-width: 34px;
}
.btn.heogreen {
    border: none;
    background-color: transparent;
    border-top: 5px solid #2eaa5e;
    color: black;
}
.btn.heogreen.active, .btn.heogreen:hover {
    background-color: #2eaa5e;
    border-color: #2eaa5e;
}
.btn.heo-light-green {
    border: none;
    background-color: transparent;
    border-top: 5px solid var(--state-information-in-stock-fdos-pending);
    color: black;
}
.btn.heo-light-green.active, .btn.heo-light-green:hover {
    background-color: var(--state-information-in-stock-fdos-pending);
    border-color: var(--state-information-in-stock-fdos-pending);
}
.btn.heo-dark-green {
    border: none;
    background-color: transparent;
    border-top: 5px solid var(--state-information-in-stock);
    color: black;
}
.btn.heo-dark-green.active, .btn.heo-dark-green:hover {
    background-color: var(--state-information-in-stock);
    border-color: var(--state-information-in-stock);
}
.btn.heolightb {
    border: none;
    background-color: transparent;
    border-top: 5px solid #30acda;
    color: black;
}
.btn.heolightb.active, .btn.heolightb:hover {
    background-color: #30acda;
    border-color: #30acda;
}
.btn.heoorange {
    border: none;
    background-color: transparent;
    border-top: 5px solid #da8630;
    color: black;
}
.btn.heoorange:hover, .btn.heoorange.active {
    background-color: #da8630;
    border-color: #da8630;
}
.btn.heored {
    border: none;
    background-color: transparent;
    border-top: 5px solid #b41e28;
    color: black;
}
.btn.heored:hover, .btn.heored.active {
    background-color: #b41e28;
    border-color: #b41e28;
}
.btn.heoblue {
    background-color: transparent;
    border-top: 5px solid #174b86;
    color: black;
}
.btn.heoblue:hover, .btn.heoblue.active {
    background-color: #174b86;
    border-color: #174b86;
}
.btn.heolila {
    color: black;
    border: none;
    border-top: 5px solid #723acf;
}
.btn.heolila:hover, .btn.heolila.active {
    background-color: #723acf;
    border-color: #723acf;
}
.btn.btn-success.not-active {
    border: none;
    border-top: 4px solid #f0f0f0;
    background-color: #f0f0f0;
    color: #b8b8b8;
}
.btn.btn-success.not-active:hover {
    border: none;
    border-top: 4px solid #f0f0f0;
    background-color: #f0f0f0;
    color: #b8b8b8;
}
.mSelect.groupBox, .mSelect.searchBox {
    margin-top: 15px;
}
.mSelect.groupBox, .mSelect.searchBox {
    margin-bottom: 5px;
}
.mSelect.groupBox, .mSelect.searchBox {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-bottom: 10px;
}
.mSelect.groupBox, .mSelect.searchBox {
    cursor: inherit;
}
.groupBox .mFleche, .searchBox .mFleche {
    background: url("../images/world-icons.svg") no-repeat scroll center bottom transparent;
    display: inline-block;
    height: 14px;
    margin-left: 6px;
    margin-top: 0;
    width: 14px;
    float: inherit;
    position: relative;
    top: 2px;
    padding: 0;
}
.c-selection .mSelect.groupBox a:hover .mFleche, .groupBox .mFleche:hover, .c-selection .mSelect.searchBox a:hover .mFleche, .searchBox .mFleche:hover {
    background: url("../images/world-icons.svg") no-repeat scroll center top transparent;
    display: inline-block;
    height: 14px;
    width: 14px;
    float: inherit
}
.mSelect.groupBox, .mSelect.searchBox {
    float: none;
    width: 100%;
}
.mSelect.groupBox.ng-isolate-scope > a, .mSelect.searchBox.ng-isolate-scope > a {
    display: inline-block;
}
.mSelect.groupBox .mSelected.ng-binding, .mSelect.searchBox .mSelected.ng-binding {
    color: #174b86;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}
.mSelect.groupBox .mSelected.ng-binding .block-select, .mSelect.searchBox .mSelected.ng-binding .block-select {
    margin-top: 25px;
}
.mSelect.groupBox.ng-isolate-scope > a, .mSelect.searchBox.ng-isolate-scope > a {
    display: inline-block;
    width: 100%
}
.aside button, .aside button.ng-binding, .aside .button, .aside .button.ng-binding {
    background-color: #174b86;
    background-image: none;
    border: medium none;
    color: white;
    cursor: pointer;
    font-style: normal;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    vertical-align: middle;
}
.aside button:hover, .aside button.ng-binding:hover, .aside .button, .aside .button.ng-binding {
    background-color: white;
    color: #174b86;
    text-decoration: none;
}
.aside .mOption {
    width: auto;
}
#menuRow1 li:first-child .border a {
    padding-left: 0;
    display: block;
    text-align: center;
}
.aside .mSelected {
    overflow: inherit;
}
.selector h2 div .ng-pristine {
    display: none;
}
.breadcrump + .article {
    margin-top: 23px;
    position: relative;
}
.warper-product {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
}
.product .warper-article {
    width: calc(72% - 25px);
}
.big .product-pics-nav {
    max-width: 359px;
    position: absolute;
    top: 530px;
}
.modal-lg .big .img-box {
    background-color: #f8f8fa;
    border: 1px solid #d2d2d2;
    display: inline-block;
    font-size: 0;
    height: 136px;
    margin-left: 2px;
    overflow: hidden;
    text-align: justify;
    width: 115px;
    line-height: inherit;
}
.big .slick-slide .img-box:nth-child(3n+1) {
    margin-left: 0;
}
.big .slick-slide .img-box {
    max-width: 115px;
    margin-left: 4px;
}
.box55.button.inline-block {
    background-color: transparent;
}
.infos-box-date.preorder {
    background-image: none;
}
.box55.button.inline-block {
    background-color: transparent;
    padding: 0;
}
.box-purch.button {
    background-color: transparent;
}
.box55 .box-purch.button .button {
    display: inline-block;
    height: 40px;
    width: 115px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.wrapper-dropdown-5 {
    cursor: pointer;
    margin: 0 auto 0 -8px;
    outline: medium none;
    padding: 0;
    position: relative;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    width: 100px;
    z-index: 99;
}
.wrapper-dropdown-5 .dropdown-select {
    padding: 8px 8px 10px;
}
.wrapper-dropdown-5:after {
    top: 45%;
    transition: all 0.3s ease-out;
    -webkit-transition: all 300ms ease-in-out;
}
.wrapper-dropdown-5 .dropdown-select::after {
    right: 4px;
    top: 47%;
}
.wrapper-dropdown-5:hover {
    background-color: #f8f8fa;
}
.wrapper-dropdown-5:hover:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transition: all 0.3s ease-out;
    -webkit-transition: all 300ms ease-in-out;
}
.menu-dropdown .Sub {
    border: 1px solid #eeeeee;
    z-index:81;
}
.menu-dropdown .Sub a {
    border-top: 1px solid #eeeeee;
}

.menu-dropdown.S-k-W {
    align-self: stretch;
    flex-basis: auto;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    width: 1240px;
}

.hasSub.active .border {
    width: 100%;
}
.hasSub.active a {
    background-image: none;
}
/*.menu-dropdown .Sub, .menu-dropdown .SubSub {*/
/*    margin-left: 0;*/
/*}*/
div.loadButton {
    background-color: #174b86;
    background-image: none;
    border-radius: 0;
    border: medium none;
    color: white;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    max-width: 90px;
    overflow: hidden;
    padding: 5px;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    vertical-align: middle;
    width: auto;
}
div.loadButton:hover {
    font-size: 12px;
}
.owl-item a > img {
    height: auto;
    max-width: 98%;
    vertical-align: middle;
}
.sidebar .availability {
    height: 35px;
    margin-bottom: 25px;
}
.aside .select.inline-block {
    border-top: medium none;
    margin-left: 0;
    width: 100%;
}
.sidebar .mSelect.groupBox, .sidebar .mSelect.searchBox {
    margin-bottom: 5px;
    margin-top: 10px;
}
.mSelect.groupBox + p.block-select, .mSelect.searchBox + p.block-select {
    margin-left: -1px !important;
}
div.loadButton {
    background-color: #174b86;
    margin-bottom: 0;
}
.selector-list {
    margin-bottom: 0;
}
.selector, .selector-big {
    margin-bottom: 8px;
    margin-top: 0;
}
.aside .list-aside {
    margin-top: 40px;
}
.sidebar > h1.title-aside {
    margin-top: 35px;
    text-align: left;
}
.sidebar > h1.title-aside::first-letter {
    text-transform: capitalize;
}
.aside .c-selection .block-select {
    margin-left: -2px;
    margin-right: 10px;
    margin-top: 0;
    font-size: 14px;
}
.box-purch {
    line-height: 38px;
}
.eta-purch .v-center p {
    text-align: center;
}
.aside button, .aside button.ng-binding, .aside .button, .aside .button.ng-binding {
    line-height: 16px;
}
.line.header .box100 {
    line-height: 170px;
    vertical-align: middle;
}
.line.header .big-t h1 {
    display: inline-block;
    line-height: 40px;
    margin-left: 25px;
    margin-top: inherit;
    max-width: 280px;
    vertical-align: middle;
}
.send-button input {
    background-color: #174b86;
    color: #f8f8fa !important;
    border: 1px solid #1c4b86;
}
.send-button input:hover {
    background-color: #f8f8fa;
    color: #174b86 !important;
}
.send-button {
    margin-top: 5%;
    text-align: right;
}
.warper-formular .right h1 {
    text-align: left;
}
.v-center p {
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
}
span.fa.fa-times {
    margin-right: 6px;
}
/* //// Test loader ///// */
.spinner {
    font-size: 10px;
    height: 30px;
    margin: 60px auto;
    text-align: center;
    width: 100px;
}
/*.spinner > div {*/
/*    background-color: #eeeeee;*/
/*    height: 80px;*/
/*    width: 8px;*/
/*    display: inline-block;*/
/*    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;*/
/*    animation: stretchdelay 1.2s infinite ease-in-out;*/
/*}*/
.spinner > div {
    animation: 1.2s ease-in-out normal none infinite running stretchdelay;
    background-color: #eeeeee;
    display: inline-block;
    height: 80px;
    width: 8px;
}
.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.spinner .rect6 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        -ms-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1.0);
        background-color:#174b86;
        transition: background 250ms ease-in-out;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }
}
@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        -ms-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
        background-color:#174b86;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }
}
.text-spinner h2 {
    font-size: 16px;
    margin-bottom: 5px;
    margin-left: 18px;
}
.text-spinner p {
    margin-left: 18px;
    text-align: left;
}
.content-spinner .mask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1049;
}
.s-load .mSelect.loadButton, .s-save {
    height: 26px;
    line-height: 26px;
}
.s-load .mSelected {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 26px;
}
.mSelect.s-load a {
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}
.s-load .mSelected.ng-binding {
}
.mSelect.s-load {
    height: 26px;
    background-color: #30acda;
    margin-left: 5px;
}
.mSelect.s-load, .aside button.s-save {
    padding: 8px;
    padding-top: 0;
    padding-bottom: 0;
}
.mSelect.s-load:hover, .aside button.s-save:hover {
}
.warper-konto .konto .id-bild {
    margin-right: 5px;
}
.selector.selector-big .selector-list.big {
    height: 280px;
    margin-bottom: 40px;
    top: 0;
}
.logo-part a {
    height: 95px;
    display: block;
    width: 147px;
}
.logo-part a img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto
}
.warper.partner-part {
    margin-top: 40px;
}
.warper-intro h3 {
    margin-top: 0;
}


::-webkit-input-placeholder {
    color: #003399;
    opacity: 1;
}

::-moz-placeholder {
    color: #174b86;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #174b86;
    opacity: 1
}
input:-moz-placeholder {
    color: #174b86;
    opacity: 1;
}
.number-purch .v-center p {
    line-height: 14px;
}
/* ////////// NUR SAFARI ////////////////*/

.number-purch .v-center .number-box, .number-purch .v-center p.quantity-text-box {
    height: 38px;
    line-height: 40px;
    font-size: 11px;
}
.number-purch .v-center p.quantity-text-box.big {
    line-height: 12px;
    margin-top: 8px;
    vertical-align: top;
}
.number-purch .v-center p.quantity-text-box.big + .number-box {
    margin-top: 7px;
    vertical-align: top;
}
/*////////////////////////////////////////////*/

.product-list.special .table-spec {
    height: 100px;
    line-height: 100px;
    vertical-align: bottom;
}
.part-purchase {
    display: inline-block;
    line-height: normal;
    vertical-align: bottom;
}
.display-l-menu {
    background: none repeat scroll 0 0 white;
    box-shadow: 0 10px 17px rgba(0, 0, 0, 0.2);
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
    z-index: 10;
}
.product-list .number-purch .v-center .display-list-menu {
    left: 50px;
    top: 31px;
}
.removeEntry {
    float: right;
    margin-top: -2px;
}
.availability label.btn {
    background-color: white;
    border-radius: 0;
    display: inline-flex;
    flex-grow: 3;
    -webkit-flex-grow: 3;
    font-size: 13px;
    font-weight: 100;
    margin-right: 1px;
    padding: 4px 6px 10px;
    max-width: none;
}
.special .part-parameters + .part-purchase {
    display: block;
    line-height: normal;
    max-height: 50px;
    vertical-align: top;
}
.selector.actived h2.active a {
    color: #174b86;
}
.account .aside {
    position: relative;
}
.account .aside .sidebar {
    position: relative;
}
.c-selection a .text {
    -moz-hyphens: auto;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis; /* pour le reste du monde */
    word-wrap: break-word;
    overflow-wrap: break-word;
    -moz-overflow-wrap: break-word;
    -webkit-overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
.ident-pic {
    background-color: white;
    margin-bottom: 20px;
    height: 160px;
    text-align: center;
    line-height: 160px;
}
.login p.inline-block {
    display: inline-block;
}
.float-right {
    float: right;
}
.product-list .p-pict {
    width: 166px;
    height: 210px;
}
.s-save .mOption {
    color: #174b86;
}
.s-save .mOption.selected:hover {
    color: white;
}
.s-save .mOptions {
    border: medium none;
    border-radius: 0;
    margin-left: -8px;
    margin-top: 2px;
}
.s-save .mOption .fa {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.s-save .mOptions .mOption .fa {
    background-color: transparent;
    border-radius: 15px;
    display: inline-block;
    margin: -3px 0 0;
    padding: 2px 3px 3px;
    text-align: center;
    vertical-align: top;
    width: 15px;
    color: #174B86;
}
.s-save .mOption.selected .fa {
    color: white;
}
.s-save .mOption .fa:hover {
    color: #561116;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    float: none;
    position: relative;
}
.btn-group {
    align-self: stretch;
    flex-basis: auto;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.sidebar .btn-group label {
    /*max-width: 35px;*/
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.05);
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.05);
}
.sidebar .list-aside > h1 {
    color: #174b86;
    font-size: 18px;
    margin-bottom: 15px;
    text-align: left;
    text-transform: none;
}
.menu-dropdown.S-k-W {
    -webkit-align-self: stretch;
    -webkit-flex-basis: auto;
    -webkit-justify-content: space-around;
    -moz-align-self: stretch;
    -moz-flex-basis: auto;
    -moz-justify-content: space-around;
    -o-align-self: stretch;
    -o-flex-basis: auto;
    -o-justify-content: space-around;
}
.menu-dropdown.S-k-W li {
    flex-grow: 5;
    margin: auto;
    margin-top: 0;
    -webkit-flex-grow: 5;
    -moz-flex-grow: 5;
    -o-flex-grow: 5;
}
.total-price.inline-block {
    font-size: 35px;
    text-align: right;
    width: 155px;
    line-height: 35px;
}
.box-purch.button .button {
    background: none;
    display: inline-block;
    height: 40px;
    width: 123px;
    color: white;
}
.box-purch.button .button:hover {
    background: none;
}
.box-purch.button.korb {
    display: inline-block;
    color: white;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
.box-purch.button.korb:hover {
    display: inline-block;
    height: 40px;
    /*width: 125px;*/
    color: white;
}
.box-purch.button.korb > p {
    display: inherit;
    line-height: 40px;
    vertical-align: middle;
    background: #1c4b86;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.box-purch.button.korb > p:hover {
    background-color: #296faa;
}
.box-purch.button.korb > p a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    line-height: 1;
    width: 100%;
}
.box-purch.button.more.none {
    display: none;
}
.box-purch.button.more {
    display: inline-block;
}
.box-purch.button.more.none + .box-purch.button.korb {
    display: inline-block;
}
.box-purch.button.more + .box-purch.button.korb {
    display: none;
}
.box-purch.button.korb .korb:hover img.top {
    opacity: 0;
}
.modal-content .light-box .left {
    line-height: 1000px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 700px;
}
.modal-content .light-box .left > img {
    position: absolute;
    top: 0;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, 0%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
    -webkit-transform: translate(-50%, 0%);
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.modal .modal-lg {
    width: 825px;
}
.modal .light-box .right {
    display: flex;
    display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    padding: 5px;
}
.modal .modal-content {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: medium none;
    position: relative;
}
.box100.mail-part.b-valid {
    text-align: right;
}
.basket .mail-part .inline-block {
    margin-left: 0;
    padding-left: 30px;
    text-align: left;
    vertical-align: middle;
}
.mail-part .icheckbox_square-grey {
    margin-left: -30px;
    margin-right: 5px;
}
.mail-part .inline-block.a-right {
    margin-top: 15px;
    text-align: right;
    width: auto;
}
.box100.mail-part textarea {
    box-sizing: border-box;
    width: 78%;
}
.inline-block.clear {
    display: block;
    text-align: left;
}
.product-gallery .p-pict a img {
    transform: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: none;
    -webkit-transition: all 0.3s ease;
}

.head-faq .box100 {
    background: url("../images/header/header-faq.jpg") no-repeat scroll right top transparent;
    padding: 25px;
}

.aside.faq.right.menu {
    min-height: auto;
    padding: 0;
    width: auto;
    background-color: transparent;
}
.aside.faq .sidebar {
    background-color: #f8f8fa;
    padding: 0 20px;
    /*width: 250px;*/
}

.panel-title > a.accordion-toggle {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 10px;
}
aside.faq .sidebar h4 {
    padding-top: 20px;
}
.warper.clear.layout {
    margin-bottom: 0;
}
.faq .accordionContent {
    display: block;
    height: 0;
    min-height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    padding: 10px 25px 0;
    padding-top: 0;
}
.faq .panel-title > a {
    color: #174b86;
}

.accordionButton.on + .accordionContent {
    color: #4a4a4a;
    overflow: visible;
    padding: 20px 25px 45px;
    height: auto;
    min-height: auto;
}
.accordionButton {
    line-height: normal;
}
.most-faq .accordionButton {
    display: block;
    cursor: pointer;
}
.warper .accordionButton.on {
    font-weight: 100;
}
.aside .sidebar h2.title-aside {
    color: #174b86;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 25px;
    margin-top: 35px;
    text-align: left;
    text-transform: none;
}
.basket .total-price {
    text-align: right;
}
.basket .box1-3 .total-price {
    text-align: center;
}
.basket .inline-block.text {
    margin-left: 15px;
    max-width: inherit;
    width: 80%;
}
.basket .inline-block.text .date {
    font-size: 14px;
}
.table-pic {
    line-height: 118px;
}
.table-pic img {
    vertical-align: middle;
}
.scroll-header .konto a, .scroll-header .warenkorb a {
    display: inline;
    line-height: 15px;
}
.scroll-header .konto .konto-link p a:hover {
    background-color: #174b86;
    color: white;
    padding: 5px 7px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.warper-product-description .logo-sellers img {
    display: inline-block;
    height: inherit;
    line-height: normal;
    max-height: inherit;
    vertical-align: top;
    width: inherit;
}
.eta-purch + .sidebar {
    margin-top: 15px;
}
.basket .box1-3.price .total-price {
    text-align: right;
}
.product-description .v-align h1 {
    color: #174b86;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px;
}
.product-description .v-align h1.new {
    margin-bottom: 2px;
}
.aside .sidebar .s-line {
    margin-bottom: 17px;
    width: 100%;
}
.orders-none {
    display: none;
}
.orders-none.orders-ok {
    display: inherit;
}
.orders-ok {
    background-color: #f8f8fa;
    margin-bottom: 50px;
    padding: 30px 25px 15px;
}

.orders-ok .order-bg {
    background: url("../images/header/konto-waren-pic.svg") no-repeat scroll 5px -53px / 140px auto white;
}
.order-desc {
    display: inline-block;
    vertical-align: middle;
}
.order-desc h2 {
    color: #174b86;
    font-size: 25px;
}
.order-desc h3 {
    color: inherit;
    font-size: 18px;
}
.order-text h4 {
    color: inherit;
    font-size: 16px;
    font-weight: 400;
}
.order-text h5 {
    margin-bottom: 8px;
}
.order-text p {
    margin: inherit;
    margin-top: 10px;
}
.order-text {
    margin-top: 22px;
    padding: 15px;
}
.order-text .button.green {
    background-color: #05943c;
    border: medium none;
    color: white;
    padding: 8px 13px;
    font-size: 12px;
}
.order-text .button.green:hover {
    background-color: #f8f8fa;
    color: #174b85;
}
.order-text a:hover {
    text-decoration: underline;
}
.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}
/*
.faq .panel-group .panel {
    background-color: transparent;
    border: medium none;
    border-radius: inherit;
    box-shadow: none;
    margin-bottom: 0;
    overflow: hidden;
}
*/
.faq .panel-group .panel {
    border: medium none;
    box-shadow: none;
    margin-bottom: 5px;
}
.faq .panel-heading {
    border: none;
    padding: 0;
}
.warper.clear.layout .faq .panel-heading h4 {
    padding: 0;
    margin: 0;
    clear: both;
    cursor: pointer;
    font-size: 15px;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
}
.warper.clear.layout .faq .panel-heading h4::before {
    clear: both;
    content: ">";
    display: block;
    float: left;
    margin-left: -15px;
}
.faq .panel-default > .panel-heading {
    color: #333;
    background-color: #f8f8fa;
}
.faq .panel-group .panel-heading + .panel-collapse .panel-body {
    border: 1px solid #f8f8fa;
}
.faq .checkbox {
    display: inline-block;
    height: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}
.faq .checkbox input[type="checkbox"] {
    border: 1px solid red;
    left: auto;
    position: relative;
}
.faq .panel-group .panel + .panel {
    margin-top: 0;
}
.faq .warper-content label {
    float: right;
}
.warper.faq {
    float: left;
    margin-right: 27px;
    margin-top: 0;
    width: 67%;
}
.accordionTitle.first {
    margin-top: 10px;
}
.panel-body {
    padding: 15px 15px 35px;
}
.panel-collapse.collapsing {
    transition: height 0.3s linear;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    transition: height 0.3s;
}
.panel-body h1 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #174b85;
}
.panel-body p {
    margin-bottom: 10px;
}
.S-k-W .warenkorb.active p.artikel-nummer {
    background-color: #b41e28;
    border-radius: 50px;
    font-size: 9px;
    left: 24px;
    margin-left: 0;
    margin-top: 0;
    min-width: 13px;
    padding: 1px;
    top: 3px;
}
a.trash {
    background: url("../images/icons/trash.svg") no-repeat scroll left top transparent;
    display: inline-block;
    height: 19px;
    width: 15px;
    margin-left: 4px;
    padding: 2px;
    background-size: contain;
}
a.trash:hover {
    background: url("../images/icons/trash-blue.svg") no-repeat scroll left top transparent;
    padding: 2px;
    background-size: contain;
}
.soon-purch .v-center, .sofort-purch .v-center, .sofort-purch-fdos-pending .v-center, .price-purch .v-center, .eta-purch .v-center {
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    vertical-align: middle;
}

.price-purch .v-center .price-margin{
    margin-top: 4px;
}
/*.type-price.title-gal*/

.soon-purch .v-center p, .eta-purch .v-center p.date .sofort-purch .v-center p, .price-purch .v-center p, .eta-purch .v-center p {
    display: block;
    line-height: 14px;
    margin-top: 4px;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin-bottom: 2px;
}
.not-purch .v-center p {
    display: inline-block;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.sofort-purch .v-center p + p, .sofort-purch-fdos-pending .v-center p + p, .soon-purch .v-center p + p, .price-purch .v-center p + p, .eta-purch .v-center p + p {
    margin-top: 0;
}
.img-float.inline-block {
    margin-left: 0;
    max-width: 320px;
    margin-right: 20px;
    vertical-align: top;
}
.img-float.inline-block img {
    max-width: 100%;
    height: auto;
    margin-top: 5px;
}
.img-float.inline-block + .inline-block {
    margin-left: 0;
    max-width: 290px;
    vertical-align: top;
}
.warper .head-orders li {
    margin: 0;
    list-style: none;
}
.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    width: 691px;
    align-content: stretch;
    flex-flow: row wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
}
.flex-item {
    align-self: stretch;
    background: none repeat scroll 0 0 tomato;
    border-right: 2px solid white;
    color: white;
    flex-basis: auto;
    flex-grow: 8;
    font-size: 3em;
    font-weight: bold;
    height: 30px;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    line-height: 30px;
    margin-top: 10px;
    padding: 7px 18px;
    text-align: left;
    width: auto;
    flex-basis: auto;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-grow: 8;
    -webkit-flex-grow: 8;
}
.flex-item .loupe {
    background: url("../images/header/loupe.svg") no-repeat scroll center -52px transparent;
    border: medium hidden;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    width: 30px;
}
.flex-item.help {
    text-align: center;
}
.order-tab.inline-block {
    margin-left: 0;
    vertical-align: top;
}
/*.order-tab .block {
    background: none repeat scroll 0 0 #174b86;
    color: white;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 -1px;
    padding: 7px 15px;
    text-align: center;
    vertical-align: top;
    width: 127px;
}*/






.order-tab .block {
    background: #174b86 none repeat scroll 0 0;
    color: #fff;
    display: table-cell;
    height: 30px;
    line-height: normal;
    margin: 0 0 0 -1px;
    padding: 7px 15px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.tab-product th {
    white-space: nowrap;
}

.line1 .order-tab {
    margin-bottom: 5px;
}
.block.item-date {
}
.block.item-order-num {
}
.block.item-status {
}
.block.item-date2 {
}
.order-tab .block .loupe {
    background: transparent url("../images/header/loupe.svg") no-repeat scroll center -52px;
    border: medium hidden;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    vertical-align: middle;
    width: 20px;
}
.block.item-zoom {
    width: 25px;
}
.warper .faq {
    display: inline-block;
}
.collapse {
    overflow: hidden;
    margin-bottom: 0;
}
.collapse.in {
    overflow: visible;
    margin-bottom: 20px;
    display: block;
}
.line1 .order-tab .block {
    background-color: #f8f8fa;
    color: black;
}
.order-tab.inline-block.product.p-title {
    margin-top: 10px;
}
.order-tab.inline-block.product.p-title .block {
    border-bottom: 1px solid #f1f1f3;
    color: #174b85;
    font-weight: 500;
    font-size: 13px;
}
.order-tab.product .block {
    background-color: transparent;
    color: black;
    font-size: 13px;
    margin-left: 0;
    width: 82px;
    height: auto;
    min-height: 30px;
}
.tab-product {
    border: none;
}
.tab-product.collapse.in {
}
.order-tab .block > p {
    font-size: 13px;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}
.order-tab.product .block.menge, .order-tab.product .block.disc {
    width: 40px;
}
.order-tab.product .block.price {
    width: 60px;
}
.order-tab.product .block.art-desc {
    width: 189px;
}
.order-tab.product + .order-tab.product {
    border-bottom: 1px dotted #f1f1f3;
}
h2.order {
    margin-bottom: 20px;
}
.line1 .order-tab .block {
    height: 20px;
    line-height: 20px;
}
.line1 .order-tab .block .loupe {
    background: none;
}
.line1 .order-tab .block .loupe:hover {
    background: url("../images/header/loupe.svg") no-repeat scroll center -14px transparent;
}
.line1 .order-tab .block .loupe img {
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    transition: height 0.3s;
}
.line1 .order-tab .block .loupe:hover img {
    opacity: 0;
    transition: opacity linear 0.3s;
    -webkit-transition: opacity linear 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.scroll-header .S-k-W .warenkorb.active p.artikel-nummer {
    left: inherit;
    right: -1px;
    top: -4px;
}
.scroll-header .S-k-W .warenkorb.active {
    position: relative;
}
.type-box.last-seen {
    margin-bottom: 20px;
}
.aside {
    height: 100%;
}
.warper-article {
    min-height: 800px;
    width: 872px;
}
.basket .warper-article {
    width: 1240px;
}
.mOptions .mOption p {
    max-height: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis; /* pour le reste du monde */
    word-wrap: break-word;
    overflow-wrap: break-word;
    -moz-overflow-wrap: break-word;
    -webkit-overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    width: 80%;
    display: inline-block;
    vertical-align: top;
}
.mOptions .mOption .fa {
    display: inline-block;
    vertical-align: top;
}
.mOptions .mOption.selected p {
    color: #ffffff;
}
.part-preo {
    margin-top: 40px;
}
.part-preo .block {
    background-color: #ec8243;
}
.part-res .block {
    background-color: #30acda;
}
.part-res h2.order {
    margin-bottom: 10px;
}
.verfuegbarkeits_box {
    border: 1px solid;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-left: 11px;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    color: white;
    font-weight: 100;
}
.verfuegbarkeits_box:first-child {
    margin-left: 0;
}
.verfuegbarkeits_box > span {
    display: block;
    line-height: 15px;
    vertical-align: middle;
}
.verfuegbarkeits_box span + span {
    margin-top: 5px;
}
.head-resa .fa.fa-angle-double-right {
    background-color: darkorchid;
    border-radius: 30px;
    color: white;
    display: inline-block;
    font-size: 29px;
    margin-left: 11px;
    padding-left: 8px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle;
}
h2.order.first {
    font-size: 29px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.head-resa {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.verfuegbarkeits_box.in-stock {
    background-color: var(--state-information-in-stock);
}
.verfuegbarkeits_box.in-stock-fdos-pending {
    background-color: var(--state-information-in-stock-fdos-pending);
}
.verfuegbarkeits_box.blue {
    background-color: var(--state-information-coming-soon);
}
.verfuegbarkeits_box.orange {
    background-color: #EC8243;
    min-height: 50px;
}
.verfuegbarkeits_box.brown {
    background-color: #c78426;
}
.verfuegbarkeits_box.grey {
    background-color: grey;
}
.verfuegbarkeits_box.light-grey {
    background-color: #f8f8fa;
    border-color: #e5e5e5;
    color: black;
}
.verfuegbarkeits_box.purpur {
    background-color: var(--state-information-in-stock-overdue);
}
.fa-pull-right{
    margin-right: -19px;
    margin-top: -22px;
}

.head-resa .fa.fa-angle-double-right{
    background-color: #e2e2e2;
}

.resa-search {
    margin-top: 35px;
    margin-bottom: 40px;
}
.resa-search h2 {
    margin-bottom: 20px;
}
.sidebar .info-price {
    display: flex;
    justify-content: space-between;
}
h1.title .since {
    color: #174b86;
    font-size: 20px;
    line-height: 20px;
}
.invoice .block {
    width: 180px;
}
.invoice .block.item-date, .invoice .block.l-invoice {
    width: 100px;
}
.invoice .line1 .order-tab .block {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}
.invoice .line1 .order-tab .block + .block {
    line-height: normal;
}
.invoice .line1 .order-tab .block p {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    line-height: 16px;
}
.tab-list .order-tab .block {
    background: none repeat scroll 0 0 #174b86;
}
.sub {
    display: block;
}
.l-invoice .fa.fa-file-pdf-o {
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.l-invoice a:hover .fa.fa-file-pdf-o {
    color: #174B86;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.l-invoice a {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.l-invoice .l-invoice-canceled {
    margin-left:5px;
}
.l-invoice .l-invoice-line-through, .inv .inv-line-through {
    text-decoration: line-through;
}
.inv-search {
    margin-top: 20px;
    margin-bottom: 40px;
}
.inv-search p {
    margin-bottom: 10px;
}
.inv-search .search-box {
    border-radius: 0;
    height: 43px;
    margin: 0 10px 0 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 700px;
}
.round-box {
    background-color: white;
    border-radius: 50px;
    display: inline-block;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 56px;
    margin-right: 20px;
    padding: 7px;
}
.round-box::before {
    font-size: 35px;
    line-height: 51px;
    vertical-align: middle;
    margin-left: 5px;
}
.inv .order-text {
    margin-top: 0;
}
.block p.blue {
    color: #174b86;
    font-weight: 600;
}
.block p.red {
    background-color: inherit;
    color: #b41e28;
    font-weight: 600;
}
.block p.orange {
    background-color: inherit;
    color: #da8630;
    font-weight: 600;
}
.block p.green {
    background-color: inherit;
    color: #05943c;
    font-weight: 600;
}
.wishlist a {
    background: url("../images/icons/wishlist-2.svg") no-repeat scroll left top;
    display: block;
    height: 31px;
    line-height: 25px;
    margin-top: -3px;
    min-width: 90px;
    padding-left: 26px;
}
.wishlist a:hover {
    background: url("../images/icons/wishlist-2.svg") no-repeat scroll left bottom;
}
.wishlist a span, .button-image .button span {
    background-color: inherit;
    color: white;
    display: table-cell;
    line-height: 29px;
    margin-left: 0;
    padding-left: 14px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle;
}
.button-image .button a {
    text-decoration: none;
}
.button-image .button a:hover {
    text-decoration: none;
}
.button-image .button span {
    padding-left: 38px;
    font-weight: 100;
    text-decoration: none;
    line-height: 12px;
    text-align: left;
    padding-top: 3px;
    font-size: 11px;
}
.box-purch.button.more .button {
}
.aside .sidebar .s-line {
    margin-bottom: 17px;
    width: 100%;
    display: flex;
    align-content: stretch;
    flex-flow: row wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: stretch;
}
h1 + .c-selection {
    margin-top: 0;
}
.aside button.s-save, .mSelect.s-load {
    align-self: stretch;
    flex-basis: auto;
    flex-grow: 8;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    display: -ms-flexbox;
    -webkit-flex-grow: 8;
    font-size: 14px;
}
.aside .sidebar .s-line {
    align-content: stretch;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 17px;
    width: 100%;
}
.active .content-2.slide {
    height: inherit;
}
.tab-content .warper-formular {
    margin-top: 0;
    padding: 5px;
    text-align: center;
}
.tab-content {
    max-width: 800px;
    overflow: hidden;
    position: relative;
}
.tab-content > .active {
    display: block;
}
.tab-content > .tab-pane {
    display: inline-block;
    vertical-align: auto;
    height: 0;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    max-height: 0;
    transform: translateX(6000px);
    transition: all linear 0.4s;
    -moz-transform: translateX(6000px);
    -webkit-transform: translateX(6000px);
    -o-transform: translateX(6000px);
    -moz-transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
}
.tab-content .tab-pane.active {
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    max-height: 3000px;
    height: auto;
    opacity: 1;
    position: relative;
}
.tab-content .tab-pane.active {
    height: auto;
    max-height: 3000px;
    opacity: 1;
    overflow: visible;
    transform: translateX(0px);
    width: 100%;
}
.tab-pane .sub {
    color: #4c4c49;
    font-size: 12px;
    margin-top: 5px;
}
.nav-tabs h2 {
    font-size: 15px;
    font-weight: 100;
    color: #a5a4a5
}
.nav-tabs .active h2 .fa.fa-angle-right {
    color: #174b86
}
li.active h2 {
    color: #174b86;
}
.container-dial > h1 {
    color: #174b86;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 0;
}
.container-dial h3 {
    line-height: 18px;
    margin-bottom: 35px;
    margin-top: 22px;
}
.tab-content {
    border-radius: inherit;
}
.tab-content input.button {
    color: #4a4a4a;
    cursor: pointer;
    font-style: normal;
    font-size: 15px;
    font-variant: normal;
    font-weight: 100;
    height: 35px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}
.tab-content input {
    background-color: #f0f0f0;
    border: 1px solid #ffffff;
    font-size: 11px;
    height: 25px;
    margin-top: 0;
    padding-left: 5px;
    width: 100%;
}
.tab-content p {
    font-size: 15px;
    font-variant: normal;
    font-weight: 300;
    margin-top: 15px;
}
.tab-content input.button:hover {
    color: white;
}
.nav-tabs > li > a {
    border-radius: 0;
}
#small-dialog {
    padding: 25px;
}
.nav-tabs > li.active > a {
    background-color: white;
}
.nav-tabs > li > a {
    background-color: #f0f0f0;
}
.nav-tabs > li > a .fa {
    color: #f0f0f0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
}
.tab-pane .align-right {
    margin-top: 25px;
    text-align: right;
}
#small-dialog {
    max-width: 530px;
    padding: 25px;
}
.tab-content .mSelect {
    height: 25px;
}
.tab-content .mSelected {
    line-height: 25px;
    max-height: 25px;
    overflow: hidden;
    padding-left: 8px;
    padding-top: 0;
}
.tab-content .mFleche {
    float: right;
    height: 25px;
    margin-top: 0;
    padding-right: 0;
    width: 20px;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    margin-right: -2px;
}
.warper-formular .inline-block.size100 {
    width: 100%;
}
.tab-content .size50 .padding {
    padding: 0;
}
.tab-pane h1 + h3 {
    margin: 0;
    text-align: left;
    margin-bottom: 10px;
}
.tab-pane .cbox .box-text {
    display: inline-block;
    max-width: 110px;
    word-wrap: normal;
}
.tab-pane .warper-formular h1 {
    text-align: left;
    margin-top: 0;
}
.inline-block.size50 {
    text-align: left;
}
.slide .warper-formular p.inline-block {
    font-size: 11px;
    margin-right: 9px;
    text-align: center;
    width: auto;
}
.slide .cbox .box-img {
    display: block;
    height: 35px;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 35px;
}
.slide .cbox .box-img.toyzpic {
    width: 27px;
}
.slide .cbox .box-img.collepic {
    margin-left: 28px;
    width: 27px;
}
.slide .cbox .box-img.giftpic {
    margin-left: 24px;
    width: 29px;
}
.slide .cbox .box-img.protpic {
    width: 27px;
}
.slide .cbox .box-img.animpic {
    width: 31px;
}
.slide .cbox .box-img.hentaipic, .slide .cbox .box-img.modepic {
    background-size: 70px;
}
.inline-block.size50.size100 + .inline-block.size50.size100 {
    margin-top: 20px;
}
.slide p.size-14 {
    font-size: 14px;
    line-height: 18px;
}
.slide .warper-formular h1 {
    margin-bottom: 5px;
}
.slide .warper-formular .input-file > input {
    background-color: transparent;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0;
}
.slide textarea {
    width: 100%;
}
.slide .footer-kunden-for {
    line-height: 20px;
    padding: 0;
}
.account h2 + p {
    margin-top: 10px;
}
/* /////////////////////////// Test CSS formular ////////////////////////////// */

.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
    content: " ";
    display: table;
}
.nav-tabs > li > a {
    border-radius: 0;
}
.nav > li > a {
    display: block;
    padding: 10px 15px;
    position: relative;
}
.nav > li {
    display: block;
    position: relative;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default;
}
.sub-cont .nav.nav-tabs {
    margin-bottom: 20px;
}
.sub-cont .nav-tabs li {
    margin: 0 0 -2px;
}
.sub-cont .nav-tabs li:first-child {
    margin: 0 0 -2px;
    margin-left: 0;
}
.container-dial h1 + h3 {
    line-height: 18px;
    margin-bottom: 35px;
    margin-top: 22px;
    font-size: 15px;
    font-variant: normal;
    font-weight: 300;
    text-transform: none;
    color: #4a4a4a;
}
.account .active .warper-formular p {
    background-color: transparent;
}
.align-right.position.absolute {
    bottom: 40px;
    position: absolute;
    right: 50px;
    z-index: 99;
}
.account h1.title {
    border-bottom: 4px solid #ebebeb;
    display: inline-block;
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 10px;
    padding-right: 30px;
}
h2.order.first {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #174B86;
}
.account h1.title + h3 {
    margin-top: 15px;
}
.orders-ok.news > h3 {
    color: inherit;
    font-size: 17px;
}
.news .inv-search .search-box {
    width: 80%;
}
.news .inv-search {
    margin-bottom: 10px;
    margin-top: 20px;
}
.orders-ok.news {
    margin-bottom: 30px;
}
.box-border {
    border: 1px solid #ddd;
    padding: 0 25px 25px;
}
.box-border h4 {
    background-color: white;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 8px;
    position: relative;
    top: -14px;
}
.content p {
    margin-bottom: 5px;
    margin-top: 5px;
}
.box-border .line1 .inline-block {
    font-size: 10px;
    margin-left: 0;
    margin-right: 8px;
}
.box-border .line1 {
    margin-bottom: 15px;
}
.size48 {
    width: 48%;
}
.button.green {
    background-color: #05943c !important;
    color: white;
}
.button.green:hover {
    background-color: #f8f8fa !important;
    color: #174b86;
}
.box-border .line1:last-child {
    margin-bottom: 0;
}
.size100 {
    width: 100%;
}
.block.newsletter-box {
    width: 612px;
}
.block.newsletter-box > p {
    text-align: left;
}
.newsletter-box .line1 .order-tab .block {
    display: table-cell;
    height: auto;
    line-height: 20px;
    min-height: 20px;
    vertical-align: middle;
}
.newsletter-box .line1 .order-tab .item-date {
    border-right: 3px solid white;
    padding-left: 15px;
}
.newsletter-box .block > p {
    font-size: 13px;
}
.c-card .inline-block {
    margin-left: 0;
    margin-right: 15px;
    vertical-align: middle;
}
.box-border.content.c-card {
    margin: 0;
    padding: 15px;
}
.c-card .inline-block > img {
    border: 1px solid #ddd;
}
.c-card .inline-block > p {
    font-size: 13px;
    margin: 3px;
}
.c-card .inline-block p .fa {
    margin-right: 8px;
    width: 14px;
    margin-left: 0;
    text-align: center;
}
.c-card .inline-block p input {
    margin-right: 5px;
}
.size80 {
    width: 80%;
}
.size95 {
    width: 95%;
}
.formular .size95 {
    width: 95%;
}
.size95 + a .fa {
    color: #174b86;
    font-size: 20px;
    line-height: 21px;
    margin-left: 3px;
    vertical-align: middle;
    transition: all 0.3s ease-in;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.size95 + a:hover .fa {
    color: #b41e28;
    font-size: 20px;
    line-height: 21px;
    margin-left: 3px;
    vertical-align: middle;
}
.box-border.content.c-card {
    margin: 0;
    padding: 15px;
    margin-bottom: 25px;
}
.c-card .inline-block.size50 {
    max-width: 49%;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.box-table-cell .block {
    display: table-cell;
    vertical-align: middle;
}
.box-table-cell li .button .fa {
    font-size: 19px;
    padding: 5px;
    text-align: center;
    width: 20px;
    animation: color 0.4s ease-in-out;
    -webkit-animation: color 0.4s ease-in-out;
    color: #4a4a4a;
}
.box-table-cell li .button .fa:hover {
    color: #174b86;
}
.box-border p .size100 {
    box-sizing: border-box;
}
.align-right.margin-top-20 {
    margin-top: 20px;
}
h3.type-small {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 21px;
}
.type-small {
    font-size: 15px;
}
.warper .classic-list li {
    margin-bottom: 8px;
    margin-left: 23px;
}
q {
    color: #86868d;
    font-size: 12px;
}
ul.classic-list {
    margin-bottom: 25px;
}
.right .img-box {
    margin-bottom: 2px;
    margin-left: 0;
}
.fa.fa-ellipsis-h {
    margin-right: 5px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-middle-with-baseline;
    vertical-align: -o-middle-with-baseline;
}
.collapse {
    overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis; /* pour le reste du monde */
}
.reset-style {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
.boutton.float-right.reset-style {
    border: 1px solid #ddd;
    margin-top: -5px;
    padding: 5px;
    cursor: pointer;
}
.boutton.float-right.reset-style .fa {
    vertical-align: middle;
    margin-right: 5px;
    color: #174B86;
    font-size: 15px;
}
.shop-mode {
    position: relative;
}
.shop-mode {
    margin-bottom: 80px;
}
.shop-mode .collapse.in::before {
    display: none;
}
.shop-mode p strong {
    font-size: 15px;
    font-weight: 600;
}
.box-border .red {
    color: white;
    padding-left: 8px;
    padding-right: 8px;
}
img.box-border {
    padding: 15px;
}
.box-border.content .input-file {
    border: 1px solid #ddd;
    display: inline-block;
    height: 25px;
    line-height: 20px;
    min-width: 83%;
    overflow: hidden;
    padding-right: 20px;
    position: relative;
    vertical-align: text-top;
    width: auto;
}
.box-border.content .input-file input[type="file"] {
    margin-left: -76px;
}
.box-input.file .input-file {
    vertical-align: middle;
    margin-left: 10px;
}
.box-input.file .size20.button {
    display: inline-block;
    font-size: 14px;
    height: auto;
    line-height: 24px;
    vertical-align: middle;
}
.box-border p.title {
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 25px;
}
.box-border .box-border {
    margin-top: 8px;
    padding: 10px 15px;
    margin-bottom: 20px;
}
.box-border .box-border p {
    margin: 0;
}
.box-border textarea {
    height: 150px;
    margin-bottom: 25px;
    margin-top: 10px;
}
.box-border textarea {
    box-sizing: border-box;
    font-size: 13px;
    height: 185px;
    margin-bottom: 25px;
    margin-top: 10px;
    padding: 25px;
    width: 100%;
    color: grey;
}
.box-border textarea {
    box-sizing: border-box;
    font-size: 13px;
    height: 185px;
    margin-bottom: 25px;
    margin-top: 10px;
    padding: 25px;
    width: 100%;
    color: grey;
}
.checkbox-inline > input {
    margin-left: 18px;
    margin-right: 5px;
}
.checkbox-inline input:first-child {
    margin-left: 0;
}
.box-border.margin-bottom-0 {
    margin-bottom: 0;
}
.float-right.bild-nav {
    margin-top: 30px;
    padding-bottom: 6px;
}
.box-border.content.min > p {
    font-size: 13px;
    margin-bottom: 13px;
}
.box-border .fa.fa-download {
    font-size: 15px;
    margin-right: 5px;
    vertical-align: middle;
}
.box-border.content.min p a {
}
.box-border.content.min p a:hover {
    text-decoration: underline;
}
.inv-search .search-box {
    box-sizing: border-box;
    max-width: 100%;
}
.inv-search.size50.inline-block {
    margin-left: 0;
    width: 57%;
}
.inv-search.size50.inline-block + .inv-search.size50.inline-block {
    margin-left: 15px;
    width: 40%;
}
.tab-shop-mode .block.item-date {
    width: 60px;
}
.tab-shop-mode .block.item-order-num {
    width: 169px;
}
.client-shop-mode .inline-block.size48 {
    margin-left: 0;
    vertical-align: top;
}
.client-shop-mode .inline-block.size50 {
    margin-left: 10px;
    vertical-align: top;
}
.client-shop-mode .button.small {
    font-size: 12px;
    line-height: 25px;
}
.button.small {
    font-size: 12px;
    line-height: 25px;
}
.client-shop-mode {
    margin-top: 20px;
}
.client-shop-mode .size48 {
    width: 46%;
    padding-left: 3%;
}
.client-shop-mode .size50 {
    padding-right: 3%;
    width: 46%;
}
.client-shop-mode .inline-block h3 {
    margin-bottom: 10px;
}
.client-shop-mode .inline-block p {
    font-size: 14px;
    margin: 0;
}
.margin-top-10 {
    margin-top: 10px;
}
.client-shop-mode .inline-block .margin-top-10 {
    margin-top: 10px;
}
.client-shop-mode .inline-block.size50 > p {
    margin-bottom: 10px;
}
.client-shop-mode .size50 p textarea {
    height: 50px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.client-shop-mode {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    margin-top: 30px;
    padding-bottom: 20px;
}
.line1 .order-tab .block {
    border-left: 2px solid white;
    display: table-cell;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
.line1 .order-tab .block:first-child {
    border-left: none;
}
.block.item-zoom {
    width: 52px;
}
.mask .v-center p.title-gal {
    margin-top: 0;
    text-align: center;
}
.account .aside.bottom .sidebar {
    padding-bottom: 20px;
}
.big-title {
    font-size: 25px;
}
.header-terms .box100 {
    background: url("../images/header/header-terms.jpg") no-repeat scroll right top transparent;
    padding: 25px;
}
/*.line.header-terms .big-t h1 {*/
/*    max-width: 650px;*/
/*    font-size: 35px;*/
/*    font-weight: 300;*/
/*}*/
.cols-3 {
    word-wrap: break-word;
}
.cols-3 h3 {
    color: #174b86;
    display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    font-size: 19px;
    word-wrap: normal;
    word-break: normal;
    margin-bottom: 15px;
}
.cols-3 h3 span {
    display: inline-flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    vertical-align: top;
    word-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 20px;
}
.para {
    margin-right: 5px;
}
.info-p .cols-3 li p {
    font-size: 13px;
}
.header-privacy .box100 {
    background: url("../images/header/header-privacy.jpg") no-repeat scroll right top transparent;
    padding: 25px;
}
.alert-warning {
    text-align: left;
}
#privacy.alert-warning p {
    font-size:15px;
    font-weight: 300;
}
#privacy.alert-warning a {
    color:#fff;
    text-decoration: underline;
}
#privacy.alert-warning a:hover {
    color:#69a4de;
}
#privacy.alert-warning .button {
    height: 36px;
    border: 1px solid #fff;
    font-size:15px;
}

.account-overview #privacy.alert-warning a:hover {
    color:#69a4de;
}

.cols-3 > h2, .no-break {
    word-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
.payment-options .inline-block h1 {
    font-size: 20px;
    font-weight: 400;
}
.warper .icon-zahl p {
    display: inline-block;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
}
.warper .icon-zahl p + p {
    width: 100%;
    margin-top: 5px;
}
.payement-options .box-border .loupe {
    float: right;
}
.box-border .box-order h2 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 8px;
}
/*test*/

.box-border .box-order p + p {
    margin-bottom: 10px;
}
.box-border .box-order .title {
    font-weight: 500;
}
.box-border .box-order {
    background-color: #f8f8fa;
    border: medium none;
    padding: 15px;
    padding-left: 25px;
    padding-right: 25px;
}
.box-border .box-order .button {
    line-height: 25px;
}
.pointer {
    cursor: pointer;
}
.box-border.box-order > h4 {
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 5px 15px;
    top: 0;
}
.footer-button {
    margin-top: 20px;
    margin-bottom: 8px;
}
.warper-formular .tab-content .size50 .padding {
    padding: 0;
}
/*Warper new*/
.warper-formular .mSelect + p {
    margin-top: 20px;
}
.warper-formular .mSelect {
    margin-top: 5px;
}
.warper-formular p input {
    margin-top: 5px;
}
.warper-formular .mSelect {
    width: 99%;
}
.warper-formular h1.sub-content {
    margin-bottom: 18px;
}
.warper-formular .tab-content input {
    background-color: #f0f0f0;
    border: medium none;
    font-size: 11px;
    height: 25px;
    margin-top: 0;
    padding-left: 5px;
    width: 100%;
}
.modal .modal-dialog {
    margin: 30px auto;
    max-width: 90%;
    width: 800px;
}
.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
.tab-content li.active {
    height: auto;
    max-height: 3000px;
    opacity: 1;
    overflow: visible;
    transform: translateX(0px);
    width: auto;
}
.tab-content li {
    opacity: 1;
}
.tab-content {
    max-width: 800px;
    overflow: visible;
    position: inherit;
}
.sub-cont .nav.nav-tabs {
    position: absolute;
    right: 100px;
    top: -70px;
    z-index: 99;
}
.slide .warper-formular {
}
.login .container-dial input[type="button"] {
    display: inline;
    font-size: 15px;
    height: auto;
    margin-top: 0;
    padding: 5px 10px;
    width: auto;
    vertical-align: middle;
}
.zoom-anim-dialog.login {
    padding: 0 30px 10px;
    overflow: hidden;
}
.zoom-anim-dialog.GPSR {
    padding: 0 30px 10px;
    overflow: hidden;
}
.nav-tabs > li.big-tabs {
    margin-bottom: 30px;
}
.nav.nav-tabs {
    border: none;
}
.tab-content .tab-pane h1 + h3 {
    margin: 0 0 10px;
    text-align: left;
}
.tab-pane .align-right {
    margin-top: 20px;
    margin-bottom: 20px;
}
.tab-content .inline-block.sub.italic {
    font-style: italic;
    font-variant: initial;
    margin: 5px 0 0;
}
.login .tab-content input[type="submit"] {
    display: inline-block;
    font-size: 15px;
    height: auto;
    margin-left: 10px;
    margin-top: 1px;
    padding: 5px 10px;
    vertical-align: middle;
    width: auto;
    background-color: #174b86;
    color: #f8f8fa;
}
.login .tab-content input[type="submit"]:hover {
    background-color: #f8f8fa;
    color: #3e3e3e;
}
.login .tab-content .align-right.cbox .icheckbox_square-grey {
    margin-top: 3px;
    margin-right: 5px;
}
.tab-content .loginRegisterLink {
    bottom: 18px;
    font-size: 16px;
    font-weight: 100;
    left: 100px;
    margin: 0;
    position: inherit;
    vertical-align: middle;
}
.big-tabs.active {
    background-color: #174b86;
    cursor: pointer;
    height: 40px;
    left: 0;
    opacity: 1;
    top: 0;
    width: auto;
}
.nav-tabs li.big-tabs.active a {
    background-color: #174b86;
}
.nav-tabs li.big-tabs.active a h2 {
    color: white;
}
.nav-tabs > li > a {
    background-color: white;
}
.nav > li.big-tabs a {
    margin: 0;
    padding: 0;
}
.nav > li.big-tabs a h2 {
    border: none;
    color: #385c5b;
    display: block;
    font-size: 15px;
    font-weight: 100;
    height: 40px;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    border: none;
}
.sub-cont .tab-content {
    overflow: hidden;
    position: unset;
}
/*//////////other///////*/

.boutton.float-right.reset-style.open-box {
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 0;
    display: inherit;
    opacity: 1;
    transition: all 0.3s ease-in;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.boutton.float-right.reset-style.open-box.closed {
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.collapse.in .boutton .fa-chevron-circle-down {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transition: all 0.3s ease-in;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.collapse.in .boutton.float-right.reset-style.open-box.closed {
    display: block;
    opacity: 1;
}
.collapse.in .boutton.float-right.reset-style.open-box {
    display: none;
    opacity: 0;
}
.shop-mode .collapse .read-more {
    color: #174b86;
    content: "...";
    display: block;
    font-size: 24px;
    margin-top: -2px;
    opacity: 1;
    position: absolute;
    top: 105px;
    z-index: 50;
    cursor: pointer;
}
.shop-mode .collapse.in .read-more {
    display: none;
}
.h-Uberuns .box100.big-t {
    padding: 0;
    min-height: 370px;
    background: url("../images/uberuns/heo-header-map-small.jpg") no-repeat;
    background-size: 100% auto;
    line-height: normal;
    margin-bottom: 30px;
}
.h-Uberuns + .float-right {
    clear: both;
    padding-bottom: 18px;
    padding-left: 15px;
}
.h-Uberuns .box100.big-t h1 {
    color: #304364;
    font-weight: bolder;
    padding-left: 0px;
    padding-bottom: 0px;
    position: absolute;
    bottom: 0px;
    background-color: transparent;
    top: auto;
}
.block.item-date2 {
    width: 100px;
}
.line1 .order-tab {
    margin-bottom: 5px;
}
.tab-orders {
    text-align: center;
}
.item-zoom .order-more {
    margin-left: 8px;
}
.item-zoom .order-more {
}
.item-zoom.order span {
    display: inline-block;
    width: 22px;
    height: 18px;
}
.item-zoom .order-more a:hover img {
    opacity: 0;
}
.item-zoom .order-more:hover {
    background: url("../images/icons/order-more-hover.svg") no-repeat scroll 0 0 / contain transparent;
}
.block.order-tracking.float-right {
    height: 25px;
    width: 30px;
    padding: 0;
}
.block.order-tracking.float-right:hover {
    background: url("../images/icons/order-more-hover.svg") no-repeat scroll 0 0 / contain transparent;
    height: 25px;
    width: 30px;
    padding: 0;
}
.block.order-tracking.float-right a:hover img {
    opacity: 0;
}
.zoom-anim-dialog.login .icheckbox_square-grey, .zoom-anim-dialog.login .icheckbox_square-grey .iradio_square-grey {
    margin-top: -3px;
    margin-right: 4px;
}
.stay {
    float: left;
    line-height: 22px;
    vertical-align: middle;
    margin-top: 10px;
    cursor: pointer;
}
.stay .cbox {
    width: auto;
    vertical-align: middle;
}
.login .tab-content .align-right .stay .icheckbox_square-grey {
    margin-top: 0;
}
.instock-back {
    background-color: #2eaa5e;
}
.instock-font {
    color: #2eaa5e !important;
}
.coming-back {
    background-color: #30acda;
}
.coming-font {
    color: #30acda !important;
}
.preorder-back {
    background-color: #da8630
}
.preorder-font {
    color: #da8630 !important;
}
.hotdeal-back {
    background-color: #b41e28
}
.hotdeal-font {
    color: #b41e28 !important;
}
.closeout-back {
    background-color: #723acf
}
.closeout-font {
    color: #723acf !important;
}
h4.hotdeal-font {
    text-align: left;
}
h4.closeout-back {
    text-align: left;
}
/*//////////////////////// Correction gallery not connected  ////////////////////*/

.gallery-description .box-purch.not {
    max-width: 100%;
}
.gallery-description .box-purch.not .size100 p {
    font-size: 11px;
}
.gallery-description .box-purch.button .button.not {
    width: auto;
    background-image: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    line-height: 27px;
    background-color: #174b86;
}
.gallery-description .box-purch.button .button.not:hover {
    width: auto;
    background-image: none;
    background-color: transparent;
}
.mask .v-center p.title-gal + p {
    height: 26px;
    line-height: 24px;
    text-align: center;
}
.mask .v-center .number-box {
    width: 31px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
}
.gallery-description .mask .v-center p.title-gal {
    margin-right: 0;
}
.gallery-description .mask .price .display-list-menu {
    margin-right: 0;
    padding-top: 0;
    margin-top: 0;
    margin-left: 0;
    left: 0;
}
.gallery-description .mask .price:hover p.number-box + .display-list-menu {
    left: 0;
}
.mask .number-box input {
    font-size: 17px;
}
.gallery-description .mask p.number-box + .display-list-menu p {
    display: inline-block;
    line-height: 25px;
    margin-top: -4px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
p.number-box + .display-list-menu p {
    padding-right: 15px;
}
.align-right .button.clear-bt {
    float: left;
    margin-left: 5px;
}
p.suggestion {
    font-size: 12px;
    padding-bottom: 20px;
}
p.suggestion strong {
    color: #b41e28;
    font-weight: 600;
}
.sug-pointer strong {
    cursor: pointer;
}
.sidebar.account > h1 {
    margin-bottom: 10px;
}
.product-description h4.soldout {
    color: #b41e28;
    font-weight: bold;
    text-align: left;
}
.product-description h4.soldout:before {
    content: "\f017";
    font-family: 'FontAwesome';
    margin-right: 3px;
}
.warper-formular .secure {
    margin-top: 44px;
}
.footer-form .secure {
    margin-top: 0;
}
li.done a h2::after {
    color: green;
    content: "";
    font-family: 'FontAwesome';
    font-size: 13px;
    margin-left: 2px;
    margin-top: 2px;
    position: absolute;
}
/*//////////////////////// Correction Safari ////////////////////*/

.v-center.price {
    line-height: 38px;
    vertical-align: middle;
}
.price:hover .quantity-text-box ~ .display-list-menu {
    margin-top: 0;
}
.basket .price .display-list-menu {
    margin-left: 5px;
}
.number-purch .v-center p.quantity-text-box + .number-box {
    margin-top: -4px;
}
/*//////////////////////////////////////////////////////////////*/
/*///////////////////// Correction  Gallery ////////////////////*/
/*//////////////////////////////////////////////////////////////*/


.mask .purchase {
    align-self: stretch;
    flex-basis: auto;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    max-width: 168px;
    width: 168px;
    height: 42px;
}
.mask .purchase .box-purchase {
    display: inline-flex;
    display: inline-flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
}
.mask .number-box input {
    border: medium none;
    font-weight: 300;
    font-size: 16px;
    height: 24px;
    padding-right: 5px;
    text-align: right;
    width: 34px;
}
.mask .v-center .number-box {
    margin-left: 0;
    margin-right: auto;
    margin-top: 2px;
    width: auto;
}
.gallery-description .box-purch {
    margin-left: 3px;
    margin-right: 0;
}
.gallery-description .box-purch.number-purch {
    margin-left: 0;
}
.gallery-description .v-center.price .number-box {
    font-size: 10px;
    margin-right: 0;
}
.gallery-description .box-purch.price-purch {
    width: 96px;
}
.gallery-description .price-purch .v-center p.type-price + p.total-price {
    margin-top: 2px;
    padding-bottom: 0;
}
.gallery-description .box-purch.button .button {
    background: url("../images/icons/order-more.svg") no-repeat scroll left top / contain transparent;
    display: inline-block;
    height: 29px;
    vertical-align: bottom;
    padding: 0;
}
.gallery-description .box-purch.button > p {
    display: inline-block;
    line-height: normal;
    vertical-align: bottom;
    position: relative;
}
.mask .v-center p.title-gal {
    margin-bottom: 0;
    font-size: 8px;
}
/*//////////////////////////////////////////////////////////////*/



/*///////////////////////// Cookies ////////////////////////////*/

.cookiePreferences {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 99999;
    border-top: 1px solid #404040;
    background-color: #f0f0f0;
    color: #404040;
    text-align: center;
    line-height: 80px;

}
.cookiePreferences a {
    color: #404040;
    font-weight: 600;
    text-decoration: none;
}
.cookiePreferences p {
    font-size: 15px;
    vertical-align: middle;
    line-height: normal;
}
.cookiePreferences .cookieContent {
    line-height: normal;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 10px;
    width: 1240px;
    max-width: 90%;
    text-align: left;
}
.cookiePreferences h2 {
    line-height: normal;
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 10px;
}
.cookiePreferences .button {
    width: 200px;
    margin-left: 10px;
}

.cookieContent p {
    padding-bottom: 30px;
}

.cookieOptions {
    padding: 20px 0 0 30px;
}

/*
a.close {
    display: block;
    width: 16px;
    height: 16px;
    float: right;
    background: url("/images/icons/close-button.svg") no-repeat right top;
}
a.close:hover {
    background: url("/images/icons/close-button.svg") no-repeat left top;
}
.cookieAccept a.close {
    margin-top: 3px;
}
*/
/*//////////////////////////////////////////////////////////////*/



/*//////////////////// language menu //////////////////////////*/

.wrapper-dropdown-5 .dropdown li a:hover:after {
    border-color: #7f7f7f transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 7px;
    top: 17px;
    width: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transition: all 0.3s ease-in;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.wrapper-dropdown-5:hover .dropdown-select:after {
    border: 0;
}
.wrapper-dropdown-5 .dropdown li.gradient {
    position: relative;
}
.wrapper-dropdown-5 .dropdown-select:hover:after {
    border-color: #7f7f7f transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transition: all 0.3s ease-in;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/*//////////////////////////////////////////////////////////////*/





.tab-content .error + input {
    border: 1px solid #b41e28;
}
.tab-content .error::after {
    margin-bottom: 10px;
    margin-top: 0;
    float: right;
}
.error-login h2 {
    color: #b41e28;
    font-size: 14px;
}
.gallery-description .box-purch.button.more .button {
    background: url("../images/icons/order-more-2.svg") no-repeat scroll left top / contain transparent;
    display: inline-block;
    height: 29px;
    vertical-align: bottom;
    width: 40px;
}
.gallery-description .box-purch.button.more .button:hover {
    background: url("../images/icons/order-more-hover-2.svg") no-repeat scroll left top / contain transparent;
}
.mSelect {
    flex-grow: 20;
    -webkit-flex-grow: 20;
    width: auto;
}
.mSelect .mOptions.dropdown-menu .mOption:hover {
    background-color: #174b86;
    color: white;
}
.mSelect .mOptions.dropdown-menu .mOption.active {
    background-color: #174b86;
    color: white;
}
.login input[type="submit"] {
    display: inline-block;
    font-size: 15px;
    height: auto;
    margin-top: 20px;
    padding: 5px 10px;
    width: auto;
}
#small-dialog.search-save {
    margin: 10px;
}
.c-selection a:hover .text {
    color: white;
}
.nav.nav-tabs a h2.done::after {
    color: green;
    content: url(/images/icons/haken.svg);
    font-family: 'FontAwesome';
    font-size: 13px;
    margin-left: 2px;
    margin-top: 2px;
    position: absolute;
    text-shadow: -2px white;
}
.box-border.news-options .line1 {
    margin-bottom: 15px;
    margin-top: 10px;
}
.box-border.news-options .line1 .inline-block {
    margin-bottom: 5px;
    margin-right: 5px;
}
.box-border.news-options .line1 .icheckbox_square-grey, .stay .icheckbox_square-grey {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    margin-right: -1px;
}
.news-options .register-column .mSelect {
    margin-top: 10px;
    max-width: 200px;
}
.news-options .register-column {
    margin-bottom: 15px;
    margin-right: 0;
    width: inherit;
}
.news-options input.delete-option-btn {
    margin-left: 18px;
}
.warper-formular .register-row .icheckbox_square-grey {
    margin-top: 4px;
}
.warper-formular .flex {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;/*justify-content: space-between;
    -webkit-justify-content: space-between;*/
}
.warper-formular .flex .inline-block.cbox.radio {
    width: 10%;
}
.radio .icheckbox_square-grey {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    margin-right: -1px;
    margin-top: 7px !important;
}
.faq .icheckbox_square-grey {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    margin-top: -2px !important;
}
.flex .cbox.radio .iradio_square-grey {
    color: grey;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.footer-kunden-for .cbox .icheckbox_square-grey {
    margin-top: 1px;
    transform: scale(0.8);
}
.before {
    display: none;
}
.number-purch .v-center .quantity-text-box {
}
/*//////////////// Gideon changes :) //////////////////*/

.account p.quantity-text-box {
    margin-top: 0;
}
.box-purch.not .v-center.size100 {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    width: 246px;
}
.account .sofort .v-center p, .account .soon-purch .v-center p, .account .preo-purch .v-center p {
    font-size: 12px;
}
.state .number-box input {
    background-color: white;
}
.state .sofort-purch .v-center p {
    font-size: 12px;
}
.sofort-purch-fdos-pending .v-center > p {
    font-size: 14px;
    margin-top: 4px;
}

.sofort-purch-fdos-pending .v-center > p + p {
    font-size: 12px;
    margin-top: 0px;
}
.backOrderList .sofort-purch-fdos-pending .v-center p {
    margin-top: 2px;
    padding: 2px;
}

.backOrderList .sofort-purch-fdos-pending .v-center p + p{
    font-size: 12px;
    padding: 0;
}

.state .sofort-purch .v-center p + p, .state .soon-purch .v-center p + p, .account .preo-purch .v-center p + p {
    font-size: 15px;
}
.sofort-purch-fdos-pending.eta-aside p {
    text-transform: uppercase;
}
.slide .padding .btn {
    border-radius: 0;
    padding: 5px 10px;
}
.box-input .flex {
    align-self: stretch;
    flex-basis: auto;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.box-input .flex .btn-upload {
    border-radius: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 3px 8px;
}
.box-input .flex .btn-upload + input {
    flex-grow: 20;
    -webkit-flex-grow: 20;
    height: 23px;
    margin-bottom: 5px;
    margin-left: 12px;
    margin-top: 5px;
    border: 1px solid #ddd;
    width: auto;
}
/*/////////////////////////// menu changes ////////////////////////////////*/

.dropdown-menu {
    /*max-height: 225px;*/
    max-height: 450px;
    overflow-y: hidden;
    position: absolute;
    top: 23px;
    width: 220px;
    visibility: hidden;
}
.search-box .autocomplete ul {
    background: none repeat scroll 0 0 white;
    border: 1px solid #dddddd;
    left: -1px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 4px 4px 4px 4px;
    overflow: hidden;
    max-height: inherit;
    top: 35px!important;
    left: 0!important;
    visibility: inherit;
}
.logo-search {
    display: flex;
    margin: 10px auto 4px;
    text-align: left;
    width: 1240px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
div.logo {
    float: left;
    padding-top: 1px;
    width: auto;
}
.logo img {
    height: auto;
    max-height: 70px;
    max-width: 156px;
    width: auto;
}

.logo img {
    max-width: 100%;
    width: 156px;
    height: auto;
}

.search {
    flex-grow: 20;
    -webkit-flex-grow: 20;
    margin-left: 20px;
}
.logo.shop-active a {
    display: block;
    text-align: center;
}
.logo.shop-active span {
    display: block;
    text-align: center;
}
.logo.shop-active img {
    max-height: 48px;
    margin-bottom: 2px;
}
.search-box .autocomplete .img-search {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.search-box .autocomplete .img-search img {
    border: 1px solid #eee;
    height: auto;
    margin-left: 0;
    max-height: 60px;
    max-width: 48px;
    width: auto;
    margin-top: 4px;
}
.search-box .autocomplete .img-search {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 11%;
}
.search-box .autocomplete p.text-search {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 80%;
}
.search-box .search-line {
    box-sizing: border-box;
    max-width: 97%;
}
.right.art-category {
    float: none;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}
.text-search .art-title {
    line-height: normal;
}
.text-search span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis; /* pour le reste du monde */
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
}
.search-box .art-number {
    font-size: 11px;
    font-weight: 600;
}
.search-box .text-search strong {
    font-weight: 600;
    text-decoration: underline;
}
.search-box .autocomplete form {
    width: 100%;
}
.account .content .button.needsclick {
    margin-top: 5px;
}

/*/////////////////////////// menu changes ////////////////////////////////*/
.backOrderList .number-box input {
    background-color: #f0f0f0;
    border: medium none;
}
.box-link #contentLinks span:last-child a {
}
/*/////////////////////////// footer changes ////////////////////////////////*/


.block-part.faq {
    border: 1px solid #69a4de;
    padding: 15px;
}
.block-part.faq h1 {
    color: #69a4de;
}
.block-part.faq > p {
    margin-bottom: 15px;
}
.block-part.faq p.align-right {
    margin-bottom: 0;
}
.footer p {
    margin-bottom: 3px;
}
.footer .all {
    text-align: left;
}
.block-part.heologo img {
    float: left;
    height: auto;
    margin-right: 24px;
    margin-top: 4px;
    max-width: 130px;
}
.block-part.heologo span.copyright {
    display: block;
    padding: 20px;
    text-align: center;
}
.footer p.web-version {
    margin-bottom: 8px;
    text-align: right;
}
.footer h1 {
    margin-bottom: 10px;
}
.block-part {
    margin-top: 20px;
}
.warper-footer .block40 {
    margin-top: -20px;
}
/*/////////////////////////// footer changes ////////////////////////////////*/

/*/////////////////////////// button did you see changes ////////////////////////////////*/
.button-image {
    height: 31px;
    text-align: right;
}
.button-image .problem-box, .button-image a.button {
    display: inline-block;
    text-align: left;
}
.button-image .problem-box {
    float: left;
    font-size: 11px;
    margin-top: 5px;
}
/*/////////////////////////// button did you see changes ////////////////////////////////*/


/*/////////////////////////// customer buy ////////////////////////////////*/


.cus-buy {
    margin-top: -15px;
}
.cus-buy > h1 {
    font-size: 20px;
    margin-bottom: 30px;
}
.cus-buy .box20 img {
    height: auto;
    max-width: 100%;
}
.cus-buy .box20 .caption {
    box-sizing: border-box;
    height: auto;
    width: 100%;
}
.cus-buy .box20 {
    background-color: transparent;
    height: auto;
    overflow: hidden;
    padding-bottom: 48px;
    width: 15%;
    margin-left: 14px;
}
.cus-buy .box20 .caption {
    height: auto;
    white-space: nowrap;
    word-wrap: unset;
}
.cus-buy .caption h2 {
    width: 100%;
}
.cus-buy .box20 p {
    max-width: 100%;
}
.cus-buy .box20 a {
    display: inherit;
}
/*/////////////////////////// customer buy ////////////////////////////////*/



.basket .header-waren .box75 {
    background: #ebebeb url("../images/basket/basket-header.svg") no-repeat scroll right center;
    height: 200px;
    width: 100%;
    margin-left: 0;
}
.inline-block.ref {
    margin-top: 1px;
    text-align: left;
    width: auto;
}
.inline-block.ref.tab-ref > input {
    width: 390px;
}
.line.table .v-center.price {
    line-height: normal;
}
.part-purchase .purchase-info {
    display: block;
    text-align: left;
    position: relative;
    padding: 3px 15px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    border-bottom:0;
   /* font-size: 11px; */
}
.part-purchase > .line {
    border-top: 1px solid #e4e4e4;
}

.inline-block.need.clear {
    font-size: 13px;
    font-weight: 600;
}
.out .warper-footer .flex-container {
    display: flex;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-align-content: stretch;
    align-content: stretch;
    width: 100%;
}
.footer.out .block-part h1 {
    margin-bottom: 5px;
}
.footer.out .box-copy {
    margin-top: 25px;
}
.footer.out .box-copy img {
    float: right;
    height: auto;
    margin-top: -45px;
    width: 125px;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.collapse {
    display: none;
}
.tooltip {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    position: absolute;
    visibility: visible;
    z-index: 1030;
}
.tooltip {
    display: block;
}
.tooltip.in {
    opacity: 0.9;
}
.table-spec .eta-purch .tooltip {

}
.eta-purch .tooltip.top {
    width:250%;
    max-width: 250px;
}

.eta-purch .tooltip.left {
    width:250%;
    height:auto;
}

.tooltip p:first-child {
    font-weight: 600;
}
.tab-block1 .tooltip.in, .warper .tooltip.in, .tooltip.in {
    opacity: 1;
}

.tab-block1 .tooltip-inner p {
    margin: 0;
    margin-top: 20px;
    font-size: 14px;
}
.tab-block1 .tooltip-inner p:first-child {
    margin-top: 0;
    margin-bottom: 30px;
}
.tab-block1 .tooltip-inner {
    padding: 25px;
}
.tab-block1 .tooltip-inner, .warper .tooltip-inner {
    background-color: #dbdbdb;
    color: #706e6f;
}
.tab-block1 .tooltip.top .tooltip-arrow, .warper .tooltip.top .tooltip-arrow {
    border-top-color: #dbdbdb;
}
.tab-block1 .tooltip-inner .good {
    color: #706e6f;
}
.tab-block1 .tooltip-inner .neutral {
    color: #706e6f !important;
}
.tab-block1 .tooltip-inner .warning {
    color: #706e6f !important;
}
.tab-block1 .tooltip.in.grey {
    border-top-color: #ececec;
}
.good .tooltip-inner {
    background-color: #3ba936;
    color: #bbea8a;
}
.good .tooltip.top .tooltip-arrow {
    border-top-color: #3ba936;
}
.good .tooltip-inner .good {
    color: #ffffff !important;
}
.good .tooltip-inner .neutral {
    color: #036b1e !important;
}
.good .tooltip-inner .warning {
    color: #036b1e !important;
}
.neutral .tooltip-inner {
    background-color: #ececec;
    color: #706e6f;
}
.neutral .tooltip.top .tooltip-arrow {
    border-top-color: #ececec;
}
.neutral .tooltip-inner .good {
    color: #b4b4b4;
}
.neutral .tooltip-inner .neutral {
    color: black !important;
}
.neutral .tooltip-inner .warning {
    color: #b4b4b4 !important;
}
.neutral .tooltip.in.grey {
    border-top-color: #ececec;
}
.warning .tooltip-inner {
    background-color: #b41e28;
    color: white;
}
.warning .tooltip.top .tooltip-arrow {
    border-top-color: #b41e28;
}
.warning .tooltip-inner .good {
    color: #820d08;
}
.warning .tooltip-inner .neutral {
    color: #820d08;
}
.warning .tooltip-inner .warning {
    color: white!important;
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip-inner {
    background-color: #000000;
    border-radius: 4px;
    box-shadow: none;
    color: #ffffff;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    max-width: 200px;
    width: 100%;
}
.tooltipNoWrap .tooltip-inner
{
    white-space: nowrap;
}
.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: relative;
    width: 0;
}
.tooltip.top .tooltip-arrow {
    background-color: transparent;
    border-top-color: black;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
}
.product-gallery .purchase-info {
    min-height: inherit;
}
/*/////////////////////////// home fix bilder ////////////////////////*/

.warper .product-gallery.inline-block.home-connected {
    margin-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}
.home-connected {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 7px;
    position: relative;
    vertical-align: top;
    width: 190px;
}
.product-gallery.home-connected .p-pict a img {
    width: 100%;
    height: auto;
}
.product-gallery.home-connected .gallery-description {
    max-width: inherit;
    width: 100%;
}
.product-gallery.home-connected .mask {
    margin-top: 5px;
}
.product-gallery.home-connected .caption > h1 {
    line-height: inherit;
}
.product-gallery.home-connected .mask .purchase {
    margin-bottom: 3px;
    max-width: 100%;
    width: 100%;
}
.product-gallery.home-connected .p-pict a {
    display: block;
    height: auto;
    overflow: hidden;
    width: 100%;
}
/*/////////////////////////// mail message ////////////////////////*/

.content-flash {
    background-color: white;
    margin: auto;
    padding: 20px;
}
.flash-message {
    display: inline-block;
    font-size: 22px;
}
.content-flash .fa-thumbs-o-up {
    float: right;
    font-size: 25px;
}
.content-flash .fa-thumbs-o-up::before {
    background-image: url("../../../images/icons/thumbs-ok.svg");
    background-repeat: no-repeat;
    background-size: 25px auto;
    content: "";
    display: block;
    height: 25px;
    width: 25px;
}
.flash-message {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 2px;
}
.price .display-list-menu a {
    padding-right: 15px;
}
.sidebar .infos-box-date {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 8px;
}
.box100.mail-part textarea {
    box-sizing: border-box;
    margin-left: 8px;
    width: 76%;
}
.basket .inline-block.link {
    margin-left: 15px;
    text-align: center;
    width: 14%;
    vertical-align: top;
}
.basket .inline-block.link .sub p {
    font-size: 11px;
}
.gallery-article .article .line {
    text-align: left;
}
.article .h-Uberuns ~ div {
    width: 49%;
}
.warper .line-option h1 {
    font-size: large;
}
.c-selection .s-load .mSelected {
    line-height: normal;
}
.c-selection a .text br {
    display: none;
}
.slick-track {
    padding-bottom: 1px;
}
/*/////////////////////////// bug report ////////////////////////*/

.order-tab.inline-block.product.p-title .block {
    font-size: 10px;
}
.order-tab.product .block {
    width: 75px;
}
.order-tab.product .block.art-desc {
    width: 100px;
}
.slide textarea {
    box-sizing: border-box;
    width: 100%;
}
.bug-report .button.blue {
    font-size: 15px;
    height: auto;
    padding: 5px 10px;
    width: auto;
}
.slide-forme .mSelected {
    line-height: 14px;
    max-height: inherit;
    overflow: hidden;
}
.scroll-header.active .slide-forme .mSelected {
    white-space: nowrap;
}
.product-list .disc {
    padding-bottom: 5px;
    display: block;
}
.scroll-header .search-box .autocomplete ul {
    left: inherit !important;
    right: 0;
    width: 240%;
}
.scroll-header .search-box .autocomplete .img-search {
    width: 14%;
}
.cus-buy .responsive-content {
    max-height: 270px;
    overflow: hidden;
    position: relative;
    /*white-space: nowrap;*/
    /*word-wrap: unset;*/
    width: auto;
    z-index: 50;
}
.line.product-gallery {
    position: relative;
}
.cus-buy .box-arrow {
    display: block;
    height: 100%;
    line-height: 100%;
    position: absolute;
    top: 0;
    width: 30%;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.cus-buy .responsive-content {
    position: inherit!important;
    overflow: inherit;
}
.slick-slider {
    position: inherit;
}
.slick-arrow {
    z-index: 99;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0.5;
}
.slick-prev.slick-arrow {
    background: white url("/images/icons/arrow-banner-l-grey.svg") no-repeat scroll center center;
    height: 80px;
    top: 56px;
    width: 50px;
    border: 1px solid #ddd;
    left: -14px;
}
.slick-next.slick-arrow {
    background: white url("/images/icons/arrow-banner-r-grey.svg") no-repeat scroll center center;
    height: 80px;
    top: 56px;
    width: 50px;
    border: 1px solid #ddd;
    right: 0;
}
.slick-prev:before {
    display: none;
}
.box20.slick-slide {
    max-width: 150px;
}
.cus-buy .box20:first-child {
    margin-left: 0;
}
/*.responsive-content:hover .slick-next {
    right: 0;
    opacity: 0.7;
}
.responsive-content:hover .slick-prev {
    left: -14px;
    opacity: 0.7;
}*/
.responsive-content:hover .slick-next:hover {
    opacity: 0.9;
}
.responsive-content:hover .slick-prev:hover {
    opacity: 0.9;
}
.EVP .fa.fa-question-circle {
    margin-left: 5px;
}
.box-img.toyzpic img {
    width: 31px;
}
.box-img.collepic img, .box-img.protpic img, .box-img.toyzpic img {
    width: 27px;
}
.box-img.mercpic img {
    width: 33px;
}
.box-img.giftpic img {
    width: 29px;
}
.box-img.animpic img {
    width: 30px;
}
/*/////////////////////////// new 02/07/15 ////////////////////////////////*/
.scroll-header .select {
    width: 65%;
}
.hentai {
}
.menu-dropdown .Sub .hentai a {
    text-decoration: none;
    text-shadow: unset;
}
.img-hentai {
    background: url("../images/menu/svg-menu/picto-hentai-little.svg") no-repeat scroll center right;
    background-size: 46px 23px !important;
    display: inline-block;
    float: right;
    height: 23px;
    margin-top: -5px;
    width: 24px;
}
.menu-dropdown .Sub .hentai a:hover {
    color: grey;
    text-decoration: none;
    text-shadow: unset;
    color: white;
}
.menu-dropdown .Sub .hentai a:hover .img-hentai {
    background: url("../images/menu/svg-menu/picto-hentai-little.svg") no-repeat scroll 0 0;
}
.menu-dropdown .Sub .more-product a {
    background-color: #dcdcdc;
    text-decoration: none;
    color: #174b86;
    text-shadow: none;
}
.menu-dropdown .Sub .more-product a:hover {
    background-color: #174b86;
    color: white;
}
.menu-dropdown .Sub .more-product a .img-zmehr {
    background: rgba(0, 0, 0, 0) url("../images/header/arrow-3.svg") no-repeat scroll left center;
    height: 15px;
    margin-left: 15px;
    vertical-align: middle;
    width: 10px;
    display: inline-block;
    float: right;
}
.menu-dropdown .Sub .more-product a:hover .img-zmehr {
    background: rgba(0, 0, 0, 0) url("../images/header/arrow-3.svg") no-repeat scroll right center;
}
.searchInput {
    border: medium none;
    height: 22px;
    padding-left: 8px;
    width: 200px;
}
.gallery-description .relative {
    position: relative;
}
.product-gallery .nicht-verfugbar {
    position: absolute;
}
/*.big .button-image {
    bottom: inherit;
    height: 31px;
    position: absolute;
    text-align: right;
    width: 285px;
    margin-top: 25px;
}*/

.big .button-image {
    bottom: 0;
    height: 31px;
    text-align: right;
    width: 285px;
    margin-top: 0;
}


.hentai:hover .img-hentai {
    background-position: left center;
}
/* ////////// Corrections Images //////////// */

.product-pic {
    border: 1px solid #eeeeee;
    display: inline-block;
    height: 540px;
    line-height: 540px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 360px;
}
.product-pic.inline-block > img {
    margin-top: -1px;
    width: 360px;
}
/*/////////////////////////// big galery article horizontal ////////////////////////////////*/


.product-pics-nav {
    overflow: hidden;
    white-space: nowrap;
}
.img-box:first-child {
    margin-left: 0;
}
.product-pics-nav {
    position: relative;
}
.product-pics-nav .box-arrow.right {
    right: 5px;
}
.product-pics-nav .box-arrow {
    display: block;
    height: 100%;
    line-height: 100%;
    position: absolute;
    top: 0;
    width: 30%;
}
.product-pics-nav .callbacks_nav.next {
    background: white url("/images/icons/arrow-banner-r-grey.svg") no-repeat scroll center center;
    border: 1px solid #ddd;
    display: inline-block;
    height: 80px;
    opacity: 0;
    position: inherit;
    right: -3px;
    top: 26px;
    width: 50px;
}
.product-pics-nav .box-arrow.left {
    left: 5px;
}
.product-pics-nav .box-arrow {
    display: block;
    height: 100%;
    line-height: 100%;
    position: absolute;
    top: 0;
    width: 8%;
}
.product-pics-nav .callbacks_nav.prev {
    background: white url("/images/icons/arrow-banner-l-grey.svg") no-repeat scroll center center;
    border: 1px solid #ddd;
    display: inline-block;
    height: 80px;
    left: -3px;
    opacity: 0;
    position: inherit;
    top: 26px;
    width: 50px;
}
.product-pics-nav .box-arrow:hover .callbacks_nav {
    opacity: 0.90!important;
}
/*/////////////////////////// big galery article vertical ////////////////////////////////*/

.big .product-pics-nav {
    max-height: 405px;
    position: relative;
    top: 0;
    width: 359px;
}
.big .img-box {
    margin-top: 1px;
    margin-bottom: 1px;
}
.big .product-pics-nav {
    overflow: hidden;
    white-space: normal;
}
.big .product-pics-nav .callbacks_nav.prev {
    top: 165px;
}
.big .product-pics-nav .callbacks_nav.next {
    top: 165px;
}
/*///////////////////////////// gallery pop-up ////////////////////////////////*/



.modal .modal-dialog {
    margin: 15px auto auto;
    width: 800px;
}
.modal .light-box .right {
    align-content: flex-start;
    background-color: white;
    display: flex;
    left: 0;
    margin-left: 0;
    max-height: 100%;
    max-width: 113px;
    padding: 5px;
    position: relative;
    flex-wrap: wrap
}
.modal .light-box .right.big {
    flex-direction: row;
}
.fa-thumbs-o-up::before {
    content: "dds";
    background-image: url("../../../images/icons/thumbs-ok.svg");
}
.nicht-verfugbar_na {
    bottom: 8px;
}
.alert-box {
    margin: auto;
    max-width: 1240px;
    width: 100%;
}
.alert {
    background-color: rgba(180, 30, 40, 0.1);
    color: #b41e28;
    margin-bottom: 25px;
    padding: 20px;
    border:1px solid;
}
/*.alert-warning {
    background: rgba(245, 181, 88, 1) none repeat scroll 0 0;
    border-color: rgba(245, 181, 88, 0.3);
    color:white;
}*/

.alert.success,
.alert.info,
.alert.warning,
.alert.error {
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 60px;
    text-align: left;
}
.alert.success {
    background-color: rgba(0, 148, 60, 0.1);
    color: rgba(0, 148, 60);
    background-image: url("../../../images/icons/alert-success.svg");
}
.alert.info {
    background-color: rgba(24, 75, 135, 0.1);
    color: rgba(24, 75, 135);
    background-image: url("../../../images/icons/alert-info.svg");
}
.alert.warning {
    background-color: rgba(240, 140, 10, 0.1);
    color: rgba(240, 140, 10);
    background-image: url("../../../images/icons/alert-warning.svg");
}
.alert.error {
    background-color: rgba(180, 31, 41,  0.1);
    color: rgba(180, 31, 41);
    background-image: url("../../../images/icons/alert-error.svg");
}

.register-column .alert {
    margin-top: -1px;
    line-height: 1.3em;
    hyphens: auto;
    padding: 10px 10px 10px 45px;
}

.basket .product-descript-list .alert,
.aside .alert {
    margin: 10px 0 0;
    text-align: left;
    font-size: 11px;
    padding: 10px;
    padding-left: 30px;
    background-position: 5px center;
}
.alert.error::before {
    content: "";
}

.alert-warning {
    background: #174b86 none repeat scroll 0 0;
    border-color: rgba(245, 181, 88, 0.3);
    color: white;
}
.alert-warning p.w-space-pw {
    font-size: 16px;
    font-weight: 400;/*white-space: normal;*/
}
.alert-success {
    background: rgba(133, 201, 88, 0.05) none repeat scroll 0 0;
    border-color: rgba(133, 201, 88, 0.3);
    color: #84b84d;
}
.alert > p {
    padding: 10px;
    font-size: 18px;
}
.close::after {
    font-size: 13px;
}
.close::after {
    display: block;
}
.alert > .close:first-child {
    float: right;
}
.alert .close {
    color: #d85349;
    background-image: none;
}
.alert .close:hover {
    background-image: none;
}
.alert-warning .close {
    color: #f2a333;
}
.alert-success .close {
    color: #84b84d;
}
.alert-info .close {
    background-image: none;
    color: #174b86;
}
.alert-info > p {
    font-size: 15px;
    padding: 10px;
}
.close {
    line-height: inherit;
}
.close {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-sizing: content-box;
    color: #13202e;
    display: inline-block;
    line-height: 24px;
    margin: 0;
    opacity: 1;
    overflow: visible;
    padding: 0;
    text-align: center;
    text-transform: none;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    -webkit-transition: opacity 0.1s linear;
    vertical-align: middle;
    width: 24px;
}
.alert.alert-warning p + p, .alert.alert-success p + p {
    color: #6a6a6a;
    font-size: 15px;
}
.alert li {
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 10px;
}
/*/////////////////////////// animation boutton ////////////////////////////////*/


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: all;
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    transition: all;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
/********************************************************************

/////////////////////////// Language Changes ////////////////////////

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


/*:::::::::: Espagnol ::::::*/

.es .aside button, .es .aside button.ng-binding, .es .aside .button, .es .aside .button.ng-binding {
    font-size: 11px;
}
.es div.loadButton {
    font-size: 11px;
}
.es .number-purch .v-center p.quantity-text-box.big {
    white-space: pre-wrap;
}
.inline-block.info-detail {
    width: 57%;
}
.inline-block.info-detail.info-detail-value {
    width: 43%;
}
.es .inline-block.ref.tab-ref > input {
    width: 349px;
}
.es .box100.mail-part textarea {
    width: 86%;
}
.es .inline-block.text input {
    width: 79%;
}
.es .cols-3 {
    -moz-column-gap: 24px;
    -o-column-gap: 24px;
    -webkit-column-gap: 24px;
    -ms-column-gap: 24px;
    column-gap: 24px;
}
.es .small-t h1 {
    font-size: 26px;
}
.es .big-t h1 {
    font-size: 26px;
}
.es .block40px {
    width: 70px;
}
.es .not-purch .v-center p {
    display: inline-block;
    line-height: 14px;
    margin: 0;
    padding: 0;
    height: 22px;
    vertical-align: middle;
}
.es .not-purch .v-center {
    line-height: normal;
    vertical-align: inherit;
}
.es .not-purch .v-center p {
    height: 29px;
    vertical-align: inherit;
    font-size: 12px;
    margin-top: 6px;
}
/*:::::::::: English ::::::*/

.en .cols-3 {
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px;
    -o-column-gap: 25px;
    column-gap: 25px;
}
.en .number-purch .v-center p.quantity-text-box.big {
    /*margin-top: 0;*/
    /*vertical-align: middle;*/
}
.en .box20.cat h1 {
    -webkit-hyphens: inherit;
}
.en .box100.mail-part textarea {
    width: 86.4%;
}
.en .inline-block.ref.tab-ref > input {
    width: 389px;
}
/*:::::::::: French ::::::*/


.fr .aside button.s-save, .mSelect.s-load {
    height: auto;
    line-height: normal;
    max-width: 45%;
    padding-bottom: 5px;
    padding-top: 5px;
}
.fr .s-load .mSelected {
    height: auto;
    line-height: normal;
}
.fr .sidebar .btn-group label {
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.05);
    font-size: 10px;
    max-width: none;
    padding: 4px 6px 10px;
}
.fr .inline-block.ref.tab-ref > input {
    width: 300px;
}
.fr .box100.mail-part textarea {
    box-sizing: border-box;
    width: 83%;
}
.fr .number-purch .v-center p.quantity-text-box.big {
    padding: 0;
    vertical-align: middle;
}
.fr .box75 .line3 {
    max-width: 50%;
}
.fr .sub-cont .nav.nav-tabs {
    position: absolute;
    right: -30px;
    top: -70px;
    z-index: 99;
}
.fr .nav-tabs h2 {
    color: #a5a4a5;
    font-size: 13px;
    font-weight: 100;
}
.fr .line.header .big-t h1 {
    max-width: 350px;
}
.fr .box2 {
    max-width: 230px;
}
.fr .Versand tr:nth-child(2), .fr .Versand tr:nth-child(3) {
    display: none;
}
.fr .inline-block.align {
    margin-left: 0;
    width: 60px;
}
.fr .box35.small-t h1 {
    line-height: 30px;
}
.fr .tab-pane:nth-child(4) .warper-formular .flex {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
.fr .tab-pane:nth-child(4) .slide .warper-formular p.inline-block {
    margin-right: 40px;
}
.fr .tab-pane:nth-child(4) .warper-formular .flex .inline-block.cbox.radio:last-child {
    width: 14%;
    max-width: none;
}
.fr .tab-pane:nth-child(4) .warper-formular .flex .inline-block.cbox.radio {
    width: 12%;
}
.fr .box-purch.not .v-center.size100 {
    width: 250px;
}
.box2 p.name {
    font-size: 14px;
}
.c-selection .s-line + .s-line {
    -webkit-flex-flow: row nowrap;
}
/*:::::::::: Italien ::::::*/

.it .aside .button.korb {
    display: inline-block;
}
.it .inline-block.ref.tab-ref > input {
    width: 350px;
}
.it .line.header .big-t h1 {
    padding-left: 0;
}
.it .line.header.h-Uberuns .big-t h1 {
    padding-left: 20px;
}
.it .h-Uberuns .line.header .big-t h1 {
    padding-left: 20px;
}
.it .cols-3 {
    -moz-column-gap: 26px;
    -webkit-column-gap: 26px;
    -o-column-gap: 26px;
    column-gap: 26px;
}
.it .info-p .article p {
}
.it .sub-cont .nav.nav-tabs {
    position: absolute;
    right: 13px;
    top: -70px;
    z-index: 99;
}
.it .nav-tabs h2 {
    color: #a5a4a5;
    font-size: 13px;
    font-weight: 100;
}
/*:::::::::: Polski ::::::*/


.pl .aside button.s-save, .mSelect.s-load {
    height: auto;
    line-height: normal;
    max-width: 45%;
    padding-bottom: 5px;
    padding-top: 5px;
}
.pl .s-load .mSelected {
    height: auto;
    line-height: normal;
}
.pl .aside .button.korb {
    display: inline-block;
}
.pl .gallery-description .eta-t {
    display: block;
    font-size: 10px;
}
.pl .sidebar .btn-group label {
    max-width: inherit;
}
.pl .availability label.btn {
    font-size: 9px;
}
.pl .verfuegbarkeits_box {
    display: inline-block;
    height: auto;
    line-height: 55px;
    vertical-align: middle;
}
.pl .verfuegbarkeits_box > span {
    display: inline-block;
    height: auto;
    line-height: normal;
    vertical-align: middle;
}
.pl .inv-search .search-box {
    width: 450px;
}
.pl .inline-block.ref.tab-ref > input {
    width: 377px;
}
.pl .box100.mail-part textarea {
    margin-left: 10px;
    width: 73%;
}
.pl .payement-options .order-tab .block {
    line-height: normal;
}
.pl .v-center.price > p {
    font-size: 10px;
}
.pl .line.header .big-t h1 {
    font-size: 34px;
}
.pl p.number-box {
    width: 40px;
}
.pl .quantity-text-box {
    margin-right: 0;
    text-align: center;
    width: 40px;
}
.pl .number-box input {
    width: 45px;
}
.pl .box20.cat p {
    font-size: 16px;
}
.pl p {
    font-size: 11px;
}
.pl .sub-cont .nav.nav-tabs {
    position: absolute;
    right: 13px;
    top: -70px;
    z-index: 99;
}
.pl .nav-tabs h2 {
    color: #a5a4a5;
    font-size: 13px;
    font-weight: 100;
}
.pl .availability label.btn {
    padding: 4px 4px 10px;
}
.pl .box-purch.not {
    margin-bottom: 10px;
    width: 235px;
}
.de .sub-cont .nav.nav-tabs {
    position: absolute;
    right: 13px;
    top: -70px;
    z-index: 99;
}
.de .nav-tabs h2 {
    color: #a5a4a5;
    font-size: 13px;
    font-weight: 100;
}
.de .line.header .big-t h1 {
    max-width: 50%;
}
.de .small-box.button-2 div.inline-block, .pl .small-box.button-2 div.inline-block {
    width: 100%;
}
.de .zoom-anim-dialog.login.small-box.button-2 .align-left, .pl .zoom-anim-dialog.login.small-box.button-2 .align-left {
    height: auto;
}
.de .zoom-anim-dialog.login.small-box.button-2 .button.blue, .pl .zoom-anim-dialog.login.small-box.button-2 .button.blue {
    margin-left: 0;
    margin-right: 25px;
    margin-top: 15px;
    float: none;
}
.de .zoom-anim-dialog.login.small-box.button-2 .button.blue + .button.blue, .pl .zoom-anim-dialog.login.small-box.button-2 .button.blue + .button.blue {
    float: right;
}
.warper .warper {
    max-width: 100%;
    width: 100%;
}
.bottom-nav .pagination-sm.pagination {
    margin-top: 0;
}
.cbox.invalid, .warper .inline-block p.cbox.invalid {
    border: none;
    color: #b41e28;
}
.cbox.contact .icheckbox_square-grey {
    float: left;
    margin-right: 6px;
    margin-top: 1px;
}
.cbox.contact span {
    display: inline-block;
    width: 860px;
}
.orders-none.orders-ok {
    box-sizing: border-box;
    display: inherit;
    width: 100%;
}
.orders-ok .order-text {
    padding: 0;
}
.slick-track {
    min-width: 100%;
}
/*Account Overview*/

.Tab-box.tab-box-50 {
    background-color: transparent;
}
.sub-title {
    margin-bottom: 5px;
    margin-top: 30px;
}
td.tab-block1 {
    color: #174b86;
}
.Tab-box td {
    font-size: 12px;
    height: 30px;
    line-height: normal;
    text-align: center;
}
.inv .tab-block4, .inv .tab-block4.status, .inv .tab-block4.date {
    margin: 20px;
    padding-left: 24px;
    text-align: left;
}
.inv .tab-block4.date {
    padding-left: 0;
}
.Tab-box .Tab-box.box100 td {
    text-align: left;
}
td.tab-link {
    padding-left: 2%;
    padding-top: 15px;
    text-align: left;
}
.Tab-box th {
    font-weight: 400;
    height: 30px;
    text-align: center;
}
.Tab-box.inv tr + tr:nth-child(2n), .Tab-box.lat-a tr + tr:nth-child(2n) {
    background-color: white;
}
.warper.account-overview {
    width: 691px;
    margin: inherit;
    text-align: left;
}
.Tab-box .warning {
    color: #b41e28;
}
.tab-block5 a {
    width: 30px;
    height: 22px;
    display: block;
    margin: auto;
}
.tab-block5.part1 a {
    background: rgba(0, 0, 0, 0) url("/images/account/picto/money-picto.png") no-repeat scroll left center;
    margin-left: 10px;
}
.tab-block5.part2 a {
    background: rgba(0, 0, 0, 0) url("/images/account/picto/pack-picto.png") no-repeat scroll left center;
    width: 23px;
    margin-left: 15px;
}
.tab-block5.part3 a {
    background: rgba(0, 0, 0, 0) url("/images/account/picto/cart-picto.png") no-repeat scroll left center;
    width: 32px;
}
.tab-block5.active a {
    background-position: center center!important;
}
.tab-block5.warning a {
    background-position: right center!important;
}
.account .fa {
    margin-left: 5px;
    vertical-align: middle;
}
.account .warning .fa {
    color: #b41e28
}
.account .warning .fa.fa-caret-right, .fa.fa-caret-right {
    color: #174b86;
}
.lat-a .tab-block2 {
    text-align: left;
}
.Tab-box.turn td, .Tab-box.turn th {
    text-align: right;
    padding: 5%;
    padding-top: 0;
    padding-bottom: 0;
}
.Tab-box.turn td.tab-block1 {
    text-align: left;
}
.Tab-box.turn td.tab-block1, .Tab-box.turn td.tab-block5, .Tab-box.turn th.tab-block5 {
    padding: 0;
}
.account .fa.fa-caret-right {
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -2px;
}
.account .fa.fa-caret-left {
    margin-right: 5px;
    margin-left: 0;
    color: #174b86;
    vertical-align: middle;
    margin-top: -2px;
}
.last-line {
    border-top: 3px solid white;
    margin-top: 25px;
    width: 100%;
}
.last-line td {
    padding-top: 10px!important;
}
.Tab-box.turn th.tab-block5 {
}
.fa-info-circle:before {
    content: "\f05a";
    /*font-size: 12px;*/
}
.fa.not-active {
    color: #a5a4a5;
}
.fa-exclamation-circle::before {
    color: #b41e28;
}
.Tab-box.box100 {
    min-height: 90px;
    overflow: inherit;
}
.back-order > h2 {
    font-size: 12px;
    /*margin-top: 4px;*/
    padding: 3px;
    text-align: right;
    vertical-align: middle;
    /*line-height: 14px;*/
    font-weight: 100;
}
.order-pic {
    display: inline-block;
    vertical-align: middle;
}
.mask .back-order > h2 {
    text-align: left;
    line-height: 15px;
    margin-top: 8px;
}
.mask .order-pic {
    display: inline-block;
    padding-top: 1px;
    vertical-align: middle;
}
.price-button .back-order > h2 {
    font-size: 12px;
    font-weight: 100;
    line-height: 14px;
    margin-top: 8px;
    padding-right: 4px;
    text-align: right;
    vertical-align: middle;
}
.home .mask .back-order > h2 {
    line-height: 15px;
    margin-bottom: 6px;
    margin-top: 4px;
    text-align: left;
    width: 100%;
}
.cookieContent .close::after {
    display: none;
}
/*////////////////// news ///////////////////*/

.product-pics-nav.slick-slider {
    overflow: visible;
}
.product-pics-nav.slick-slider .slick-arrow {
    top: 50%;
    transform: translate(0%, -50%);
    margin-top: 0;
}
.product-pics-nav.slick-slider:hover .slick-arrow.slick-next {
    right: 0;
    opacity: 1;
}
.product-pics-nav.slick-slider:hover .slick-arrow.slick-prev {
    left: 0;
    opacity: 1;
}
/*////////////////// heotron ///////////////////*/


.btn-group {
    margin-top: 20px;
}
.img-box {
    max-width: 111px;
}
.account p.blue {
    margin-top: 0;
}
.invoice .line1 .order-tab .block a {
    display: block;
    line-height: normal;
}
#kasten_innen .formular {
    padding: 0 15px 15px;
}
input {
    box-sizing: border-box;
}
/*
//////////////////////////////////////////////
**********************************************
                DEV STYLE
**********************************************
//////////////////////////////////////////////
*/

a.button.disabled, button.order-btn:disabled {
    opacity: 0.5;
    cursor: auto;
}
.box-purch-button-disabled {
    background: url("../images/icons/order-more.svg") no-repeat scroll left bottom / contain transparent;
    display: inline-block;
    height: 26px;
    width: 36px;
    padding-top: 14px;
    opacity: 0.5;
}
.mOptions.ng-hide-add, .mOptions.ng-hide-remove {
    display: block ! important;
    transition: all 0.3s linear;
}
.mOptions.ng-hide-add.ng-hide-add-active, .mOptions.ng-hide-remove {
    opacity: 0;
}
.mOptions.ng-hide-add, .mOptions.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}
/*.modal-open {
    overflow: hidden;
}*/
.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}
.modal.fade .modal-dialog {
    transform: translate(0px, -25%);
    -ms-transform: translate(0px, -25%);
    -webkit-transform: translate(0px, -25%);
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.modal.in .modal-dialog {
    transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
}
.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
}
.modal-content {
    background-clip: padding-box;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: medium none;
    position: relative;
}
.modal-backdrop {
    background-color: #124475;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.in {
    opacity: 0.8;
}
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16px;
    padding: 15px;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    line-height: 1.42857;
    margin: 0;
}
.modal-body {
    padding: 20px;
    position: relative;
}
.modal-footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
.sidebar > h1 {
    color: #174b86;
    font-size: 18px;
    text-align: center;
    text-transform: none;
}
.selector h2 {
    cursor: pointer;
}
.selector-list p {
    cursor: pointer;
    max-height: 17px;
    overflow: hidden;
}
.inline-block a {
    cursor: pointer;
}
.header a {
    cursor: pointer;
}
.logo-slide {
    height: 70px;
}
.logo-slide a {
    cursor: pointer;
}
.list-numbers-single {
    display: inline-block;
    margin-right: 5px;
    padding-right: 5px;
    text-align: left;
    width: 175px;
}
.flyover .alert {
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 1050;
}
.flyover .mask {
    background: none repeat scroll 0 0 #124475;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1049;
}
code {
    background-color: #008fd5;
    color: white;
    display: block;
    margin: 2em;
    opacity: 0.6;
    padding: 0.5em;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

a {
    cursor: pointer;
}
.c-selection2 {
    margin-bottom: 20px;
    margin-top: 0;
}
.select-style {
    background: url("../js/lib/jquery/mSelect/img/arrow.png") no-repeat scroll 90% 50% #f0f0f0;
    border-radius: 4px;
    border: 1px solid #ffffff;
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    overflow: hidden;
    width: 128px;
}
.select-style:hover {
    border: 1px solid #dddddd;
}
.select-style select {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    color: #4a4a4a;
    display: inline-block;
    padding: 5px 8px;
    width: 130%;
}
.select-style select:focus {
    outline: medium none;
}
.scroll-header .dropdown-menu {
    margin-top: 0;
}
.open .dropdown-menu {
    display: block;
    visibility: inherit;
}
.slide-forme {
    overflow: visible;
}
.display-list-menu {
    width: 60px;
}
.btn > .caret, .dropup > .btn > .caret {
    border-top-color: #000000 ! important;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline-offset: -2px;
    outline: thin dotted;
}
.btn:hover, .btn:focus {
    color: #333333;
    text-decoration: none;
}
.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
.btn-default {
    background-color: #ffffff;
    border-color: #cccccc;
    color: #333333;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #333333;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default .badge {
    background-color: #333333;
    color: #ffffff;
}
.btn-primary {
    background-color: #428bca;
    border-color: #357ebd;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #3276b1;
    border-color: #285e8e;
    color: #ffffff;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary .badge {
    background-color: #ffffff;
    color: #428bca;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #47a447;
    border-color: #398439;
    color: #ffffff;
}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success .badge {
    background-color: #ffffff;
    color: #5cb85c;
}
.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #ffffff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #39b3d7;
    border-color: #269abc;
    color: #ffffff;
}
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    background-color: #ffffff;
    color: #5bc0de;
}
.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #ffffff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #ed9c28;
    border-color: #d58512;
    color: #ffffff;
}
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    background-color: #ffffff;
    color: #f0ad4e;
}
.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #ffffff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #d2322d;
    border-color: #ac2925;
    color: #ffffff;
}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    background-color: #ffffff;
    color: #d9534f;
}
.btn-link {
    border-radius: 0;
    color: #428bca;
    cursor: pointer;
    font-weight: normal;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
    background-color: transparent;
    color: #2a6496;
    text-decoration: underline;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #999999;
    text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
}
.btn-sm, .btn-group-sm > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.btn-xs, .btn-group-xs > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}
.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
    width: 100%;
}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 6px;
    font-size: 18px;
    height: 46px;
    line-height: 1.33;
    padding: 10px 16px;
}
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select.input-group-lg[multiple] > .form-control, select.input-group-lg[multiple] > .input-group-addon, select.input-group-lg[multiple] > .input-group-btn > .btn {
    height: auto;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    border-radius: 3px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 10px;
}
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select.input-group-sm[multiple] > .form-control, select.input-group-sm[multiple] > .input-group-addon, select.input-group-sm[multiple] > .input-group-btn > .btn {
    height: auto;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-btn > .btn {
    position: relative;
}
.input-group-btn > .btn + .btn {
    margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2;
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}
.navbar-btn.btn-sm {
    margin-bottom: 10px;
    margin-top: 10px;
}
.navbar-btn.btn-xs {
    margin-bottom: 14px;
    margin-top: 14px;
}
.btn .label {
    position: relative;
    top: -1px;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.btn-xs .badge {
    padding: 1px 5px;
    top: 0;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.carousel-caption .btn {
    text-shadow: none;
}
.selector.selector-big .selector-list.big {
    height: 280px;
}
.owl-item {
    width: 198px;
}
.owl-item > a {
    background-color: transparent;
    height: 100px ! important;
    line-height: 100px;
}
.owl-item a > img {
    vertical-align: middle;
}
.box20.folgen.small-t p {
    color: #6a6a6a;
    font-size: 15px;
    margin-left: 24px;
    margin-right: 15px;
    margin-top: 20px;
}
.not-purch {
    background-color: grey;
}
.ng-pristine .display-list-menu .line p.inline-block {
    margin-left: 0;
    position: inherit;
    text-align: center;
}
.mOption.selected {
    background: none repeat scroll 0 0 #174b86;
    box-shadow: 0 2px 4px rgba(0, 69, 109, 0.25) inset;
    color: #ffffff;
}
.mSelect {
    position: relative;
}
.scroll-header .mSelect {
    margin-right: 0;
}
.scroll-header .select .mSelect {
    margin-left: 4px;
    margin-top: 1px;
}
.table-cell {
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 1050;
}
.boxOffset {
    margin-left: 206px;
}
.scroll-header .warenkorb.active p.artikel-nummer {
    min-width: 13px;
}
.warenkorb.active p.artikel-nummer {
    background-color: #b41e28;
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    font-size: 9px;
    left: 16px;
    margin-left: 0;
    margin-top: 3px;
    min-width: 13px;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: -13px;
}
.login-top {
    background: url("../images/header/log-out.svg") no-repeat scroll left 1px transparent;
    float: right;
    height: 34px;
    margin-left: 18px;
    margin-right: 0;
}
.warper.pl .big-t h1, .warper.pl .small-t h1, .warper.es .big-t h1, .warper.es .small-t h1 {
    font-size: 28px;
}
.warper.it .big-t h1, .warper.it .small-t h1 {
    font-size: 27px;
}
.warper.pl .big-t h2, .warper.pl .small-t h2 {
    font-size: 18px;
}
.warper.es .big-t h2, .warper.es .small-t h2 {
    font-size: 16px;
}
.pl .box20, .es .box20 {
}
.warper-konto {
    margin-right: 8px;
}
.callbacks_nav.next {
    right: 20px;
    text-indent: -150px;
    width: 100px;
}
.back {
    display: none;
}
.box-purch.eta-purch.sofort-purch .v-center, .box-purch.eta-purch.sofort-purch-fdos-pending .v-center, .box-purch.eta-purch.part-stock-purch .v-center {
    text-transform: uppercase;
    white-space: pre-wrap;
}
.absolute-rb {
    left: 25px;
    right: 0;
}
.loginRegisterLink {
    bottom: 18px;
    font-size: 16px;
    font-weight: 100;
    left: 100px;
    margin-bottom: 10px;
    margin-top: 20px;
    position: absolute;
}
.box-link a:hover, .box-link a.on {
    border-bottom: 2px solid #ffffff;
}
.mSelect.groupBox {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
}
.selector-list p.selected {
    background-color: #174b86;
}
.selector-list p.selected a {
    color: white;
}
.S-k-W {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.freight-costs {
    margin: 20px 0;

}
.freight-costs .tab-list {
    position: sticky;
    top: 45px;
}

.modal-dialog .header-shipping {

}
.modal-dialog .freight-costs {
    margin: 20px 20px;
}

.modal-dialog .freight-costs .tab-list {
    position: unset;
}
.modal-dialog .info-p .article p {
    padding: 0 20px;
}
.freight-costs .item-country-code img{
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.freight-costs .table-text-note {
    text-align: right;
}
.freight-costs li {
    width: calc(990px / 4) !important;
}
.freight-costs li,
.freight-costs p {
    font-size: 12px !important;
}
.freight-costs .item-country-code > div {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.freight-costs .item-country-code p,
.freight-costs .item-country-code img {
    margin: 0;
}
.search-box {
    -webkit-flex-grow: 3;
    flex-grow: 3;
}
div.loadButton {
    background-image: none;
    border-radius: 0;
    border: medium none;
    color: white;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    max-width: inherit;
    overflow: visible;
    padding: 0;
    transition: all 250ms ease-in-out;
    vertical-align: middle;
    width: auto;
}
div.loadButton:hover {
    background-color: white;
    color: #174b86;
    line-height: 15px;
    text-decoration: none;
    border: none;
}
div.loadButton:hover a {
    color: #174b86;
}
div.loadButton a:hover {
    text-decoration: none;
}
div.loadButton a {
    color: #ffffff;
}
.product-list .v-center .display-list-menu {
    left: 0;
}
.price .display-list-menu {
    margin-right: 0;
    margin-top: 0;
    padding-top: 10px;
}
.removeEntry {
    width: 18px;
    height: 18px;
}
.part-parameters {
    display: block;
}
.aside {
    position: sticky;
}
.detail .product .aside {
    position: relative;
}
.detail .product .aside .sidebar {
    position: static;
}
.aside.scroll {
    padding: 0 20px;
}
.aside.bottom {
    bottom: 0;
}
.aside.scroll2 .sidebar {
    position: fixed;
    bottom: 0;
}
.produkt, .account {
    position: relative;
}
.light-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.light-box .left {
}
.light-box .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.selector-list {
    top: 0;
}
.angular-google-map-container {
    height: 400px;
}

/* dropShippingCustomerForm */
.drop-shipping-customer-form-container.bg-white {
    background-color: #FFFFFF;
}

.drop-shipping-customer-form-container .btn-reset {
    background-color: white;
    border: 1px solid rgb(23, 75, 134);
}
.drop-shipping-customer-form-container .btn-reset:hover {
    background-color: rgb(23, 75, 134);
    color: white;
    border: 1px solid rgb(23, 75, 134);
}

.drop-shipping-customer-form-container .btn-close {
    background-color: rgb(23, 75, 134);
    color: white;
}
.drop-shipping-customer-form-container .btn-close:hover {
    filter: brightness(1.20);
    color: white;
}


.drop-shipping-customer-form-container input, .claims-form-container input {
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
}

.drop-shipping-customer-form-container p {
    margin: 0;
}

.drop-shipping-flex {
    display: flex;
    justify-content: flex-end;
    width: 100%;
     gap: 1em;
}
/* optional {{ */
.drop-shipping-flex .btn {
    flex: 1 1 0;
    min-width: 100px;
    max-width: 120px;
    border-radius: 0;
    margin: 0;
}
/* }} */

.drop-shipping-grid {
    display: grid;
    row-gap: 0.5em;
    column-gap: 1em;
    grid-template-columns: repeat(4, 1fr);
}

.drop-shipping-span-1 {
    grid-column: span 1;
}

.drop-shipping-span-2 {
    grid-column: span 2;
}

.drop-shipping-span-3 {
    grid-column: span 3;
}

.drop-shipping-span-4 {
    grid-column: span 4;
}
/* -- end -- */

.register-flext {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
}
.register-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
}
.register-column {
    width: 48%;
}
.register-column:first-child {
    margin-right: 25px
}
.register-column p {
    margin-bottom: 0;
}
.register-column .mSelect {
    margin-top: 0;
}
.warper-formular span.register-street {
    width:80%;
    float:left;
}
.warper-formular span.register-housenumber {
    width:18%;
    float:right;
}
.nav-tabs li.disabled {
    cursor: not-allowed;
}
.nav-tabs li.disabled a {
    cursor: not-allowed;
}
.ng-pristine.ng-invalid.ng-invalid-required.ng-touched::before {
    border: 1px solid #b41e28;
    content: "";
    height: 25px;
    width: 25px;
}
.ng-pristine.ng-invalid.ng-invalid-required.ng-touched::before {
    color: #b41e28;
    content: "> ";
}
.ng-pristine.ng-invalid.ng-invalid-required.ng-touched::after {
    color: #b41e28;
    content: "Please fill or correct the field in red";
    display: block;
    margin-bottom: 20px;
}
.ng-invalid.ng-touched, .ng-invalid-required.ng-touched, .ng-dirty .ng-invalid.ng-untouched, .ng-dirty .ng-invalid-required.ng-untouched {
    border: 1px solid #b41e28;
}
.cc-form.ng-dirty .ng-invalid.ng-untouched, .cc-form.ng-dirty .ng-invalid-required.ng-untouched {
    border: 0;
}
.cc-form.ng-pristine .ng-invalid .ng-invalid-required, .cc-form.ng-dirty .ng-invalid.ng-touched {
    border: 1px solid #b41e28;
}
.mSelect a {
    text-decoration: none;
}
.register-column .mSelect {
    text-align: left;
}
.product-pic.inline-block > img {
    cursor: pointer;
}
.mask .purchase .number-purch.four-numbers .number-box input {
    font-size: 11px;
}
.mask .purchase .number-purch.five-numbers .number-box input {
    font-size: 9px;
}
.mask .purchase .number-purch.six-numbers .number-box input {
    font-size: 7px;
}
.mask .purchase .number-purch.seven-numbers .number-box input {
    font-size: 6px;
}
.mask .purchase .price-purch.four-numbers .total-price {
    font-size: 11px;
}
.mask .purchase .price-purch.five-numbers .total-price {
    font-size: 14px;
}
.mask .purchase .price-purch.six-numbers .total-price {
    font-size: 12px;
}
.mask .purchase .price-purch.seven-numbers .total-price {
    font-size: 10px;
}
.sidebar .info-price.six-numbers p.total-price {
    font-size: 31px;
}
.sidebar .info-price.seven-numbers p.total-price {
    font-size: 29px;
}
.sidebar .info-price.seven-numbers p.total-price {
    font-size: 29px;
}
.sidebar .info-price.eight-numbers p.total-price {
    font-size: 26px;
}
.sidebar .info-price.nine-numbers p.total-price {
    font-size: 24px;
}
.sidebar .info-price.ten-numbers p.total-price {
    font-size: 22px;
}
.sidebar .info-price.eleven-numbers p.total-price {
    font-size: 20px;
}
.sidebar .info-price.twelve-numbers p.total-price {
    font-size: 19px;
}
.clickable {
    cursor: pointer;
}
.resa-search .search-box {
    border: 1px solid #dddddd;
    border-radius: 4px;
    height: 24px;
    margin-bottom: 0;
    margin-left: 15px;
    line-height: normal;
}
.resa-search .search-box input[type="text"] {
    border: 0 hidden;
    color: #174b86;
    font-size: 11px;
    font-weight: normal;
    margin-left: 2px;
    margin-top: 2px;
    padding-left: 2px;
    padding-top: 2px;
    width: 120px;
}
.resa-search .search-box input[type="submit"] {
    background: url("../images/header/loupe.svg") no-repeat scroll center -56px transparent;
    height: 24px;
    width: 30px;
}
.backOrderList.line .state {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
}
.backOrderList.line .references {
    flex-direction: column;
}
.account .backOrderList.line .state {
    position: inherit;
}
.backOrderList.line .state p.number-box {
    margin: 0;
}
.part-stock-purch {
    background-color: #08c58b;
}
.article .product-list .product-title h3 a {
    color: #174b86;
}
.article .product-list .product-title h3 {
    color: #4a4a4a;
    font-size: 14px;
    margin-top: 10px;
}
.backOrderList.line .product-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-align-items: stretch;
}
.backOrderList.line .state p.number-box {
    background-color: transparent;
    margin: 0;
}
.backOrderList.line .type-price {
    font-size: 9px;
}
#back-top {
    display: none;
}
#back-top.bottom {
    position: absolute;
    right: 80px;
}
.modal .modal-dialog.modal-big {
    width: 1200px;
}
.account .aside {
    position: absolute;
    padding-bottom: 0;
    padding-top: 0;
}
.account .aside .sidebar.account h1 {
    margin-top: 20px;
}
.account .aside .sidebar.account .c-selection {
    margin-bottom: 20px;
}
.account .aside.bottom .sidebar.account .c-selection {
    margin-bottom: 0;
}
.font-orange {
    color: #da8630;
}
.font-grey {
    color: grey;
}
.heolightb, .heogreen, .heoorange, .heored, .heoblue, .heo-light-green, .heo-dark-green {
    transition: none;
}
.mSelect.groupBox > a {
    height: 25px;
}
.invalid {
    border: 1px solid red;
}
.cap-invalid div div {
    border: 1px solid red;
}
.searchInput {
    border: medium none;
    height: 22px;
    width: 200px;
}
.slider {
    -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
    -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
    -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}
.slider.left {
    left: 0;
    opacity: 1;
}
.slider.left-add {
    left: -165px;
    opacity: 1;
}
.slider.right {
    left: -165px;
    opacity: 1;
}
.slider.right-add {
    left: 0;
    opacity: 1;
}
.slider.right-remove {
    left: -165px;
    opacity: 1;
}
.article.big .warper-product .warper-product-description {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.sellout {
    border: 1px solid red;
}
.login .formular {
    border: 1px solid #f0f0f0;
}
.sub-cont .nav.nav-tabs {
    position: absolute;
    right: inherit;
    top: -20px;
    z-index: 99;
}
.sub-cont .nav.nav-tabs + .tab-content {
    margin-top: 30px;
}
.nav li:first-child a {
    padding-left: 4px;
}
.login > .modal-dialog, .modal .modal-dialog {
    width: 425px;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}


 .modal .modal-dialog {
    width: 600px;
}


.basket ~ .modal .modal-dialog {
    width: 745px;
    max-width: 90%;
}
.basket ~ .modal .modal-dialog .order-tab .block {
    font-size: 11px;
}
.zoom-anim-dialog.login {
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.register > .modal-dialog, .big > .modal-dialog, .de .account ~ .modal-dialog {
    width: 800px;
}
.orderDialogBox > .modal-dialog {
    width: 500px;
}
.orderRepeat > .modal-dialog {
}
.backOrderList.line .state p.number-box, .backOrderList.line .state p.number-box:hover, .backOrderList.line .state p.number-box input:hover {
    background-color: transparent;
    margin: 0;
    cursor: default;
    color: #3e3e3e
}
.tab-product.in .order-tab.inline-block {
    margin-left: 0;
    vertical-align: top;
    width: 100%;
}
.tab-product.in .order-tab.product .block.disc {
    width: 36%;
}
.item-zoom.order span {
    vertical-align: middle;
    margin-top: -1px;
}
.option-p i.fa.fa-exclamation-circle {
    vertical-align: middle;
    margin-top: -2px;
}
.placeholder {
    background: url("/images/placeholder.jpg") no-repeat center center;
    background-size: cover;
}
.account .content .button.needsclick {
    margin-top: 5px;
    height: inherit;
}
.right.product .sidebar .price:hover .display-list-menu {
    margin-top: 0;
}
.order-tab.product .block.menge {
    width: 58px;
}
.order-tab.product .block {
    width: 20%;
}
.order-tab.product .block.art-desc {
    width: 30%;
}
.order-tab.product .block.price {
    width: 20%;
}
.tab-product.in .order-tab.inline-block {
    margin-left: 0;
    vertical-align: top;
    width: 100%;
}
/* Neww test*/

.orders .order-tab.product .block.menge {
    width: 10%;
    max-width: 10%;
}
.orders .order-tab.product .block {
    border: none;
}
/*.orders .order-tab.product .block {
    width: 13%;
}*/

.orders .order-tab.product .block {
    width: 25%;
}
.orders .order-tab.product .block.art-desc {
    width: 23%;
    max-width: 23%;
}
.orders .order-tab.product .block.price {
    width: 10%;
    max-width: 10%;
}
.orders .tab-product.in .order-tab.product .block.disc {
    width: 10%;
    max-width: 10%;
}
.orders .order-tab.product.p-title .block.menge {
    padding-left: 18px;
    padding-right: 19px;
}
.pagination-sm.pagination {
    cursor: inherit;
}
.modal-open .modal-content .account {
    padding: 25px;
}
.modal-open .modal-content .account h2.order {
    padding-left: 25px;
}
.modal-open .modal-content .account .bottom-nav.display {
    height: auto;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 35px;
    text-align: center;
}
.modal-open .modal-content .account .align-right.cbox {
    margin-right: 25px;
}
.zoom-anim-dialog.login.small-box .align-left {
    height: 70px;
    line-height: 36px;
    margin-top: 15px;
    text-align: left !important;
}
.zoom-anim-dialog.login.small-box .button {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    float: right;
    margin-left: 18px;
    border: 1px solid #1c4b86;
}
.zoom-anim-dialog.login.small-box {
    padding: 25px;
}
.zoom-anim-dialog.login.small-box .inline-block.sub.italic {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: inherit;
}
/* test for price list */
.price .display-list-menu a {
    padding-bottom: 8px;
    padding-right: 25px;
    padding-top: 8px;
}
.price .display-list-menu p {
    display: block;
}
/* ref warenkorb*/

.box-title {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}
.art-ref > p {
    margin: 0;
    text-align: left;
}
.art-ref > p .box-art-ref {
    background-color: #f8f8fa;
    display: block;
    font-size: 10px;
    margin: 0 0 10px;
    padding: 8px;
}
.lat-a .tab-block2 {
    padding: 8px;
}
.login .modal > .modal-dialog {
    width: 425px;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
}
.register .modal > .modal-dialog {
    width: 800px;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
}
.article .backOrderList .product-list .product-title .box.list h3 {
    margin-top: 4px;
}
.backOrderList .box.list {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}
.backOrderList .product-title .inline-block {
    width: 100%;
}
.backOrderList .box.list span {
    font-weight: 400;
}
.backOrderList .product-title h1 {
    margin-bottom: 5px;
}
.account td.tab-block1 {
    vertical-align: middle;
}
.account td.tab-block1 a .fa-file-pdf-o {
    line-height: 21px;
    font-size: 12px;
    margin-right: 4px;
}
.account td.tab-block1 a {
    font-size: 12px;
    display: block;
    padding: 7px 0;
}
.account td.tab-block1 span.order-type {
    font-size: 10px;
    padding: 10px;
}
.over:before {
    content: "\f017";
    font-family: 'FontAwesome';
    margin-right: 3px;
}
.over {
    color: #b41e28;
}
/* ////// * Update 18-11-2015 * ////////*/

.link.bottom .pict {
    background: transparent url("../images/icons/warenkorb-icons.svg") no-repeat scroll left top / 259px 52px;
}
.link.bottom .pict.csv {
    background-position: -70px bottom;
    background-size: 159px 32px;
    display: inline-block;
    margin-left: 0;
    min-height: 16px;
    vertical-align: middle;
    width: 20px;
}
.link.bottom a:hover .pict.csv {
    background-position: -70px top;
}
.link.bottom p {
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
    margin-left: 3px;
    margin-top: 2px;
    text-align: left;
    vertical-align: middle;
}
.link.bottom .sub {
    background-color: white;
    color: #174b86;
    display: inline-block;
    padding: 5px 8px;
    text-align: right;
}
.link.bottom a:hover .sub {
    background-color: #174b86;
    color: white;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}
.link.bottom a:hover {
    background-color: transparent;
}
.link.bottom {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}
.account p {
    font-size: 15px;
    margin-top: 0;
}
.zoom-anim-dialog.login {
    overflow: visible;
}
.sub-cont .tab-content {
    overflow: visible;
}
.tab-content .tab-pane.active {
    -moz-transition: opacity 0s ease-in-out;
    -ms-transition: opacity 0s ease-in-out;
    transition: opacity 0s ease-in-out;
    -webkit-transition: opacity 0s ease-in-out;
}
.home .small-t h1, .home .big-t h1 {
    color: black;
    font-size: 25px;
    line-height: 27px;
}
.autocomplete li {
    box-sizing: border-box;
}
.disabled {
    cursor: not-allowed;
    opacity: 0.4;
    -moz-opacity: 0.4;
    -ms-opacity: 0.4;
    -webkit-opacity: 0.4;
    filter: alpha(opacity=40);
}
.disabled .mSelect, .disabled input, .disabled .mSelect a {
    cursor: not-allowed;
    pointer-events: none;
}
.disabled .open .dropdown-menu {
    display: none;
}
.big-tex.in-modal {
    margin-top: 0;
    padding-bottom: 0;
}
.big-tex.in-modal a {
    background-image: none;
}
span.close {
    background: rgba(0, 0, 0, 0) url("/images/icons/close-button.svg") no-repeat scroll right top;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    width: 16px;
    vertical-align: middle;
    margin-top: -4px;
}
a:hover span.close, span.close:hover {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/images/icons/close-button.svg") no-repeat left top;
    margin-left: 4px;
}
.info-p.big-tex p.button.blue {
    background-color: #174b86;
    display: inline-block;
    margin: 0;
    padding: 2px 5px;
    vertical-align: middle;
    padding-bottom: 3px;
}
.info-p.big-tex p.button.blue a {
    color: white;
}
.info-p.big-tex .warper {
    margin-top: 0;
    position: relative;
    padding-bottom: 0;
}
.info-p.big-tex .warper .login {
    position: absolute;
    right: 0;
    z-index: 99;
}
.modal-content .info-p.big-tex .line.header .big-t h1 {
    margin-left: 0;
}
.modal-content .info-p.big-tex .header-shipping .box100 {
    /* background: transparent url("../images/header/header-shipping.jpg") no-repeat scroll right center / contain; */
}
.info-p.big-tex .line.header .box100 {
    height: 170px;
    margin-bottom: 10px;
}
.padding {
    padding: 20px;
}
.box100 .cbox .termsOfBusiness {
    font-size: 16px;
}
.termsOfBusiness.hover .icheckbox_square-grey.hover:hover {
    background-position: -24px 0;
}
.termsOfBusiness.hover .icheckbox_square-grey.hover.checked:hover {
    background-position: -48px 0;
}
.box100 .cbox .drop-shipping-checkbox {
    font-size: 16px;
}
.modal-dialog.modal-lg {
    width: 800px;
}
.icon-zahl.cen .img-zahl, .central {
    background: transparent url("../images/formular/icon-zahl.svg") repeat scroll center center / cover;
    width: 39px;
}
.form-img-box.zal, .zal {
    background: transparent url("../images/formular/icon-zahl-big.svg") no-repeat scroll center;
    width: 41px;
    height: 30px;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.warper-formular .flex .inline-block.cbox.radio {
    max-width: 10%;
    overflow: hidden;
    width: 9%;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
.icon-zahl.cen p.img-zahl {
    width: 50px;
}
.modal .light-box .right.big {
    flex-direction: column;
    /*width: 35%;*/
    max-width: inherit;
}
/*////////////// fix gallery ////////////*/

.modal-lg .big .img-box img {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}
.modal-content .light-box .left.big {
    max-width: 83%;
}
.modal .light-box .right {
    left: inherit;
    max-height: 984px;
    overflow: auto;
    padding: 2px;
    position: absolute;
    right: 0;
}
.warenkorb a:hover .id-bild {
    background: url("../images/header/konto-waren-pic.svg") no-repeat scroll right bottom transparent;
}
span.grey {
    color: grey;
    font-size: 11px;
}
.hasSub.active ul.Sub li.more-product a {
    color: #174b86;
}
.hasSub.active ul.Sub li.more-product a:hover {
    color: white;
}
li.more-product {
    text-transform: none;
}
.home-connected.product-gallery .eta-purch {
    max-height: 1px;
    padding: 0;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    overflow: hidden;
}
.home-connected.product-gallery:hover .gallery-description .eta-purch, .home-connected.product-gallery .gallery-description.opened .eta-purch, .opened .eta-purch {
    max-height: 500px;
    padding: inherit;
    /*height: 17px;*/
    padding-top: 3px;
    padding-bottom: 3px;
}
.gallery-description.opened .display-list-menu, .opened .display-list-menu {
    display: table;
    height: auto;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
    z-index: 10;
}
.gallery-description.ng-animate.opened-remove .display-list-menu, .gallery-description.ng-animate.opened-remove .display-l-menu {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    width: 0;
    z-index: 10;
}
.gallery-description.opened-remove {
    opacity: 0.5;
}
.total-price + .total-price .currency {
    text-transform: inherit;
}

/*
/////////////////////////////////////////////////////
//////////// RETINA DISPLAY de m..... ///////////////
/////////////////////////////////////////////////////
*/

.relative {
    position: relative;
}
.home .line {
    margin-top: 10px;
    padding-bottom: 15px;
}
.home .line:first-child {
    margin-top: 0;
}
.home .line:last-child, .home .line.flex {
    border-bottom: none;
}
.home .line.flex {
    border-bottom: none;
    padding-bottom: 0;
}
.home .line.flex + .line.flex {
    margin-top: 0;
    padding-bottom: 0;
}
.home .box20.folgen.small-t p {
    line-height: 17px;
}
.slider_container .callbacks_tabs.callbacks1_tabs {
    height: 21px;
}
.slider_container .highlighted-banner-box-container {
    position: relative;
    margin: auto;
    display: block;
    width: 100%;
    max-width: 1240px;
}
.slider_container .highlighted-banner-box {
    background: #2a558deb;
    width: 300px;
    position: absolute;
    z-index: 100;
    top: clamp(10px, 2vw, 30px);
    color: #fff;
    padding: clamp(0.5vw, 1vw, 20px);
    border-radius: 2px;
}

.slider_container .highlighted-banner-box h1 {
    font-size: clamp(0.5vw, 1.5vw, 26px);
    font-weight: 400 !important;
    font: unset;
}

.slider_container .highlighted-banner-box p {
    margin: clamp(4px, 0.5vw, 6px) 0 clamp(10px, 1vw, 14px) 0;
    font-size: clamp(0.5vw, 1vw, 14px);
}

.slider_container .highlighted-banner-box a {
    padding: clamp(0.5vw, 0.8vw, 10px) clamp(12px, 1vw, 18px) !important;
    display: inline-block;
}

/* ///////////////////////////////////////////////////////////////////////////////////
**************************************************************************************
///////////////////////// Box category home new style ////////////////////////////////
**************************************************************************************
/////////////////////////////////////////////////////////////////////////////////// */

.box20.cat h1 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    padding-right: 20px;
}
/*.box20.cat {
    background-color: transparent;
    border-bottom: 1px solid #eee;
    height: auto;
    margin-bottom: 15px;
    width: 100%;
    margin-left: 0;
}*/
.box20.cat {
    background-color: transparent;
    border-bottom: 1px solid #eee;
    height: auto;
    margin-bottom: 15px;
    width: 100%;
    max-width: 1240px;
    margin-left: 5px;
}
.box20.cat h1 {
    color: #8b8b8b;
    font-size: 30px;
    font-weight: 300;
    line-height: normal;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
}
.box20.cat:hover h1, .box20.cat:hover a:hover h1 {
    color: #8b8b8b;
}
.box20.cat p:hover {
    text-decoration: underline;
}
.box20.cat .line3 {
    margin-top: 60px;
}
.box20.cat p::after {
    content: url("../images/home/produkt/arrow-cat.svg");
    padding-left: 5px;
    position: relative;
    top: 2px;
}
.box20.cat p {
    color: #174b86;
    float: right;
    font-size: 18px;
    margin-left: 0;
    margin-top: 10px;
}
.product-pic .relative {
    position: initial;
}
.not-c .nicht-verfugbar.nicht-verfugbar_na {
    display: none;
}
.price .display-list-menu .pageUp, .price .display-list-menu .pageDown {
    text-align: center;
    background-color: white;
}
.price .display-list-menu p.pageUp .fa, .price .display-list-menu p.pageDown .fa {
    font-size: 18px;
    padding: 2px;
    color: grey;
}
.price .display-list-menu p.pageUp .fa {
    width: 100%;
    box-sizing: border-box;
}
.price .display-list-menu p.pageUp:hover .fa, .price .display-list-menu p.pageDown:hover .fa {
    color: white;
}
.pageUp.show ~ p a {
    padding-bottom: 6px;
    padding-top: 5px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.pageUp.hide {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.pageUp.show {
    height: 24px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-bottom: 1px;
}
.ident-pic img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
}
.hasSub.active ul.Sub li.more-product a {
    text-transform: none;
}
.hasSub.active ul.Sub li a.active {
    background-color: #174b86;
    color: white;
}
.hasSub.active ul.Sub li a {
    text-decoration: none;
    text-shadow: none;
}
.price .display-list-menu p.pageDown a, .price .display-list-menu p.pageUp a {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.menu-dropdown .Sub li a.hentai:hover {
    background-color: #b41e28;
}
.menu-dropdown .Sub .more-product a:hover {
    background-color: black;
}
.account .price-purch {
    height: 40px;
    width: 95px;
}
.product-pic.inline-block > img {
    margin-top: -1px;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.order-pic img {
    margin-top: -1px;
    vertical-align: middle;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*.basket p.quantity-text-box {
    width: 100%;
    height: auto;
    line-height: normal;
    margin-bottom: 2px;
    text-align: left;
    padding-left: 5px;
}*/
.basket p.quantity-text-box {
    box-sizing: border-box;
    height: auto;
    line-height: normal;
    margin-bottom: 2px;
    padding-left: 5px;
    text-align: left;
    width: auto;
    display: block;
}
.basket p.quantity-text-box ~ p.quantity-text-box {
    margin-top: 2px;
}
.basket .v-center.price > p {
    /*margin-right: 5px;*/
    font-size: 10px;
}
.price.noselect .quantity-text-box {
    padding-left: 0;
}
.pl .basket p.number-box {
    width: 49px;
}
.turn .tab-block5 a {
    cursor: pointer;
    display: inline-block;
    font-family: "FontAwesome", sans-serif;
    height: 30px;
    text-align: right;
    vertical-align: middle;
    width: 10px;
}
.turn .tab-block5 .fa.fa-caret-left {
    padding-right: 10px;
}
.turn .tab-block5 a .fa.fa-caret-right, .turn .tab-block5 a .fa.fa-caret-left {
    display: inline-block;
    line-height: 27px;
    margin: auto;
    vertical-align: middle;
}
/********************************************
/////////////////////////////////////////////
*********************************************

         changes in availability

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



.product-gallery .nicht-verfugbar {
    width: 19px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.mask .purchase {
    height: 50px;
}
.small-articleNumber {
    font-size: 10px;
}
.box-purch.restricted {
    width: 374px;
}
.box-purch.restricted .nicht-verfugbar {
    background: rgba(240, 240, 240, 1) url("../images/icons/button-nicht.png") no-repeat scroll 5px center;
    bottom: 0;
    display: block;
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: auto;
}
.box-purch.restricted .nicht-verfugbar {
    background: rgba(240, 240, 240, 1) url("../images/icons/button-nicht.png") no-repeat scroll 10px center;
    bottom: 0;
    display: block;
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0 0 0 5px;
    position: relative;
    vertical-align: middle;
    width: auto;
}
.info-price .box-purch.restricted {
    width: 247px;
}
.info-price .box-purch.restricted .nicht-verfugbar {
    background: url("../images/icons/button-nicht.png") no-repeat scroll 5px center rgba(248, 248, 250, 1);
    bottom: 0;
    display: block;
    height: auto;
    padding: 3px 5px;
    position: relative;
    vertical-align: middle;
    margin: 0;
    width: 236px;
}
.gallery-description .box-purch.price-purch.restricted {
    width: 100%;
}
.box-purch.price-purch.restricted .restricted p {
    font-size: 10px;
    line-height: 11px
}
.box-purch.price-purch.restricted .restricted p {
    color: #5f0606;
    font-size: 11px;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    padding-left: 0;
}
.box-purch.restricted p {
    color: #5f0606;
    display: table-cell;
    font-weight: 400;
    height: 38px;
    line-height: 14px;
    margin: auto;
    padding-left: 30px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}
.not-active .fa.fa-caret-right, .not-active .fa.fa-caret-left {
    color: lightgrey;
}
.home .box-purch.restricted p {
    padding: 5px;
    text-align: center;
}
.product-gallery:hover .gallery-description .mask, .product-gallery .gallery-description.opened .mask, .opened .mask {
    height: 53px;
    max-height: 400px;
}
.product-gallery:hover .gallery-description .mask.priceinfo2rows {
    height:63px;
}
.product-gallery:hover .gallery-description .mask.priceinfo3rows {
    height:76px;
}
/*
///////////////////////////////////////////////////////////////
***************************************************************

                Changes on footer

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

.footer.out .box-copy img {
    float: right;
    height: auto;
    margin-top: -5px;
    width: 125px;
}
.block-part {
    margin-top: 20px;
    flex-grow: 3;
    -webkit-flex-grow: 3;
}
.block-part:last-child {
    width: 15%;
}
.warper-footer .footer-social {
    display: inline-block;
    height: 25px;
    margin-right: 0;
    overflow: hidden;
    width: 25px;
}
.footer p {
    font-weight: 100;
    line-height: 15px;
}
.block-part:last-child p {
    font-size: 10px;
}
.footer h1 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: uppercase;
    color:#fff;
}
.social-footer-cont {
    float: left;
}
.basket .total-price.total {
    overflow: auto;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .callbacks_tabs a {
        font-size: 25px;
    }
}
.modal .light-box .right.big {
    background-color: white;
    flex-direction: column;
    margin-right: 2px;
    max-width: 29%;
    overflow: auto;
    padding: 0;
    width: 29%;
}
.modal-lg .big .img-box {
    height: 135px;
    width: 56%;
}
.modal-content .light-box .left {
    max-width: 71%;
}
.slider_container .callbacks li {
    opacity: 0;
    position: absolute;
    z-index: 1;
    margin-left: 0;
    -moz-transition: all 500ms ease-in-out 0s!important;
    -ms-transition: all 500ms ease-in-out 0s!important;
    transition: all 500ms ease-in-out 0s!important;
    -webkit-transition: all 500ms ease-in-out 0s!important;
}
.slider_container .callbacks .callbacks1_on {
    opacity: 1;
    position: relative;
    z-index: 6;
}
.callbacks {
    max-height: 294px;
}
.modal-open .modal {
    box-sizing: border-box;
    overflow: hidden;
}
.login .stay {
    margin-top: 7px;
}
.box1-3.nine-numbers .total-price.total, .box1-3 .nine-numbers.total-price.total, .box1-3.price.nine-numbers .total-price {
    font-size: 15px;
}
.box1-3.ten-numbers .total-price.total, .box1-3 .ten-numbers.total-price.total, .box1-3.price.ten-numbers .total-price {
    font-size: 14px;
}
.box1-3.eleven-numbers .total-price.total, .box1-3 .eleven-numbers.total-price.total, .box1-3.price.eleven-numbers .total-price {
    font-size: 13px;
}
.box1-3.twelve-numbers .total-price.total, .box1-3 .twelve-numbers.total-price.total, .box1-3.price.twelve-numbers .total-price {
    font-size: 12px;
}
.box1-3.thirteen-numbers .total-price.total, .box1-3 .thirteen-numbers.total-price.total, .box1-3.price.thirteen-numbers .total-price {
    font-size: 11px;
}
.price-button.four-numbers .number-box input, .box1-3.four-numbers .number-box input {
    font-size: 14px;
}
.price-button.five-numbers .number-box input, .box1-3.five-numbers .number-box input {
    font-size: 12px;
}
.price-button.six-numbers .number-box input {
    font-size: 10px;
}
.price-button.seven-numbers .number-box input {
    font-size: 8px;
}
.box1-3.six-numbers .number-box input {
    font-size: 11px;
}
.box1-3.seven-numbers .number-box input {
    font-size: 10px;
}
.account .display p {
    font-size: 12px;
}
.modal .warper.info-p.big-tex.in-modal.shipping {
    overflow: auto;
}
.inline-block .invalid a {
    color: #b41e28;
    text-decoration: underline;
}
.box-purch.restricted {
    height: auto;
}
.restricted .nicht-verfugbar {
    box-sizing: border-box;
}
.sidebar .part-parameters .size .inline-block {
    margin-top: 15px;
    vertical-align: top;
}
.modal .part-parameters .size {
    max-height: 53px;
    overflow: auto;
    white-space: nowrap;
}
.tab-orders .tab-product table {
    border-spacing: 15px;
    border-collapse: separate;
}
.tab-orders .tab-product table tr {
    border-bottom: 1px solid #f1f1f3;
    color: #174b85;
    font-size: 11px;
    font-weight: 100;
}
.tab-orders .tab-product table td, .tab-orders .tab-product table td p {
    color: #174b85;
    font-size: 11px;
    font-weight: 500;
    color: black;
    font-weight: 100;
    text-align: center;
}
.img-box.slick-slide {
    background-color: white;
    vertical-align: middle;
}
.big .img-box {
    border: 1px solid #d2d2d2;
    display: inline-block;
    font-size: 0;
    height: 131px;
    line-height: 131px;
    margin-left: 2px;
    overflow: hidden;
    text-align: center;
    width: 115px;
}
.slick-track .slick-slide img {
    display: inline-block;
    vertical-align: middle;
}
.all.logo {
    background-image: url(/images/logo/heo_logo_subline_bold_2023.svg);
    background-size: 140px 60px;
    height: 60px;
    width: 140px;
}

/* for high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .all.logo {
        background: url(/images/logo/heo_logo_subline_bold_2023.svg) no-repeat;
        background-size: 140px 60px;
    }
}
.product-descript-list + .box1-3 {
    text-align: right;
}
.modal .part-table-info {
    padding: 25px;
}
.de .modal .line.header .big-t h1 {
    background-color: transparent;
    top: 50px;
}
.gallery-description.not-c:hover .mask {
    height: 95px
}
.product-gallery .gallery-description.not-c .nicht-verfugbar {
    width: 100%;
    text-align: center;
}
.v-center.price.noselect {
    margin: auto;
    text-align: left;
}
.alert-close.close {
    background: rgba(0, 0, 0, 0) url("/images/icons/close-button.svg") no-repeat scroll left top;
}
.alert-close.close:hover {
    background: rgba(0, 0, 0, 0) url("/images/icons/close-button.svg") no-repeat scroll right top;
}
.EVP a {
    color: inherit;
}
.block-part .all.logo {
    margin-bottom: 15px;
}
.block-part:last-child p {
    font-size: 12px;
}
.block-part:last-child p.little-sub {
    font-size: 9px;
    text-align: right;
    width: 90%;
}
.register .modal > .modal-dialog {
    overflow: auto;
}
.zoom-anim-dialog.login {
    overflow: auto;
}
.product-gallery .not-c .mask {
    margin-top: 0;
}
.collepic {
    background: transparent url("../images/menu/svg-menu/picto-collectibles-01.svg") no-repeat scroll 0 0;
}
.hasSub:hover .border .collepic, .hasSub.active .border .collepic {
    background: transparent url("../images/menu/svg-menu/picto-collectibles-02.svg") no-repeat scroll 0 0;
    background-position: left center !important;
}
.w-space-pw {
    white-space: pre-wrap;
}
.hasSub:last-child ul.Sub {
    right: 0;
    left: inherit;
}
.light-box2 {
    display: block;
}
.modal-lg .big .img-box {
    height: auto;
    line-height: inherit;
    width: auto;
}
.left2 {
    display: list-item;
    height: 85%;
    list-style: outside none none;
    max-height: 85%;
    text-align: center;
    vertical-align: middle;
}
.left2 img {
    height: auto;
    max-height: 95%;
    max-width: 100%;
}
.right2.big, .right2 {
    background-color: white;
    display: block;
    height: 15%;
    overflow: auto;
    padding-bottom: 5px;
    white-space: nowrap;
}
.right2 {
    text-align: center;
}
.right2.big {
    text-align: center;
}
.big .slick-list.draggable {
    background-color: #fdfcfc;
}
.modal-dialog.modal-lg {
    width: 800px!important;
    transition: none!important;
}
.gallery-description .back-order {
    display: block;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}
.gallery-description .back-order h2 {
    padding: 0;
    margin: auto;
}
/*galerie test*/

.slick-initialized .slick-slide {
}
.right2.big, .right2 {
    background-color: white;
    display: block;
    height: auto;
    overflow: hidden;
    padding: 5px;
    white-space: nowrap;
}
.modal .right2 .img-box {
    margin-left: 0;
}
.right2.big, .right2 {
    background-color: white;
    bottom: 0;
    display: block;
    padding: 5px;
    position: relative;
    white-space: nowrap;
    min-height: 15%;
}
.right2 .product-pics-nav, .right2 .big .product-pics-nav {
    height: auto;
    margin: 10px auto auto;
    max-height: inherit;
    max-width: inherit;
    width: 100%;
}
.mobile input.needsclick {
    position: absolute;
    left: 0;
    margin-top: 2px;
}
h4.hotdeals.closeout-font {
    text-align: left;
    text-transform: uppercase;
}
/* Discount new design*/

.disc .list h3 {
    font-size: 13px;
}
span.dis, span.prx {
    font-weight: 600;
    color: #174b86;
}
span.dis {
    color: #276faa;
}
.gallery-description .title-gal {
    font-size: 9px;
}
.modal-content.modal-prod {
    min-width: 640px;
}
.modal-content.modal-prod .part-parameters p {
    margin-right: 0;
}
.modal-content.modal-prod .inline-block.price {
    display: block;
    margin-top: 10px;
}
.modal-content.modal-prod p.type-price {
    max-width: 36%;
    vertical-align: top;
    margin-top: 21px;
}
.modal-content.modal-prod #small-dialog {
    margin: 20px auto;
}
.modal-content.modal-prod .dialog-content-img {
    display: inline-block;
    vertical-align: middle;
    width: 39%;
    text-align: center;
}
.product .aside .type-price {
    font-size: 16px;
}
.basket p.type-price.title-gal {
    text-align: center;
    font-size: 12px;
    margin-top: 0;
}
.type-price.inline-block {
    color: #174b86;
    width: 100px;
}
.warper-article .display p {
    /*margin-bottom: 15px;*/
}
p.type-price.title-gal.top + p.total-price.gal {
    height: 15px!important;
    line-height: 15px!important;
}
.mask .v-center p.title-gal {
    margin-bottom: 0;
    font-size: 9px;
}
p.type-price.title-gal.top, p.type-price.title-gal.bot {
    line-height: 10px;
}
p.type-price.title-gal.top {
    margin-bottom: 1px;
    margin-top: 2px;
}
p.type-price.title-gal.bot.ng-scope {
    margin-top: 4px;
}
.oldPriceBox,
.backOrderCountBox {
    border: 1px solid #e4e4e4;
    border-top:0;
    border-radius: 0 0 5px 5px;
    line-height: 1.7em;
    font-size: 10px;
    color: #4a4a4a;
}
.backOrderCountBox {
    border: 0;
}
.backOrderCountBox img {
    position: relative !important;
    margin: 4px 2px 0 0 !important;
}
/*.freightSurchargeBox {
    line-height: 1.7em;
    font-size: 10px;
} */

.table-price.spec td.box-purch {
    line-height: inherit;
    text-align: center;
    height: 20px;
    background-color: transparent;
    max-width: 25%;
    vertical-align: middle;
    margin-left: 1.2px;
    margin-right: 0;
    box-sizing: border-box;
}
.table-price.spec td:nth-child(1) {
    width: 127px;
}
.table-price.spec td:nth-child(2) {
    width: 119px;
}
.table-price.spec td:nth-child(3) {
    width: 124px;
}
.table-price.spec td:nth-child(4) {
    width: 125px;
}
.table-price.spec td.box-purch p {
    line-height: inherit;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    padding: 2px 0;
}

.back-order > h2 {
    font-size: 11px;
    margin-top: 0;
    padding-right: 4px;
    text-align: right;
    vertical-align: middle;
    line-height: 13px;
    font-weight: 100;
}
.number-purch .v-center p.quantity-text-box + .number-box {
    margin-top: 0;
}
.number-purch .v-center p.quantity-text-box, .number-purch .v-center .number-box {
    line-height: 38px;
    height: 38px;
}
.number-purch .v-center p.quantity-text-box.big + .number-box {
    margin-top: 0;
    vertical-align: top;
}
.product-list .number-purch .v-center .display-list-menu {
    left: 50px;
    top: 34px;
}
.en .number-purch .v-center p.quantity-text-box.big {
    /*margin-top: 0;*/
    /*vertical-align: middle;*/
    /*line-height: 38px;*/
}
.orders-ok .order-text p.align-right {
    margin-top: 25px;
}
.message.mail {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 95%;
    max-width: 1240px;
    font-size: 14px;
    text-align: left;
}
.message.mail h1 {
    font-size: 23px;
    font-weight: 100;
    margin-bottom: 0
}
.message.mail h2 {
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 22px;
    margin-top: 5px;
    color: #174b86;
}
.message.mail p {
    font-size: 15px;
    font-weight: 100;
}
.message.mail tr p {
    color: #174b86;
    margin-bottom: 15px;
    margin-top: 35px;
    font-size: 18px;
}
.message.mail span {
    color: grey;
    font-size: 11px;
    display: block;
    line-height: 13px;
}
.message.mail tr p.no-marg {
    margin-bottom: 0;
}
.text-area td {
    padding-bottom: 20px;
}
.text-area textarea {
    height: inherit;
    font-size: 14px;
    font-weight: 100;
}
.send-button .button {
    padding-left: 0;
}
.message.mail input.button {
    background-color: #f0f0f0;
    border: 1px solid #ffffff;
    color: #174b86;
    font-size: 14px;
    font-weight: 300;
    height: 30px;
    margin-top: 15px;
    padding-left: 0;
}
.message.mail input.button:hover {
    background-color: #174B86;
    color: white;
}
header.not-active .select.S-k-W .search {
    display: none;
}
body .icheckbox_square-grey {
    background: rgba(0, 0, 0, 0) url("checkbox/skins/square/grey.png") no-repeat scroll 0 0;
}
body .iradio_square-grey {
    background: url(checkbox/skins/square/grey.png) no-repeat rgba(0,0,0,0);
    background-position: -120px 0;
    background-size: 240px 24px;
}
body .message.mail .iradio_square-grey {
    background: url(checkbox/skins/square/grey.png) no-repeat rgba(0,0,0,0);
    background-position: -98px 0;
    background-size: 200px 20px;
}
body .message.mail .iradio_square-grey.hover {
    background-position: -118px 0;
}
body .message.mail .iradio_square-grey.checked {
    background-position: -139px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    body .message.mail .icheckbox_square-grey, body .message.mail .iradio_square-grey {
        background-image: url(checkbox/skins/square/grey@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
.mFleche {
    background: url(../lib/jquery/mSelect/img/arrow.svg) left top no-repeat;
}
/*********************************************************************************/
/*********************************************************************************/
/***************************** cart new features *********************************/
/*********************************************************************************/
/*********************************************************************************/

span.error-cart, .error-cart {
    color: #b41e28;
    font-weight: 600;
}
.alert.alert-warning.red .fa-exclamation-circle::before {
    color: #fff;
    font-size: 19px;
    margin-right: 4px;
    vertical-align: middle;
}
.error-list a {
    text-decoration: underline;
    color: #174b86;
    font-weight: 400;
}
span.old-price, span.old-qty {
    margin-right: 8px;
    color: #6a6a6a;
}
span.new-price, span.new-qty {
    margin-left: 8px;
    color: #b41e28;
}
.alert.alert-warning .error-list p {
    font-size: 12px;
}
.alert.alert-warning.red {
    padding: 5px;
    border-radius: 0;
    margin-top: 0;
}
.alert.alert-warning.red p {
    padding: 0;
    border-radius: inherit;
}
.error-list h2 {
    font-weight: 400;
    font-size: 15px;
    margin-top: 18px;
    margin-bottom: 5px;
}
.error-list h2.red {
    background-color: transparent;
    font-weight: 400;
}
.error-list h3 {
    font-weight: 300;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 8px;
    color: #0261b2;
    line-height: 18px;
}
.alert.alert-warning .error-list p .fa-circle:before {
    content: "\f111";
    color: #4a4a4a;
    font-size: 8px;
    vertical-align: middle;
    line-height: 9px;
}
.box100.error {
    border: 1px solid #b41e28;
}
.alert-warning.red p.title {
    font-size: 16px;
}
.error-list {
    background-color: #fff;
    padding: 5px 15px 15px;
    color: #000;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    border-radius: 5px;
}
.basket .header-waren.error .box75 {
    background-image: none;
    height: auto;
    margin-bottom: 0;
    border: inherit;
}
.basket .header-waren.error .box75 {
    margin-bottom: 0;
}
.basket .header-waren.error .box75 h1 {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
    font-size: 25px;
}
.flex .tooltip {
    position: absolute;
}
.message.mail table tr td:last-child {
    width: 80%;
}
.number-purch .v-center p.quantity-text-box+.number-box input {
    font-size: 15px;
    margin-top: 6px;
    padding-right: 2px;
}
/* ----------------------------------------------------------
/////////////////////////////////////////////////////////////
                header new version
/////////////////////////////////////////////////////////////
---------------------------------------------------------- */
#top .header {
    width: 100%;
}
.header.active-menu .menu-top1, .header.active-menu .menu-world .menu-dropdown.S-k-W {
    display: none
}
.header.active-menu .deal.none {
    display: inherit;
}
.header.active-menu {
    position: fixed;
    z-index: 99;
    background-color: white;
    width: 100%;
    margin: auto;
    top: 0;
    left:0;
}
.header.scroll-back.scroll-help::before {
    content: "";
    display: block;
    position: fixed;
    background-color: white;
    width: 100%;
    height: 30px;
    z-index: 120;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    opacity: 1;
    top: -50px
}
@keyframes movement {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes movement {
    from {
        opacity: 0;
        margin-top: -10px;
        /*top: -50px;
        margin-top: -50px;*/
    }
    to {
        opacity: 1;
        margin: auto;
        /* top:0px;
         margin-top: 0;*/

    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
        top: 0;
    }
    to {
        opacity: 0;
        top:-50px;
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.movement {
    -webkit-animation-name: movement;
    animation-name: movement;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.header.active-menu .warper-warenkorb .text, .header.active-menu .warper-warenkorb .arrow, .header.active-menu .warper-konto .text, .header.active-menu .warper-konto .arrow {
    display: none;
}
.scroll-head-active, #top {
    min-height: 165px;
    position: relative;
}

.header.active-menu .search {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    margin-left: 0;
    position: relative;
    justify-content: end;
}
.header.active-menu .dropdown-menu {
    top: 30px;
    border-radius: 0 0 4px 4px;
}
.header.active-menu .search .S-k-W {
    display: inherit;
}
.header.active-menu .logo a {
    background: rgba(0, 0, 0, 0) url("/images/header/heo_logo_subline_bold_2023.svg") no-repeat scroll left top;
    display: inline-block;
    height: 35px;
    width: 70px;
    margin-right: 15px;
}
.header.active-menu .logo a img {
    display: none;
}
.header.active-menu .search #middle-menu {
    margin-left: 10px;
    order: 2;
    -moz-order: 2;
    -webkit-order: 2;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
}
.header.active-menu .search .select.S-k-W {
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    height: 35px;
    line-height: 35px;
    width: 65%;
}
.header.active-menu .search-box input[type="text"] {
    font-size: 12px;
    margin-left: 5px;
    margin-top: 0;
    width: 77%;
}
.header.active-menu .search-box {
    height: 21px;
    line-height: 21px;
    margin-bottom: 0;
    width: auto;
    z-index: 2
}
.header.active-menu .konto {
    margin-left: 0;
}
.header.active-menu .search-box input[type="submit"] {
    height: 21px;
    background: rgba(0, 0, 0, 0) url("../images/header/loupe.svg") no-repeat scroll center -57px;
}
.header.active-menu .konto h2 {
    line-height: 21px;
}
.header.active-menu .warper-konto, .header.active-menu .warper-warenkorb {
    background-image: none;
    line-height: 21px;
    margin-bottom: 0;
    margin-left: 2px;
    margin-right: 0;
    padding: 0;
}
.header.active-menu .warenkorb {
    padding-left: 0;
}
.header.active-menu .konto .id-bild, .header.active-menu .warenkorb .id-bild {
    height: 24px;
    margin-right: 0;
    background-size: 56px 46px;
    width: 22px;
}
.header.active-menu .warenkorb a .id-bild {
    background-position: left -25px;
}
.header.active-menu .warenkorb a:hover .id-bild, .header.active-menu .warenkorb.active .id-bild {
    background-position: right -25px;
}
.header.active-menu .warenkorb.active .id-bild {
    margin-right: 5px;
}
.header.active-menu .logo-search {
    margin: 3px auto;
}
.header.active-menu .konto a, .header.active-menu .warenkorb a {
    display: inline-block;
    line-height: 24px;
}
.header.active-menu .S-k-W .warenkorb.active p.artikel-nummer {
    left: 11px;
    top: 0;
}
.header.active-menu .search-box .autocomplete ul {
    left: inherit !important;
    right: -2px !important;
    width: auto;
    top: 32px !important;
    min-width: 500px;
}
.header.active-menu .mSelect {
    font-size: 10px;
}
.mOption {
    line-height: initial;
}
#hotdeals .id-bild {
    width: 27px;
    background: url(../images/header/sprite-menu-scroll-2.svg) 2px -1px/93px 54px no-repeat;
}
.header.active-menu .menu-world {
    display: none;
}
.scroll-head-active .list {
    margin-top: 166px;
}
.tab-content .tab-pane:nth-child(4) .flex {
    text-align: center;
}
.tab-content .tab-pane:nth-child(4) .flex .inline-block.cbox.radio {
    max-width: 12%;
    width: 12%;
}
.mCSB_scrollTools {
    z-index: 99;
}
.nummer-how {
    background-color: #b41e28;
    border: 2px solid #f8f8fa;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-size: 9px;
    height: 13px;
    left: 30px;
    line-height: 13px;
    min-width: 14px;
    padding: 1px 2px;
    position: absolute;
    text-align: center;
    top: -7px;
    z-index: 20;
}
.gallery-description .nummer-how {
    top: 0;
    right: 2px;
    left: inherit;
    margin-top: -1px;
}
.gallery-description .mask.not:hover, .product-gallery:hover .mask.not {
    height: 85px;
    max-height: inherit;
}
.part-purchase .purchase-info p.inline-block.next-price {
    height: auto;
    position: relative;
    width: 100%;
   /* width: 125px;
    display: inline-block;
    right: 0;
    bottom: 5px;
    right: -40px;
    */
}

.purchase .box-purch {

    box-sizing: border-box;
    border-right: 1px solid #fff;
    margin: 0;
    margin-bottom: 10px;

}

.purchase-info {
    display: table;
   /* max-height: 23px;*/
    width: 100%;
    height: auto;
    min-height: inherit;
}
.special .part-parameters {
    border: 1px solid #e4e4e4;
    display: block;
    line-height: normal;
    max-height: 38px;
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-top: 10px;
    border-bottom: 0;
    box-sizing: border-box;
    padding-left: 11px;
}
.info-av .box {
    background: none;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 4px;
    text-transform: uppercase;
}
.info-av .closeout2.box {
    color: #723acf;
}
.info-av .hotdeals.box {
    color: #b41e28;
}
.info-av .box > span {
    display: block;
    margin-top: 2px;
}
.hot-box .caption h2, .close-box .caption h2 {
    height: 0;
    opacity: 0;
    display: none;
}
.hot-box .caption h1::after, .close-box .caption h1::after {
    border-bottom: none;
}
.hot-box:hover .caption h2, .close-box:hover .caption h2 {
    height: auto;
    opacity: 1;
    display: block;
}
.hot-box:hover .caption h1::after, .close-box:hover .caption h1::after {
    border-bottom: 1px solid #dcdcdc;
}
.type-price.title-gal.oldprice {
    left: 0;
    position: absolute;
    line-height: 11px;
    opacity: 0;
}
.product-gallery:hover .type-price.title-gal.oldprice {
    opacity: 1;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
}
.modal .order-tab .block .order-more img {
    width: 22px;
    height: 18px;
}
.modal .order-tab .block .loupe {
    padding-top: 5px;
}
.modal .order-tab .block .loupe:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/header/loupe.svg");
    background-origin: padding-box;
    background-position: center -8px;
    background-repeat: no-repeat;
    background-size: 16px 82px ! important;
}
.modal .block.item-zoom.order .tooltip {
    width: auto;
    font-size: 10px;
    white-space: nowrap;
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.basket .price .display-list-menu {
    margin-left: 0;
    margin-top: 4px;
}
.price:hover .quantity-text-box ~ .display-list-menu {
    margin-top: 4px;
}
.inline-block.link .pict.trash {
    background: rgba(0, 0, 0, 0) url("../images/icons/warenkorb-icons.svg") no-repeat scroll right top / 259px 52px;
    opacity: 1;
}
.inline-block.link:hover .pict.trash {
    background: rgba(0, 0, 0, 0) url("../images/icons/warenkorb-icons.svg") no-repeat scroll right bottom / 259px 52px;
    opacity: 1;
}



/*old shop*/


.old-shop .error-explain {
    padding: 0;
    width: 90%;

}

.background-full.update.old-shop {
    background: #164b87 url("../images/error/back-soon.svg") no-repeat scroll 0 -190px;
}

.old-shop .error-explain h2 {
    color: #164b87;
    font-size: 44px;
    font-weight: 300;
    margin-left: 15%;
    padding-bottom: 23%;
    padding-top: 6%;
}

.old-shop .error-explain p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.background-full.update.old-shop  {
    background-size: cover ;
}

.old-shop .link {
    text-decoration: underline;
}


.search-box .autocomplete.none {
    display: none;
}

.advanced-box.none {
    display: none;
}

.order-tab .block .loupe {
    margin-top: 3px;
}

.warper .warper-title {
    padding-bottom: 0;
}

.partner-part .warper-intro {
    display: none;
}


div.product-modal {
    max-width: 800px;
    width: 640px;
}

.part-parameters p.block, .part-parameters p.block a {
    display: inline-block;
    height: 22px;
    margin-right: 1px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    min-width: 23px;
}

.modal-lg .big .img-box{
    vertical-align: middle;

}


.img-box.tb-video a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    background-color: white;
}

.img-box.tb-video {
    vertical-align: middle;
}

.img-box.tb-video img:hover {
    transition: none;
    transform: none;
}

.img-box.tb-video a::before {
    content: url(../images/video/youtube80x56.png);
    position: absolute;
    margin-left: -40px;
    margin-top: -28px;
    left: 50%;
    top: 50%;
}

.product-pic.inline-block.video {
    border-color: white;
}

.product-pic.inline-block.video iframe {
    margin-top: 0;
    position: relative;
    top: 30px;
}


.modal-lg .big .img-box.tb-video {
}

.modal-lg .big  .img-box.tb-video a {
    overflow: hidden;
    display: inline-block;
    padding-top: 21%;
    padding-bottom: 21%;
    background-color: white;
}

/* ---------- Menu modifications
========================================================================== */

.menu-dropdown li .box-text {
    white-space: pre;
}

.menu-world .alle {
    height: 35px;
    margin-top: 0;
    width: 31px;
}

.menu-world .toyzpic {
    width: 27px;
    height: 35px;
}

.menu-world .collepic {
    width: 27px;
    height: 35px;
}

.menu-world .mercpic {
    width: 33px;
    height: 35px;
}

.menu-world .animpic {
    width: 30px;
    height: 35px;
}

.menu-world .hot-deals {
    width: 35px;
    height: 35px;
}

.menu-world .giftpic {
    width: 30px;
    height: 35px;
}

.menu-world .protpic {
    width: 27px;
    height: 35px;
}


.menu-world .gamepic {
    height: 35px;
    width: 35px;
}

.box-img.alle > img {
    height: 33px;
    width: 33px;
}


#menuRow1.menu-dropdown a {
    padding: 8px 10px 8px 15px;
}
#menuRow1 .hasSub.active {
    background: url("../images/menu/background-selected.png") repeat-x scroll right bottom;
}

.menu-dropdown li .box-text.mask {
    display: none;
}

.hasSub .border {
    position:relative;
    z-index: 30;
    min-height: 46px;
}
.menu-world .tooltip.top .tooltip-arrow {
    border-top-color: grey;
    opacity: 0.9;
}
.menu-world .tooltip-inner {
    background-color: grey;
    opacity: 0.9;
}


p.suggestion strong {
    color: #b41e28;
    font-weight: 300;
}

p.suggestion span ~ span strong {
    color: #174b86;
    font-weight: 300;
    text-decoration: underline;
}


.primary-color {
    color:#174b86
}

.muted-color {
    color:#8b8b8b
}

.uk-box-info.uk-color-grey {
    background-color: #f5f5f5;
    display: block;
    line-height: 60px;
    position: relative;
    text-align: center;
    top: -30px;
    vertical-align: middle;
    width: 100%;
    /*z-index: 99;*/
    min-height: 60px;
}


.uk-box-info.uk-color-grey .warper {
    margin: auto;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: flex-end;
    justify-content: flex-start


}

.wrap    {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uk-box-info.uk-color-grey .warper div {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    margin: auto;
    margin-left: 0;
    padding-right: 20px;
}


.uk-box-info .inline-block > p {
    font-size: 18px;
}


.uk-box-info.uk-color-grey h1 {
    font-size: 22px;
    font-weight: 300;
    hyphens: auto;
    line-height: normal;
    margin: 0;
}


.uk-box-info .inline-block a {
    color: #174b86;
    font-weight: 400;
    margin-left: 5px;
}





/*////////////// adding flag on product page an product list ////////////////////*/


/*.flag-box {
    height: 28px;
    position: absolute;
    width: 44px;
    margin: 5px;
    -moz-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.40);
    -o-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.40);
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.40);
    z-index: 2;
}*/


.flag-box {
    -moz-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.40);
    -o-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.40);
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.40);
    height: 20px;
    margin: 5px;
    position: absolute;
    width: 35px;
    z-index: 2;
}




.flag-box span {
    width: 100%;
    height: 20px;
    display: none;
    margin: auto;
    background-size: 39px 23px;
    background-repeat: no-repeat;
    background-position: center; 
}

.flag-box span.active {
    display: block;
}

.flag-box .PL {
    background-image: url("../images/Flag/Flag_of_Poland.svg");
}
.flag-box .IT {
    background-image: url("../images/Flag/Flag_of_Italy.svg");
}
.flag-box .ES {
    background-image: url("../images/Flag/Flag_of_Spain.svg");
}
.flag-box .DE {
    background-image: url("../images/Flag/Flag_of_Germany.svg");
}
.flag-box .FR {
    background-image: url("../images/Flag/Flag_of_France.svg");
}
.flag-box .EN {
    background-image: url("../images/Flag/Flag_of_the_United_Kingdom.svg?v=1.1");
}
.flag-box .RU {
    background-image: url("../images/Flag/Flag_of_Russia.svg");
}

.flag-box .JP {
    background-image: url("../images/Flag/Flag_of_Japan.svg");
}

.flag-box .PT {
    background-image: url("../images/Flag/Flag_of_Portugal.svg");
}



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

                   heo contest

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


.heo-block {
    width: 1240px;
    max-width: 90%;
    margin: auto;
    text-align: justify;
}

.heo-content {
    margin-bottom: 50px;
    margin-top: 50px;
}

.heo-block .heo-content p {
    font-size: 14px;
    margin-top:14px;
    margin-bottom: 14px;
}
.heo-block .heo-content a {
    color: #174b86;
}
.heo-block .heo-content h1 {
    color: #174b86;
    font-weight: 100;
    font-size: 2em;
    margin: 20px 0;
}
.heo-block .heo-content h2 {
    font-weight: 100;
    margin: 30px 0 0;
    color: #174b86;
    font-size: 1.5em;
}
.heo-block .heo-content h3 {
    font-weight: 100;
    margin: 20px 0 0;
    color: #174b86;
    font-size: 1.3em;
}
.heo-block .heo-content h4 {
    font-weight: 100;
    margin: 15px 0 0;
    color: #174b86;
    text-align: left;
}

.tab-product .strong {
    color: #174b86;
    font-weight: 700;
}

.state .box-purch .pstock {
    width: 100%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.state .box-purch .pstock .quantity-text-box, .state .box-purch .pstock .number-box  {
    display: block;
    height: auto;
    line-height: normal;
    text-align: center;
    width: 100%;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
}


.state .box-purch .pstock .quantity-text-box {
    line-height: 13px;
    font-size: 9px;
    margin-top: 5px;
    margin-bottom: 2px;

    margin-left: auto;
    margin-right: auto;
}

.state .box-purch .pstock .number-box {
    line-height: 13px;
    font-size: 15px;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
}



/*test tooltip*/



.info-detail a .relative {
    position: relative;
}


.relative .tooltip.top {
    width:5000%;
    max-width: 250px;
}



/* BackOrder */
.backOrderList.line {
    padding-top: 20px;
}
.backOrderList.line:first-child {
    padding-top: 30px;
}
.backOrderList .product-list .product-title {
    height: auto;
    line-height: inherit;
    max-height: inherit;
}
.backOrderList .p-description {
    display: flex;
}
.backOrderList .p-description .infoBlock {
    align-self: center;
    width: 100%;
}
.backOrderList.line .state {
    width: 100%;
    position: relative;
    bottom: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 2px;
}
.backOrderList.line .bottomLine {
    border-bottom: #f8f8fa solid 1px;
}
.backOrderList.line .bottomLine .box-purch {
    align-items: stretch;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0;
    height: inherit;
    padding: 3px;
    box-sizing: border-box;
    background-color: #f8f8fa;
}
.account .backOrderList.line .bottomLine p {
    font-size: 12px;
    text-align: left;
}
.account .backOrderList.line .bottomLine .text-right p {
    font-size: 12px;
    text-align: right;
}
.account .backOrderList.line .bottomLine p span {
    font-weight: 400;
}
.backOrderList.line .state.white .box-purch {
    background-color: #fff;
    border-left:2px solid #f8f8fa;
}
.backOrderList.line .state.white .box-purch:last-child {
     border-right:2px solid #f8f8fa;
}
.backOrderList.line .state p.number-box,
.backOrderList.line .state p.number-box input:hover,
.backOrderList.line .state p.number-box:hover {
    background-color: transparent;
    margin: 0;
    cursor: default;
    color: #3e3e3e
}
.backOrderList .box.list span {
    font-weight: 400
}

/* Newsletter Options */

.news-options.not-valid {
    border-color: red;
}

.news-options .validation-info {
    font-size: 13px;
    margin-bottom: 15px;
}
.news-options a.validation-mail {
    color:red;
    text-decoration: underline;
}

.news-options__select-flag-icon {
    vertical-align: middle;
    padding-bottom:2px;
    padding-right:10px;
}

/* Product Archive */
.productarchive .box.list h3 {
    font-weight: 300;
    font-size: 12px;
    color: #4a4a4a;
}
.productarchive .line {
    width: 100%;
}
.productarchive .box.list {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}
.productarchive .box.list span {
    font-weight: 400;
}

.inline-block.info-detail.center {
    text-align: center;
}

.pdfContainer {
    width:100%;
    margin:20px 0;
}

.top-menu-highlight {
    text-transform: none;
    padding: 2px 6px;
}

.top-menu-highlight:hover {
    border-bottom:0;
}

.top-menu-highlight.top-menu-highlight--green {
    background-color:rgb(0, 100, 94);
    color:#ffffff;
}
.shipping-message {
    margin-top: 10px;
}

.hs-cta-embed {
    width: 100% !important;
}

.product-gallery-new .eta-purch {
    height: auto;
    width: auto;
    padding: 2px 6px;
}

.product-gallery-new .product-gallery-image {
    position: relative;
}

.product-gallery-new .price-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.product-gallery-new .price-panel .basket-button {
    flex-basis: 24%;
}

.product-gallery-new .price-panel .basket-button .box-purch.button {
    background: #173f72;
    width: 100%;
}

.product-gallery-new .price-panel .basket-button .box-purch.button .button {
    height: 40px;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    padding-left:0;
    padding-right:0;
}

.product-gallery-new .price-panel .basket-button .box-purch.button .button img {
    width: 24px;
}

.product-gallery-new .price-panel .amount-input {
    flex-basis: 24%;
}

.product-gallery-new .amount-input input {
    width: 100%;
    text-align: center;
    height: 40px;
    border: 1px solid #c3c3c3;
}

.product-gallery-new .price-panel .price {
    flex-basis: 50%;
}

.product-gallery-new .price-panel .price span,
.product-gallery-new .price-panel .price p {
    color: #3e3e3e;
}

.product-gallery-new .price-panel .price span {
    font-size: 11px;
}

.product-gallery-new .price-panel .price p {
    font-size: 17px;
    line-height: 15px;
}

.product-gallery-new .product-gallery-caption h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 188px;
    font-size: 20px;
    padding: 10px 0 4px 0;
}

.product-gallery-new .product-gallery-caption .product-gallery-caption-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 1.5;
    height: calc(1.5em* 2);
}

.product-gallery-new .product-gallery-caption-info {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFDFA;
    border: 1px solid #c78426;
    color: #c78426;
    gap: 4px;
    padding: 6px 6px;
    margin: 6px 0;
}

.product-gallery-new .product-gallery-caption-info + .box-purch.button,
.product-gallery-new .product-gallery-caption-info + .box-purch.button a {
    width: 100%;
    padding: 0;
}

.product-gallery-new .product-gallery-caption-info p {
    margin: 0;
    padding: 0;
    height: auto;
    font-size: 12px;
}

.product-gallery-new .product-gallery-caption-info img {
    padding: 0;
    margin: 0;
}

.product-gallery-new-not-authenticated .box-purch.button {
    width: 100%;
    margin-top: 6px;
}

.product-gallery-new-not-authenticated .box-purch.button a {
    width: 100%;
}

.product-gallery-new .product-gallery-badges {
    display: flex ;
    position: absolute;
    bottom: 5px;
    justify-content: start;
    gap: 2px;
    flex-wrap: wrap;
    color: #fff;
    text-transform: uppercase;
}

.product-gallery-new .product-gallery-badges p,
.product-gallery-new .product-gallery-badges span {
    font-size: 12px !important;
}

.product-gallery-new .product-gallery-badges .badge {
    color: #fff;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-new .product-gallery-badges .badge.badge-green {
    background-color: #2eaa5e;
}

.product-gallery-new .product-gallery-badges .badge.badge-red {
    background-color: #c12d1e;
}

.product-gallery-grid {
    display: grid;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 40px;
}

.product-gallery-grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.product-gallery-grid-5 {
    grid-template-columns: repeat(5, 1fr);
}

.shipping-message {
    margin-top: 10px;
}

/** Accordion */
uib-accordion .panel-heading h4.panel-title {
    padding: 0;
    margin: 0;
}

.warper uib-accordion .panel-body ol li {
    list-style-type: decimal;
}

.GPSR-modal .modal-dialog.modal-lg {
    width: 1100px !important;
}
.GPSR-modal .nav-tabs>li.big-tabs {
    margin-bottom: 0;
}
.GPSR-modal .nav li:first-child a {
    padding-left: 0 !important;
}
.GPSR-modal .nav-tabs>li.big-tabs:not(:first-child) {
    margin-left: 3px;
}
.GPSR-modal .tab-content {
    max-width: 100% !important;
}
.GPSR h2 {
    text-transform: none !important;
}
.GPSR-content {
    height: 500px;
    border: 2px solid #cacfd5;
    padding: 20px;
    margin-bottom: 20px;
    overflow-y: scroll;
}
.GPSR-content p {
    margin-top: 0;
    font-size: 15px !important;
}
.GPSR li.big-tabs:not(.active) h2 {
    background-color: #cacfd5;
}
.GPSR li.big-tabs:not(.active) h2:hover {
    background-color: #DFE3E8;
    text-decoration: underline;
}
.GPSR .product-safety-images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
}
.GPSR .product-safety-images img {
    width: 100%;
}
.GPSR .manufacturer-information h3 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
}
.GPSR .manufacturer-information h3 + p {
    margin-top: 15px;
}
.GPSR .manufacturer-information h3 + p {
    margin-bottom: 25px;
    margin-top: 0;
}
.GPSR .manufacturer-information span {
    display: block;
    margin-bottom: 5px;
}
.GPSR .safety-instructions .safety-instructions-values{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    padding: 0 15px;
}
.GPSR .safety-instructions strong {
    font-size: 15px;
}
.GPSR .safety-instructions ul {
    list-style: disc;
}
.GPSR .safety-instructions li {
    margin: 10px 0;
    font-size: 15px;
}
.request-pay-btn, .cookies-confirm-btn, .cookies-accept-btn, .delete-account-btn {
    margin-left: 18px !important;
}

.btn-upload,
.upload-logo-btn,
.request-pay-btn,
.import-basket-btn,
.orders-ok input.add-email-btn,
.inv-search .newsletter-search-btn,
.cookiePreferences .cookies-accept-btn,
.content .remove-account-btn,
.news-options input.delete-option-btn,
.zoom-anim-dialog.login.small-box .button.add-btn,
.login-btn,
.cookies-confirm-btn,
.delete-account-btn,
.basket-summary .order-btn {
    border: 1px solid #1c4b86 !important;
    background-color: #174b86 !important;
    color: #f8f8fa !important;
}
.btn-upload:hover,
.upload-logo-btn:hover,
.request-pay-btn:hover,
.import-basket-btn:hover,
.orders-ok input.add-email-btn:hover,
.cookiePreferences .cookies-accept-btn:hover,
.inv-search .newsletter-search-btn:hover,
.content .remove-account-btn:hover,
.news-options input.delete-option-btn:hover,
.zoom-anim-dialog.login.small-box .button.add-btn:hover,
.login-btn:hover,
.cookies-confirm-btn:hover,
.delete-account-btn:hover,
.basket-summary .order-btn:hover {
    background-color: #296faa !important;
    border: 1px solid #296faa !important
}



.mail-part .order-further-shopping,
.news-options input.update-option-btn,
.zoom-anim-dialog.login.small-box .button.replace-btn,
.cookies-preferences-btn,
.cookies-cancel-btn,
.cancel-delete-account-btn,
.highlighted-banner-btn,
.pay-close-btn {
    background-color: #fff !important;
    color: #174b86 !important;
    border: 1px solid #174b86 !important;
}

.mail-part .order-further-shopping:hover,
.news-options input.update-option-btn:hover,
.zoom-anim-dialog.login.small-box .button.replace-btn:hover,
.cookies-preferences-btn:hover,
.cookies-cancel-btn:hover,
.cancel-delete-account-btn:hover,
.highlighted-banner-btn:hover,
.pay-close-btn:hover {
    background-color: #296faa !important;
    color: #fff !important;
    border: 1px solid #296faa !important;
}


.order-btn-container {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.order-btn-container .flex-2 {
    flex: 0 0 80%;
    background: #1d4b86;
    display: flex;
    justify-content: center;
    height: 35px;
    align-items: center;
}

.order-btn-container .flex-2.button:hover {
    background-color: #296faa !important;
}
.order-btn-container .box-purch.button.korb > p,
.order-btn-container .box-purch.button.korb > p:hover {
    background-color: unset !important;
}
.order-btn-container .flex-2 .box-purch.button.korb:hover{
    height: 28px;
    background-color: #296faa;
}
.order-btn-container .flex-1 .number-box {
    width: 100% !important;
}
.order-btn-container .box-purch.button,
.order-btn-container .button.korb {
    padding: 0;
    height: 28px;
}

.register .modal>.modal-dialog, .zoom-anim-dialog.login {
    overflow: auto !important;
}

.article-price-detail .order-btn-container div.button {
    position: relative;
    width: 100%;
    height: 35px;
}

.article-price-detail .order-btn-container div.button.korb.more .nummer-how {
    left: 13px;
    top: -10px;
}

.article-price-detail .order-btn-container div.button a.button.korb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    gap: 10px;
    align-items: center;
    text-decoration: none;
}

.article-price-detail .order-btn-container div.button a.button.korb img {
    width:24px;
    height:24px;
}

.article-price-detail .order-btn-container .flex-2 .box-purch.button.korb:hover {
    height:35px;
}

.article-price-detail .order-btn-container .absolute.red {
    position:absolute;
    top: -20px;
}

.order-tab .block > p.gap-medium {
    margin-right: 5px;
}

.campaign-theme-page-container {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    min-width:1280px;
}

.campaign-theme-container {
    width:1280px;
    background-color:#fff;
    margin: 0 auto;
    position:relative;
    z-index:1;
    margin-top:250px;
    margin-bottom: 400px;
}

.campaign-theme {
    position: absolute;
    display: flex;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:0;
    flex-direction: column;
    align-items: stretch;
}

.campaign-theme .campaign-theme-top {
    width:100%;
    flex: 0 0 1164px;
    overflow:hidden;
    background-position: top center;
    background-repeat: no-repeat;
    background-image:url(../images/campaign/Funko%202025/header.jpg);
}

.campaign-theme .campaign-theme-middle {
    width:100%;
    flex: 1 1 auto;
    overflow:hidden;
    background-repeat: repeat-y;
    background-position: top center;
    background-image:url(../images/campaign/Funko%202025/middle.jpg);
}

.campaign-theme .campaign-theme-bottom {
    width:100%;
    flex: 0 0 840px ;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: bottom -440px center;
    background-image:url(../images/campaign/Funko%202025/footer_v2.jpg);
}

.campaign-theme-bottom-teaser {
    position:absolute;
    z-index:3;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    margin-left:-600px;
    width:332px;
    height:310px;
    background-repeat: no-repeat;
    background-size:100%;
    background-position: center;
    background-image:url(../images/campaign/SQRS/footer-teaser.png);
    pointer-events: none;
}

/** Checkout optimizations */

:root {
    --available-width: 1280px;
    --aside-width: 325px;
    --main-text-color: #174b85;
}

h1.title-v2 {
    color: var(--main-text-color);
    font-size: 2em;
    font-weight: 400;
    margin-bottom: 30px;
}

.basket-container {
    display: grid;
    grid-template-columns: minmax(0, calc(var(--available-width) - var(--aside-width))) minmax(var(--aside-width), auto);
    gap: 20px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
    .basket-container {
        grid-template-columns: 1fr;
    }
}

.basket-main {
}

.basket-additional-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 4px;
    padding: 5px;
    margin-bottom: 20px;
}

.basket-additional-actions button, .basket-additional-actions .button-link {
    display: flex;
    align-content: center;
    white-space: nowrap;
    gap: 4px;
    padding: 9px 8px 7px 8px;
    border: 1px solid var(--main-text-color);
    background-color: white;
    color: var(--main-text-color);
    border-radius: 1px;
    cursor: pointer;
    text-align: center;
}

.basket-additional-actions .icon {
    display: inline-block;
    font-size: 1.2em;
}

.basket-additional-actions button:hover, .basket-additional-actions .button-link:hover {
    background-color: var(--main-text-color);
    color: white;
}

.basket-summary h3 {
    font-size: 1.4em;
    font-weight: 600;
}

.basket-summary p {
    font-size: 1.2em;
    font-weight: 400;
}

.basket-summary a, .basket-summary a:visited {
    text-decoration: underline;
    font-size: 100%;
    color: #3e3e3e;
}

.basket-summary a:hover {
    text-decoration: underline;
    color: #3e3e3e;
}

.basket-summary hr {
    border: 0;
    border-top: 1px solid #c5c5c5;
    margin: 10px 0;
}

.basket-summary {
    max-width: var(--aside-width);
    background-color: #f8f8fa;
}

.basket-summary-box {
    position: sticky;
    top: 30px;
    padding: 40px;
}

@media screen and (max-width: 1280px) {
    .basket-summary {
        max-width: none;
    }
    .basket-summary-box {
        position: inherit;
    }
}

.basket-summary .price-summary dl {
    display: grid;
    grid-template-columns: 1fr auto;
    row-gap: 0.5rem;
    column-gap: 1rem;
    line-height: 1.2em;
}

.basket-summary .price-summary dt {
    font-size: 1.3em;
    text-align: left;
    font-weight: normal;
}

.basket-summary .price-summary dd {
    font-size: 1.3em;
    text-align: right;
    margin: 0;
}

.basket-summary .price-summary dd:last-of-type {
    font-weight: bold;
}

.basket-summary textarea {
    margin-top: 5px;
    width: 90%;
    height: 100px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
}

.basket-summary .checkbox-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.1em;
}

.basket-summary .checkbox-item {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.basket-summary .checkbox-item input[type="checkbox"] {
    margin-top: 0.2em;
}

.basket-summary .checkbox-item span {
    line-height: 1.4;
    color: #3e3e3e;
}

/** Switch checkbox styles */
.switch-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.1rem 0;
}

.switch-wrapper .switch-label {
    font-size: 1rem;
    user-select: none;
}

.switch-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
}

/* Hide native checkbox */
.switch-wrapper .switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* Slider background */
.switch-wrapper .slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0;
    right: 0; bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 34px;
}

/* Slider circle */
.switch-wrapper .slider::before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    left: 3px;
    top: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

/* Checked state */
.switch-wrapper input:checked + .slider {
    background-color: var(--main-text-color);
}

.switch-wrapper input:checked + .slider::before {
    transform: translateX(22px);
}

.basket-summary .order-checkboxes .invalid {
    padding: 5px;
    border: 1px solid red !important;
}

.basket-summary .order-button-wrapper {
    margin-top: 20px;
}

.basket-summary .order-button-wrapper .order-btn {
    width: 100%;
    max-width: 300px;
    padding: 12px 2px;
    font-size: 1.2em;
}

.basket-summary .order-button-wrapper .order-btn.btn-disabled {
    opacity: 0.5;
    /* pointer-events: none; */
    cursor: not-allowed;
}

.basket-summary .dropshipping-info {

}

.basket-item-outer-grid {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 1.2rem;
  max-width: 900px;
}

@media (min-width: 737px) and (max-width: 1280px) {
  .basket-item-outer-grid {
    max-width: 900px;
  }
}

.basket-item-outer-grid .image-column {
}

.basket-item-outer-grid .right-grid {
  display: grid;
  grid-template-rows: auto auto;
  gap: 1rem;
}

.basket-item-outer-grid .right-grid .row-1 {
  display: grid;
  grid-template-columns: minmax(400px, 1fr) 125px 50px;
  gap: 0.5rem;
}

.basket-item-outer-grid .right-grid .row-2 {
  display: grid;
  grid-template-columns: 50% minmax(200px,1fr) 150px;
  gap: 0.5rem;
}

.basket-item-outer-grid .right-grid .row-1-reward {
    display: grid;
    grid-template-columns: 310px 50px 290px;
    gap: 0.5rem;
}

.basket-item-outer-grid .right-grid .row-2-reward {
    display: grid;
    grid-template-columns: 500px 150px;
    gap: 0.5rem;
}

.basket-item-outer-grid .cell.remove-reward {
    padding-top: 0.35rem;
    font-size: 16px;
    text-align: right;
}

.basket-item-outer-grid .cell.unit-reward {
    font-size: 16px;
    padding-top:0.85rem;
}

.basket-item-outer-grid .cell.info-reward {
    font-size: 13px;
}

.basket-item-outer-grid .cell.price-reward {
    font-weight: 600;
    font-size: 16px;
    text-align: right;
}

.rewardInfo__info {
    background-color:#276FAA;
    margin-top:24px;
    color:#fff;
    padding:12px 20px;
    display:flex;
}

.rewardInfo__info-icon {
    margin-top:3px;
}

.rewardInfo__info-container {
    padding-left:12px;
}

.rewardInfo__info-headline {
    font-weight: 600;
    font-size: 18px;
    padding-bottom:5px;
}

.rewardInfo__info-text {
    font-size: 16px;
}

.basket-item-outer-grid .cell {
  padding: 0.5rem;
}

.basket-item-outer-grid .cell.remove-item {
  padding-top: 1.5em;
  cursor:pointer;
}

.basket-item-outer-grid .cell.article-data {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1.5em;
}

.basket-item-outer-grid .cell.total-price-box .total-price {
    padding-right: 10px;
}

.basket-item-outer-grid .cell.unit-price-box  {
    text-align: right;
}

.cell.article-data h2 {
  font-size: 1.5em;
  color: var(--main-text-color);
  line-height: 1.5em;
}

.article.list .basket-item-outer-grid:not(:first-child) {
    padding-top: 10px;
}

.article.list .basket-item-outer-grid:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #4a4a4a;
}

.basket-item-outer-grid input[type="text"] {
    width: 100%;
    font-size: 1.3em;
    padding: 5px 10px;
    color: #3e3e3e;
    border-color: 1px solid #c3c3c3;
}

.basket-item-outer-grid .total-price.total, .basket-item-outer-grid .total-price.unit {
    margin-bottom: 0px;
    font-size: 2em;
    text-align: right;
}

.basket-error-messages .single-error {
    font-size: 1.3em;
    margin-bottom: 10px;
    border: 1px solid #c12d1e;
    padding: 10px;
}

.basket-error-messages h2 {
    color: #c12d1e;
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 1.5em;
}

.basket-error-messages h3 {
    color: #4a4a4a;
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 1.3em;
}

.basket-error-messages ul.failed-articles-list {
    margin: 0;
}

.basket-error-messages ul.failed-articles-list li {
    margin-left: 0;
    border-top: 1px solid #d3d2d2;
    padding: 10px 0;
    display: grid;
    grid-template-columns: 1fr auto 30px;
    align-items: start;
    gap: 10px;
    color: #151515;
}

.basket-error-messages ul.failed-articles-list li span:first-child {
    font-weight: 600;
}

.basket-note {
    margin-top: 10px;
}

.basket-summary input[type="text"].po-number {
    width: 100%;
    padding: 2px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f0f0f0;
    margin-top: 4px;
    font-size: 1.3em;
}

@media (max-width: 1730px) {
    .campaign-theme-bottom-teaser {
        display: none;
    }
}

/** Claims form **/

.claims-form-container label {
    font-size: 16px;
    margin-top: 10px;
}

.claims-form-container .label-sub {
    font-size: 11px;
    font-style: italic;
    margin-top: 10px;
}

.claims-form-container .mSelect, .claims-form-container textarea, .claims-position-header {
    margin-top: 15px;
}

.claims-form-container .dropdown-menu {
    min-width: 100%;
}

.claims-form-container .mSelect {
    padding-top: 5px;
    padding-bottom: 5px;
}

.claims-form-container .mSelect .mOption {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

.claims-form-container .form-group {
    margin-top: 15px;
    margin-bottom: 15px;
}

.claims-form-grid {
    display: grid;
    row-gap: 1.5em;
    column-gap: 1em;
    grid-template-columns: repeat(6, 1fr);
}

.claims-form-span-1 {
    grid-column: span 1;
}

.claims-form-span-2 {
    grid-column: span 2;
}

.claims-form-span-3 {
    grid-column: span 3;
}

.claims-form-span-4 {
    grid-column: span 4;
}

.claims-form-span-5 {
    grid-column: span 5;
}

.claims-form-span-6 {
    grid-column: span 6;
}

.claims-form-container fieldset {
    border: none;
    padding: 0;
    margin: 10px;
}

.claims-form-container input, .claims-form-container textarea {
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
}

.claims-form-container input[type="file"] {
    padding-top: 8px;
    padding-bottom: 30px;
}

.claims-form-container textarea {
    height: auto;
}

.claims-form-container p {
    margin: 0;
}

.claims-position-header {
    background-color: #174b86;
    color: white;
    padding: 10px;
}

.claims-position-header .button-panel {
    text-align: right;
}

.claims-form-container button.button {
    cursor: pointer;
    font-size: 15px;
    font-weight: 100;
    padding: 10px 18px !important;
    width: auto;
    height: auto;
}
.claims-form-container button.button:hover {
    background-color: #174b86;
    color: white;
    transition: background-color 250ms ease-out;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -ms-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
}

.claims-form-container .alert {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 14px;
}

.claims-form-container .help-block {
    color: #a94442;
    margin-top: 5px;
    font-size: 12px;
}

.claims-form-container .alert.alert-info {
    background-color: #d9edf7;
    color: #31708f;
    border: 1px solid #bce8f1;
}

.claims-form-container .alert.alert-warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border: 1px solid #faebcc;
}

.claims-form-container .alert.alert-danger {
    background-color: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
}

.claims-form-container .alert.alert-success {
    background-color: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}

[heo-message-box] .outline-blue, [heo-message-box] .outline-green {
    border:1px solid #174b86;
    margin-bottom: 25px;
    padding: 20px;
}

[heo-message-box] .outline-green {
    border-color:#3b9955;
}

[heo-message-box] .outline-blue h1 {
    color:#174b86;
}

[heo-message-box] .outline-green h1 {
    color:#3b9955;
}

[heo-message-box] h1 {
    font-weight:bold;
}

/** ESCALATION LEVEL MESSAGES ***/


/** Invoice-overdue message-boxes */

[heo-escalation-level-message-box] {
    margin-bottom: 15px;
    margin-bottom: 15px;
}

[heo-escalation-level-message-box] .escalation-message-box {
    padding: 15px;
}

[heo-escalation-level-message-box] h2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom:3px;
}

[heo-escalation-level-message-box] p {
    margin-top: 0px;
    font-size: 14px!important;
}

[heo-escalation-level-message-box] .escalation-message-box-level-1 {
    background-color: #ffdc49;
    color: #174b86;
}

[heo-escalation-level-message-box] .escalation-message-box-level-2 {
    background-color: #ffdc49;
    color: #174b86;
}

[heo-escalation-level-message-box] .escalation-message-box-level-3 {
    background-color: #ff6565;
    color: #222222;
}

[heo-escalation-level-message-box] button.button-pay-invoices-now {
    margin-top: 10px;
    background-color: #ffffff;
    color: #222222;
    padding: 8px 16px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
}

/* Header box **/

[heo-escalation-level-message-header-box] {
    float: right;
    padding-top: 8px;
}

[heo-escalation-level-message-header-box] .escalation-message-header-box {
    padding: 0 4px;
}

.menu-top1 [heo-escalation-level-message-header-box] .escalation-message-header-box p {
    font-size: 14px;
    padding: 0;
}

[heo-escalation-level-message-header-box] .escalation-message-box-level-2 {
    background-color: #ffdc49;
    color: #174b86;
}

[heo-escalation-level-message-header-box] .escalation-message-box-level-3 {
    background-color: #ff6565;
    color: #222222;
}

.logged-in-name {
    float: right;
    padding-top: 9px;
    padding-bottom: 10px;
    margin-right: 5px;
}