/******************************************************************/
/***************************** Tablet *****************************/
/******************************************************************/
@media (min-width: 768px) {		
	/* Header */
	.topnavi {
		font-size: 18px;
	}
	
	.logo img {
		margin: -20px auto 15px auto;
	}
	
	.suche-s {
		padding-top: 0;
	}
	 
	.icons .rechts {
		float: right;
		margin-top: 15px;
	}
	
	.warenkorb a {
		color: #000000;
	}
	
	.warenkorb a:hover {
		color: #000000;
	}
	
	.warenkorb #mybasketcontent {
    	background-color: transparent;
		position: relative;
		top: -2px;
		right: 0;
		text-align: center;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		font-size: 14px;
		display: inline-block;
	}

	/* Navi */

	
	/* Content */
	.ladenlokal .bilder {
		margin: 0 -5px;
	}
		
	.ladenlokal .bild {
		padding: 5px;
	}
	
	.ladenlokal .logo2 {
		margin: 0 auto -237px auto;
    	display: block;
    	position: relative;
    	z-index: 2;
    	top: -160px;
		left: -30px;
		width: 500px;
	}
	
	/* Startseite */
	.themen-banner {
		margin: 0 -10px;
	}

	.themen-banner .banner1 {
		width: 100%;
		float: left;
	}
	
	.themen-banner .banner2 {
		width: 50%;
		float: left;
		padding: 0 10px 15px 10px;
	}
	
	.themen-banner .banner3 {
		width: 33.33333333%;
		float: left;
		padding: 0 10px 15px 10px;
	}

	.live .mitte {
		padding: 0 15px 0 0;
	}
	
	.slider-start  { 
		margin: 0 -7px;
	}
	
	.slider-start h3 { 
		margin: 15px 7px;
		font-size: 24px;
	}
	
	.slider-start .slick-slider {
		margin: 0;
		padding: 0;
	}
	
	.slider-start .slick-prev,
	.slider-start .slick-next {
		position: relative;
		top: -390px;
		float: right;
	}
	
	.slider-start .slick-prev {
		left: -45px;
	}
	
	.slider-start .slick-next {
		right: -15px;
	}
	
	.marken { 
		margin: 0 -7px;
	}
	
	.marken h3 { 
		margin: 15px 7px;
		font-size: 24px;
	}
	
	.marken .slick-slider {
		margin: 0;
		padding: 0;
	}
	
	.marken .slick-prev,
	.marken .slick-next {
		position: relative;
		top: -150px;
		float: right;
	}
	
	.marken .slick-prev {
		left: -45px;
	}
	
	.marken .slick-next {
		right: -15px;
	}
	
	.bg-text {
    	color: #737373;
	}
	
	.bg-text h1 {
		font-size: 16px;
	}
	
	/* Ausverkauft (Box) */
	.ProductMailingPopUp,
	.ProductMailingResult {
		width: 50%; 
		top: 30%;
		left: 20%;
		position: fixed;
	}
	 
	/* Liste */	
	.kategorien {
		margin: 0 -7px;
	}
	
	.kategorie {
		padding: 0 7px;
	}
	
	.seo {
		margin: 3px 0 0 0;
	}
	
	/* Detail */	
	.details {
		padding-left: 0;
	}
	
	.details .headline {
		font-size: 24px;
		padding: 0 0 25px 0;
	}
	
	.details .preis1 {
		padding-bottom: 0;
	}
	
	.details .bg-warenkorb {
		text-transform: uppercase;
		font-size: 22px;
		padding: 0 15px;
	}
	
	.beschreibung-d {
		padding-top: 25px;
	}

	.nav-tabs {
		border-bottom: 1px solid #CCCCCC;
	}
	
	.nav-tabs>li.active>a, 
	.nav-tabs>li.active>a:hover, 
	.nav-tabs>li.active>a:focus {
		color: #000000;
		border: 1px solid #CCCCCC;
		border-bottom-color: transparent;
	}
	
	.nav-tabs>li>a {
		border-radius: 0;
		font-size: 18px;
		border: 1px solid #CCCCCC;
		background-color: #E5E5E5;
		color: #000000;
		margin-right: 5px;
	}
	
	.nav>li>a:hover, 
	.nav>li>a:focus {
		background-color: #E5E5E5;
		border-color: #CCCCCC #CCCCCC #CCCCCC;
	}
	
	.tab-content {
		border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 20px;
	} 
	
	.slider-detail  { 
		margin: 0 -7px;
	}
	
	.slider-detail h3 { 
		margin: 15px 7px;
		font-size: 24px;
	}
	
	.slider-detail .slick-slider {
		margin: 0;
		padding: 0;
	}
	
	.slider-detail .slick-prev,
	.slider-detail .slick-next {
		position: relative;
		top: -390px;
		float: right;
	}
	
	.slider-detail .slick-prev {
		left: -45px;
	}
	
	.slider-detail .slick-next {
		right: -15px;
	}
	
	/* Warenkorb (Box) */
	#basketv3 {
		width: 700px;
		left: 50%;
		top: 20%;
		margin-left: -335px;
	}
	
	#basketv3 .fa-times-circle-o {
		top: -20px;
		right: -25px;
	}
	
	#specialBasketFinishWindowExtendedMainContentProductImageElement {
		margin: 0 15px 0 0;
	}
	
	#basketv3 .warenkorb-preis {
		float: right;
	}
	
	#specialBasketFinishWindowExtendedNavigationCenter {
		padding: 15px 0;
		text-align: right;
	}
	
	#specialBasketFinishWindowExtendedNavigationCenter {
		float: right;
	}
	
	.button-left {
		width: 215px;
		float: left;
		margin-right: 10px;
	}

	.button-right {
		width: 260px;
		float:right;
	}

	.btnGoToCheckOut {
		margin-top: 0;
	}
	
	/* Warenkorb */
	.imWarenkorb .headlines {
		margin: 0;
		background-color: #E5E5E5;
	}
	
	.imWarenkorb h3 {
		font-size: 14px;
		font-weight: 400;
		text-transform: uppercase;
		margin: 15px 0;
	}
	
	.imWarenkorb .artikel .bild {
		padding-bottom: 0;
	}
	
	.imWarenkorb .artikel .trash:before {
		padding-left: 20px;
	}
	
	.imWarenkorb .warenkorb-footer {
		margin: 15px 35px 0 0;
	}
	
	.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 .block {
		display: inline-block;
		margin-right: 60px;
	}
	
	.preis-anfragen .block input {
		width: 318px;
	}
	
	.preis-anfragen textarea {
		width: 440px;
	}
	
	.preis-anfragen .btn-daten {
		margin-left: 115px;
		display: inline-block;
		text-align: right;
		margin-top: 0;
	}
	
	/* Passwort vergessen */
	.passwort .editor-radius-field > input {
		width: 300px;
	}
	
	/* neu registrieren */
	.registrieren .block {
		display: inline-block;
	}
	
	.registrieren .block .margin {
		margin-left: 7px;
	}
	
	/* anmelden */
	.anmelden .editor-radius-field > input {
		width: 300px;
	}

	.anmelden .border {
		border-left: 1px solid #000000;
		border-top: none;
		margin-top: 0;
		text-align: center;
	}
	
	.anmelden .border .BtnStyle {
		margin-top: 10px;
	}
	
	/* Login (Box) */
	.ui-dialog {
		top: 200px !important;
		width: 720px !important;
	}
	
	#loginWindow .block {
		display: inline-block;
	}
	
	#loginWindowContent {
		width: 700px;
	}
	
	#loginWindowContent > div:first-child {
		width: 720px;
	}
	
	#loginWindowContent > div:first-child > div:last-child {
		width: 715px;
	}
	
	#loginWindowContent > div:last-child > div:first-child {
		width: 400px;
		border-right: 1px solid #222222;
		border-bottom: none;
		padding-bottom: 0;
	}
	
	#loginWindowContent > div:last-child > div:last-child {
		width: 300px;
	}
	
	#loginWindowContent > div:last-child > div:first-child {
    	text-align: center;
	}
	
	#loginWindowContent > div:last-child > div:first-child > div:last-child {
		width: 330px;
		text-align: center;
	}
	
	#loginWindowContent > div:last-child > div:last-child > div:first-child {
    	text-align: center;
	}
	
	#loginWindowContent > div:last-child > div:last-child > div:last-child {
    	text-align: center;
    }
	
	 #loginWindowContent > div:last-child > div:first-child > div:first-child {
    	text-align: center;
	}
	
	#loginWindowContent .editor-radius-field > input {
		width: 300px;
	}
	
	/* Account Optionen */
	.account img {
		float: left;
		margin: 0 10px 10px 0;
	}
	
	/* 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 .links {
		/*padding-right: 7px;*/
	}
		
	.checkout .rechts {
		/*padding-left: 7px;*/
	} 
	
	.checkout .block {
		display: table-cell;
	}
	
	.formular .block .margin {
		margin-left: 7px; 
	}
	
	.bezahlen .onePageHighlight,
	.versand .onePageHighlight {
		width: 150px;
	}
	
	.gutschein .text {
		text-align: left;
	}
	
	.gutschein .button {
		text-align: right;
		margin-top: 5px;
	}
	
	.checkout .checkout-gesamt {
		/*margin: 0 0 15px 0;*/
	} 
	
	.checkout .bestellen {
		font-size: 26px;
	}
	
	#boxKaufen {
		z-index: 1000;
		background-color: #FFFFFF;
	}

	/* Footer */
	.bg-infos { 
		text-align: left;
	}

	.bg-infos .infos .left {
		display: inline-table;
		padding-right: 5px;
	}
	
	.bg-infos .infos .right {
		display: inline-table;
	}
	
	.bg-infos .infos .clear {
		clear: both;
	}
	
	.bg-footer {  
		padding: 20px 0;
	}
	
	.kontakt img {
		position: relative;
		z-index: 2;
	}
	
	.bezahlen {
		margin-top: -60px;
		text-align: center;
	}
	
	.social {
		padding: 15px 0 0 0;
	}
	
	.copy .links {
		text-align: left;
		padding: 5px 15px;
	}
	
	.copy .rechts {
		text-align: right;
		padding: 5px 15px;
	}

	
}


