/*******************************************************************
	0. FONTS
*******************************************************************/

@charset "utf-8";

@font-face {
	font-family: 'Roboto-Regular';
	src:url('../SHARED/fonts/roboto/RobotoCondensed-Regular.woff') format('woff'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Regular.woff2') format('woff2'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Regular.eot'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Regular.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto-Bold';
	src:url('../SHARED/fonts/roboto/RobotoCondensed-Bold.woff') format('woff'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Bold.woff2') format('woff2'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Bold.eot'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Bold.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto-Italic';
	src:url('../SHARED/fonts/robotoRobotoCondensed-Italic.woff') format('woff'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Italic.woff2') format('woff2'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Italic.eot'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'),
			url('../SHARED/fonts/roboto/RobotoCondensed-Italic.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*******************************************************************
	1. ALLGEMEIN
*******************************************************************/

body
{
	background: white;
	font-size: 1em;
	line-height: 1.4em;
	color: #606060;
}

b, strong
{
	font-family: 'Roboto-Bold', Arial, sans-serif;
}

p 
{
	margin: 0px 0px 15px 0px;
	font-family: 'Roboto-Regular', Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
}

a:link, a:visited
{
	text-decoration: underline;
	color: red;
}

a:hover, a:active, a:focus
{
	text-decoration: none;
	color: red;
	outline: none;
}

h1
{
	font-family: 'Roboto-Regular', Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #1e1e1e;
}

@media screen and (min-width : 1024px) {
	h1
	{
		font-size: 2.5em;
		margin: 0px 0px 30px 0px;
	}
}

h2
{
	font-family: 'Roboto-Regular', Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1em;
	margin: 45px 0px 15px 0px;
	text-transform: uppercase;
}

h3
{
	font-family: 'Roboto-Regular', Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 45px 0px 15px 0px;
}

.kleiner
{
	font-size: 0.75em;
	line-height: 1em;
}

/*******************************************************************
	2. GRID
*******************************************************************/

[class^='column']
{
  width: 100%;
  clear: both;
  margin: 0px 0px 8px 0px;
}

@media screen and (min-width : 768px) {

	[class^='column']
	{
		clear: none;
		float: left;
	}
	
	.column_20
	{
		width: 20%;
	}
	
	.column_25
	{
		width: 25%;
	}
	
	.column_30
	{
		width: 30%;
	}

	.column_33
	{
		width: 33.33%;
	}
	
	.column_50
	{
		width: 50%;
	}

	.column_66
	{
		width: 66.66%;
	}
	
	.column_70
	{
		width: 70%;
	}
	
	.column_75
	{
		width: 75%;
	}
	
	.column_80
	{
		width: 80%;
	}

	.column_100
	{
		width: 100%;
	}
}

/*******************************************************************
	3. INDIVIDUELLE STYLES
*******************************************************************/

#container_headline {}

#wrap_headline {}

.block_text {}

	.wrap_text {}
	
.block_poi_search {}

	.wrap_poi_search {}
	
		.poi_search_bar {}
		
		.poi_search_submit {}
		
		.poi_search_suggestions {}
		
.container_poi_view {}

	.wrap_poi_view {}
	
		.poiview_image_list {}
		
			.poiview_image_item {}
			
				.poiview_image {}
	
		.poisearch_list {}
		
			.poisearch_item {}
			
				.poisearch_wrap {}
				
					.poisearch_link
				
					.poisearch_left {}
					
						.poisearch_left > img {}
					
					.poisearch_right {}
					
#container_footer {}

	#wrap_footer {}
	
		#footer_copyright {}