/* === Allgemein ===*/


/*  Seitenelemente */

.container {
	height: 100%;
}


.row {
	padding-bottom: 1rem;
}


/* Schriften */


@font-face {
	font-family: 'CDU Kievit';
	font-weight: 400;
	src: local('CDU Kievit'), local('CDU Kievit'), url('../fonts/CDUKievitComp-Medium.ttf') format('truetype');
}


body,
p {
	font-family: 'CDU Kievit', sans-serif;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'CDU Kievit', sans-serif;
}

h1 {
	font-weight: bold;
}


@media (max-width: 767px) {
	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.75em;
	}

	h3 {
		font-size: 1.5em;
	}

	h4 {
		font-size: 1.25em;
	}

	h5 {
		font-size: 1em;
	}

	h6,
	p {
		font-size: 0.85em;
	}

}

strong {
	font-weight: 900;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.figure-caption,
#impressum a,
#impressum a:visited,
#datenschutz a,
#datenschutz a:visited,
table a,
address a {
	color: #32302E;
}

#datenschutz a:hover,
#datenschutz a:visited,
table a:visited,
table a:hover,
address a:visited,
address a:hover {
	text-decoration: underline;
}

#kontakt address,
#datenschutz ul {
	color: #32302E;
}

#aktuelles p,
#ueberuns p,
#impressum p,
#datenschutz p,
#kontakt address {
	text-align: justify;
	color: #32302E;
}

#impressum h4,
#impressum h5 {
	text-align: left;
}

#aktuelles h3 {
	padding-top: 1rem;
}

#kommunalwahl24 .card-body {
	padding-bottom: 0px;
}

/* === Abstände ===*/
.bootom_20 {
	padding-bottom: 20px;
}

.bootom_30 {
	padding-bottom: 30px;
}

/* === Farben ===*/
.text-red {
	color: #2d3c4b;
}

/* Button Primary */
.btn-primary {
	color: #fff;
	background-color: #ffa600;
	border-color: rgb(255, 166, 00);
}

.btn-primary:hover {
	color: #fff;
	background-color: #FFa655;
	border-color: #ffa600;
	text-decoration: underline;
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 .2rem rgba(255, 166, 00, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #ffa600;
	border-color: #ffa600;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #ffa600;
	border-color: #000;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 166, 00, 0.5);
}

.btn-outline-primary {
	color: #ffa600;
	background-color: transparent;
	background-image: none;
	border-color: #ffa600;
}

.btn-outline-primary:hover {
	color: #222;
	background-color: #ffa600;
	border-color: rgb(255, 166, 00);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
	box-shadow: 0 0 0 .2rem rgba(255, 166, 00, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #ffa600;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	color: #DAD9D4;
	background-color: #ffa600;
	border-color: #ffa600;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(212, 00, 00, 0.5);
}

/* Sonstige Farben */
.bg-overlay {
	height: 100%;
	width: 100%;
	background-color: rgba(51, 51, 51, 0.9);
	position: absolute;
	top: 0;
}

a .text-white:hover,
a.text-white:hover {
	text-decoration: underline;
}

.card-footer {
	background-color: #52b7c1;
	color: white;
	/*
	background-color: #FFD700;
	color: black;
	*/
}

.text-muted {
	color: #2d3c4b !important;
}


/* Section */
section {
	padding: 140px 0;
}


/* === Tabellen ===*/

#impressum .table {
	line-height: 1.1em;
}

#impressum .table th {
	width: 200px;
}

#aktuelles .table td {
	width: 25%;
	padding-bottom: 5px;
	padding-top: 0px;
}


/* === Sonstiges ===*/

hr {
	background-color: #32302E;
	border: solid #32302E 1px;
}


.border {
	border: 5px solid black;
}


/* Hintergrundbilder */

@media (min-width: 875px) {
	.start-bg {
		background: url('../grafics/Background2-4k.jpg') left center fixed no-repeat;
		min-height: 100vh;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}


@media (max-width: 874px) {
	.start-bg {
		background: url('../grafics/Background1-870px.jpg') bottom center fixed no-repeat;
		min-height: 100vh;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}

@media (max-width: 560px) {
	.start-bg {
		background: url('../grafics/Background1-560px.jpg') bottom center fixed no-repeat;
		min-height: 100vh;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
}




/* === Back-to-Top Button ===*/
#back-to-top-button {
	display: none;
	position: fixed;
	right: 40px;
	bottom: 40px;
}

/* === Bugfixing ===*/
h1,
h2,
h3,
h4,
h5,
h6,
.font-alt,
p,
button,
a {
	filter: blur(0);
}



/* === Footer ===*/

.bg-black {
	background-color: #2d3c4b
	/*
	background-image: linear-gradient(0deg, #32302E 0%, #32302E 85%, transparent 100%);
  */ 
}