/*user agent stylesheet*/
ul, li, menu, dir {
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-padding-start: 0px;
}

/*Label CSS define*/
label {
    margin: 0 5px;
}

select {
    height: 25px;
    font-size: 14px;
    cursor: pointer;
}

option {

}

/* mask*/
.mask {
    background: #e8e8e8;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    min-height: 700px;
    z-index: 100;
}

/*message box*/
.message-header {
    width: 850px;
    height: 60px;
    border: 1px solid red;
    position: absolute;
    background: rgba(255, 0, 0, 0.23);
    padding: 0 20px;
    top: 70px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 18px;
}

.message-header-text {
    height: 30px;
    position: relative;
}

.message-header-text div.text-active {
    width: 100%;
    height: 30px;
    position: relative;
}

.message {
    font-size: 20px;
    color: red;
    margin: 20px;
    padding: 10px;
}

.message-box {
    width: 400px;
    height: 100px;
    border: 1px solid green;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100;
    display: none;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
    line-height: 50px;
    color: red;
}

.tipp-box {
    /*width: 400px;*/
    border: 1px solid #dee2e6;
    margin-top: 40px;
    padding: 1rem;
    text-align: left;
    font-size: smaller;
}

.tipp-box label {
    font-size: 20px;
    margin: 0;
    color: red;
}

/*Selected or Unselect*/
.selected {
    width: 25px;
    height: 25px;
    float: left;
    background: url(../images/check.png) -37px 0px no-repeat;
}

.unselect {
    width: 25px;
    height: 25px;
    float: left;
    background-image: url(../images/check.png);
}

.select-open {
    width: 25px;
    height: 25px;
    float: right;
    background-image: url(../images/select-open.png);
    background-size: 25px 25px;
}

.select-close {
    width: 25px;
    height: 25px;
    float: right;
    background-image: url(../images/select-close.png);
    background-size: 25px 25px;
}

/*CLP logo*/
.logo {
    width: 150px;
    float: right;
    padding: 20px;
}

.maincontainer {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
}

.wawi {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    margin: 0px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #CDCDCD;
    margin: 0px;
    font-size: 10pt;
}

/*.container {*/
/*    padding: 5px;*/
/*    border-width: 1px;*/
/*    border-style: solid;*/
/*    border-color: #CDCDCD;*/
/*    margin: 0px;*/
/*    font-size: 10pt;*/
/*}*/

.mainlink {
    float: left;
    padding: 20px;
    border: none;
    margin-top: 10px;
}

a:hover {
    text-decoration: underline;
    color: #0073B8;
    background-color: #F5F5F5;
}

a:link {
    color: #0073B8;
}

a:visited {
    color: #0073B8;
}

.formular {
    border: 1px solid #ddd;
}

span.dropt:hover {
    text-decoration: none;
    background: #ffffff;
    z-index: 6;
    font-size: 9pt;
}

span.dropt span {
    position: absolute;
    left: -9999px;
    margin: 20px 0 0 0px;
    padding: 3px 3px 3px 3px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    z-index: 6;
}

span.dropt:hover span {
    left: 2%;
    background: #ffffff;
}

span.dropt span {
    position: absolute;
    left: -9999px;
    margin: 4px 0 0 0px;
    padding: 3px 3px 3px 3px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
}

span.dropt:hover span {
    margin: 20px 0 0 170px;
    background: #ffffff;
    z-index: 6;
}

/*Warenkrob*/
.checkout {
    float: right;
    margin: 10px 10px 20px 10px;

}

/*Navigation*/
.navigation {
    width: 100%;
    /*max-width: 1200px;*/
    /*height: 35px;*/
    /*border: 1px solid #ccc;*/
    clear: both;
    line-height: 35px;
    /*margin: 5px 0;*/
    /*margin-left: 10px;*/
    /*padding: 5px;*/
    background-color: #264774;
    font-weight: bold;
}

.navigation > li {
    list-style-type: none;
    padding: 0;
    height: 35px;
}

.navigation li.nav1 {
    cursor: pointer;
    font-size: 16px;
    float: left;
    color: #fff;
    text-align: center;
    /*border-right: 1px solid #ccc;*/
    background: #264774;
    padding: 0.5rem 1rem;
}

.navigation li.nav1:hover {
    background: #BDD1E0;
    color: #103E60;
}

.navigation li.current {
    background: #BDD1E0;
    color: #103E60;
}

.navigation li.nav1:last-child {
    border-right: none;
}

.navigation ul.nav2 {
    position: absolute;
    width: 200px;
    background: #fff;
    text-align: left;
    padding: 5px;
    border: 1px solid #bbb;
    display: none;
}

.navigation li.nav2 {
    width: 190px;
    border-bottom: 1px solid #ccc;
    padding: 0px 5px;
}

.navigation li.nav2 div {
    background: none;
}

.navigation li.nav2:last-child {
    border-bottom: none;
}

.navigation li.nav2:hover {
    background: #0073B8;
    color: #fff;
    font-weight: 600;
}

/*breadcrumbs Navigation*/
.breadcrumbs {
    margin: 10px 0;
    height: 30px;
    line-height: 30px;

}

.breadcrumbs .bc-nav {
    float: left;
    cursor: pointer;
}

.breadcrumbs .bc-nav:hover {
    color: #0073B8;

}

.breadcrumbs span {
    float: left;
    margin: 0 2px;
}

/*Layer Navigation*/
.leftcolumn {
    width: 23%;
    margin-right: 2%;
    float: left;
}

