/* individuelle CSS-Einstellungen fuer jk
------------------------------------------- */

body {
	background-color: #eaecf6;
	color: #1f3695;
}

.jk-blau {
	color: #1f3695;
}

.navbar {
	background-color: #d4d9ec !important;
	color: #1f3695 !important;
}

.nav-link {
	color: #1f3695 !important;
}
.nav-link.active {
	color: #000000 !important;
}

.btn-primary {
	background-color: #1f3695;
}

#navigation_jahre > .btn-primary {
	color: #ffffff;
}

#navigation_jahre > button {
	border-radius: 0px;
	--bs-btn-border-color: #1f3695;
}

#navigation_bdm > .col > button {
	border-radius: 0px;
	--bs-btn-border-color: #1f3695;
}

.footer > .container > a {
	color: #1f3695 !important;
	text-decoration: none;
}

.container-werbeart {
	padding-top: 70px;
}
.werbeart {
	background-color: #d4d9ec;
}

.werbeart-header {
	padding: 20px;
}
.werbeart-footer {
	padding: 20px;
}

.jk-schatten {
	box-shadow: -10px 0 5px -5px #888888, 10px 0 5px -5px #888888;
}

.jk-slider {
	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.jk-bus-des-monats {
	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}


/* xs? */
@media (min-width: 0px) {
	.jk-padding-border {
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.jk-ueberschrift {
		font-size: 25px !important;
		font-weight:900 !important;
	}
	.jk-inhalt {
		font-size: 17px !important;
		font-weight:100 !important;
		line-height: 2 !important;
	}
	.jk-inhalt > p {
		margin-bottom: 2rem !important;
	}
}
/* Small Devices (sm) */
@media (min-width: 576px) {
	.jk-padding-border {
		padding-left: 40px !important;
		padding-right: 40px !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.jk-ueberschrift {
		font-size: 30px !important;
		font-weight:900 !important;
	}
	.jk-inhalt {
		font-size: 20px !important;
		font-weight:100 !important;
		line-height: 2 !important;
	}
	.jk-inhalt > p {
		margin-bottom: 2rem !important;
	}
}
/* Medium Devices (md) */
@media (min-width: 768px) {
	.jk-padding-border {
		padding-left: 50px !important;
		padding-right: 50px !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.jk-ueberschrift {
		font-size: 40px !important;
		font-weight:900 !important;
	}
	.jk-inhalt {
		font-size: 23px !important;
		font-weight:100 !important;
		line-height: 2 !important;
	}
	.jk-inhalt > p {
		margin-bottom: 2rem !important;
	}
}
/* Large Devices (lg) */
@media (min-width: 992px) {
	.jk-padding-border {
		padding-left: 70px !important;
		padding-right: 70px !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.jk-ueberschrift {
		font-size: 40px !important;
		font-weight:900 !important;
	}
	.jk-inhalt {
		font-size: 23px !important;
		font-weight:100 !important;
		line-height: 2 !important;
    			
	}
	.jk-inhalt > p {
		margin-bottom: 2rem !important;
	}
}
/* X-Large Devices (xl) */
@media (min-width: 1200px) {
	.jk-padding-border {
		padding-left: 120px !important;
		padding-right: 120px !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.jk-ueberschrift {
		font-size: 40px !important;
		font-weight:900 !important;
		
	}
	.jk-inhalt {
		font-size: 23px !important;
		font-weight: 100 !important;
		line-height: 2 !important;
	}
	.jk-inhalt > p {
		margin-bottom: 2rem !important;
	}
}
/* XX-Large Devices (xxl) */
@media (min-width: 1400px) {
	.jk-padding-border {
		padding-left: 120px !important;
		padding-right: 120px !important;
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}
	h1.jk-ueberschrift {
		font-size: 50px !important;
		font-weight: 900 !important;
	}
	.jk-einleitung {
		font-size: 25px !important;
		font-weight: 400 !important;
	}
	.jk-ueberschrift {
		font-size: 40px !important;
		font-weight: 900 !important;
	}
	h2.jk-ueberschrift {
		padding-top: 60px !important;	
	}
	.jk-inhalt {
		font-size: 23px !important;
		font-weight: 100 !important;
		line-height: 2 !important;
	}
	.jk-ueberschrift-tarife {
		margin-bottom: 0px !important;
	}
	.jk-kleingedrucktes {
		font-size: 16px !important;
		font-weight: 100 !important;
		line-height: 2 !important;
	}
	.jk-inhalt > p {
		margin-bottom: 1.4rem !important;
	}
}