body
{
       font-family: Helvetica, sans-serif;
       height: 100%;
       margin: 0px;
       padding: 0px;
       background: #FFF;
       text-align: center;
}

#mittig {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
}

#kopf {
        position: relative;
        width: 90%;
        padding: 0% 5% 0% 5%;
        background: #fff;
        border-bottom: 1px solid #999;
        text-align: center;
        z-index: 2;
}

#logo {
        position: relative;
        width: 90%;
        text-align: center;
        padding: 3% 5%;
}

#tel {
        position: relative;
        width: 100%;
        padding: 1% 0% 0% 0%;
        text-align: center;
}

#navi {
        position: relative;
        width: 100%;
        padding: 15px 0px 15px 0px;
        text-align: center;
}

#unavi_term {
        position: absolute;
        top: 220px;
        width: 90%;
        padding: 0px;
        text-align: left;
        background: #547000;
        z-index: 3;
        visibility: hidden;
}

#unavi_chi {
        position: absolute;
        top: 220px;
        width: 90%;
        padding: 0px;
        text-align: left;
        background: #547000;
        z-index: 4;
        visibility: hidden;
}

#unavi_team {
        position: absolute;
        top: 220px;
        width: 90%;
        padding: 0px;
        text-align: left;
        background: #547000;
        z-index: 5;
        visibility: hidden;
}

#unavi_faq {
        position: absolute;
        top: 220px;
        width: 90%;
        padding: 0px;
        text-align: left;
        background: #547000;
        z-index: 6;
        visibility: hidden;
}

#unavi_kon {
        position: absolute;
        top: 220px;
        width: 90%;
        padding: 0px;
        text-align: left;
        background: #547000;
        z-index: 7;
        visibility: hidden;
}

#back {
        position: relative;
        width: 70%;
        padding: 5% 25% 5% 5%;
        background: url(../bilder/sprung.jpg);
        background-size: cover;
        background-position: center center;
}

#bewertung {
        position: relative;
        text-align: center;
        width: 140px;
        padding: 15px;
        border-radius: 15px;
        background: url(../bilder/light.png) repeat;
}

#zu {
        position: relative;
        width: 100%;
        clear: both;
}

#bild {
        position: relative;
        width: 100%;
}

#teal {
        position: relative;
        width: 95%;
        padding: 3% 0% 4% 5%;
        margin: 0%;
        text-align: left;
        background: #547000;
}

#links {
        position: relative;
        width: 95%;
        padding: 0% 5% 0% 0%;
        margin: 0%;
        text-align: left;
}

#rechts {
        position: relative;
        width: 95%;
        padding: 0% 5% 0% 0%;
        margin: 0%;
        text-align: left;
}

#schutz_her, #funktion_her, #ursachen_her {
        position: relative;
        height: 1px;
        visibility: hidden;
}

#schutz_hin, #funktion_hin, #ursachen_hin {
        position: relative;
        height: auto;
        visibility: visible;
}

#white {
        position: relative;
        width: 95%;
        padding: 5% 0% 2% 5%;
        margin: 0%;
        text-align: left;
}

#film {
        position: relative;
        width: 96%;
        padding: 0% 2% 0% 2%;
        margin: 0%;
        text-align: center;
        z-index: 1;
}

video {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: 2;
}

#portrait {
        position: relative;
        width: 95%;
        padding: 5% 0% 2% 5%;
        margin: 0%;
        text-align: left;
        background-color: #eee;
}

#portret {
        position: relative;
        width: 95%;
        padding: 5% 0% 2% 5%;
        margin: 0%;
        text-align: left;
}

#text {
        position: relative;
        padding: 5% 20%;
        z-index: 2;
}

#text h1
{       font-size: 220%;
        line-height: 140%;
        color: #fff;
        text-align: center;
}

#text p
{       font-size: 120%;
        line-height: 140%;
        color: #fff;
        text-align: center;
}