.loading {
    background-image: url("../images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.layer {
    border: 1px solid #ddd;
    /*margin-bottom: 10px;*/
    /*padding: 5px;*/
}

.layer label {
    font-size: 20px;
    margin: 0 10px;
}

.layer .layer-color {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 5px;
    display: none;
}

/*multi-select for color*/
.layer li {
    font-size: 16px;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    margin: 0;
    /*margin-bottom: 2px;*/
}

.layer li.current {
    background: #f8f8f8;
    font-weight: 600;
}

.layer .colorname {
    margin-left: 6px;
    float: left;
}

.layer li:hover {
    color: blue;
    font-size: 18px;
}

.title {
    cursor: pointer;
}

.layer .layer-decimal {
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid #ddd;
    display: none;
}

.layer .delete-filter {
    text-align: center;
    margin: 5px 0;
    height: 18px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.layer .delete-filter span {
    border: 1px solid blue;
    border-radius: 5px;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 14px;
    background: #eee;
}

.layer .delete_filter span:hover {
    border-color: #666;
    color: #fff;
    background: blue;
}

/*CSS for the DRAG-DROP PLUGIN*/
.drag-drop {
    height: 90px;
    margin: 5px;
    padding: 10px;
    border: 1px solid #ddd;
}

.drag-drop .show-value {
    /*font-family:"Times New Roman";*/
    margin: 10px 0;
    height: 30px;
}

.drag-drop .maxvalue {
    float: right;
    width: 20%;
    text-align: right;
    font-size: 13px;
}

.drag-drop .minvalue {
    float: left;
    width: 20%;
    text-align: left;
    font-size: 13px;
}

.drag-drop .leftvalue {
    float: left;
    width: 22%;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ddd;
}

.drag-drop label {
    float: left;
    font-size: 14px;
    margin: 0 1%;
}

.drag-drop .rightvalue {
    float: left;
    width: 22%;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ddd;
}

.drag-drop .show-strip {
    position: relative;
    margin: 15px 0;
    height: 18px;
}

.drag-drop .show-strip .strip-outer {
    background: transparent url("../images/bkg_slider.png") 0 0 repeat-x;
    height: 30px;
    padding: 8px 0;
}

.drag-drop .show-strip .strip-inner {
    height: 2px;
    background: #444;
    position: relative;
}

.drag-drop .show-strip .leftspan {
    position: relative;
    height: 16px;
    width: 16px;
    border: 1px solid #aaa;
    border-radius: 6px;
    float: left;
    background: #EEE;
    top: -46px;
    cursor: e-resize;
}

.drag-drop .show-strip .rightspan {
    position: relative;
    height: 16px;
    width: 16px;
    border: 1px solid #999;
    border-radius: 6px;
    float: right;
    background: #EEE;
    top: -46px;
    cursor: e-resize;
}

/*Search Konfiguration*/

/*.search .search-value input {*/
/*    width: 100%;*/
/*    height: 30px;*/
/*    line-height: 30px;*/
/*    text-align: left;*/
/*    float: left;*/
/*    font-size: 14px;*/
/*    padding: 0 2px;*/
/*    border: none;*/
/*}*/

/*.search {*/
/*    !*width: 450px;*!*/
/*    !*float: left;*!*/
/*    !*position: absolute;*!*/
/*    !*top: 140px;*!*/
/*    border: 1px solid #DDDDDD;*/
/*    border-radius: 3px;*/
/*    padding: 2px 5px;*/
/*}*/

/*.search .search-value {*/
/*    width: 75%;*/
/*    border: 1px solid #bbb;*/
/*    !*float: left;*!*/
/*    !*margin-right: 0px;*!*/
/*}*/

.search .search-submit {
    width: 20%;
    /*float: left;*/
    /*border: 1px solid #2374B8;*/
    /*border-radius: 3px;*/
    margin-left: 0.5rem;
}

.search .search-submit input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    color: #fff;
    background: #264774;
}

.search .search-submit input:hover {
    background: #3399cc;
}

#search-tips {
    border: 1px solid green;
    padding: 5px 10px;
    font-size: 16px;
    top: 31px;
    width: 71%;
    position: absolute;
    background: #fff;
    z-index: 99;
    border-radius: 5px;
    opacity: 0.95;
}

#search-tips li {
    margin-top: 4px;
    background: #f8f8f8;
    height: 20px;
    cursor: pointer;
    overflow: hidden;
}

#search-tips li:hover {
    font-weight: 600;
    color: blue;
    background: #fff;
}

/*Welcome*/
.welcome {
    clear: both;
    text-align: right;
    padding-right: 1rem;
}

/*Product Page*/
.maincontent {
    width: 100%;
    clear: both;
    height: 100%;
}

.product {
    /*width: 74%;*/
    /*float: right;*/
    /*height: 100%;*/
}

.productlist ul {
    padding-left: 0.8rem;
}

.product .productlist {
    width: 100%;
    border: 1px solid #ddd;
    padding-top: 10px;
    float: left;

}

.product .productlist li {
    float: left;
    width: 19%;
    margin-right: 1%;
    border: 1px solid #ddd;
    height: 320px;
    margin-bottom: 15px;
    background: #fff;
    position: relative;
}

.product .productlist .thumb-list:hover {
    border: 1px solid red;
}

.product .productlist .thumb-list img {
    max-width: 80px;
    max-height: 60px;
}

.product .productlist .productimage img {
    height: 100%;
    max-width: 100%;
}

.product .productlist .similarproducts {
    position: absolute;
    display: none;
    top: -1px;
    width: 180px;
    left: -192px;
    padding: 10px 0 10px 10px;
    border: 1px solid #ddd;
    border-right: none;
    height: 280px;
    background: #fff;
    z-index: 102;
    box-shadow: -10px 10px 10px #888888;
}

.product .productlist li.thumb-list {
    margin-bottom: 10px;
    width: 80px;
    height: 60px;
    float: left;
    margin-right: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
    cursor: pointer;
}

.product .productlist .productimage {
    text-align: center;
    padding: 5px;
    height: 150px;
    cursor: pointer;
}

