@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'Noto';
	src: url('fonts/notoserif-variablefont_wdth-wght.woff2') format('woff2 supports variations'),
		url('fonts/notoserif-variablefont_wdth-wght.woff2') format('woff2-variations');
	font-display: swap;
	font-weight: 100 900;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto Condensed';
	src: url('fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
		 url('fonts/robotocondensed-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto Condensed';
	src: url('fonts/robotocondensed-light-webfont.woff2') format('woff2'),
		 url('fonts/robotocondensed-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto Condensed';
	src: url('fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
		 url('fonts/robotocondensed-regular-webfont.woff') format('woff');
	font-weight:400;
	font-style: normal;
}

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

/* Footer immer unten positionieren */
html, body{height: 100%; margin: 0;}
#wrapper {display: flex; flex-direction: column; min-height: 100vh;}
main {flex: 1;}

body{font-size:16px; font-family: 'Noto', serif; font-weight: 300;}
#wrapper{width:94%; max-width:960px; margin:auto;}
.page #wrapper{max-width:740px;}
.page main{border-top: solid 1px #aa0000; padding-top:25px;}

header{padding:20px;}
.feed {display:flex; align-items:center; width:100%;  padding:5px 0 7px; border-top: solid 1px #aa0000;}
.logo {text-align: center; font-family: 'Roboto Condensed'; font-size:14px; line-height:15px;  width:10%; display:table-cell; vertical-align: middle;}
.logo a{color: #777;}
.logo img{max-width:90%; max-height:35px; height:auto; display:block; margin:0 auto 5px;}
.items{width:90%; letter-spacing: 0.015em; padding-left:20px;}
.items li {display:flex; justify-content:space-between; padding:3px 0; list-style-type: none;}
.item-title{padding:0px 20px 0 0; line-height:22px;}
.item-date{font-family: 'Roboto Condensed'; font-size:14px; color: #777; line-height:22px; padding-right:5px;}

.header-title{ font-size:30px;font-weight:400; text-align: center; }
.header-title a{ color:#555;}
.header-subtitle{font-family: 'Roboto Condensed'; font-size:21px; font-weight:300; line-height:21px; color:#aa0000; margin-bottom:15px; text-align: center; }

.home h1{text-align:center; font-family: 'Roboto Condensed'; font-size:18px; font-weight: 300; margin-top:-10px; margin-bottom:3px;}
.home p.intro{text-align:center; font-family: 'Roboto Condensed'; font-size:18px; margin-bottom:20px;}

h1{font-size:19px; font-weight:600; margin-bottom:20px;}
h2{font-size:16px;  font-weight:600; margin:25px 0 15px;}
p{line-height:160%; margin-bottom:15px;}
a{color:#000; text-decoration: none;}
main strong{ font-weight: 400; color:#aa0000; font-family:'Roboto Condensed'}
main .page ul{list-style-type: circle; margin: 0 0 15px 15px;}
main .page a{color:#aa0000; }
main .page a:hover{text-decoration: underline;}


@media screen and (max-width:600px){
	header{padding:10px 0 0;}
	.items{width:auto; padding:0 0 0;}
	.feed, .items li {display:block;}	
	.logo{display:block; width:auto; text-align: left; margin:5px 0;}
	.logo img{display:inline-block; margin: 0 10px 0 0; max-width:100px; max-height:25px;}
	.name {display:inline-block;}
	.item-title{padding-right:5px;}
}

footer{padding:30px 0 40px; border-top: solid 1px #aa0000;}
footer li{font-family:'Roboto Condensed', sans-serif; font-size:17px; list-style-type: none; display: inline-block; margin-right:22px;}
footer li:last-child{margin-right:0px;}
footer li a{color:#000;}
footer li a:hover{text-decoration: underline;}
footer li.current_page_item a{color:#aa0000;}
@media screen and (max-width:600px){
	footer{padding:25px 0 30px;}
	footer ul{column-count: 3; column-gap: 10%;}
	footer li{display: block; margin-bottom: 5px; margin-right:0;}
}