@charset "UTF-8";
*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	scroll-behavior: smooth;
	height: 100%;
	width: 100%;
	scrollbar-color: #4e7500 hsl(0deg, 0%, 90%);
	scrollbar-width: thin;
}
::-webkit-scrollbar {
	width: 1.2rem;
	background-color: hsl(0deg, 0%, 90%);
}
::-webkit-scrollbar-thumb {
	background-color: #4e7500;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #90c529;
}
body {
	scroll-behavior: smooth;
	overflow-x: hidden;
	background-color: hsl(0deg, 0%, 94%);
}
img,
svg {
	max-width: 100%;
	display: block;
	height: auto;
}
figure {
	margin-bottom: 0;
}
script {
	display: none !important;
}
address {
	font-style: normal;
}
body {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol";
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4em;
	color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol";
	line-height: 1em;
	hyphens: manual;
	-ms-hyphens: manual;
	-webkit-hyphens: manual;
	color: #000;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
.font-size-900,
h1 {
	font-size: clamp(2rem, 1rem + 2vw, 3rem);
	font-weight: 500;
	line-height: 1.2em;
}
.font-size-800,
h2 {
	font-size: clamp(1.4rem, 1rem + 1vw, 2rem);
	font-weight: 500;
	line-height: 1.2em;
}
.font-size-700,
h3 {
	font-size: clamp(1.15rem, 0.5rem + 0.5vw, 1.3rem);
	font-weight: 500;
	line-height: 1.2em;
}
.font-size-600,
.lead,
h4 {
	font-size: clamp(1rem, 0.5rem + 0.5vw, 1.1rem);
	font-weight: 500;
	line-height: 1.2em;
}
.font-size-500,
h5 {
	font-size: clamp(1rem, 0.5rem + 0.5vw, 1.1rem);
	font-weight: 400;
	line-height: 1.2em;
}
.font-size-400,
h6 {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2em;
}
.font-size-300 {
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.2em;
}
.font-size-200 {
	font-size: 0.85rem;
	font-weight: 400;
	line-height: 1.2em;
}
.font-size-100 {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.2em;
}
body.blog h2,
body.blog h3,
body.blog h4,
body.blog h5,
body.blog h6 {
	margin-top: 1.5em;
}
.com-content-article__body h2,
.com-content-article__body h3,
.com-content-article__body h4,
.com-content-article__body h5,
.com-content-article__body h6 {
	margin-top: 1.5em;
}
a {
	color: black;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
a:focus,
a:hover {
	color: #4e7500;
}
p {
	font-size: 1rem;
	line-height: 1.4em;
}
p:not(:last-child) {
	margin-bottom: 1em;
}
b,
strong {
	font-weight: 700;
}
ol li,
ul li {
	font-size: 1rem;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	margin-left: 1em;
}
ol:not(:last-child),
ul:not(:last-child) {
	margin-bottom: 1em;
}
ol {
	list-style: decimal inside;
}
.grid {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 1.5em;
}
.grid--1-1 {
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}
.grid--1-2 {
	-ms-grid-columns: 1fr, 2fr;
	grid-template-columns: 1fr, 2fr;
}
.grid--2-1 {
	-ms-grid-columns: 2fr, 1fr;
	grid-template-columns: 2fr, 1fr;
}
.grid--1-3 {
	-ms-grid-columns: 1fr, 3fr;
	grid-template-columns: 1fr, 3fr;
}
.grid--3-1 {
	-ms-grid-columns: 3fr, 2fr;
	grid-template-columns: 3fr, 2fr;
}
.cols-1 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-2 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-3 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-4 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-5 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-6 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-7 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-8 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-9 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-10 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-11 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-12 > * {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.col-1 {
	-ms-grid-column-span: 1;
	grid-column: span 1;
}
.cols-1 > * {
	grid-column: span calc(12 / 1);
}
.col-2 {
	-ms-grid-column-span: 2;
	grid-column: span 2;
}
.cols-2 > * {
	grid-column: span calc(12 / 2);
}
.col-3 {
	-ms-grid-column-span: 3;
	grid-column: span 3;
}
.cols-3 > * {
	grid-column: span calc(12 / 3);
}
.col-4 {
	-ms-grid-column-span: 4;
	grid-column: span 4;
}
.cols-4 > * {
	grid-column: span calc(12 / 4);
}
.col-5 {
	-ms-grid-column-span: 5;
	grid-column: span 5;
}
.cols-5 > * {
	grid-column: span calc(12 / 5);
}
.col-6 {
	-ms-grid-column-span: 6;
	grid-column: span 6;
}
.cols-6 > * {
	grid-column: span calc(12 / 6);
}
.col-7 {
	-ms-grid-column-span: 7;
	grid-column: span 7;
}
.cols-7 > * {
	grid-column: span calc(12 / 7);
}
.col-8 {
	-ms-grid-column-span: 8;
	grid-column: span 8;
}
.cols-8 > * {
	grid-column: span calc(12 / 8);
}
.col-9 {
	-ms-grid-column-span: 9;
	grid-column: span 9;
}
.cols-9 > * {
	grid-column: span calc(12 / 9);
}
.col-10 {
	-ms-grid-column-span: 10;
	grid-column: span 10;
}
.cols-10 > * {
	grid-column: span calc(12 / 10);
}
.col-11 {
	-ms-grid-column-span: 11;
	grid-column: span 11;
}
.cols-11 > * {
	grid-column: span calc(12 / 11);
}
.col-12 {
	-ms-grid-column-span: 12;
	grid-column: span 12;
}
.cols-12 > * {
	grid-column: span calc(12 / 12);
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--global-gap);
}
.flex-auto {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--global-gap);
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media (min-width: 576px) {
	.flex-auto {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}
.flex-auto > * {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.col-1 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.col-1 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 1) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 1) - var(--global-gap));
}
.cols-1 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 1);
	flex: 0 1 calc(100% / 1);
}
.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 2) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 2) - var(--global-gap));
}
.cols-2 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 2);
	flex: 0 1 calc(100% / 2);
}
.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 3) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 3) - var(--global-gap));
}
.cols-3 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 3);
	flex: 0 1 calc(100% / 3);
}
.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 4) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 4) - var(--global-gap));
}
.cols-4 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 4);
	flex: 0 1 calc(100% / 4);
}
.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 5) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 5) - var(--global-gap));
}
.cols-5 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 5);
	flex: 0 1 calc(100% / 5);
}
.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 6) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 6) - var(--global-gap));
}
.cols-6 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 6);
	flex: 0 1 calc(100% / 6);
}
.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 7) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 7) - var(--global-gap));
}
.cols-7 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 7);
	flex: 0 1 calc(100% / 7);
}
.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 8) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 8) - var(--global-gap));
}
.cols-8 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 8);
	flex: 0 1 calc(100% / 8);
}
.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 9) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 9) - var(--global-gap));
}
.cols-9 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 9);
	flex: 0 1 calc(100% / 9);
}
.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 10) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 10) - var(--global-gap));
}
.cols-10 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 10);
	flex: 0 1 calc(100% / 10);
}
.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 11) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 11) - var(--global-gap));
}
.cols-11 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 11);
	flex: 0 1 calc(100% / 11);
}
.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc((100% / 12 * 12) - var(--global-gap));
	flex: 0 1 calc((100% / 12 * 12) - var(--global-gap));
}
.cols-12 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% / 12);
	flex: 0 1 calc(100% / 12);
}
.container {
	margin: 0 auto;
	padding: 0 1.5rem;
	max-width: 900px;
	width: 100%;
}
.container.nopadding {
	max-width: calc(900px - 3rem);
	padding: 0;
}
.container__wide {
	max-width: 1400px;
}
@-webkit-keyframes delay-pointer-events {
	0% {
		pointer-events: none;
	}
	99% {
		pointer-events: none;
	}
	to {
		pointer-events: all !important;
	}
}
@keyframes delay-pointer-events {
	0% {
		pointer-events: none;
	}
	99% {
		pointer-events: none;
	}
	to {
		pointer-events: all !important;
	}
}
@media (max-width: 576px) {
	#nav_mainmenu[hidden] {
		opacity: 0;
		pointer-events: none;
		height: 0;
		display: none;
	}
}
#nav_mainmenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: calc(1rem + 4vw);
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media (max-width: 576px) {
	#nav_mainmenu {
		gap: 1rem;
		padding-bottom: 1rem;
		position: absolute;
		top: 99%;
		left: 0;
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
		background-color: #fff;
	}
}
#nav_mainmenu ul {
	list-style: none;
	padding: 0;
	margin: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
