/* Both */
.citat.citat {
	margin: 50px 0;
}
.citat blockquote {
	border: 0;
	padding: 0;
	font-style: normal;
}
@media screen and (min-width: 1026px) {
	.citat blockquote {
		top: -5px;
	}
}
/* Citat med namn */
.citat__name-wrapper * {
	color: var(--primary-dark) !important;
}
.citat__name-wrapper .citat__name {
	font-size: var(--post-m);
}

.citat .vertical-line {
	position: absolute;
	width: 5px;
	height: 100%;
	position: absolute;
	top: 0;
	background: var(--accent-light);
	left: 0;
}
.citat--quote {
	padding-left: 3rem;
}
@media screen and (max-width: 1025px) {
	.citat .vertical-line {
		left: 0px;
		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;
	}
}

/* Text version */
.citat--text {
	background: var(--accent-light);
	padding: 2.8rem;
	border-radius: var(--radius-m);
}

@media screen and (max-width: 1025px) {
	.citat--quote blockquote,
	div.citat__name-wrapper {
	}
	.citat--quote span.citat__text {
		font-size: var(--text-l) !important;
	}
}
.citat--text p {
	color: var(--text-color);
	font-size: var(--h3);
}

@media screen and (max-width: 1025px) {
	.citat--text.citat--text.citat--text p {
		font-size: var(--text-l);
		line-height: var(--text-l-line-height);
	}
}