.product .productlist .loading {
    background-image: url("../images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
}

/*Subbar Attribute select*/
.subbar .bar {
    width: 100%;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    float: left;
    background-color: #BDD1E0;
}

.subbar .sorter {
    margin: 0 10px;
}

.subbar .sequence {
    float: left;
    padding: 8px 0;
    margin-left: 10px;
    width: 30px;
}

.subbar .sequence:hover {
    border: 1px solid red;
    opacity: 0.8;
}

.upwards {
    cursor: pointer;
    width: 20px;
    height: 35px;
    background-image: url("../images/up-icon.png");
    background-repeat: no-repeat;
    background-position: center;
}

.downwards {
    cursor: pointer;
    width: 20px;
    height: 35px;
    background-image: url("../images/down-icon.png");
    background-repeat: no-repeat;
    background-position: center;
}

.subbar .sortby select {
    float: left;
    width: 140px;
    margin: 6px 0;
}

.subbar .sortby label {
    float: left;
}

.subbar .page label {
    float: right;
}

.subbar .page .amount {
    float: right;
    font-size: 14px;
    margin: 0 5px;
}

.subbar .page .pages {
    float: right;
    margin-right: 10px;
}

.subbar .page select {
    float: right;
    width: 60px;
    margin: 6px 0;
}

.subbar .page .pages li {
    width: 20px;
    height: 25px;
    float: left;
    border: 1px solid #ddd;
    margin: 6px 0;
    text-align: center;
    line-height: 25px;
    margin: 6px 3px;
    cursor: pointer;
}

.subbar .page .pages ul {
    position: relative;
    width: 6000px;
}

.subbar .page .pages li:hover {
    border: 1px solid blue;
    color: red;
}

.subbar .page .pages li.current {
    border: 1px solid blue;
    color: red;
}

.subbar .page .pages span {
    width: 10px;
    height: 25px;
    float: left;
    border: 1px solid #ddd;
    margin: 6px 0;
    text-align: center;
    line-height: 25px;
    margin: 6px 3px;
    cursor: pointer;
    background: #eee;
    color: blue;
}

.subbar .page .pages .page-number {
    max-width: 112px;
    overflow: hidden;
    float: left;
}

/*CSV-Export*/
.product .csv-export {
    float: left;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 2px 5px;
    border-radius: 3px;
    line-height: 30px;
}

.product .csv-export input:first-child {
    width: 18px;
    height: 18px;
    margin: 5px 5px;
    float: left;
}

.product .csv-export input:last-child {
    width: 40px;
    height: 25px;
    margin: 4px 5px;
    float: right;
    cursor: pointer;
    padding: 0;
}

.csv-export .btn-primary {
    background-color: #103E60;
    border: none;
    font-weight: bold;
    padding: 0 0.3rem;
}

.csv-export .btn-primary:hover
{
    background: #3399cc;
}

.product .csv-download {
    float: left;
    line-height: 30px;
    margin-left: 20px;
    vertical-align: middle;
    font-size: 16px;
    border: 1px solid red;
    padding: 0 10px;
}

.product .listshow .csv-check {
    position: absolute;
    width: 23px;
    height: 23px;
    border: 1px solid #e8e8e8;
    background: #fff;
    border-radius: 0 0 3px 0;
}

.product .listshow .csv-check input {
    width: 18px;
    height: 18px;
}

.product .listshow .new-product-logo {
    width: 40px;
    height: 40px;
    background-image: url("../images/new.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    position: absolute;
    z-index: 101;
    left: 167px;
    top: -4px
}

.new-product-logo {
    width: 40px;
    height: 40px;
    background-image: url("../images/new.png");
    background-repeat: no-repeat;
    background-size: 40px 40px;
}

/*productlist product-detail*/
.product .productname {
    color: #222;
    margin: 8px 5px;
    font-size: 16px;
    text-align: center;
}

.product .productmenge {
    color: green;
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
}

.product .price {
    margin: 5px 10px 5px 10px;
    font-size: 16px;
    text-align: left;
    font-weight: 0;
}

.product .price label {
    float: left;
}

.product .price .oldprice {
    color: #666;
    text-decoration: line-through;
    text-align: right;
}

.product .price .newprice {
    font-size: 18px;
    color: red;
    text-align: right;
}

.product .price span {
    color: #999;
    font-size: 12px;
}

/*Product page*/

.productpage .select-open, .productpage .select-close {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    margin: 10px;
}

.productpage .title {
    width: 100%;
    /*border: 1px solid #ddd;*/
    /*height: 80px;*/
    margin-bottom: 10px;
    margin-top: 20px;
}

.productpage .title .name {
    font-size: 32px;
    margin: 5px 0 5px 20px;
}

.productpage .title .artikelnr {
    margin-left: 30px;
}

.productpage .product-image {
    margin-right: 5%;
    float: left;
}

.productpage .mediaimage {
    width: 540px;
    height: 500px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.productpage .product-image .thumbimage {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.productpage .thumbimage li {
    float: left;
    border: 1px solid #ddd;
    margin-left: 2%;
    margin-bottom: 10px;
    cursor: pointer;
}

.productpage .thumbimage li:hover {
    border-color: red;
}

.productpage .thumbimage li.current {
    border-color: red;
}

.productpage .thumbimage .thumb {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 70px;
    width: 120px;
}

.productpage .thumbimage .thumb-view {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    height: 75px;
    margin-left: 2%;
    margin-bottom: 10px;
    cursor: pointer;
}

.productpage .thumbimage .thumb-view:hover {
    border-color: red;
}

.productpage .thumbimage .thumb-view:current {
    border-color: red;
}

.productpage .thumbimage .thumb-view img {
    max-height: 70px;
    display: inline;
}

.productpage .thumbimage .thumb img {
    max-width: 100%;
    max-height: 100%;
}

.productpage .thumbimage li:nth-child(5n+1) {
    clear: both;
    margin-left: 0;
}

/*product detail*/
.productpage .detail {
    float: left;
    padding: 10px 0;
    width: 50%;
}

/*product price*/
.productpage .price {
    margin: 10px 0;
    line-height: 40px;
    height: 42px;

}

.productpage .price label {
    font-size: 24px;
    float: left;
}

.productpage .price .oldprice {
    font-size: 22px;
    float: left;
    margin: 3px 2%;
    text-decoration: line-through;
}

.productpage .price .newprice {
    font-size: 24px;
    float: left;
    color: red;
    margin: 0 10px;
}

.productpage .price .newprice span {
    font-size: 18px;
}

.productpage .price .mwst {
    line-height: 40px;
    font-size: 14px;
    color: #999;
    padding-top: 6px;
}

/*Versandart*/
.productpage .shipping-method {
    font-size: 16px;
    margin: 10px;
}

/*product stock*/
.productpage .stock {
    font-size: 20px;
    margin: 20px 0 10px 10px;
}

.productpage .stock span {
    color: green;
}

.productpage .stock p {
    color: red;
}

/*product quantity and cart*/
#quantity {
    border-top: 1px solid #ddd;
    padding: 10px;
    margin-top: 40px;
    font-size: 18px;
}

#cart {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    padding-bottom: 15px;
    font-size: 18px;
    width: 50%;
}

.cart-style {
    border-radius: 3px;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 25px;
    border: 1px solid #2374B8;
    color: #fff;
    background: #2374B8;
    cursor: pointer;
}

.cart-style:hover {
    border: 1px solid #1179D0;
    color: #444;
    background: #1170D0;
}

#cart-show {
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    top: 0;
    left: 0;
    z-index: 101;
    margin-bottom: 1rem;
}

#cart-show .cart-product {
    width: 100%;
    margin: 5px 0;
    border-bottom: 1px solid #ddd;
}

