@media only screen
and (max-width : 768px) {
    /*** layout ***/
    html,body {
        height: auto;
    }
    #page {
        width: 587px;
        padding: 0 10px;
    }
    #menuMetaFooterWrap,
    #stoererWrap {
        display: none;
    }
    #headerWrap #menuMetaWrap {
        right: 0;
    }
    #eulogo {
        margin-left: -19px;
    }
    #menuSubWrap {
        width: 200px;
    }
    #breadcrumb {
        display: none;
    }
    #functions1Wrap {
        padding: 0;
    }
    #footerWrap img {
		width: 20px;
    }
    #contentMainWrapShop #tools .search,
    #contentMainWrapNavigation #tools .search,
    #contentMainWrap2Cols #tools .search {
        margin: 0;
    }

    /*** navigation ***/
	#menuMain li.last {
		border-right: none;
	}

	#menuMain li.last a {
	}

    /*** layout startpage ***/
    .layout-110 #contentMain,
    .layout-99 #contentMain {
        width: 587px;
    }
    .layout-99 #tools {
        position: absolute;
        top: 160px;
    }
    .layout-99 #contentWrap {
        margin-top: 25px;
    }

    .layout-99 #contentRightWrap {
        width: 598px;
        margin: 0;
        padding: 0;
    }
    .layout-99 #contentRight .contentel {
        width: 288px;
        float: left;
        margin-right:11px;
    }

    .layout-99 .slideshow .slides {
        width: 288px;
        left: -10px;
    }
    .layout-99 .slideshow .mask {
        left: 294px;
    }
    .layout-99 .slideshow .innerContentWrap {
        left: 304px;
    }


    .layout-99 .partnerContent {
        border-bottom: 2px solid black;
    }
    #footerWrap .layout-1,
    #footerWrap .layout-110, #footerWrap .layout-99 {
		width: auto;
		float: none;
	}
	.layout-99 #footerWrap .border {
		border: none;
	}

    /*** comments and social footer ***/
    #contentMainWrap2Cols #contentMain,
    #contentMainWrap2Cols #contentRight {
        float: none;
    }
    #comments {
        width: auto;
    }
    #socials {
        float: none;
        text-align: left;
        width: auto;
    }


    /*** content ***/

    .nescefe_container23 div.ul, .nescefe_container17 ul {
        width: 587px;
    }

	#contentMainWrapNavigation .swfObjectWrap object,
    #contentMainWrapNavigation iframe,
    #contentMainWrapNavigation,
    #contentMainWrap2Cols {
        width: 363px;
    }

    .layout-1 #contentMainWrapFullsize,
    .layout-1 #contentMain {
        width: 100%;
    }

    .cols_4 .col0, .cols_4 .col1, .cols_4 .col2, .cols_4 .col3 {
        width: 24%;
        padding-right: 1%
    }
    .cols_4 .col3{
        width: 25%;
        padding: 0;
    }

    .cols_2 .leftCol {
        margin-right: 11px;
    }
    .layout-1 .cols_2 .leftCol, .layout-1 .cols_2 .rightCol,
    .cols_2 .leftCol, .cols_2 .rightCol {
        width: 288px;
    }

    textarea, input.text, input.powermail_captcha {
        width: 197px;
    }

    img {
        width: 100%;
    }
    .csc-textpic-above .csc-textpic-single-image {
        width: 100%;
    }
	.csc-textpic-border .csc-textpic-imagewrap img{
		width: 83%;
	}
	.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		width: 27%;
	}
	.csc-textpic-intext-left-nowrap .csc-textpic-text {
		margin-left: 28%;
	}

    .csc-textpic-above .csc-textpic-imagewrap,
    .newLatestWrap .csc-textpic-imagewrap {
        width: auto;
    }
    div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image {
        margin-right: 6px;
    }
    div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
        margin-left: 6px;
    }
    .layout-99 .nescefe_container11 .bodyWrap0 .nescefeContentWrap {
        width: 175px;
    }
	div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
	div.csc-textpic-border div.csc-textpic-single-image img {
		border-width: 6px;
	}
	.contentel .csc-frame-220 ul li a .text,
	.moreLink a .text,
	a.moreLink .text {
		max-width: 344px;
	}


    /********* news und Shop **/

    #contentMainWrapShop,
    #contentMainWrapShop #contentMain {
        width: 363px;
        border: none;
        position: relative;
    }
    #contentMainWrapShop #contentMain {
        padding: 10px 10px 0 0;
    }
    #contentMainWrapShop #contentRight {
        position: absolute;
        top: -9px;
        right: 0;
    }
    #contentMainWrapShop #rightInnerWrap {
        display: none;
    }

    #contentMainWrapShop #rightHandle {
        float:right;
        display:block;
    }

    /****** network europe *******/
    .eubox,
    .eumap {
        width: 316px;
        margin-right: 0;
    }

    .center-map-image {
        width: 139px;
    }
    #europeMap {
        margin-left: -214px;
        width: auto;
        -moz-transform: scale(0.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: scale(0.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(0.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(0.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(0.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    .center-map-text {
        width: 161px;
        margin-left: 137px;
        padding: 5px 5px 0 5px;
    }

}



@media only screen and (max-width : 480px) {
/********** layout ************/
	.hide-on-phone {
		display: none;
	}
	.visible-on-phone {
		display: initial;
	}
    html,body {
        min-height: 100%;
    }
    .showOnSmall {
		display: block;
	}
    #pageWrap {
        height: 100%;
    }
    #logo {
        height: 57px;
        overflow: hidden;
    }
    #headerWrap {
        height: 70px;
    }
    #tools {
        padding: 0 0 0 20px;
    }
    .layout-99 #contentWrap img,
    .layout-99 #contentWrap,
    #tools .print,
    #contentMainWrapShop .contact,
    #menuMetaFooterWrap,
    #menuMetaWrap,
    #socialWrap,
    #languageWrap,
    #menuMainWrap {
        display: none;
    }
    #functions1Wrap {
        border-top: 3px solid #85b33c;
        brackground:none;
        height: 1px;
    }
    .cols_4 .col0, .cols_4 .col1, .cols_4 .col2, .cols_4 .col3 {
        width: 49%;
        padding-right: 1%;
        margin-bottom: 10px;
    }

    .cols_4 .col2 {
        clear: both;
    }

	#contentMainWrapNavigation .swfObjectWrap object,
    #contentMainWrapNavigation iframe,
    #contentMainWrapNavigation,
    #contentMainWrap2Cols,
    #contentMainWrapShop,
    #contentMainWrapShop #contentMain,
    #contentMainWrap2Cols #contentMain,
    #contentMain,
    .layout-0 .cols_2 .leftCol, .layout-0 .cols_2 .rightCol,
    #page {
        padding: 0;
        width:320px;
    }
    .layout-99 #contentMobile {
        display: block;
    }


