.container {
    width: 100%;
}
.layout-manufacturer-4 .productbox-50 .img-box img,
.layout-manufacturer-4 .productbox-100 .img-box img {
    max-height: 75px;
    max-width: 50%;
    width: auto;

}
.layout-manufacturer-4 .productbox-50 .img-box,
.layout-manufacturer-4 .productbox-100 .img-box
{
    min-height: 110px;
    max-height: 110px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.layout-manufacturer-4 .productbox .product .product-text,
.layout-manufacturer-4 .img-box img
{
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
}
.layout-manufacturer-4 .productbox .product .product-text {
    padding: 0;
}

.btn-group .btn {
    display: block;
    margin-right: 5px;
    color:white;
    background-color: black;
}
.btn-group {
    margin-top: 15px;
}

.btn-group .btn.js-basket-add i:before {
    content: "\f218";
    background-color: black;
    padding: 9px;
    margin-left: -13px;
}

.product-text .js-basket-add
{
    font-weight: bolder;
}



.btn-group .btn:not(.js-basket-add) i {
    margin-right: 5px;
}

.btn-group .btn.js-basket-add {
    background-color: #8BB439;
}


.btn.btn-default {
    margin-bottom: 15px;
}

.swiper-button-next,
.swiper-button-prev
{
    font: normal normal normal 14px/1 FontAwesome;
    background: none;
    background-color: #4e6c2c;
    padding: 3px;
    display: table;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next:before {
    content: "\f105";
}

.swiper-button-prev:before {
    content: "\f104";
}

.swiper-button-next:before,
.swiper-button-prev:before
{
    font-size: 30px;
    color: white;
}

.btn-details {
    width: 116px;
}

/************************************************************************************
*                                Products Overwrite                                 *
*************************************************************************************/

.product-text .c-Products--gallery-Product {
    width: 100%;
}

.product-text .c-Products--gallery-Product .col-xs-12,
.product-text .c-Products--gallery-Product .row {
    padding: 0;
    margin: 0;
}

.product-text h3 a {
    color: white;
}

/************************************************************************************
*                                Productbox/Content                                 *
*************************************************************************************/

.catalog-content {
    top: 110px;
    bottom: 80px;
    position: absolute;
    width: 100%;
    background-image: url(/ec/cms5/media/img/1010/also_enjoy/disquieter/bg_starbust.svg);
    background-position: 50% 49.5%;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.productbox {
    width: 100%;
}
.productbox-img {
    position: absolute;
    /*width: 100%;*/
}
.product-text {
    z-index: 100;
    color: white;
    position: absolute;
    padding: 15px;
}
.product-text h3 {
    font-size: 2em;
}
.product-text .c-Products__cnetDescription span {
    font-size: 1em;
}

.productbox-100 .product-text .c-Products__cnetDescription span,
.layout-manufacturer-4 p {
    font-size: 1.5em;
}
.product-text-bottom .product-text {
    top: 50%;
}
.product-text-top .product-text {
    top: 0%;
}
.product-img-box {
    background-size: auto;
    background-repeat: no-repeat;
    height: 100%;
}
.startpage {
    background-image: url(images/start.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.product-text button {
    float: left;
    margin: 2px;
}

.img-box {
    padding-top: 5px;
}

@media (max-height: 600px) {

    .product-text .c-Products__cnetDescription span,
    .stoerer,
    .hidden-xs-height {
        display: none;
    }
}
/************************************************************************************
*                                  Header/Footer                                    *
*************************************************************************************/

.manufacturer-headline {
    height: 110px;
    top: 0;
    position: absolute;
    width: 100%;
    padding-top: 5px;
}
.manufacturer-headline img {
    max-height: 100px;
}

ul#enjoy-login {
    display: inline-block;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    right: 200px;
    position: absolute;
    top: 20px;
    z-index: 100;
}

ul#enjoy-login .fa {
    font-size: 20px;
}

ul#enjoy-login a {
    color: #77af24;
    text-decoration: none;
    transition: all 0.25s;
    border-bottom: 1px solid transparent;
}

ul#enjoy-login a:hover,
ul#enjoy-login a:focus {
    color: #77af24;
    text-decoration: none;
    transition: all 0.25s;
    border: none;
}

ul#enjoy-login a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    color: #77af24;
    text-decoration: none;
    transition: all 0.25s;
    border-bottom: 1px solid #77af24;
}

