/**
 * CSS Style Definitionen für Devices mit bis 1199px
 */
@media ( max-width : 1199px) {
    body {
        font-size: 15px;
    }
    .sidebar {
        padding-left: 27px;
    }
    .sidebar-payments a span {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        margin: 0px 0px 0px 2px !important;
    }
    .product-payment .payment-icon {
        margin-right: 4px;
    }
    .content .top_img {
        width: 133px;
        height: 99px;
        right: 15px;
        top: -13px;
    }
    #page-banner .claims {
        font: 600 16px/19px lato;
    }
    .breadcrumb-container {
        margin-top: 110px;
    }
    .content {
        padding-right: 17px;
    }
    .page-content {
        padding-top: 39px;
    }
    .paddingright3percent {
        padding-right: 2%;
    }
    .header-bar h2 {
        font-size: 30px;
        margin: 21px 0 35px;
    }
    .content-title {
        font: 300 24px/25px Lato;
    }
    .right.carousel-control.product-slider {
        margin-right: -60px;
    }
    .product-title {
        font-size: 23px !important;
        margin: 0 !important;
    }
    .product-subtitle {
        font-size: 22px;
    }
    .container-price {
        font-size: 18px;
    }
    .content .product-examples-container {
        border-bottom: 1px dashed #999999;
        border-top: 1px dashed #999999;
        margin-bottom: 15px;
        padding-bottom: 0px;
        padding-top: 25px;
    }
    .product-example-container.subpage {
        height: 70px !important;
        width: 70px !important;
        margin-top: 20px;
    }
    .verzeichnissBox {
        width: 100%;
    }
    .container-mann {
        display: none;
    }
    .verzeichnissBox li {
        font-size: 14px;
        padding: 0 0 6px 0px;
        line-height: 30px !important;
    }
    .product ul {
        font-size: 14px;
        left: 0;
        padding: 0;
    }
    .product-title.product-title-anchor {
        padding-bottom: 20px;
    }
    .product .list_block li {
        right: 0;
    }
}