#cart-show .cart-product:last-child {
    border-bottom: none;
}

#cart-show .cart-title .cart-image {
    width: 20%;
    float: left;
    height: 20px;
}

#cart-show .cart-image {
    width: 20%;
    float: left;
    height: 90px;
    text-align: center;
}

#cart-show .cart-image img {
    max-width: 100%;
    max-height: 100%
}

#cart-show .cart-title {
    width: 100%;
    height: 25px;
}

#cart-show .cart-label {
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
}

#cart-show .cart-name {
    width: 36%;
    float: left;
    min-height: 20px;
}

#cart-show .cart-name span {
    font-size: 14px;
    margin: 5px 0;
}

#cart-show .cart-number {
    width: 12%;
    float: left;

}

#cart-show .cart-price {
    width: 12%;
    float: left;
}

#cart-show .cart-edit {
    width: 15%;
    float: left;
    min-height: 20px;
    text-align: center;
}

#cart-products {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    height: 350px;
    overflow: hidden;
}

#cart-products .cart-edit {
    cursor: pointer;
    color: red;
}

#cart-products .cart-edit:hover {
    font-weight: 600;
}

#cart-total {
    width: 100%;
    margin: 10px 0;
}

#cart-total span {
    float: right;
    height: 25px;
    text-align: right;
}

#cart-total label {
    float: right;
}

#cart-total .total {
    width: 100%;
    height: 25px;
}

#cart-total .subtotal {
    width: 100%;
    color: #666;
    height: 25px;
}

#cart-total .tax {
    width: 100%;
    color: #999;
    height: 25px;
}

#cart-back {
    float: left;
    font-size: 16px;
    padding: 8px 20px;
    cursor: pointer;
}

#cart-back:hover {
    border: 1px solid red;
}

#cart-continue {
    font-size: 16px;
    float: right;
    background: #DA7C11;
    border-color: #DA7000;
}

/*relate product*/
#product-relate {
    width: 100%;
    float: left;
    margin: 6px 0;
    font-size: 18px;
}

#product-relate label {
    line-height: 40px;
}

#product-similar {
    width: 100%;
    float: left;
    margin: 6px 0;
    font-size: 18px;
}

#product-similar label {
    line-height: 40px;
}

/*product description*/
.p-description {
    float: left;
    width: 100%;
}

.p-description .title {
    height: 65px;
}

.p-description .title .icon-p-description {
    height: 65px;
    width: 65px;
    background: url(../images/die_pr_qualitaet.png) 0px -5px no-repeat;
    float: left;
    margin: 0;
}

.p-description .title label {
    padding-left: 30px;
    font-size: 30px;
    line-height: 60px;
    float: left
}

.p-description .des-detail {
    width: 100%;
    border: 1px solid #ddd;
    min-height: 20px;
    height: 100%;
    float: left;
}

.p-description .description {
    width: 65%;
    padding: 20px;
    float: left;
    font-size: 20px;
    line-height: 25px;
    margin-right: 1%;
    border-right: 1px solid #ddd;
}

.p-description .attribute {
    width: 30%;
    float: left;
    padding: 20px 0;
}

.p-description .attribute .label {
    width: 48%;
    float: left;
}

.p-description .attribute .value {
    width: 52%;
    float: left;
}

.p-description .attribute .attribute-row {
    min-height:30px;
    line-height:30px;
    vertical-align: middle;
    width:100%;
    clear: both;
}

.p-description .attribute .attribute-row:nth-child(2n) {
    background-color:#eee ;
}

/* In cart*/
.incart {
    margin-top: 10px;
}

.incart .title label {
    font-size: 30px;
}

.incart .incart-products {
    margin: 10px 0;
    border: 1px solid #ddd;
}

.incart #cart-show {
    position: inherit;
    height: auto;
    padding: 10px 1%;
}

.incart #cart-products {
    height: auto;
}

.incart .title {
    margin-bottom: 20px;
}

.incart #cart-show .cart-subtotal {
    margin-right: 20px;
}

.incart .cart-end {
    float: left;
    border: 1px solid #ddd;
    text-align: center;
    background: #f8f8f8;
    padding: 20px 1%;
    border-radius: 5px;
}

.incart .cart-end .subtotal {
    font-size: 18px;
}

.incart #cart-continue {
    float: none;
    margin: 30px 20px;
    width: 200px;
}

/*shipping address*/
#address-mask {
    width: 1900px;
    min-height: 1600px;
    z-index: 100;
    position: absolute;
    background-color: #ccc;
    top: 0;
    left: 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}

