/* version: 20260408a */

:root {
	--black: #1c1b17;
	--light-green: #54af3a;
	--green: #0a8a23;
	--middle-grey: #808080;
	--light-green-filter-from-black: invert(69%) sepia(11%) saturate(3003%) hue-rotate(60deg) brightness(88%) contrast(68%);
	--green-filter-from-black: invert(33%) sepia(62%) saturate(1250%) hue-rotate(94deg) brightness(98%) contrast(92%);
	--middle-grey-filter-from-black: invert(50.2%);
	--shield-tile-32: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMAYpBA69p6Z1EIMRmFAQAAADxJREFUKM9jAAGpVWCwEMQe6gJWEIHFcIEpEAFPuAA7RKCAAQ60QPxFDAjAEbVq1dIGBiTAnKRmwDACAQByME3EevEhowAAAABJRU5ErkJggg==);
	--svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 130'%3E%3Cpolygon points='160,65 108,0 72,0 113,50 0,50 0,80 113,80 72,130 108,130'/%3E%3C/svg%3E");
}

/* Header */
#pe-header {
	--duration: .6s;
	--logo-height: 130px;
	--padding-block: 5px;
	--pe-wcag-height: 43px;
	padding-top: calc(var(--logo-height) + var(--padding-block) * 2) !important;
}
#pe-logo * {
	transition: all var(--duration) ease-in-out !important;
}
@media (min-width: 991px) {
	body:not(.highcontrast) #pe-header:not(:has(#pe-wcag[style="display: none;"])) {
		padding-top: calc(var(--logo-height) + var(--padding-block) * 2 + var(--pe-wcag-height)) !important;
	}
	body:not(.scrolled) #pe-wcag:not([style="display: none;"]) + #pe-logo-nav-in #pe-logo a {
		transform: translateY(-12px);
	}
	#pe-bar-right #pe-offcanvas-button {
		display: none;
	}
}
#pe-logo-nav {
	background-color: #fff;
}
.scrolled.highcontrast .topbar-mode-on-scroll #pe-logo-nav {
	background-color: #000
}
#pe-logo-nav-in {
	/* background-color: #fff; */
	display: flex;
	align-items: center;
}
#pe-logo {
	/* background-color: green; */
}
#pe-bar-right {
	margin-left: auto;
	display: flex;
	align-items: center;
}
#pe-offcanvas-button {
	margin-right: 15px;
}
@media (max-width: 480px) {
    #pe-bar-left {
        max-width: 60%;
    }
}
#pe-logo-nav #pe-bar-left {
	padding-block: var(--padding-block);
}


#pe-logo svg {
	display: block;
	max-width: 100%;
	height: auto;
	/* background-color: red; */
}
.scrolled #pe-logo svg {
	margin-block: calc(var(--logo-height) * -.2);
}
@media (max-width: 464px) {
	#pe-header {
		padding-top: calc(0.3 * (100vw - 30px) + var(--padding-block) * 2) !important;
	}
	.scrolled #pe-logo svg {
		margin-block: calc((6vw - 1.8px) * -1);
	}
}
#pe-logo svg * {
	transform-origin: 0% 48%;
}
.scrolled #pe-logo svg #signet {
	transform: scale(55%);
}
.scrolled #pe-logo svg #logotype {
	transform: translateX(-700px); /* depends on SVG viewport */
}
.scrolled #pe-logo a {
	animation: clip-logo-link var(--duration) step-end forwards;
}
@keyframes clip-logo-link {
	to {
		clip-path: inset(0 0 20%);
	}
}

.scrolled .pe-wcag-settings {
	display: block !important;
}
#pe-wcag {
	transition: margin-top var(--duration) !important;
}
.scrolled #pe-wcag {
	margin-top: calc(var(--pe-wcag-height) * -1);
}


/* Navigation */

#pe-logo-nav .pe-main-menu .nav-menu > .menu-item {
	margin-inline: clamp(2px, -69.9721px + 7.2626vw, 15px);
}
#pe-logo-nav .pe-main-menu .nav-menu > .menu-item > a {
	padding: 12px
}
#pe-search {
	padding-block: 17px 18px;
	margin-left: clamp(1rem, -3.8443rem + 7.8212vw, 1.875rem);
}

/* Headings / Headlines */
#pe-main .pe-widget .pe-title {
	text-transform: initial;
	color: var(--black);
}


/* High Contrast Mode */

.highcontrast #pe-logo {
	--logo-choszcz-color: #fff;
	--logo-choszcz-stroke: 6;
}
body.highcontrast #pe-offcanvas-button {
    /* display: block !important; */
}
.highcontrast #pe-offcanvas-button .toggle-nav,
.highcontrast #pe-main #pe-wcag-mobile .pe-toggle-wcag {
	color: #fff;
}