.nescefe_container26 .klicksafeMaterialbox,
.citation {
    height: 231px;
    overflow:hidden;
    width: 271px !important;
}

.citation .citationWrap {
    height:195px;
}

.citation .citationWrap img {
    margin: 20px 0 0 0;
    float: left;
}
.citation .citationWrap .bodyWrap {
    margin-left: 70px;
    padding: 16px 18px 0 15px;
    color: #80c31c;
    font-size: 15px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 180px;
}
.citation .bodyWrap .header{
    margin-top: 15px;
    color: #000;
    font-size: 13px;
    font-weight: bold;
}


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

.cycleBox {
    margin-bottom: 20px;
    padding-top: 1px;
}

.cycleBox .nescefeContentWrap {
    background-color: transparent !important;
}


.cycleBox .image {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    width: 122px;
    height: 122px;
    float: left;
    margin-top: 3px;
}
.nescefe_container6 .image {
    height: 105px;
}
.cycleBox .cellWrap {
    height: 112px;
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.cycleBox .cellWrap img{
    width: 100%;
    height: auto;
}
.nescefe_container26 .image,
.nescefe_container8 .image {
    height: 132px;
}

.nescefe_container6 .cellWrap {
    height: 85px;
}
.nescefe_container26 .cellWrap,
.nescefe_container8 .cellWrap {
    height: 122px;
}

.cycleBox .csc-textpic-text {
    margin: 0 0 0 130px;
}
.cycleBox .csc-textpic-text-innerWrap {
    height: 100px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
}
.nescefe_container6 .csc-default .csc-textpic-text-innerWrap {
    height: 75px;
}
.nescefe_container7 .csc-default .csc-textpic-text-innerWrap {
    height: 100px;
}

.nescefe_container26 .csc-default .csc-textpic-text-innerWrap,
.nescefe_container27 .csc-default .csc-textpic-text-innerWrap,
.nescefe_container28 .csc-default .csc-textpic-text-innerWrap,
.nescefe_container29 .csc-default .csc-textpic-text-innerWrap,
.nescefe_container8 .csc-default .csc-textpic-text-innerWrap {
    height: 117px;
}


.cycleBox .navigation {
    position: relative;
    z-index: 1000;
}


.cycleBox .prev {
    left: 131px;
}
.cycleBox .next {
    left: 160px;
}

.cycleBox .flatPill {
    margin: 0 0 12px 0;
    height: 22px;
}
.cycleBox .flatPill span {
    height: 22px;
}

.citation .prev,
.citation .next {
    top: 178px !important;
}

.citation .prev {
    left: 57px !important;
}
.citation .next {
    left: 86px !important;
}



/***** flexible media boxes ********/
.blueBox,
.cycleBox {
    border: 2px solid;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 20px 14px 0 14px;
}

.blueBox {
    margin-bottom: 20px;
}

.cycleBox {
    height: 215px;
    width: 314px;
}

.navigation a {
    height: 16px;
    width: 25px;
    display: inline-block;
    z-index: 1000;
    position: absolute;
    cursor: pointer;
    top: 115px;
    border-radius: 3px;
    height: 16px;
    width: 25px;
    -webkit-box-shadow: 2px 2px 4px black;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}


.csc-frame-50 .navigation a {
    top: 184px;
    width: 30px;
    height: 30px;

}

.imageCycleBox .navigation a.next {
    right: 5px;
}
.imageCycleBox .navigation a.prev {
    left: 5px;
}

.imageCycleBox .navigation span,
.cycleBox .navigation span {
    display: block;
    height: 16px;
    width: 24px;
}

.csc-frame-50 .navigation span {
    line-height: 29px;
    width: 29px;
}


.navigation a {
    text-decoration: none;
}

.navigation a span {
    font-family: 'Amoebia-Bold';
    color: #fff;
    text-align: center;
    width: 25px;
    display: inline-block;
    line-height: 15px;
    font-size: 14px;
}

.navigation a.prev span:before {
    content: '<<';
}
.navigation a.next span:before {
    content: '>>';
}


.navigation a:hover{
    -webkit-box-shadow:  none;
    box-shadow:  none;
}


.imageCycleBox .pager {
    position:absolute;
    text-align: center;
    width: 100%;
    margin-top: 150px;
    top: 0;
    z-index: 10;
}
.imageCycleBox .pager a {
    text-decoration: none;
    position: static;
}
.imageCycleBox .pager a:before {
    content: '●';
/*    content: "○";*/
    color: #C6D1D3;
    font-size:30px;
    line-height: 40px;
    padding: 0 2px;
}

.imageCycleBox .pager a.activeSlide,
.imageCycleBox .pager a.activeSlide:before {
    color: #80c010;
}

/************** imageslider mit button ************/

.csc-frame-image-slider {
    height: 170px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #C6D1D3;
    position: relative;
    margin-bottom: 20px;
}

.csc-frame-50 {
    height: 250px;
    max-width: 340px;
}

.csc-frame-image-slider .headerWrap {
    width: 340px;
    height: 49px;
    background: #e6eaea;
    position: relative;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e6eaea 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6eaea), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #e6eaea 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #e6eaea 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #e6eaea 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #e6eaea 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eaea', endColorstr='#ffffff',GradientType=0 );
    margin-top: -16px;
    padding-top: 16px;
}

.csc-frame-50 .headerWrap {
    margin-top: 0;
    padding-top: 40px;
}
.csc-frame-image-slider .header {
    display:table-cell;
    vertical-align: middle;
    text-align: top;
    width: 340px;
}
.csc-frame-image-slider .header h2 ,
.csc-frame-image-slider .header h2 a {
    padding: 0;
    position: relative;
    margin: 0;
    border:none;
    color: #000;
    line-height:120%;
    font-size: 18px;
    font-weight: bold;
}
.csc-frame-image-slider img {
    border-radius: 14px 14px 0 0;
    display: block;
}

.csc-frame-image-slider .csc-header {
    display: none;
}

.csc-frame-image-slider .flatPill {
}

.csc-frame-image-slider .pill {
    margin-top: -12px;
    z-index: 10;
    position: relative;
}


/************** 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 .flatPill a,
.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%);

}


.navigation a:hover,
.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%);
}

.tab-box.handysektor-skin .navigation a,
.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%);
}

.tab-box.handysektor-skin .navigation a:hover,
.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;
}


/************** grüne Box ************/
.csc-frame-50 .flatPill,
.nescefe_container7 .flatPill,
.nescefe_container27 .flatPill {
    background: #80c31c; /* Old browsers */
}
.nescefe_container25 .citation,
.csc-frame-50 .flatPill a,
.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-50 .flatPill a,
.csc-frame-50 .navigation a,
.csc-frame-theme2 .themePill h2 a,
.tab-box .navigation 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%);
}

.tab-box .navigation a:hover,
.csc-frame-50 .flatPill a:hover,
.csc-frame-50 .navigation a:hover,
.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;
}

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


/***** dedicated media boxes ********/
.nescefe_container8 h1,
.nescefe_container6 h2,
.nescefe_container7 h2,
.nescefe_container8 h2,
.nescefe_container27 h2,
.nescefe_container28 h2,
.nescefe_container29 h2,
.nescefe_container26 h2 {
    display: none;
}