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

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

	.warenkorb #mybasketcontent {
    	background-color: transparent;
		color: #262626;
		position: relative;
		top: -2px;
		right: 0;
		border-radius: 0;
		font-size: 16px !important;
		font-weight: 400;
		display: inline-block;   
		padding: 0 0 0 10px !important;
	}
	
	.icons #warenkorb {
		position: relative !important;
		top: 0 !important;
		right: 0 !important;
		background-color: #F2F2F2 !important;
		margin-left: 5px !important;
	}
	
	.icons #warenkorb:hover {
		background-color: #00AFFF !important;
	}
	
	.icons #warenkorb:hover a {
		color: #FFFFFF !important;
	}
	
	.icons #warenkorb i {
		font-size: 18px !important;
	}

	/* Navi */  

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

	.PageHeaderText {
		text-align: center;
		padding-left: 70px;
		margin-bottom: 45px;
	}
	
	.PageHeaderText .zurueck {
		padding-top: 3px;
		float: right;
	}
	
	/* Startseite */
	.themen-slider  {
		margin: -16px 0 0 0;
	}
	
	.themen-slider .bg-schwarz {
		bottom: 30px;
		margin: 0 30px;
		width: calc(100% - 60px);
	}
	
	.themen-slider .bg-schwarz .headline {
		font-size: 36px;
		line-height: 36px;
	}
	
	.themen-slider .bg-schwarz .subline {
		font-size: 24px;
		line-height: 36px;
	}
	
	.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;
	}
	
	@media (max-width: 1029px) {	
		.themen-banner .banner6 {
			float: none;
			display: inline-block;
			margin-top: 0;
		}
	}
	
	.themen-banner .bg-schwarz {
		width: calc(100% - 50px);
	}
	
	.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;
	}
	
	.sale-img {
		position: relative;
		top: 136px;
		margin-top: -136px;
	}
	
	.position-live .live {
		width: 550px;
		margin: 10px; 
	}
	
	.live .headlines { 
		padding: 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: 210px; 
	}
	
	.live .text {
		width: calc(100% - 210px);
	}
	
	.live .text .headline2 {
		margin: 0 0 15px 0;
		padding-bottom: 15px;
	}	
	
	.live .countdown {
		padding-top: 30px;
	}
	
	.live .BtnStyle {
		margin-top: 45px;
	}
	
	.prozent-img {
		float: right;
		position: relative;
		margin-top: -136px;
	}
	
	.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 */	
	.breadcrumbs {
		width: calc(100% - 70px);
	} 
	
	.zurueck {
		width: 70px;
	}

	.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 */	
	.details {
		padding-left: 5px;
	}
	
	.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: 1px solid #CCCCCC;
		padding-top: 30px;
	}
	
	.nav-tabs>li.active>a, 
	.nav-tabs>li.active>a:hover, 
	.nav-tabs>li.active>a:focus {
		color: #262626;
		border: 1px solid #CCCCCC;
		border-bottom-color: transparent;
	}
	
	.nav-tabs>li>a {
		border-radius: 0;
		font-size: 18px;
		text-transform: uppercase;
		border: 1px solid #CCCCCC;
		background-color: #F2F2F2;
		color: #262626;
		margin-right: -1px;
	}
	
	.nav>li>a:hover, 
	.nav>li>a:focus {
		background-color: #F2F2F2;
		border-color: #CCCCCC #CCCCCC #CCCCCC;
	}
	
	.tab-content {
		border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 20px;
	} 
	
	.bewertungen .sterne {
	   padding-bottom: 0;
	}
	
	.bewertungen .name {
	   padding: 0 10px 0 0;
	}
	
	.bewertungen .datum {
	   padding-bottom: 0;
	}
	
	.slider-detail {
		margin-top: 25px;
	}
	
	/* Warenkorb (Box) */
	#basketv3 {
		position: absolute;
		width: 700px;
		left: 50%;
		top: 10%;
		margin-left: -350px;
	}
	
	#specialBasketFinishWindowExtended {
		position: relative;
	}
	
	#specialBasketFinishWindowExtendedMainContentProductContent {
		width: calc(100% - 250px);
	}
	
	#specialBasketFinishWindowExtendedMainContentProductImageElement {
		margin: 0 15px 0 0;
	}
	
	#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;
	}
	
	/* 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-footer h2 {
		font-size: 16px; 
		margin: 10px 0 15px 0;
		color: #262626;
		text-transform: uppercase;
		font-weight: 300;
	}
	
	.bg-footer .bezahlen {
		text-align: center;
	}
	
	.bg-footer .bezahlen .headline {
		font-size: 16px; 
		margin-bottom: 5px;
		color: #262626;
		text-transform: uppercase;
		font-weight: 300;
	}
	
	.bg-footer .bezahlen .rechts { 
		padding-top: 25px;
	}
	
	.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: 10px !important;
	} 

	.icons .rechts {
		margin: 10px 0 0 0; 
	}
	
	.icons .box i {
		padding-right: 10px;
	}
	
	.merkzettel #notepadcount {
		padding: 0;
	}
	
	.icons .warenkorb i {
		font-size: 24px;
		position: relative;
    	top: -3px;
	}
	
	.icons #warenkorb i {
		font-size: 24px !important;
	}
	
	.warenkorb #mybasketcontent {
		padding: 0 !important;
		position: relative;
    	top: -5px;
	}
	
	.login .login-sub {
		display: none;
	}
	
	.login .btn-login:hover .login-sub { 
		display: block;
		position: absolute;
		margin-left: -15px;
		z-index: 3;
		background-color: #00AFFF;
		padding: 15px 10px 10px 15px;
		width: 148px;
	}
	
	.login .login-sub a {
		display: block;
		color: #FFFFFF;
		line-height: 200%;
		text-align: left;
	}
	
	.login .login-sub a:hover {
		color: #262626;
	}
	
	/* Navi */ 
	.bg-navi {
		background-color: #FFFFFF; 
	}

	.navi ul {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	.navi li {
		list-style: none;
		float: left;
		padding: 15px 30px 15px 0; 
		margin-bottom: -1px;
	}
	
	.navi a {
		color: #262626;
		font-size: 18px;
		text-decoration: none; 
		text-transform: uppercase;
	}
	 
	 .navi a:hover {
		color: #00AFFF;
	}
	
	.navi a.navi1 {
		display: block;
	}
	
	.navi ul.dropdown {
		display: none;	
	}
	
	.navi li:hover ul.dropdown {
		display: block;
		background-color: #262626;
		position: absolute;
    	z-index: 100000;
		margin: 15px 0 0 0;
	}
	
	.navi ul.dropdown li {
		padding: 7px 15px;
   	 	float: none;
	}
	
	/*.navi ul.dropdown a.navi2:before,
	.navi ul.dropdown a.navi3:before {
		content: "\f105";
		font-family: Font Awesome\ 5 Pro;
		padding-right: 10px;
	}*/
	
	.navi ul.dropdown li:hover {
		background-color: #00AFFF;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-webkit-transition: all .5s ease;
	}
	
	.navi ul.dropdown a { 
		color: #FFFFFF;
		font-size: 16px;
		text-transform: none;
	}
	
	ul.sale {
		float: right;
	}
	
	ul.sale li {
		padding: 15px 0;
	}

	/* Content */
	.content-box  {
		height: 61vh; 
		padding-top: 180px;
	}
	
	.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: 16px;
		font-weight: 300;
		text-transform: uppercase;
    }
	
	.shopnavi a:hover {
        color: #00AFFF;
    }
	
	.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;
	} 
	
	.filter {
		background-color: #F2F2F2;
		margin-bottom: 15px;
		padding: 0 15px 15px 15px;
	}
	
	.filter .filter-headline {
		border-bottom: 1px solid #CCCCCC;
		padding: 10px 15px;
		margin: 0 -15px;
		font-size: 16px;
		text-transform: uppercase;
	}
	
	.filter .SelectedFilter {
		color: red;
		font-weight: 400;
	}
	
	.filter .headline {
		padding: 15px 0 10px 0;
		text-transform: uppercase;
	}
	
	.filter a {
		color: #262626;
		text-decoration: underline;
		text-transform: none;
	}
	
	.filter #moresz,
	.filter #morebl {
		margin: 5px 0 !important;
	}
	
	.filter input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	} 
	
	.filter input[type=checkbox] {
		float: left;
		margin-right: 10px;
		background-color: #FFFFFF; 
		border: 1px solid #6D6E71;
		width: 15px;
		height: 15px; 
	}
	
	input[type=checkbox]:checked:after {
		content: "\f00c";
		font-family: Font Awesome\ 5 Pro;
		color: #262626;
	}
	
	.filter .filterEntry span {
		display: flex;
		color: #333333;
	}
	
	.color-container div {
		float: left;
		width: 30px;
		height: 30px;
		margin: 0 9px 9px 0;	
		border: 1px solid #262626;
		cursor: pointer;
	}  
	
	.filter #slider-range {
		margin: 10px;
    	width: 145px;
		background: #F2F2F2 !important;
	}
	
	.filter div.ui-slider-range.ui-widget-header {
		background: #262626 !important;
		height: 1px;
		margin-top: 5px;
	}
	
	.filter a.ui-slider-handle.ui-state-default {
		height: 25px;
		width: 25px;
		background: #F2F2F2;
		border: 1px solid #262626;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		text-decoration: none;
		font-size: 16px;
		text-align: center;
	}
	
	.filter a.ui-slider-handle.ui-state-default:after {
		content: "\f104";
		font-family: Font Awesome\ 5 Pro;
		font-weight: 300;
	}
	
	.filter a.ui-slider-handle.ui-state-default:last-child:after {
		content: "\f105";
		font-family: Font Awesome\ 5 Pro;
		font-weight: 300; 
	}
	
	.filter .TextPosition {
        text-align: center;
		padding-top: 10px;
	}
	
	.filter .RangePriceField {
    	text-align: center;
		font-weight: 400;
    	width: 65px;
		background-color: #FFFFFF; 
		border: 1px solid #262626; 
		padding: 5px;
	}
	
	.filter #amountfrom {
    	margin-right: 7px;
	}
	
	.filter #amountto {
    	margin-left: 7px;
	}
	
	#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;
		position: relative;
   	 	top: -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 */	
	
	
}

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

	/* Navi */

	
	/* Content */
	.content-box  {
		height: 70vh;
	}
	
	/* Startseite */

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

	
	/* Footer */
	.bg-footer .bezahlen .headline {
		display: inline-block;
		margin: 0 15px 0 0;
	}
	
	.bg-footer .bezahlen img {
		margin: 0 15px 0 0;
	}
	
	.bg-footer .bezahlen .links {
		text-align: left;
	}

	.bg-footer .bezahlen .rechts {
		text-align: right;
		padding-top: 0;
	}
	
}


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