/******************************************************************/
/***************************** Tablet *****************************/
/******************************************************************/
@media (min-width: 768px) {		
	/* Header */
	.fixed {
		position: fixed;
		top: 0;  
		width: 100%;
		z-index: 100000; 
	} 
	
	#fixed {
		position: relative !important;
	}

	.logo img { 
		margin: 0;  
	}
	
	.suche {
		position: relative;
	}
	
	.suche-s {
		display: block !important; 
		margin-top: 20px !important;
		position: relative; 
		width: 230px;
	}
	
	.suche-s input {
		padding: 0 15px 0 0;
	}
	
	.header .icons {
		padding: 0;
	}
	
	.icons .rechts {
		margin: 20px 0 0 0;
	}
	
	.icons .box:hover #notepadcount {
		color: #E4192D;  
	}
	
	.merkzettel #notepadcount {
		background-color: transparent;  
		position: relative;
		top: 0;
		right: 0;
		border-radius: 0;
		font-size: 16px;
		display: inline-block; 
		padding: 0 0 0 10px;
	}
	
	.icons .box:hover #mybasketcontent {
		color: #E4192D;
	}

	.warenkorb #mybasketcontent {
    	background-color: transparent;
		position: relative;
		top: -5px;
		right: 0;
		border-radius: 0;
		font-size: 16px;
		display: inline-block;   
		padding: 0 0 0 10px;
	}

	/* Navi */  
	.btn-navi {
		padding: 25px 0 0 15px;
	}
	
	#menu {
		position: fixed !important;
		top: 154px !important;
	}
	
	/* Content */
	.content-box {
		padding-top: 170px;
	}

	.PageHeaderText {
		text-align: center;
		padding-left: 70px;
		margin-bottom: 45px;
	}
	
	.PageHeaderText .zurueck {
		padding-top: 3px;
		float: right;
	}
	
	/* Startseite */
	.themen-slider .slick-slider {
		margin: 25px 0 45px 0;
	}

	.themen-slider .bild img {
		max-width: 100%;
	}
	
	.themen-slider .texte {
		text-align: left;
		padding-top: 25px;
	}

	.themen-slider .headline {
		font-size: 36px;
		line-height: 36px;
	}
	
	.themen-slider .subline {
		font-size: 24px; 
		padding-bottom: 45px;
	}
	
	.themen-slider .text {
		font-size: 18px;
	}
	
	.themen-slider .slick-prev,
	.themen-slider .slick-next {
		top: 45%;
	}

	.themen-banner {
		margin: 0 -10px; 
	}
	
	.themen-banner .banner,
	.themen-banner .banner1,
	.themen-banner .banner2,
	.themen-banner .banner3 {
		padding: 0 10px;
		margin: 15px 0
	}

	.themen-banner .banner1 {
		width: 100%;
		float: left;
	}
	
	.themen-banner .banner2 {
		width: 50%;
		float: left;
	}
	
	.themen-banner .banner3 {
		width: 33.33333333%;
		float: left;
	}
	
	.bg-live {
		position: fixed;
		z-index: 1000000;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		cursor: pointer;
		display: none;
	}
	
	.position-live {
		position: fixed;
		z-index: 1000001;  
		top: 0;
		left: 50%;
		margin-left: -285px; 
		width: 570px;
		height: auto;
		display: none;
	}
	
	.position-live .live {
		width: 550px;
		margin: 10px; 
	}
	
	.live .headlines { 
		margin: 15px 15px 30px 15px;   
	}
	
	.live .fa-window-close {
		float: right;
		font-size: 24px;
		cursor: pointer;
		margin: 0 0 10px 0;
	}
	
	.live .headline { 
		font-size: 36px;
		line-height: 36px;
	}

	.live .bild {
		width: 235px; 
	}
	
	.live .bg-livepic {
		margin: 20px 0;
	}
	
	.live .text {
		width: calc(100% - 235px);
		text-align: left;
	}
	
	.live .text .headline2 {
		margin: 0 0 15px 0;
	}	
	
	.live .countdown {
		padding-top: 15px;
	}
	
	.live .BtnStyle {
		margin-top: 45px;
	}
	
	.bg-text {
		padding: 25px 0 15px 0;
	}
	
	.bg-text h1 {
		font-size: 20px;
	}
	
	.bg-text .kursiv {
		font-size: 18px;
	}
	
	/* Ausverkauft (Box) */
	.ProductMailingPopUp,
	.ProductMailingResult { 
		width: 50%;  
		top: 30%;
		left: 20%;
		position: fixed;  
	}  
	 
	/* Liste */	
	.kategorien { 
		margin: 0 -7px;  
	}
	
	.kategorie {
		padding: 0 7px;
	}
		
	.SEOCatalogDescription {  
		padding: 25px 0 15px 0;
	}
	
	.SEOCatalogDescription h1 {
		font-size: 20px;
	}
	
	.SEOCatalogDescription .kursiv {
		font-size: 18px;
	}
	
	/* Detail */	
	.detail .headline {
		font-size: 30px;
		margin-bottom: 25px;  
	}
	
	.details .preis1 {
		padding: 0;
	}
	
	.details .btn-warenkorb .BtnStyle { 
		font-size: 24px;
	}
	
	.lightbox-popup {
		top: 10%;
		margin-bottom: 50px;
	}
	
	.lightbox:target .lightbox-popup {
		max-height: 610px;
		max-width: 555px;
	}
	
	.fragen-formular {
		padding: 0;
	}
	
	.fragen-formular .text {
		padding: 0 20px 5px 20px;
	}
	
	.fragen-formular .abstand {
		padding: 0 20px !important; 
	}
	
	.beschreibung-d {
		padding: 25px 0;
		font-size: 16px;
		line-height: 180%;
	}

	.nav-tabs {
		border-bottom: none;
		margin-top: 30px;
		background-color: #F2F2F2;
		padding-top: 10px;
	}
	
	.nav-tabs>li {
		padding: 15px 25px;
	}
	
	.nav-tabs>li.active>a, 
	.nav-tabs>li.active>a:hover, 
	.nav-tabs>li.active>a:focus {
		color: #262626;
		border: none;
		border-bottom: 4px solid #E4192D;
		background-color: #F2F2F2;
	}
	
	.nav-tabs>li>a {
		border-radius: 0;
		font-size: 20px;
		font-weight: 400;
		text-transform: uppercase;
		border: none;
		border-bottom: 4px solid #F2F2F2;
		background-color: #F2F2F2;
		color: #262626;
		margin-right: -1px;
		padding: 0;
	}
	
	.nav>li>a:hover, 
	.nav>li>a:focus {
		background-color: #F2F2F2;
		border-color: #F2F2F2 #F2F2F2 #F2F2F2;
		border-bottom: 4px solid #E4192D;
	}
	
	.tab-content {
		background-color: #F2F2F2;
		padding: 20px 25px;
	} 
	
	.bewertungen .sterne {
	   padding-bottom: 0;
	}
	
	.bewertungen .name {
	   padding: 0 10px 0 0;
	}
	
	.bewertungen .datum {
	   padding-bottom: 0; 
	}
	
	/* Warenkorb (Box) */
	#basketv3 {
		position: absolute; 
		width: 700px;
		left: 50%; 
		top: 10%;  
		margin-left: -350px;       
	} 
	
	#specialBasketFinishWindowExtended {
		position: relative;
	}
	
	#specialBasketFinishWindowExtendedMainContentProductContent {
		width: calc(100% - 270px);
	}
	
	#specialBasketFinishWindowExtendedMainContentProductImageElement {
		margin: 0 15px 0 0;
		width: 140px; 
	}
	
	#basketv3 .warenkorb-preis {
		float: right;
	}
	
	#specialBasketFinishWindowExtendedNavigationCenter {
		padding: 15px 0;
		text-align: center;
	}
	
	.button-left {
		width: 265px; 
		display: inline-block;
		margin-right: 10px;
	}

	.button-right {
		width: 265px;
		display: inline-block;
	}

	.btnGoToCheckOut {
		margin-top: 0;
	}
	
	#specialBasketFinishWindowExtendedCrossSellingSlider { 
		width: calc(100% - 45px);
	}
	
	/* Warenkorb */
	.imWarenkorb .artikel .bild {
		padding-bottom: 0;
	}
	
	.imWarenkorb .artikel .menge {
		text-align: center;
	}
	
	.imWarenkorb .warenkorb-footer .gesamt {
		font-size: 20px;
	}
	
	.imWarenkorb .warenkorb-footer .gesamt td.abstand {
		padding-right: 120px;
	}
	
	.imWarenkorb .warenkorb-footer .gesamt .gross {
		font-size: 20px;
	}
	
	.imWarenkorb .button {
		text-align: right; 
	}
	
	.imWarenkorb .button span {
		display: inline-block;
	}
	
	.imWarenkorb .button img {
		padding: 0 10px 0 0;
	}
	
	.imWarenkorb .button .padding {
		padding: 0 10px 0 0;
	}
	
	.imWarenkorb .info {
		text-align: left;
	}
	
	/* Merkzettel */
	.imMerkzettel .block {
		display: table-cell;
	}
	
	.imMerkzettel .block2 {
		display: none;
	}
	
	/* Preis anfragen */ 
	.preis-anfragen form {
		width: 500px;
	}
	
	.preis-anfragen .BtnStyle {
		float: left;
	}
	
	.preis-anfragen .btn-daten {
		float: right;
		margin-top: 0;
	}
	
	/* Passwort vergessen */
	.passwort .editor-radius-field > input {
		width: 300px;
	}
	
	/* neu registrieren */
	.registrieren .block {
		display: table-cell;
	}
	
	/* anmelden */
	.anmelden .editor-radius-field > input {
		width: 300px;
	}

	.anmelden .border {
		border-left: 1px solid #262626;
		border-top: none;
		margin-top: 0;
		text-align: center;
	}
	
	.anmelden .border .BtnStyle {
		margin-top: 10px;
	}
	
	/* Login (Box) */
	.ui-dialog {
		top: 200px !important;
		width: 700px !important;
	}
	
	#loginWindow .links {
		border-bottom: none;
		border-right: 1px solid #222222;
		margin-bottom: 15px;
		padding-bottom: 0;
	}
	
	#loginWindowContent .editor-radius-field > input {
		max-width: 300px; 
	}
	
	#loginWindow .rechts {
		padding: 0 15px;
	}
	
	/* Account Optionen */

	
	/* Händler Login */
	.haendler fieldset {
		float: left;
		padding-right: 50px;
	}
	
	.haendler .headlineText {
		padding-top: 0;
	}
	
	/* Newsletter */
	.news .editor-radius-field > input {
		width: 300px;
	}
	
	.news .captcha {
    	width: 245px;
	} 
	
	/* Checkout */	
	.checkout .block {
		display: table-cell;
	}
	
	.formular .block .margin {
		margin-left: 7px; 
	}
	
	.checkout .bezahlen .onePageHighlight,
	.checkout .versand .onePageHighlight {
		width: 180px;
		height: 200px;
	}
	
	.gutschein .text {
		text-align: left;
	}
	
	.gutschein .button {
		text-align: right;
		margin-top: 5px;
	}
	
	.artikelListe .left {
		width: 115px;
	}
	
	.artikelListe .gross {
		padding: 0 15px 5px 0;
	}
	
	.artikel .artikelListe .block:last-child {
		white-space: nowrap;
	}
	
	.checkout-gesamt td {
		padding: 0 0 5px 120px;
	} 
	
	.checkout-gesamt .border td {
		padding: 10px 0 10px 120px; 
	} 

	.checkout .BtnStyle {
		font-size: 24px;
	}
	
	/* Status */
	.status .editor-radius-field > input {
		width: 300px;
	}

	/* Footer */
	.bg-video .video {
    	background-image: url(../img/video.jpg);
	}

	.bg-info-boxen .info-box {
		padding-bottom: 0;
	}

	.bg-info-boxen .float {
		display: block;
	}
	
	.bg-info-boxen i {
		padding-bottom: 15px;
		top: 0;
	}

	.bg-footer {
		padding: 25px 0;
	}
	
	.bg-footer h2 {
		font-size: 20px; 
		margin: 10px 0 15px 0;
		color: #F2F2F2;
		text-transform: uppercase;
		font-weight: 400;
	}
	
	.bg-bezahlen img {
		margin-bottom: 0;
	}

	.bg-bezahlen .rechts { 
		padding-top: 0;
	}
	
	.copy .links {
		text-align: left;
		padding-bottom: 0;
	}
	
	.copy .rechts {
		text-align: right;
	}

	
}


