@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	#content{
		width: 100% !important;
		
		padding-bottom: 30px !important;
	}
	
	/***********************
	 *** WILLKOMMEN LINK ***
	 ***********************/
	#willkommen_link{
		display: block;
		position: absolute;
		box-sizing: border-box;
		
		width: 192px;
		height: 98px;
		
		top: 0;
		right: 44px;
		
		padding-top: 23px;
		padding-left: 30px;
		
		border-left: 1px solid #000000;
	}	
	
	/********************************************************
	 *** TITEL UND NAV 'PORTRAIT' (IM COLLAGEN_CONTAINER) ***
	 ********************************************************/
	.collagen_container.titel_n_nav_portrait{
		height: 97px;
		
		border-top: none;
	}

	/**************************
	 *** COLLAGEN CONTAINER ***
	 **************************/
	.collagen_container{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: 250px;
		
		border-top: 1px solid #000000;
	}

	/*************************************
	 *** COLLAGEN CONTAINER FÜR BILDER ***
	 *************************************/
	.collagen_container .bild{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 72%;
		height: 100%;
		
		margin-right: 30px;
		
		border-right: 1px solid #000000;

		float: left;
	}

	/**********************
	 *** COLLAGE BILDER ***
	 **********************/
	.collagen_container .bild img{
		display: block;
		position: absolute;
		box-sizing: border-box;
	}

	/*************************
	 *** COLLAGE OELBILDER ***
	 *************************/
	.collagen_container .bild img#frau_gesicht{
		height: 160px;
		width: auto;

		top: 30px;
		left: 18px;
		
		z-index: 0;
	}
	.collagen_container .bild img#loewe{
		height: 150px;
		width: auto;

		top: 75px;
		left: 120px;
		
		z-index: 1;
	}
	.collagen_container .bild img#matterhorn_mit_schiff{
		height: 155px;
		width: auto;

		top: 45px;
		left: 218px;
		
		z-index: 2;
	}
	.collagen_container .bild img#frau-gesicht-liegend{
		height: 125px;
		width: auto;

		top: 30px;
		left: 313px;
		
		z-index: 1;
	}
	/*** 5. BILD AUSBLENDEN ***/
	.collagen_container .bild img#frau-gesicht-mit-Wolken{
		display: none;
	}
	
	/***************************
	 *** COLLAGE ENDLESSLINE ***
	 ***************************/
	.collagen_container .bild img#adler{
		height: 160px;
		width: auto;

		top: 30px;
		left: 18px;
		
		z-index: 0;
	}
	.collagen_container .bild img#frau_4_gesichter{
		height: 150px;
		width: auto;

		top: 75px;
		left: 120px;
		
		z-index: 1;
	}
	.collagen_container .bild img#frau_3_gesichter{
		height: 155px;
		width: auto;

		top: 45px;
		left: 218px;
		
		z-index: 2;
	}
	.collagen_container .bild img#delphin-matterhorn{
		height: 125px;
		width: auto;

		top: 30px;
		left: 313px;
		
		z-index: 1;
	}
	.collagen_container .bild img#halbes-gesicht{
		display: none;
	}
	
	/****************************
	 *** COLLAGE ARCHIVBILDER ***
	 ****************************/
	.collagen_container .bild img#frau_2_gesichter{
		height: 160px;
		width: auto;

		top: 30px;
		left: 60px;
		
		z-index: 0;
	}
	.collagen_container .bild img#phyton{
		height: 150px;
		width: auto;

		top: 75px;
		left: 140px;
		
		z-index: 1;
	}
	.collagen_container .bild img#matterhorn{
		height: 155px;
		width: auto;

		top: 45px;
		left: 240px;
		
		z-index: 2;
	}
	.collagen_container .bild img#vase{
		height: 150px;
		width: auto;

		top: 30px;
		left: 335px;
		
		z-index: 1;
	}
	.collagen_container .bild img#frau-raubkatze{
		display: none;
	}
	
	/******************************************
	 *** DIVERSES + PORTRAIT + KARRIKATUREN ***
	 ******************************************/
	.collagen_container .bild img#frau_mit_spatz{
		height: 160px;
		width: auto;

		top: 30px;
		left: 35px;
		
		z-index: 0;
	}
	.collagen_container .bild img#mann_gesicht{
		height: 150px;
		width: auto;

		top: 75px;
		left: 140px;
		
		z-index: 1;
	}
	.collagen_container .bild img#mann_mit_posaune{
		height: 155px;
		width: auto;

		top: 45px;
		left: 240px;
		
		z-index: 2;
	}
	.collagen_container .bild img#frauen_gesicht{
		height: 150px;
		width: auto;

		top: 30px;
		left: 355px;
		
		z-index: 1;
	}
	.collagen_container .bild img#kinder_gesicht{
		display: none;
	}
	
	
	/***************************
	 *** COLLAGEN NAVIGATION ***
	 ***************************/
	.collagen_container .nav{
		width: 100%;
		height: 100%;
	}
	.collagen_container .nav a{
		
		margin: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		
		line-height: 1.5 !important;
	}
	
	/***********************************************
	 *** NAVIGATION FÜR DEN REST (AUFTRÄGE ETC.) ***
	 ***********************************************/
	.collagen_container .nav_rest{
		padding-top: 10px;
	}
	.collagen_container .nav_rest a.zweizeilig{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		padding-top: 11px;
		padding-bottom: 0;
		margin-bottom: -15px;
		
		line-height: 1.3 !important;
	}
	/*********************************************
	 *** MEHR PLATZ FÜR DEN REST DER NAVIGAION ***
	 *********************************************/
	.collagen_container.nav_rest,
	.bild.nav_rest{
		height: 280px;
	}
}