.citat {
	padding-top: 35px;
	margin: 50px 0;
}
.citat blockquote {
	border: 0;
	padding: 0;
	font-style: normal;
}

.citat__name-wrapper .citat__name {
	position: relative;
	font-size: var(--text-l);
}
.citat__name-wrapper {
	padding-left: 16px;
}
.citat__name-wrapper .citat__name::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -16px;
	width: 6px;
	height: 6px;
	background-color: var(--accent);
}

.citat.citat {
	grid-column: 1/10;
}
.citat.citat--text {
	grid-column: 2/9;
}

.citat .line-component {
	position: absolute;
}

.citat .vertical-line {
	position: absolute;
	width: 1px;
	height: 100%;
	position: absolute;
	top: -35px;
	background: var(--secondary-light);
	left: -85px;
}
@media screen and (max-width: 1025px) {
	.citat .vertical-line {
		left: 25px;
		top: 0;
	}
	div.citat--quote {
		display: block !important;
		width: calc(100% + 25px);
		margin-left: -25px;
	}
	div.citat--quote {
		padding-top: 0;
	}
	div.citat-inner {
		padding-top: 25px;
		padding-left: 50px !important;
	}
}

.citat--text {
	background: var(--secondary-light);
	padding: 2rem;
	border-radius: 8px;
}

.citat--text p {
	color: var(--text-color);
}