/***************************************************************************/
/***************************** kleiner Desktop *****************************/
/***************************************************************************/
@media (min-width: 1030px) { 
	/* Allgemein */
	.container {
		width: 100%;
	}
	
	/* Header */	
	.bg-header {
		padding-bottom: 15px;
	}
	
	.suche-s {
		margin-top: 0 !important;
	} 
	
	.logo img {
		margin: 0 auto;
	}

	.icons .rechts {
		margin: 0; 
	}
	
	/* Navi */ 
	.bg-navi {
		background-color: #1A1A1A;
	}
	
	.bg-navi .navi {
		border-top: 1px solid #999999;
	}

	.navi ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.navi li {
		list-style: none;
		display: inline-block;
		padding: 10px 7px 0 7px; 
	}
	
	.navi a {
		color: #FFFFFF;
		font-size: 14px;
		line-height: 25px;
		font-weight: 400;
		text-decoration: none; 
		text-transform: uppercase;
		border-bottom: 5px solid #1A1A1A;
	}
	 
	 .navi a:hover {
		color: #E4192D;
		border-bottom: 5px solid #E4192D;
	}
	
	.navi ul div a.navi1 {
		border-bottom: none;
	}
	
	.navi a.navi1 {
		display: block;
	}
	
	.navi ul.dropdown {
		display: none;	
	}
	
	.navi li:hover ul.dropdown {
		display: block;
		background-color: #ECECEC;
		position: absolute;
		left: 15px;
    	z-index: 100000;
		margin: 0;
		width: calc(100% - 30px);
		text-align: left;
    	box-shadow: 0 10px 30px -15px black;
    	-moz-box-shadow: 0 10px 30px -15px black;
    	-webkit-box-shadow: 0 10px 30px -15px black;
	}
	
	.navi li:hover a {
		border-bottom: 5px solid #E4192D;
	}
	
	.navi ul.dropdown li {
		padding: 20px 15px 0 15px;
   	 	width: 250px;
		vertical-align: top;
	}
	
	.navi ul.dropdown li:last-child {
		padding-bottom: 30px;
	}
	
	.navi ul.dropdown a { 
		color: #262626;
		border-bottom: none;
		line-height: normal;
	}
	
	 .navi ul.dropdown a:hover {
		color: #E4192D;
	}

	/* Content */
	.content-box  {
		padding-top: 215px;
	}
	
	.content-box #linke-spalte {
		display: none;
		width: 230px;
	}
	
	.shopnavi {
		background-color: #F2F2F2;
		margin-bottom: 15px; 
		padding: 8px 0;
	}
	
	.shopnavi ul {
		margin: 0;
		padding: 0;
	}
	
	.shopnavi li {
		list-style: none;	
		padding: 7px 15px;
	}

	.shopnavi a {
        color: #262626;
        text-decoration: none;
        font-size: 14px;
		font-weight: 300;
    }
	
	.shopnavi a:hover {
        color: #E4192D;
    }
	
	.shopnavi .sub li {
		padding: 5px 0;
	} 
	
	.shopnavi .sub a {
		font-size: 14px;
		display: inline-flex;
		text-transform: none;
	}
	
	.shopnavi .sub a::before {
		content: "•";
		padding-right: 5px;
	}
	
	.shopnavi .sub li .sub li {
		padding-left: 10px;
	} 
	
	#topOfferMainContainer {
		width: 200px; 
		background-color: #F2F2F2;
		z-index: 101;
		position: relative; 
		display: block; 
		height: 370px; 
		overflow: hidden;
		margin-bottom: 15px;
	}
	
	.topoffer-headline {
		background-color: #F2F2F2;
		padding: 10px 15px; 
		z-index: 100; 
		position: relative;
	}
	
	.topoffer-headline i {
		display: inline-block;
		font-size: 18px;
		padding-right: 10px;
	}
	
	.topoffer-headline span {
		display: inline-block;
		font-size: 16px;
		line-height: 18px;
		text-transform: uppercase;
	}

	#topOfferMainContainer .ProductBoxBGColorKlein {
		background-color: #F2F2F2;
		border-bottom: 1px solid #FFFFFF;
		position: absolute;
		width: 200px; 
		height: 260px; 
	} 
	
	#topOfferMainContainer .ProductBox {
		padding: 10px;
	}
	
	#topOfferMainContainer .bild {
		background-color: #FFFFFF;
		width: 180px; 
		height: 180px; 
		padding: 5px;
	}
	
	#topOfferMainContainer .bild img {
		max-width: 100%; 
		max-height: 100%; 
		margin: 0 auto; 
	}
	
	#topOfferMainContainer .hoehe {
    	margin-top: 15px;
	}
	
	#topOfferMainContainer .name {
   		cursor: pointer;
		font-size: 16px;
	}
	
	#topOfferMainContainer .nur {
    	cursor: pointer;
		color: #262626;
		font-size: 18px;
		font-weight: 300;
	}
	
	#topOfferMainContainer .preis { 
		cursor: pointer;
		color: #262626;
		font-size: 18px;
		font-weight: 300;
	}
	
	/* Startseite */	


	/* Liste */
	.bg-infos-oben {
		min-height: 40px;
	}
	
	.infos-oben {
		margin: -55px 0 15px 0;
	}
	
	/* Detail */
	.details .abstand {
		padding-right: 70px;
	}
	
	/* Warenkorb (Box) */
	#basketv3 {
		width: 900px;
		margin-left: -450px;
	}
	
	/* Checkout */
	.checkout input.BtnStyle {
		width: 	760px;
	}
	
	/* Footer */	
	.bg-footer {	
		font-size: 16px;
	}
	
	.bg-bezahlen .mitte {
		padding-top: 0;
	}
	
}

