@media only screen and (max-width: 767px) {
	
	/* Menu */
	
	.mobilemenu{
		display: block;
		text-align: right;
	}
	
	.menuContent{
		max-height: 0;
		overflow: hidden;
		text-align: right;
		position: absolute;
		right: 0px;
		width: 100%;
		background: #fff;
		z-index: 1;
		padding-right: 25px;
	}
	
	input:checked ~ .menuContent{
		max-height: 100%;
	}
	
	.menuelement{
		width: 100%;
		padding-left: 0px;
		padding-right: 25px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 40px;
	}
	
	
	/* Index */
	
	.indexImg{
		display: none;
	}
	.mobileIndexImg{
		display: block;
	}
	
	.designerÜberschrift{
		margin-bottom: 20px !important;
	}
	
	.designerImageBox{
		width: 100% !important;
		height: auto !important;
		margin-bottom: 0px !important;
	}
	
	.inline{
		width: 100%;
		margin-bottom: 40px;
		padding: 5px;
		background: #999;
		text-decoration: none;
	}
	
	.designerImageBox img{
		width: 100% !important;
		height: auto !important;
		border: 0px !important;
	}
	
	.designerName{
		display: none !important;
	}
	
	.designerNameList{
		display: none !important;
	}
	
	.designerImgBoxUnterschrift{
		display: block !important;
		text-align: center;
		color: #666666;
		padding: 10px;
		color: #fff;
	}
	
	
	/* Group Designer Page */
	
	.bigImg{
		display: none !important;
	}
	.bigImg img{
		width: 100% !important;
		height: auto !important;
	}
	
	#smallImgs{
		width: 100% !important;
		height: auto !important;
	}
	
	.row{
		width: 100% !important;
		height: auto !important;
	}
	
	#smallImgs img{
		width: 100% !important;
		height: auto !important;
		border: 0px solid !important;
		
		padding: 5px;
		background: #999;
		margin-bottom: 20px;
	}
	
	.mobileDesignerBox{
		display: block !important;
	}
	
	/* Werkstatt */
	
	.werkstattBox{
		margin-right: 0px !important;
	}
	
	.smallWerkstattRow{
		width: 100% !important;
		height: auto !important;
		margin: 0px !important;
	}
	
	.smallWerktstattImg{
		width: 100% !important;
		height: auto !important;
		border: 0px solid !important;
		
		padding: 5px;
		background: #999;
	}
	
	.werkstattText{
		width: 100% !important;
		height: 100% !important;
		margin: 0px !important;
	}
	
	
	/* Über Uns */
	
	.lebenslaufImg{
		width: 50% !important;
	}
	
	
	/* Impressum */
	
	.impressum_text{
		margin-top: 50px;
		width: 100%;
	}
}

@media (hover: none) and (pointer: coarse){
	
	/* Menu */
	
	.mobilemenu{
		display: block;
		text-align: right;
	}
	
	.menuContent{
		max-height: 0;
		overflow: hidden;
		text-align: right;
		position: absolute;
		right: 0px;
		width: 100%;
		background: #fff;
		z-index: 1;
		padding-right: 25px;
	}
	
	input:checked ~ .menuContent{
		max-height: 100%;
	}
	
	.menuelement{
		width: 100%;
		padding-left: 0px;
		padding-right: 25px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 40px;
	}
	
	
	/* Index */
	
	.indexImg{
		display: none;
	}
	.mobileIndexImg{
		display: block;
	}
	
	.designerÜberschrift{
		margin-bottom: 20px !important;
	}
	
	.designerImageBox{
		width: 100% !important;
		height: auto !important;
		margin-bottom: 0px !important;
	}
	
	.inline{
		width: 100%;
		margin-bottom: 40px;
		padding: 5px;
		background: #999;
		text-decoration: none;
	}
	
	.designerImageBox img{
		width: 100% !important;
		height: auto !important;
		border: 0px !important;
	}
	
	.designerName{
		display: none !important;
	}
	
	.designerNameList{
		display: none !important;
	}
	
	.designerImgBoxUnterschrift{
		display: block !important;
		text-align: center;
		color: #666666;
		padding: 10px;
		color: #fff;
	}
	
	
	/* Group Designer Page */
	
	.bigImg{
		display: none !important;
	}
	.bigImg img{
		width: 100% !important;
		height: auto !important;
	}
	
	#smallImgs{
		width: 100% !important;
		height: auto !important;
	}
	
	.row{
		width: 100% !important;
		height: auto !important;
	}
	
	#smallImgs img{
		width: 100% !important;
		height: auto !important;
		border: 0px solid !important;
		
		padding: 5px;
		background: #999;
		margin-bottom: 20px;
	}
	
	.mobileDesignerBox{
		display: block !important;
	}
	
	/* Werkstatt */
	
	.werkstattBox{
		margin-right: 0px !important;
	}
	
	.smallWerkstattRow{
		width: 100% !important;
		height: auto !important;
		margin: 0px !important;
	}
	
	.smallWerktstattImg{
		width: 100% !important;
		height: auto !important;
		border: 0px solid !important;
		
		padding: 5px;
		background: #999;
	}
	
	.werkstattText{
		width: 100% !important;
		height: 100% !important;
		margin: 0px !important;
	}
	
	
	/* Über Uns */
	
	.lebenslaufImg{
		width: 50% !important;
	}
	
	
	/* Impressum */
	
	.impressum_text{
		margin-top: 50px;
		width: 100%;
	}
}