@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	/*************************************
     *** NAVIGATION GTE 768 AUSBLENDEN ***
	 *************************************/
	#willkommen_link,
	.collagen_container .nav,
	.collagen_container .nav_rest{
		display: none;
	}
	#nav_container nav ul li a{
		line-height: 1.3 !important;
		
		padding-top: 20px;
		padding-bottom: 20px;
		
		border-bottom: 1px solid #000000;
	}
	#nav_container nav ul li:first-child a{
		padding-top: 10px;
	}
	#nav_container nav ul li:last-child a{
		padding-bottom: 10px;
		border-bottom: none;
	}
	
	/*********************************
     *** COLLAGEN-BILDER CONTAINER ***
	 *********************************/
	.collagen_container .bild{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		
		border-top: 1px solid #000000;
		
		text-align: center;
	}
	
	/*******************************************
	 *** 1. CONTAINER (MIT TITEL 'GALERIEN') ***
	 *******************************************/
	.collagen_container:first-child .bild{
		height: 55px;
		
		padding-top: 0;
		border-top: none;
	}
	
	/*******************************************************
	 *** LETZTER CONTAINER (FÜR NAVI GTE 768) AUSBLENDEN ***
	 *******************************************************/
	.collagen_container:last-child .bild{
		display: none;
	}
	
	/************************************************************
	 *** CONTAINER FÜR ERSTE 3 BILDER (HORIZONTAL ZENTRIEREN) ***
	 ************************************************************
	 *** FÜR OELBILDER UND ENDLESSLINE ***/
	.collagen_container_fuer_3_Bilder_320{
		width: 290px;
		height: 180px;
		
		margin: 0;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	/*************************
	 *** COLLAGE OELBILDER ***
	 *************************/
	#galerie_oelbilder.collagen_container .bild{
		height: 265px;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#frau_gesicht{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		z-index: 0;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#loewe{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		left: 89px;
		top: 35px;
		
		z-index: 1;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#matterhorn_mit_schiff{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		left: 178px;
		top: 15px;
		
		z-index: 2;
	}
	/*** 4. UND 5. BILD AUSBLENDEN ***/
	.collagen_container .bild img#frau-gesicht-liegend,
	.collagen_container .bild img#frau-gesicht-mit-Wolken{
		display: none;
	}
	

	/***************************
	 *** COLLAGE ENDLESSLINE ***
	 ***************************/
	#galerie_endlessline.collagen_container .bild{
		height: 265px;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#adler{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		z-index: 0;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#frau_4_gesichter{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		left: 89px;
		top: 35px;
		
		z-index: 1;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#frau_3_gesichter{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		left: 178px;
		top: 15px;
		
		z-index: 2;
	}
	.collagen_container .bild img#delphin-matterhorn,
	.collagen_container .bild img#halbes-gesicht{
		display: none;
	}

	/************************************************************
	 *** CONTAINER FÜR ERSTE 3 BILDER (HORIZONTAL ZENTRIEREN) ***
	 ************************************************************
	 *** FÜR ARCHIVBILDER ***/
	#galerie_archivbilder .collagen_container_fuer_3_Bilder_320{
		width: 254px;
		height: 180px;
		
		margin: 0;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	
	/****************************
	 *** COLLAGE ARCHIVBILDER ***
	 ****************************/
	#galerie_archivbilder.collagen_container .bild{
		height: 265px;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#frau_2_gesichter{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		z-index: 0;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#phyton{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		left: 70px;
		top: 35px;
		
		z-index: 1;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#matterhorn{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 125px;
		width: auto;
		
		left: 160px;
		top: 15px;
		
		z-index: 2;
	}
	.collagen_container .bild img#vase,
	.collagen_container .bild img#frau-raubkatze{
		display: none;
	}

	/**************************************************
	 *** COLLAGE DIVERSES + PORTRAIT + KARRIKATUREN ***
	 **************************************************/
	#galerie_diverses.collagen_container .bild{
		height: 265px;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#frau_mit_spatz{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 145px;
		width: auto;
		
		z-index: 0;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#mann_gesicht{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 138px;
		width: auto;
		
		left: 89px;
		top: 35px;
		
		z-index: 1;
	}
	.collagen_container .bild .collagen_container_fuer_3_Bilder_320 img#mann_mit_posaune{
		display: block;
		position: absolute;
		box-sizing: border-box;

		height: 138px;
		width: auto;
		
		left: 170px;
		top: 15px;
		
		z-index: 2;
	}
	.collagen_container .bild img#frauen_gesicht,
	.collagen_container .bild img#kinder_gesicht{
		display: none;
	}
}