/***************************** Tablet ****************************/
@media (min-width: 768px) {	
	/* Allgemein */		
	.width1200 {
		width: 766px;
		margin: 0 auto;
		display: block;
		border: 1px solid #000000;
	}
	
	.width950 {
		width: 700px;
		margin: 0 auto;
		display: block;
	}
	
	.width920 {
		width: 670px;
		margin: 0 auto;
		display: block;
	}
	
	.hidden-xs {
		display: block;
	}
	
	.visible-xs {
		display: none;
	}
	
	/* Header */
	.topnavi .box {
		padding-right: 10px;
	} 
	
	.topnavi .box i {
		margin-right: 10px;		
	}
	
	.topnavi .box span {
		display: inline;
		letter-spacing: 2px;
	}
	
	.topnavi .box .ausblenden {
		display: none;
	}
	
	.bg-header {
		background-image: url(../img/bg-oben-t.jpg);
		height: 350px;
	}
	
	.bg-header .header {
		padding-top: 195px;
	}
	
	.header .headline {
		font-size: 18px;	
		letter-spacing: 10px;
	}
	
	.btn-navi:hover .shopnavi {
		padding: 10px 15px 0 15px;
	}
	
	.btn-navi .shopnavi a {
		letter-spacing: 5px;
	}
	
	.btn-navi .close {
		width: calc(700px - 30px);
		position: relative;
		left: -15px;
	}
	
	/* Content */	
	.bg-content-box {
		background-image: url(../img/bg-unten.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% 100%;
		background-color: #000000;
	}
	
	.content-box {
		padding: 15px;	
		border: 1px solid #000000;
	}
	
	.rechte-spalte h1 {
		margin: 0 0 25px 0;
		font-size: 20px;
	}
	
	.rechte-spalte .preis {
		font-size: 36px;
		letter-spacing: 10px;
	}
	
	.rechte-spalte .btn-kaufen {
		width: 305px;
		letter-spacing: 10px;
	}
	
	.beschreibung .headline,
	.beschreibung2 .headline {
		font-size: 20px;
		letter-spacing: 10px;
	}
	
	.beschreibung table {
		width: 630px;
		margin: 0 auto;
		display: block;
	}
	
	.beschreibung table td {
		display: table-cell;
		width: auto;
	}
	
	/* Footer */
	.bg-copy {
		padding: 0 25px;
	}
	
	.copy .links {
		float: left;
		padding: 80px 0;
	}
	
	.copy .rechts {
		float: right;
		padding: 80px 0;
	}
}


/***************************** Desktop ****************************/
@media (min-width: 1030px) {	
	/* Allgemein */	
	.width1200 {
		width: 1198px;
	}
	
	.width950 {
		width: 950px;
	}
	
	.width920 {
		width: 920px;
	}
	
	/* Header */
	.topnavi {
		padding: 8px 0;
	}

	.topnavi .box {
		padding: 12px 25px;
	}
	
	.topnavi .last {
		padding-right: 25px !important;
	}
	
	.topnavi .box:hover {
		background-color: #B3C1B7;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-webkit-transition: all .5s ease;
	}
	
	.topnavi .box .ausblenden {
		display: inline;
	}
	
	.topnavi .box span {
		letter-spacing: 5px;
	}
	
	.bg-header {
		background-image: url(../img/bg-oben.jpg);
		height: 550px;
	}
	
	.bg-header .header {
		padding-top: 380px;
	}
	
	.bg-navi {
		display: none;
	}
	
	/* Content */		
	.content-box .linke-spalte {
		display: block;
		float: left;
		width: 270px;
		padding: 0 20px 0 0;
	}
	
	.content-box .rechte-spalte {
		width: 630px;
		float: right;
	}
	
	.linke-spalte .shopnavi2 {  
		background-color: #B3C1B7;
		padding: 10px 20px;
	}
	
	.linke-spalte ul { 
		margin: 0; 
		padding: 0; 
	}
	
	.linke-spalte li {  
		padding: 12px 0; 
		list-style: none;	
		display: flex;	
	} 
	
	.linke-spalte li:before {  
		content: "\f101";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #6C6057;
		padding-right: 15px;
		font-size: 20px;
	}
	
	.linke-spalte li a { 
		color: #FFFFFF;
		font-size: 14px;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 3px;
	}
	
	.linke-spalte li a:hover {
		color: #6C6057;
	} 
	
	.linke-spalte img {  
		margin: 15px auto 0 auto;
		display: block;	
	} 
	
	.beschreibung {
		margin-left: 285px;
    	width: 630px;
	}
	
	.frau {
		display: block;
	}
	
	.frau img {
		margin: -752px 0 0 22px;
	}
	
	/* Footer */

}