#halb {
        position: relative;
        width: 95%;
        padding: 0% 5% 3% 0%;
}

#drittel {
        position: relative;
        width: 95%;
        padding: 0% 5% 0% 0%;
        text-align: left;
}

#team {
        position: relative;
        width: 155px;
        padding: 0% 3% 2% 0%;
        text-align: left;
        float: left;
}

#fuss {
        position: relative;
        bottom: 0px;
        width: 95%;
        padding: 4% 0% 5% 5%;
        text-align: left;
        background-color: #eee;
}

#maps {
        position: relative;
        width: 95%;
        padding: 0% 5% 5% 0%;
        text-align: left;
}

#adresse {
        position: relative;
        width: 95%;
        padding: 0% 5% 0% 0%;
        text-align: left;
}

#social {
        position: relative;
        width: 95%;
        padding: 0% 5% 0% 0%;
        text-align: left;
}

.oben
{       font-size: 75%;
        line-height: 200%;
        color: #777;
        padding-right: 22%;
}

p
{       font-size: 110%;
        line-height: 140%;
        color: #333;
        margin: 0px;
        margin-bottom: 18px;
}

#back p
{       font-size: 120%;
        line-height: 140%;
        color: #fff;
}

#teal p
{       font-size: 120%;
        line-height: 140%;
        color: #fff;
}

h1
{       font-size: 300%;
        line-height: 140%;
        font-weight: extra bold;
        color: #547000;
        text-align: left;
        margin: 0px;
        margin-bottom: 16px;
}

#back h1
{       margin: 30px 0px;
        color: #fff;
}

h2
{
        font-size: 200%;
        line-height: 120%;
        font-weight: bold;
        color: #547000;
        margin: 0px;
        margin-bottom: 10px;
        text-align: left;
}

#teal h2
{       color: #fff;
}

h3
{       font-size: 140%;
        line-height: 140%;
        font-weight: bold;
        color: #547000;
        margin: 0px;
        margin-bottom: 6px;
        text-align: left;
}

h4
{       font-size: 110%;
        line-height: 130%;
        font-weight: bold;
        color: #eee;
        margin: 0px;
        margin-bottom: 6px;
        text-align: center;
}

h5
{       font-size: 100%;
        line-height: 130%;
        font-weight: normal;
        color:  #eee;
        margin: 0px;
        margin-bottom: 6px;
        text-align: center;
}

li
{       font-size: 110%;
        line-height: 140%;
        color: #222;
        list-style-type: square;
}

ul
{       margin: 0px;
        margin-bottom: 18px;
        padding-left: 20px;
}

a
{       font-size: 100%;
        line-height: 140%;
        font-weight: bold;
        color: #547000;
        margin: 0px;
        text-decoration: none;
}
a:hover
{       color: #00342f;
}
a:active
{       color: #00342f;
}
.aktiv, .navi:hover, .navi:active, .aktiv:hover, .aktiv:active
{       color: #a3bb01;
        padding: 0px 9px 5px 9px;
}
.navi
{       padding: 0px 9px 5px 9px;
}

.unavi  {
        font-size: 98%;
        font-weight: normal;
        display: block;
        color: #fff;
        margin: 0px;
        padding: 5px 3px 3px 6px;
        border-bottom: 1px solid #fff;
}
.unavi:hover, .unavi:active
{       color: #cae101;
        border-bottom: 1px solid #cae101;
}

a.text
{       font-weight: normal;
        font-size: 100%;
}

a.tel
{       padding: 0px auto 5px auto;
}

a.ein
{       display: block;
        font-size: 110%;
        line-height: 130%;
        font-weight: normal;
        padding: 10px 20px 10px 0px;
        color: #fff;
        border-bottom: 1px solid #fff;
        background: url(../bilder/ein.png) no-repeat right center;
}

