body {
	/*background-image: url(images/geese_migratory_birds_fly_wild_geese_flock_of_birds_formation_dike_meadow-1145902.jpeg);*/
	/*background-image: url(images/geese_migratory_birds_fly_wild_geese_flock_of_birds_formation_dike_meadow-1145902_gauss.jpeg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;*/
	font-family: "Lucida Sans", Tahoma, sans-serif, Roboto, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode" ;
/* DejaVu Serif, DejaVu Sans Mono DejaVu Sans, Liberation Sans, Liberation Serif, Noto Serif, Noto Serif Display, sans-serif */
	line-height: 1.618rem;
	font-weight: normal;
	font-size: 1rem;
	padding: 0rem 0rem 0rem 0rem;
}
h1 {
	color: #4d4d4d;
	line-height: 2.2rem;
}
h2 {
	line-height: 2.2rem;
}
p {
	color: #1a1a1a;
}
div {
	margin: 0px 0px 0px 0px;
	padding: 0rem 0rem 0rem 0rem;
}
hr { 
	box-sizing: content-box;
	height: 0px;
	border: 2px solid rgb(95 97 110);
}
section {
	background-color: #FFFFFF; 
	margin-top: 1rem;
	padding: 1rem 1rem 1rem 1rem;
}
.inhalt {
	text-align: justify;
}
.anmerkung {
	font-size: 0.8rem;
}
#aussen {
	justify-content: center;
	align-items: center;
	align-self: center;
	display: grid;
}
/*#rahmung {
	background-color: #FFFFFF; 
	border: 2px solid rgb(95 97 110);
	border-radius: 0.5rem;
	min-width: calc(350px + 2rem);
	max-width: 1000px;
	align-self: center;
}*/
.navigation.header { 
	text-align: center; 
	font-size: 1.4rem;
	padding: 0rem 0.5rem 0.2rem 0.5rem; 
	line-height: 1.4rem;
	/*width: 96%;*/
}
.header {
	/*width: 100%;*/
	text-align: center; 
	padding: 1px;
}
.logotext {
	width: 80%;
}
.logoimg {
	padding: 1px;
}
.logo {
	height: 160px;
	float: left;
}
.navigation.footer {
	text-align: center; 
	font-size: 1rem;
	line-height: 1rem;
}
.ruler {
	width: 38.2%;
	border-top: 2px solid #65bde1;
	border-bottom: 0px;
}
.inhalt.wahlbezirke {
	text-align: left !important;
}
p.wahlaufforderung {
	text-align: center;
	font-size: 1.3rem;
}
#kandidierende {
	justify-content: top;
	overflow-wrap: break-word;
	box-sizing: border-box;
}
img.kandidat {
	max-height:350px; 
	max-width:350px; 
}
div.kandidatenbild, div.ersatzkandidatenbild {
	/*padding: 1rem 0rem 0rem 0rem;*/
	height: 350px; 
}
.kandidat.float-child, .ersatzkandidat.float-child {
	text-align: center;
	min-width: calc(350px + 10px);
	/*max-width: calc(1000px - 4rem - 20px);*/
	max-width: calc(1000px - 20px);
}
@media (min-width: calc(350px)) {
	.float-parent {
		padding: 0rem 0rem 0rem 0rem;
		width: 100%;
	}
	.kandidat.float-child, .ersatzkandidat.float-child {
		/*width: calc(100% - 2rem);*/
		width: calc(100%);
	}
	img.kandidat_platzhalter {
		height: 350px; 
		/*width: 0px;*/
	}
	img.ersatz_platzhalter, img.nur_ersatz_platzhalter  {
		width: 0px;
	}
        div.ersatz_platzhalter, div.nur_ersatz_platzhalter {
		width: 0px;
	}
	div.kandidatenbild.platzhalter {
		height: 350px; 
		/*width: 100%;*/
		padding: 1rem 0rem 0rem 0rem;
	}
	div.ersatzkandidatenbild.platzhalter {
		height: 0px; 
		padding: 1rem 0rem 0rem 0rem;
	}
	div.ersatzkandidatenbild.nur_ersatz_platzhalter, div.ersatzkandidatenbild.ersatz_platzhalter {
		height: 0px; 
		padding: 1rem 0rem 0rem 0rem;
	}
	div.kandidatenbild {
		padding: 1rem 0rem 0rem 0rem;
		/*height: 350px; */
	}
	#rahmung {
		background-color: #FFFFFF; 
		/*border: 2px solid rgb(95 97 110);*/
		/*border-radius: 0.5rem;
		min-width: calc(350px + 2rem);
		max-width: 1000px;
		align-self: center;*/
	}
	body {
		margin: 0px 0px 0px 0px;
	}
	.button {
		padding: 2px 12px;
	}
}
@media (min-width: calc(700px + 6rem + 20px)) {
	body {
		/*background-image: url(images/geese_migratory_birds_fly_wild_geese_flock_of_birds_formation_dike_meadow-1145902.jpeg);*/
		background-image: url(images/geese_migratory_birds_fly_wild_geese_flock_of_birds_formation_dike_meadow-1145902_gauss.jpeg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% 100%;
		margin: 5px 5px 5px 5px;
	}
	.float-parent {
		padding: 0rem 1rem 0rem 1rem;
		width: 100%;
	}
	.kandidat.float-child, .ersatzkandidat.float-child {
		width: calc(50% - 1rem);
	}
	img.kandidat_platzhalter, img.nur_ersatz_platzhalter, img.ersatz_platzhalter {
		max-height: 350px !important; 
		max-width: 350px !important; 
		width: 350px; 
	}
	img.nur_ersatz_platzhalter {
		width: 350px;
		height:350px;
	}
        div.platzhalter, div.ersatz_platzhalter, div.nur_ersatz_platzhalter {
		width: 350px;
		height:350px;
	}
	div.kandidatenbild.platzhalter, div.ersatzkandidatenbild.ersatz_platzhalter, div.ersatzkandidatenbild.nur_ersatz_platzhalter {
		width: 350px;
		height: 350px; 
	}
	div.kandidatenbild, div.ersatzkandidatenbild {
		padding: 1rem 0rem 0rem 0rem;
		/*height: 350px; */
		/*height: 350px;*/
	}
	#rahmung {
		background-color: #FFFFFF; 
		border: 2px solid rgb(95 97 110);
		border-radius: 0.5rem;
		min-width: calc(350px + 2rem);
		max-width: 1000px;
		align-self: center;
	}
	.button {
		padding: 6px 36px;
	}
}
div.kandidat, div.ersatzkandidat {
	text-align: center;
	padding: 0rem 0rem 0rem 0rem;
}
h3.hwbz {
	font-size: 1.3rem;
	color: #4d4d4d;
}
h4.kandidat {
	font-size: 1.5rem;
	color: #4d4d4d;
}
p.kandidat {
	color: #4d4d4d;
	line-height: 100%;
	padding: 0rem 0rem 0rem 0rem;
	margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.kandidatenbeschreibung {
	text-align: left;
	box-sizing: border-box;
	align-self: center;
	padding: 0rem 0rem 0rem 0rem;
	margin: 0rem 0rem 0rem 0rem;
}
.ziele.float_child{
	max-width: 1000px;
	min-width: 350px;
}
.ziele {
	text-align: justify;
}
.gemeinsame_ziele {
	width: calc(100% - 2rem);
}
.meine_ziele {
	/*width: calc(100% - 2rem);*/
	width: 100%;
	display: block; /* Make label a block element to fill width */
}
.wahlbezirk {
	width: 100%;
}
.ruler.wahlbezirk {
	border-top: 2px dashed #dddddd;
	border-bottom: 0px;
	/*width: calc(100% - 2rem);*/
	width: 90%;
}
.ruler.platzhalter_beschreibung {
	border: 0px;
	/*width: calc(100% - 2rem);*/
	width: 90%;
	height: 10px;
}
.hwbz {
	text-align: center;
	font-size: 2rem;
	padding: 0rem 0rem 0rem 0rem;
	color: #4d4d4d;
}
.compliance {
	color: #4a4a4a;
	font-size: 0.6rem;
	line-height: 1rem;
}
a:link, a:visited {
	color: #456232;
	text-decoration: underline;
}

a:link:active, a:visited:active {
	color: #8ac664;
}

.losung {
	text-align: center;
}

/*.float-parent {
	padding: 0rem 1rem 0rem 1rem;
	width: 100%;
}*/

.float-child {
	float: left;
	box-sizing: border-box;
	display: grid;
}
.ende-floating {
	box-sizing: border-box;
	display: grid;
	width: 100%;
}

img.header {
	object-fit: fill;
	width: 95%; 
}

html {
	scroll-behavior: smooth;
}
a {
	scroll-behavior: smooth;
}
.main_navi__list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1000;
}
.main_navi__list__item {
	padding: 1rem;
}
.main-navi {
	grid-area: main-navi;
	border-bottom: solid 2px rgba(0,39,49,.3);
}
.back-to-top {
	z-index: 21;
	width: 2.5rem;
	height: auto;
	border-radius: .4rem;
	transition: all .4s;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	color: #FFFFFF;
	text-decoration: none;
}
.back-to-top.show {
	opacity: 0.8;
	pointer-events: auto;
}
ul {
	padding: 0rem 1rem 1rem 1rem;
	margin: 0rem 0rem 0rem 0rem;
}
ul.wahlbezirke {
	line-height: 2.3rem;
}