ul#enjoy-login li {
    max-height: 60px;
    position: relative;
}

ul#enjoy-login li a {
    line-height: 20px;
    position: relative;
    padding: 20px 10px;
    display: inline-block;
    color: #000;
    font-size: 12px;
    border: none;
    font-weight: 500;
    text-transform: uppercase;
}

ul#enjoy-login .flyout {
    display: none;
    position: absolute;
    box-shadow: 0 0 20px #666;
    background: #fff;
    top: 50px;
    padding: 20px;
    z-index: 200;
}

ul#enjoy-login .flyout#flyout-account {
    left: -120px;
    width: 260px;
    font-size: 12px;
}
ul#enjoy-login .flyout#flyout-account fieldset {
    margin: 0 0 10px 0;
}

ul#enjoy-login .flyout#flyout-account fieldset legend {
    color: #999;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: .5em;
    border: none;
}

ul#enjoy-login .flyout#flyout-account fieldset a {
    padding: 2px 0;
    clear: both;
    float: left;
    color: #000;
}

.catalog-footer {
    height: 80px;
    bottom: 0px;
    position: absolute;
    z-index: 500;
}

.catalog-footer ul {
    list-style-type: none;
}

.catalog-footer ul li {
    float: left;
    margin: 5px;
}

.catalog-footer ul li a {
    color: #8BB439;
}

.manufacturer-headline {
    border-bottom: 1px solid #DEDEDE;
}

.catalog-footer {
    border-top: 1px solid #DEDEDE;
}

@media (max-height: 600px), (max-width: 1280px) {
    .catalog-content {
        top: 50px;
    }
    .manufacturer-headline {
        height: 50px;
    }
    .manufacturer-headline img {
        max-height: 40px;
    }
}
/************************************************************************************
*                                     Schrift                                       *
*************************************************************************************/
.u-bgBlack .product-text h3 a,
.u-bgBlack .product-text,
.u-bgGreen .product-text h3 a,
.u-bgGreen .product-text,
.u-bgYellow .product-text h3 a,
.u-bgYellow .product-text,
.u-bgBlue .product-text h3 a,
.u-bgBlue .product-text,
.u-bgGreen table a,
.u-bgYellow table a,
.u-bgBlue table a
{
    color: white;
}


.u-bgBlack .product-text h3 a,
.u-bgBlack table a {
    color: #8BB439;
}
.product-text h3 a,
.product-text,
.layout-manufacturer-4 p {
    color: #2c2f34;
}
@media (max-width: 1280px) {
    .product-text h3 {
        font-size: 1.3em;
        font-weight: bold;
    }
    .product-text .c-Products__cnetDescription span,
    .layout-manufacturer-4 p {
        font-size: 1em!important;
    }
}
/************************************************************************************
*                               Hintergrundfärbung                                  *
*************************************************************************************/

.manufacturer-headline,
.catalog-footer {
    background-color: #fff;
}

.u-bgGreenLime {
    background-color: rgba(206, 220, 0, 0.6);
}
.u-bgGreen {
    background-color: rgba(78, 108, 44, 0.6);
}
.u-bgBlack {
    background-color: rgba(0, 0, 0, 0.6);
}
.u-bgYellow {
    background-color: rgba(191, 134, 23, 0.6);
}
.u-bgBlue {
    background-color: rgba(25, 77, 101, 0.6);
}
.u-bgBlueLight {
    background-color: rgba(0, 181, 226, 0.6);
}
.u-bgOrange {
    background-color: rgba(232, 119, 34, 0.6);
}
.u-bgRed {
    background-color: rgba(186, 12, 47, 0.6);
}

