@charset "UTF-8";
/* Desktop-Menü */
#menuleiste{height:40px;background-color:#727ba6;border-radius:10px;text-align:left;white-space:nowrap;}
.ddm-haupt-osub{text-align:left;position:relative;display:inline-block;height:30px;color:white;border-radius:10px;padding:5px 20px 5px 15px;line-height:30px;white-space:nowrap;}
.ddm-haupt-osub:hover{color:yellow;}
.ddm-haupt{text-align:left;position:relative;display:inline-block;height:30px;background:url('downArrow.png') 0% 50% no-repeat;color:white;padding:5px 20px 5px 10px;line-height:30px;white-space:nowrap;}
@keyframes fadeIn { from { clip-path: inset(0% 0% 100% 0%); } to { clip-path: inset(0% 0% 0% 0%); }}
.ddm-haupt-content{line-height:20px;text-align:center;padding:0px 5px;width:200px;white-space:normal;display:none;position:absolute;background-color:#727ba6;z-index:1599;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.ddm-haupt:hover .ddm-haupt-content { display:block;margin-left:-45px;animation: fadeIn 0.5s;}
.subl:link{text-decoration:none;color:white;}
.subl:visited{text-decoration:none;color:white;}
.subl:active{text-decoration:none;color:yellow;}
.subl:hover{text-decoration:none;color:yellow;}

/* mobiles Menü */
details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}

/* w3-sidebar */
/* garantiert, dass das Menüfenster die ganze Seite überdeckt und nicht dahinter noch die Restseite beim Scrollen nach unten auftaucht */
.w3-sidebar
{
 top:0;
 height:100%;
 width:100%;
 background-color:#fff;
 position:fixed!important;
 z-index:3;
 overflow:auto;
 display:none;
}

/* Animation */
.w3-animate-left
{
 position:relative;
 animation:animateleft 0.5s;
}
@keyframes animateleft{
  from {left:-100vw;opacity:1} 
  to{left:0;opacity:1}
}

.menutabelle
{
 color:white;
 width:100%;
 line-height:2.2;
 background:#868CB2;
}


.titml
{
 padding-left:4px;
 background:#727BA6;
}

/* menü links */
.ml{
 padding-left:10px;
}
.ml:active {background:lightgray;}

/* Klasse für den Submenü-div (Detailklasse) */
.detcl
{
 width:100%;
 background:#868CB2;
}

.css_scrollfenster
{
 margin-top:30px;
 text-align:left;
 overflow:scroll;
 border:1px solid lightblue;
 padding:4px;
}

.css_scrollfenster::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 4px;
}

.css_scrollfenster::-webkit-scrollbar-thumb {
 background-color: rgba(0, 0, 0, .3);
}

/* für menü */
.css_80
{
 max-height:85vh;
 margin-left:0vw;
 margin-right:4vw;
 width:96vw;
 color:white;
 font-size:1.08rem;
 line-height:2.2;
}

.aneutr
{
text-decoration:none;
color:white;
cursor: pointer;
}