.image{
	position: relative;
}
.image a{
	display: block;
	position: absolute;
}
.karte_wahlbezirke {
	text-align: center;
	color: #4d4d4d;
	font-size: 0.8rem;
	font-style: italic;
	width: 350px;
}
img.karte_wahlbezirke {
	width: 350px;
}

.collapsible-input {
	display: none; /* Hide the checkbox */
}

/* By default, hide the content */
.collapsible-content {
	max-height: 0; /* Collapse content */
	overflow: hidden; /* Hide overflow when collapsed */
	transition: max-height 0.3s ease; /* Smooth transition */
	/*padding: 0.5rem; /* Add spacing */
	padding: 0.15rem 0.15rem 0.15rem 0.15rem; /* Add spacing */
}

/* When checkbox is checked, show content */
.collapsible-input:checked ~ .collapsible-content {
	max-height: 1200px; /* Adjust based on content size */
}
.collapsible-header {
	display: block; /* Make label a block element to fill width */
	padding: 0.5rem 0.5rem 0.5rem 0.5rem; /* Add spacing */
	background: #f0f0f0; /* Light gray background */
	cursor: pointer; /* Show pointer on hover */
	font-weight: bold; /* Make text stand out */
	user-select: none; /* Prevent text selection on click */
	transition: background 0.2s ease; /* Smooth background change */
}