.u-bgImg .productbox-img {
    height: auto;
    left: auto !important;
    max-height: 100% !important;
    max-width: none !important;
    min-height: 100%;
    min-width: 100%;
    right: auto !important;
    width: auto;
    z-index: 0;
}

.u-bgImg .img-box {
    padding: 0px;
}
/************************************************************************************
*                               Produktbox Störer                                   *
*************************************************************************************/

.stoerer {
    position: absolute;
    width: 50%;
    z-index: 100;
    padding-top: 15px;
    height: auto;
}
.productbox-align-right .stoerer {
    text-align: left;
    padding-left: 15px;
}
.productbox-align-left .stoerer {
    text-align: right;
    right: 0;
    padding-right: 15px;
}
.stoerer .product-stoerer {
    max-height: 110px;
}
.stoerer-gueltigkeit {
    z-index: 100;
    position: absolute;
}
.productbox-align-right .stoerer .bonus-club {
    float: left;
    margin-right: 2px;
}

.productbox-align-left .stoerer .bonus-club {
    float: right;
    margin-left: 2px;
}

.stoerer .bonus-club .bonus-club-punkte {
    z-index: 300;
    position: absolute;
    bottom: 5px;
    width: 80px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1em;
}

.productbox-align-top.product-text-revert.product-text-66 .stoerer  {
    top: 66%;
}

.productbox-align-top.product-text-revert.product-text-50 .stoerer  {
    top: 50%;
}

.productbox-align-top.product-text-revert.product-text-33 .stoerer  {
    top: 33%;
}

@media (max-width: 1280px) {
    .bonus-club-punkte,
    .product-stoerer,
    .stoerer .bonus-club .bonus-club-punkte
    {
        width: 45px;
    }

    .stoerer .bonus-club .bonus-club-punkte {
        font-size: 0.7em;
    }
}

/************************************************************************************
*                            Produktbox Out Of Stock                                *
*************************************************************************************/

.productbox.out-of-stock,
.productbox.out-of-stock .product {
    background-color: rgba(44, 47, 52, 0.8)!important;
}
.out-of-stock-img {
    max-width: 100%;
    width: 65%;
}
.layout-product-4 .out-of-stock-img {
    width: 40%;
    left: 32%;
}
.layout-product-4-parallel .out-of-stock-img {
    width: 60%;
    left: 20%;
}
.out-of-stock h3,
.out-of-stock span,
.out-of-stock a,
.out-of-stock img.productbox-img,
.out-of-stock .stoerer img,
.out-of-stock .stoerer .bonus-club-punkte,
.out-of-stock .c-Products__artNo {
    opacity: 0.2;
}
.out-of-stock button:hover {
    cursor: default;
}
.out-of-stock-img {
    position: absolute;
    z-index: 200;
    left: 17%;
    display: none;
}

.productbox-100.product-text-top .out-of-stock-img,
.productbox-100.product-text-bottom .out-of-stock-img
{
    top: 23%;
}
.product-text-top .out-of-stock-img
{
    top: 11%;
}

.product-text-bottom .out-of-stock-img
{
    top: 63%;
}

.out-of-stock .out-of-stock-img {
    display: block;
}

/************************************************************************************
*                            Produktbox Alignment                                   *
*************************************************************************************/

.productbox-align-right.product-text-33 .product-text {
    left: 66%;
}
.productbox-align-right.product-text-50 .product-text {
    left: 50%;
}
.productbox-align-right.product-text-66 .product-text {
    left: 33%;
}
.productbox-align-left.product-text-33 .product-text {
    right: 66%;
}
.productbox-align-left.product-text-50 .product-text {
    right: 50%;
}
.productbox-align-left.product-text-66 .product-text {
    right: 33%;
}
.productbox-align-top.product-text-33 .product-text {
    top: 66%;
}
.productbox-align-top.product-text-50 .product-text {
    top: 50%;
}
.productbox-align-top.product-text-66 .product-text {
    top: 33%;
}

