/*  JKM-Standard-Styles */

/* -------------------- JKM hide-at-... + show-at-... -------------------- */

	.hide-at-all, .hide_at_all  {
		display:none !important;
	}

	.show_at_480, .show_at_768, .show-at-480, .show-at-768, .show-at-1024, .show_at_1024, .show-at-1120, .show_at_1120 {
		display: none;
	}
@media only screen and (max-width: 1120px) {

	.hide_at_1120, .hide-at-1120 {
		display:none !important;
	}
	
	.show_at_1120, .show-at-1120 {
		display:block;
	}
	
}
	
@media only screen and (max-width: 1024px) {

	.hide_at_1024, .hide-at-1024 {
		display:none !important;
	}
	
	.show_at_1024, .show-at-1024 {
		display:block;
	}
	
}	

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

	.hide_at_768, .hide-at-768 {
		display:none !important;
	}
	
	.show_at_768, .show-at-768 {
		display:block;
	}
	
}

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

	.hide_at_480, .hide-at-480 {
		display:none !important;
	}
	
	.show_at_480, .show-at-480 {
		display:block;
	}

 }
 
/* --------------------  JKM margin classes -------------------- */

	.margin-top10 {margin-top: 10px;}
	.margin-top20 {margin-top: 20px;}
	.margin-top30 {margin-top: 30px;}
	.margin-top40 {margin-top: 40px;}
	.margin-top50 {margin-top: 50px;}
	.margin-top60 {margin-top: 60px;}
	.margin-top70 {margin-top: 70px;}
	.margin-top80 {margin-top: 80px;}
	.margin-top90 {margin-top: 90px;}
	.margin-top100 {margin-top: 100px;}
	.margin-top110 {margin-top: 110px;}
	.margin-top120 {margin-top: 120px;}
	.margin-top130 {margin-top: 130px;}
	.margin-top140 {margin-top: 140px;}
	.margin-top150 {margin-top: 150px;}
	.margin-top160 {margin-top: 160px;}
	.margin-top170 {margin-top: 170px;}
	.margin-top180 {margin-top: 180px;}
	.margin-top190 {margin-top: 190px;}
	.margin-top200 {margin-top: 200px;}
	
	.margin-bottom10 {margin-bottom: 10px;}
	.margin-bottom20 {margin-bottom: 20px;}
	.margin-bottom30 {margin-bottom: 30px;}
	.margin-bottom40 {margin-bottom: 40px;}
	.margin-bottom50 {margin-bottom: 50px;}
	.margin-bottom60 {margin-bottom: 60px;}
	.margin-bottom70 {margin-bottom: 70px;}
	.margin-bottom80 {margin-bottom: 80px;}
	.margin-bottom90 {margin-bottom: 90px;}
	.margin-bottom100 {margin-bottom: 100px;}
	.margin-bottom110 {margin-bottom: 110px;}
	.margin-bottom120 {margin-bottom: 120px;}
	.margin-bottom130 {margin-bottom: 130px;}
	.margin-bottom140 {margin-bottom: 140px;}
	.margin-bottom150 {margin-bottom: 150px;}
	.margin-bottom160 {margin-bottom: 160px;}
	.margin-bottom170 {margin-bottom: 170px;}
	.margin-bottom180 {margin-bottom: 180px;}
	.margin-bottom190 {margin-bottom: 190px;}
	.margin-bottom200 {margin-bottom: 200px;}
	
	/* JKM margin classes MINUS [beta] */
	.margin-top-150 { margin-top: -150px; position: relative; }
	
