/* ==========================================================================
   #####################	TABLET STYLING		#############################
   ========================================================================== */





	/* BASE STYLING START */

	h2 {
		font-size: 26px;
		line-height: 31px;
		}
	h3 {
		font-family: "Delivery Bold", sans-serif;
		line-height: 21px;
		font-size: 15px;
		}
	h2.borderBottom,
	h3.borderBottom,
	h4.borderBottom {
		padding-bottom: 11px;
		}
	p {
		margin-bottom: 9px;
		}
		
	/* BASE STYLING END */





	/* PUBLIC CLASSES START */

	/* custom grid */
    .container {
    	max-width: 810px;
    	}
		.container .column {
			margin-bottom: 20px;
			}

		/* 2x2 nesting & tumbling #1 */
		.tumbling1 .column,
		.container.nesting > .one-half {
			width: 97.03703703703704%;
			max-width: 97.03703703703704%;
			}
		.nesting .container .one-half {
			width: 48.47328244274809%;
			max-width: 48.47328244274809%;
			margin: 0;
			}
		.nesting .container .one-half:first-child {
			margin-right: 3.053435114503817%;
			}

		/* tumbling #2 */
		.tumbling2 .one-third {
			max-width: 46.95121951219512%;
			width: 46.95121951219512%;
			}
		.tumbling2 .one-third:last-child {
			clear: left;
			}
		
		/* stable */
		.stable .one-third {
			max-width: 36.79012345679012%;
			width: 36.79012345679012%;
			}
		.stable .two-thirds {
			max-width: 57.11231556760012%;
			}
	@media only screen and (max-width: 829px) {
		.stable .one-third {
			max-width: 71.56983930778739%;
			width: 71.56983930778739%;
			}
		.stable .two-thirds {
			max-width: 96.95121951219512%;
			width: 96.95121951219512%;
			}
		.container.stable.withlines {
			display: block;
			}
			.container.stable.withlines .column:before {
				left: 0;
				right: 0;
				top: -10px;
				height: 1px;
				width: auto;
				}
		}
		
		/* container with lines */
		.container.withlines.swipeable,
		.container.withlines.nesting,
		.container.withlines.tumbling1,
		.container.withlines.tumbling2 {
			display: block;
			}
			.nesting.withlines .container .column.one-half:before,
			.container.tumbling2.withlines .column:before {
				left: -3.25%;
				}
			.container.nesting.withlines > .one-half:before,
			.container.tumbling1.withlines .column:before,
			.container.tumbling2.withlines .column:last-child:before {
				left: 0;
				right: 0;
				top: -10px;
				height: 1px;
				width: auto;
				}
			.container.tumbling2.withlines .column:last-child:before {
				right: -106.5%;
				}
			.container.tumbling2.withlines .column:last-child:after {
				display: block;
				background: #ccc;
				content: "";
				position: absolute;
				width: 1px;
				top: 0;
				bottom: 0;
				right: -3.25%;
				}
			.stripe.yellow .container.tumbling2.withlines .column:last-child:after {
				background: #CCAE39;
				}
			
	/* Common Swiper (eg. Teaser) */
	.swiper-container.swipeable {
		padding-bottom: 26px;
		clear: both;
		}
		.swiper-container.swipeable .whole {
			width: 954px;
			max-width: 954px;
			}
		.swiper-container.swipeable .one-half {
			width: 462px;
			max-width: 462px;
			}
		.swiper-container.swipeable .one-third {
			width: 298px;
			max-width: 298px;
			}
		.swiper-container.swipeable .one-fourth {
			width: 216px;
			max-width: 216px;
			}
		.swiper-container.swipeable .two-thirds {
			width: 626px;
			max-width: 626px;
			}
		.swiper-container.swipeable .three-fourth {
			width: 708px;
			max-width: 708px;
			}
		.swiper-container.swipeable .column {
			margin-left: 12px;
			margin-right: 12px;
			}
		.swiper-container.swipeable .pagination {
			bottom: 22px;
			left: 0;
			right: 0;
			text-align: center;
			}
		.swiper-container.swipeable.withlines .column:first-child:before {
			content: "";
			width: 1px;
			background: #ccc;
			left: -12px;
			}
		.stripe.yellow .swiper-container.swipeable.withlines .column:before {
			background: #CCAE39;
			}
		.swiper-container.swipeable.withlines .swiper-slide:first-child .column:before {
			content: none;
			width: 0;
			background: transparent;
			}

	/* Stripes */
	.stripe {
		padding: 27px 10px 16px;
		}
		.stripe .background.scale div {
			background-size: auto 170px;
			}
		.stripe div.jumpmark {
		    max-width: 810px;
			}
			.stripe div.jumpmark a {
				bottom: -46px;
				}
			
	/* Content */
	#content {
		margin-top: 0 !important;
		}
			
	/* Textblock */
	.textblock p {
		margin: 0 0 10px 0;
		}
	
	/* Linklist */
	.nesting > .one-half:last-child div.linklist,
	.tumbling2 .one-third:last-child div.linklist {
		margin-top: -20px;
		}
	.stripe.grey div.linklist,
	.stripe.yellow div.linklist,
	.stripe.black div.linklist {
		background-color: #fff;
		}
		div.linklist .heading {
			font-family: "Delivery Regular", sans-serif;
			padding: 5px 35px 3px 10px;
			position: relative;
			cursor: pointer;
			font-size: 15px;
			line-height: 21px;
			border-bottom: 0;
			-webkit-tap-highlight-color: rgba(0,0,0,.25);
			background: #CFCFCF;
			
			background:	   -moz-linear-gradient(top, #E7E7E7 0%, #CFCFCF 100%);
			background: -webkit-linear-gradient(top, #E7E7E7 0%, #CFCFCF 100%);
			background:      -o-linear-gradient(top, #E7E7E7 0%, #CFCFCF 100%);
			background:   linear-gradient(to bottom, #E7E7E7 0%, #CFCFCF 100%);
			-pie-background: 	linear-gradient(top, #E7E7E7 0%, #CFCFCF 100%);
			
			behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
			
			}
		.stripe.yellow div.linklist .heading,
		.stripe.white div.linklist .heading,
		.stripe.black div.linklist .heading,
		.stripe.grey div.linklist .heading {
			color: #333;
			border-bottom: 0;
			}
			div.linklist .heading:after {
				content: "";
				background: url(../img/sprite.png) no-repeat -322px -20px;
				width: 24px;
				height: 23px;
				display: block;
				position: absolute;
				right: 9px;
				top: 3px;
				}
			div.linklist .heading.close:after {
				background-position: -372px -20px;
				}
		div.linklist ul {
			margin-left: 10px;
			display: none;
			padding-bottom: 8px;
			margin-bottom: 11px;
			}
		.stripe.black div.linklist .textblock a,
		.stripe.black div.linklist .textlink {
			color: #333;
			}
			.stripe.black div.linklist .textblock a:before,
			.stripe.black div.linklist .textlink:before {
				background-position: -20px -20px;
				}
		.stripe.black div.linklist .downloadlink {
			color: #333;
			}
			.stripe.black div.linklist .downloadlink:before {
				background-position: -520px -20px;
				}
				
	/* Overlay Image */	
	.image_overlay {
		display: none;
		}
		
	/* Tooltip */
	h2 .infotext {
		top: -3px;
		}

	/* Line Seperator */
	.line_seperator div.jumpmark a {
		bottom: -30px;
		}
	
	/* PUBLIC CLASSES END */





	/* HEADER START */
	.header.stripe {
		height: 73px;
		}
		.header .container {
			margin-top: 0;
			}
			.header .whole {
				margin-bottom: 0;
				}
				.header .logo {
					width: 72px;
					height: 74px;
					background-position: -170px -68px;
					top: 0;
					left: -17px;
					}
				.header .right {
					margin-left: 95px;
					}
					.header nav {
						height: 73px;
						}
						.header nav:after {
							background-position: -420px -70px;
							height: 70px;
							}
							.header .item1 {
								display: none;
								}
							.header .withoutSearchBox .item1 {
								display: block;
								}
						@media only screen and (max-width: 680px) {
							.header .item2 {
								display: none;
								}
							.header .withoutSearchBox .item2 {
								display: block;
								}
							.header .withoutSearchBox .item1 {
								display: none;
								}
							}
								.header nav a {
									height: 21px;
									font-size: 15px;
									padding: 26px 27px;
									}
									.header nav a:before {
										background-position: -420px -70px;
										height: 70px;
										}
								.header nav a.active {
									padding-bottom: 33px;
									padding-left: 25px;
									width: 42px;
									}	
								.header nav a.menue {
									padding-right: 53px;
									}
									.header nav a.menue:after {
										top: 29px;
										right: 24px;
										}
									/* Webkit Hack */
									@media screen and (-webkit-min-device-pixel-ratio:0) {
										.header nav a.menue:after {
											top: 28px;
											}
										}
									.header nav a.menue.active:after {
										right: 25px;
										}
						.header .search:after {
							display: none;
							}
							.header .search .searchbutton {
								margin-right: -9px;
								margin-top: 21px;
								}
							.header .search .searchfield {
								width: 152px;
								margin: 20px 0 0 19px;
								}
			
					.header .suggest {
						width: 130px;
						top: 49px;
						left: 19px;
						}
			
	/* Flyout */
	
	.flyout {
		margin-bottom: 20px;
		}
		.flyout .stripe {
			padding-bottom: 0;
			}

					
	/* HEADER END */
	
	



	/* IMG LIST START */

	.imglist .swiper-wrapper a img {
		margin-right: -10px;
		}
	.imglist .swiper-container .pagination {
		bottom: 8px;
		}

	/* IMG LIST END */
	
	
		
		
		
	/* LOCAL NAVIGATION START */
	
	#locnav h1 {
		margin-right: 27px;
		}
	#locnav .swiper-wrapper {
		margin-left: -14px;
		margin-top: 8px;
		height: 35px;
		}
		#locnav .swiper-slide a {
			padding: 9px 14px;
			}
		#locnav .swiper-slide a.active {
			padding-bottom: 12px;
			}
	#locnav h1.home {
		padding-bottom: 9px;
		margin-top: 14px;
		margin-bottom: 0;
		}
	#locnav h1.brand {
		padding-bottom: 0;
		margin-bottom: 5px;
		}
	#locnav .withSubnav h1.brand {
		padding-bottom: 0;
		margin-bottom: -10px;
		}
	#locnav h1.default {
		margin-bottom: 9px;
		}
	#locnav .withSubnav h1.default {
		margin-bottom: -6px;
		}
			
	/* LOCAL NAVIGATION END */
	
	
	
	
		
	/* STAGE START */
	
	#stage .swiper-container, 
	#stage .swiper-slide {
		height: 248px;
		background-position: center 0;
		}
		#stage .wrapper {
			max-width: 827px;
			height: 248px;
		    padding: 0;
			}
			#stage .half-transparent-box {
				height: 160px;
				padding: 20px;
				}
				#stage .half-transparent-box h2 {
					font-size: 18px;
					line-height: 130%;
					margin-bottom: 11px;
					}
				#stage .half-transparent-box p {
					margin-bottom: 15px;
					font-size: 12px;
					}
					
				/* Stage Teaser Lists */
				#stage .half-transparent-box li {
					margin-bottom: 0;
					line-height: 130%;
					}
				#stage .half-transparent-box .action-btn {
					position: relative;		
					padding: 5px 13px;
					bottom: auto;
					font-size: 15px;
					line-height: 19px;
					}
					
	/* Controls */
	#stage:hover .controls {
		display: none;
		}
		#stage .controls .prev,
		#stage .controls .next {
			top: 159px;
			}
					
	/* STAGE END */
	
	
	
	

	/* TEASER START */
		
	.nesting .container .teaser {
		margin-bottom: 15px;
		}
		.teaser.imgright,
		.teaser.imgleft {
			position: relative;
			}
			.teaser h3 {
				margin-top: -2px;
				margin-bottom: 4px;
				}
			.column .teaser.imgright .first,
			.column .teaser.imgleft .last {
				max-width: 100%;
				width: auto;
				}
			.teaser.imgright .first,
			.teaser.imgleft .last {
				padding-right: 130px;
				}
			.teaser.imgleft .last {
				margin-left: 0;
				padding-left: 130px;
				padding-right: 0;
				}
			.teaser.imgright .last,	
			.teaser.imgleft .first {
				position: absolute;
				}
			.teaser.imgright .last {
				right: 0;
				}
			.teaser.imgleft .first {
				left: 0;
				}
			
	/* 2x2 Nesting */
	.nesting .column .teaser.imgtop .first,
	.nesting .column .teaser.imgtop .last {
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		}
		
	/* Tumbling #1 */
	.tumbling1 .teaser.imgtop {
		margin-bottom: 20px;
		padding-top: 0;
		}
		.tumbling1 .teaser.imgtop h3,
		.tumbling1 .teaser.imgtop h4 {
			margin-top: 0;
			}
		.tumbling1 .teaser.imgtop .first {
			max-width: 37.91348600508906%; /* 298/786 */
			margin-bottom: 0;
			}
		.tumbling1 .teaser.imgtop .last {
			margin-left: 3.053435114503817%; /* 24/786 */
			max-width: 59.03307888040712%; /* 464/786 */
			}

	/* Promo Teaser */
	.container.row .column.one-half .teaser-promo {
		margin-bottom: 15px;
		}
		.teaser-promo h3 {
			font-size: 18px;
			line-height: 130%;
			font-family: "Delivery Regular", sans-serif;
			}
			
		.container:not(.swiper-container) .one-half .teaser-promo figure:first-child {
			height: 121px;
			}
		.container:not(.swiper-container) .one-half .teaser-promo .half-transparent-box {
			width: auto;
			height: auto;
			padding: 17px 0 0 0;
			position: static;
			background: none;
			}
			.container:not(.swiper-container) .one-half .teaser-promo .half-transparent-box h3 {
				font-size: 15px;
				font-family: "Delivery Bold", sans-serif;
				}
			.stripe.black .container:not(.swiper-container) .one-half .teaser-promo .half-transparent-box h3,
			.stripe.black .container:not(.swiper-container) .one-half .teaser-promo .half-transparent-box p {
				color: #fff;
				}
			.container:not(.swiper-container) .one-half .teaser-promo .half-transparent-box .action-btn {
				margin-top: 8px;
				position: static;
				}
	
	/* TEASER END */
	
	
	
	
	
	/* FLAPS START */
	
	.flaps {
		margin-bottom: 20px;
		}
		.flaps dt {
			padding: 5px 40px 5px 10px;
			font-size: 15px;
			}
		
	/* FLAPS END */
	
	
	
	
		
	/* TABS START */

	.tabset:before {
	    top: 43px;
		}
