/* css for http://www.bielor.eu --- (c) internetgestalten.de 2012 */

/* colors
dgreen 		#00653e
gelb		#FEBF33
*/

/* source-sans-3-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* source-sans-3-600 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/source-sans-3-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* source-sans-3-900 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 900;
	src: url('fonts/source-sans-3-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  

html {
	-webkit-font-smoothing: antialiased;
	/*overflow:scroll;*/
}

/*** general layout ***/
body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

.wrapper {
	width:960px;
	margin:40px auto 0 auto;
	position:relative;
	display:block;
}

header {
	height:205px;
	background: url(../images/background.svg);
	background-size: cover;
	display: flex;
	justify-content: flex-end;
}

header h1 {
	color: #FEBE34;
	font-size: 2.3em;
	text-align: right;
	font-family: 'Source Sans 3';
	margin-top: 65px;
	font-weight: 600;
}
header h1 span {
	display: block;
	font-weight: normal;
	font-weight: 900;
	font-size: 1.2em;
}
header h2 {
	color: #FEBE34;
	font-size: 1.5em;
	text-align: right;
	font-family: 'Source Sans 3';
	font-weight: 400;
	margin-top: 6px;
}

header h2 span {
	margin-right: 5px;
}

#logo {
	max-height: 136px;
	margin: 40px 30px;
}


/*** lvfha ***/
a:link 			{ color:#00653e; text-decoration:underline;}
a:visited 		{ color:#00653e; text-decoration:underline;}
a:focus 		{ color:#00653e; text-decoration:none; outline:0;}
a:hover 		{ color:#02452b; text-decoration:underline;}
a:active 		{ color:#00653e; text-decoration:underline;}



/*** navigation ***/
nav {
	font-family: 'Source Sans 3';
	font-weight:400;
	letter-spacing:+.3px;
	}
nav ul {
	list-style:none;
	margin:0;
	}
nav li {
	display:block;
	width:100%;
	margin:0;
	line-height:45px;
	height:45px;
	border-bottom:2px solid #00653e;
	}
nav li a:link,
nav li a:visited {
	display:block;
	font-size:18px;
	text-decoration:none;
	width:165px;
	color:#00653e;
	padding:0 0 0 52px;
	background:transparent url(../images/menu-standard.gif) no-repeat 18px center;
}

nav li.current a 	{
	background-image:url(../images/menu-aktiv.gif);
	}

nav li a:hover { color:#02452b;}

/*** main **/

#maincontent {
	width:960px;
	background:#FEBF33 url(../images/main-bg.gif) repeat-y 0 0;
	display:inline-table;
	color:#00653e;
	min-height:485px;
}

#slider { float:right; width:742px; height:485px; background:transparent url(../images/loading.gif) no-repeat 50% 50%;}
#slider img	{ display:none;}
#slider img.first { display:block;}

article {
	font-size:12px;
	line-height:1.6em;
	padding:0;
	float:right;
	width:730px;
	min-height:475px;
	}

section	{
	margin:20px 20px 20px 10px;
		}

.linkespalte { 
	width:46%; 
	float:left; 
	clear: both;
	margin-bottom: 2em;
}
.rechtespalte { 
	width:46%; 
	float:right; 
	margin-right:20px;
	margin-bottom: 2em;
}


.linkespalte img {
	margin: 1em 1em 1em 0;
	float: left;
}
.rechtespalte img  {
	margin: 0 0 1em 1em;
	float: right;
}

/*** sidebar ***/
aside {
	float:left;
	width:218px;
	margin:0;
	padding:0;
	}


/*** footer ***/
footer {
	clear:both;
	height:20px;
	padding:0;
	margin:0;
}



/*** text ***/

#maincontent h1 {
	font-family: 'Source Sans 3';
	letter-spacing:+.2px;
	margin:0 0 .4em 0;
	padding:0;
	font-size:24px;
	line-height:1.3em;
	font-weight:600;
}

#maincontent h2 {
	font-family: 'Source Sans 3';
	margin:0 0 .4em 0;
	padding:0;
	font-size:18px;
	line-height:1.4em;
	font-weight:600;
}

#maincontent h3 {
	font-family: 'Source Sans 3';
	margin:0 0 .4em 0;
	padding:0;
	font-size:14px;
	line-height:1.4em;
	font-weight:600;
}

#maincontent p,
#maincontent ul,
#maincontent ol,
#maincontent table {
	margin-bottom:.8em;
	}

.small		{ font-size:.85em; line-height:1.3em; }

.pdf 		{ padding-right:20px; background-image:url(../images/pdf_symbol_small.png); background-position:right; background-repeat:no-repeat;}

.fblink		{ margin:25px 0 0 0; padding-left:25px;}

img.rechts  { float:right; margin:5px 0 20px 20px;}
img.links	{ float:left; margin:5px 20px 20px 0;}

.button.anfrage { background: #00653e; padding: 8px 20px; color: #FEBF33; text-decoration: none; border-radius: 3px;}
.button.anfrage:hover { background: #FEBF33; color:#00653e; }

/*
 * print styles
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

a[href^=tel] { 
	color: #FEBE34!important;
 }

@media screen and (max-width: 980px) {

	#logo {
		max-height: 124px;
		margin-left: 18px;
	}

	#nav ul li.current  {
		background: #00653e;
	}
	#nav ul li.current a {
		background: #00653e;
		color: #FEBE34;
	}

	#maincontent {
		display: flex;
		flex-direction: column-reverse;
		background: #FFE6B9;
		width: 100%;
	}
	
	#maincontent p,
	#maincontent ul,
	#maincontent ol
	{
		font-size: 16px;
		line-height: 20px;
	}

	section {
		margin: 0 1em;
		padding: 0 1em;
	}

	.rechtespalte,
	.linkespalte,
	.wrapper,
	header,
	aside,
	article {
		width: 100%;
	}

	.rechtespalte img  {
		margin: 1em 1em 1em 0;
		float: left;
	}

	.wrapper {
		margin-top: 0;
	}

	header {
		height: auto;
	}

	header h1 {
		margin-top: 45px;
		font-size: 1.4em;
	}

	header h2 {
		font-size: 1.2em;
	}



	aside {
		background: #FEBF33;
		border-top: 2px solid #FEBE33;
	}

	article {
		padding-top: 2em;
	}

	article section div,
	.linkespalte,
	.rechtespalte {
		padding: 0 0 2em 0;
		margin: 0;
		text-align: left;
	}

	img.rechts {
		float: left;
		margin: 0;
	}

	.fblink img {
		margin-bottom: 5px;
	}

}

@media screen and (max-width: 550px) {

	header h2 span {
		display: none;
	}

}