/********************
 *** CSS FÜR HOME ***
 ********************/

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body{
        display: block;
        box-sizing: border-box;
        
        margin: 0px;
        padding: 0px;
		
		background-color: #ffffff;
		
		overflow: hidden;
	}
    /*********************************
	 *** HEADER MIT LOGO & ADRESSE ***
     *********************************/
	#logo_n_adresse{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: 207px;
		
		padding-left: 40px;
		padding-right: 40px;
		
		padding-top: 25px;
		
		background-color: #fcd615;
	}
	/*** LOGO OBEN LINKS ***/
	#logo_n_adresse #logo{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		float: left;
	}
	/*** ADRESSE UND IMPRESSUM-LINK RECHTS ***/
	#logo_n_adresse #adresse{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		text-align: right;
		
		float: right;
	}
    /*********************************************************
     *** SLIDER-BILD MIT SOLGAN. UNTERHALB HEADER UND NAVI ***
     *********************************************************/
	#slider{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		top: 236px;
		
		width: 100%;
		height: 580px; /* WIRD PER JS EINGESTELLT */
		
		background-image: url("../../img/slider/01.jpg");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	/*** SLOGAN ÜBER SLIDER-BILD SCHWEBEND ***/
	#slogan{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		right: 40px;
		bottom: 40px;
	}
    /******************************************
     *** HOME CONTENT: BEREICH UNTEN RECHTS ***
     ******************************************/
	#home_content{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		top: 777px; /*** WIRD PER JS EINGESTELLT (/_js/_layout_home.js) ***/
		left: 0px;
		
		/*** width: 100%;  WIRD PER JS EINGESTELLT (/_js/_layout_home.js) ***/
		height: auto;
		
		padding-top: 35px;
		
		padding-left: 40px;
		/*
		padding-right: 40px !important;
		GREIFT NICHT ==>> WIDTH PER JS EINSTELLEN (FENSTERBREITE - 40PX)
		*/
		
		background-color: #ffffff;
		
		overflow-x: hidden;
		overflow-y: auto;
	}
	/***************************************************
	 *** 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: -40px;
		
		width: 40px;
		height: 220px;
		
		background-color: #ffffff;
	}
}