/***************************** Tablet ****************************/
@media (min-width: 768px) {	
	/* Allgemein */	
	.hidden-xs {
		display: block;
	}
	
	.visible-xs {
		display: none;
	}
	
	/* Header */
    .bg-header .header {
        height: 200px;
        padding: 15px 30px;
    }
    
	.bg-header .logo {
		float: left;
	}
	
	.bg-header .logo img {
		margin: 30px 0 0 0;
	}
	
	.bg-header .infos {
        text-align: right;
		float: right;
		text-transform: uppercase;
	}
    
    .bg-header .infos a {
		color: #FFFFFF;
        text-decoration: none;
        padding-left: 15px;
        font-size: 12px;
	}
	
	.bg-header .infos .weiss {
        color: #FFFFFF;
		font-size: 36px;
        font-style: italic;
        padding-top: 35px;
	}
    
    .bg-header .infos .rot {
        color: #BD1620;
		font-size: 32px;
        font-weight: 700;
        font-style: italic;
        padding-top: 10px;
	}
		
	.bg-navi .navi {
		padding: 15px 30px;  
        margin-top: -60px; 
	}
	
	.btn-navi .shopnavi { 
		display: inline-block;      
	}
	
	.btn-navi:hover .shopnavi {
		display: inline-block; 
	}
	
	.btn-navi .shopnavi ul {
		margin: 0; 
	}
	
	.btn-navi .shopnavi li {
		display: inline-block; 
		border-bottom: none;
		border-left: 1px solid #BD1620;
		padding: 0 15px;
	}
	
	.btn-navi .shopnavi li:last-child {
		border-right: 1px solid #BD1620;
	}
    
    .btn-navi .shopnavi a {
        color: #FFFFFF;
        font-size: 24px;
    }
	
	/* Content */
	.content-box h1 {
		font-size: 30px;
	}
    
    .content-box h2 {
		font-size: 24px;
		margin: 0 0 35px 0;
	}
	
	.content-box .galerie {
		float: left;
		width: 450px;
		margin-right: 20px;
	}
	
	.content-box .details {
		width: calc(100% - 470px);
		float: right; 
	}
	
	.bild-gross-position {
		height: auto;
	}
	
	.bild-gross-position a {
		height: auto;
	}
	
	.bildtext {
		font-size: 14px;
		top: -38px;
	}
	
	.thumbs label {
		margin: 0 5px 5px 0;
	}
	
	.lightbox-popup {
		top: 15%;
	}
	
	.lightbox:target .lightbox-popup {
		max-height: 600px;
		max-width: 600px;
	}
	
	.lightbox a.btn-close {
		right: -55px;
	}
	
	.detail-box .linie {
		margin: 25px 0;
	}
	
	.detail-box .artikelnummer {
		padding-bottom: 0;
	}
    
    .details .buttons {
		margin-top: 30px;
	}
	
	.details .button {
		margin: 15px 0;
	}
    
    .details .kaufen {
		margin: 15px 0;
	}
	
	.beschreibung {
		padding-top: 45px;
		font-size: 16px;
	}
	
	.tab-frame input { 
		display: none;
	}
	
	.tab-frame label { 
		display: block; 
		float: left;
		padding: 15px 25px;
		font-size: 20px;
        font-weight: 700;
		text-transform: uppercase;
		cursor: pointer;
		color: #0D0D0D;
		background: #CCCCCC;
		border: 1px solid #B2B2B2;
		border-bottom: 1px solid #CCCCCC;
	}
	
	.tab-frame label .linie {
		border-bottom: 1px solid #CCCCCC;
	}
	
	.tab-frame label:hover {
		background: #BD1620;
		border: 1px solid #BD1620;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		color: #FFFFFF;
	}
	
	.tab-frame label:hover .linie {
		border-bottom: 1px solid transparent;
	}
	
	.tab-frame input:checked + label { 
		background: #FFFFFF; 
		cursor: default;
		color: #0D0D0D;
		border: 1px solid #D9D9D9;
		border-bottom: 1px solid #FFFFFF;
	}
	
	.tab-frame input:checked + label .linie {
		border-bottom: 1px solid #FFFFFF;
		position: relative;
		top: 17px;
		margin: 0 -25px;
	}
	
	.tab-frame div.tab { 
		display: none; 
		padding: 20px;
		clear: left;
		background: #FFFFFF;
		border: 1px solid #BFBFBF;
	}
	
	.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1),
	.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2),
	.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3){ 
		display: block;
	}

	/* Footer */
	.bg-ebay .ebay {
		padding: 12px 0;
		width: 325px;
		margin: 0 auto;
		display: block;
	}

	.bg-footer {
		padding-top: 10px;
	}

	.bg-footer .footer {
		padding: 0 30px;
	}

	.footer .box {
		width: 33.33333333%;
		float: left;
	}
	
	.footer .bezahlen {
		float: right;
	}
	
	.copy {
		margin: 0 30px;
		padding: 15px 0 30px 0;
	}
	
	.copy .links {
		float: left;
		padding-bottom: 0;
	}
	
	.copy .rechts {
		float: right;
	}
}



/***************************** Desktop ****************************/
@media (min-width: 1200px) {	
	/* Allgemein */	
    #bg-shop {
		padding: 15px; 
	}
    
    .width1200 {
        border: 1px solid #CCCCCC;
		width: 1200px; 
		margin: 0 auto;
		display: block;
        padding: 25px 0;
	}
    
    .width980 {
		max-width: 1100px; 
		margin: 0 auto;
		display: block;
	}

	/* Content */
	.content-box .galerie {
		width: 530px;
        margin-right: 40px;
	}
	
	.content-box .details {
		width: calc(100% - 570px);
	}
	
	.lightbox:target .lightbox-popup {
		max-height: 800px;
		max-width: 800px;
	}
    
    .details .button {
        float: left;
        width: 260px;
	}
    
    .details .kaufen {
        float: right;
        width: 260px;
	}
	
	/* Footer */
    .bg-ebay {
        margin-bottom: 15px !important;
    }
    
	.footer .kontakt {
		width: 350px;
	}
	
	.footer .informationen {
		width: 230px;
	}
	
	.footer .bezahlen {
		width: 285px;
	}
	
	
}