/*********************************************
 *** CSS FÜR SUB-PAGE MIT MIT CONTENT TEXT ***
 *********************************************/

@media only screen and (min-width: 320px) and (max-width: 767px) {
    body{
        display: block;
        box-sizing: border-box;
        
        margin: 0px;
        padding: 0px;
		
		background-color: #fcd615;
		
		overflow-x: hidden;
	}
    /*************************************
	 *** HEADER MIT LOGO & MENÜ-BUTTON ***
     *************************************/
	header{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: 85px;
		
		padding-left: 20px;
		
		padding-top: 20px;
		
		background-color: #fcd615;
	}
	header .logo{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		float: left;
	}
	header .adresse{
		display: none;
	}

	/********************************
     *** CONTENT UNTERHALB HEADER ***
     ********************************/
	#content{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		top: 85px;
		
		width: 100%;
		height: auto;
		
		padding: 20px;
		padding-bottom: 30px;

		background-color: #ffffff;
	}
	/*********************************************************************
	 *** SLIDER MIT CONTAINER FÜR SLIDER-SCHALTER UND SCHLEIDER-BALKEN ***
     *********************************************************************/
	#slider{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		width: 100%;
		/* 
		top & height wird per js eingestellt: slider_top_n_height() im /_js/_layout_sub_page_content_text.js
		*/
		
		background-image: url("../../img/slider/frau-ruft-taxi.jpg");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	/*** SCHLEIER-BALKEN ***/
	#slider #schleier_balken_unten{
		display: block;
		position: absolute;
		
		bottom: 0px;
		
		width: 100%;
		height: 50px;
		
		background-color: #ffffff;
		
		opacity: 0.7;
	}
	/*******************************************************************************
	 *** CONTAINER FÜR SLIDER-SCHALTER MIT PREVIOUS- & NEXT-BUTTON SOWIE COUNTER ***
	 *******************************************************************************/
	#container_slider_schalter{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		left: 0px;
		/* bottom: wird per js eingestellt: bottom_container_slider_schalter() im /_js/_layout_sub_page_content_text.js
		*/
		
		width: 174px;
		height: 50px;
		padding-top: 12.5px;
		
		background-color: #000000;
	
		z-index: 1;
	}
	/*** PREVIOUS- & NEXT-BUTTON ***/
	img#previous, img#next{
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		
		width: 25px;
		height: auto;

		margin-top: -4px;
	}
	img#previous{
		margin-right: 11px;
	}
	img#next{
		margin-right: 15px;
	}
	/****************************
	 *** CONTENT UNTEN BÜNDIG ***
	 ****************************/
	#kontaktieren_sie_uns #unten_buendig{
		display: none;
	}
	/*****************************************
	 *** ABDECKUNG RECHTS VON HOME_CONTENT ***
	 *** BUG 'PR' GREIFT NICHT             *** 
	 *****************************************/
	#abdeckung{
		display: none;
	}
}