a.aus
{       display: block;
        font-size: 110%;
        line-height: 130%;
        font-weight: normal;
        padding: 10px 20px 10px 0px;
        color: #fff;
        border-bottom: 1px solid #fff;
        background: url(../bilder/aus.png) no-repeat right center;
}


.google
{       display:block;
        padding:5%;
        width:90%;
        background-image:url(../images/google.png);
        background-repeat:no-repeat;
        background-position:center;
        text-align:center;
        border-radius:4px;
        -moz-border-radius:4px;
        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.jameda
{       display:block;
        float:left;
        padding:10px 5% 40px 5%;
        width:90%;
        background-image:url(../images/jameda.gif);
        background-repeat:no-repeat;
        background-position:center;
        color:#FFFFFF;
        font-family:Arial, Helvetica, sans-serif;
        font-size:17px;
        text-decoration:none;
        text-align:center;
        line-height:19px;
        border-radius:4px;
        -moz-border-radius:4px;
        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

#body {
        position: relative;
        clear: left;
        width: 60%;
        text-align: left;
        margin: 0% 20%;
}

#nerven {
        position: relative;
        clear: left;
        width: 95%;
        height: 700px;
        padding: 0% 0% 0% 5%;
        margin: 0%;
        text-align: left;
}

#text_k a, #text_l a {
       font-size: 110%;
        line-height: 140%;
        font-weight: normal;
        color: #666;
        margin: 0px;
}
#text_k a:hover, #text_l a:hover
{       color: #547000;
}

#text_a {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 160px;
        text-align: right;
        visibility: hidden;
}

#text_b {
        position: absolute;
        top: 20px;
        left: 360px;
        width: 160px;
        text-align: left;
        visibility: hidden;
}

#text_c {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 160px;
        text-align: right;
        visibility: hidden;
}

#text_d {
        position: absolute;
        top: 20px;
        left: 360px;
        width: 160px;
        text-align: left;
        visibility: hidden;
}

#text_e {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 160px;
        text-align: right;
        visibility: hidden;
}

#text_f {
        position: absolute;
        top: 20px;
        left: 360px;
        width: 160px;
        text-align: left;
        visibility: hidden;
}

#text_g {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 160px;
        text-align: right;
        visibility: hidden;
}

#text_h {
        position: absolute;
        top: 20px;
        left: 360px;
        width: 160px;
        text-align: left;
        visibility: hidden;
}

#text_i {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 160px;
        text-align: right;
        visibility: hidden;
}

#text_j {
        position: absolute;
        top: 20px;
        left: 360px;
        width: 160px;
        text-align: left;
        visibility: hidden;
}

#text_k {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 160px;
        text-align: right;
}

#text_l {
        position: absolute;
        top: 20px;
        left: 360px;
        width: 160px;
        text-align: left;
}

#pas1 {
        position: absolute;
        top: 0px;
        left: 160px;
        width: 200px;
}

#pas2 {
        position: absolute;
        top: 109px;
        left: 160px;
        width: 200px;
}

#pas3 {
        position: absolute;
        top: 377px;
        left: 160px;
        width: 200px;
}

#pas4 {
        position: absolute;
        top: 500px;
        left: 160px;
        width: 200px;
}

#pas5 {
        position: absolute;
        top: 593px;
        left: 160px;
        width: 200px;
}

#akt1 {
        position: absolute;
        top: 0px;
        left: 160px;
        width: 200px;
        visibility: hidden;
}

#akt2 {
        position: absolute;
        top: 109px;
        left: 160px;
        width: 200px;
        visibility: hidden;
}

#akt3 {
        position: absolute;
        top: 377px;
        left: 160px;
        width: 200px;
        visibility: hidden;
}

#akt4 {
        position: absolute;
        top: 500px;
        left: 160px;
        width: 200px;
        visibility: hidden;
}

#akt5 {
        position: absolute;
        top: 593px;
        left: 160px;
        width: 200px;
        visibility: hidden;
}