.hero--contact__left a,
.hero--contact__left a {
	text-decoration: underline;
}

.hero--contact__left a:is(:hover, :focus-visible),
.wsf-label a:is(:hover, :focus-visible) {
	color: var(--primary);
}

/* kontor feed */
.kontor-feed a h3,
.kontor-feed a {
	color: var(--primary) !important;
	transition: 0.2s ease-out;
}

@media screen and (min-width: 1026px) {
	.kontor-feed a:is(:hover, :focus-visible),
	.kontor-feed a:is(:hover, :focus-visible) h3 {
		color: var(--white) !important;
	}
}

.bottom-img,
.bottom-img img {
	width: 100%;
	object-fit: cover;
	overflow: hidden;
	position: relative;
}

@media screen and (min-width: 1026px) {
	.bottom-img {
		max-height: 700px;
	}
}

.bottom-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: black;
	opacity: 0.3;
	z-index: 9;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 1026px) {
	.hero--contact .line-component {
		margin-top: 17px;
	}
}
.hero--contact .line-component {
	position: static;
}

@media screen and (max-width: 1025px) {
	.contact-hero__contact-details {
		margin: 35px 0;
	}
}

.hero--contact__lower {
	padding-top: 34px;
	padding-bottom: 0;
}
@media screen and (max-width: 1025px) {
	.hero--contact__lower {
		padding-top: 24px;
	}
}

.samuraj-section.hero--contact__lower .vertical-line {
	background: var(--secondary-light);
	height: 0%;
	width: 1px;
	position: absolute;
	left: -70px;
	top: -50px;
	animation: verticalLineGrow 0.7s cubic-bezier(0.82, 0.15, 0.17, 0.97) 0.95s forwards;
}
@media screen and (max-width: 1025px) {
	.samuraj-section.hero--contact__lower .vertical-line {
		width: 100%;
		left: 0;
		top: 0;
		animation: none;
		height: 1px;
	}
}
.samuraj-section.hero--contact__lower {
	overflow: hidden;
}
@keyframes verticalLineGrow {
	from {
		height: 0%;
	}
	to {
		height: 110%;
	}
}


main,
h1{
	transform:unset!important;
}

body footer > section{
padding-top:var(--section-padding-block);
}