@media only screen and (max-width: 768px) {		
	.margin-top10 {margin-top: 10px;}
	.margin-top20 {margin-top: 20px;}
	.margin-top30 {margin-top: 20px;}
	.margin-top40 {margin-top: 20px;}
	.margin-top50 {margin-top: 20px;}
	.margin-top60 {margin-top: 20px;}
	.margin-top70 {margin-top: 20px;}
	.margin-top80 {margin-top: 20px;}
	.margin-top90 {margin-top: 20px;}
	.margin-top100 {margin-top: 20px;}
	.margin-top110 {margin-top: 40px;}
	.margin-top120 {margin-top: 40px;}
	.margin-top130 {margin-top: 40px;}
	.margin-top140 {margin-top: 40px;}
	.margin-top150 {margin-top: 40px;}
	.margin-top160 {margin-top: 40px;}
	.margin-top170 {margin-top: 40px;}
	.margin-top180 {margin-top: 40px;}
	.margin-top190 {margin-top: 40px;}
	.margin-top200 {margin-top: 40px;}
	
	.margin-bottom10 {margin-bottom: 10px;}
	.margin-bottom20 {margin-bottom: 20px;}
	.margin-bottom30 {margin-bottom: 20px;}
	.margin-bottom40 {margin-bottom: 20px;}
	.margin-bottom50 {margin-bottom: 20px;}
	.margin-bottom60 {margin-bottom: 20px;}
	.margin-bottom70 {margin-bottom: 20px;}
	.margin-bottom80 {margin-bottom: 20px;}
	.margin-bottom90 {margin-bottom: 20px;}
	.margin-bottom100 {margin-bottom: 20px;}
	.margin-bottom110 {margin-bottom: 40px;}
	.margin-bottom120 {margin-bottom: 40px;}
	.margin-bottom130 {margin-bottom: 40px;}
	.margin-bottom140 {margin-bottom: 40px;}
	.margin-bottom150 {margin-bottom: 40px;}
	.margin-bottom160 {margin-bottom: 40px;}
	.margin-bottom170 {margin-bottom: 40px;}
	.margin-bottom180 {margin-bottom: 40px;}
	.margin-bottom190 {margin-bottom: 40px;}
	.margin-bottom200 {margin-bottom: 40px;}

	/* JKM margin classes MINUS [beta] */
	.margin-top-150 { margin-top: 0px; position: relative; }
}
	.padding-top10 {padding-top: 10px;}
	.padding-top20 {padding-top: 20px;}
	.padding-top30 {padding-top: 30px;}
	.padding-top40 {padding-top: 40px;}
	.padding-top50 {padding-top: 50px;}
	.padding-top60 {padding-top: 60px;}
	.padding-top70 {padding-top: 70px;}
	.padding-top80 {padding-top: 80px;}
	.padding-top90 {padding-top: 90px;}
	.padding-top100 {padding-top: 100px;}
	.padding-top110 {padding-top: 110px;}
	.padding-top120 {padding-top: 120px;}
	.padding-top130 {padding-top: 130px;}
	.padding-top140 {padding-top: 140px;}
	.padding-top150 {padding-top: 150px;}
	.padding-top160 {padding-top: 160px;}
	.padding-top170 {padding-top: 170px;}
	.padding-top180 {padding-top: 180px;}
	.padding-top190 {padding-top: 190px;}
	.padding-top200 {padding-top: 200px;}
	
	.padding-bottom10 {padding-bottom: 10px;}
	.padding-bottom20 {padding-bottom: 20px;}
	.padding-bottom30 {padding-bottom: 30px;}
	.padding-bottom40 {padding-bottom: 40px;}
	.padding-bottom50 {padding-bottom: 50px;}
	.padding-bottom60 {padding-bottom: 60px;}
	.padding-bottom70 {padding-bottom: 70px;}
	.padding-bottom80 {padding-bottom: 80px;}
	.padding-bottom90 {padding-bottom: 90px;}
	.padding-bottom100 {padding-bottom: 100px;}
	.padding-bottom110 {padding-bottom: 110px;}
	.padding-bottom120 {padding-bottom: 120px;}
	.padding-bottom130 {padding-bottom: 130px;}
	.padding-bottom140 {padding-bottom: 140px;}
	.padding-bottom150 {padding-bottom: 150px;}
	.padding-bottom160 {padding-bottom: 160px;}
	.padding-bottom170 {padding-bottom: 170px;}
	.padding-bottom180 {padding-bottom: 180px;}
	.padding-bottom190 {padding-bottom: 190px;}
	.padding-bottom200 {padding-bottom: 200px;}
	
