/***********************************
CSS fuer service.dreusicke.de
Online Now! GmbH - 2014
Michael Boeneke

CSS - Mediaqueries

************************************/

.container {
  width:100% !important;
}

.anzeigenormal {
 display:block;
}
.anzeige320 {
 display:none;
}


@media (min-width: 1149px) { 

#wrapper {
 max-width: 1150px !important;
 padding:0;
} 
.wrappertopbottom {
  max-width: 1150px !important;
  padding:0;
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.teaser-kategorie {
	 max-width: 330px;
	}
	.urlbtn {
		font-size: 24px;
	}
	.navbar-firma {
	   width: 150px;
	   min-height: 50px;
	}
}
@media (min-width: 768px) {
	.container-kategorien {
		flex-direction: row;
		 -webkit-justify-content:space-between;
		-ms-justify-content:space-between;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}
}	

@media (min-width: 768px) and (max-width:  1024px) {

	.teaser-kategorie {
	 max-width: 250px;
	}
	
	.teaser-kategorie-item h3 {
		font-size:14px;
	}
	
	.urlbtn {
		font-size: 20px;
	}
}

@media (min-width: 768px) and (max-width: 840px) {
	.navbar-firma {
	   width: 150px;
	   min-height: 50px;
	}
	
}
	
	

@media (max-width: 768px) {


#footer a {
   padding: 20px 20px 20px 0;
}

.teaser-kategorie {
  margin: 30px auto;	
}	

.container > .navbar-header {
	margin-left:0;
}
.navbar-default .navbar-nav > li a, .navbar-default .navbar-nav > li img {
    padding: 5px  !important;
}

.dpsnavi { position:static !important; }
.dpsnavi li { float:none  !important; margin:  5px  !important;} 

.sprachauswahl {
margin: 20px 0px 20px;
}
.container-kategorien {
 height: auto;
 margin: 0 0 20px 0;
}
.navbar-brand {
 float: left;
 max-width: 350px;
}

.navbar-firma{
 margin: 0;
}

.dspkundeFirma {
	margin-bottom: 10px;
	margin-top: 15px;
}

#modifikation {
	width:100%;
	height:250px;
}

/*
.headline-warenkorb, .headline-lieferadresse, .headline-bestellung {
    width: 97% ;
}
*/
}


@media (max-width: 720px) {
	.checkouthinweis {
		display: block !important;
	}
}	
	

@media (max-width:550px){

.navbar-firma{
   position: static;
   -webkit-border-radius: 0 ;
   -moz-border-radius: 0 ;
   border-radius: 0 ;
   padding: 0 5px;
}
}

@media (max-width:480px){

.navbar-brand {
 float: left;
 margin-top: 5px;
 max-width: 200px;
}

.navbar-header {
	margin-bottom: 0;
}

.navbar-firma{
   position: static;
   -webkit-border-radius: 0 ;
   -moz-border-radius: 0 ;
   border-radius: 0 ;
   padding: 0 5px;
}


	#left-webcontent {
	  width: 95%;
	  float: left;
	}

	#main-webcontent-unterseite {
	  margin-left:5px;
	float:left;
	 width:95%;
	}

/*	
.anzeigenormal {
 display:none;
}
.anzeige320 {
 display:block;
}
	*/
	
	

.warenkorbHeadline .warenkorbItemCol2 {
 width: 40%;
} 

.warenkorbHeadline .warenkorbItemCol3 {
 width: 30%;
} 
.warenkorbHeadline .warenkorbItemCol7 {

} 


.warenkorbItemCol2 {
 width: 40%;
} 

.warenkorbItemCol3 {
 width: 60%;
} 

.warenkorbItemCol1 {
 width: 10%;
} 

.warenkorbItemCol4 {
 width: 30%;
} 

.warenkorbItemCol5 {
 width: 10%;
} 

.warenkorbItemCol6 {
 width: 20%;
} 

.warenkorbItemCol7 {

} 
	
.checkouthinweis {
display: block;
}
	
	
}

@media (max-width:360px){

	#suchformular label {
		float:none;
	}
}

@media (max-width:320px){


.headline-warenkorb:after, 
.headline-lieferadresse:after, 
.headline-bestellung:after { 
	border:none;
} 

.headline-warenkorb, 
	.headline-lieferadresse, 
	.headline-bestellung { 
		position: relative; 
		z-index:2;
		background: #35d8a1; 
		text-align: center;
		margin: 5px 0 20px 0;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}  

	.headline-lieferadresse:after, 
	.headline-bestellung:after { 
		border-color: rgba(208, 208, 208, 0); 
		border-top-color: #d0d0d0;
	}
	.headline-warenkorb:hover:after,
	.headline-lieferadresse:hover:after, 
	.headline-bestellung:hover:after { 
		border-color: rgba(45, 182, 136, 0);
		border-top-color: #2db688;
	}
	
	#footer a {
    padding: 4px;
   }

}