@viewport {
   width: device-width;
   zoom:1;
}

* {

margin: 0;

padding: 0;

}



html,

body {

margin: 0;

padding: 0;

}



body {
/*background-image: url(../bilder/farbverlauf_rot.gif);

background-repeat: repeat-x;*/
}



/*#wrapper {

position: absolute;

background-color: #FAE8C2;

width: 600px;

height:300px;

top: 0;

right: 0;

bottom: 0;

left: 0;

margin: auto;

font-family: verdana, arial, sans-serif;

}*/



#wrapper {

background-color: #fff; /*#FBF9DE;  beige */

/*border: 0.5em solid #C43B46;*/

font-family: verdana, arial, sans-serif;

}



#header {

/*height: 10em;*/

margin-top: 0;

padding-top: 0;
position: fixed;

/* border-bottom: 1px solid #000;

margin-bottom: -0.4em;*/


}

#header_menu {
padding-left:20px;
background-color: #ccc;



}

/*#button-headline {
position: fixed;
}*/

#button {
}

#mobil-menu {
border-block-color: #ccc;
border-right-color: #ccc;
}



#hauptteil {

width: 100%;

padding-top: 10em;

}


#footer {
padding: 0.5em;
background-color: #ccc;
}


#menubox {

padding: 0.5em;
}



ul#menue {

list-style: none;
background-color: #ccc;

}



#menue ul {

list-style: none;
padding: 0 0.1em;
}



#menue li {

background: #ccc;
}



#menue li:hover ul {

left: auto;

}





#menue a {

color: #000;

text-decoration: none;

display: block;

padding: 0.1em 1em;

background: #ccc;

border: 2px solid #ccc;

}





#menue li li {

}



#menue li li a {

background: #C43B46;

color: #fff; 

}



#menue li li a:hover {

background-color: #000;
color: #fff;


}




#text {

padding: 1em 1em .5em 1em;

}



#toplink {
position: sticky;
display: block;
bottom:0;
right: 0;
padding-left: 1em;
background-color: #ccc;
}


.square {
list-style-type: square;
list-style-position: inside;
}

.rot {
color: #C43B46;
}	

.small {
font-size: small;
font-weight: bold;
}

.normal {
font-size: normal;
}

.schwarz {
color: #000;
}

/* Bilder */



.il {

display: block;
float: left;

padding-right: 5px;
padding-bottom: 5px;

clear: both;

}



.in {

display: block;
float: left;

padding-right: 5px;
padding-bottom: 5px;

}



.ir {

display: block;
float: right;

padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;

clear: both;

}


.iro {

display: block;
float: right;

clear: both;

}

/* clear für Texte*/
.tc {

display: block;
float: right;

clear: both;

}

.clear {
display: block;
clear: both;
}

/* ab hier muesste es funktionieren */



p,  td, th, li, ul, dl, dt, dd {

   font-family: Verdana,Arial,Helvetica,sans-serif;

   font-size: small;
}


p, h4, h5  {
	margin-bottom:0.5em;
	}



a {

color: #C43B46;

text-decoration: none;

}




p,ul,div,i,h5,td {

  line-height: 150%;

}


li, a, h4 {
line-height: 120%;
}


/* paragraph */

p {

  text-align:left;

}



button {
border: none;
background: transparent;
/*position: fixed;*/

}


/* headlines */


h1 {

   font-weight: bold;

   font-size: x-large;

   line-height: 1.5;

   color: #C43B46;
   /*padding-left: 2em;
   float: left;
   position: fixed;*/
}

h2 {

   font-weight: bold;

   font-size: large;

   line-height: 1.5;

   color: #C43B46;

   }

h3 {

   font-weight:normal;

   font-size:large;

   line-height: 1.5;

}

h4 {

   font-weight: bold;

   font-size: medium;

}

h5 {

   font-weight: bold;

   font-size: small;

}
h6 {
	font-weight: lighter;
	font-size: 400%;
	color: #000;
	}