@media ( max-width : 991px) {
    body {
        font-size: 13px;
    }
    .sidebar .ordertime {
        font-size: 12px;
        height: 129px;
        line-height: 17px;
        padding: 30px 26px 20px 20px;
    }

    header .hotline-number a {
        font-size: 17px;
    }
    .clockhands {
        left: 11px;
        top: 5px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }
    .sidebar .benefits ul li {
        font-size: 14px;
    }
    .sidebar .title {
        font-size: 18px;
    }
    .sidebar-table {
        font-size: 11px;
    }
    .sidebar-table tr td:first-child:before {
        display: none;
    }
    .sidebar .borderbox img {
        width: 90px;
    }
    .certificate-explainer {
        display: none !important;
    }
    /* UNTERSEITE PRODUKTE */
    .product-title {
        font-size: 20px !important;
        margin: 0px 0px 9px 0px !important;
        line-height: 26px;
        width: 101%;
    }
    .product-subtitle {
        font-size: 17px;
    }
    .product ul:nth-child(odd) {
        clear: both;
    }
    .container-mann {
        margin-bottom: 20px;
        width: 88%;
    }
    .product .product-example-container {
        width: 50px;
        height: 50px;
    }
    .product .product-example-container::after {
        top: 18px;
        right: 18px;
    }
    .product .product-details-label {
        margin-top: 14px;
    }
    .container-product-price {
        padding: 10px 0;
    }
    .container-size-price {
        display: none;
    }
    .container-order,
    .container-draussen {
        float: none !important;
        margin-bottom: 20px;
        display: block;
    }
    .embed-container-neu {
        padding-top: 21px;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }
    body {
        background-size: 34px 104px;
    }
    h1, h2, h3, h4, h5, footer .benefits .headline {
        font: bold 20px/19px Lato;
    }
    header {
        height: 77px;
    }
    header .logo {
        height: 28px;
        margin-top: 19px;
        width: 162px;
    }
    header .logo-claim {
        height: 11px;
        margin-top: 1px;
        width: 137px;
    }
    header .hotline {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        padding-top: 18px;
    }
    header .phone {
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 18px;
        top: 15px;
    }
    header .icon-certificate {
        width: 130px;
        margin: -25px -35px 0 -35px;
        transform: scale(0.4);
        transition: all 0.1s;
        position: relative;
        z-index: 1;
        height: auto;
    }
    header .rating-label {
        font-size: 20px;
        line-height: 69px;
        height: 91px;
        width: 92px;
    }
    #page-banner {
        padding-top: 77px;
        margin-top: 0;
        background-size: auto 93%;
    }
    #page-banner .banner {
        height: 282px;
        background-size: cover;
    }
    #page-banner .opener {
        height: 75px;
        margin: 0px 0px 0px 0px;
        font: 300 29px/76px Lato;
    }
    #page-banner .inner {
        height: 282px;
    }
    .subpage-banner .opener {
        font: 600 31px/37px Lato !important;
    }
    #page-banner .claim {
        -webkit-transform: scale(0.7) !important;
        -moz-transform: scale(0.7) !important;
        -ms-transform: scale(0.7) !important;
        -o-transform: scale(0.7) !important;
        transform: scale(0.7) !important;
        background-position: left bottom;
        font-size: 23px;
        line-height: 1.2;
        height: 182px;
        letter-spacing: -0.5px;
        padding: 0px 0 0 214px;
        text-align: left;
        width: 474px;
        bottom: 23px;
        height: 131px;
        z-index: 1;
    }
    #page-banner .claims {
        font: 600 11px/41px lato;
        height: 43px;
        padding: 0;
    }
    .icon-check {
        width: 30px;
        height: 24px;
        margin-bottom: -7px;
    }
    .header-bar {
        height: 45px;
        margin: 0 0 23px;
        border-bottom: 0 solid #dddddd;
    }
    .header-bar h2 {
        font: 300 23px/58px lato;
        margin: 0;
    }
    .page-content {
        padding-top: 38px;
    }
    .sidebar .borderbox {
        margin-bottom: 14px;
    }
    .sidebar .borderbox img {
        width: 61px;
    }
    .sidebar .ordertime {
        font-size: 9px;
        height: 122px;
        line-height: 13px;
        padding: 23px 19px 20px 20px;
    }
    .clockhands {
        left: 4px;
        top: -2px;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
    .sidebar .benefits {
        float: left;
    }
    .sidebar-ok {
        font-size: 19px;
        margin-top: -1px;
    }
    .sidebar .title {
        font: bold 14px/16px lato;
        margin: 0px 0px 0px 0px;
        padding: 0px 0 14px 0px;
    }
    .sidebar .body {
        padding: 14px 16px 6px;
        font-size: 11px;
    }
    .sidebar .countdown-title {
        float: left;
        margin-bottom: 3px;
    }
    .sidebar .availability-countdown .counter {
        font-size: 35px;
    }
    .sidebar .availability-countdown .label {
        font-size: 11px;
        padding-left: 0.4em;
        padding-right: 0.4em;
    }
    .payment-icons {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .cd-faq-items {
        width: 73% !important;
        margin-top: -50px;
    }
    footer {
        margin-top: 34px;
    }
    .footer-menu .title {
        font: 900 12px lato;
    }
    .footer-menu a {
        font: 11px lato;
    }
    .footer-socials-body {
        padding: 5px 30px 12px;
    }
    footer .benefits-col img {
        width: 139px;
    }
    footer .benefits .title {
        font-size: 13px;
        font-weight: 300;
    }
    footer .benefits {
        height: 377px;
        padding: 30px 0 24px;
    }
    footer .benefits .headline {
        margin-bottom: 30px;
    }
    footer .benefits .text {
        font-size: 12px;
        line-height: 17px;
    }
    footer .benefits-sub-col {
        font-size: 12px;
        font-weight: 700;
        margin-top: 9px;
    }
    footer .benefits-earphone {
        font-size: 32px;
        padding: 24px 26px 26px;
        top: -24px;
    }
    footer .benefits-sub {
        height: 57px;
    }

    .footer-socials .title {
        width: 100%;
        text-align: right;
    }
    .socials-col {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
    .scale-it {
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
    }
    .sidebar-payments a span {
        -webkit-transform: scale(0.8) !important;
        -moz-transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
        -o-transform: scale(0.8) !important;
        transform: scale(0.8) !important;
        margin: 0 -6px 0 -6px !important;
    }
    .header-auth {
        margin-top: 19px
    }
    .product-payment .payment-icon {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        margin-right: -7px !important;
    }
    .subpage-banner {
        height: 280px;
    }
    .content-title {
        font: 300 20px/25px Lato;
    }
    .breadcrumb-container {
        margin-top: 79px;
    }
    .sidebar .order-availability {
        background-size: 50px 30px;
        background-position: left 3px;
        height: 48px;
    }
    .sidebar .availability-date {
        padding-left: 55px;
    }
    .sidebar .benefits ul li {
        padding-left: 27px;
        padding-bottom: 11px;
    }
    .sidebar .city-label {
        font: 18px/12px arial;
        height: 104px;
    }
    .paddingright3percent {
        padding-right: 0%;
    }
    .content .top_img {
        width: 88px;
        height: 65px;
        right: 15px;
        top: -22px;
    }
    .content .product-example-container {
        height: 60px;
        width: 60px;
    }
    #toggle:checked + label {
        top: 305px;
    }
    .subpage-banner .sub-claim {
        margin: 5px 0 10px;
    }
    /* UNTERSEITE PRODUKTE */
    .headlineArrowToInput-2:before {
        top: 167px !important;
    }
    .headlineArrow:before {
        bottom: -428px !important;
        height: 425px !important;
    }
    .headlineArrow-2:before {
        height: 916px !important;
        bottom: -920px !important;
    }
    .headlineArrow-2:after {
        bottom: -920px !important;
    }
    .carousel-inner .container-size ul {
        font-size: 11px !important;
    }
    .carousel-inner .container-size img {
        width: 100% !important;
    }
    /* UNTERSEITE PRODUKTE ENDE */
    #toggle:checked ~ .message {
        height: 320px;
    }
    .message {
        top: 80px;
    }
    #page-banner.faded-login::before {
        height: 77px;
    }
    #login-container {
        margin: 66px 0 -76px;
    }
    #login-container #loginForm .form-group input,
    #login-container #password-recover .form-group input {
        font-size: 0.9em;
    }
    #login-container #loginForm .form-group input::-moz-placeholder,
    #login-container #password-recover .form-group input::-moz-placeholder {
        font: 400 13px/26px lato;
    }
    #login-container #btnLogin, #login-container #recover-password {
        font-size: 15px;
        padding: 8px 0;
    }
    #login-container #recover-password span {
        display: none;
    }
    .content-product-size-slider a.right.carousel-control {
        padding: 11px;
        font-size: 40px;
        height: 30px;
        width: 30px;
        margin-right: -15px;
    }

    .subpage-banner .search-container {
        margin-top: 0 !important;
    }

    #page_text #vmap {
        display: none;
    }
}
.claim-banner-bottom-text {
    position: absolute;
    content: "";
    top: auto;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.35);
}
.claim-banner-bottom-text p {
    padding: 5px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 120%;
    color: #fff;
}
.claim-banner-bottom-text .hour-claim-text p{
    font-size: 39px;
    position: absolute;
    top: -10px;
    right: 5px;
    line-height: 18px;
    color: #FFC001;
    font-style: italic;
    text-shadow:
        /* first layer 1px */
        -1px -1px 0px #000,
         0px -1px 0px #000,
         1px -1px 0px #000,
        -1px  0px 0px #000,
         1px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         1px  1px 0px #000,
        /* second layer 2px */
        -2px -2px 0px #000,
        -1px -2px 0px #000,
         0px -2px 0px #000,
         1px -2px 0px #000,
         2px -2px 0px #000,
         2px -1px 0px #000,
         2px  0px 0px #000,
         2px  1px 0px #000,
         2px  2px 0px #000,
         1px  2px 0px #000,
         0px  2px 0px #000,
        -1px  2px 0px #000,
        -2px  2px 0px #000,
        -2px  1px 0px #000,
        -2px  0px 0px #000,
        -2px -1px 0px #000;
}
.claim-banner-bottom-text .hour-claim-text span{
    font-size: 17px;
    text-transform: uppercase;
}

