.fieldnod {display:none;
visibility:hidden;}
.mainimage {display:none;}
.slicknav_menu {display: none;

}

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

.slicknav_menu {
display:block;
text-align:left;
}

ul#jsddm {
display:none;
}}
nav {padding-top: 100px;}
header {position:absolute;
top: 0;
left: 0;
width: 100%;
height: 130px;
background-color: #f5f5f5;
z-index: 9998;}
.logo {	position: absolute;
	top: 0px;
	left: 10px;
	width: 180px;
	height: auto;
	margin: 5px 20px 10px 0;}
main {flex: 1;
margin-bottom: -20px;}
.headertop {margin-top: 120px;}
#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.3);
	border:none;
	border-bottom: 1px solid rgb(0, 153, 204);
	display:block;}
.allgemein {	background-color: rgba(110, 135, 140, 0.12);
	border:none;
	border-bottom: 1px solid rgb(110, 135, 140);
	display: block;
	}
	
.allgemein a {
	color: rgb(110, 135, 140);
	text-decoration: none;
	}
	
.allgemein a:hover {
	color: rgb(110, 135, 140);
	text-decoration: underline;
	text-decoration-color: rgb(110, 135, 140);
}
#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.2);
	border: none;
	border-bottom: 1px solid rgb(165, 175, 100);
	display:block;
	}
	
.entsorgung a {
	color: rgb(134, 158, 52);
	text-decoration: none;
	}
	
.entsorgung a:hover {
	color: rgb(96, 109, 52);
	text-decoration: underline;
        text-decoration-color: rgb(96, 109, 52);}
.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;
}
}
.gsc-control-cse {padding-left: 0 !important;
padding-right: 0 !important;
}

td.gsc-input {
padding-top: 3px;
text-align: center;
padding: 0.375rem 0.250rem 0.375rem 0.0rem !important;
font-size: 1.0rem !important;
line-height: 1.5 !important;}
.shower {position: absolute;
top: 2.175rem;
right: 0px;
z-index: 9999;
padding: 5px 12px 5px 8px;
border-radius: 5px 0 0 5px;
background-color: #0399cc;
color: #fff;
font-weight: 700;
}

.shower a {
color: #fff;
}

.shower a:hover {
color: #cc0000;
}

button.gsc-search-button {
  color: #fff;
  background-color: #0099cc;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  padding: 0.375rem 2.5rem !important;
  font-size: 1.0rem !important;
  line-height: 1.5 !important;
  border-radius: 0.1875rem !important;}
.ratiobox {aspect-ratio: 16/9;
width: 100%;
overflow: hidden;}
.maxwidth {width: 100% !important;}
.bg-primary-light {background-color: #ddf6fe !important;
}
.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;}
#top {padding-top: 110px;
display: flex;
flex-direction: column;
 min-height: 100vh;}
.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);}
.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 */}
html, body {height: 100%;
margin: 0;}
.singleblind {display:none;}
.border-white {border: 1px solid #fff;}
.news-style-ts {	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 #f5842a;
	line-height: 3.8rem;
	hyphens: auto;
	}
	
@media (max-width: 576px) {
	.news-style {
	line-height: 3.0rem;
	}
	
	}
	
a.no-hover:hover,
a.no-hover:focus,
a.no-hover:active {
	color: inherit;
	text-decoration: none;
	background: transparent;}
.bg-ts-green {background-color: rgba(182, 187, 102, 1.0);}
.bg-ts-orange {background-color: rgba(245, 132, 44, 1.0);}
.bg-ts-orange-light {background-color: rgba(247, 189, 144, 1.0);}
.border-ts-green {border: 1px solid rgba(182, 187, 102, 1.0);}
.summervogel {position: absolute;
top: -70px;
right: 10px;
height: 160px;
width: 150px;
overflow:visible;
z-index: 999;
}
.sticky-breadcrumb {    position: -webkit-sticky; /* Für Safari */
    position: sticky;
    /* Der Wert 'top' muss der Höhe Ihres fixierten Headers entsprechen */
    top: 110px; 
    z-index: 999; /* Höher als der Inhalt, aber niedriger als das Menü-Overlay */
    background-color: white; /* Verhindert, dass Inhalt durchscheint */
}

/* Optional: Schatten hinzufügen, wenn die Breadcrumb klebt */
.sticky-breadcrumb {
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
.tshad {text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);}
.tagesstruktur {	background-color: rgba(251, 230, 213, 0.2);
	border: none;
	border-bottom: 1px solid rgb(245, 132, 42);
	display:block;
	}
	
.tagesstruktur a {
	color: rgb(245, 132, 42);
	text-decoration: none;
	}
	
.tagesstruktur a:hover {
	color: rgb(151, 158, 51);
	text-decoration: underline;
        text-decoration-color: rgb(151, 158, 51);}
#doclist-box {margin-bottom: 30px;}
html {scroll-behavior: smooth;
}