/* Gutenberg components */
p.is-style-large {
	font-size: var(--text-l);
	line-height: var(--text-l-line-height);
}
p.is-style-extra-large {
	font-size: var(--text-xl);
	line-height: var(--text-xl-line-height);
}
p.is-style-talstreck {
	position: relative;
	padding-left: 30px;
	margin-left:15px;
}
p.is-style-talstreck::before {
	content: "—";
	position: absolute;
	left: 0;
	top: 15px;
	line-height: 0;
}
.wp-block-heading.is-style-h2 {
	font-size: var(--h2);
	line-height: var(--h2-line-height);
}
.wp-block-heading.is-style-h3 {
	font-size: var(--h3);
	line-height: var(--h3-line-height);
}
.wp-block-heading.is-style-h4 {
	font-size: var(--h4);
	line-height: var(--h4-line-height);
}

/* Class components */
.link--primary,
.highlight,
.pill,
.btn--primary,
.puffar--list ul li,
.footer-contact p,
.is-style-highlight,
.menu-item {
	font-size: var(--h6);
	text-transform: uppercase;
	font-family: var(--font-alt);
}
.pill {
	box-decoration-break: clone;
}
@media screen and (min-width: 1026px) {
	.pill {
		box-decoration-break: clone;
	}
}

.btn--primary {
	font-size: 1.5rem;
	font-weight: 500;
}

.pill,
.menu-item.en a {
	background: var(--secondary-light);
	border-radius: 2px;
	padding: 1px 5px;
	color: var(--primary-dark);
}

@media screen and (max-width: 1025px) {
	.pill,
	.menu-item.en a {
		border-radius: 2px;
	}
}
.menu-item.en.en.en a::before,
.menu-item.en.en.en a::after {
	display: none;
}
header .menu-item.en.en.en a:is(:hover, :focus-visible) {
	color: var(--primary-dark) !important;
}
footer .menu-item.en a {
	background: var(--secondary-dark);
	color: white;
}

@media screen and (max-width: 1025px) {
	.menu-item.en a {
		background: var(--secondary-dark);
		color: white;
	}
}

.bg--ultra-dark .pill {
	background: var(--secondary-dark);
}
.bg--dark.bg--dark .pill {
	background: var(--primary-dark);
}
.pill.pill {
	transition-duration: 0.1s;
}
@media screen and (min-width: 1026px) {
	a.pill:is(:hover, :focus-visible),
	.menu-item.en a:is(:hover, :focus-visible) {
		background: var(--accent);
		color: var(--primary-dark) !important;
		text-decoration: none !important;
		outline: none !important;
	}
	.bg--dark a.pill:is(:hover, :focus-visible),
	.bg--ultra-dark a.pill:is(:hover, :focus-visible) {
		background: var(--accent-light);
	}
}
.bg--dark .pill,
.bg--ultra-dark .pill {
	color: white;
}

.line-component,
.line-component--page-hero {
	width: 100%;
	height: 1px;
	background-color: var(--secondary-light);
	top: 0;
}

.line-component--page-hero.line-component--page-hero {
	width: 0px;
	opacity: 0;
}

.bg--dark .line-component,
.bg--ultra-dark .line-component,
.bg--dark .vertical-line.vertical-line,
.bg--ultra-dark .vertical-line.vertical-line {
	background-color: var(--secondary-dark);
}