@media only screen and (min-width: 320px) and (max-width: 767px) {
    body{
        display: block;
        box-sizing: border-box;
        
        margin: 0px;
        padding: 0px;
		
		background-color: #ffffff;
		
		overflow-x: hidden;
	}
    /*************************************
	 *** HEADER MIT LOGO & MENU-BUTTON ***
     *************************************/
	#logo_n_adresse{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: 120px;
		
		padding-left: 20px;
		padding-right: 20px;
		
		padding-top: 20px;
		
		background-color: #fcd615;
	}
	/*** LOGO OBEN LINKS ***/
	#logo_n_adresse #logo{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		float: left;
	}
	#logo_n_adresse #adresse{
		display: none;
	}
    /******************************************************
     *** SLIDER-BILDER MIT ÜBER BILD SCHWEBENDEM SLOGAN ***
     ******************************************************/
	#slider{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		top: 120px;
		
		width: 100%;
		height: 320px; /* WIRD PER JS EINGESTELLT */
		
		background-image: url("../../img/slider/01.jpg");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	#slogan{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		right: 20px;
		bottom: 20px;
	}
    /********************************************************************************************
     *** HOME CONTENT GANZ UNTEN RECHTS. MIT TITEL UND LINK 'MEHR ERFAHREN' (OHNE FLIESSTEXT) ***
     ********************************************************************************************/
	#home_content{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		top: 327px; /*** WIRD PER JS EINGESTELLT (/_js/_layout.js) ***/
		left: 0px;
		
		width: 300px; /*** WIRD PER JS EINGESTELLT (/_js/_layout.js) ***/
		height: 250px;
		
		padding-top: 15px;
		
		padding-left: 20px;
		padding-right: 20px;
		/*
		padding-right: 40px !important;
		GREIFT NICHT ==>> WIDTH PER JS EINSTELLEN (FENSTERBREITE - 40PX)
		*/
		
		background-color: #ffffff;
		
		overflow-x: hidden;
	}
	/***************************************************
	 *** BUG 'PR' FÜR #HOME_CONTENT GREIFT NICHT.    *** 
	 *** DESHALB: ABDECKUNG RECHTS VON #HOME_CONTENT ***
	 ***************************************************/
	#abdeckung{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		top: 0px;
		right: -20px;
		
		width: 20px;
		height: 90px;
		
		background-color: #ffffff;
	}
}