*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html, body {
font-family: Arial, Segoe, tahoma, Verdana;
font-size: 62.5%;
line-height: 1.3;
font-weight: normal;
height: 100%;
}

body {
color: #303030;
font-size: 1.7rem;
margin: 0 auto;
}



h1, h2, h3, h4, h5 {
color: #000;
font-weight: normal;
}

h1 {
font-size: 3rem;
line-height: 3.3rem;
margin-top: 0rem;
margin-bottom: 4.0rem;
}

h2 {
color: #808080;
font-size: 2.4rem;
line-height: 2.7rem;
margin-top: 0rem;
margin-bottom: 3.3rem;
}

h3 {
font-size: 2.0rem;
line-height: 2.3rem;
margin-top: 2.1rem;
margin-bottom: 1.2rem;
letter-spacing: 1px;
}


.content br {
line-height: .7;
}



a {
background-color: transparent;
color: #a0a000;
text-decoration: underline;
}

a:hover {
color: #000;
text-decoration: none;
}



img {
max-width: 100%;
height: auto;
}



#menu ul
{
text-align: center;
margin: 0;
padding: 0;
}

#menu li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}

#menu a {
text-decoration: underline;
font-size: 1.5rem;
height: 2.8rem;
line-height: 2.8rem;
letter-spacing: .2rem;
padding: 0.2rem 0.3rem ;
color: #000000;
}

#menu a:hover  {
text-decoration: underline;
background: transparent;
color: #a0a000;
}



.header-content {
margin:0 auto;
}

.header-1 {
background: #404040;
font-size: 1.4rem;
padding: 1.5rem 0.5rem;
border-bottom: solid 0.4rem #a0a000;
}

.header-2 {
background-image: url(../images/rw1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
padding: 1rem;
min-height: 3S2rem;
}

.header-3 {
background: #D0D0D0;
padding: 1rem;
}

.name {
display: block;
color: #fff;
font-size: 2rem;
line-height: 2rem;
text-align: center;
padding: 0;
text-transform: uppercase;
}



.content {
background: #fff;
display: block;
width: 100vw;
min-height: 60vh;
margin: 0 auto;
padding: 2rem 1rem;
}



.footer-content {
margin: 0 auto;
padding: 1.5rem 0.5rem;
border-top: solid .4rem #202020;
background: #a0a000;
}

.footer-name {
display: block;
text-align: center;
color: #ffffff;
font-size: 1.2rem;
letter-spacing: 0.2rem;
}

p.bildunterschrift
{
font-size: 1.2rem;
line-height: 1.4rem;
text-align: right;
}


ol.ebene1
{
  counter-reset: listenpunkt_ebene1;
  list-style-type: none;
}
ol.ebene1 li::before
{
  content: counter(listenpunkt_ebene1) ". ";
  counter-increment: listenpunkt_ebene1;
}
ol.ebene2
{
  counter-reset: listenpunkt_ebene2;
  list-style-type: none;
}
ol.ebene2 li::before
{
  content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2) ". ";
  counter-increment: listenpunkt_ebene2;
}


@media (min-width: 360px) {}
@media (min-width: 480px) {}
@media (min-width: 600px) { .content {width:90vw; } .name { font-size:2.4rem; line-height:2.4rem; } }
@media (min-width: 640px) { #menu a {text-decoration: none; } .header-2 {min-height:25rem; } }
@media (min-width: 768px) { html {font-size:70%;} .content  {width:92vw; } }
@media (min-width: 800px) {}
@media (min-width: 1024px) {}
@media (min-width: 1100px) { html { font-size:75%; } .header-2 {min-height:30rem; } .content  {width:90vw; } }
@media (min-width: 1300px) { .content {width:70vw; } }
@media (min-width: 1400px) { html { font-size:80%; } }