/* ==========================================================================
   #####################	SMARTPHONE STYLING		#########################
   ========================================================================== */





	/* BASE STYLING START */
	
	h1 {
		font-size: 15px;
		}
	h2 {
		font-size: 18px;
		margin: 0 0 8px 0;
		line-height: 23px;
		}
	h2 + h3 {
		margin-top: 0;
		}

	h2.borderBottom,
	h3.borderBottom,
	h4.borderBottom {
		padding-bottom: 9px;
		}
	
	/* BASE STYLING END */




	
	/* PUBLIC CLASSES START */
	
	/* custom grid */
	.container .column {
		margin-left: 0;
		margin-right: 0;
		}
	.container .whole,
	.container .one-half,
	.container .one-third,
	.container .one-fourth,
	.container .two-thirds,
	.container .three-fourth {
		width: 100%;
		max-width: 100%;
		}
	
	/* 2x2 nesting */
	.container.nesting > .one-half,
	.nesting .container .one-half {
		width: 100%;
		max-width: 100%;
		margin: 0 0 20px 0;
		}
	.container.nesting > .one-half {
		margin-bottom: 0;
		}
	.nesting .container .one-half:first-child {
		margin-right: 0;
		}
		
	/* container with lines */
	.container.withlines {
		display: block;
		}
		.nesting.withlines .container {
			display: block;
			}
			.container.withlines:not(.swipeable) .column.one-half:before,
			.container.withlines:not(.swipeable) .column.one-third:before,
			.container.withlines:not(.swipeable) .column.one-fourth:before,
			.container.withlines:not(.swipeable) .column.two-thirds:before,
			.container.withlines:not(.swipeable) .column.three-fourth:before,
			.container.tumbling2.withlines .column:last-child:before,
			.nesting.withlines .container .column.one-half:before {
				left: 0;
				right: 0;
				top: -10px;
				height: 1px;
				width: auto;
				}
			.container.tumbling2.withlines .column:last-child:after {
				content: none;
				width: 0;
				background: transparent;
				}

	/* Common Swiper (eg. Teaser) */
	.swiper-container.swipeable .column {
		margin-left: 10px;
		margin-right: 10px;
		}
	.swiper-container.swipeable .swiper-slide:first-child .column {
		margin-left: 0px;
		}
	.swiper-container.swipeable .swiper-slide:last-child .column {
		margin-right: 0px;
		}
	.swiper-container.swipeable.withlines .column:first-child:before {
		left: -10px;
		}
	
	/* Stripes */
	.stripe {
		padding: 19px 10px 0;
		}
		.stripe .background {
			display: none;
			}
		.stripe div.jumpmark a {
			right: 0;
			bottom: -30px;
			}
	
	/* Linklist */
	.container:not(.stable):not(.tumbling1) .column:not(:first-child) div.linklist,
	.nesting > .one-half:first-child .one-half:last-child div.linklist {
		margin-top: -20px;
		}
	
	/* Teaser Button */
	.teaser-btn {	
		width: 100%;
		max-width: 278px;
		}
		.teaser-btn span {
			margin-bottom: 5px;
			}
		.teaser-btn span.small {
			margin-bottom: 0;
			}
		
	/* Half Transparent Box */
	.container:not(.swiper-container) .half-transparent-box {
		background: none;
		}
		
	/* Tooltip */
	h2 .infotext {
		top: -7px;
		}
		
	/* PUBLIC CLASSES END */





	/* HEADER START */

	.header.stripe {
		height: 58px;
		}
		.header .logo {
			width: 62px;
			height: 64px;
			background-position: -270px -70px;
			left: -8px;
			}
		.header .right {
			margin-left: 62px;
			margin-right: 10px;
			height: 58px;
			}
			.header nav {
				height: 58px;
				}
			.header .withoutSearchBox nav {
				margin-right: -10px;
				}
				.header nav:after {
					background-position: -470px -70px;
					height: 55px;
					}
					.header .withoutSearchBox .item2,
					.header .item3 {
						display: none;
						}
						.header nav a {
							padding: 18px 19px 19px 17px;
							height: 21px;
							}
							.header nav a:before {
								background-position: -470px -70px;
								height: 55px;
								}
						.header nav a.active {
							padding-bottom: 26px;
							padding-left: 15px;
							width: 1px;
							}
						.header nav a.menue {
							text-indent: -9999px;
							padding-right: 56px;
							}
							.header nav a.menue:after {
								top: 21px;
								right: 27px;
								}
							.header nav a.menue.active:after {
								right: 28px;
								}
			.header .search:after {
				background-position: -470px -70px;
				display: block;
				right: -13px;
				}
				.header .search a {
					margin: 0 -10px -5px 0;
					height: 58px;
					width: 73px;
					display: inline-block;
					text-indent: -9999px;
					overflow: hidden;
					position: relative;
					float: right;
					-webkit-tap-highlight-color: rgba(0,0,0,.25);
					}
					.header .search a:focus {
						outline: 1px dotted #333;
						}
					.header .search a:after {
						right: 24px;
						top: 20px;
						content: " ";
						position: absolute;
						display: block;
						background: url(../img/sprite.png) no-repeat -120px -20px;
						height: 19px;
						width: 19px;
						}
					.header .search a:hover {
						margin-left: 3px;
						width: 70px;
						background: #fc0;
						
						background:	   -moz-linear-gradient(top, #FFF9DF 0%, #fc0 100%);
						background: -webkit-linear-gradient(top, #FFF9DF 0%, #fc0 100%);
						background:      -o-linear-gradient(top, #FFF9DF 0%, #fc0 100%);
						background:   linear-gradient(to bottom, #FFF9DF 0%, #fc0 100%);
						-pie-background:    linear-gradient(top, #FFF9DF 0%, #fc0 100%);
						
						behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
						}
				.header .search a.active {
					padding-bottom: 0;
					margin-left: 2px;
					margin-right: -11px;
					width: 72px;
					height: 65px;
					position: relative;
					z-index: 2;
					background: #fff;
					
					background:	   -moz-linear-gradient(top, #F3F3F3 0%, #fff 100%);
					background: -webkit-linear-gradient(top, #F3F3F3 0%, #fff 100%);
					background:      -o-linear-gradient(top, #F3F3F3 0%, #fff 100%);
					background:   linear-gradient(to bottom, #F3F3F3 0%, #fff 100%);
					-pie-background:    linear-gradient(top, #F3F3F3 0%, #fff 100%);
					
					behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
					
					}
					.header .search a.active:after {
						right: 25px;
						}
				.header .search .searchbutton {
					display: none;
					}
				.header .search .searchfield {
					display: none;
					}
			
			.header .suggest {
				position: relative;
				display: none !important;
				}
			
			
	/* Flyout Search */
	.flyout.search .whole {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		}
	.flyout.search .searchfield {
		width: 222px;
		}
	.flyout.search .searchbutton {
		min-width: 0;
		float: right;
		margin: -1px 0 0 0;
		}
	
	/* HEADER END */
	
	
	
	
	
	/* IMG LIST START */
	
	.imglist .swiper-container {
		height: 166px;
		}
		.imglist .swiper-slide a {
			height: 166px;
			}
			.imglist .swiper-slide a img {
				margin-right: -20px;
				}
			
	/* IMG LIST END */
			
	
	
	
	
	/* LOCAL NAVIGATION START */
	
	#locnav h1 {
		margin-right: 20px;
		}
	#locnav .swiper-wrapper {
		margin-left: -10px;
		margin-top: 5px;
		height: 25px;
		}
		#locnav .swiper-slide a {
			padding: 4px 10px;
			}
		#locnav .swiper-slide a.active {
			padding-bottom: 6px;
			}			
	#locnav h1.home {
		margin-top: 9px;
		margin-bottom: -4px;
		}
	#locnav h1.brand {
		padding-bottom: 5px;
		margin-top: 13px;
		margin-bottom: -4px;
		}
	#locnav .withSubnav h1.brand {
		margin-bottom: -9px;
		}
	#locnav h1.default {
		margin-bottom: 5px;
		margin-top: 9px;
		}
	#locnav .withSubnav h1.default {
		margin-bottom: -5px;
		}
	#locnav .brand img {
		height: 12px;
		margin-right: 2px;
		}
			
	/* LOCAL NAVIGATION END */
	
	
	
	
	
	/* STAGE START */
	
	#stage {
		border-bottom: 1px solid #ccc;
		}
		#stage .swiper-container,
		#stage .swiper-slide {
			height: 330px;
			background-position: right 0;
			}
		#stage.singleslide .swiper-container,
		#stage.singleslide .swiper-slide {
			height: auto;
			}
			#stage .swiper-slide > div {					
				min-height: 145px;
				width: auto;
				}
			#stage .wrapper { 
			   padding: 0 10px;
				}
			#stage.singleslide .wrapper {
				min-height: 0;
				height: auto;
				}
				#stage .half-transparent-box {
					position: relative;
					width: auto;
					height: 165px;
					padding: 10px;
					padding-left: 10px;
					padding-right: 10px;
					background: #fff;
					margin-left: -10px;
					margin-right: -10px;
					}
				#stage.singleslide .half-transparent-box {
					height: auto;
					padding-bottom: 20px;
					}
					#stage .half-transparent-box h2 {
						font-size: 15px;
						line-height: 130%;
						margin-bottom: 5px;
						font-family: "Delivery Bold", sans-serif;
						}
					#stage .half-transparent-box p {
						margin-right: 10px;
						}
					#stage .half-transparent-box li {
						margin-bottom: 2px;
						}
					#stage .half-transparent-box .action-btn {
						padding-left: 8px;
						padding-right: 8px;
						font-size: 15px;
						}
					#stage ul.checkmark li,
					#stage ul.bulletlist li,
					#stage ol.orderedlist li {
						font-size: 12px;
						}
					#stage ul.checkmark li {
						padding-left: 19px;
						}
						#stage ul.checkmark li:after {
							top: -1px;
							left: 1px;
							background-position: -700px -15px;
							}
						#stage .stripe.black ul.checkmark li:after {
							background-position: -750px -15px;
							}
						
		/* Pagination */
		#stage .pagination {
			left: 41.5%;
			}
			
		/* Controls */
		#stage .controls .prev,
		#stage .controls .next {
			top: 25px;
			}
			
	/* STAGE END */
	


	
		
	/* TEASER START */
	
	.container.row .column .teaser,
	.container.row .column .teaser-promo,
	/* container with lines */
	.container.row.withlines .column.last .teaser {
		margin-bottom: 15px;
		}
	.container.row.withlines .column .teaser {
		margin-bottom: 0;
		}
		.one-fourth .teaser.imgtop h3,
		.nesting .one-half .one-half .teaser.imgtop h3 {
			margin-top: -2px;
			}
			.container:not(.swiper-container) .teaser.imgtop .first {
				width: 298px;
				margin-bottom: 15px;
				}
			.container:not(.swiper-container) .teaser.imgtop .last {
				max-width: 100%;
				}
	
	.teaser .nesting .one-half.column .one-half {
		max-width: 100%;
		margin-left: 0;
		}
			
	/* Tumbling #1 */
	.tumbling1 .teaser.imgtop {
		margin-bottom: 20px;
		}
		.tumbling1 .teaser.imgtop .first {
			max-width: 300px;
			display: block;
			float: none;
			margin-bottom: 13px;
			}
		.tumbling1 .teaser.imgtop .last {
			width: 100%;
			float: none;
			margin-left: 0;
			}

	/* Promo Teaser */
	.container:not(.swiper-container) .teaser-promo figure:first-child {
		height: 184px;
		}
	.container:not(.swiper-container) .one-half .teaser-promo figure:first-child {
		background-position: left 0;
		}