/***************************************************************************/
/***************************** kleiner Desktop *****************************/
/***************************************************************************/
@media (min-width: 1030px) { 
	/* Allgemein */
	.container {
		width: 100%;
	}
	
	/* Header */	
	.logo img {
		margin: -30px auto 20px auto;
	}
	
	.suche-s {
		width: 455px;
		margin: 0 auto;
	}
	
	.icons .rechts {
		margin-top: 0;
	}
	
	/* Navi */ 
	.navi {
		padding: 15px 0 0 0;
		text-align: center;
	}
	
	.navi ul {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	.navi li {
		list-style: none;
		display: inline-block;
		padding: 10px 0;
	}
	
	/*.navi li:hover {
		background-color: #D27BD3;
	}*/
	
	.navi li:hover a {
		color: #D27BD3;
	}
	
	.navi a {
		color: #000000;
		font-size: 20px;
		text-decoration: none;
		padding: 0 15px;
	}

	.navi a.navi1 {
		display: block;
	}
	
	.navi ul.dropdown {
		display: none;	
	}
	
	.navi li:hover ul.dropdown {
		/*display: block;*/
		background-color: #FFFFFF;
		border: 1px solid #D27BD3;
		position: absolute;
    	z-index: 10000;
		margin: 10px 0 0 0;
	}
	
	.navi ul.dropdown li {
		padding: 7px 10px;
   	 	float: none; 
	}
	
	.navi ul.dropdown a.navi2:before,
	.navi ul.dropdown a.navi3:before {
		content: "\f105";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		padding-right: 10px;
	}
	
	.navi ul.dropdown li:hover {
		background-color: #E5E5E5; 
	}
	
	.navi ul.dropdown a { 
		color: #000000;
		border-right: none;
		padding: 0 5px;
	}

	/* Content */
	.content-box  {
		height: 43vh;
	}
	
	.ladenlokal .logo2 {
		margin: 0 auto -300px auto;
    	top: -220px;
		width: auto;
	}
	
	.content-box #linke-spalte {
		display: none;
		width: 280px;
	}
	
	.shopnavi {
		background-color: #FFFFFF;
		border: 1px solid #D27BD3;
		margin-bottom: 15px;
		border-top: none;
	}
	
	.shopnavi .main { 
		background-color: #FFFFFF;
		padding: 10px 15px; 
		font-size: 20px;
	}
	
	.shopnavi .main a { 
		color: #000000;
		text-decoration: none;
		font-size: 18px;
	}
	
	.shopnavi .main a:hover { 
		color: #000000;
	}
	
	.shopnavi ul {
		margin: 0;
		padding: 0;
	}
	
	.shopnavi li {
		list-style: none;	
		border-top: 1px solid #D27BD3;
	}
	
	.shopnavi .sub li {
		background-color: #FFFFFF; 
		line-height: 250%;
	}

	.shopnavi .sub a {
        color: #000000;
        text-decoration: none;
        font-size: 14px;
		font-weight: 400;
		padding: 0 15px;
    }
	
	.shopnavi .sub a:hover {
        color: #D27BD3;
    }
	
	.shopnavi .sub a:before {
		content: "\f0da";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		padding-right: 10px;
		color: #D27BD3;
	}

	.shopnavi .sub .sub .leaf {
		line-height: 200%;
		border-bottom: none;
		border: none;
	}
	
	.shopnavi .sub .sub .leaf a {
        font-size: 14px;
		padding: 0 0 0 30px;
    }
	
	.shopnavi .sub .sub .leaf a:before {
		content: "";
	}
	
	.filter {
		background-color: #FFFFFF;
		border: 1px solid #D27BD3;
		margin-bottom: 15px;
		padding: 0 15px 15px 15px;
	}
	
	.filter .filter-headline {
		border-bottom: 1px solid #D27BD3;
		padding: 10px 15px;
		margin: 0 -15px;
		font-size: 20px;
		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: 193px;
		background: #FFFFFF !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: #FFFFFF;
		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: 250px; 
		border-bottom: 1px solid #D27BD3;
		border-left: 1px solid #D27BD3;
		border-right: 1px solid #D27BD3;
		background-color: #FFFFFF;
		z-index: 101;
		position: relative; 
		display: block; 
		height: 370px; 
		overflow: hidden;
		margin-bottom: 15px;
	}
	
	.topoffer-headline {
		border: 1px solid #D27BD3; 
		background-color: #FFFFFF;
		padding: 10px 15px; 
		z-index: 100; 
		position: relative;
		font-size: 20px;
	}

	#topOfferMainContainer .ProductBoxBGColorKlein {
		background-color: #FFFFFF;
		border-bottom: 1px solid #D27BD3;
		position: absolute;
		width: 250px; 
		height: 240px; 
	}
	
	#topOfferMainContainer .zahl {
		margin-left: 10px;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		padding: 1px 6px; 
		background-color: #D27BD3;
		color: #FFFFFF;
		position: relative;
		top: 2px;
	}
	
	#topOfferMainContainer .name {
		margin-left: 10px; 
   		cursor: pointer;
	}
	
	#topOfferMainContainer .right {
		text-align: right;
	}
	
	#topOfferMainContainer .nur {
		margin-left: 10px;
    	cursor: pointer;
		color: #000000;
	}
	
	#topOfferMainContainer .preis {
		cursor: pointer;
		color: #000000;
		font-size: 18px;
	}
	
	/* Startseite */	

	
	/* Liste */
	.bg-infos-oben {
		min-height: 40px;
		background-color: #E5E5E5;
	}
	
	.infos-oben {
		margin: -45px -15px 25px -280px;
		padding: 0;
	}
	
	/* Detail */

	
	/* Warenkorb (Box) */	
	#basketv3 {
		margin-left: -435px;
	}
	
	/* Checkout */
	.checkout {
		margin: 0; 
	}
	
	/* Footer */	
	.bezahlen {
		margin-top: 0;
		text-align: left;
	}
	
	.social {
		padding-top: 25px;
	}
	
}

