:root {
font-size:1em;
font-family:sans-serif;}

body
{
margin-top:200px;
background-image:url(baumhintergrund.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left top;
background-color:#c0c0c0;
background-size:cover;
}

div#wrapper {
  margin: 0 auto;    /*  "auto"  =  mittig   */
  max-width: 50em;
  display: flex;
  flex-flow: row wrap;
}

img {max-width:100%;text-align:center;}
/*  img{border-right:#2F4F4F 1px solid;border-bottom:#2F4F4F 1px solid;}  */


.menuestyle
   {text-align:center;}

/* FAAC58      #BC8F8F   */

.menue
   {color:#ffffff;font-family:'arial';padding-left:2%;padding-right:2%;}  /*   #0A2A0A  dunkeloliv   */

a:link {color:#0A2A0A;text-decoration:none;}
a:visited {color:#0A2A0A;text-decoration:none;}
a:hover {color:#B22222;text-decoration:none;}
a:active {color:#B22222;text-decoration:none;}


/* textseiten    #cdd6cd */
.hg {text-align:left;}
.center {text-align:center;}
/* #E6E5DD99     #0A2A0A     #2F4F4F    #0B3B0B    #acbaac */

article {
  width:100%;
  background:rgba(205,214,205, 0.8);
  border-right:#2F4F4F 1px solid;
  border-bottom:#2F4F4F 1px solid;
  color:#0A2A0A;
  padding:10%;
}

article a:link {color:#0A2A0A;text-decoration:none;}
article a:visited {color:#0A2A0A;text-decoration:none;}
article a:hover {color:#B22222;text-decoration:none;}
article a:active {color:#B22222;text-decoration:none;}
article p {font-size:0.8em;}

header {
  width:100%;
  margin-top:5px;
  padding-top:4px;
  padding-bottom:8px;
  padding-left:10%;
  padding-right:10%;
  background:rgba(205,214,205, 1);        /* #597559   gruen  */
  border-top:3px solid #2F4F4F;  
  isplay: flex;
  lex-flow: row wrap;
}

.sticky {
  position: sticky;
  bottom: 0; /* Element bleibt unten im Viewport */
}

footer {
  width:100%;
  margin-top:5px;
  background:rgba(89,117,89, 0.9);
  padding-top:16px;
  padding-bottom:16px;
  padding-left:10%;
  padding-right:10%;
  border-top:1px solid #2F4F4F;
}

footer p {
  text-align:right;
  font-size:0.8em;
}

footer a:link {color:#ffffff;text-decoration:none;}
footer a:visited {color:#ffffff;text-decoration:none;}
footer a:hover {color:#66ccff;text-decoration:none;}             /* #B22222  rot     */
footer a:active {color:#66ccff;text-decoration:none;}

/*
span {
  border: 1px solid;
}
*/

/*   linien   */
hr{background-color:#2F4F4F; height:1px; border:0px;}
.kurz{width:12.5em;margin-left:0px;}


.logostyle {max-width:132px;margin-right:2em;margin-top:2em;margin-left:0em;margin-bottom:0em;border-top:#A0522D 0px solid;border-right:#2F4F4F 1px solid;border-bottom:#2F4F4F 1px solid;border-left:#A0522D 0px solid;}


/* Seite 10.html  */
.mittel44
   {font-family:'arial';font-size:2.8em;}


/*   #597559      #506950         #A52A2A     #BC8F8F 
   
#576A99      
#3A3C69   
#666666       
#556B2F  
#6B8E23  
#5F9EA0      
#8FBC8F   
#2F4F4F
*/