body {
font-family: Arial,Hel,Verdana,sans-serif;
background: #FFFFFF;
color: #000000;
hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
font-size: 1.2em;
border : 0;
padding : 0;
margin: 0;
}

header {
background: #FFFFFF;
padding : 0 0 0.25em 0;
}

#stripes {
display: flex;
height: 1.5em;
}

#stripes span {
width: 100%;
flex-grow: 1;
}

#stripes span:nth-child(13n-12) {
background: #F3E514;
}

#stripes span:nth-child(13n-11) {
background: #FFFFFF;
width: 20%;
}

#stripes span:nth-child(13n-10) {
background: #005319;
}

#stripes span:nth-child(13n-9) {
background: #FFFFFF;
width: 20%;
}

#stripes span:nth-child(13n-8) {
background: #F3E514;
}

#stripes span:nth-child(13n-7) {
background: #FFFFFF;
width: 20%;
}

#stripes span:nth-child(13n-6) {
background: #005319;
}

#stripes span:nth-child(13n-5) {
background: #FFFFFF;
width: 20%;
}

#stripes span:nth-child(13n-4) {
background: #F3E514;
}

#stripes span:nth-child(13n-3) {
background: #FFFFFF;
width: 20%;
}

#stripes span:nth-child(13n-2) {
background: #005319;
}

#stripes span:nth-child(13n-1) {
background: #FFFFFF;
width: 20%;
}

#stripes span:nth-child(13n) {
background: #F3E514;
}

main {
background: #FFFFFF;
margin: 0 auto;
max-width: 60em;
padding: 1.5em;
}

nav {
background: #FFFFFF;
border : 0;
padding : 0;
margin: 0 auto;
max-width: 60em;
}


.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
  text-align: center;
  padding: 1.25em;
  text-decoration: none;
  font-size: 100%;
}

.topnav a:hover {
  background-color: #00602B;
  color: #FFFFFF;
}

.topnav a:active {
  background-color: #00602B;
  color: #FFFFFF;
}

.topnav .icon {
  display: none;
}

nav li {
display: inline-block;
}

footer {
text-align: center;
background: #000000;
color: #999999;
line-height: 130%;
}

h1 {
font-size: 200%;
font-weight: normal;
}

h2 {
font-size: 175%;
font-weight: normal;
}

h3 {
font-size: 150%;
font-weight: normal;
font-style: italic;
}

h4 {
font-size: 125%;
font-weight: bold;
}

h5 {
font-size: 100%;
}

p {
font-size: 125%;
hyphens: auto;
}

ol {
text-align: left;
}

ul {
font-size: 125%;
padding-left: 2.0em;
text-align: left;
}

ul ul {
font-size: 100%;
padding: 0 0 0 1.0em;
font-style: italic;
text-align: left;
}

li {
padding: 0.5em 0 0.5em 0;
}

li::marker {
content: '●  ';
color: #00602B;
}

