div.rechnerseite {
    display: none;
}

div.mobileseite {
    display: block;
}

header {
    display: block;
    
}

    .bar1, .bar2, .bar3 {
  width: 50px;
  height: 8px;
  background-color: black;
  margin: 7px 2px;
  transition: 0.4s;
}
    
.menue-button {
	display: block;
    position: fixed;
    top: 10px;
    right: 20px;
    background-color: rgb(255,52,179);
    color: black;
    cursor: pointer;
}

.menue-button:hover {
    color: white;
    background: rgb(255,52,179);
}

a.bereichlogo {
    width: 100%;
}

nav.navi a {
    color: whitesmoke;
    font-size: 20px;
    text-decoration: none;
}

nav.navi a:link {
    color: whitesmoke;
}

nav.navi a:visited {
    color: rgb(255,52,179);
    text-decoration: none;
}

nav.navi a:hover {
    text-decoration: underline;
}

nav.navi li {
    list-style: none;
    float: left;
    margin-left: 20px;
    padding: 3px 20px 3px 20px;
    width: 100%;
    background-color: black;
}

nav.navi ul {
    float: left;
    width: 100%;
}

nav.navi {
    display: none;
}

#nav-menue:target #steuerung {
    display: block;
}

#nav-menue:target .menue-button-beschr-open {
	display: none; 
}

img.begin {
    width: 100%;
    height: auto;
    z-index: 1;
    display: block;
    border: 3px solid rgb(255,52,179);
}

div.name {
    background-color: none;
   
}

div.vitamobil {
    margin: 2px auto;
    padding: 5px; 
    background-color: white;
    border: solid 1px rgb(255,52,179);
}

.name h1 {
    margin: 15px 0px;
    text-align: center;
    padding: 0px;
    font-size: 28px;
    font-weight: normal;
    color: rgb(255,52,179);
}

h2.eins{
    margin: 20px 0px 15px 0px;
    padding: 0px;
    font-size: 20px;
    border-bottom: 3px solid rgb(127,255,212);
}



h3.eins {
    margin: 30px 0px 15px 0px;
    padding: 0px;
    font-size: 17px;
    border-bottom: 1px solid rgb(127,255,212);
    
}

div.sprechenmobil {
    margin: 40px auto;
    padding: 10px; 
    background-color: white;
    border: solid 1px rgb(255,52,179);
}

h2.zwei{
    margin: 50px 0px 15px 0px;
    padding: 0px;
    font-size: 20px;
    border-bottom: 3px solid rgb(138,43,226);
}

h3.zwei {
    margin: 30px 0px 15px 0px;
    padding: 0px;
    font-size: 17px;
    border-bottom: 1px solid rgb(138,43,226);
}

p.jahr {
    margin-top: 50px;
    margin-bottom: 2px;
}

p.synchronstar a {
        text-decoration: none;
}


p.synchronstar a:link {
    color: rgb(138,43,226);
}

p.synchronstar a:visited {
     color: rgb(138,43,226);
    text-decoration: none;
}

p.synchronstar a:hover {
    text-decoration: underline;
}

div.theatermobil {
    margin: 40px auto;
    padding: 5px; 
    line-height: 1.5;
    background-color: white;
    border: solid 1px rgb(255,52,179);
}

div.filmmobil {
    margin: 40px auto;
    padding: 5px; 
    line-height: 1.5;
    background-color: white;
    border: solid 1px rgb(255,52,179);
    
}

h2.funf {
    margin: 20px 0px 15px 0px;
    padding: 0px;
    font-size: 20px;
    border-bottom: 3px solid rgb(99,184,255);
}

.video {
    margin: 0 auto;
    display: block;
    width: 95%;
}


p.show {
    padding-bottom: 20px;
}



p.vaganten a {
        text-decoration: none;
}


p.vaganten a:link {
    color: rgb(255,185,15);
}

p.vaganten a:visited {
     color: rgb(255,185,15);
    text-decoration: none;
}

p.vaganten a:hover {
    text-decoration: underline;
}





h2.drei {
    margin: 20px 0px 15px 0px;
    padding: 0px;
    font-size: 20px;
    border-bottom: 3px solid rgb(255,185,15);
}

div.bildermobil {
    margin: 40px auto;
    padding: 5px; 
    line-height: 1.5;
    background-color: white;
    border: solid 1px rgb(255,52,179);
    
}

h2.vier {
    margin: 20px 0px 15px 0px;
    padding: 0px;
    font-size: 20px;
    border-bottom: 3px solid rgb(187,255,255);
}

p.bildereins {
    margin-bottom: 100px;
}

.bildermobil img {
    height: 140px;
    width: auto;
}

div.untenmobil {
    margin: 40px auto;
    padding: 5px; 
    line-height: 1.5;
    background-color: white;
    border: solid 1px rgb(255,52,179);
}

h2.fuenf {
     margin: 20px 0px 15px 0px;
    padding: 0px;
    font-size: 20px;
    
}
.untenmobil a {
     text-decoration: none;
    font-size: 16px;
    color: black;
}




.untenmobil a:link {
    color: black;
}

.untenmobil a:visited {
    color: rgb(255,52,179);
    text-decoration: none;
}

.untenmobil a:hover {
    text-decoration: underline;
}