@media (max-width: 576px) {
	#nav_mainmenu ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
#nav_mainmenu ul > li {
	position: relative;
	padding: 0;
	margin: 0;
}
#nav_mainmenu ul > li span,
#nav_mainmenu ul > li > a {
	padding: 1em;
	color: #90c529;
	font-size: clamp(1.1rem, 1rem + 0.5vw, 1.2rem);
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	display: block;
	letter-spacing: 0.04em;
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
#nav_mainmenu ul > li.active > a,
#nav_mainmenu ul > li.active > span,
#nav_mainmenu ul > li:focus > a,
#nav_mainmenu ul > li:focus > span,
#nav_mainmenu ul > li:hover > a,
#nav_mainmenu ul > li:hover > span {
	color: #4e7500;
}
#nav_mainmenu ul > li.parent > span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5em;
}
@media (min-width: 576px) {
	#nav_mainmenu ul > li.parent > span:after {
		border: solid #90c529;
		border-width: 0 0 0.1em 0.1em;
		-webkit-transform: rotate(-45deg) translate(0.05em, -0.05em);
		transform: rotate(-45deg) translate(0.05em, -0.05em);
		display: inline-block;
		padding: 0.2em;
		content: "";
	}
}
#nav_mainmenu ul > li :focus .sub,
#nav_mainmenu ul > li:hover .sub {
	pointer-events: all;
	-webkit-animation: delay-pointer-events 0.2s ease-in-out;
	animation: delay-pointer-events 0.2s ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
}
@media (min-width: 576px) {
	#nav_mainmenu .sub {
		min-width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
		background-color: hsl(0deg, 0%, 50%);
	}
}
.hamburger {
	display: block;
	border: none;
	background-color: transparent;
	margin: auto;
}
@media (min-width: 576px) {
	.hamburger {
		display: none;
	}
}
.hamburger .hamburger_menu,
.hamburger .hamburger_menu:after,
.hamburger .hamburger_menu:before {
	pointer-events: none;
	background-color: #90c529;
	content: "";
	display: block;
	height: 4px;
	border-radius: 2px;
	position: relative;
	-webkit-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out,
		top 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out,
		top 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out,
		top 0.2s ease-in-out, transform 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out,
		top 0.2s ease-in-out, transform 0.2s ease-in-out,
		-webkit-transform 0.2s ease-in-out;
	width: 2.5em;
}
.hamburger .hamburger_menu:before {
	position: absolute;
	top: -250%;
}
.hamburger .hamburger_menu:after {
	position: absolute;
	top: 250%;
}
.hamburger[aria-expanded="true"] .hamburger_menu {
	background: transparent;
}
.hamburger[aria-expanded="true"] .hamburger_menu:after,
.hamburger[aria-expanded="true"] .hamburger_menu:before {
	top: 0;
}
.hamburger[aria-expanded="true"] .hamburger_menu:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hamburger[aria-expanded="true"] .hamburger_menu:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.container-topbar {
	border-bottom: 1px solid hsl(0deg, 0%, 60%);
}
.container-topbar > .container {
	display: -ms-grid;
	display: grid;
	gap: 1px;
	-ms-grid-columns: 1fr 1px auto 1px auto 1px 1fr;
	grid-template-columns: 1fr auto auto 1fr;
	background-color: hsl(0deg, 0%, 60%);
}
.container-topbar > .container > * {
	background-color: #fff;
	padding: 0.5em 1.5em;
	color: hsl(0deg, 0%, 60%);
}
.container-topbar .sitename {
	font-weight: 700;
}
.container-topbar .socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	gap: 0.5em;
}
.container-topbar .socials .social svg {
	stroke: hsl(0deg, 0%, 60%);
}
.container-topbar .search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.container-topbar .search input {
	border: none;
	outline: none;
	width: clamp(20rem, 20rem + 5vw, 30rem);
}
.container-topbar .topbar-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2em;
}
.container-mainnav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 3rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.navbar-brand {
	padding: 1rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1em;
	color: #333;
}
.navbar-brand img,
.navbar-brand svg {
	height: 4rem;
	width: auto;
}
.navbar-brand img *,
.navbar-brand svg * {
	fill: #90c529 !important;
}
.navbar-brand .site-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-transform: uppercase;
}
.navbar-brand .site-title .name {
	font-size: clamp(1.3rem, 1rem + 0.5vw, 1.5rem);
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.navbar-brand .site-title .name--sub {
	line-height: 1em;
	letter-spacing: 0.05em;
	font-size: 0.9rem;
}
.languageselect {
	margin-left: auto;
}
@-webkit-keyframes FadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes FadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes FadeOut {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes FadeOut {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-webkit-keyframes FadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes FadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes FadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes FadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes FadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes FadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes FadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes FadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes FadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
@keyframes FadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
.animate {
	opacity: 0;
}
.animating.FadeOut {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: FadeOut;
	animation-name: FadeOut;
}
.animating.FadeIn {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: FadeIn;
	animation-name: FadeIn;
}
.animating.FadeInUp {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: FadeInUp;
	animation-name: FadeInUp;
}
.animating.FadeInRight {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: FadeInRight;
	animation-name: FadeInRight;
}
.animating.FadeInLeft {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: FadeInLeft;
	animation-name: FadeInLeft;
}
.animating.FadeInDown {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: FadeInDown;
	animation-name: FadeInDown;
}
.animating.FadeOutRight {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: FadeOutRight;
	animation-name: FadeOutRight;
}
.animating[data-animation-delay="0"] {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.animating[data-animation-delay="1"] {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}
.animating[data-animation-delay="2"] {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.animating[data-animation-delay="3"] {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.animating[data-animation-delay="4"] {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.animating[data-animation-delay="5"] {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.animating[data-animation-delay="6"] {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.animating[data-animation-delay="7"] {
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}
.animating[data-animation-delay="8"] {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.animating[data-animation-delay="9"] {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}
.animating[data-animation-delay="10"] {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.animating[data-animation-delay="11"] {
	-webkit-animation-delay: 0.55s;
	animation-delay: 0.55s;
}
.animating[data-animation-delay="12"] {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.animating[data-animation-delay="13"] {
	-webkit-animation-delay: 0.65s;
	animation-delay: 0.65s;
}
.animating[data-animation-delay="14"] {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.animating[data-animation-delay="15"] {
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
}
.animating[data-animation-delay="16"] {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.animating[data-animation-delay="17"] {
	-webkit-animation-delay: 0.85s;
	animation-delay: 0.85s;
}
.animating[data-animation-delay="18"] {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.animating[data-animation-delay="19"] {
	-webkit-animation-delay: 0.95s;
	animation-delay: 0.95s;
}
.animating[data-animation-delay="20"] {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animating[data-animation-delay="21"] {
	-webkit-animation-delay: 1.05s;
	animation-delay: 1.05s;
}
.animating[data-animation-delay="22"] {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.animating[data-animation-delay="23"] {
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s;
}
.animating[data-animation-delay="24"] {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.animating[data-animation-delay="25"] {
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
}
.animating[data-animation-delay="26"] {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.animating[data-animation-delay="27"] {
	-webkit-animation-delay: 1.35s;
	animation-delay: 1.35s;
}
.animating[data-animation-delay="28"] {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.animating[data-animation-delay="29"] {
	-webkit-animation-delay: 1.45s;
	animation-delay: 1.45s;
}
.animating[data-animation-delay="30"] {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.animating[data-animation-delay="31"] {
	-webkit-animation-delay: 1.55s;
	animation-delay: 1.55s;
}
.animating[data-animation-delay="32"] {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.animating[data-animation-delay="33"] {
	-webkit-animation-delay: 1.65s;
	animation-delay: 1.65s;
}
.animating[data-animation-delay="34"] {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
.animating[data-animation-delay="35"] {
	-webkit-animation-delay: 1.75s;
	animation-delay: 1.75s;
}
.animating[data-animation-delay="36"] {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.animating[data-animation-delay="37"] {
	-webkit-animation-delay: 1.85s;
	animation-delay: 1.85s;
}
.animating[data-animation-delay="38"] {
	-webkit-animation-delay: 1.9s;
	animation-delay: 1.9s;
}
.animating[data-animation-delay="39"] {
	-webkit-animation-delay: 1.95s;
	animation-delay: 1.95s;
}
.animating[data-animation-delay="40"] {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.animating[data-animation-duration="0"] {
	-webkit-animation-duration: 0s;
	animation-duration: 0s;
}
.animating[data-animation-duration="1"] {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.animating[data-animation-duration="2"] {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.animating[data-animation-duration="3"] {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
.animating[data-animation-duration="4"] {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}
.animating[data-animation-duration="5"] {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}
.animating[data-animation-duration="6"] {
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
}
.animating[data-animation-duration="7"] {
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
}
.animating[data-animation-duration="8"] {
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
}
.animating[data-animation-duration="9"] {
	-webkit-animation-duration: 9s;
	animation-duration: 9s;
}
.animating[data-animation-duration="10"] {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
}
.btn,
.button,
button[type="submit"] {
	background-color: #90c529;
	background-repeat: repeat;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol";
	font-size: 1rem;
	padding: 0.5em 0.8em;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid;
	border-radius: 0.3rem;
	letter-spacing: 0.05em;
	position: relative;
	text-transform: uppercase;
}
.btn.with_icon,
.button.with_icon,
button[type="submit"].with_icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.btn.with_icon .button_icon,
.button.with_icon .button_icon,
button[type="submit"].with_icon .button_icon {
	display: block;
	width: 1em;
	height: 1em;
	margin-left: 1em;
}
footer.container-footer {
	margin-top: 5rem;
	background-color: hsl(0deg, 0%, 94%);
}
footer.container-footer .footer--content {
	padding: 1.5em 0;
}
footer.container-footer .footer--content * {
	color: #333;
}
footer.container-footer .imprint {
	margin-left: auto;
	text-align: right;
}
form input,
form select,
form textarea {
	background-color: #fff;
	border: solid 1px var(--neutral800);
	font-size: var(--h5-font-size);
	font-family: var(--global-font-family);
	color: var(--font-color);
	border-radius: 0px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	width: 100%;
}
form input:focus,
form select:focus,
form textarea:focus {
	border-color: var(--neutral500);
}
form label {
	font-size: var(--global-font-size);
	font-weight: var(--font-weight-normal);
	padding-bottom: 0.2em;
	position: relative;
}
form input[type="checkbox"],
form input[type="radio"] {
	opacity: 0;
	position: absolute;
}
form input[type="checkbox"] + label:before,
form input[type="radio"] + label:before {
	content: "";
	background: #fff;
	border: 1px solid var(--neutral800);
	display: inline-block;
	vertical-align: middle;
	width: 1.2em;
	height: 1.2em;
	margin-right: 1em;
	border-radius: var(--border-radius);
}
form input[type="checkbox"]:checked + label:before,
form input[type="radio"]:checked + label:before {
	background: var(--color-primary);
	color: #fff;
	border-color: var(--color-primary);
}
form input[type="checkbox"]:checked + label:before {
	content: "✓";
}
form input[type="radio"]:checked + label:before {
	content: "●";
}
main figure.item-image {
	margin: 0 auto;
}
main figure.item-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
main .box {
	margin-top: -3rem;
	background-color: #fff;
	padding: 3rem;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
}
main .box .header {
	text-align: center;
}
.introbuttons {
	gap: 1rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 2rem auto 0 auto;
}
@media (min-width: 576px) {
	.introbuttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
.introbuttons .btn {
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-grid-columns: auto 1em 1fr;
	grid-template-columns: auto 1fr;
	gap: 1em;
	padding: 0.5em 0.5em 0.5em 1em;
	text-transform: none;
	font-size: clamp(1.1rem, 1rem + 0.5vw, 1.2rem);
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
.introbuttons .btn:active,
.introbuttons .btn:focus,
.introbuttons .btn:hover {
	color: #fff;
	background-color: #4e7500;
}
.introbuttons svg {
	margin: auto;
	width: 2rem;
}
.introbuttons svg :not([fill]) {
	fill: #fff;
}
#mainheader {
	position: relative;
	text-align: center;
	padding: 5rem;
}
#mainheader .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
#mainheader .logo {
	margin: auto auto 1rem auto;
}
#mainheader .header {
	color: #fff;
}
#mainheader .header span {
	display: block;
	line-height: 1.2em;
}
#mainheader .header span:first-child {
	margin-bottom: 0.5em;
}
#mainheader .header span:nth-child(2) {
	font-size: clamp(1.2rem, 1rem + 0.5vw, 1.3rem);
}
.leistungen {
	margin-block: 100px;
}
.leistungen h2 {
	margin-bottom: 1.5em;
}
.leistungen__item {
	position: relative;
	padding: 1.5rem;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
}
.leistungen__item h3 {
	margin-bottom: 0.8em;
}
.leistungen__item h3 span {
	display: block;
	font-size: 1rem;
	font-weight: 400;
}
.leistungen__item ul {
	list-style-type: none;
	font-weight: 400;
	margin: 0;
}
.leistungen__item ul li {
	margin-left: 0;
	margin-bottom: 0.4em;
	line-height: 1.2em;
}
.leistungen__item ul li:last-of-type {
	margin-bottom: 0;
}
.leistungen__item svg {
	position: absolute;
	right: 8%;
	top: -1rem;
	width: 30%;
	max-width: 6rem;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.1);
}
.leistungen__item svg * {
	fill: #fff;
}
.leistungen__item.heizung h3 span {
	color: #ff6a49;
}
.leistungen__item.heizung svg {
	background-color: #ff6a49;
	padding: 0.8em;
}
.leistungen__item.lueftung h3 span {
	color: #e9b600;
}
.leistungen__item.lueftung svg {
	background-color: #e9b600;
	padding: 0.8em;
}
.leistungen__item.sanitaer h3 span {
	color: #54cb40;
}
.leistungen__item.sanitaer svg {
	background-color: #54cb40;
	padding: 0.8em;
}
.leistungen__item.kaelte h3 span {
	color: #42c5ee;
}
.leistungen__item.kaelte svg {
	background-color: #42c5ee;
	padding: 0.8em;
}
.referenzen h2 {
	margin-top: 1.5em;
}
.referenzen__list {
	grid-template-columns: repeat(
		auto-fit,
		minmax(clamp(18rem, 30%, 30rem), 1fr)
	);
	gap: 3em;
}
.referenzen__item {
	background-color: #fff;
	position: relative;
	padding: 1.5rem;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
}
.referenzen__item ul {
	list-style: none;
}
.referenzen__item ul li {
	margin-left: 0;
}
.referenzen__item .gewerke {
	position: absolute;
	right: 1rem;
	bottom: -2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 0.5em;
	z-index: 2;
}
.referenzen__item .gewerke > * {
	font-size: 0.85rem;
	letter-spacing: -0.01em;
	font-weight: 300;
	line-height: 1em;
	padding: 0.4em;
	text-align: center;
	color: #fff;
	width: 4rem;
	height: 4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 0.3em;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.1);
}
.referenzen__item .gewerke svg {
	height: 2.2rem;
}
.referenzen__item .gewerke .heizung {
	background-color: #ff6a49;
}
.referenzen__item .gewerke .lueftung {
	background-color: #e9b600;
}
.referenzen__item .gewerke .sanitaer {
	background-color: #54cb40;
}
.referenzen__item .gewerke .kaelte {
	background-color: #42c5ee;
}
.body-content,
.com-content-article__body {
	overflow-x: auto;
}
.body-content table,
.com-content-article__body table {
	width: 100%;
	font-size: 1rem;
}
.body-content table tbody,
.body-content table thead,
.com-content-article__body table tbody,
.com-content-article__body table thead {
	background-color: transparent;
	width: 100%;
}
.body-content table tbody tr,
.body-content table thead tr,
.com-content-article__body table tbody tr,
.com-content-article__body table thead tr {
	width: 100%;
}
.body-content table tbody tr th,
.body-content table thead tr th,
.com-content-article__body table tbody tr th,
.com-content-article__body table thead tr th {
	padding: 0.5em 1em;
	background-color: #4e7500;
	text-align: left;
	-webkit-box-shadow: 0 0 0 2px #fff;
	box-shadow: 0 0 0 2px #fff;
}
.body-content table tbody tr th p,
.body-content table thead tr th p,
.com-content-article__body table tbody tr th p,
.com-content-article__body table thead tr th p {
	margin-bottom: 0;
}
.body-content table tbody tr td,
.body-content table thead tr td,
.com-content-article__body table tbody tr td,
.com-content-article__body table thead tr td {
	padding: 0.5em 1em;
	background-color: #f1f4eb;
	text-align: left;
	-webkit-box-shadow: 0 0 0 2px #fff;
	box-shadow: 0 0 0 2px #fff;
}
.body-content table tbody tr td p,
.body-content table thead tr td p,
.com-content-article__body table tbody tr td p,
.com-content-article__body table thead tr td p {
	margin-bottom: 0;
}
.body-content table.light th,
.com-content-article__body table.light th {
	background-color: hsl(0deg, 0%, 80%);
}
.body-content table.light td,
.com-content-article__body table.light td {
	background-color: hsl(0deg, 0%, 90%);
}
.body-content table.light tr:nth-of-type(2n) td,
.com-content-article__body table.light tr:nth-of-type(2n) td {
	background-color: hsl(0deg, 0%, 90%);
}
.body-content table.transparent td,
.body-content table.transparent th,
.com-content-article__body table.transparent td,
.com-content-article__body table.transparent th {
	background-color: transparent;
}
.tabs .tabs-controls button {
	background-color: #f1f4eb;
	cursor: pointer;
	color: #4e7500;
	padding: 1.5em;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
.tabs .tabs-text {
	background-color: hsl(0deg, 0%, 90%);
	padding: 1.5em;
	-webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out,
		margin-top 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out,
		margin-top 0.2s ease-in-out;
	max-height: 60vh;
	opacity: 1;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
.tabs .tabs-text[hidden="true"] {
	display: block;
	max-height: 0px;
	opacity: 0;
	margin-top: -3em;
	pointer-events: none;
}
.accordion > h3 {
	margin: 0;
}
.accordion .accordion-trigger {
	width: 100%;
	background-color: var(--color-primary-light);
	cursor: pointer;
	color: var(--color-primary-dark);
	padding: var(--global-text-padding);
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: background-color var(--transition-settings);
	transition: background-color var(--transition-settings);
}
.accordion .accordion-trigger:after {
	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	margin-left: auto;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: -webkit-transform var(--transition-settings);
	transition: -webkit-transform var(--transition-settings);
	transition: transform var(--transition-settings);
	transition: transform var(--transition-settings),
		-webkit-transform var(--transition-settings);
	content: "";
}
.accordion .accordion-trigger[aria-expanded="true"]:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.accordion .accordion-panel {
	background-color: var(--neutral900);
	padding: var(--global-text-padding);
	-webkit-transition: max-height var(--transition-settings),
		opacity var(--transition-settings), margin-top var(--transition-settings);
	transition: max-height var(--transition-settings),
		opacity var(--transition-settings), margin-top var(--transition-settings);
	max-height: 60vh;
	opacity: 1;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
.accordion .accordion-panel[hidden="true"] {
	display: block;
	max-height: 0px;
	opacity: 0;
	margin-top: calc(-1 * var(--global-text-padding) * 2);
	pointer-events: none;
}
.embed-container {
	position: relative;
	padding-bottom: 300px;
	height: 0;
	overflow: hidden;
	width: 100%;
}
.embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.visually-hidden {
	visibility: hidden;
	height: 0;
	width: 0;
}
.aspect-ratio {
	display: inline-block;
	position: relative;
}
.aspect-ratio--4zu3:before {
	margin-top: 75%;
	content: "";
	display: block;
}
.aspect-ratio--1zu1:before {
	margin-top: 100%;
	content: "";
	display: block;
}
.aspect-ratio--content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.textcenter {
	text-align: center;
}
#system-message-container {
	word-break: break-all;
}