a:link {text-decoration: none; color: #00602B;}
a:visited {text-decoration: none; color: #00602B;}
a:hover {text-decoration: none; color: #004293;}
a:active {text-decoration: none; color: #004293;}

header a:link {text-decoration: none; color: #999999;}
header a:visited {text-decoration: none; color: #999999;}
header a:hover {text-decoration: none; color: #FFFFFF;}
header a:active {text-decoration: none; color: #FFFFFF;}

footer a:link {text-decoration: none; color: #999999;}
footer a:visited {text-decoration: none; color: #999999;}
footer a:hover {text-decoration: none; color: #FFFFFF;}
footer a:active {text-decoration: none; color: #FFFFFF;}

a.button {
    padding: 0.75em 1.25em 0.75em 1.25em;
    border: 0;
    border-radius: 0.5em;
    color: #FFFFFF;
    background-color: #00602B;
    text-decoration: none;
    font-weight: bold;
    width: 50em;
    max-width: 50em;
}

a.button:hover {
    background-color: #004293;
    color: #FFFFFF;
}

a.button:active {
    background-color: #004293;
}

a.policebutton {
    padding: 0.75em 1.25em 0.75em 1.25em;
    border: 0;
    border-radius: 0.5em;
    color: #FFFFFF;
    background-color: #004293;
    font-weight: bold;
}

a.firebutton {
    padding: 0.75em 1.25em 0.75em 1.25em;
    border: 0;
    border-radius: 0.5em;
    color: #FFFFFF;
    background-color: #D01D00;
    font-weight: bold;
}

#service {
background: #00602B;
color: yellow;
padding: 1.5em;
text-align: center;}

.service {
font-size: 200%;
font-weight: bold;
}

#logo {
padding: 2.5em 0 2.0em 0;
text-align: center;
}

.titleimg {
border: none;
width: 100%;
}

.logoimg {
border: none;
width: 100%;
max-width: 10em;
}

.footerlogo {
border: none;
width: 100%;
max-width: 4em;
}

.img {
border: none;
width: 100%;
max-width: 100%;
}

#footerlogo {
padding: 1.25em 0 0.75em 0;
text-align: center;
}

#socialmedia {
padding: 1.25em 0 0.25em 0;
text-align: center;
font-size: 125%;
}

#copyright {
padding: 0.25em 0 1.5em 0;
text-align : center;
font-size: 100%;
}

#notruf {
    font-weight: bold;
}

.notruf {
    text-align: center;
    font-weight: bold;
}

.warnung {
text-align: center;
font-style: italic;
font-weight: bold;
color: #CC0000;
}

.hinweis {
text-align: center;
font-style: italic;
font-weight: bold;
color: #004293;
}

.boldcenter {
text-align: center;
font-weight: bold;
}

.bold {
font-weight: bold;
}

.back {
font-size: 75%;
text-align: right;
}

.punkt {
color: #00602B;
}

summary {
font-size: 150%;
font-weight: normal;
font-style: italic;
}

caption {
text-align: left;
margin: 0 0 0.25em 0;
}

.stern {
color: #004293;
}

label {
padding: 0;
border: 0;
margin: 0;
}
	
select {
background: lightgrey;
color: black;
font-size: 100%;
padding: 0.5em;
border: 0;
margin: 0.25em 0 1.5em 0;
}

input {
background: lightgrey;
color: black;
font-size: 100%;
padding: 0.75em;
border: 0;
margin: 0.5em 0 1.5em 0;
width: 100%;
max-width: 95%;
}

textarea {
font-size: 100%;
width: 100%;
max-width: 97%;
padding: 0;
border: 0;
margin: 0;
}

table {
color: black;
border-collapse: separate;
border-spacing: 0;
padding: 0;
border: 0;
margin: 0;
width: 100%;
max-width: 99%;
}

td {
padding: 0.75em;
}

tbody tr:nth-child(odd) {
background-color: lightgrey;
}

button {
padding: 0.75em;
margin: 0;
border: 0;
background: #00602B;
color: #FFFFFF;
font-weight: bold;
font-size: 125%;
width: 100%;
max-width: 100em;
border-radius: 0.5em;
text-align: center;
}

button:hover {
background: #004293;
}

.linkbutton {
    text-align: center;
    padding: 0.5em 0 0.5em 0;
}

.callbutton {
    text-align: center;
    padding: 0.5em 0 1.5em 0;
}




@media screen and (max-width: 60em) {

body {
margin: 0;
}

main {
padding: 0 1.5em 0.5em 1.5em;    
}

.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}

.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}

.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
  
.topnav a {
padding: 1.0em 1.5em 1.0em 1.5em;
}

h4 {
font-size: 100%;
font-weight: bold;
}

p {
font-size: 100%;
hyphens: auto;
}

ul {
font-size: 100%;
}

ul ul {
font-size: 90%;
}

#logo {
padding: 1.5em 0 1.25em 0;
text-align: center;
}

.logoimg {
border: none;
width: 100%;
max-width: 6em;
}

.footerlogo {
border: none;
width: 100%;
max-width: 4em;
}

}