:root {
		--primary-light-color: #ffffff;
		--primary-light1-color: #F5DBCB;
		--primary-main-color: #ED7B85;
		--primary-dark-color: #000;
		--primary-dark1-color: #333;
}


body {
		font-family: "Jost", sans-serif;
}

.zeroLeftRight {
		margin-right:0px;
		margin-left:0px;
}

.startlap {
	padding-top: 70px;
}

.makeButton {
	background-color: rgba(0, 123, 255, 0.06);
	padding: 10px 25px;
	color: var(--primary-main-color);
	display: inline-block;
	margin-top:15px;
	border-radius: 25px;
	border: 1px solid transparent;
	border-color: var(--primary-main-color);
	transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.makeButton:hover {
	color: var(--primary-light-color);
	background-color: var(--primary-main-color);
}

#menu {
		position: sticky;
		z-index: 1000;
		top: 0px !important;
		background: var(--primary-main-color);
}
#menu.sticky-on {
		position: fixed;
		background: rgba(0,0,0,0.5);
}

h1 {
		font-family: "Jost", sans-serif;
}

h2 {
		font-family: "Jost", sans-serif;
		font-size: 24px;
		color: var(--primary-main-color);
}

.navbar,.menuIconHolder {
		min-height: 60px;
}

.menuIconHolder {
		background: none;
		color: var(--primary-light1-color)
}

.menuIconHolder a {
		color: var(--primary-light1-color);
}

.navbar-brand {
		height:60px;
}

.navbar-brand>img {
		margin: -15px 0px;
}

.navbar-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px;
}

.navbar-default {
		border: 0px;
		background-color: unset;
}

.navbar-default .navbar-nav>li>a {
		color: var(--primary-light1-color);
		font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover {
		color: var(--primary-light-color);
		font-size: 16px;
}

#headMenu .navbar-nav > li > a {
		position: relative;
}

#headMenu .navbar-nav > li > a::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 5px;
		width: calc(100% - 30px);
		height: 2px;
		background: var(--primary-main-color);

		transform: translateX(-50%) scaleX(0);
		transform-origin: center;
		transition: transform 0.3s ease;
}

#headMenu .navbar-nav > li > a:hover::after {
		transform: translateX(-50%) scaleX(1);
}

.cookie-holder {
		background-color: var(--primary-main-color);
		color: var(--primary-light-color);
}

.cookie-text {
		float: left;
		width: 80%;
		font-size: 16px;
}

.cookie-button {
		float: right;
		width: 20%;
		text-align: right;
}

.btn-cookie {
		background-color: rgba(240, 247, 255, 0.9);
		padding: 10px 25px;
		color: var(--primary-main-color);
		display: inline-block;
		margin-top:15px;
		border-radius: 25px;
		border: 1px solid transparent;
		border-color: var(--primary-main-color);
		transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

#footer {
		margin-top: 25px;
		border-top: 1px solid var(--primary-main-color);
		background: #eee;
}

.footerMenu {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30px;
}

.footerMenu a {
		text-decoration: none;
		color: #222;
}

.footerMenu a:hover {
		color: var(--primary-main-color);
}

#footer .footerMenu a {
		display: inline-block;
		position: relative;
		padding: 6px 12px;

		color: #333;
		text-decoration: none;

		border: 1px solid transparent;
		border-radius: 20px;

		transition:
						color 0.25s ease,
						border-color 0.25s ease,
						background-color 0.25s ease,
						transform 0.25s ease;
}

#footer .footerMenu a:hover {
		color: var(--primary-main-color);
		border-color: var(--primary-main-color);
		background-color: rgba(0, 123, 255, 0.06);
		transform: translateY(-2px);
}

.FooterBottom {
	background: #aaa;
	color: #fff;
}

@media (max-width: 768px) {
		.footerMenu {
				flex-direction: column;
				width: 100%;
				gap: 10px;
		}

		.footerMenu a {
				width: 100%;
				text-align: center;
				font-size: 22px;
		}

		.search {
				right: 5px;
		}

		#showTopMenuButton {
				color: white;
		}

		.navbar-nav>li>a {
				padding-top:10px;
				padding-bottom: 10px;
		}

		.navbar-default .navbar-nav>li>a {
				color: var(--primary-main-color);
		}

		.cookie-text {
				float: none;
				width: 100%;
		}

		.cookie-button {
				float: none;
				width: 100%;
				text-align: center;
		}

}