body {
	font-family: 'Lato', sans-serif;
}

label {
	display: none;
}

label.form-check-label,
label.col-form-label {
	display: inline-block;
}

.logo {
	font-weight: 900;
}

.text_main_top, h1 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.box_top_offers {
	padding-top: 60px;
}

.burger {
	text-align: right;
}

h1 {
	color: white;
	text-shadow: 0px 3px 2px rgba(0,0,0,0.7);
	margin-top: -15px;
}

.kejano_bg {
	background-color: rgba(120,199,18,0.1);
}

.kejano_color {
	color: rgb(120,199,18);
}

.kejano_grey {
	background-color: rgb(245,245,245);
}

.main_box {
	height: 550px;
	padding-top: 15px;
	background: url(img/kj_bg_pattern.png) repeat,
	url(img/kj_head_bg.jpg) no-repeat;
	background-size: auto, cover;
	-webkit-background-blend-mode: multiply, normal;
	background-blend-mode: multiply, normal;
}

.main_about {
	height: 550px;
	padding-top: 15px;
}

.main_middle {
	height: 900px;
	background-color: black;
	background: url(img/kj_section_bg.jpg) no-repeat;
	background-size: cover;
}

.main_bottom {
	height: 250px;
}

.artikeluebersicht {
	box-shadow: 0px -4px 6px 0px rgba(14,36,5,0.26);
	border: none;
	border-radius: 20px;
}

.artikeluebersicht .card-header {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-color: #212529;
}

.artikeluebersicht table {
	font-size: 14px;
}

