body {
    font-family: 'Open Sans', Century Gothic;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100vw;
    text-align: center;
    overflow-x: hidden;
    height: 100%; }

* {
  margin: 0;
  padding: 0; }

.style-clear-both  {
       clear: both; }

p,li {
       font-size: 120%;
       line-height: 170%;
       padding: 0 15px 15px 0; }

ul {
  padding: 0px 0 15px 0;  }

li {
    line-height: 170%;
    padding-bottom: 8px; }

.slide li {
    line-height: 0%;
    padding-bottom: 0px; }

.liste-plus
   { list-style-image: url(../bilder/plus.png); }

.liste-minus
   { list-style-image: url(../bilder/minus.png); }


* {box-sizing: border-box; }

a {
    text-decoration: underline;
    color: #EEEEEE;  }

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

img {
    padding: 0;
    margin: 0;
    border: 0; }

h1 {
 font-family: 'Open Sans', Century Gothic;
letter-spacing: 0.05em;
    padding: 10px 0 15px 0;
    margin: 0;
    line-height: 140%;
    font-size:200%;  }

h2 {
letter-spacing: 0.1em;
 font-family: 'Open Sans', Century Gothic;
    padding: 0 0 15px 0;
    margin: 0px 0 0 0;
    line-height: 140%;
    font-size:140%;  }

nav {
    font-family: 'Open Sans', Century Gothic;
    background-color: #2d2e87;
    color: #EEEEEE;
    max-width: 400px;
    padding: 10px 25px 10px 10px;
    margin: 0;
    text-align: right;
    float: right; }

nav a {
        text-decoration: none; }

header {
    margin: 0 auto; }

address {
    font-style: normal;  }

footer{
    margin: 25px 0 0px 0;
    padding:2em;
    background-color: #2d2e87; }

#oben {
     background-color: #2d2e87;
     width: 100%;
     padding: 5px 0 0 0;
     min-height: 40px; }

#oben2 {
     max-width: 800px;
     margin: 0 auto; }

#slogan {
    color: #EEEEEE;
    max-width: 300px;
    padding: 11px 0 20px 10px;
    margin: 0;
    font-size: 120%;
    text-align: left;
    float: left;  }

#Logo {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    padding: 0px 0 15px 10px;  }

#Logo_Links {
    padding: 20px 0 0px 0px;
    float: left;
    width: 194px; }

#Logo_Text {
    padding: 0px 50px 0px 0px; }

#Logo-Bild {
    width: 100%;
    padding: 0px 0 20px 0px;  }

#Logo_Text p {
    padding: 70px 0 0 220px;
    color: #D81F84;
    text-align: left;
    font-weight: bold;
    font-size: 110% ; }

#Kontakt p {
    padding: 15px 0 0 0px; }


#Slideshow {
    padding: 0px;
    margin: 0px 0 22px 0; }

.Hell, .Dunkel   {
    max-width: 800px;
    margin: 0 auto;
    margin-top:25px;
    padding: 0px 20px 20px 20px;
    color: #2d2e87;
    text-align: left;  }

.Dunkel    {
    background-color:#2d2e87;
    color: white;  }

.Hell {
    background-color:#EEEEEE;
    color: #2d2e87;  }

.Hell a {
    color: #2d2e87;
    text-decoration: underline;  }

.Hell a:hover {
    color:#d81f84;
    text-decoration: none; }

.Hell .extern a:hover {
    color: #2d2e87; }

.Dunkel .extern a:hover {
    color: white; }


.Hell li, .Dunkel li  {
    padding: 0px;
    margin: 0px 0 10px 20px; }

.Neutral {
    text-align: left;
    padding: 10px 20px 20px 20px; }

.Neutral a {
    color: #4F4F4F;
    text-decoration: underline;  }

.mehr-text {
    margin: 0px 0 20px 0px; }


.max-480px  {
    width: 480px;
    padding: 20px 0 20px 0;
    }

.Bild-Breit  {
    max-width: 100%; }

.slideshow {
    width: calc(100% - 0px);
    padding: 30px 0 0 0;
    margin: 0px; }

.mySlides_1, .mySlides_2, .mySlides_3  {
    width:100%; }

.link-kontakt {
   text-decoration: underline; }

.pfeil {
    width: 100%;
    text-align: right; }


#akkordeon:not(:target) .inhalt,
#akkordeon:not(:target) .hide,
#akkordeon:target .show {display: none;}
#akkordeon:target .inhalt {display: block;}
.inhalt {
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
padding: 20px 20px 1px;
margin: 0px 0px 10px;
}
.show,
.hide {
padding:10px;
background: rgb(254, 164, 0);
box-shadow:none!important;
color:#fff;
font-weight:bold;
}
.show:hover,
.hide:hover {
background: rgb(255, 214, 118);
color:#fff!important;
transition:0.2s all ease-in-out!important;
}

@media only screen and (max-width: 800px) {

#footer {display:none;}

.slideshow {
    width: calc(100% - 10px); }

.Hell, .Dunkel {
    padding: 0px 30px 20px 20px;
}

h1 {
    font-size:180%;  }

h2 {
    font-size:140%;  }

ul {
padding-left: 15px;   }

li {
padding-bottom: 15px; }

#Logo {
    padding: 0px 0 15px 10px;  }

#Logo_Links {
    width: 160px; }

#Logo_Text p {
    padding: 50px 0 0 180px;
 }

}


@media only screen and (max-width: 480px) {

.max-480px  {
    max-width: 100%; }

h1 {
    font-size:120%;  }

h2 {
    font-size:110%;  }

#Logo { width: 100%; }

#Logo_Links {
    width: 120px; }

#Logo_Text {
    padding: 0px 20px 0px 0px; }

#Logo_Text p {
    padding: 30px 20px 0 0px;
    font-size: 100% ; }

#Logo-Bild {
    width: 100%;
    padding: 0px 10px 20px 0px;  }

nav { font-size: 90%;  }

}