.fieldnod {display:none;
visibility:hidden;}
.logo {position: absolute;
top: 0px;
left: 4%;
width: 180px;
height: auto;
margin: 5px 20px 10px 0;}
#events {background-color: #f6f6f6;}
.desat {  filter: grayscale(0%);
  transition: filter 0.5s ease-in-out;
}

.desat:hover {
  filter: grayscale(100%);
  transition: filter 0.5s ease-in-out;
}
img.zoom {	transition: transform .3s ease;
	transform: scale(1.0);
}

img.zoom:hover {
	transform: scale(1.04);
	transition: transform .3s ease;}
.form-horizontal {width: 100%;}
.offiziell {background-color: rgba(155, 195, 215, 0.1);
border:none;
border-bottom: 1px solid rgb(155, 195, 215);
display:block;
}
.allgemein {background-color: rgba(248, 248, 248, 0.9);
border:none;
border-bottom: 1px solid rgb(170, 170, 170);
display: block;
}

.allgemein a {
color: rgb(110, 135, 140);
text-decoration: none;
}

.allgemein a:hover {
color: rgb(110, 135, 140);
text-decoration: underline;
}}
#eventheader {display:none;}
.flex-nav-prev {display: flex;
}

@media only screen and (max-width: 560px) {

.flex-nav-prev {
display: none;
}}
.entsorgung {background-color: rgba(165, 175, 100, 0.1);
border: none;
border-bottom: 1px solid rgb(165, 175, 100);
display:block;
}

.entsorgung a {
color: rgb(135, 145, 65);
text-decoration: none;
}

.entsorgung a:hover {
color: rgb(135, 145, 65);
text-decoration: underline;
}}
.holiday {width: 200px;
height: 200px;
transform:rotate(350deg);
z-index: 999;
transition: all 0.5s ease;
}

.holiday:hover {
width: 240px;
height: 240px;
transform:rotate(360deg);
z-index: 999;
transition: all 0.5s ease;
}

/* On screens 500px or less */
@media screen and (max-width: 600px) {
.holiday {
width: 130px;
height: 130px;
transform:rotate(350deg);
z-index: 999;
transition: all 0.5s ease;
}

.holiday:hover {
width: 220px;
height: 220px;
transform:rotate(360deg);
z-index: 999;
transition: all 0.5s ease;
}
}
.holiday-box {position: absolute; 
top:250px; 
right: 120px; 
z-index:999;
transition: all 0.5s ease;
}

.holiday-box:hover {
top:250px; 
right: 50px; 
z-index:999;
transition: all 0.5s ease;
}

/* On screens 600px or less */
@media screen and (max-width: 600px) {
.holiday-box {
top:140px; 
right: 30px; 
z-index:999;
transition: all 0.5s ease;
  }

.holiday-box:hover {
top:140px; 
right: 30px; 
z-index:999;
transition: all 0.5s ease;
}
}
.ratiobox {aspect-ratio: 16/9;
width: 100%;
overflow: hidden;}
.maxwidth {width: 100% !important;}
.bg-primary-light {background-color: #ddf6fe !important;
}
.logo-ts {position: absolute;
top: 15px;
left: 4%;
width: 300px;
height: auto;
/*margin: 15px 20px 10px 0;*/
}

@media only screen and (max-width: 768px) {

.logo-ts {
position: absolute;
top: 30px;
width: 200px;
height: auto;
/*margin: 10px 20px 10px 0;*/
}}
#top {padding-top: 110px;}
.b-softshadow {box-shadow: 0px 8px 12px 0px rgb(190 200 200 / 0.2);}
.eb-softshadow {box-shadow: 3px 3px 8px 3px rgb(200 200 200 / 0.3);}
#breadcrumb {background-color: #fff;
border-bottom: 1px solid #d6dce1;
display: block;}
.news-style, .box-news-style {background-color: #fff;
color: #000;
padding: 0 6px 2px 5px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
border-bottom: 4px solid #0099cc;
line-height: 3.8rem;
hyphens: auto;
}

.box-news-style {
line-height: 2.0rem;
}


@media (max-width: 576px) {
  .news-style {
  line-height: 3.0rem;
  }

.box-news-style {
  line-height: 2.7rem;
 }

}
  
a.no-hover:hover,
a.no-hover:focus,
a.no-hover:active {
  color: inherit;
  text-decoration: none;
  background: transparent;

}
.ic-muted {opacity: 0.5; /* Transparenz auf 50% setzen */
transition: opacity 0.3s ease; /* Übergang für Transparenzänderung */
}

.ic-muted:hover {
opacity: 1.0; /* Transparenz auf 100% setzen */}