:root {
 --cassiopeia-color-primary: #000000 ;
  --cassiopeia-color-link: grey;
  --cassiopeia-color-hover: #000000;
  --body-font-size: 1rem;
}
body {
  background-color: #a2a2a2 !important;
}
.header,
.container-header,
.full-width ,
.grid-child.container-nav {
  background-color: #000000 ;
}
.site-grid {
    grid-gap: 0 1em;
    grid-template-columns: [full-start]minmax(0,0)[main-start]repeat(6,minmax(0,90%))[main-end]minmax(0,1fr)[full-end];
  }
p {
  margin-bottom: 2px;
	margin-top: 0;
}
img {
  max-width:70%;
}
div.container-banner.full-width {
  height:0px;
}
div.login-greeting {
  color:white;
}
div.item-content img,
div.item-content video,
div.com-content-article__body img {
  border: 1px solid grey;
  box-shadow: 5px 5px 5px grey !important;
  margin: 25px;
}
/* Popup-Modul */
.ui-widget-overlay {
  background: #000000 !important;
	opacity: 0.6 !important;
	filter: Alpha(Opacity=60) !important;
}
/* Veranstaaltungsdatenbank Vogtlandkreis */
/* hier fehlt noch was */
@media only screen and (max-width: 1399.98px) {
  div#mod-custom119 {
    position:absolute;
    top:16px;
    right:12px;
    height:10px;
  }
  div#mod-custom119 img {
    width: 145px;
  }
  
  
}
@media only screen and (max-width: 992px ) {
  div.closediv {
    margin-top: 130px !important;
  }
  img.historybild {
    height:75% !important;
  }
  div.quellen{
    font-size: 12px!important;
  }
}
@media only screen and min-width: 1399.98px) {
  div.closediv {
    margin-top: 129px;
  }
  
  

}

@media only screen and (min-width: 1400px) {
  div#mod-custom119 {
    position:absolute;
    top:27px;
    right:12px;
    height:10px;
  }
  div#mod-custom119 img {
    width: 220px;
  }
}
@media (width >= 1400px) {
  .container {
    max-width: 1700px;
  }
}
ul.mm-show {
  background:#fff;
   box-shadow: 5px 5px 5px grey !important;
  
}
ul ul.mm-show {
  background:#fff;
   box-shadow: none !important;
  
}
ul.mm-show li a {
  color: black !important;
}

ul li.item-364 {
  background: #BC0043;
}
div.camera_pag {
  height:10px;
  background-color: #535353 ;
  
}


div.sidebar-left {
  box-shadow: 5px 5px 5px grey;
  background-color: #535353 ;
  
}
div.sidebar-left h3,
div.sidebar-left li a,
div.mod-custom,
div.jsvisitcounter div.table {
  color:white;
  font-size:1rem;
}
.mod-custom{
  position: absolute;
  height: 27px;
  width: 210px;
  top: 47px;
  right: 38px;
}
div.sprachkurs  .mod-custom {
  position: relative;
  height: auto;
  width: auto;
  top: 0px;
  right: 0px;
}
.container-topbar .mod-custom {
  position: absolute;
  left: 25%;
  width: 50%;
  background: white;
  height: auto;
  box-shadow: 5px 5px 5px grey;
  opacity:0.8;
}
div.site-grid {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(193, 193, 193, 0.5), rgba(83, 83, 83, 0.5)), url("../../../../../images/bg_landscape.jpg");
}
main {
  background: rgba(255, 255, 255, 0.75);
  padding: 35px;
  box-shadow: 5px 5px 5px grey;
  min-height: 990px;
}

div#ziel img {
  margin: 20px 20px 20px 20px;
  box-shadow: 5px 5px 5px grey;
}
div.bild,
div.bild2 {
  background: #4E4E4E;
}
a.medienansicht img {
  max-width:100%;
}
img.linkbild {
   max-width:100%;
}
a.medienansicht:hover img {
  opacity:0.3;
}
span.angebote a,
a span.angebote {
  font-size:0.7rem;
  padding: 3px;
  color: #fff;
  background: #AB2D5B;
  border: 0px solid grey;
  border-radius: 5px;
  box-shadow: 5px 5px 5px grey;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
}
span.angebote a:hover,
a span.angebote:hover  {
  color:black;
}
span.links a {
  font-size:0.7rem;
  padding: 3px;
  color: black;
  background: #cecaca;
  border: 1px solid grey;
  border-radius: 5px;
  box-shadow: 5px 5px 5px grey;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
}
span.links a:hover {
  color:#AB2D5B;
}
div.medienarten {
 	text-align: center;
	width: 100%;
}
div.medienarten table {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}
div.medienarten table th {
  border: 1px solid black;
  background: #303030;
  color: white;
  padding: 5px; 
}
div.medienarten table td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}
span.hervor {
  color: #BE004A;
  font-weight: bold;
  font-size: 1.1em;
}
div.camera_pag {
  position:relative;
  bottom:45px;
}
img.hinweis_orte {
  width:25px;
}
div.card-body span {
  color: #ffffff;
}
/*Cookies CK */
#cookiesck_interface {
  margin-left:20% !important;
  margin-right:20% !important;
  margin-top:6% !important;
  margin-bottom: 18% !important;
  background: #CBCBCB !important;
}
div.cookiesck-accept {
  background: green !important;
  color:black !important;
}
div.cookiesck-decline {
  background: yellow !important;
  color:black !important;
}
a#cookiesck_readmore {
  color:black !important;
}
div.cookiesck-main-close {
  right: 38px  !important;
	top: 121px  !important;
  color:black !important;
  border: 1px solid black !important;
}
/* Counter */
div.counter span{
  font-size: 16px;
  
}
.digit-0, .digit-1, .digit-2, .digit-3, .digit-4, .digit-5, .digit-6, .digit-7, .digit-8, .digit-9 {
  color: #fff;
  background: none !important;
  font-weight: bold;
  text-indent: -3px !important;
  background-color: grey !important;
}
a:active {
  border: none;
}
/* Offline-Seite */
.d-inline-block,
.logo-icon {
  display: none !important;
}
div.page-header h2 a {
  color:#7c022d;
  font-size:1.5rem;
}
ul li.item-108,
ul li.item-111 {
  background: #BC0043;
}
li.nav-item {
  padding-left:10px;
}
@keyframes blinken {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.blinkt {
  animation: blinken 0.6s linear infinite;
}