@media only screen and (max-width: 768px) {		
	.padding-top10 {padding-top: 10px;}
	.padding-top20 {padding-top: 20px;}
	.padding-top30 {padding-top: 20px;}
	.padding-top40 {padding-top: 20px;}
	.padding-top50 {padding-top: 20px;}
	.padding-top60 {padding-top: 20px;}
	.padding-top70 {padding-top: 20px;}
	.padding-top80 {padding-top: 20px;}
	.padding-top90 {padding-top: 20px;}
	.padding-top100 {padding-top: 20px;}
	.padding-top110 {padding-top: 40px;}
	.padding-top120 {padding-top: 40px;}
	.padding-top130 {padding-top: 40px;}
	.padding-top140 {padding-top: 40px;}
	.padding-top150 {padding-top: 40px;}
	.padding-top160 {padding-top: 40px;}
	.padding-top170 {padding-top: 40px;}
	.padding-top180 {padding-top: 40px;}
	.padding-top190 {padding-top: 40px;}
	.padding-top200 {padding-top: 40px;}
	
	.padding-bottom10 {padding-bottom: 10px;}
	.padding-bottom20 {padding-bottom: 20px;}
	.padding-bottom30 {padding-bottom: 20px;}
	.padding-bottom40 {padding-bottom: 20px;}
	.padding-bottom50 {padding-bottom: 20px;}
	.padding-bottom60 {padding-bottom: 20px;}
	.padding-bottom70 {padding-bottom: 20px;}
	.padding-bottom80 {padding-bottom: 20px;}
	.padding-bottom90 {padding-bottom: 20px;}
	.padding-bottom100 {padding-bottom: 20px;}
	.padding-bottom110 {padding-bottom: 40px;}
	.padding-bottom120 {padding-bottom: 40px;}
	.padding-bottom130 {padding-bottom: 40px;}
	.padding-bottom140 {padding-bottom: 40px;}
	.padding-bottom150 {padding-bottom: 40px;}
	.padding-bottom160 {padding-bottom: 40px;}
	.padding-bottom170 {padding-bottom: 40px;}
	.padding-bottom180 {padding-bottom: 40px;}
	.padding-bottom190 {padding-bottom: 40px;}
	.padding-bottom200 {padding-bottom: 40px;}
}

	.padding-h5 {padding-left: 5%;padding-right: 5%;}
	.padding-h10 {padding-left: 10%;padding-right: 10%;}
	.padding-h15 {padding-left: 15%;padding-right: 15%;}
	.padding-h20 {padding-left: 20%;padding-right: 20%;}
	.padding-h25 {padding-left: 25%;padding-right: 25%;}
	.padding-h30 {padding-left: 30%;padding-right: 30%;}
	.padding-h35 {padding-left: 35%;padding-right: 35%;}
	.padding-h40 {padding-left: 40%;padding-right: 40%;}

@media only screen and (max-width: 768px) {
	.padding-h5 {padding-left: 5%;padding-right: 5%;}
	.padding-h10 {padding-left: 5%;padding-right: 5%;}
	.padding-h15 {padding-left: 5%;padding-right: 5%;}
	.padding-h20 {padding-left: 5%;padding-right: 5%;}
	.padding-h25 {padding-left: 5%;padding-right: 5%;}
	.padding-h30 {padding-left: 5%;padding-right: 5%;}
	.padding-h35 {padding-left: 5%;padding-right: 5%;}
	.padding-h40 {padding-left: 5%;padding-right: 5%;}
	
}

/* -------------------- min-height ------------------------- */

.min_height_500 { min-height: 500px; }
.min_height_600 { min-height: 600px; }
.min_height_700 { min-height: 700px; }
.min_height_800 { min-height: 800px; }
.min_height_900 { min-height: 900px; }
.min_height_1000 { min-height: 1000px; }

@media (min-width: 991px) and (max-width: 1280px) {
	.min_height_500 { min-height: 250px; }
	.min_height_600 { min-height: 300px; }
	.min_height_700 { min-height: 550px; }
	.min_height_800 { min-height: 400px; }
	.min_height_900 { min-height: 450px; }
	.min_height_1000 { min-height: 1000px; }
}
@media (min-width: 769px) and (max-width: 990px) {
	.min_height_500 { min-height: 250px; }
	.min_height_600 { min-height: 300px; }
	.min_height_700 { min-height: 350px; }
	.min_height_800 { min-height: 400px; }
	.min_height_900 { min-height: 450px; }
	.min_height_1000 { min-height: 1000px; }
}

/* --------------------  JKM em classes -------------------- */
	.em05 { font-size: 0.5em; }
	.em10 { font-size: 1.0em; }
	.em15 { font-size: 1.5em; }
	.em20 { font-size: 2.0em; }
	.em25 { font-size: 2.5em; }
	.em30 { font-size: 3.0em; }
	.em35 { font-size: 3.5em; }
	.em40 { font-size: 4.0em; }
	.em45 { font-size: 4.5em; }
	
@media only screen and (max-width: 768px) {	
	.em05 { font-size: 0.5em; }
	.em10 { font-size: 1.0em; }
	.em15 { font-size: 1.5em; }
	.em20 { font-size: 2.0em; }
	.em25 { font-size: 2.5em; }
	.em30 { font-size: 2.5em; }
	.em35 { font-size: 2.5em; }
	.em40 { font-size: 2.5em; }
	.em45 { font-size: 2.5em; }
}

/* --------------------  JKM special classes -------------------- */



.center { text-align: center; }
.right { text-align: right; }
.floatright { float: right; }
.floatleft { float: left; }
.left { text-align: left; }
.justify { text-align: justify; }
.v-center{ display: flex; align-items: center; justify-content: center; } /* vertikale und horizontale Zentrierung */
.clear { clear: both; }
.img_center .image_container { text-align: center; }
.no-block { overflow: visible; }
html { scroll-behavior: smooth; }
