:root {
	--nh:4em;/** Nav-Height */
	--pn:1em;/** padding nav */
}
html{
	font-family:Arial,Helvetica;
}
body{
	margin-top:calc(var(--nh) + var(--pn) + var(--pn));
}
::-webkit-scrollbar {
  width: 8px;
  height:8px;
}

/* Track */
::-webkit-scrollbar-track {
  background:#dbdbdb;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #aaa;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
h2{
    margin: 3em 0 1.3em 0;
}
h2 span{
	color: blue;
    font-size: .8em;
    margin-left: 1em;
}
#nav{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height:var(--nh);
    z-index: 99;
	padding:var(--pn);
}
#footer{
	padding: 3em 0 2em 0;
    color: #8f8f8f;
    text-align: center;
}
#map{
	text-align:center;
}
#map svg{
	width:100%;
	max-width:780px;
}
label{
	font-size: .9em;
    margin-right: 0.5em;
}
.button{
    background: #607d8b;
    color: #fff;
    padding: 0.3em 0.5em;
    border-radius: 0.4em;
	text-decoration: none;
	cursor:pointer;
}
.wall{
	width:100%;
	overflow:auto;
	background:#e1e1e1;
}
.inner{
	margin:1em;
}
.row{
	white-space:nowrap;
}
.row span{
	float:left;
	margin:0 1px 1px 0;
	height:17px;
}
.left span{
	margin:0 1px 1px 0;
}
.right span{
	float:right;
	margin:0 0 1px 1px;
}
.no{
	color: #fff;
	position: relative;
	padding: 0.3em;
	font-weight: bold;
}
.no span{
	background:rgb(0 0 0 / 50%);
}
span.n{
	display:none;
}
.no span.s{
	display: none;
    float: unset;
    width: 1px;
}
[data-no="1"] .no span.s{
	margin-top:1.6em;
}
.no span p{
    background: rgb(0 0 0 / 50%);
    right: 0.3em;
    position: absolute;
    margin: 0;
    color: #fff;
    padding:.2em .3em;
    font-weight: normal;
	border-radius:.3em;
}
.info{
	color: red;
    font-size: 1.4em;
}
.close{
	position: absolute;
    right: 0;
    background: red;
    color: #fff;
    width: 1em;
    height: 1em;
    padding: 0.3em;
    border-radius: 100%;
    top: 0;
    margin: 0.3em;
    cursor: pointer;
}
[data-no="1"] .no span.n,
[data-show="1"] .no span.s{
	display:block;
}
.left .no{
	float:right;
}
.clear{
	clear:both;
}
/** download Bereich */
.dl{
	margin:0;
}
.dl span{
    width:9em;
    display: inline-block;
    margin-left: 1em;
}
.dl em{
    margin-left: 2em;
    font-style: normal;
	width: 5em;
    display: inline-block;
}
.dl .date{
	color:#a1a1a1;
}
/**	--------------------------------------------- 800 ---------------------------------- */
@media (min-width: 800px) {
	[data-scroll] #map{
		position: fixed;
		background: #fff;
		top: 0;
		right: 0;
		z-index: 999;
		border: 1px solid #ccc;
		padding: 1em;
	}
	#map[data-small]{
		height: 100px;
		padding: 0.2em;
	}
	#map[data-small] .close{
		display:none;
	}
	[data-scroll] #page{
		margin-top:200px;
	}
}