header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/shared/fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/shared/fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/***************************************************
**             custom CSS starts here             **
***************************************************/

/* layout and general definitions
--------------------------------------------------*/

html, 
body {
	height:100%;
}

body {
	background: none repeat scroll 0 0 #fff;
	/*font-size: 100.01%; /* is already in the Contao reset.css */
    color: #000;
	font-family: 'Source Sans Pro', Calibri, sans-serif;
    font-weight:300;
    line-height:1.25; /* 20px */
}

/* vertical centering
--------------------------------------------------*/

#wrapper {
	height:85%;
	margin:0 auto;
	width:48em; /* 768px */
	padding:2% 0;
}

#floater { 
    float: left; 
    height: 50%;
    width: 100%;
    margin-bottom: -12.5em; /* must be half of the container height */
}

#container {
    clear: both;
    height: 25em; /* 400px */
    text-align:center;
}

/* font definitions
--------------------------------------------------*/

h1, h2 {
	font-weight:300;
	margin:0; /* overwrite margins from the Contao reset.css */
}

#startTitel {
	font-size:3em; /* 48px */
	line-height:0.875; /* 42px/48px */
	color:#ec0006;
	text-align:center;
}

.bildStart h1 {
	font-size: 1.25em; /* 20px */
	line-height: 1;
	padding: 1em 0;
}

strong {
	font-weight:400;
}

/* links
--------------------------------------------------*/

a {
	text-decoration:none;
}

a:link, 
a:visited {
	color:#999;
}

a:hover, 
a:active {
	color:#000;
}

a:link, a:hover, a:focus, a:active, a:visited {
    outline: medium none;
}

.image_container a:link, 
.image_container a:visited {
	color:#000;
}

.image_container a:hover {
	color:#000;
}

.image_container a:active {
	color:#000;
}

/* language switch
--------------------------------------------------*/

#sprachenwechsler {
	margin:1.875em 0 2.8125em 0;
}

#sprachenwechsler a:active {
	text-shadow: 0 0 0.1875em #999;
}

#sprachenwechsler ul {
	margin-bottom:0;
}

#sprachenwechsler li {
	display:inline-block;
}

#sprachenwechsler li.first::after {
	content: "|";
	padding: 0 0.2em 0 0.4em;
	font-weight: 400;
}


/* flexible images
--------------------------------------------------*/

img {
	width:100%;
	max-width:100%;
	height:auto;
}


/* images
--------------------------------------------------*/

.bildStart {
	background: none repeat scroll 0 0 #fff;
	float:left;
	margin: 0 1.43229%; /* 11px */
	width: 30.46875%; /* 234px/768px */
}

.bildStart:hover {
	background-color:#eee;
}

.bildStart:active {
	background-color:#eee;
	-moz-box-shadow: 0 0 0.1875em #999;
	-webkit-box-shadow: 0 0 0.1875em #999;
	box-shadow: 0 0 0.1875em #999;
}

.image_container {
	padding: 0.375em; /* 6px */
	border:1px solid #ddd;
}

.image_container .caption {
	display:none;
}

/* Media Queries
--------------------------------------------------*/

/*-------------------- 799px ---------------------*/

@media screen and (max-width: 49.9375em) {

	#wrapper {
		width:36.375em; /* 582px */
	}

	#floater {
	    margin-bottom: -10.625em;
	}

	#container {
	    height: 21.25em; /* 340px */
	}

	.bildStart h1 {
		font-size:1em;
	}

} 

/*-------------------- 599px ---------------------*/

@media screen and (max-width: 37.4375em) {

	#wrapper {
		width:93%;
		height:100%;
		padding:0;
	}

	#container {
		height:auto;
	}

	#floater {
		display:none;
	}

	#startTitel {
		margin-top:0.5em;
	}

	.bildStart { 
		width: 14.625em; /* 234px */
	}

	.bildStart,
	.bildStart.last {
		float:none;
		margin: 0 auto 1.375em;
	}

	.bildStart h1 {
		font-size:1.25em;
	}

}