@media (max-width: 859px) {
    .sidebar-payments #searchForm .shadow-bg.shadow-inner {
        max-width: 185px;
    }
}

@media (max-width: 825px) {
    .sidebar-payments #searchForm .shadow-bg.shadow-inner {
        max-width: 150px;
    }
}

@media ( max-width : 767px) {
    body {
        background: none;
        font-size: 12px;
    }
    #toggle + label {
        display: none;
    }
    header .logo {
        float: none;
        max-height: 25px;
        margin-top: 14px;
        max-width: 144px;
        position: relative;
        z-index: 9999;
    }
    header {
        border-bottom: 1px solid #eaeaea;
        position: fixed;
        width: 100%;
        height: 50px;
        background-color: #fff;
        z-index: 997;
    }
    header.sticky {
        webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    header.sticky .logo {
        margin-top: 14px;
    }
    .move-down {
        webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
    }
    header .glyphicon-earphone {
        top: 0px;
        font-size: 19px;
        color: #333333;
    }
    .embed-container-neu {
        padding-top: 21px;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }
    #page-banner {
        z-index: 1;
        width: 100%;
        left: 0;
        padding-top: 49px;
        height: 319px;
    }
    #page-banner .banner {
        height: 270px;
        background: url('/img/banner-product.jpg') no-repeat center 0px / 171% 100% !important;
        background-size: cover;
        width: 100%;
    }
    .subpage-banner::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,.3);
    }
    #page-banner .inner {
        padding: 11px 0px 20px 0px;
        height: 100px !important;
        margin-top: 20px;
    }
    #page-banner .opener {
        font: 600 17px/19px Lato !important;
        height: auto;
        margin: 0 0 13px;
        padding: 0;
    }
    #page-banner .claim {
        color: #fff;
        font-size: 27px;
        line-height: 1.2;
        height: 161px;
        left: 50%;
        letter-spacing: -0.5px;
        margin-left: -259px;
        bottom: -128px;
        padding: 18px 0 0 214px;
        text-align: left;
        -webkit-transform: scale(0.5) !important;
        -moz-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
        text-shadow: 0 0 41px rgba(0, 0, 0, 1);
        width: 552px;
        padding-top: 20px;
    }
    .subpage-banner {
        height: 264px !important;
    }
    .subpage-banner .inner {
        height: 142px !important;
    }
    .subpage-banner .sub-claim {
        color: #fff;
        margin: -10px 0 15px;
        font-size: 13px;
        line-height: 14px;
    }
    .search-container #price-box {
        padding-top: 0px;
    }
    #page-banner .claims {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        font: 400 12px/15px lato;
        left: 0;
        height: 59px;
        padding: 0;
        position: absolute;
        bottom: 0px;
    }
    #page-banner .claims-col {
        color: #ffffff;
        padding: 2px 0 0px;
        text-align: left;
    }
    #page-banner .inner {
        background: transparent;
    }
    #page-banner:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,.5);
    }
    .banner .header-claim-image {
        max-width: 200px;
        margin-bottom: 20px;
    }

    .top_img {
        display: none;
    }
    .icon-check {
        width: 14px;
        height: 11px;
        margin-bottom: 0;
    }
    .header-bar {
        background-color: #ffffff;
        border-bottom: 0 solid #dddddd;
        margin-top: 0;
        padding: 4px 0 0;
        height: 49px;
        margin-bottom: 0;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.0);
        box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.0);
    }
    .header-bar h2 {
        color: #333;
        font: 900 14px/37px lato;
        padding: 0;
    }
    #page_banner .cont-claim {
        font-size: 36px;
        line-height: 1.2;
        height: 161px;
        left: 50%;
        margin-top: 8px;
        margin-left: -259px;
        padding: 18px 0 0 214px;
        position: absolute;
        -webkit-transform: scale(0.5) !important;
        -moz-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
        text-shadow: 0 0 41px rgba(0, 0, 0, 1);
        width: 552px;
    }
    .sidebar .city-label {
        background: #e7bc09 none repeat scroll 0 0;
        border: 4px solid #333333;
        border-radius: 10px;
        box-shadow: 0 0 0 4px #e7bc09;
        float: left;
        font: 25px/30px arial;
        height: 125px;
        margin-bottom: 35px;
        padding-top: 39px;
        text-align: center;
        width: 100%;
    }
    .page-content {
        padding-top: 25px;
        padding-bottom: 0px;
    }
    .content {
        padding-left: 0;
        padding-right: 0;
    }
    .content-title {
        font-size: 18px;
    }
    .content .ytvideo {
        margin: 0px 0px 20px 0px;
    }

    footer .benefits {
        height: 156px;
        padding: 0px 0 24px;
    }
    footer .benefits .headline {
        font-size: 13px !important;
        margin-bottom: 0px !important;
        margin-top: 20px !important;
    }
    footer li.benefits-col {
        border-top: medium none;
        float: left;
        list-style: outside none none;
        padding: 0 0px !important;
        text-align: center;
        width: 25%;
    }
    footer .benefits-sub {
        height: 70px;
    }
    footer .benefits-sub-col-center {
        position: relative;
        top: 7px;
    }
    footer .benefits-sub-col {
        font-size: 10px;
        margin-top: 4px;
        font-weight: 300;
    }
    footer .benefits .title {
        font-size: 10px;
        margin-top: 6px;
    }
    footer .benefits-col img {
        width: 73px;
    }
    footer .benefits-earphone {
        font-size: 20px;
        padding: 25px 10px 26px;
        top: -17px;
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding: 30px 0 0;
        top: -22px;
    }
    .footer-copyright {
        text-align: center;
    }
    .paddingleftright0-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* MOBILE NAV */
    .navbar-toggle {
        position: absolute;
        left: 7px;
        top: 1px;
    }
    .navbar-toggle .icon-bar {
        background: #333;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
    }
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 6px;
    }
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -6px;
    }
    .black-out {
        background: rgba(0, 0, 0, 0);
        float: left;
        height: 0;
        top: 0;
        -webkit-transition: width 0.5s, background 0.5s;
        -moz-transition: width 0.5s, background 0.5s;
        -o-transition: width 0.5s, background 0.5s;
        transition: width 0.5s, background 0.5s;
        width: 100%;
        z-index: 2;
    }
    #mobile-nav.in .black-out {
        background: rgba(0,0,0,0.3);
        width: 20%;
        height: 100vh;
    }
    #mobile-nav {
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 2000;
        width: 100%;
    }
    #navbar {
        height: 100vh !important;
        overflow: hidden;
        width: 0px;
        -webkit-transition: width 0.5s;
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        transition: width 0.5s;
        padding: 0;
        border-top: none;
        float: left;
    }
    #navbar[aria-expanded="true"] {
        width: 80vw;
    }
    #navbar > div {
        background: #fff;
        height: 100vh;
        padding: 15px;
        width: 80vw;
    }
    main, footer {
        position: relative;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -o-transition: left 0.5s;
        transition: left 0.5s;
        left: 0;
    }
    main.nav-in, footer.nav-in {
        left: 80vw;
    }
    #mobile-nav ul {
        list-style-type: none;
        padding-left: 0;
    }
    #mobile-nav ul li a {
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
        width: 100%;
        float: left;
        text-decoration: none;
        font-size: 14px;
    }
    .header-auth {
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }
    .header-auth-link-wrapper {
        text-align: center;
    }
    .header-auth a {
        float: none;
        display: inline-block;
    }
    .message {
        top: 50px;
    }
    .message img {
        margin-top: 10px;
    }
    #toggle+label:before {
        display: none;
    }
    #toggle:checked ~ .message {
        height: 163px;
    }
    #toggle+label::after {
        border: 1px solid #333;
        border-radius: 40px;
        color: #333;
        content: "?";
        font-size: 17px;
        font-weight: 300;
        padding: 0 7px;
        position: relative;
        top: 7px;
    }
    #toggle+label {
        padding: 10px;
        position: fixed;
        background: #f0c613;
        width: 86px;
        border-radius: 3px;
        padding: 0px;
        color: #333;
        left: 47px;
        line-height: 34px;
        top: 0px;
        z-index: 999;
        margin: 0px;
        background: none !important;
        width: auto;
        -moz-transition: none;
        transition: none;
        -o-transition: none;
        display: none;
    }
    .border-dashed-bottom {
        border-bottom: 0px dashed #bbbbbb;
    }
    .search-zipcode {
        width: 49% !important;
        top: 0px !important;
    }
    .search-wastetype {
        display: inline-block;
        position: relative;
        width: 46%;
        background-position: left -4px !important;
    }
    .content-of-index {
        padding-bottom: 0px;
    }
    .content .top_img {
        width: 88px;
        height: 74px;
        float: right;
        margin: 0 0 0 4%;
        position: relative;
        right: 0px;
        top: -4px;
        z-index: 1;
    }
    .content .product-details-label {
        margin-top: 0px;
    }
    .content .product-example-container {
        height: 40px !important;
        width: 40px !important;
   }
    .content p {
        margin-bottom: 37px;
    }
    h1, h2, h3, h4, h5 {
        font: bold 16px/19px Lato;
        margin-bottom: 10px;
        margin-top: 0px;
    }
    .modal {
      padding-top: 78px;
    }
    .modal-black-out {
        background-color: rgba(0, 0, 0, 0.42);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    /* Modal Content */
    .modal-content {
      width: 320px;
    }

    .modal-body {
        width: 74%;
    }
    .prev,
    .next {
      padding-top: 180px;
    }

    /* Position the "next button" to the right */
    .prev {
      left: -50px;
    }

    .next {
      right: -50px;
    }
    .column {
        height: 58px;
        width: 68px;
    }
    .waste-example-caption {
        font-size: 14px;
    }
    #page-banner.faded-login::before,
    #login-container {
        display: none !important;
    }
    .sidebar-social-media {
        margin: 10px 7px;
    }
    /* ABFALLSEITE */
    .listing_points-product {
        font: 16px/20px arial !important;
        padding: 6px 12px !important;
        margin-right: 0 !important;
    }
    .product-title {
        right: 20px !important;
    }
    .content .product-examples {
        float: right;
        margin-bottom: 20px;
    }
    .product-example {
        margin-top: 34px;
        font-size: 24px;
    }
    .inhaltsverzeichnissTitel {
        right: -23px !important;
    }
    .product-title {
        right: 5px !important;
        font-size: 18px !important;
    }
    .product-title.product-title-anchor {
        width: calc(100% - 35px);
    }
    .glyphicon.glyphicon-info-sign {
        font-size: 37px;
    }
    .right.carousel-control.product-slider {
        margin-right: 30px;
    }
    .opener-product {
        font-size: 26px;
    }
    .container-mann {
        margin-bottom: 20px;
        width: 65%;
    }
    .alert-product {
        font: 900 14px lato;
    }
    .inner-product {
        margin: 110px 0px 0px 0px;
        height: 235px;
    }
    .product .search-container-grey {
        margin: 0 0 10px 0;
        padding: 15px;
    }
    .subpage-banner .banner .inner.inner-product {
        height: auto !important;
        background: none !important;
    }
    .right.carousel-control.product-slider {
        margin-right: -30px;
        top: 40px;
        background: #fff;
    }
    #page-banner .opener-product,
    #page-banner .opener-product * {
        font-size: 18px !important;
        font-weight: bold;
    }
    .content-product-size-slider .container-size {
        padding: 0;
        width: 33%
    }
}
@media (max-width: 490px) {
    .product ul {
        font-size: 12px;
    }
    .product-example {
        font-size: 17px;
        padding-bottom: 30px;
    }
    .container-draussen, .container-order {
        float: none;
        margin-bottom: 10px;
        width: 100%;
    }
    .form-checklist.product li {
        padding-left: 15px;
        font-size: 15px;
        margin-left: -71px;
    }
}
@media (max-width: 420px) {
    .product ul {
        font-size: 11px;
    }
    .content-ok {
        font-size: 14px !important;
        left: -25px;
    }
    .opener-product {
        font-size: 23px;
    }
    .sub-claim-product {
        margin: -21px 0 34px;
    }
    .inner-product {
        height: 204px;
        margin-top: 73px;
    }
    .subpage-banner-product {
        height: 300px;
    }
    .container-price, .container-qm {
        font-size: 13px;
    }
    .form-checklist.product li {
        position: relative;
        list-style-type: none;
        padding-left: 15px;
        font-size: 13px;
        margin-left: -71px;
    }
    .container-befuellen {
        width: 90px;
        margin-right: 20px !important;
    }
}
@media (max-width: 390px) {
    .banner span {
        font-size: 11px;
    }
    .content .product-example-container {
        height: 30px !important;
        width: 30px !important;
    }
    .product-example {
        font-size: 15px;
        padding-bottom: 0;
        margin-top: 0;
    }
    .container-befuellen {
        float: none !important;
        width: 50%;
        right: 35px !important;
    }
   .form-checklist.product li {
        padding-left: 13px;
        font-size: 12px;
        margin-left: -84px;
    }
    .glyphicon.glyphicon-ok.product {
        font-size: 15px;
    }
    .sub-claim-product {
        font-weight: 500;
        font-size: 15px;
    }
    .opener-product {
        font-size: 20px;
    }
    .list_block {
        color: #333;
        padding: 0 !important;
    }
    .list_block.product li {
        list-style: outside none none;
        margin: 0;
        position: relative;
        right: 0 !important;
    }
    .price-box-body h2 {
        font-size: 20px;
    }
}
@media (max-width: 354px) {
    .opener-product {
        font-size: 18px;
    }
    .claim-banner-bottom-text p {
        font-size:13px;
    }
}
@media (max-width: 336px) {
    .banner span {
        font-size: 10px;
    }
}
@media (max-width: 320px) {
    #page-banner .inner {
        height: 100px !important;
    }
    .claim-banner-bottom-text .hour-claim-text p {
        font-size: 30px;
        top: -15px;
        right: 8px;
    }
    .claim-banner-bottom-text .hour-claim-text span {
        font-size: 14px;
    }
}