/* DevBox * nur für Entwicklungszwecke */
#devbox {
    position:fixed;
    top:50%;
    right:1rem;
    padding:3px 10px;
    z-index:9999;
    color:#000;
	line-height:1.2;
    font-size:0.8rem;
}
#devbox::after {display:block;}

/* Desktop wide */
@media only screen and (min-width:1301px) {
	#devbox {background: #fafb; border: 1px solid #faf;}
	#devbox::after {content:'Desktop wide';}
}

/* Desktop small */
@media only screen and (min-width:1001px) and (max-width:1300px) {
	#devbox {background: #ffab; border: 1px solid #ffa;}
	#devbox::after {content:'Desktop small';}
}

/* Tablet wide */
@media only screen and (min-width:801px) and (max-width:1000px) {
	#devbox {background: #faab; border: 1px solid #faa;}
	#devbox::after {content:'Tablet wide';}
}

/* Tablet small */
@media only screen and (min-width:601px) and (max-width:800px) {
	#devbox {background: #affb; border: 1px solid #aff;}
	#devbox::after {content:'Tablet small';}
}

/* Mobile wide */
@media only screen and (min-width:401px) and (max-width:600px) {
	#devbox {background: #aafd; border: 1px solid #aaf;}
	#devbox::after {content:'Mobile wide';}
}

/* Mobile small */
@media only screen and (max-width: 400px) {
	#devbox {background: #afad; border: 1px solid #afa;}
	#devbox::after {content:'Mobile small';}
}