/**************************************************************************/
/***************************** großer Desktop *****************************/
/**************************************************************************/
@media (min-width: 1200px) { 
	/* Allgemein */
	.container {
		width: 1170px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.breite,
	.ShopContentProductWidth,
	.ShopContentProductWidth2,
	.checkout {
		width: 1170px;
		margin: 0 auto;
		display: block; 
	}
	
	/* Header */
	

	/* Navi */

	
	/* Content */
	.content-box  {
		padding-top: 215px;
	}
	
	/* Startseite */

	
	/* Liste */
	.liste .ProductGrid {
		width: 20%;
	}
	
	/* Detail */
	.pic {
		width: 720px;
	}
	
	.pic #GalleryView {
		float: left;
		width: 500px;
	}
	
	.pic .thumbs {
		float: left;
		width: calc(100% - 500px);
	}
	
	.pic .thumbs div {
		display: block;
		margin: 0 0 10px 10px;
	}
	
	.details {
		width: calc(100% - 720px);
	}
	
	/* Checkout */

	
	/* Footer */
	.bg-info-boxen .float {
		display: inline-block;
	}
	
	.bg-info-boxen i {	
		padding-bottom: 0;
		top: 3px;
	}
	
}


/***********************************************************************/
/**************************** Windows Phone ****************************/
/***********************************************************************/
@-ms-viewport{
    width: device-width;
}
