.footer-hero-header {
    	text-align: left;
    	padding: 2vw 3vw 0 2vw;
    	background-color: #D0E0F0;
    }

    .footer-hero-content {
    	display: inline-block;
    	transform-style: preserve-3d;
    	transform: rotateX(-90deg) rotateY(10deg);
    	opacity: 0;
    }

    .footer-hero-header h2 {
    	font-size: 22px;
    	margin-top: 1vw;
    	margin-bottom: 0;
    	color: #000;
    }

    .footer-hero-header p {
    	font-size: 16px;
    	color: #333;
    	margin: 0;
    }
	/****************************************************************************/
    .footer-line {
    	height: 1px;
    	width: 100%;
    	background: linear-gradient(to right, #38C, #148);
    }

    .footer {
    	background-color: #D0E0F0;
    	/*#F8FFF8;*/
    	padding: 1.5vw 2vw 0 2vw;
    	/* border: 1px dashed blue; */
    }

    .footer-grid {
    	display: grid;
    	grid-template-columns: 1fr 4fr 4fr 4fr 1fr; /* repeat(4, 1fr); */
    	gap: 1vw;
    	max-width: 1200px;
    	margin: 0; /* auto; */
    }
	/****************************************************************************/
    .footer-column {
    	font-size: clamp(11px, 1.1vw, 18px);
		/* border: 1px dashed red; */
    }

    .footer-column h4 {
    	font-size: clamp(15px, 1.5vw, 20px);
		margin-top: 0;
    	margin-bottom: 10px;
    	color: #000;
		/* border: 1px dashed red; */
    }

    .footer-column ul {
    	list-style: none;
    	padding: 0;
    	margin: 0;
    }

    .footer-column ul li {
    	margin-bottom: 3px;
    }

    .footer-column p {
    	color: #333;
    	line-height: 1.3;
    }

	.footer-column a {
		color: #338;
		text-decoration: none;
		display: inline-block;
		transition: color 0.2s ease;
		text-underline-offset: 2px;
	}

	.footer-column a:hover {
		color: #00F;
		text-decoration: underline;
	}

	/****************************************************************************/
    .footer-logo img {
    	max-width: 100px;
    	height: auto;
    }

    .footer-logo-box {
    	background-color: #333;
    	padding: 1vw;
    	border-radius: 0.8vw;
    	display: inline-block;
    }

	/****************************************************************************/
    .footer-email-link {
    	color: #000;
    	font-weight: 500;
    	text-decoration: none;
    }

    .footer-email-link a {
    	color: #338;
    	text-decoration: none;
    }

    .footer-email-link a:hover {
    	text-decoration: underline;
    }

    .footer-copyright {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	text-align: left;
    	padding: 1vw 0;
    	font-size: 13px;
    	color: #555;
    	max-width: 1200px;
    }

	/****************************************************************************/
    .footer-copyright a {
    	color: #555;
    	text-decoration: none;
    	font-weight: bold;
    }

    .footer-copyright a:hover {
    	text-decoration: underline;
    }

    .footer-back-to-top {
    	font-size: 20px;
    	padding-right: 2vw;
    	/* bottom: 1vw;
    	right: 2vw; */
    	color: #555;
    }

    /* footer-hidden sa pouziva v javascripte pri ponukach */
    .footer-hidden {
    	display: none;
    }

    @media (max-width: 1000px) {
    	/* .footer-hero-header {
    		padding: 20px 20px 20px 20px;
    	} */

    	.footer-column {
    		font-size: 11px;
    	}

    	.footer-column h4 {
    		font-size: 15px;
    	}
    }

    @media (max-width: 600px) {
    	/* .footer-hero-header {
    		padding: 10px 20px 10px 20px;
    	} */

		.footer {
			padding-top: 3vw;
		}
    	.footer-grid {
    		grid-template-columns: 1fr;
    		text-align: center;
    	}

    	/* .footer-column ul li {
    		margin-bottom: 8px;
    		line-height: 1.5;
    	} */

    	.footer-logo img {
    		margin: 0 auto;
    	}
    }