

/************** grüne Box ************/
.nescefe_container7 .flatPill,
.nescefe_container27 .flatPill {
    background: #80c31c; /* Old browsers */
}
.nescefe_container25 .citation,
.csc-frame-theme2 .themePill h2 a,
.nescefe_container7 .cycleBox,
.nescefe_container27 .flexMediaBox {
    border-color: #dff0c6;
    background: #dff0c6;
    background: -moz-linear-gradient(top,  #dff0c6 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dff0c6), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #dff0c6 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #dff0c6 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #dff0c6 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #dff0c6 0%,#ffffff 100%);
    -pie-background: linear-gradient(to bottom,  #dff0c6 0%,#ffffff 100%);
}

.csc-frame-theme2 .themePill h2 a,
.nescefe_container25 .navigation a,
.nescefe_container7 .navigation a,
.nescefe_container7 .flatPill a,
.nescefe_container27 .navigation a,
.nescefe_container27 .flatPill a {
    background: #80c31c;
    background: -moz-linear-gradient(top,  #80c31c 0%, #679d17 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80c31c), color-stop(100%,#679d17));
    background: -webkit-linear-gradient(top,  #80c31c 0%,#679d17 100%);
    background: -o-linear-gradient(top,  #80c31c 0%,#679d17 100%);
    background: -ms-linear-gradient(top,  #80c31c 0%,#679d17 100%);
    background: linear-gradient(to bottom,  #80c31c 0%,#679d17 100%);
    -pie-background: linear-gradient(to bottom,  #80c31c 0%,#679d17 100%);
}
.csc-frame-theme2 .themePill h2 a:hover,
.nescefe_container7 .navigation a:hover,
.nescefe_container27 .navigation a:hover{
    -pie-background: linear-gradient(to bottom,  #80c31c 0%,#80c31c 100%);
    background: #80c31c;
}

/************** graue box ************/
.nescefe_container6 .cycleBox {
    height: 150px;
}

.nescefe_container6 a.prev,
.nescefe_container6 a.next {
    top: 77px;
}
.csc-frame-theme1 .themePill h2 a,
.nescefe_container6 .flatPill,
.nescefe_container28 .flatPill {
    background: #7e8586; /* Old browsers */
}
.nescefe_container6 .extMaterialbox,
.nescefe_container28 .flexMediaBox {
    border-color: #eaeeee;
    background: #eaeeee;
    background: -moz-linear-gradient(top,  #eaeeee 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeeee), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #eaeeee 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #eaeeee 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #eaeeee 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #eaeeee 0%,#ffffff 100%);
    -pie-background: linear-gradient(to bottom,  #eaeeee 0%,#ffffff 100%);
}
.csc-frame-theme1 .themePill h2 a,
.nescefe_container6 .navigation a,
.nescefe_container6 .flatPill a,
.nescefe_container28 .navigation a,
.nescefe_container28 .flatPill a {
    background: #7e8586; /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(126,133,134) 0%, rgb(101,107,108) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(126,133,134)), color-stop(100%,rgb(101,107,108)));
    background: -webkit-linear-gradient(top,  rgb(126,133,134) 0%,rgb(101,107,108) 100%);
    background: -o-linear-gradient(top,  rgb(126,133,134) 0%,rgb(101,107,108) 100%);
    background: -ms-linear-gradient(top,  rgb(126,133,134) 0%,rgb(101,107,108) 100%);
    background: linear-gradient(to bottom,  rgb(126,133,134) 0%,rgb(101,107,108) 100%);
    -pie-background: linear-gradient(to bottom,  rgb(126,133,134) 0%,rgb(101,107,108) 100%);

}


.csc-frame-theme1 .themePill h2 a:hover,
.nescefe_container6 .navigation a:hover,
.nescefe_container28 .navigation a:hover{
    -pie-background: linear-gradient(to bottom,  #7e8586 0%,#7e8586 100%);
    background: #7e8586;
}


/************** blaue box ************/
.nescefe_container8 .prev,
.nescefe_container8 .next {
    top: 130px;
}

.csc-frame-theme3 .themePill h2 a,
.nescefe_container26 .flatPill,
.nescefe_container8 .flatPill,
.nescefe_container29 .flatPill {
    background: #00839e; /* Old browsers */
}

.blueBox,
.nescefe_container8 .cycleBox,
.nescefe_container26 .cycleBox,
.nescefe_container29 .flexMediaBox {
    border-color: #e0f0f6;
    background: #e0f0f6;
    background: -moz-linear-gradient(top,  #e0f0f6 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f0f6), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #e0f0f6 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #e0f0f6 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #e0f0f6 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #e0f0f6 0%,#ffffff 100%);
    -pie-background: linear-gradient(to bottom,  #e0f0f6 0%,#ffffff 100%);
}

.csc-frame-theme3 .themePill h2 a,
.nescefe_container8 .navigation a,
.nescefe_container8 .flatPill a,
.nescefe_container26 .navigation a,
.nescefe_container26 .flatPill a,
.nescefe_container29 .navigation a,
.nescefe_container29 .flatPill a {
    background: #00839e;
    background: -moz-linear-gradient(top,  #00839e 0%, #00697f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00839e), color-stop(100%,#00697f));
    background: -webkit-linear-gradient(top,  #00839e 0%,#00697f 100%);
    background: -o-linear-gradient(top,  #00839e 0%,#00697f 100%);
    background: -ms-linear-gradient(top,  #00839e 0%,#00697f 100%);
    background: linear-gradient(to bottom,  #00839e 0%,#00697f 100%);
    -pie-background: linear-gradient(to bottom,  #00839e 0%,#00697f 100%);
}

.csc-frame-theme3 .themePill h2 a:hover,
.nescefe_container26 .themePill h2 a:hover,
.nescefe_container29 .navigation a:hover{
    -pie-background: linear-gradient(to bottom,  #00839e 0%,#00839e 100%);
    background: #00839e;
}

/************ remove shadow on hover ******************/
.csc-frame-theme .themePill a:hover,
.cycleBox .flatPill a:hover {
    background: none;
    -webkit-box-shadow:  none;
    box-shadow:  none;
}


/***** dedicated media boxes ********/

.nescefe_container6 h2,
.nescefe_container7 h2,
.nescefe_container8 h2,
.nescefe_container27 h2,
.nescefe_container28 h2,
.nescefe_container29 h2,
.nescefe_container26 h2 {
    display: none;
}



/********************** pills ******************/
.flatPill {
    height: 28px;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.flatPill,
.flatPill h2,
.flatPill a,
.bluePill,
.bluePill h2,
.bluePill a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border: none;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    display: inline-block;
    height: 22px;
    margin-bottom: 6px;
    line-height: 21px;
}

.bluePill {
    background: #00839e;
}


.flatPill  span,
.bluePill  span {
    display: inline-block;
    height: 22px;
    vertical-align: top;
}

.flatPill a .left,
.bluePill a .left {
    width: 25px;
    background: url('../img3/bullet03.svg');
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: 9px 5px;
}

.flatPill  .middle,
.bluePill  .middle {
    padding: 0 12px 0 12px;
}

.flatPill a .middle,
.bluePill a .middle {
    padding: 0 12px 0 2px;
}

.bluePill a {
    background: #00839e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODM5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY5N2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #00839e 0%, #00697f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00839e), color-stop(100%,#00697f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00839e 0%,#00697f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00839e 0%,#00697f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00839e 0%,#00697f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00839e 0%,#00697f 100%); /* W3C */
    filter: none;
}

.flatPill a,
.bluePill a {
    -webkit-box-shadow:  2px 2px 4px #000000;
    box-shadow:  2px 2px 4px rgba(0,0,0,0.3);
}


.flatPill a:hover,
.bluePill a:hover {
    background: none;
    -webkit-box-shadow:  none;
    box-shadow:  none;
}


