joomla-tab > div[role="tablist"]{
  background-color:silver !important;
}
joomla-tab > div[role="tablist"] > button[role="tab"]{
  background-color: transparent !important;
}
button 
.reiter, .reiter a, .reiter a:hover, .reiter a:visited{
  color:white;
  text-decoration:none;
}
.sticky-div{
  position: sticky;
  top:80px;
}
.ncmgrid{
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows:auto;
}
.ncgrid{
  	display:grid;
  	grid-template-columns: repeat(7, 1fr);
  	grid-template-rows: auto;
}
.ncheader{
 	font-weight:600;
  	background:#eaeaea;
  	border:1px solid lightgray;
  	padding:10px;
  	justify-self: stretch;
}
.ncweekdayempty{
    border:1px solid transparent;
    padding:10px;
    background:transparent;
    justify-self: stretch;
}

.accordion{
  cursor: pointer;
  width: 100%;
  text-align: left;
  transition: 0.4s;}
}
.ncpanel{
  background-color:red;
  min-height:100px;

}
.nccalendar{
  margin:0 0 50px 0; 
}
.ncweekday{
  border:1px solid lightgray;
  padding:10px;
  background:#ffffff;
  justify-self: stretch;
}
.ncentry{
  font-size:11px;
  border-bottom:1px dotted black;
}
.ncdot{
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  border:1px solid silver;
}
.nctitle{
  font-weight:bold;
  font-size:1em;
  text-indent: 7px;
  display: inline-block;
}
.bloggrid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap:10px;
}
.blogkb{
  background: #ffffff;
  border:1px solid lightgray;
  -webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 2px;
  padding: 10px;
}
.blogkb-title{
  font-size: 20px;
}
/*--------------------------------------*/
@media screen and (min-width: 100px) and (max-width: 800px) {
  .ncmgrid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows:auto;
  }
  .ncgrid{
  	display:grid;
  	grid-template-columns: repeat(1, 1fr);
  	grid-template-rows: auto;
  }
  .ncheader{
  	display:none;
  }
  .ncweekdayempty{
    display:none;
  }
  .ncweekday:has(.nchidden){
    display:none;
  }
  .bloggrid{
    grid-template-columns: repeat(1, 1fr);
  }
}
/*--------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 1024px) {
  .ncmgrid{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows:auto;
  }
  .ncgrid{
  	display:grid;
  	grid-template-columns: repeat(3, 1fr);
  	grid-template-rows: auto;
  }
  .ncheader{
  	display:none;
  }
  .ncweekdayempty{
    display:none;
  }
  .ncweekday:has(.nchidden){
    display:none;
  }
  .bloggrid{
    grid-template-columns: repeat(2, 1fr);
  }
} //endmedia
/*--------------------------------------*/
  
  /*    320 Pixel: Smartphones im Hochformat
    480 Pixel: Ein kleines Display, ebenfalls Smartphones Querformat
    600 Pixel: kleinere Tablets
    768 Pixel: Tablet, z.B. iPad, im Hochformat
    1024 Pixel: iPad im Querformat und einige Laptops
    1200 Pixel: mittelgroße Monitore
  */