header a.shoppinglist {
    font-family: GillSansWGL, 'Lato', sans-serif;
    font-weight: normal; 
    font-style: normal; 
    text-rendering: auto;
    display: block;
    float: left;
    color: #4B5A5F;
    text-transform: uppercase;
    font-size: 0.8125em;
    font-weight: normal;
    text-indent: -999em;
}
header div.shoppinglist-icon {
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    background-image: url(../Images/icons.png);
    margin-top: -12.5px;
    left: 12px;
    width: 20px;
    height: 25px;
    background-position: 0 -109px;
}
header a.shoppinglist div.jewel {
    text-indent: 0;
    color: #FFF;
    position: absolute;
    background-color: #E7E7E8;
    text-align: center;
    font-weight: normal;
    font-family: Arial,Tahoma,Verdana,Helvetica,"Lucida Grande",sans-serif;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
header a.shoppinglist div.jewel.active {
    background-color: #AA321E;
}
div.col-md-10 div.braas-merken-downloads {
    /*	margin-top: -4px;*/
    border-top: 1px dashed #9a9a9d;
}
div.subPageContent.merklisteContent .col-md-6.green-column {
    padding-top: 0 !important;
}
div.braas-merken-downloads h4 {
    color: #434343;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 7px;
    text-transform: capitalize;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 22px;
    padding-top: 12px;
    text-overflow: ellipsis;
}
div.braas-merken-downloads div.download-box {
    /*margin-bottom: 22px;*/
    float: right;
    margin-top:-20px;
    margin-bottom: 30px;
    margin-left: 10px;
}
div.braas-merken-downloads div.download-box a:link,
div.braas-merken-downloads div.download-box a:visited,
div.braas-merken-downloads div.download-box a:active {
    color: #434343;
    text-decoration: none;
}
div.braas-merken-downloads div.download-box a:hover {
    color: #292928;
    text-decoration: none;
}
div.braas-merken-downloads div.download-box div.download-box-merken {
    padding: 12px 13px 11px 41px;
    border: 1px solid #c2c2c4;
    display: inline-block;
    border-radius: 5px;
    margin-right: 4px;
    background: transparent url("../Images/download_merken.png") no-repeat scroll 13px 7px;
}
div.braas-merken-downloads div.download-box div.download-box-download {
    padding: 12px 13px 11px 41px;
    border: 1px solid #C2C2C4;
    display: inline-block;
    border-radius: 5px;
    background: transparent url("../Images/download_download.png") no-repeat scroll 13px 8px;
}
div.col-md-8 div.braas-merken-downloads {
    min-height: 100px;
}

div.braas-merken-list-toparea {
    background: #EFEFEF;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
    margin-top: -69px;
    padding-top: 57px;
    padding-bottom: 18px;
}
div.braas-merken-list-toparea .row {

}
div.braas-merken-list-toparea .row .braas-merken-list-toparea-header {
    padding:  0 0 30px;
    font-weight: bold;
}
div.braas-merken-list-toparea .row .braas-merken-list-toparea-header.first-column {
    padding-top: 7px;
}
div.braas-merken-list-toparea .row .col-md-3.no-right-padding {
    padding-right: 0;
}
div.braas-merken-list-toparea .row .braas-merken-list-toparea-header img {
    float: left;
}
div.braas-merken-list-toparea .row .braas-merken-list-toparea-header img.zip-icon {
    width: auto;
    height: 33px;
}
div.braas-merken-list-toparea .row .braas-merken-list-toparea-header img.druck-icon {
    width: auto;
    height: 33px;
}
div.braas-merken-list-toparea .row .braas-merken-list-toparea-header div {
    float: left;
    width: 88%;
    padding-left: 13px;
    padding-top: 8px;
}
div.braas-merken-list-toparea .row .braas-merken-list-toparea-header div span {
    font-weight: normal;
    padding-left: 11px;
}
div.subPageContent.merklisteContent .col-md-6.col-zip-info {
    padding-top: 0px !important;
}
div.braas-merken-list-toparea .row .braas-merken-list-toparea-header p {
    font-weight: normal;
    padding-top: 4px;
}
div.subPageContent.merklisteContent .braas-merken-list-toparea .row .braas-merken-list-toparea-schliessen {
    text-align: right;
    padding-top: 0 !important;
    padding-right: 14px !important;
}
div.subPageContent.merklisteContent .braas-merken-list-toparea .row .braas-merken-list-toparea-schliessen img {
    margin-top: -22px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
div.braas-merken-list-titlearea {
    margin-top: 30px;
}
div.braas-merken-list-titlearea .row {

}
div.braas-merken-list-downloadarea {

}
div.braas-merken-list-downloadarea .top-row {

}
div.braas-merken-list-downloadarea .marking-row {

}
div.braas-merken-list-downloadarea .marking-row .dark-gray-back {
    padding-right: 0;
    padding-top: 0 !important;
}
div.braas-merken-list-downloadarea .marking-row .dark-gray-back .braas-merken-list-marking {
    background: #D7D7D8;
    margin-right: -19px;
    padding: 15px 12px 14px;
}
div.braas-merken-list-downloadarea .marking-row .braas-merken-list-marking-title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 4px;
}
div.braas-merken-list-downloadarea .marking-row .braas-merken-list-marking-location {
    color: #AA321E;
    text-transform: uppercase;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.braas-merken-list-downloadarea .marking-row .cell-container {
    background: #EBEBEB;
    padding: 14px;
    border-bottom: 1px solid #FFF;
    margin-right: -36px;
}
div.braas-merken-list-downloadarea .marking-row .cell-container.loschen {
    margin-right: 0px;
    padding: 21px 14px 20px
}
div.braas-merken-list-downloadarea .marking-row .cell-container.loschen div img {
    height: 20px;
    width: 20px;
    margin-left: 4px;
}
div.braas-merken-list-downloadarea .marking-row .cell-container.loschen div.text-div {

}
div.braas-merken-list-downloadarea .marking-row .cell-container.loschen div.text-div a {
    color: #555;
    padding: 4px 0 0 10px;
    margin-top: -1px;
    display: inline-block;
}
div.braas-merken-list-downloadarea .marking-row .cell-container .checkbox-cell {
    float: left;
    padding: 5px 18px 0 4px;
}
div.braas-merken-list-downloadarea .marking-row .cell-container .icon-cell {
    float: left;
}
div.braas-merken-list-downloadarea .marking-row .cell-container .icon-cell img {
    width: auto;
    height: 33px;
}
div.braas-merken-list-downloadarea .marking-row .cell-container .text-cell {
    float: left;
    padding: 7px 0 0 10px;
}
div.braas-merken-list-downloadarea .bottom-row {

}
.top-row .green-gradient,
.top-row .blue-gradient {
    margin-bottom: 4px;
}
.bottom-row .green-gradient,
.bottom-row .blue-gradient {
    margin-top: 3px;
}
.top-row .green-gradient,
.bottom-row .green-gradient {
    padding-right: 0 !important;
}
div.subPageContent.merklisteContent .top-row .green-gradient .cell-container,
div.subPageContent.merklisteContent .bottom-row .green-gradient .cell-container {
    background: #8cc03f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8cc03f 0%, #457a1c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cc03f), color-stop(100%,#457a1c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8cc03f 0%,#457a1c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8cc03f 0%,#457a1c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8cc03f 0%,#457a1c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8cc03f 0%,#457a1c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc03f', endColorstr='#739c36',GradientType=0 ); /* IE6-9 */
    color: #FFF;
    margin-right: -17px;
}
div.subPageContent.merklisteContent .top-row .green-gradient,
div.subPageContent.merklisteContent .bottom-row .green-gradient {
    /*CSen changed on 2015-11-15*/
    padding-top: 5px !important;/*0px*/
    margin-left: -1px;
}
div.col-download .large-red-hyperlink {
    margin-top: 10px;
    display: inline-block;
}

.top-row .blue-gradient,
.bottom-row .blue-gradient {
    padding-right: 0 !important;
}
.top-row .blue-gradient .cell-container,
.bottom-row .blue-gradient .cell-container {
    background: #0092bc; /* Old browsers */
    background: -moz-linear-gradient(top,  #0092bc 0%, #007088 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0092bc), color-stop(100%,#007088)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0092bc 0%,#007088 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0092bc 0%,#007088 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0092bc 0%,#007088 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0092bc 0%,#007088 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092bc', endColorstr='#19728b',GradientType=0 ); /* IE6-9 */
    color: #FFF;
}
.top-row .green-gradient .cell-container a,
.bottom-row .green-gradient .cell-container a,
.top-row .blue-gradient .cell-container a,
.bottom-row .blue-gradient .cell-container a {
    color: #FFF;
    padding: 18px;
    display: inline-block;
    width: 100%;
}
.bottom-row .no-gradient {
    margin-top: 4px;
}
.top-row .no-gradient a,
.bottom-row .no-gradient a {
    color: #434343;
    text-decoration: underline;
}
.top-row .no-gradient .cell-container,
.bottom-row .no-gradient .cell-container {
    padding: 18px;
}
div.braas-merken-list-formarea {
    border-bottom: 1px solid #d1d1d3;
}
div.braas-merken-list-formarea .row {

}
div.braas-merken-list-no-files {
    padding-left: 6px;
}
div.posting-column-md-3 {
    display: none;
}
div.subPageContent.merklisteContent .col-md-6.col-download {
    padding-left: 18px !important;
}
div.subPageContent.merklisteContent a.back-link {
    text-transform: uppercase;
    color: #4B5A5F;
    font-size: 13px;
    text-decoration: none;
    margin-top: -40px;
    display: block;
    margin-bottom: 60px;
}



/* RESPONSIVENESS TWEAKS */
@media (min-width: 767px) and (max-width: 990px) {
    .col-md-3 {
        width: 25%;
    }
    /* Bug #2317 Career page - the last two quotes are exchanged in appearance (landscape view) 
     * // All quotes are wrongly displayed in the portrait view - fixed CSen*/
    .col-md-6 {
        width: 45%;
    }
    .top-row .no-gradient .cell-container, .bottom-row .no-gradient .cell-container {
        padding: 18px 18px 18px 0;
    }
    div.subPageContent.merklisteContent input[name="tx_form[ort]"] {
        width: 70.2% !important;
    }
}
@media (max-width: 767px) {
    div.braas-merken-list-toparea {
        margin-top: -93px;
    }
    .braas-merken-list-toparea .row .braas-merken-list-toparea-schliessen img {
        margin-top: -156px;
    }
    div.braas-merken-list-toparea .row .braas-merken-list-toparea-header {
        padding: 0 0 22px;
    }
    div.braas-merken-list-toparea .row .braas-merken-list-toparea-header div {
        float: left;
        width: 78%;
        padding-left: 13px;
    }
    .braas-merken-list-downloadarea.mobile-only {
        display: block;
    }
    .braas-merken-list-downloadarea.desktop-only {
        display: none;
    }
    div.subPageContent.merklisteContent .col-md-6 {
        padding-right: 20px !important;
        padding-left: 20px !important;
        padding-top: 50px !important;
        float: left;
        width: 50%;
    }
    div.subPageContent.merklisteContent .col-md-6.green-column {
        padding-top: 0 !important;
        padding-right: 0 !important;
    }
    #pageWrapper div.subPageContent.merklisteContent .top-row .green-gradient,
    #pageWrapper div.subPageContent.merklisteContent .bottom-row .green-gradient {
        padding-right: 1% !important;
    }
    #pageWrapper div.subPageContent.merklisteContent .top-row .blue-gradient,
    #pageWrapper div.subPageContent.merklisteContent .bottom-row .blue-gradient {
        padding-left: 1% !important;
    }
    div.braas-merken-list-downloadarea .marking-row .dark-gray-back {
        padding-right: 20px;
        /* CSen changed on 2015-11-02*/
        margin-top: -5px;
    }
    div.braas-merken-list-downloadarea .marking-row .dark-gray-back .braas-merken-list-marking {
        margin-right: 0;
    }
    div.subPageContent.merklisteContent .col-md-6 {
        padding-right: 20px !important;
        padding-left: 20px !important;
        padding-top: 1px !important;
    }
    div.subPageContent.merklisteContent .col-md-6.mobile-float-left {
        padding-right: 1% !important;
    }
    div.subPageContent.merklisteContent .col-md-6.mobile-float-right {
        padding-left: 1% !important;
    }
    div.braas-merken-list-downloadarea .marking-row .cell-container {
        margin-right: 0;
    }
    .top-row .green-gradient, .top-row .blue-gradient {
        margin-bottom: 0px;
    }
    div.braas-merken-list-downloadarea .marking-row .dark-gray-back .braas-merken-list-marking {
        margin-top: 11px;
        /* CSen changed on 2015-11-02*/
        margin-bottom: 5px;
    }
    div.merklisteContent .content-container .row .col-form {
        float: none;
        width: 100%;
        padding-right: 24px !important;
    }
    div.subPageContent div.merklisteDownloadContent.col-md-12 {
        margin-left: -5px;
        padding-right: 20px;
        margin-right: 0px;
    }
    div.braas-merken-list-formarea {
        border-bottom: 1px solid #D1D1D3;
        margin-top: 33px;
        margin-bottom: 33px;
        margin-left: 6px;
        margin-right: 5px;
    }

}
@media (max-width: 570px) {

}
@media (max-width: 433px) {
    div.subPageContent.merklisteContent input[name="tx_form[ort]"] {
        width: 71.3% !important;
    }
}
/* Merkliste header bugfix on mobile devices CSen */
@media (min-width: 406px) and (max-width: 768px){
    div.braas-merken-list-toparea{
        margin-top: -65px;
    }
}
@media (max-width: 405px){
    div.braas-merken-list-toparea{
        margin-top: -40px;
    }
}
/*Bug 2274 Download Button in MDB fix CSen*/
@media (max-width: 360px){
    div.braas-merken-downloads h4 {
       margin: -30px 0 7px;
       padding-bottom: 60px;
    }
    div.braas-merken-list-downloadarea .marking-row .cell-container .checkbox-cell{
        /*CSen changed 2015-11-25*/
        padding: 5px 10px 0px 4px;/*5px 14px 0px 4px;*/
    }
}
@media all and (max-width : 320px) {
    div.braas-merken-downloads {
        min-height: 100px;
    }
    div.braas-merken-downloads h4 {
        color: #434343;
        font-size: 15px;
        font-weight: normal;
        margin: -30px 0 7px;/*0px 0px 7px*/
        text-transform: capitalize;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 60px;/*22px*/
        padding-top: 12px;
        text-overflow: ellipsis;
    }
    div.braas-merken-downloads div.download-box {
        width: 100%;
        position: relative;
        margin-top:-22px;
        margin-bottom: 20px;
    }
    /* CSen changed on 2015-11-02*/
    div.braas-merken-list-downloadarea .marking-row .cell-container .text-cell{
        padding: 7px 0px 12px 6px;
    }
    div.braas-merken-list-downloadarea .marking-row .cell-container .icon-cell img{
        height: 25px;
    }
    div.braas-merken-list-downloadarea .marking-row .cell-container .checkbox-cell{
        /*CSen changed 2015-11-25*/
        padding: 5px 2px 0px 4px;/*5px 5px 0px 4px;*/
    }
    div.subPageContent.merklisteContent .top-row .green-gradient, 
    div.subPageContent.merklisteContent .bottom-row .green-gradient{
        margin-left: -2px;
    }
}
/*Bug 2397 - Merken and Download botton in the single new view
  Fixed CSen 16.10.2015*/
@media (min-width: 768px) and (max-width: 770px){
    div.braas-merken-downloads div.download-box div.download-box-merken{
        margin-left: -13px;
    }
    div.subPageContent.merklisteContent a.back-link{
        margin-top: -20px;
    }
    /* CSen changed 2015-11-02*/
    div.subPageContent.merklisteContent .col-md-6{
        padding-top: 0px !important;
    }
    div.braas-merken-list-downloadarea .marking-row .dark-gray-back .braas-merken-list-marking{
        margin: 5px 20px 5px 0px;
    }
    div.braas-merken-list-downloadarea .marking-row .cell-container{
        margin-right: -16px;
        margin-left: -2px;
    }
    div.braas-merken-list-downloadarea .marking-row .cell-container.loschen{
        margin-right: -59px;
    }
    .top-row .no-gradient .cell-container, .bottom-row .no-gradient .cell-container{
        padding: 18px;
    }
    div.news-download-box{
        width: 220px;
    }
}
/*Action 269 - Optimization for Nexus 10*/
@media (min-width: 800px){
    div.braas-merken-list-downloadarea .marking-row .dark-gray-back{
        padding-right: 40px;
    }
    div.braas-merken-list-downloadarea .marking-row .cell-container{
        margin-right: -15px !important;
    }
    .col-md-6{
        width: 50%;
    }
    div.braas-merken-list-downloadarea .marking-row .cell-container.loschen{
        margin-right: 18px !important;
    }
    div.braas-merken-list-downloadarea .marking-row .dark-gray-back 
    .braas-merken-list-marking{
        margin-top: 10px;
        margin-left: 1px;
    }
    div.braas-merken-downloads div.download-box{
        margin-left: 0px;
    }
    div.media-results-group .col-md-4.result-item div.braas-merken-downloads div.download-box{
		width: 105%;
    }
    div.braas-merken-downloads div.download-box{
 		margin-left: -4px;
    }
}
/* Optimzation for iPad
   CSen changed on 2015-11-03*/
@media (min-width: 1024px){
 	div.braas-merken-list-downloadarea .marking-row .dark-gray-back{
        margin-top: -10px;
    }
    .loschen{
        margin-left: -20px;
    }
    .top-row div.col-md-3.green-gradient,
    .bottom-row div.col-md-3.green-gradient{
        padding-right: 22px !important;
    }
}
@media (min-width: 1280px){
    div.braas-merken-list-downloadarea .marking-row .cell-container{
        /*CSen changed 2015-11-25*/
        margin-right: -14px !important;/*-35px*/
    }
    div.dark-gray-back{
        margin-top: -10px !important;
    }
}