.kontakt2-body {
    	font-family: "Poppins", "Open sans", Arial, Tahoma, sans-serif;
		font-size: clamp(13px, 1.6vw, 16px);
    	font-weight: 200;
   		background-color: #ECF6FF;
	   	color: black;
    	padding: 1vw 2vw;
    	width: 100%;
    	box-sizing: border-box;
    }

    .kontakt2-body h1 {
    	font-size: clamp(1.2rem, 3vw, 3rem);
    	font-weight: 500;
    	margin: 0 0 1.5vw 0;
    	text-align: left;
    }

    .kontakt2-body h3 {
    	font-size: 2.2vw;
    	font-weight: 300;
    	margin: 0 0 3vw 0;
    	text-align: left;
    }

    .kontakt2-line {
    	height: 1px;
    	background-color: #999;
    	width: 100%;
    	/* margin: 0 0 3vw 0; */
    }

	/********************************************************************************/
	.kontakt2-wrapper {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 1600px;
		height: auto;
		box-sizing: border-box;
	}

	/****************************************/
	.kontakt2-map-wrapper {
		height: clamp(300px, 39vw, 800px);
		background-color: #f0f0f0;
		border: 1px solid #ccc;
		/* border: 1px dashed blue; */
	}

    .kontakt2-map {
    	height: 100%;
    	width: 100%;
    }

	/****************************************/
	.kontakt2-grid-wrapper {
		width: 100%;
		/* border-top: 1px solid #ddd; */
		overflow-x: auto;
		background-color: #fff;
    	box-sizing: border-box;
		border: 1px solid #ccc;
		scrollbar-width: auto; /* Firefox */
	}

	/* Chrome, Edge, Safari */ 
	.kontakt2-grid-wrapper::-webkit-scrollbar { 
		height: 14px; 
	}

	.kontakt2-grid {
		display: grid;
		grid-auto-flow: column;
		/* grid-auto-columns: clamp(133px, 20vw, 200px); */
		grid-auto-columns: 12.5em;
		overflow-x: auto;
		column-gap: 1em; /* clamp(10px, 1vw, 15px); */
		padding: 1em; /* clamp(10px, 1vw, 15px); */
		padding-left: 0;
		width: max-content;
	}

	/********************************************************************************/
	.kontakt2-cell {
    	width: 100%;
    	background-color: #e6e6e6;
    	display: flex;
    	flex-direction: column;
    	align-items: stretch;
    	font-size: smaller;
		border: 1px solid #ccc;
    	border-radius: 6px;
    	padding: 0.4em;
    	margin: 0.4em;
    	box-sizing: border-box;
    }

    .kontakt2-cell img {
    	width: 100%;
		height: auto;
    	object-fit: cover;
    	border-radius: 4px;
    }

    .kontakt2-cell.active {
    	outline: 3px solid orange;
    	background: #ffe6cc;
    }

	/***************************************/
    .leaflet-marker-icon.selected {
    	filter: hue-rotate(180deg) saturate(3);
    }

    .leaflet-popup-content {
    	font-family: "Poppins", "Open sans", Arial, Tahoma, sans-serif;
    }

    /* Trieda, ked nie je pristupny leaflet ****************************************/
    .kontakt2-map-error {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	height: 100%;
    	width: 100%;
    	background: #f5f5f5;
    	border: 1px solid #ddd;
    	border-radius: 8px;
    	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    	font-family: sans-serif;
    	text-align: center;
    	padding: 20px;
    	box-sizing: border-box;
    	color: #555;
    }

    .kontakt2-map-error h2 {
    	margin: 0 0 10px 0;
    	font-size: 18px;
    	color: #333;
    }

    .kontakt2-map-error p {
    	margin: 0;
    	font-size: 14px;
    	color: #666;
    }

    /* @media (max-width: 768px) {
    	.kontakt2-wrapper {
    		flex-direction: column;
    		height: 80vh;
    	}

    	.kontakt2-map-wrapper {
    		height: 300px;
    	}

    	.kontakt2-grid-wrapper {
    		width: 100%;
    		height: auto;
    		border-left: none;
    		border-top: 1px solid #ddd;
    		overflow-x: auto;
    	}

    	.kontakt2-grid {
    		display: grid;
    		grid-auto-flow: column;
    		grid-auto-columns: 200px;
    		overflow-x: auto;
    		column-gap: 10px;
    		padding: 10px;
    		width: max-content;
    	}
    } */