/* Hover effect */
.collapsible-header:hover {
	background: #e0e0e0; /* Darken on hover */
}

.button {
	/*background-color: #04AA6D;*/
	/*background-color: #8ac664;*/
	background-color: #6e9f50;
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1rem;
	margin: 2px 1px;
	cursor: pointer;
}
a.button:link, a.button:visited {
	color: white;
	text-decoration: none /*underline*/;
}

a.button:link:active, a.button:visited:active {
	/*color: #8ac664;*/
	color: white;
}

.button {
	transition-duration: 0.4s;
}

.button:hover {
	background-color: #8ac664;
	color: white;
}
.button#deichamtswahl {
	background-color: #3e9f50;
}
.button#mitteilungslink {
	background-color: #8ac664;
}
.button:hover#mitteilungslink {
	background-color: #3e9f50;
	color: white;
}
a.ergebnis {
	color: black;
	text-decoration: none /*underline*/;
}
table.ergebnis {
}
td.ergebnis {
	padding: 0.4rem 0.4rem 0.4rem 0.4rem;
}
.mitteilungen {
	text-align: center;
	width: 100%;
}
.mitteilung {
	text-align: center;
	font-style: italic;
}
.stand {
	font-size: 0.7rem;
	color: #555555;
	font-style: italic;
	text-align: left;
}