body {
    margin:0px;
    padding:0px;
    background:url(../images/startseite/bg-index.png);
                        background-repeat:repeat-x;
                        background-color:#2A2229;
}

.msgbar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #897F96;
        position: absolute;
        visibility: hide;
        left: 232px;
        top: 420px;
        background-color: #2A2229;
        layer-background-color: #2C272C;
        width: 621;
        height: 31;
        z-index: 4;

}

@font-face {
    font-family: 'Font Awesome 5 Free';
    src: url('fontawesome/webfonts/fa-solid-900.eot');
    src: url('fontawesome/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
         url('fontawesome/webfonts/fa-solid-900.woff2') format('woff2'),
         url('fontawesome/webfonts/fa-solid-900.woff') format('woff'),
         url('fontawesome/webfonts/fa-solid-900.ttf') format('truetype'),
         url('fontawesome/webfonts/fa-solid-900.svg#awesome') format('svg');
    font-weight: normal;
    font-style: normal;
}


.fas {
  font-family: Font Awesome 5 Free;
  font-weight: 900;
  color: #8A8190;
  content: "\f35d";
}

.fa-external-link-alt {
  font-family: Font Awesome 5 Free;
  font-weight: 900;
color: #8A8190;
content: "\f35d";
}

#titel {
       position: absolute;
       top: 190px;
       width:100%;
       padding-left: 20px;
       padding-right: 20px;
}

#titel h1 {
 font-size:20px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
color:#86808E;
}

#satz {
        position: absolute;
        top: 310px;
        padding-left: 20px;
        padding-right: 20px;
        width:90%;
        font-weight:bold;
}
#fc {
        position: absolute;
        top: 360px;
        height: 50px;
        line-height:50px;
        padding-left: 20px;
        padding-right: 20px;
        width:90%;
        font-weight:bold;
        background-color:#3a333a;

}

#petition {
        position: absolute;
        top: 410px;
        height: 50px;
        line-height:50px;
        padding-left: 20px;
        padding-right: 20px;
        width:90%;
        font-weight:bold;
        background-color:#3a333a;

}

#satz a:link, #satz a:visited, #satz a:hover, #fc a:link, #fc a:visited, #fc a:hover {
      font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:15px;
        color:#8A8190;
        font-weight:bold;
        text-decoration:none;
        white-space:normal;
}

#petition a:link, #petition a:visited, #petition a:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size:15px;
          color:#e40190;
          font-weight:bold;
          text-decoration:none;
          white-space:normal;
  }

 
@media only screen and (min-width:1001px) {
        #titel, h1 {
                visibility: hidden;
                display: none;
              }



#satz {
        position: absolute;
        top: 200px;
        left:650px;
        width:auto;   
}
#satz a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#8A8190;
        font-weight:bold;
        text-decoration:none;
        font-size:16px;
}


#fc {
        position: absolute;
        top: 240px;
        left:650px;
        width:auto;   
}
#fc a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#8A8190;
        font-weight:bold;
        text-decoration:none;
        font-size:16px;
}
#petition {
        position: absolute;
        top: 300px;
        left:650px;
        width:auto;   
}

#petition a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#c1007a;
        font-weight:bold;
        text-decoration:none;
        font-size:16px;
}

}
@media only screen and (max-width:1000px) {
#all {
position:absolute;
top:0px;
width:100%;
    background-image:url(../images/startseite/index-mobile.png);
    background-repeat:no-repeat;
    background-size: contain;
    margin-right:20px;
}
}


@media only screen and (min-width:1001px) {
#all {
position:absolute;
top:0px;
width:100%;
height:1000px;
background-image:url(../images/startseite/index.png);
                background-repeat:no-repeat;

}
}

#menu
{
position:relative;
top:430px;
}


ul.mt {
font-family: Verdana, Helvetica, sans-serif;
font-size:16px;
color:#883F2A;
margin-bottom: 20px;
}

ul.mt li {
float:left;
list-style:none;
margin-left:30px;
margin-bottom: 20px;
}

ul.mt ul {
margin-top:20px;
margin-left:10px;
}

@media only screen and (max-width: 1000px) 
{ 
        #menu
{
margin-left:-10px;
}
        #MsgBar {
                display:none;
        }
        
        ul.mt ul {
                margin-left:0px;
                }

        ul.mt li {
                float:none;
                list-style:none;
                margin-left:0px;
                margin-bottom: 30px;
                }

}


ul.mf {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #F7E7DE;
}

ul.mf li {
clear:left;
list-style:none;
margin-bottom: 10px;
margin-left:-20px;
list-style:circle;
        list-style-position:outside;
        list-style-image:url(index-liste.gif);
        margin-bottom:5px;
}
}


ul li li {
margin-left:-10px;
}




#tw {
position:relative;
left:0px;
top: 10px;
}




/*-----------------*/


a.navi {
font-family: Verdana, Helvetica, sans-serif;
color:#897F96;
font-size: 12px;
text-decoration: none;
}

a.navi:visited {
font-family: Verdana, Helvetica, sans-serif;
color:#883F2A;
font-size: 12px;
text-decoration: none;
}

a.navi:hover {
font-family: Verdana, Helvetica, sans-serif;
text-decoration: underline;
font-size: 12px;
color:#883F2A;
}

a.navix {
font-family: Verdana, Helvetica, sans-serif;
color:#897F96;
font-size: 20px;
text-decoration: none;
}

a.navix:visited {
font-family: Verdana, Helvetica, sans-serif;
color:#883F2A;
font-size: 20px;
text-decoration: none;
}

a.navix:hover {
font-family: Verdana, Helvetica, sans-serif;
text-decoration: underline;
font-size: 20px;
color:#883F2A;
}

@media only screen and (max-width:1000px) {
a.navi:link {
line-height:2.1em;
font-size:16px;
margin:10px;
padding-bottom:1px;
display:block;
 }
 
}

a.aktuell {
font-family: Verdana, Helvetica, sans-serif;
color:#D5A4A0;
font-size: 12px;
text-decoration: none;
}

a.aktuell:visited {
font-family: Verdana, Helvetica, sans-serif;
color:#D5A4A0;
font-size: 12px;
text-decoration: none;
}

a.aktuell:hover {
font-family: Verdana, Helvetica, sans-serif;
text-decoration: underline;
font-size: 12px;
color:#883F2A;
}

a.taro {
font-family: Verdana, Helvetica, sans-serif;
color:#0061C1;
font-size: 12px;
text-decoration: underline;
}

a.taro:hover {
font-family: Verdana, Helvetica, sans-serif;
color:#0061C1;
font-size: 12px;
text-decoration: underline;
}

a.taro:visited {
font-family: Verdana, Helvetica, sans-serif;
color:#0061C1;
font-size: 12px;
text-decoration: underline;
}

.interv1{
font-family: Verdana, Helvetica, sans-serif, Arial;
        font-size: 14px;
        color: #F7E7DE;
}

.interv3{
font-family: Verdana, Helvetica, sans-serif, Arial;
        font-size: 13px;
        color: #F7E7DE;
}

.news {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #000;
}