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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#topstripes 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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;}

#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;
height: 100%;
max-height: 12em;
}

.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%;
word-spacing: 0.5em;
}

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

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

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

.bold {
font-weight: bold;
}

#notruf {
    font-weight: bold;
}

.notrufbutton:link {
  background-color: #005319;
  color: white;
  font-weight: bold;
  font-size: 100%;
  text-transform: ;
  letter-spacing: 0.1em;
  padding: 14px 25px;
  border-radius: 0.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.notrufbutton:visited {
  background-color: #005319;
  color: white;
  font-weight: bold;
  font-size: 100%;
  text-transform: ;
  letter-spacing: 0.1em;
  padding: 14px 25px;
  border-radius: 0.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.notrufbutton:hover {
  background-color: #F3E514;
}

.notrufbutton:active {
  background-color: #F3E514;
}


.center {
text-align: center;
}

.centerbold {
text-align: center;
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 {
font-weight: bold;
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%;
box-sizing: border-box;
}

textarea {
background: lightgrey;
font-family: Arial,Verdana,Hel,sans-serif;
font-size: 100%;
width: 100%;
padding: 0.75em;
border: 0;
margin: 0.5em 0 1.5em 0;
box-sizing: border-box;
}

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

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: 100%;
}

button:hover {
background: #004293;
}





@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;
height: 100%;
max-height: 8em;
}

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

}