/********** eu-logo ***********/
    #eulogo {
        position: absolute;
        right: -14px;
        background: url('../img3/no-repeat.png') right -241px;
        padding-right: 9px;
    }
    #eulogo a {
        background: url('../img3/no-repeat.png') -9px -241px no-repeat;
    }
/********** navigation ***********/
	#imprintLink {
		float:left;
	}
    #menuSubWrap {
        background: #007A93;
        position: fixed;
        top: 18px;
        left: -220px;
        padding: 0 26px 0 0;
        z-index: 10000000;
    }
    .layout-1 #menuSubWrap,
    .layout-4 #menuSubWrap {
        display: block;
    }
    #menuSubWrap .level0Entry {
        background: #007A93;
        display: block;
        border-bottom: 1px solid #5ab2c4;
    }
    #menuSubWrap .last .level0Entry {
        border-bottom: none;
    }
    #menuSubWrap .handle {
        width: 52px;
        height: 52px;
        float: left;
        position: absolute;
        top: 40px;
        right: -26px;
        display: block;
        -webkit-border-radius: 26px;
        border-radius: 26px;
        background: #007A93;
    }

    #menuSubWrap .arrow:before {
        line-height: 25px;
    }
    #menuSubWrap .handle .arrow{
        width: 20px;
        height: 20px;
        margin: 12px 0 0 21px;
    }

    #menuSubWrap ul.level1 {
        padding: 0;
    }
    #menuSubWrap .subFoot {
        display: none;
    }
    .levelTitle {
        display: none;
    }
    #menuSubWrap a span {
        line-height: 27px;
    }
    #menuSubWrap .canCollapse ul {
        display: none;
    }

/********** content **************/
	.contentel .csc-frame-220 ul li a .text,
	.moreLink a .text,
	a.moreLink .text {
		max-width: 300px;
	}
    .nescefe_container23 div.ul, .nescefe_container17 ul {
        width: 320px;
    }
    .csc-textpic-above .csc-textpic-single-image {
        width: auto;
    }
    .csc-textpic-intext-left .csc-textpic-single-image {
        width: 40%;
    }
    .contentel img {
        width: 100%;
    }
    #contentMainWrap2Cols {
        width: 320px;
        padding: 0
    }
    #contentMainWrap2Cols #contentRight {
        float: none;
    }
    #contentWrap {
        padding: 0;
    }
    .csc-frame-theme {
        width: 316px;
    }
    .csc-frame-170 .csc-textpic-imagewrap {
        width: 60px;
    }

/*    .csc-textpic-imagewrap*/
    .roundFrameImage {
        width: 20%;
    }
    .roundFrameImage {
    }
    .csc-frame-170 .csc-textpic-text {
        margin-left: 20%;
    }
    .cycleBox {
        width: 288px;
    }
    .cycleBox .image {
        width: 80px;
    }
    .cycleBox .csc-textpic-text {
        margin: 0 0 0 90px;
    }
    .tab-box .nescefeContentWrap {
		padding: 10px 5px 20px 5px;
	}
	.nescefe_container10 .prev {
		left: 121px;
	}
	.nescefe_container10 .next {
		left: 149px;
	}
}

@media only screen and (min-width: 10px) and (max-width : 320px)
 {
    html, body {
        width: 320px;
    }
	#contentMainWrapNavigation .swfObjectWrap object,
    #contentMainWrapNavigation iframe,
    #contentMainWrapNavigation,
    #contentMainWrap2Cols,
    #contentMainWrapShop,
    #contentMainWrapShop #contentMain,
    #contentMainWrap2Cols #contentMain,
    #contentMain,
    .layout-0 .cols_2 .leftCol, .layout-0 .cols_2 .rightCol,
    #page {
        padding: 0;
        width:300px;
    }
    #contentWrap {
        padding: 0;
    }
    #contentMain {
		width: 300px;
	}
	.cycleBox {
		width: 268px;
	}
	.nescefe_container10 .csc-header {
		width: 290px;
	}
	.tab-box .nescefeContentWrap {
		padding: 10px 5px 20px 5px;
	}
	.nescefe_container10 .prev, .nescefe_container10 .next {
	}
	.nescefe_container10 .prev {
		left: 121px;
	}
	.nescefe_container10 .next {
		left: 149px;
	}
	.nescefe_container10 .klicksafeTippHeaderWrap {
		width: 290px;
	}
	.csc-frame-theme {
		width: 296px;
	}
	.contentel .csc-frame-220 ul li a .text,
	.moreLink a .text,
	a.moreLink .text {
		max-width: 280px;
	}

}