html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
background-color: #ffebaa;
color: #1F1F1F;
font-family: Verdana, Helvetica, sans-serif;
font-size: 101%;
text-align: center;
vertical-align: middle;
height: 100%;
}
.start {
background-image:url("../mobile_grafik/petzie_kopf_mobile3.png");background-repeat:no-repeat;background-position:top center;
background-size: contain;
}
.imp {
background-image:url("../mobile_grafik/petzie_kopf_mobile.png");background-repeat:no-repeat;background-position:top center;
background-size: contain;
}
#base52index  {
position:absolute;
right: 2%;
bottom:1%;
height: 50px;
border: 0px solid red;
}
#navig {
position: absolute;
/* margin: 358px auto; */
margin: 347px auto;
height: auto;
width: 100%;
border: 0px solid green;
text-align: center;
vertical-align: top;
}
#base52intro  {
position: absolute;
width: 550px;
height: 160px;
top: 50%;
left: 50%;
margin-left: -275px;
margin-top: -80px;

border: 0px solid red;
background-image:url("../grafik/baustelle_You_are.png");background-repeat:no-repeat;background-position:center center;
}

/* set all to 0 */
h1, h2, h3, h4, h5, h6, p, ol, ul, li {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-decoration:none;
}
h1 {
/* background-color: Forestgreen;  #7aae0c;  #7ab51d; */
background-color: Forestgreen;
color: #ffebaa;
font-size: 330%;
text-align: center;
vertical-align: top;
line-height: 120%;
letter-spacing: 2pt;
margin: 0px 0px 10px 0px;
padding: 25px 0px 25px 0px;
/* border-bottom: 4px solid #ffcd2a; */
border-bottom: 5px solid #ffcd2a;
}
h1 a {
text-decoration: none;
}
h1 a:link {
text-decoration: none;
color: #ffebaa;
}
h1 a:visited {
color: #ffebaa;
}
h1 a:hover {
color: #FFF;
}
h1 a:active {
color: red;
}
h3 {
background-color: #ffe37d;
color: #218a2f;
font-size: 300%;
text-align: center;
vertical-align: top;
line-height: 120%;
letter-spacing: 0.5pt;
margin: 0px 0px 10px 0px;
padding: 20px 0px 20px 0px;
/* border-bottom: 4px solid #ffcd2a; */
border-bottom: 5px solid #ffcd2a;
}
h3 a {
text-decoration: none;
}
h3 a:link {
text-decoration: none;
color: #218a2f;
}
h3 a:visited {
color: #218a2f;
}
h3 a:hover {
color: #76b729;
}
h3 a:active {
color: red;
}

h2 {
color: #218a2f;
font-size: 290%;
text-align: left;
vertical-align: top;
line-height: 120%;
letter-spacing: 0pt;
margin: 40px 20px 0px 45px;
padding: 0px 0px 0px 0px;
/* border-bottom: 4px solid #ffcd2a; */
border-bottom: 0px solid #ffcd2a;
}
/* ------------------- Texte ----------------------------------*/

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 220%;
line-height: 150%;
font-weight: normal;
vertical-align: top;
color: Darkgray;
margin: 0;
padding: 0px 0px 0px 0px;
}
#navig p {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 280%;
line-height: 155%;
font-weight: normal;
vertical-align: top;
color: #1F1F1F;
padding: 0px 30px 20px 40px;
}
/* ---------------- Links ----------------------> */

/* --- GRÜN dunkel Schrift:  #218a2f;   ||  GRÜN dunkel Wiese: #76b729;    GELB hell: #ffebaa;   ||   GELB mittel: #ffe37d;    ------------  */

p a {
text-decoration: none;
}
p a:link {
color: red;
}
p a:visited {
color: red;
}
p a:hover {
color: #218a2f;
}
p a:active {
color: #000;
}
/* ---------------- Links ----------------------| */

.fett {
font-size: 150%;
font-weight: bold;
}

#navig .abbinder {
/* font-family: Arial Narrow, Arial, Helvetica, sans-serif; */
font-family: Arial, Helvetica, sans-serif;
font-size: 200%;
letter-spacing: 0pt;
line-height: 150%;
font-weight: normal;
text-align: center;
vertical-align: top;
color: Forestgreen;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#navig .noben {
text-align: center;
margin: 20px 0px 80px 0px;
padding: 0px 0px 0px 0px;
}

#navig .hinweis {
margin: 30px 0px 40px -15px;
padding: 0px 0px 0px 0px;
}
#navig .mengentext {
line-height: 140%;
text-align: left;
vertical-align: top;
margin: 30px 0px 40px 45px;
padding: 0px 10px 0px 0px;
}

/* ------------------- anderes ------------------ */
img {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
border: none;
}
ul {
/* margin: 10px 0px 0px 45px; */
margin: 30px 0px 0px 70px;
padding: 0px 20px 0px 0px;
}

li {
font-size: 260%;
line-height: 140%;
text-align: left;
color: #1F1F1F;
margin: 0px 0px 0px 15px;
padding: 0px 0px 15px 0px;
}
li a {
text-decoration: underline;
font-weight:bold;
}
li a:link {
text-decoration: underline;
color: #004494;
}
li a:visited {
color: #004494;
}
li a:hover {
color: #004494;
}
li a:active {
color: #004494;
}
h5 {
background-color: transparent;
color: #004494;
font-size: 290%;
text-align: right;
line-height: 120%;
letter-spacing: 0pt;
margin: 0px 0px 0px 0px;
padding: 30px 5% 30px 0px;
}
h5 a {
text-decoration: none;
}
h5 a:link {
color: red;
}
h5 a:visited {
color: red;
}
h5 a:hover {
color: #218a2f;
}
h5 a:active {
color: #218a2f;
}