#address-mask .loading {
    background-image: url("../images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 101;
}

.cart-checkout {
    margin-top: 40px;
    margin-left: 12px;
}

.cart-checkout .mainshipping {
    float: left;
    margin-right: 15px;
}

.cart-checkout .shipping-address {
    margin: 20px 0;
}

.cart-checkout .title, #payment-id .title {
    padding: 10px;
    font-size: 24px;
    background: rgba(38, 71, 116, 0.31);
    width: 360px;
}

.cart-checkout .title span {
    font-size: 16px;
    color: red;
}

.cart-checkout .newaddress {
    float: right;
    color: red;
    font-size: 16px;
}

.cart-checkout .newaddress:hover {
    background: #ddd;
    padding: 5px;
    border-radius: 5px;
}

.cart-checkout .shipping-address select {
    width: 520px;
    height: auto;
    max-height: 160px;
    max-height: 200px;
    font-size: 18px;
    padding: 10px;
    margin-left: 20px;
    cursor: pointer;
    overflow: scroll;
}

.cart-checkout .shipping-address option {
    line-height: 40px;
    padding: 5px 5px;
    width: 800px;
}

.cart-checkout .shipping-address option:nth-child(2n+1) {
    background: #e8e8e8;
}

.cart-checkout .shipping-address option:nth-child(2n) {
    background: #f8f8f8;
}

.address-show {
    margin: 10px 0 20px 0px;
    width: 358px;
    border: 1px solid #ddd;
    padding: 10px;
}

.address-show input {
    width: 336px;
    margin: 5px 0;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    border: 1px solid #aaa;
    padding: 2px 5px;
}

.address-show select {
    font-size: 18px;
}

.address-show div {
    margin-bottom: 5px;
}

.address-show span {
    color: red;
}

.address-show .nachname, .address-show .nachname input {
    width: 165px;
    float: right;
}

.address-show .vorname input, .address-show .vorname {
    width: 165px;
    float: left;
}

.address-show .postleitzahl input, .address-show .postleitzahl {
    width: 118px;
    float: left;
}

.address-show .ort input, .address-show .ort {
    width: 200px;
    float: right;
}

.address-show .land input, .address-show .land {
    width: 165px;
    float: left;
}

.address-show .telefon input, .address-show .telefon {
    width: 204px;
    float: left;
}

.address-show .submit input {
    width: 120px;
    height: 40px;
    cursor: pointer;
    margin-top: 20px;
}

.address-show .submit input:hover {
    color: blue;
}

/*payment*/
.cart-checkout #payment-id {
    margin: 0px 10px;
}

.cart-checkout #payment-id input {
    width: 20px;
    float: left;
    cursor: pointer;
}

.cart-checkout #payment-id .payment-name {
    margin: 5px 0px;
    /*height: 25px;*/
    padding-left: 35px;
    line-height: 25px;
    font-size: 18px;
    cursor: pointer;
}

.cart-checkout #payment-id .payment-name:hover {
    background: #ddd;

}

.cart-checkout #payment-id .payment-text {
    margin: 5px 0px;
    padding-left: 40px;
}

#payment-id .cart-name {
    width: 70%;
    float: left;
    line-height: 20px;
}

#payment-id .cart-price {
    width: 25%;
    text-align: right;
    float: left;
}

#payment-id .cart-product {
    margin-bottom: 5px;
    padding: 3px 5px;
    line-height: 20px;
}

#payment-id .cart-product:nth-child(2n) {
    background: #f8f8f8;
}

#payment-id .cart-product:nth-child(2n+1) {
    background: #eeeeee;
}

#payment-id .totalsumme {
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 3px 5px;
    font-size: 20px;
    border-top: 2px solid #666;
}

#payment-id .tax {
    height: 20px;
    margin-bottom: 5px;
    padding: 3px 5px;
    font-size: 14px;
    border-top: 1px solid #DDD;
    color: #999;
}

#payment-id .submit input {
    width: 50%;
    float: right;
    text-align: center;
    font-size: 20px;
    background-color: rgb(43, 77, 104);
    margin-top: 20px;
    margin-right: 10px;
    color: #fff;
    padding: 10px;
}

#payment-id .submit {
    margin-left: 20px;
}

/*Legende*/
.legende {
    text-align: left;
}

/*paypal zahlung*/
#pay-paypal {
    width: 600px;
    margin: 0 auto;
}

#pay-paypal form {
    margin: 0 200px;
}

#pay-paypal .address-show .address-key {
    width: 30%;
    float: left;
    line-height: 20px;
    font-size: 18px;
}

#pay-paypal .address-show .address-value {
    width: 65%;
    float: left;
    line-height: 20px;
}

/*old orders*/
#oldorders {
    width: 1000px;
    margin: 0 auto;
}

#oldorders .noorders {
    font-size: 24px;
}

#oldorders .tab-attribute {
    float: left;
    margin-right: 5px;
    width: 220px;
}

#oldorders li .tab-attribute:last-child {
    float: none;
}

#oldorders li.li-line {
    min-height: 40px;
    border-top: 2px solid #264774;
    padding: 2px 0px;
}

#oldorders li.li-line:last-child {
    border-bottom: 2px solid #264774;
}

#oldorders li.li-line .tab {
    height: 40px;
    line-height: 36px;
}

#oldorders .name {
    font-weight: 600;
    font-size: 14px;
    float: left;
    margin-right: 5px;
}

#oldorders .subname {
    font-weight: 600;
    font-size: 14px;
    margin-right: 5px;
}

#oldorders li .icon-show {
    float: right;
}

#oldorders li .icon-show .icon {
    width: 28px;
    height: 28px;
    float: right;
    margin: 3px 0;
    cursor: pointer;
}

#oldorders li .icon-show .name {
    font-size: 12px;
    float: none;
    margin-right: 36px;
    cursor: pointer;
}