@media only screen and (max-width: 829px) {
	.tabset:after {
		top: 0;
	    content: "";
	    height: 44px;
	    right: -3.5%;
	    position: absolute;
	    width: 40px;
	    z-index: 20;
	    display: block;
	    background: rgba(255,255,255,1);
	    
		background:	   -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 68%);
	    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 68%);
		background:      -o-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 68%);
		background: 	linear-gradient(to right,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 68%);
		-pie-background:    linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 68%);
		
		behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
		
		}
	}
		.tabset .tab-content { 
			padding-top: 28px;
			}
		.tabset .tabs {
			height: 44px !important;
			}
			.tabset .tabs li {
				font-size: 15px;
				}
		
	/* TABS END */
	
	
	
	
		
	/* FORMS START */
	
	/* customized radios & checkboxes including labels and errors */
	.dp-form input[type=radio] + label.rlabel,
	.dp-form input[type=checkbox] + label.cblabel {
		margin-top: 12px;
		}
	
	/* blocks */
	.dp-form .block {
		margin-bottom: 0px;
		}
		.one-half .subpagedropdown .dp-form .block label,
		.dp-form .one-half .block label {
			margin-top: 0;
			margin-bottom: 5px;
			width: 100%;
			}
			.whole .subpagedropdown .dp-form .block label.select_wrapper:before,
			.dp-form .whole .block label.select_wrapper:before,
			.two-thirds .subpagedropdown .dp-form .block label.select_wrapper:before,
			.dp-form .two-thirds .block label.select_wrapper:before {
		    	right: 44px;
				}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.whole .subpagedropdown .dp-form .block label.select_wrapper:before,
			.dp-form .whole .block label.select_wrapper:before,
			.two-thirds .subpagedropdown .dp-form .block label.select_wrapper:before,
			.dp-form .two-thirds .block label.select_wrapper:before {
		    	right: 45px;
				}
			}
		.one-half .subpagedropdown .dp-form .block label.select_wrapper,
		.dp-form .one-half .block label.select_wrapper {
			display: inline-block;
			position: relative;
			}
			.one-half .subpagedropdown .dp-form .block label.select_wrapper:before,
			.dp-form .one-half .block label.select_wrapper:before {
				right: 1px;
				}
		.dp-form .one-half .block select,
		.dp-form .one-half .block textarea,
		.dp-form .one-half .block input {
			width: 100%;
			}
		.one-half .subpagedropdown .dp-form .block .infotext,
		.dp-form .one-half .block .infotext {
			top: 25px;
			}
	.dp-form .line_seperator {
		margin: 4px 0 20px;
		}
		
	/* FORMS END */





	/* STEP NAVIGATION START */
	
	.step-nav {
		margin: 24px 0 5px 0;
		}
		.step-nav .label {
			display: none;
			}
				
	/* STEP NAVIGATION END */





	/* SEARCH RESULT PAGE START */
	
	.nfas .dp-form .teaser-btn {
		min-height: 112px;       
		}
		.nfas .dp-form .teaser-btn select {
			margin-top: 5px;
			max-width: 205px;   
			}
				
	/* SEARCH RESULT PAGE END */
	
	
	
	
	
	/* TABLE START */
	
	.whole .dp-table table {
		min-width: 794px;
		}
	.one-half .dp-table table {
		min-width: 389px;
		}
	.one-third .dp-table table {
		min-width: 254px;
		}
	.one-fourth .dp-table table {
		min-width: 177px;
		}
	
	/* TABLE START */
	
	
	
	
	
	/* NEWSLIST START */
		
		.newslist {		
			min-height: 90px;
			margin-bottom: 0;
			}
		
			.newslist h2 {
				display: block;
				float: none;
				margin-bottom: 10px;
				}
				.newslist li {
					min-height: 45px;
					}
				
	/* NEWSLIST END */





	/* PRODUKTE START */
	
	.productsaz .yellow .line_seperator {
		display: none;
		}
	.productsaz .white .line_seperator {
		margin-bottom: 40px;
		}
		.productsaz .azsection:before {
			content: none !important;
			width: 0;
			background: transparent;
			display: none;
			}
	.productsaz .selector {
		position: fixed;
		z-index: 4000;
		width: 241px;
		display: block;
		table-layout: auto;
		right: -266px;
		top: 210px;
		padding: 13px 7px 13px 18px;
		margin: 0;
		background: rgba(51,51,51,.95);
		}
	.productsaz .selector.open {
		right: 0;
		}
		.productsaz .selector .mobileopener {
			position: absolute;
			display: block;
			left: -73px;
			top: 0;
			width: auto;
			}
		.productsaz .selector.open .mobileopener {
			left: -28px;
			}
			.productsaz .selector .mobileopener a {
				background: rgba(51,51,51,.95);
				text-indent: -9999px;
				overflow: hidden;
				height: 93px;
				width: 73px;
				display: block;
				position: relative;
				}
			.productsaz .selector.open .mobileopener a {
				width: 28px;
				}
				/* TODO retina */
				.productsaz .selector .mobileopener a:before {
					content: "";
					position: absolute;
					background: url(../img/sprite.png) no-repeat -600px -140px;
					height: 21px;
					width: 13px;
					top: 36px;
					left: 8px;
					}
				.productsaz .selector.open .mobileopener a:before {
					background-position: -620px -140px;
					}
				.productsaz .selector .mobileopener a:after {
					content: "A Z";
					position: absolute;
					width: 40px;
					line-height: 33px;
					color: #fff;
					top: 13px;
					right: 6px;
					text-indent: 0;
					}
				.productsaz .selector.open .mobileopener a:after {
					content: none;
					width: 0;
					background: transparent;
					}
		.productsaz .selector li {
			display: inline-block;
			width: 30px;
			color: #595233;
			margin-bottom: 0;
			line-height: 36px;
			}
			.productsaz .selector li a {
				color: #fc0;
				}
	
	/* PRODUKTE END */
	
	
	
	
	
	/* FOOTER START */
	
		footer .left {
			float: none;
			}
			footer .left nav {
		    	margin-bottom: 10px;
				}
		footer .right {
			float: none;
			}	
			footer .footer-nav-extended li {
				margin-bottom: 4px;
				padding-right: 25px;
				}
			footer li {
				margin-bottom: 1px;
				}
		footer .vcard {
			padding-bottom: 5px;
			}
			
	/* FOOTER END */