@media only screen and (max-width: 390px) {
	.container:not(.swiper-container) .one-half .teaser-promo figure:first-child {
		background-position: right 0;
		}
	}
	.container:not(.swiper-container) .teaser-promo .half-transparent-box {
		width: auto;
		height: auto;
		padding: 17px 0 0 0;
		position: static;
		}
		.container:not(.swiper-container) .teaser-promo .half-transparent-box h3 {
			font-size: 15px;
			font-family: "Delivery Bold", sans-serif;
			}
		.stripe.black .container:not(.swiper-container) .teaser-promo .half-transparent-box h3,
		.stripe.black .container:not(.swiper-container) .teaser-promo .half-transparent-box p {
			color: #fff;
			}
		.container:not(.swiper-container) .teaser-promo .half-transparent-box .action-btn {
			margin-top: 8px;
			position: static;
			}
	
	/* TEASER END */
	
	
	
	
	
	/* FLAPS START */
	
	.flaps {
		margin-bottom: 20px;
		}
		.flaps dt {
			font-size: 15px;
			}
		.flaps dd .row {
			margin: 0;
			}
		
	/* FLAPS END */
	
	
	
	
		
	/* TABS START */
	
	.tabset ol {
		-webkit-overflow-scrolling: touch;
		}
	.tabset .tab-content {
		padding-top: 15px;
		}
		.tabset .tab-content .row {
			margin: 0;
			}
			
	/* TABS END */





	/* FORMS START */
	
	/* form fields */
	.dp-form input[type=text],
	.dp-form input[type=url],
	.dp-form input[type=email],
	.dp-form input[type=password],
	.dp-form input[type=datetime-local],
	.dp-form input[type=number],
	.dp-form input[type=tel],
	.dp-form input[type=datetime],
	.dp-form input[type=date],
	.dp-form input[type=month],
	.dp-form input[type=search],
	.dp-form input[type=range],
	.dp-form select,
	.dp-form textarea {
		font-size: 16px;
		}
	
	/* customized radios & checkboxes including labels and errors */
	.dp-form input[type=radio] + label.rlabel,
	.dp-form input[type=checkbox] + label.cblabel {
		margin-top: 7px;
		}
	
	/* blocks */
	.column .subpagedropdown .dp-form .block,
	.dp-form .column .block {
		padding-left: 0;
		}
		.column .subpagedropdown .dp-form .block label,
		.dp-form .column .block label {
			width: 100%;
			margin-top: 0;
			position: static;
			margin-bottom: 5px;
			}
		.column .subpagedropdown .dp-form .block label.select_wrapper,
		.dp-form .column .block label.select_wrapper {
			display: inline-block;
			margin: 0;
			padding: 0;
			position: relative;
			}
			.column .subpagedropdown .dp-form .block label.select_wrapper:before,
			.dp-form .column .block label.select_wrapper:before {
				right: 1px;
				}
		.column .subpagedropdown .dp-form .block select,
		.dp-form .column .block select,
		.dp-form .column .block textarea,
		.dp-form .column .block input {
			width: 100%;
			}
		.column .subpagedropdown .dp-form .block .infotext,
		.dp-form .column .block .infotext {
			top: 26px;
			}
	.dp-form .line_seperator {
		margin: 1px 0 10px;
		}
			
	/* FORMS END */
	
	
	
	
	
	/* SUBPAGE DROPDOWN START */
		
	.subpagedropdown select {
	    margin-bottom: 0;
		}
		
	.subpagedropdown-content {
		margin: 0;
		}
		.subpagedropdown-content .stripe {
			padding-left: 0;
			padding-right: 0;
			}
		
	/* SUBPAGE DROPDOWN END */
	
	
	
	
	
	/* STEP NAVIGATION START */
	
	.step-nav {
		margin: 15px 0 -9px 0;
		}
		.step-nav p:after {
			margin-left: 15px;
			top: 16px;
			}
			.step-nav .bubble {
				width: 30px;
				height: 28px;
				font-size: 20px;
				background-position: -850px -64px;
				}
			/* Webkit Hack */
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				.step-nav .bubble {
					padding-top: 9px;
					}
				}
			.step-nav a .bubble,
			.step-nav .active .bubble {
				background-position: -800px -64px; 
				}
	
	/* STEP NAVIGATION END */





	/* SEARCH RESULT PAGE START */

	.nfas .dp-form .searchfield {
		width: 200px;
		}
	.nfas .dp-form .teaser-btn {
		min-height: 0;
		}
		.nfas .dp-form .teaser-btn select {
			max-width: 235px;   
			}
				
	/* SEARCH RESULT PAGE END */
	
	
	
	
	
	/* TABLE START */
	
	.whole .dp-table table {
		min-width: 588px;
		}
	
	/* TABLE START */
	
	
	
	
	
	/* NEWSLIST START */
	
	.newslist {
		min-height: 90px;
		}
				
	/* NEWSLIST END */
	
	
	
	
	
	/* HINWEIS START */
	
	.clue {
		min-height: 45px;
		padding: 10px 10px 10px 70px;
		background: #fc0;
		}
		.clue:after {
			width: 50px;
			height: 52px;
			}
		.clue.success:after {
			top: 0;
			left: 8px;
			background-position: -110px -743px;
			}
		.clue.error:after {
			top: 10px;
			left: 10px;
			background-position: -110px -663px;
			}
		
	/* HINWEIS END */





	/* PRODUKTE START */
	
	.productsaz .teaser-btn {
		float: none;
		width: 100%;
		max-width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
	.productsaz .selector {
		top: 164px;
		}
@media screen and (orientation:landscape) {
	.productsaz .selector {
		top: 114px;
		width: 311px;
		right: -336px;
		}
	}
	
	/* PRODUKTE END */
	
	/* ISOTOPE START */
	#isotope .item h2:after {
		transform: rotate(-225deg);
	}
	/* ISOTOPE END */
	
		
	/* FOOTER START */	
	
	footer .stripe.white {
	    padding-top: 14px;
		}
		footer .left {
			margin-bottom: 11px;
			}
			footer li {
				margin-bottom: 2px;
				}
		footer .vcard {
			padding-bottom: 10px;
			}
		footer p {
			margin-bottom: 3px;
			}
			footer .footnote {
				margin-top: 11px;
				}
				
	/* FOOTER END */