#oldorders li .icon-arrow-down {
    background: url(../images/down-icon.png);
    background-size: 28px 28px;
    background-position: center;
}

#oldorders li .icon-arrow-up {
    background: url(../images/up-icon.png);
    background-size: 28px 28px;
    background-position: center;
}

#oldorders .orderdetail {
    padding-top: 5px;
    padding-bottom: 10px;
    border-top: 2px dotted #888;
    display: none;
}

#oldorders .orderdetail .li-item {
    clear: both;
    padding: 3px 0;
    border-top: 1px dotted #888;
}

#oldorders .orderdetail .tab-item {
    height: 30px;
    line-height: 30px;
}

#oldorders .orderdetail .item-info {
    border-top: 2px dotted #888;
    clear: both;
    padding-top: 10px;
    padding-left: 450px;
}

#oldorders .orderdetail .item-info .name {
    width: 170px;
}

#oldorders .orderdetail .item-info .value {
    width: 300px;
    text-align: right;
}

#oldorders .orderdetail .item-image {
    width: 150px;
    text-align: center;
    float: left;
}

#oldorders .orderdetail li .item-image {
    padding: 5px 0;
    border: 1px solid #fff;
}

#oldorders .orderdetail .item-qty {
    width: 60px;
    float: left;
    text-align: center;
}

#oldorders .orderdetail .item-name {
    width: 250px;
    float: left;
}

#oldorders .orderdetail .item-name a {
    text-decoration: none;
}

#oldorders .orderdetail .item-price {
    width: 130px;
    float: left;
    text-align: center;
}

#oldorders .orderdetail .item-total-price {
    width: 140px;
    float: left;
    text-align: center;
}

#oldorders .orderdetail .orderdetail-left {
    padding: 5px;
    display: table-cell;
    width: 760px;
    float: none;
}

#oldorders .orderdetail .orderdetail-right {
    display: table-cell;
    vertical-align: top;
    width: 240px;
    background: #f7f7f7;
    float: none;
    padding: 10px 0px 10px 10px;
}

/*Bestellung Search*/
#oldorders-search {
    width: 1000px;
    margin: 0 auto;
}

#oldorders-search .search-tab {
    height: 22px;
    line-height: 22px;
}

#oldorders-search .filter {
    padding-left: 25px;
    width: 60px;
    float: right;
    font-size: 16px;
    font-weight: 600;
    color: #264774;
    cursor: pointer;
}

#oldorders-search .filter.add-filter {
    background: url(../images/add.png) no-repeat;
}

#oldorders-search .filter.minus-filter {
    background: url(../images/minus.png) no-repeat;
}

#oldorders-search form {
    height: 85px;
    margin-top: 10px;
    margin-bottom: 30px;
    border: 1px solid #264774;
    padding: 10px 10px;
}

#oldorders-search .row {
    float: left;
    margin: 3px 10px;
    width: 460px;
}

#oldorders-search .row.plz {
    width: 310px;
}

#oldorders-search .row.submit {
    width: 100px;
    float: right;
}

#oldorders-search .row.submit input {
    padding: 2px 20px;
    cursor: pointer;
    font-weight: 600;
}

#oldorders-search .row .value input,
#oldorders-search .row .name {
    font-size: 16px;
}

#oldorders-search .row .value input {
    padding: 1px 3px;
}

#oldorders-search .row .name {
    float: left;
    font-weight: 600;
    margin-right: 10px;
}

/*Reminder*/

#reminder-liste {

    font-size: 14px;
    width: 620px;
    margin: auto;
    margin-top: 20px;
}

#reminder-liste li.li {
    border-top: 1px solid #666;
    line-height: 25px;
    margin-bottom: 0;
}

#reminder-liste li.li:nth-child(2n+1) {
    background: #eee;
}

#reminder-liste li.li:last-child {
    border-bottom: 1px solid #666;
}

#reminder-liste li.li .date {
    display: table-cell;
    width: 90px;
    text-align: center;
    border-left: 1px solid #666;
}

#reminder-liste li.li .user {
    display: table-cell;
    width: 120px;
    text-align: center;
    border-left: 1px solid #666;
}

#reminder-liste li.li .name {
    display: table-cell;
    width: 186px;
    text-align: center;
    border-left: 1px solid #666;
    font-size: 14px;
}

#reminder-liste li.li .artikelnr {
    display: table-cell;
    width: 360px;
    text-align: center;
    border-left: 1px solid #666;
}

#reminder-liste li.li .menge {
    display: table-cell;
    width: 60px;
    text-align: center;
    border-left: 1px solid #666;
}

#reminder-liste li.li .email {
    display: table-cell;
    width: 270px;
    text-align: center;
    border-left: 1px solid #666;
}

#reminder-liste li.li .edit {
    display: table-cell;
    width: 90px;
    text-align: center;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

#reminder-liste form {
    margin: 0;
    padding: 5px 0;
}

#newmask {
    width: 700px;
    background: #999;
    opacity: 0.5;
    z-index: 1000;
    height: 1000px;
    position: absolute;
    top: 0;
    left: 0;
}

#overmask {
    width: 700px;
    background: #999;
    opacity: 0;
    z-index: 1002;
    height: 880px;
    position: absolute;
    top: 0;
    left: 0;
}

#vertrag-message {
    position: absolute;
    top: 10px;
    width: 700px;
    height: 850px;
    left: 550px;
    background: #fff;
    z-index: 1001;
    padding: 20px 0 60px 0px;
}

#vertrag-message .vertrag-rahmen {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#vertrag-message .button {
    cursor: pointer;
    padding: 3px 10px;
    font-size: 18px;
    margin: 10px 20px;
}

#vertrag-submit {
    float: right;
}

#vertrag-message .slider-inner {
    padding: 1px;
    position: relative;
    border: 1px solid rgb(170, 170, 170);
    cursor: pointer;
    top: 0px;
    background: rgb(204, 204, 204);
    z-index: 1003;
}

