/*--------------------------------------------------------------------*/
/* CONTENT SPECIFIC CSS SETTINGS
 * 	-> Container class for background settings
 *  -> Other class for actual settings
 *  -> More complex css may be added inline <page>-<lang>.html
/*--------------------------------------------------------------------*/


/*--------------------------------------------------------------------*/
/* GLOBAL */
/*--------------------------------------------------------------------*/

.contentp {
	display: inline-block;
	width: auto;
	background-color: #dddddd;
	box-shadow: 0px 0px 5px 3px #dddddd;

	padding: 5px;
	margin-bottom: 0.25em;	
	
	line-height: 1.5;
}

/*--------------------------------------------------------------------*/
/* CONTENT -2 (IMPRINT) */
/*--------------------------------------------------------------------*/

.content-2Container {

}
.content-2 {
	
}
.content-2Background {
	background-color:	var(--contentColor);
}
.content-2FixedBackgroundImage {

}
.content-2BackgroundImage {

}
@media screen and ((min-width: 1000px) and (min-height: 600px)) { 
	.content-2FixedBackgroundImage {
	
	}
	.content-2BackgroundImage {
		
	}
}
.content-2Shadow {
	box-shadow: inset 0px 0px 5px 3px var(--mainColor);
}

/*--------------------------------------------------------------------*/
/* CONTENT -1 (PRIVACY) */
/*--------------------------------------------------------------------*/

.content-1Container {

}
.content-1 {

}
.content-1Background {
	background-color:	var(--contentColor);
}
.content-1FixedBackgroundImage {

}
.content-1BackgroundImage {

}
@media only screen and (max-width: 1000px), only screen and (max-height: 600px) {
	.content-1FixedBackgroundImage {
	
	}
	.content-1BackgroundImage {
		
	}
}
.content-1Shadow {
	box-shadow: inset 0px 0px 5px 3px var(--mainColor);
}

/*--------------------------------------------------------------------*/
/* CONTENT 1 */
/*--------------------------------------------------------------------*/

.content1Container{

}
.content1 {
	
}
.content1Background{
	/*background-color: 	var(--mainColor);*/
}
.content1FixedBackgroundImage {
	background-image: 	url("../media/content-1-bg.jpg");
}
.content1BackgroundImage {

}
@media only screen and (max-width: 1000px), only screen and (max-height: 600px) {
	.content1FixedBackgroundImage {
		
	}
	.content1BackgroundImage {

	}
}
.content1Shadow {
	box-shadow: inset 0px 0px 5px 3px var(--mainColor);
}

/*--------------------------------------------------------------------*/
/* CONTENT 2 */
/*--------------------------------------------------------------------*/

.content2Container {
	
}
.content2 {

}
.content2Background {
	/*background-color: 	var(--contentGridItem2Color);*/
}
.content2FixedBackgroundImage {
	background-image: 	url("../media/content-2-bg.jpg");
}
.content2BackgroundImage {

}
@media only screen and (max-width: 1000px), only screen and (max-height: 600px) {
	.content2FixedBackgroundImage {
	
	}
	.content2BackgroundImage {
		
	}
}
.content2Shadow {
	box-shadow: inset 0px 0px 5px 3px var(--mainColor);
}

/*--------------------------------------------------------------------*/
/* CONTENT 3 */
/*--------------------------------------------------------------------*/

.content3Container {

}
.content3 {

}
.content3Background {
	/*background-color: 	var(--contentGridItem3Color);*/
}
.content3FixedBackgroundImage {
	background-image: 	url("../media/content-3-bg.jpg");
}
.content3BackgroundImage {

}
@media only screen and (max-width: 1000px), only screen and (max-height: 600px) {
	.content3FixedBackgroundImage {
		
	}
	.content3BackgroundImage {
		
	}
}
.content3Shadow {
	box-shadow: inset 0px 0px 5px 3px var(--mainColor);
}

/*--------------------------------------------------------------------*/
/* CONTENT 4 */
/*--------------------------------------------------------------------*/

.content4Container {
	
}
.content4 {

}
.content4Background {
	/*background-color: 	var(--contentGridItem4Color);*/
}
.content4FixedBackgroundImage {
	background-image: 	url("../media/content-4-bg.jpg");
}
.content4BackgroundImage {

}
@media only screen and (max-width: 1000px), only screen and (max-height: 600px) {
	.content4FixedBackgroundImage {
		
	}
	.content4BackgroundImage {
		
	}
}
.content4Shadow {
	box-shadow: inset 0px 0px 5px 3px var(--mainColor);
}