@charset "utf-8";
html, body{margin:0px;padding:0px;}
html {scroll-behavior: smooth;}
body {color: rgb(0,0,0);font-size:1.1em;font-family: 'Noto Sans', Verdana, sans-serif;background-color:#9fc2b4;}
.nav{
	position: fixed;
	top:0px;
	height:130px;
	width:100%;
	text-align:right;
	background-color: rgba(79,97,90,1);
	padding-left:10px;
}
.nav::after{clear:both;}
.nav .logo{
	height: 120px;
	padding: 10px;
    float: left;
    position: absolute;
    left:10px;
    top: 10px;
}
.nav .logo img{max-height: 100px;width: auto;}
.nav .navpoints ul > li{display: inline-block;margin-right:2em;margin-left:2em;}
.nav .navpoints a {color: rgb(0,0,0);text-decoration: none;}
.nav .navpoints a:visited, .nav .navpoints a:active {color: rgb(0,0,0);text-decoration: none;}
.nav .navpoints a:hover {color: rgb(0,0,0);text-decoration: none;background-color: rgb(127,155,144);}

.content{margin-left:auto;margin-right:auto;max-width:1200px;margin-top:140px;}

.item {max-width:100%;padding-top:60px;}
/*.item:first-child{padding-top:0px;}*/
.item:after{clear:both !important;}
.item-left, .item-right {min-width:300px;max-width:300px;margin:0px !important;overflow:hidden;}
.item-left {float: left;}
.item-right {float: left;padding:5px;background-color:rgba(0,0,0,0.2);border:1px solid #cccccc;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: 4px 6px 6px 0px rgba(0,0,0,0.2);-moz-box-shadow: 4px 6px 6px 0px rgba(0,0,0,0.2);box-shadow: 4px 6px 6px 0px rgba(0,0,0,0.2);}
.item-center {float:left;width:50%;min-width:460px;max-width:550px;padding-left:15px;padding-right:15px;display: block;}
.item-center p:first-child{margin-block-start: 0em;}
.item-full {width:100%;}
.item-full::before, .item-full::after{clear:both;}

.slogan {
	width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 1.6em;
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding-top: 10px;
    padding-bottom: 10px;
}
.slogan .quelle {font-size:50%;font-weight: normal;};

h1 {visibility: hidden;display: none;}
h2, h3, h4, .slogan{font-family: 'Walter Turncoat', Verdana, cursive;font-size:1.5em;}
h2{font-size:1.8em;}
h3 {margin-top:0px !important;}
h4 {margin-top:0.5em; margin-bottom:0.4em;font-size: 1em;}
.item-right h3 {margin-top:1em;}
.bold {font-weight:bold;}
a, a:visited, a:hover {color:#c41b32;}
a, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

li {line-height: 1.5;}

#footer {margin-top:20px;height:30px;background-color:rgba(0,0,0,0.2);}
.clearer {clear: both;height: 0px!important;line-height: 0px;font-size: 0px;overflow: hidden;}
.ancor {height:0px!important;line-height: 0px;font-size: 0px;overflow: hidden;margin-bottom:140px;}

@media (max-width: 768px) {
	.item-left, item-center {float:none;width:100%;}
	.item-right {float:none;max-width:80%;width:80%;margin-left:10px;margin-right:10px;padding:10px;}
}