#vertrag-message .slider-outer {
    top: 0px;
    left: 670px;
    max-width: 22px;
    padding: 0 1px;
    position: absolute;
    width: 9%;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(221, 221, 221);
    display: block;
    background: rgb(238, 238, 238);
    height: 850px;
}

table#shippingtable{
    text-align: center;
    border-collapse:collapse;
    border: 1px solid black;
}
table#shippingtable tr{
    border: 1px solid black;
}
table#shippingtable .top{
    background: #eee;
}
table#shippingtable td{
    border: 1px solid black;
    padding-top:4px;
    padding-bottom: 4px;
}


.select-language {
    width:35px;
    margin-top: 3px;
    margin-left: 1rem;
}

.select-language .dropdown-menu.show {
    width: 45px;
    min-width: auto;
    padding: 0 3px 5px;
}

.flaggen img {
    width: 35px;
}

.welcome .btn-primary {
    background-color: #05426F;
    color: #FFFFFF;
    border: none;
    font-weight: bold;
    margin-right: 10rem;
}

.anrede {
    font-size: 1rem;
    font-weight: bold;
}

.text-blue {
    color: #05426F;
}

.shop-topseller .btn-primary {
    background-color: #05426F;
}

.product-topsellers {
    color: #FFFFFF;
    background-color: #05426F;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0 1rem;
}

.shop-topseller .border-primary {
    border-color: #05426F !important;
}

.address .footer-transport {
    padding-top: 2rem;
}

.bg-custom-blue {
    background-color: #103E60;
}

ul.footer-information {
    margin-left: 0;
    padding-left: 0;
}

.address {
    padding-top: 2rem;
}

.address .link {
    color: #FFFFFF;
    text-decoration: none;
    margin-right: 0.8rem;
}

.address .link:hover {
    text-decoration: underline;
    background-color: transparent;
}

.navbar-light .navbar-nav .nav-link {
    color: #103E60 !important;
    font-weight: bold;
}


.navbar-nav > a {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.navbar-nav .active > a {
    /*background-color: #264774;*/
    background-color: #CCD9E2;
    color: #FFFFFF !important;
}

.navbar-nav > li > a:hover {
    background-color: #CCD9E2 !important;
    color: #FFFFFF !important;
}

.navbar-nav .nav-item {
    border-right: 1px solid #103E60;
    /*line-height: 5px;*/
}

.navbar-nav .nav-login {
    margin-left: 2rem;
    padding-right: 5px;
}

.search .row {
    --bs-gutter-x: 0;
    /*width: 94%;*/
}

.layernav .row {
    --bs-gutter-x: 0;
}

.layernav .title {
    background-color: #BDD1E0;
}

.integration-headline {
    background-color: #CCD9E2;
    color: #4F6B80;
    padding-left: 0.5rem !important;
    display: block;
}

.integration-text {
    background-color: #EBF0F3;
    color: #4F6B80;
    display: block;
    padding: 0.5rem;
}

.integration .col-6 {
    color: #103E60;
    padding: 0.3rem;
}

.integration .row {
    --bs-gutter-x: 0;
}

#selectOption {
    /* font-size: 12px;
    height: 20px; */
    padding-top:0;
    padding-bottom:0;
 }

.reminder thead {
    background-color: #CCD9E2;
    color: #4F6B80;
}

.reminder th {
    font-weight: normal;
    color: #4F6B80;
}

.reminder tbody tr {
    background-color: #EBF0F3;
    color: #4F6B80;
    font-weight: normal;
}

.normalpage .message-error{
	text-align: center;
	margin:5px 0;
	padding:5px;
	background:rgba(210, 55, 71, 0.41);
	font-size: 18px;
	font-weight: 600;
}
.normalpage .message-success{
	text-align: center;
	margin:5px 0;
	padding:5px;
	background:#ccffcc;
    font-size: 18px;
	font-weight: 600;
}

.headline-hilfe {
    font-size: 20px;
    font-weight: bold;
    color: #103E60;
    margin-top: 2rem;
    /*margin-bottom: 1rem;*/
    padding-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button {
    background-color: #90AABF;
    color: #FFFFFF;
    box-shadow: none;
}

.accordion-body {
    background-color: #CCD9E2;
    color: #103E60;
    margin-bottom: 0;
}

#accordionFlushSale .accordion-body ul {
    list-style: disc;
}

.faq {
    padding-left: 0 !important;
}

.agb-text {
    background-color: #EBF0F3;
    color: #4F6B80;
    padding-bottom: 1rem;
}

.agb-headline {
    background-color: #CCD9E2;
    color: #4F6B80;
    padding: 0.5rem 0;
}

.agb-subheadline {
    background-color: #EBF0F3;
    color: #4F6B80;
    padding-top: 1.2rem;
    padding-bottom: 0.1rem;
    margin-bottom: 0;
    font-size: 1.2rem;
}

.bg-custom-cyan {
    background-color: #A3DCD6;
    color: #103E60;
    font-size: 18px;
    font-weight: bold;
}

.fragen .btn-primary {
    background-color: #103E60;
    color: #FFFFFF;
    border: none;
    font-weight: bold;
}

.search .search-submit input {
    padding: 0;
}

input#fileupload {
    padding-bottom: 2rem;
}

.navbar-nav {
    margin-left: 20px;
}

#preview-price-list {
    width: 1204px !important;
    margin-left: -30px !important;
}

.main-form .subbar {
    margin: 0 0 0 2px !important;
    width: 1172px !important;
}

.form-edit-function {
    width: 1187px !important;
}

#price-change .main-form {
    margin: 0 !important;
    padding: 0 !important;
}

#price-change .message-success {
    width: 1175px;
}

#price-change .message-success button {
    margin-left: 1rem;
}

#orders legend {
    margin-bottom: 0;
}

#select-timearea {
    height: auto;
    width: auto !important;
}

.orders-view .form-select {
    height: auto;
}

#product-filter {
    margin-top: 2rem;
}

