/**** 1. NORMALIZE ****/
@media(max-width: 900px){
	html {
		font-size: 16px;
		font-family: Verdana, sans-serif;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	*,
	*:before,
	*:after {
		-moz-box-sizing: inherit;
		box-sizing: inherit;
	}
	body {
		margin: 0;
	}

	a:active,
	a:hover,
	input {
		outline: 0;
	}

	b,
	strong {
		font-weight: bold;
	}

	img {
		border: 0;
		display: block;
	}

	/**** 2. WRAPPER ****/
	.tchibo-cnt-wrapper {
		position: relative;
		background-color: #fff;
	}

	/**** 3. HEADER ****/
	header{
		display:none;
	}
	
	.tchibo-cnt-header {
		position: relative;
		padding: .3em 1em;
		background-color: #F8F6F2;
		border: 1px solid lightgrey;
		z-index: 1000;
	}
	.tchibo-cnt-header-logo {
		display: block;
		float: right;

		height: 0;
		padding-top: 10%;
		margin: .2em;

		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;

		background-image: url('/imoscms/files?f=header.png');
		background-repeat: no-repeat;
		background-size: contain;
	}


	/* Nav-Toggle */
	.tchibo-cnt-navtoggle {
		display: block;
		float: left;
		width: 15%;

		height: 0;
		padding-top: 10%;
		margin: .2em .2em .2em .2em;

		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;

		background-repeat: no-repeat;
		background-size: contain;
	}
	.tchibo-cnt-navtoggle-open {
		background-image: url('/cmsstatic/tchibo/img/icon_menu_open.png');
		background-image: url(/cmsstatic/tchibo/img/icon_menu_open.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/icon_menu_open.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-navtoggle-close {
		display: none;
		background-image: url('/cmsstatic/tchibo/img/icon_menu_close.png');
		background-image: url(/cmsstatic/tchibo/img/icon_menu_close.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/icon_menu_close.svg), linear-gradient(transparent, transparent);
	}
	#open-navigation:target .tchibo-cnt-navtoggle-close {
		display: block;
	}
	#open-navigation:target .tchibo-cnt-navtoggle-open {
		display: none;
	}
	#open-navigation:target .tchibo-cnt-dimmer {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 500;
		background: #000000;
		opacity: .5;
		-webkit-transition: all 0.3s ease-out;
				transition: all 0.3s ease-out;
	}

	/* Main Nav */
	.tchibo-cnt-main-nav-wrapper {
		position: absolute;
		left: -90%;
		top: 100%;
		width: 90%;
		background-color: #EEE;
		border-top: 1px solid #D9D9D9;
		-webkit-transition: all 0.3s ease-out;
				transition: all 0.3s ease-out;
	}
	.tchibo-cnt-main-nav-wrapper--isopen .tchibo-cnt-main-nav-wrapper,
	#open-navigation:target .tchibo-cnt-main-nav-wrapper {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}


	.tchibo-cnt-main-nav {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.tchibo-cnt-main-nav-item {
		position: relative;
		font-size: 0.9em;
	}
	.tchibo-cnt-main-nav-item a {
		display: block;
		text-decoration: none;
		color: #333;
		padding: 1em;
		border-bottom: 1px solid #D9D9D9;
	}
	.tchibo-cnt-icon-nav-item--shoppingcartcount {
		position: absolute;
		display: block;
		top: -5%;
		right: -.8em;
		min-width: 2.2em;
		height: 2.2em;
		font-size: 0.7em;
		text-align: center;
		color: #FFF;
		font-weight: normal;
		background-color: #333;
		border: 2px solid;
		border-radius: 50%;
		padding: 0.25em 0.3em 0;
		line-height: 1.7;
	}
	.tchibo-cnt-icon-nav-item--gold,
	.tchibo-cnt-icon-nav-item--gold a {
		color: #857650;
	}

	/**** 6. HELPERS ****/
	.clearfix:before,
	.clearfix:after {
		content: "";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		zoom: 1;
	}

	/**** 6. CONTENT ****/
	.tchibo-cnt-content {
		margin: 1em;
	}


	/* icons */
	.tchibo-cnt-main-nav-icon a {
		padding: 1em 1em 1em 4em;
	}

	.tchibo-cnt-main-nav-icon:before {
		content: '';
		display: inline-block;
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		margin-left: 1em;
		max-height: 2.5em;
		max-width: 3em;
		width: 2.4em;
		height: 2.4em;
		font-size: inherit;
	}
	.tchibo-cnt-main-nav-icon--tw:before {
		background-image: url('/cmsstatic/tchibo/img/tw.png');
		background-image: url(/cmsstatic/tchibo/img/tw.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/tw.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--coffee:before {
		background-image: url('/cmsstatic/tchibo/img/coffee.png');
		background-image: url(/cmsstatic/tchibo/img/coffee.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/coffee.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--sale:before {
		background-image: url('/cmsstatic/tchibo/img/sale.png');
		background-image: url(/cmsstatic/tchibo/img/sale.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/sale.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--qbo:before {
		background-image: url('/cmsstatic/tchibo/img/qbo.png');
		background-image: url(/cmsstatic/tchibo/img/qbo.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/qbo.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--female:before {
		background-image: url('/cmsstatic/tchibo/img/female.png');
		background-image: url(/cmsstatic/tchibo/img/female.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/female.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--male:before {
		background-image: url('/cmsstatic/tchibo/img/male.png');
		background-image: url(/cmsstatic/tchibo/img/male.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/male.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--child:before {
		background-image: url('/cmsstatic/tchibo/img/child.png');
		background-image: url(/cmsstatic/tchibo/img/child.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/child.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--living:before {
		background-image: url('/cmsstatic/tchibo/img/living.png');
		background-image: url(/cmsstatic/tchibo/img/living.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/living.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--sport:before {
		background-image: url('/cmsstatic/tchibo/img/sport.png');
		background-image: url(/cmsstatic/tchibo/img/sport.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/sport.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--leisure:before {
		background-image: url('/cmsstatic/tchibo/img/leisure.png');
		background-image: url(/cmsstatic/tchibo/img/leisure.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/leisure.svg), linear-gradient(transparent, transparent);
	}.tchibo-cnt-main-nav-icon--travel:before {
		 background-image: url('/cmsstatic/tchibo/img/travel.png');
		 background-image: url(/cmsstatic/tchibo/img/travel.svg), -webkit-linear-gradient(transparent, transparent);
		 background-image: url(/cmsstatic/tchibo/img/travel.svg), linear-gradient(transparent, transparent);
	 }
	.tchibo-cnt-main-nav-icon--sustainability:before {
		background-image: url('/cmsstatic/tchibo/img/sustainability.png');
		background-image: url(/cmsstatic/tchibo/img/sustainability.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/sustainability.svg), linear-gradient(transparent, transparent);
	}
	.tchibo-cnt-main-nav-icon--mobile:before {
		background-image: url('/cmsstatic/tchibo/img/mobile.png');
		background-image: url(/cmsstatic/tchibo/img/mobile.svg), -webkit-linear-gradient(transparent, transparent);
		background-image: url(/cmsstatic/tchibo/img/mobile.svg), linear-gradient(transparent, transparent);
	}
}