/**************************************************************************/
/***************************** großer Desktop *****************************/
/**************************************************************************/
@media (min-width: 1200px) { 
	/* Header */


	/* Navi */

	
	/* Content */
	.content-box  {
		height: 46vh;
	}
	
	.breite {
		width: 1170px;
		margin: 0 auto;
	}
	
	.ShopContentProductWidth {
		width: 1170px;
		margin: 0 auto;
		padding: 0 15px;
	}
	
	.ShopContentProductWidth2 {
		width: 1170px;
		margin: 0 auto;
		padding: 0 15px;
	}
	
	/* Startseite */
	.marken .slick-slider {
    	margin: 0 -20px;
	}

	.marken .slick-slide img {
		margin: 0 35px;
	}
	
	.marken .slick-prev {
		left: -25px;
	}
	
	.marken .slick-next {
		right: -35px;
	}
	
	/* Liste */

	
	/* Detail */

	
	/* Checkout */
	.checkout {
		width: 1170px;
		margin: 0 auto;
	}
	
	.checkout .rechts {
		/*width: 465px;*/
	}
	
	#boxKaufen {
		width: 450px;
	}
	
	/* Footer */
	.infos {
		width: 1170px;
		margin: 0 auto;
	}
	
	.footer {
		width: 1170px;
		margin: 0 auto;
	}

	.copy {
		width: 1170px;
		margin: 0 auto;
	}
	
}


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