#product-filter .title {
    background-color: #BDD1E0;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

#product-filter .form-label {
    margin-bottom: 0.2rem;
}

.form-select {
    height: auto;
}

.layer-color ul {
    padding-left: 0;
}

#filter-form {
        border: 1px solid #DDDDDD;
        border-radius: 3px;
        padding: 10px;
}

#filter-form .title {
    margin-left: 1rem;
}
#filter-form .btn-primary {
    margin-top: 1.7rem;
}

#filter-form .btn-secondary {
    margin-top: 2rem;
}

#filter-form .col-md-1 {
    width: 10%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#search-alert {
    display: none;
}

.ftp-interface {
    margin-left: 5rem;
}

.ftp-header {
    background-color : #90AABF;
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.ftp-content {
    border: 1px solid #ddd;
}

.ftp-content ul {
    padding-top: 1rem;
    padding-right: 1rem;
}

ul.ok {
    /*list-style: none;*/
    text-indent: -20px;
}

ul.ok li::before {
    content: '' !important;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("../images/green-ok-20.png");
}

.ftp-questions {
    padding: 0.5rem;
    background-color: #EEEEEE;
}

.ftp-price {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}

#ftp-alert {
    display: none;
}

#ftp-error {
    display: none;
}

.box-image {
    width: 100%;
    object-fit: contain;
}

.box-image:hover {
    /*background-color: #8F8F8F;*/
    background-color: #FFFFFF;
    transform: scale(1.05);
    /*padding-top: 0.5rem;*/
}

.box-image-orders {
    width: 100%;
    max-height: 10vw;
    object-fit: contain;
}

.topseller a {
    text-decoration: none;
    color: #000000;
}

.topseller a:hover {
    background-color: #FFFFFF;
}

.topseller p {
    margin-bottom: 0.3rem !important;
}

.order-number-image {
    margin-left: 0.5rem;
}

.filter-green{
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}

.shipment-neutral {
    color: #000000 !important;
    font-size: 1rem;
}

#faq .title {
    background-color: #BDD1E0;
    padding: 0.5rem 0 0.5rem 0.5rem;
}

#quantity .row select {
    padding-left: 0.2rem !important;
}

#variants-Available {
    text-align: center;
    font-size: 0.8rem;
}

.date-orders .col-2 {
    width: 10%;
}

.schrift1 {
    color: #333333;
    margin-bottom:0px;
}

.disc-list li {
    list-style-type: disc;
}

.headline-start {
    font-size: 1.5rem;
}

.col.pds-variant {
    border: 1px solid #ddd;
    font-size: smaller;
    margin-right: 0.5rem;
    padding-top: 0.5rem;
}

.col.pds-variant:hover {
    border-color: red;
}

.col.pds-variant img {
    /*height: 120px;*/
}

.product-thumb {
    width: 60%;
}

@media screen and (max-width: 992px) {
    .login-page .col-3 {
        width: 95% !important;
    }
    .welcome .btn-primary {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    #filter-form .col-md-1 {
        width: 22%;
    }

    .product .productlist {
        padding-top: 25px;
    }
    .product .productlist li {
        width: 49%;
    }

    .product .productlist li.product-list:nth-child(2n) {
        margin-right: 1%;
    }
    .product .productlist li.product-list:nth-child(2n+1) {
        clear: left;
    }

    .integration-text a {
        font-size: x-small;
    }
    .ftp-interface {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        margin-left: 0.1rem;
    }

    #quantity .col-2 {
        width: 22%;
    }

    /* Warenkorb */
    #cart-show {
        font-size: smaller;
        width: auto;
    }
    #cart-show label {
        margin: 0 !important;
    }
    #cart-show .cart-title .cart-image {
        width: 12%;
    }
    #cart-show .cart-name {
        width: 29%;
    }
    #cart-show .cart-number {
        width: 17%;
    }
    #cart-show .cart-price {
        width: 22%;
    }
    #cart-show .cart-edit {
        width: 20%;
    }
    #cart-show .cart-image {
        width: 12%;
    }

    #cart-show .cart-product {
        height: 125px;
    }

    #cart-show input {
        padding: 5px;
    }

    .incart #cart-continue {
        margin: 1rem;
    }
    .order-w-50 {
        width: 100%;
    }

    .schrift1 {
        font-size: 14px;
        width: auto;
        padding:3px;
    }

    .productpage .mediaimage img {
        max-width: 440px;
        max-height: 400px;
    }

    .box-image {
        max-height: 30vw;
    }

    .col.pds-variant {
        width: 46%;
    }

    .productpage .product-image {
        width: 100%;
    }

    .productpage .thumbimage li {
        width: 30%;
    }
}

@media screen and (min-width: 1200px) {
    .login-page .col-3 {
        width: 25% !important;
    }
    .product .productlist li.product-list:nth-child(5n) {
        margin-right: 1%;
    }
    .product .productlist li.product-list:nth-child(5n+1) {
        clear: left;
    }

    .product .productlist li.product-list:nth-child(5n) {
        margin-right: 1%;
    }

    .product .productlist li.product-list:nth-child(5n+1) {
        clear: left;
    }

    #cart-show {
        width: 900px;
    }

    #cart-show .cart-product {
        height: 100px;
    }

    .order-w-50 {
        width: 50% !important;
    }

    .schrift1 {
        font-size: 16px;
        width: 500px;
        padding:5px;
    }

    .productpage .mediaimage img {
        max-width: 540px;
        max-height: 500px;
    }

    .box-image {
        max-height: 9vw;
    }
    .col.pds-variant {
        width: 23%;
    }

    .productpage .product-image {
        width: 45%;
    }

    .productpage .thumbimage li {
        width: 18%;
    }
}

.bc-headline {
    background-color: #BDD1E0;
    padding: 0.5rem;
}

.delete-bookmark-item {
    margin-left: 2rem;
}

#email-missing, #token-exists, #token-expired, #token-send {
    display: none;
}