.productbox-align-top.product-text-revert .product-text {
    top: 0;
}

.productbox-align-top.product-text-revert.product-text-66 .productbox-img {
    top: 66%;
}

.productbox-align-top.product-text-revert.product-text-50 .productbox-img {
    top: 50%;
}

.productbox-align-top.product-text-revert.product-text-33 .productbox-img {
    top: 33%;
}

@media (max-width: 768px) {
    .productbox-align-right.product-text-33 .product-text,
    .productbox-align-right.product-text-50 .product-text,
    .productbox-align-right.product-text-66 .product-text,
    .productbox-align-left.product-text-33 .product-text,
    .productbox-align-left.product-text-50 .product-text,
    .productbox-align-left.product-text-66 .product-text {
        left: 0;
        right: 0;
    }
    .productbox-align-top.product-text-33 .product-text,
    .productbox-align-top.product-text-50 .product-text,
    .productbox-align-top.product-text-66 .product-text {
        top: 0;
        bottom: 0;
    }
}

@media (max-width: 1280px) {
    .product-text-33 .product-text {
        width: 33%;
    }
    .product-text-50 .product-text {
        width: 50%;
    }
    .product-text-66 .product-text {
        width: 66%;
    }

    .layout-manufacturer-4 .product-text-66 .product-text,
    .layout-manufacturer-4 .product-text-50 .product-text,
    .layout-manufacturer-4 .product-text-33 .product-text {
        width: auto;
    }

    .c-Products__cnetDescription {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
/************************************************************************************
*                                   Layout                                          *
*************************************************************************************/

.container {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-6,
.col-xs-4,
.col-xs-3,
.col-xs-12 {
    height: 100%;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
}
.catalog-content .product {
    padding-left: 15px;
}
.catalog-content .product:last-child {
    padding-right: 15px;
}
.layout-product-4-parallel .product {
    padding-top: 15px;
}
.productbox-50 {
    height: 50%;
}
.productbox-100 {
    height: 100%;
}
.productbox .product {
    height: 100%;
}
.catalog-content,
.catalog-footer {
    left: 0;
    right: 0;
}

.layout-start .product.u-bgImg
{
    padding: 0px;
}

.catalog-content.layout-manufacturer-4 {
    background: white;
}

/************************************************************************************
*                                   Slider                                          *
*************************************************************************************/

html,
body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-pagination {
    left: 0;
    right: 0;
}

.swiper-button-next {
    text-align: right;
}

.swiper-button-prev {
    text-align: left;
}
/************************************************************************************
*                                   Pagination                                      *
*************************************************************************************/

.swiper-pagination-bullet {
    background: #000 none repeat scroll 0 0;
    margin: 0px 10px;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    opacity: 0.6;
}
.swiper-pagination-bullet-active {
    background: #77af24 none repeat scroll 0 0;
}

/************************************************************************************
*                                   Test PI                                         *
*************************************************************************************/

.productbox-img {
    max-height: 45%;
    max-width: 45%;
}

.productbox-align-top.productbox-100 .productbox-img,
.productbox-align-left.productbox-100 .productbox-img,
.productbox-align-right.productbox-100 .productbox-img {
    max-height: 80%;
    max-width: 60%;
}

.productbox-align-top .productbox-img {
    left: 25%;
}

.productbox-align-left .productbox-img {
    right: 5%;
}

.productbox-align-right .productbox-img {
    left: 5%;
}

/************************************************************************************
*                                Table                                              *
*************************************************************************************/

.product-table  a.btn.btn-primary.active.js-basket-add {
    padding-right: 25px;
    width: 110px;
}

.product-table .btn {
    margin-right: 5px;
    color: white;
    background-color: black;
}

.product-table .btn.js-basket-add i:before {
    content: "\f218";
    background-color: black;
    padding: 9px;
    margin-left: -13px;
}

.product-table .btn.js-basket-add {
    background-color: #8BB439;
}