.main_middle .container h2 {
	text-align: center;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.main_middle .card-deck .card {
	background-color: transparent;
	color: white;
	border: none;
	margin-right: 0;
	margin-left: 0;
}

.main_middle .card-deck .card-body {
	padding-left: 0px;
	padding-right: 0px;
}

.main_middle .card-deck .card h6 {
	font-weight: bold;
}

.main_middle .card-deck {
	margin-top: 60px;
	font-size: 14px;
}

.main_box h2, .main_about h2 {
	padding-top: 10px;
	text-align: center;
	color: black;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.ceo_satz  {
	font-weight: 300;
	font-style: italic;
	font-size: 44px;
	line-height: 1;
	text-align: left;
	display: inline-block;
	margin-bottom: 25px;
}

.main_bottom {
	color: grey;
	background-color: white;
}

.main_bottom p {
	text-transform: uppercase;
	font-weight: 300;
	text-align: center;
	margin-top: 15px;
	font-size: 14px;
}

nav ul li {
	padding: 0 5px;
}

nav ul li a {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

nav ul li a:hover {
	background-color: white;
	color: black;
	font-weight: bold;
	border-radius: 50px;
	padding-left: 15px;
}


.ktn_button {
	background-color: #212529;
	font-size: 14px;
	margin: 20px;
}

.ktn_button_sc {
	background-color: #f5f5f5!important;
	color: #212529;
	font-size: 14px;
	margin: 20px;
}

a.ktn_button:hover {
	color: white;
	font-weight: bold;
}

a.ktn_button_sc:hover {
	color: #78c810;
}

@media screen and (min-width: 1200px ) {
	.main_middle .container h2 {
		padding-top: 400px;
	}
}

@media screen and (min-width: 405px ) and (max-width: 1199px) {
	.main_middle .container h2 {
		padding-top: 680px;
	}

	.main_middle {
		height: auto;
	}

	.carousel-item {
		text-align: center;
	}

	.carousel-inner img {
		margin: auto;
	}

	.carousel-item img {
		max-height: 450px!important;
		width: auto!important;
	}
}

@media screen and (min-width: 520px ) and (max-width: 575px) {
	.main_middle .container h2 {
		padding-top: 500px!important;
	}
}

@media screen and (max-width: 520px ) {
	.main_middle .container h2 {
		padding-top: 700px!important;
	}
}

@media screen and (min-width: 375px) and (max-width: 404px ) {
	.main_middle .container h2 {
		padding-top: 430px!important;
	}
}

@media screen and (max-width: 374px ) {
	.main_middle .container h2 {
		padding-top: 530px!important;
	}
}

/** mobile xxs**/
@media screen and (max-width: 404px) {
	.box_top_offers {
		padding-top: 15px;
	}

	.box_top_offers .card-body {
		padding-right: 3px;
		padding-left: 3px;
	}

	.main_middle {
		height: 1950px;
		padding-top: 450px;
	}

	.artikeluebersicht .table {
		margin-top: -50px;
	}

	.artikeluebersicht .card-body .table {
		font-size: 12px;
	}

	.main_middle {
		height: auto;
		padding-top: 520px;
	}

	.main_middle .card-deck {
		margin-top: 10px;
	}

	.main_middle .card .card-text {
		display: none;
	}

	.main_middle .card .card-title {
		text-align: center;
	}

	.main_middle h2 {
		font-size: 24px!important;
	}

	.main_about .row {
		margin-top: -25px;
	}

	.main_about .row .row {
		text-align: center;
		margin-bottom: 10px;
	}

	.ceo_satz {
		font-size: 32px;
		text-align: center;
	}

	.main_about {
		height: auto;
	}
}

/** mobile **/
@media (min-width: 405px) and  (max-width: 575.98px) {
	.box_top_offers {
		padding-top: 20px;
	}

	.main_middle {
		height: 2050px;
		padding-top: 300px;
	}

	.box_top_offers .card-body {
		padding-right: 8px;
		padding-left: 8px;
	}

	.artikeluebersicht .table {
		margin-top: -25px;
	}

	.artikeluebersicht .card-body .table {
		font-size: 12px;
	}

	.main_middle .card-deck {
		margin-top: 20px;
	}

	.main_middle .card .card-text {
		display: none;
	}

	.main_middle .card .card-title {
		text-align: center;
	}

	.main_about .row {
		margin-top: -25px;
	}

	.main_about .row .row {
		text-align: center;
		margin-bottom: 10px;
	}

	.ceo_satz {
		font-size: 32px;
	}

	.main_about {
		height: 850px;
	}

}

/** small dev - landscape **/
@media (min-width: 576px) and (max-width: 767.98px) {
	.box_top_offers {
		padding-top: 40px;
	}

	.box_top_offers .card-header {
		margin-top: -30px;
	}

	.artikeluebersicht .table {
		margin-top: -40px;
	}

	.artikeluebersicht .card-body .table {
		font-size: 13px;
	}

	.artikeluebersicht .carusel_box {
		height: 100px;
	}

	.main_middle .card-deck {
		margin-top: 30px;
	}

	.main_middle {
		height: auto;
		padding-top: 25px;
	}

	.main_about .row {
		margin-top: -25px;
	}

	.main_about .row .row {
		text-align: center;
		margin-bottom: 10px;
	}

	.ceo_satz {
		font-size: 32px;
	}

	.main_about {
		height: auto;
	}

}

/** Medium dev - tablets **/
@media (min-width: 768px) and (max-width: 991.98px) {
	.artikeluebersicht .table {
		margin-top: -40px;
	}

	.artikeluebersicht .card-body .table {
		font-size: 12px;
	}

	.main_about .row {
		margin-top: -25px;
	}

	.main_about .row .row {
		text-align: center;
		margin-bottom: 15px;
	}

	.ceo_satz {
		font-size: 36px;
	}

	.main_about {
		height: auto;
	}

	.box_top_offers {
	padding-top: 50px;
	}
}

/** Larg dev - desktop **/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.artikeluebersicht .card-body .table {
		font-size: 12px;
	}

	#absatz {
		padding-top: 100px;
	}
}

@media (min-width: 1199.98px) {
	#absatz {
		padding-top: 100px;
	}
}