@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-bold-webfont.woff2') format('woff2'),
		 url('fonts/lato-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-light-webfont.woff2') format('woff2'),
		 url('fonts/lato-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-lightitalic-webfont.woff2') format('woff2'),
		 url('fonts/lato-lightitalic-webfont.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
		 url('fonts/lato-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

* {margin:0; padding:0;box-sizing: border-box; border:0}

a {outline:none; text-decoration:none;}
 nav ul, nav li{list-style:none;}
html, body{height:100%;}
body{background-color: #fafbfb; font-family:'Lato', sans-serif; font-size:16px; letter-spacing:0.02em; line-height:24px; color:#444;}
#wrapper{
	position:relative;
	margin:auto;
	width:100%;
	max-width:1200px;
	box-shadow: 3px 3px 10px #999;
	background-color: #fff;
	min-height:100%;
}
#slider{z-index:-1;}

/* Kommentar: Logo */
#logo{position:absolute; left:2%; top:30px; z-index:9999; }
#logo img{width:280px;  height:auto; filter:invert(100%);}
@media screen AND (max-width:900px){
	#logo{ position: relative; top:0px; width:100%; padding:10px 0 5px 5%;}
	#logo img{width:30%; min-width:200px; filter: invert(0%);}
}
#slider img{pointer-events: none;}

#nav-button{margin-right:5%; margin-top:20px; float:right; margin-left:30px; display:none; cursor:pointer;
	width:70px;
}
#nav-button img{width:100%; height:auto;}
#navbar{margin-left:5%; margin-top:50px; width:25%; float:left; padding-bottom:20px; display:block;}
#navbar nav{padding-bottom:20px;}

main {margin-right:5%; margin-top:44px; width:60%; float:right; padding-bottom:30px;}
main img{max-width:100%; height:auto;}
@media screen AND (max-width:760px){
	#nav-button{display:block;}
	#navbar{width:70%; float:none; margin-top:25px; display:none;}
	main{margin-left:5%; width:90%; float:none; margin-top:25px;}
}



nav ul ul{display:none; margin-left:20px;}
nav li.current-menu-item ul, nav li.current-menu-ancestor ul{display: block;}  
nav li{border-top:dotted 1px #cc4400;}
nav li:last-child{border-bottom:dotted 1px #cc4400;}
nav a{
	color:#cc4400; display:block; padding:6px 10px 4px;
}
nav a:hover{
	background-color:#ff9966;
}
nav li.current-menu-item > a{
	background-color:#cc4400; color:#fff;
}

/* Kommentar: Headlines */
h1, h4{font-family:'Lato', sans-serif;}
h1{font-size:24px; font-weight:400; line-height:28px; color:#cc4400; margin-bottom:30px;}
h2{font-size:20px; color:#cc4400; margin:25px 0 5px;font-weight:700;}
h3{font-size:18px; color:#cc4400; margin:25px 0 5px;font-weight:700;}
h4{font-size:16px; color:#cc4400; margin:25px 0 5px;font-weight:700;}

main p, main ul{
	margin-bottom:16px;
}
main ul li{
	list-style-position: outside;
	list-style-type: circle;
	margin-bottom:5px;
	margin-left: 45px;
}

@media screen AND (max-width:500px){
	main li{margin-left: 20px;}
}

main a, .farbig{color:#cc4400;}
main a:hover{text-decoration:underline;}
.serif, em{font-family:'Lato', serif; font-style:italic;}
.autor{font-family:'Lato', serif; font-size:14px; font-style:italic;}

main table{margin-bottom:20px;}
main table p{margin:0;  line-height:19px;}
main td {vertical-align:top; font-size:15px; line-height:19px; padding-bottom:15px; padding-right:15px;}
main td:first-child {white-space:nowrap;}


.alignnone{float:none;}
.alignleft{float:left; margin-right:10px;}

footer{	
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	text-align:center;
	font-size:14px;
	border-top:dotted 1px #ccc;
}

footer a{
	color:#cc4400;
}
footer a:hover{
	text-decoration:underline;
}
footer ul{display:flex;justify-content:center;padding:10px 0;}
footer li{padding:0 10px; border-right:solid 1px #000; line-height: 100%; list-style: none;}
footer li:last-child{border-right:none 0px; }