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

body { width:100%;  font-size:24px; }

main {}


/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* navigation */
nav {
  position:sticky;
  top: 0;
  z-index: 3;
  color:#ff9900;
/*  background-color:#eeeeee4d; */
  background-color: rgba(238, 238, 238, 0.9);
}
/*
Deckkraft (%)Hex-WertWirkung
10% 1A Fast unsichtbar
20% 33 
25% 40 
30% 4D 
40% 66 
50% 80 
60% 99 
70% B3 
80% CC 
85% D9 
90% E6 
*/

ul#menue {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  background-color:transparent;
  padding-left:0;
  padding-right:0;
}

#menue a {
  margin-inline: 100% 100% 100% 100% ;
  writing-mode: horizontal-tb;
  font-size: clamp(0.6em, 0.4304rem + 2.0870vw, 1.8rem);
  background-color:transparent;
  text-decoration: none;
  padding-top:0.6rem;
  padding-bottom:0.2rem;
  }

li {
  list-style-type: none;
  white-space: nowrap;
  margin:0.5rem;
}

a {  text-decoration: none;}

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

.header{
  width:100%;
  margin-bottom:1em;
} 

.footer{
  /*width:100%;*/
  width:98%;
  margin-top:1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  background-color:#e1e1e1; 
  text-align:right; 
} 

.menue{
  position:sticky;
  top:0em;
  z-index:999;
  width:100%; 
  margin-top:0.1em;
  margin-bottom:1em;
  padding-top:0.3em;
  padding-bottom:0.3em;
  /* border-top:1px solid blue; 
     border-bottom:1px solid blue; */
  background-color:#e1e1e1; 
} 

/*
.menueitem{text-align:center;} 
.menueitem a  {text-decoration:none;}
*/

.kapletter{ font-size:1.6em } 

.frontpage {
  position:relative;
  padding-left:5em;
  padding-right:5em;
}

.frontpage_bg {
  border: 8px solid #c6c6c6;
  background-image: url('/images/aaa2.jpeg');
  background-repeat: no-repeat;
  background-position:center top;
  /* background-attachment: fixed;  */
  background-size:contain;
  height:500px;
  opacity:50%; 
  }

.article{
  position:relative;
  padding-left:2em;
  padding-right:2em;  
  margin-left:15em;
  margin-right:15em;
  vertical-align:text-top;
  background-color:#eeeeee; 

} 


.article_dl{
  float:left;
  font-size:2em;
  padding-right:0.5em;
  vertical-align:text-top;
} 

.article .article_tr{
  font-size:1.2em;  
} 

.article_floatstop{
  clear:both;  
  margin:1.5em;
} 

.thema{
  margin-top:1.5em;
  margin-left:1em;
  padding-right:1em;
  font-size:1.2em;
  background-color:#dddddd; 
} 

.list_item {
  padding-left:4em;
  padding-right:3em;
  width:100%;
}

.list_date {
  text-align:right; 
}

.list_nextitem {
  padding-left:2em;
  padding-right:2em;
  text-align:right; 
}

.list_item_left{
  float:left;
}

.impressum_page{

}

.impressum_header{
}
