@charset "UTF-8";

@font-face {
	font-family: swiper-icons;
	font-style: normal;
	font-weight: 400;
	src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}

.swiper {
	display: block;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	width: 100%;
	z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	display: block;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	-ms-overflow-style: none;
	overflow: auto;
	scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	height: var(--swiper-centered-offset-after);
	min-width: 1px;
	width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, #00000080, #0000)
}

.swiper-lazy-preloader {
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top: 4px solid transparent;
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: var(--swiper-navigation-size);
	justify-content: center;
	margin-top: calc(0px - var(--swiper-navigation-size)/2);
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size)/44*27);
	z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: .35;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	cursor: auto;
	opacity: 0;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	transform-origin: center;
	width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-lock {
	display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	font-variant: normal;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	left: auto;
	right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transform: translateZ(0);
	transition: opacity .3s;
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	left: 0;
	top: var(--swiper-pagination-top, auto);
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	display: inline-block;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	left: var(--swiper-pagination-left, auto);
	right: var(--swiper-pagination-right, 8px);
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translate(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
	width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	height: 100%;
	left: 0;
	top: 0;
	width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
	display: none
}

.swiper-free-mode>.swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out
}

:root {
	--color-purple: #a079ff;
	--color-purple-light: #e2d6ff;
	--color-pink: #ff82ff;
	--color-pink-light: #ffd6ff;
	--color-yellow: #ffc803;
	--color-yellow-light: #fff6d6;
	--color-blue: #3f1fcc;
	--color-blue-light: #d4e3fa;
	--color-green: #009b3d;
	--color-green-light: #d6ffe7;
	--color-red: #ff214a;
	--color-red-light: #ffd6de;
	--teaser-shadow: var(--color-pink);
	--teaser-shadow-purple: var(--color-purple);
	--teaser-shadow-pink: var(--color-pink);
	--teaser-shadow-yellow: var(--color-yellow);
	--teaser-shadow-blue: var(--color-blue);
	--teaser-shadow-green: var(--color-green);
	--teaser-shadow-red: var(--color-red);
	--hamburgerHeight: 0.5rem;
	--content-padding-top: 4.45rem;
	--wrap: 0.85rem;
	--wrap2: 1.5rem;
	--menuwrap: 0.3rem;
	--section-padding-y: 2.5rem;
	--header-height: 100%;
	--colshero-height: 5.2rem;
	--hamburgerWidth: 1.7rem;
	--base-font-size: 1rem;
	--body-font-size: 1rem;
	--v4-mobile-sizeBody: 1rem;
	--v4-mobile-size36: 2.2rem;
	--v4-mobile-size24: 1.5rem;
	--v4-mobile-size20: 1.25rem;
	--v4-mobile-size18: 1.125rem;
	--v4-mobile-size12: 0.75rem;
	--v4-desktop-sizeBody: 0.55rem;
	--v4-desktop-size64: 1.77rem;
	--v4-desktop-size32: 0.888rem;
	--v4-desktop-size24: 0.66rem;
	--v4-desktop-size16: 0.44rem;
	--v4-desktop-size14: 0.388rem;
	--v4-desktop-size12: 0.33rem;
	--h1-big-font-size: var(--v4-mobile-size36);
	--h2-font-size: var(--v4-mobile-size36);
	--h3-font-size: var(--v4-mobile-size24);
	--small-font-size: 0.7rem;
	--text-margin-bottom: 5rem;
	--text-bigmargin-bottom: 3.5rem;
	--sectionMB: 5rem;
	--mb-block: 1.5rem;
	--m-singleblock: 2.5rem;
	--forum-teaser-height: 14rem;
	--forum-video-grid-gap: 1.11rem;
	--swiper-navigation-sides-offset: 0.25rem;
	--swiper-navigation-color: #000;
	--swiper-navigation-size: 1.2rem;
	--swiper-pagination-color: var(--color-pink);
	--circle-x: 5.2rem;
	--circle-y: 2.9rem;
	--rotate: 30deg;
	--circle2-y: 1.6rem
}

body.page-template-page-scrolllogosTemplate {
	--header-height: 5rem
}

@media (min-width:1024px) {
	:root {
		--desktop-1: 0.9rem;
		--desktop-2: 0.8rem;
		--forum-teaser-height: 17.1rem;
		--wrap: 0.5rem;
		--wrap2: 7.1875rem;
		--section-padding-y: 5rem;
		--socialIcon: 0.45rem;
		--header-height: 8.5vw;
		--colshero-height: var(--heaer-height);
		--hamburgerWidth: 1.1rem;
		--base-font-size: 24.576px;
		--body-font-size: 1rem;
		--h1-big-font-size: var(--v4-desktop-size64);
		--h2-font-size: var(--body-font-size);
		--h3-font-size: var(--body-font-size);
		--small-font-size: var(--v4-desktop-size12);
		--content-padding-top: 7.07rem;
		--text-margin-bottom: 0;
		--text-bigmargin-bottom: 2.3rem;
		--sectionMB: 3rem;
		--rotate: 25deg
	}

	body.page-template-page-scrolllogosTemplate {
		--header-height: 7.4vw
	}
}

html.easy-mode {
	--forum-teaser-height: auto
}

@font-face {
	font-display: block;
	font-family: residenzgrotesk;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/ResidenzGrotesk-Medium.woff2) format("woff2"), url(fonts/ResidenzGrotesk-Medium.otf) format("opentype")
}

@font-face {
	font-display: block;
	font-family: residenzgrotesk;
	font-style: normal;
	font-weight: 500;
	src: url(fonts/ResidenzGrotesk-SemiBold.woff2) format("woff2"), url(fonts/ResidenzGrotesk-SemiBold.otf) format("opentype")
}

@font-face {
	font-display: block;
	font-family: residenzgrotesk;
	font-style: normal;
	font-weight: 700;
	src: url(fonts/ResidenzGrotesk-Bold.woff2) format("woff2"), url(fonts/ResidenzGrotesk-Bold.otf) format("opentype")
}

*,
:after,
:before {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
	-webkit-focus-ring-color: hsla(0, 0%, 100%, 0) !important;
	box-sizing: inherit;
	max-height: 1000000px;
	text-rendering: optimizeLegibility
}

* {
	box-sizing: border-box !important
}

html.android,
html.android body {
	height: auto
}

.no-scrollbar {
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
	display: none
}

p {
	-ms-word-wrap: normal;
	word-wrap: normal;
	word-break: break-word
}

.blur-up {
	filter: blur(5px);
	transition: filter .4s
}

.blur-up.lazyloaded {
	filter: blur(0)
}

.swup-transition-fade {
	opacity: 1;
	transition: opacity .7s ease
}

html.is-animating .swup-transition-fade {
	opacity: 0
}

/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
	border: 0 solid;
	box-sizing: border-box
}

:after,
:before {
	--tw-content: ""
}

:host,
html {
	-webkit-text-size-adjust: 100%;
	font-feature-settings: normal;
	-webkit-tap-highlight-color: transparent;
	font-family: residenzgrotesk, Arial, sans-serif;
	font-variation-settings: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4
}

body {
	line-height: inherit;
	margin: 0
}

hr {
	border-top-width: 1px;
	color: inherit;
	height: 0
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-feature-settings: normal;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-size: 1em;
	font-variation-settings: normal
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
	font-feature-settings: inherit;
	color: inherit;
	font-family: inherit;
	font-size: 100%;
	font-variation-settings: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

menu,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #9ca3af;
	opacity: 1
}

input::placeholder,
textarea::placeholder {
	color: #9ca3af;
	opacity: 1
}

[role=button],
button {
	cursor: pointer
}

:disabled {
	cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle
}

img,
video {
	height: auto;
	max-width: 100%
}

[hidden] {
	display: none
}

*,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

html {
	font-size: 4.55vw;
	line-height: 1.22;
	overflow-y: scroll
}

@media (min-width:768px) {
	html {
		font-size: 3.2vw
	}
}

@media (min-width:1024px) {
	html {
		font-size: 2.4vw
	}
}

@media (max-width:767px) {
	html {
		font-size: 4.55vmin
	}
}

body {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity));
	display: flex;
	flex-direction: column;
	font-family: residenzgrotesk, Arial, sans-serif;
	min-height: 100vh
}

#content {
	min-height: 100vh
}

html:not(.easy-mode):where(body.page-template-page-categoriesTemplate, body.fullscreen-header) #content {
	margin-top: calc(var(--header-height)*-1)
}

body.home #content {
	margin-top: 0
}

@media (max-width:1023px) {

	body.page-template-page-aboutTemplate #content,
	body.single-cpt_award #content,
	body.single-post #content {
		margin-top: 0
	}
}

@media (min-width:1024px) {

	body.page-template-page-awardTemplate #content,
	body.page-template-page-forumTemplate #content,
	body.page-template-page-magazineTemplate #content,
	body.page-template-page-videoTemplate #content {
		padding-top: .75rem
	}
}

html:not(.easy-mode) body.fullscreen-header .lg\:top-headerHeight {
	top: 0
}

.wrap {
	padding-left: var(--wrap);
	padding-right: var(--wrap)
}

@media (min-width:1024px) {
	.cols-wrap {
		display: grid;
		gap: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

html.easy-mode .cols-wrap {
	position: static;
	width: 100%
}

html.easy-mode body.page-template-page-aboutTemplate .cols-wrap,
html.easy-mode body.single-post .cols-wrap {
	position: static
}

@media (min-width:1024px) {
	.header-wrap {
		display: grid;
		gap: 0;
		grid-template-columns: 1fr 2.1fr
	}
}

article:not(.masonry-item):not(.masonry-item-inner):not(.forum-article):not(.video-article) {
	display: flex;
	flex-direction: column;
	min-height: calc(100svh - var(--header-height))
}

body.home article {
	min-height: 100vh
}

@media (max-width:1023px) {
	.section-title {
		display: flex;
		flex-direction: column;
		min-height: calc(100svh - var(--header-height))
	}

	html:not(.easy-mode) .section-title.cols-wrap>div:first-child {
		padding-bottom: 7rem;
		position: sticky;
		top: var(--header-height);
		z-index: 0
	}

	html:not(.easy-mode) .section-title.cols-wrap>div:last-child {
		flex: 1 1 0%;
		position: sticky;
		z-index: 1
	}
}

.section-title:last-child,
body.page-template-page-scrolllogosTemplate #content .cols-wrap>div:last-child {
	flex: 1 1 0%
}

@media (min-width:1024px) {

	.section-title,
	body.page-template-page-scrolllogosTemplate #content .cols-wrap>div {
		min-height: calc(100vh - var(--header-height))
	}
}

.sticked {
	height: -moz-fit-content;
	height: fit-content;
	position: sticky;
	top: calc(var(--header-height) + var(--wrap))
}

section.default {
	flex-direction: column;
	min-height: 100vh;
	top: 0;
	z-index: 20
}

@media (max-width:1023px) {
	section.default {
		display: flex;
		min-height: 100svh
	}
}

:where(.page-template-page-scrolllogosTemplate, .page-template-page-scrolllogosTemplate) section.default {
	position: sticky
}

body.single:not(.fullscreen-header) section.twocols-mediatext {
	top: var(--header-height)
}

@media (min-width:1024px) {
	body.single:not(.fullscreen-header) section.twocols-mediatext {
		min-height: 100vh;
		position: static;
		top: 0
	}

	html:not(.easy-mode) body.single:not(.fullscreen-header) section.twocols-mediatext slideshow-element,
	html:not(.easy-mode) section.fullwidth-text,
	html:not(.easy-mode) section.twocols-mediatext slideshow-element {
		position: sticky;
		top: 0
	}

	body.single:not(.fullscreen-header) section.twocols-mediatext .swiper-slide img {
		min-height: 100vh
	}

	.twocols-mediatext:first-child .text-column {
		padding-top: calc(var(--header-height) + var(--wrap))
	}
}

html.single-playlist {
	--font-size: 15px
}

section.fullscreen:first-child {
	top: 0 !important
}

.simple-page {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--header-height))
}

.simple-page>section:nth-last-child(2) {
	flex: 1 1 0%
}

.simple-page>section:first-child:nth-last-child(2) {
	min-height: calc(100vh - var(--header-height))
}

section.default.cols-wrap:last-child>div,
section.simple-full:last-child {
	padding-bottom: var(--text-bigmargin-bottom)
}

@media (min-width:1024px) {
	section.simple.cols-wrap:last-child>div {
		padding-bottom: 8rem
	}
}

@media (max-width:1023px) {
	.cat-mobile-show {
		display: block !important
	}
}

html {
	font-size: var(--font-size)
}

@media screen and (min-width:1024px) {
	html {
		--font-size: var(--base-font-size)
	}
}

@media screen and (min-width:1074px) {
	html {
		--font-size: calc(var(--base-font-size)*1.04883)
	}
}

@media screen and (min-width:1124px) {
	html {
		--font-size: calc(var(--base-font-size)*1.09766)
	}
}

@media screen and (min-width:1174px) {
	html {
		--font-size: calc(var(--base-font-size)*1.14648)
	}
}

@media screen and (min-width:1224px) {
	html {
		--font-size: calc(var(--base-font-size)*1.19531)
	}
}

@media screen and (min-width:1274px) {
	html {
		--font-size: calc(var(--base-font-size)*1.24414)
	}
}

@media screen and (min-width:1324px) {
	html {
		--font-size: calc(var(--base-font-size)*1.29297)
	}
}

@media screen and (min-width:1374px) {
	html {
		--font-size: calc(var(--base-font-size)*1.3418)
	}
}

@media screen and (min-width:1424px) {
	html {
		--font-size: calc(var(--base-font-size)*1.39063)
	}
}

@media screen and (min-width:1474px) {
	html {
		--font-size: calc(var(--base-font-size)*1.43945)
	}
}

@media screen and (min-width:1524px) {
	html {
		--font-size: calc(var(--base-font-size)*1.48828)
	}
}

@media screen and (min-width:1574px) {
	html {
		--font-size: calc(var(--base-font-size)*1.53711)
	}
}

@media screen and (min-width:1624px) {
	html {
		--font-size: calc(var(--base-font-size)*1.58594)
	}
}

@media screen and (min-width:1674px) {
	html {
		--font-size: calc(var(--base-font-size)*1.63477)
	}
}

@media screen and (min-width:1724px) {
	html {
		--font-size: calc(var(--base-font-size)*1.68359)
	}
}

@media screen and (min-width:1774px) {
	html {
		--font-size: calc(var(--base-font-size)*1.73242)
	}
}

@media screen and (min-width:1824px) {
	html {
		--font-size: calc(var(--base-font-size)*1.78125)
	}
}

@media screen and (min-width:1874px) {
	html {
		--font-size: calc(var(--base-font-size)*1.83008)
	}
}

@media screen and (min-width:1924px) {
	html {
		--font-size: calc(var(--base-font-size)*1.87891)
	}
}

@media screen and (min-width:1974px) {
	html {
		--font-size: calc(var(--base-font-size)*1.92773)
	}
}

@media screen and (min-width:2024px) {
	html {
		--font-size: calc(var(--base-font-size)*1.97656)
	}
}

@media screen and (min-width:2074px) {
	html {
		--font-size: calc(var(--base-font-size)*2.02539)
	}
}

@media screen and (min-width:2124px) {
	html {
		--font-size: calc(var(--base-font-size)*2.07422)
	}
}

@media screen and (min-width:2174px) {
	html {
		--font-size: calc(var(--base-font-size)*2.12305)
	}
}

@media screen and (min-width:2224px) {
	html {
		--font-size: calc(var(--base-font-size)*2.17188)
	}
}

@media screen and (min-width:2274px) {
	html {
		--font-size: calc(var(--base-font-size)*2.2207)
	}
}

@media screen and (min-width:2324px) {
	html {
		--font-size: calc(var(--base-font-size)*2.26953)
	}
}

@media screen and (min-width:2374px) {
	html {
		--font-size: calc(var(--base-font-size)*2.31836)
	}
}

@media screen and (min-width:2424px) {
	html {
		--font-size: calc(var(--base-font-size)*2.36719)
	}
}

@media screen and (min-width:2474px) {
	html {
		--font-size: calc(var(--base-font-size)*2.41602)
	}
}

@media screen and (min-width:2524px) {
	html {
		--font-size: calc(var(--base-font-size)*2.46484)
	}
}

@media screen and (min-width:2570px) {
	html {
		--font-size: 2.4vw
	}
}

.black-gradient-block {
	--tw-gradient-from: transparent var(--tw-gradient-from-position);
	--tw-gradient-to: transparent var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	--tw-gradient-to: #000 var(--tw-gradient-to-position);
	--tw-backdrop-blur: blur(7px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
	height: 45vh;
	position: sticky;
	top: 0;
	z-index: 2
}

@media (min-width:768px) {
	.black-gradient-block {
		height: 56vh
	}
}

@media (min-width:1024px) {
	.black-gradient-block {
		height: 100vh;
		margin-top: 3rem
	}
}

@media (max-width:1023px) {
	.black-gradient-block {
		visibility: hidden
	}

	.page-template-page-aboutTemplate .black-gradient-block,
	.single-cpt_award .black-gradient-block,
	.single-post .black-gradient-block {
		display: none
	}
}

html.easy-mode .black-gradient-block {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	background-image: none;
	height: 100vh;
	margin-top: 100vh
}

html.easy-mode .single .black-gradient-block,
html.easy-mode .start-new-section .black-gradient-block {
	margin-top: 1rem
}

.single-content {
	padding-bottom: 4rem;
	position: relative;
	z-index: 2
}

@media (min-width:1024px) {
	.single-content {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	body:not(.page-template-page-simpleTemplateV4) .single-content {
		margin-top: calc(-100vh + 8.33vw)
	}
}

body:not(.page-template-page-simpleTemplateV4) .single-content:before {
	--tw-bg-opacity: 1;
	--tw-content: "";
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	content: var(--tw-content);
	display: block;
	height: 100%;
	position: absolute;
	top: 2rem;
	width: 100%;
	z-index: -1
}

@media (min-width:1024px) {
	body:not(.page-template-page-simpleTemplateV4) .single-content:before {
		display: none
	}
}

.single-content>section {
	scroll-margin-top: var(--wrap)
}

@media (max-width:1023px) {
	body.page-template-page-aboutTemplate .single-content>section+section {
		margin-top: -2rem
	}
}

@media (min-width:1024px) {
	.single-content+.section-footer {
		margin-top: var(--m-singleblock)
	}
}

@media (max-width:1023px) {
	.single-content+.section-footer {
		padding-top: 3rem
	}
}

.single-block,
.single-block-about {
	border-radius: 30px;
	grid-template-columns: subgrid;
	height: -moz-fit-content;
	height: fit-content;
	margin-bottom: 1rem;
	padding-bottom: 2.25rem;
	padding-left: var(--wrap);
	padding-right: var(--wrap);
	padding-top: 1.75rem
}

.single-block-about:last-child,
.single-block:last-child {
	margin-bottom: 0
}

@media (min-width:1024px) {

	.single-block,
	.single-block-about {
		display: grid;
		grid-column: span 10/span 10;
		margin-bottom: 1.65rem;
		padding-bottom: 1.25rem;
		padding-top: 1rem
	}

	.easy-mode .single-block,
	.easy-mode .single-block-about {
		--tw-border-opacity: 1;
		border-color: rgb(0 0 0/var(--tw-border-opacity));
		border-width: 1px
	}
}

.easy-mode .single-block,
.easy-mode .single-block-about {
	box-shadow: none
}

@media (min-width:1024px) {
	.single-block {
		grid-column-start: 2
	}
}

html.easy-mode .single-block {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.grid-cols-subgrid {
	grid-template-columns: subgrid
}

.v4block {
	margin-top: 1.75rem
}

.v4block:first-child {
	margin-top: 0
}

@media (min-width:1024px) {
	.v4block {
		margin-top: .75rem
	}
}

@media (max-width:1023px) {
	body.page-template-page-aboutTemplate .v4block:last-child {
		margin-bottom: var(--mb-block)
	}
}

body.page-template-page-simpleTemplateV4 .v4block {
	margin-top: 2rem
}

body.page-template-page-simpleTemplateV4 .v4block:first-child {
	margin-top: 0
}

@media (min-width:1024px) {
	body.page-template-page-simpleTemplateV4 .v4block {
		margin-top: 1.5rem
	}

	.breadcrumbs-wrapper+.v4block {
		margin-top: .5rem
	}
}

.v4block a {
	text-decoration-line: underline
}

@media (hover:hover) and (pointer:fine) {
	.v4block a:hover {
		text-decoration-line: none
	}
}

.artistmeta-block+.text-block {
	margin-top: .375rem
}

@media (min-width:1024px) {
	.artistmeta-block+.text-block {
		margin-top: 0
	}
}

@media (max-width:1023px) {

	.start-new-section+.start-new-section,
	.start-new-section+.start-new-section+.start-new-section {
		margin-top: -5rem;
		z-index: 2
	}

	.start-new-section+.start-new-section+.start-new-section {
		z-index: 3
	}

	.start-new-section+.start-new-section .pt-colshero {
		padding-top: calc(var(--colshero-height)*.7)
	}

	.image-block+.image-block {
		margin-top: -.875rem
	}
}

@media (min-width:1024px) {
	.header--primary .padding-for-easy-buttons {
		top: 1.75rem
	}
}

.header:not(.header--primary) .hide-for-not-primary-header {
	display: none
}

.forum-article:not(.header:not(.header--primary) .hide-for-not-primary-header):first-of-type,
.video-article:not(.header:not(.header--primary) .hide-for-not-primary-header):first-of-type {
	padding-top: 0
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 100%
}

@media (min-width:640px) {
	.container {
		max-width: 640px;
		padding-left: 2rem;
		padding-right: 2rem
	}
}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width:1024px) {
	.container {
		max-width: 1024px;
		padding-left: 4rem;
		padding-right: 4rem
	}
}

@media (min-width:1280px) {
	.container {
		max-width: 1280px;
		padding-left: 5rem;
		padding-right: 5rem
	}
}

@media (min-width:1536px) {
	.container {
		max-width: 1536px;
		padding-left: 6rem;
		padding-right: 6rem
	}
}

@media (min-width:1920px) {
	.container {
		max-width: 1920px
	}
}

.prose {
	color: var(--tw-prose-body)
}

.prose :where(p):not(:where([class~=not-prose] *)) {
	margin-bottom: 1.25em;
	margin-top: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-lead);
	font-size: 1.25em;
	line-height: 1.6;
	margin-bottom: 1.2em;
	margin-top: 1.2em
}

.prose :where(a):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-links);
	font-weight: 500;
	text-decoration: underline
}

.prose :where(strong):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-bold);
	font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose] *)) {
	color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose] *)) {
	color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose] *)) {
	color: inherit
}

.prose :where(ol):not(:where([class~=not-prose] *)) {
	list-style-type: decimal;
	margin-bottom: 1.25em;
	margin-top: 1.25em;
	padding-left: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose] *)) {
	list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose] *)) {
	list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)) {
	list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)) {
	list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose] *)) {
	list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose] *)) {
	list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)) {
	list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)) {
	list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
	list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose] *)) {
	list-style-type: disc;
	margin-bottom: 1.25em;
	margin-top: 1.25em;
	padding-left: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose] *))::marker {
	color: var(--tw-prose-counters);
	font-weight: 400
}

.prose :where(ul>li):not(:where([class~=not-prose] *))::marker {
	color: var(--tw-prose-bullets)
}

.prose :where(hr):not(:where([class~=not-prose] *)) {
	border-color: var(--tw-prose-hr);
	border-top-width: 1px;
	margin-bottom: 3em;
	margin-top: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose] *)) {
	border-left-color: var(--tw-prose-quote-borders);
	border-left-width: .25rem;
	color: var(--tw-prose-quotes);
	font-style: italic;
	font-weight: 500;
	margin-bottom: 1.6em;
	margin-top: 1.6em;
	padding-left: 1em;
	quotes: "\201C" "\201D" "\2018" "\2019"
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
	content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
	content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-size: 2.25em;
	font-weight: 800;
	line-height: 1.1111111;
	margin-bottom: .8888889em;
	margin-top: 0
}

.prose :where(h1 strong):not(:where([class~=not-prose] *)) {
	color: inherit;
	font-weight: 900
}

.prose :where(h2):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.3333333;
	margin-bottom: 1em;
	margin-top: 2em
}

.prose :where(h2 strong):not(:where([class~=not-prose] *)) {
	color: inherit;
	font-weight: 800
}

.prose :where(h3):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: .6em;
	margin-top: 1.6em
}

.prose :where(h3 strong):not(:where([class~=not-prose] *)) {
	color: inherit;
	font-weight: 700
}

.prose :where(h4):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .5em;
	margin-top: 1.5em
}

.prose :where(h4 strong):not(:where([class~=not-prose] *)) {
	color: inherit;
	font-weight: 700
}

.prose :where(img):not(:where([class~=not-prose] *)) {
	margin-bottom: 2em;
	margin-top: 2em
}

.prose :where(figure>*):not(:where([class~=not-prose] *)) {
	margin-bottom: 0;
	margin-top: 0
}

.prose :where(figcaption):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-captions);
	font-size: .875em;
	line-height: 1.4285714;
	margin-top: .8571429em
}

.prose :where(code):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-code);
	font-size: .875em;
	font-weight: 600
}

.prose :where(code):not(:where([class~=not-prose] *)):before {
	content: "`"
}

.prose :where(code):not(:where([class~=not-prose] *)):after {
	content: "`"
}

.prose :where(a code):not(:where([class~=not-prose] *)) {
	color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose] *)) {
	color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose] *)) {
	color: inherit;
	font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose] *)) {
	color: inherit;
	font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose] *)) {
	color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose] *)) {
	color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose] *)) {
	color: inherit
}

.prose :where(pre):not(:where([class~=not-prose] *)) {
	background-color: var(--tw-prose-pre-bg);
	border-radius: .375rem;
	color: var(--tw-prose-pre-code);
	font-size: .875em;
	font-weight: 400;
	line-height: 1.7142857;
	margin-bottom: 1.7142857em;
	margin-top: 1.7142857em;
	overflow-x: auto;
	padding: .8571429em 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose] *)) {
	background-color: transparent;
	border-radius: 0;
	border-width: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	padding: 0
}

.prose :where(pre code):not(:where([class~=not-prose] *)):before {
	content: none
}

.prose :where(pre code):not(:where([class~=not-prose] *)):after {
	content: none
}

.prose :where(table):not(:where([class~=not-prose] *)) {
	font-size: .875em;
	line-height: 1.7142857;
	margin-bottom: 2em;
	margin-top: 2em;
	table-layout: auto;
	text-align: left;
	width: 100%
}

.prose :where(thead):not(:where([class~=not-prose] *)) {
	border-bottom-color: var(--tw-prose-th-borders);
	border-bottom-width: 1px
}

.prose :where(thead th):not(:where([class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	padding-bottom: .5714286em;
	padding-left: .5714286em;
	padding-right: .5714286em;
	vertical-align: bottom
}

.prose :where(tbody tr):not(:where([class~=not-prose] *)) {
	border-bottom-color: var(--tw-prose-td-borders);
	border-bottom-width: 1px
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
	border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose] *)) {
	vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose] *)) {
	border-top-color: var(--tw-prose-th-borders);
	border-top-width: 1px
}

.prose :where(tfoot td):not(:where([class~=not-prose] *)) {
	vertical-align: top
}

.prose {
	--tw-prose-body: #404040;
	--tw-prose-headings: #171717;
	--tw-prose-lead: #525252;
	--tw-prose-links: #b91c1c;
	--tw-prose-bold: #171717;
	--tw-prose-counters: #737373;
	--tw-prose-bullets: #d4d4d4;
	--tw-prose-hr: #e5e5e5;
	--tw-prose-quotes: #171717;
	--tw-prose-quote-borders: #e5e5e5;
	--tw-prose-captions: #737373;
	--tw-prose-code: #171717;
	--tw-prose-pre-code: #e5e5e5;
	--tw-prose-pre-bg: #262626;
	--tw-prose-th-borders: #d4d4d4;
	--tw-prose-td-borders: #e5e5e5;
	--tw-prose-invert-body: #d4d4d4;
	--tw-prose-invert-headings: #fff;
	--tw-prose-invert-lead: #a3a3a3;
	--tw-prose-invert-links: #fff;
	--tw-prose-invert-bold: #fff;
	--tw-prose-invert-counters: #a3a3a3;
	--tw-prose-invert-bullets: #525252;
	--tw-prose-invert-hr: #404040;
	--tw-prose-invert-quotes: #f5f5f5;
	--tw-prose-invert-quote-borders: #404040;
	--tw-prose-invert-captions: #a3a3a3;
	--tw-prose-invert-code: #fff;
	--tw-prose-invert-pre-code: #d4d4d4;
	--tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
	--tw-prose-invert-th-borders: #525252;
	--tw-prose-invert-td-borders: #404040;
	font-size: 1rem;
	line-height: 1.75
}

.prose :where(video):not(:where([class~=not-prose] *)) {
	margin-bottom: 2em;
	margin-top: 2em
}

.prose :where(figure):not(:where([class~=not-prose] *)) {
	margin-bottom: 2em;
	margin-top: 2em
}

.prose :where(li):not(:where([class~=not-prose] *)) {
	margin-bottom: .5em;
	margin-top: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose] *)) {
	padding-left: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose] *)) {
	padding-left: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
	margin-bottom: .75em;
	margin-top: .75em
}

.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
	margin-top: 1.25em
}

.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
	margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
	margin-top: 1.25em
}

.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
	margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
	margin-bottom: .75em;
	margin-top: .75em
}

.prose :where(hr+*):not(:where([class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose] *)) {
	padding-left: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose] *)) {
	padding-right: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
	padding: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
	padding-left: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
	padding-right: 0
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
	margin-bottom: 0
}

.w3-btn {
	border-color: currentColor;
	border-radius: 50%;
	border-width: 1px;
	font-size: var(--small-font-size);
	margin-bottom: .25rem;
	padding: .5em 1.2em .25em;
	transition-duration: .3s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: -moz-fit-content;
	width: fit-content
}

@media (hover:hover) and (pointer:fine) {
	.w3-btn:hover {
		--tw-border-opacity: 1;
		--tw-bg-opacity: 1;
		--tw-text-opacity: 1;
		background-color: rgb(0 0 0/var(--tw-bg-opacity));
		border-color: rgb(0 0 0/var(--tw-border-opacity));
		color: rgb(255 255 255/var(--tw-text-opacity))
	}
}

.w3-btn--white {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	color: rgb(0 0 0/var(--tw-text-opacity));
	transition-duration: .3s;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:1024px) {
	.w3-btn--white {
		opacity: 0
	}
}

.w3-btn--blur,
.w3-btn--pink {
	border-radius: 50%;
	font-size: var(--small-font-size);
	margin-bottom: .25rem;
	padding: .5em 1.2em .25em;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: -moz-fit-content;
	width: fit-content
}

.w3-btn--pink {
	background-color: var(--color-pink)
}

.w3-btn--blur {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(90deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4))
}

.swiper-slide:hover .w3-btn--white {
	opacity: 1
}

.cta-btn {
	--tw-border-opacity: 1;
	--tw-text-opacity: 1;
	background-color: var(--color-pink);
	border-color: rgb(0 0 0/var(--tw-border-opacity));
	border-radius: 3.125rem;
	border-width: 1px;
	color: rgb(0 0 0/var(--tw-text-opacity));
	font-size: var(--small-font-size);
	padding: .95em 1.4em .75em;
	transition-duration: .3s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: -moz-fit-content;
	width: fit-content
}

@media (hover:hover) and (pointer:fine) {
	.cta-btn:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0/var(--tw-bg-opacity));
		color: var(--color-pink)
	}
}

.cta-btn--white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

@media (max-width:1023px) {
	.nav-buttons--desktop .cta-btn {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255/var(--tw-bg-opacity))
	}
}

.v4cta-btn {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	border-radius: 10px;
	padding: .75em .7em .55em;
	width: -moz-fit-content;
	width: fit-content
}

@media (min-width:1024px) {
	.v4cta-btn {
		padding: .8em .7em .6em
	}
}

.v4cta-btn {
	box-shadow: inset -8px 0 25px 0 #ff82ff
}

.btn-magazine {
	transition-duration: .3s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: -moz-fit-content;
	width: fit-content
}

@media (hover:hover) and (pointer:fine) {
	.btn-magazine:hover {
		--tw-bg-opacity: 1;
		--tw-text-opacity: 1;
		background-color: rgb(0 0 0/var(--tw-bg-opacity));
		color: rgb(255 255 255/var(--tw-text-opacity))
	}
}

@media (min-width:1024px) {
	.btn-magazine {
		padding-left: .75rem;
		padding-right: .75rem
	}
}

.btn-magazine {
	background: linear-gradient(90deg, hsla(0, 0%, 85%, .4), hsla(0, 0%, 85%, .4))
}

.btn-magazine:hover {
	background: #000
}

.circle-slideshow {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color);
	border-radius: 16px;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	position: relative
}

.circle-slideshow:last-child {
	margin-bottom: .25rem
}

@media (min-width:1024px) {
	.circle-slideshow {
		margin-bottom: 2.75rem
	}
}

.easy-mode .circle-slideshow {
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	border-width: 1px;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.circle-svg {
	aspect-ratio: 2;
	border-radius: 16px;
	margin-bottom: .375rem;
	overflow: hidden
}

.easy-mode .circle-svg {
	aspect-ratio: auto;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0
}

.easy-mode .circle-main-title {
	background-color: var(--color-pink-light);
	border-bottom-width: 1px;
	font-size: var(--v4-mobile-size24);
	margin-bottom: 1rem;
	padding-bottom: .75rem;
	padding-top: 1rem;
	position: static;
	text-align: center;
	transform: none
}

@media (min-width:1024px) {
	.easy-mode .circle-main-title {
		font-size: var(--v4-desktop-size32);
		padding-bottom: .5rem;
		padding-top: .75rem
	}
}

.easy-mode .circle-main-title2 {
	background-color: var(--color-purple-light)
}

.easy-mode .circle-main-title3 {
	--tw-bg-opacity: 1;
	background-color: rgb(255 194 206/var(--tw-bg-opacity))
}

.circle-titles {
	--tw-text-opacity: 1;
	color: rgb(63 31 204/var(--tw-text-opacity));
	font-size: var(--v4-mobile-size12);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

@media (min-width:1024px) {
	.circle-titles {
		font-size: var(--v4-desktop-size32)
	}
}

html.easy-mode .circle-titles {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity));
	display: none
}

.forum-article:not(html.easy-mode .circle-titles):first-of-type,
.video-article:not(html.easy-mode .circle-titles):first-of-type {
	padding-top: 0
}

.circle-title {
	align-items: flex-end;
	display: flex;
	height: 120%;
	justify-content: center;
	left: 0;
	padding-bottom: 2.5rem;
	pointer-events: none;
	position: absolute;
	top: -20%;
	transform-origin: top center;
	transition-duration: .6s;
	transition-property: font-size, transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-timing-function: cubic-bezier(0, 0, .2, 1);
	width: 100%
}

.circle-title--easy {
	--tw-text-opacity: 1;
	color: rgb(63 31 204/var(--tw-text-opacity));
	font-size: var(--v4-mobile-size24);
	margin-bottom: .75rem;
	text-align: center
}

@media (min-width:1024px) {
	.circle-title--easy {
		font-size: var(--v4-desktop-size32);
		margin-bottom: 1rem
	}
}

.circle-slideshow swiper-slide {
	min-width: 100%
}

.circle-title-inner {
	--tw-rotate: 0deg;
	cursor: pointer;
	pointer-events: auto;
	text-align: center;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transition-duration: .6s;
	transition-property: transform, text-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.circle-previous {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: .625rem;
	width: 100%
}

@media (min-width:768px) {
	.circle-previous {
		top: 4.6rem
	}
}

@media (min-width:1024px) {
	.circle-previous {
		top: .625rem
	}
}

.easy-mode .circle-previous {
	display: none
}

.forum-article:not(.easy-mode .circle-previous):first-of-type,
.video-article:not(.easy-mode .circle-previous):first-of-type {
	padding-top: 0
}

.circle-previous-inner {
	--tw-translate-x: -50%;
	--tw-text-opacity: 1;
	color: rgb(153 153 153/var(--tw-text-opacity));
	font-size: var(--v4-mobile-size12);
	position: absolute;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	width: -moz-fit-content;
	width: fit-content
}

@media (min-width:1024px) {
	.circle-previous-inner {
		--tw-text-opacity: 1;
		color: rgb(0 0 0/var(--tw-text-opacity));
		font-size: var(--v4-desktop-size14)
	}
}

.circle-previous-inner2_1 {
	left: 18%;
	top: 0
}

@media (min-width:1024px) {
	.circle-previous-inner2_1 {
		left: 23%
	}
}

.circle-previous-inner2_2 {
	left: 27%;
	top: calc(var(--circle2-y))
}

@media (min-width:1024px) {
	.circle-previous-inner2_2 {
		left: 26.5%
	}
}

.circle-previous-inner2_3 {
	left: 37%;
	top: calc(var(--circle2-y)*2)
}

@media (min-width:1024px) {
	.circle-previous-inner2_3 {
		left: 32.5%
	}
}

.circle-previous3 .circle-previous-inner2_4 {
	left: 50%
}

.circle-previous-inner2_4 {
	left: 44%;
	top: calc(var(--circle2-y)*3)
}

@media (max-width:1023px) {
	.circle-previous2 .circle-previous-inner2_4 {
		display: none
	}
}

.circle-previous-inner2_5 {
	left: 50%;
	top: calc(var(--circle2-y)*3)
}

@media (min-width:1024px) {
	.circle-previous-inner2_5 {
		left: 57%
	}
}

.circle-previous-inner2_6,
.circle-previous3 .circle-previous-inner2_5 {
	left: 66%;
	top: calc(var(--circle2-y)*2)
}

@media (min-width:1024px) {

	.circle-previous-inner2_6,
	.circle-previous3 .circle-previous-inner2_5 {
		left: 68%
	}
}

.circle-previous-inner2_7,
.circle-previous3 .circle-previous-inner2_6 {
	left: 74%;
	top: var(--circle2-y)
}

@media (min-width:1024px) {

	.circle-previous-inner2_7,
	.circle-previous3 .circle-previous-inner2_6 {
		left: 73.5%
	}
}

.circle-previous-inner2_8 {
	left: 81%;
	top: 0
}

@media (min-width:1024px) {
	.circle-previous-inner2_8 {
		left: 76.7%
	}
}

.circle-text {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1rem;
	padding-left: var(--wrap);
	padding-right: var(--wrap);
	padding-top: 3rem
}

@media (min-width:1024px) {
	.circle-text {
		padding-bottom: 0;
		padding-top: .625rem;
		width: 66.666667%
	}
}

.circle-meta {
	font-size: var(--v4-mobile-size12);
	font-weight: 700;
	padding-right: 1.5rem;
	text-transform: uppercase
}

@media (min-width:1024px) {
	.circle-meta {
		font-size: var(--v4-desktop-size12)
	}
}

.state8 .circle-title1_1 {
	--tw-rotate: calc(var(--rotate)*7)
}

.state7 .circle-title1_1,
.state8 .circle-title1_1,
.state8 .circle-title1_2 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state7 .circle-title1_1,
.state8 .circle-title1_2 {
	--tw-rotate: calc(var(--rotate)*6)
}

.state6 .circle-title1_1,
.state7 .circle-title1_2,
.state8 .circle-title1_3 {
	--tw-rotate: calc(var(--rotate)*5)
}

.state5 .circle-title1_1,
.state6 .circle-title1_1,
.state6 .circle-title1_2,
.state7 .circle-title1_2,
.state7 .circle-title1_3,
.state8 .circle-title1_3,
.state8 .circle-title1_4 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state5 .circle-title1_1,
.state6 .circle-title1_2,
.state7 .circle-title1_3,
.state8 .circle-title1_4 {
	--tw-rotate: calc(var(--rotate)*4)
}

.state4 .circle-title1_1,
.state5 .circle-title1_2,
.state6 .circle-title1_3,
.state7 .circle-title1_4,
.state8 .circle-title1_5 {
	--tw-rotate: calc(var(--rotate)*3);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state3 .circle-title1_1,
.state4 .circle-title1_2,
.state5 .circle-title1_3,
.state6 .circle-title1_4,
.state7 .circle-title1_5,
.state8 .circle-title1_6 {
	--tw-rotate: calc(var(--rotate)*2);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state2 .circle-title1_1,
.state3 .circle-title1_2,
.state4 .circle-title1_3,
.state5 .circle-title1_4,
.state6 .circle-title1_5,
.state7 .circle-title1_6,
.state8 .circle-title1_7 {
	--tw-rotate: calc(var(--rotate)*1);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state1 .circle-title1_1,
.state2 .circle-title1_2,
.state3 .circle-title1_3,
.state4 .circle-title1_4,
.state5 .circle-title1_5,
.state6 .circle-title1_6,
.state7 .circle-title1_7,
.state8 .circle-title1_8 {
	--tw-translate-y: 1rem;
	--tw-rotate: 0deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:1023px) {

	.state1 .circle-title1_1,
	.state2 .circle-title1_2,
	.state3 .circle-title1_3,
	.state4 .circle-title1_4,
	.state5 .circle-title1_5,
	.state6 .circle-title1_6,
	.state7 .circle-title1_7,
	.state8 .circle-title1_8 {
		font-size: var(--v4-mobile-size24)
	}

	.circle-titles3 .circle-title {
		font-size: var(--v4-mobile-size12) !important
	}
}

html.easy-mode .state1 .circle-title1_1,
html.easy-mode .state2 .circle-title1_2,
html.easy-mode .state3 .circle-title1_3,
html.easy-mode .state4 .circle-title1_4,
html.easy-mode .state5 .circle-title1_5,
html.easy-mode .state6 .circle-title1_6,
html.easy-mode .state7 .circle-title1_7,
html.easy-mode .state8 .circle-title1_8 {
	text-decoration-line: underline
}

.circle-title1_2,
.state2 .circle-title1_3,
.state3 .circle-title1_4,
.state4 .circle-title1_5,
.state5 .circle-title1_6,
.state6 .circle-title1_7,
.state7 .circle-title1_8 {
	--tw-rotate: calc(var(--rotate)*-1);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title1_3,
.state2 .circle-title1_4,
.state3 .circle-title1_5,
.state4 .circle-title1_6,
.state5 .circle-title1_7,
.state6 .circle-title1_8 {
	--tw-rotate: calc(var(--rotate)*-2);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title1_4,
.state2 .circle-title1_5,
.state3 .circle-title1_6,
.state4 .circle-title1_7,
.state5 .circle-title1_8 {
	--tw-rotate: calc(var(--rotate)*-3);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title1_5,
.state2 .circle-title1_6,
.state3 .circle-title1_7,
.state4 .circle-title1_8 {
	--tw-rotate: calc(var(--rotate)*-4)
}

.circle-title1_5,
.circle-title1_6,
.state2 .circle-title1_6,
.state2 .circle-title1_7,
.state3 .circle-title1_7,
.state3 .circle-title1_8,
.state4 .circle-title1_8 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title1_6,
.state2 .circle-title1_7,
.state3 .circle-title1_8 {
	--tw-rotate: calc(var(--rotate)*-5)
}

.circle-title1_7,
.state2 .circle-title1_8 {
	--tw-rotate: calc(var(--rotate)*-6);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title1_8,
.state8 .circle-title-inner1_1 {
	--tw-rotate: calc(var(--rotate)*-7)
}

.circle-title1_8,
.state7 .circle-title-inner1_1,
.state8 .circle-title-inner1_1,
.state8 .circle-title-inner1_2 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state7 .circle-title-inner1_1,
.state8 .circle-title-inner1_2 {
	--tw-rotate: calc(var(--rotate)*-6)
}

.state6 .circle-title-inner1_1,
.state7 .circle-title-inner1_2,
.state8 .circle-title-inner1_3 {
	--tw-rotate: calc(var(--rotate)*-5);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state5 .circle-title-inner1_1,
.state6 .circle-title-inner1_2,
.state7 .circle-title-inner1_3,
.state8 .circle-title-inner1_4 {
	--tw-rotate: calc(var(--rotate)*-4);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state4 .circle-title-inner1_1,
.state5 .circle-title-inner1_2,
.state6 .circle-title-inner1_3,
.state7 .circle-title-inner1_4,
.state8 .circle-title-inner1_5 {
	--tw-rotate: calc(var(--rotate)*-3);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state3 .circle-title-inner1_1,
.state4 .circle-title-inner1_2,
.state5 .circle-title-inner1_3,
.state6 .circle-title-inner1_4,
.state7 .circle-title-inner1_5,
.state8 .circle-title-inner1_6 {
	--tw-rotate: calc(var(--rotate)*-2);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state2 .circle-title-inner1_1,
.state3 .circle-title-inner1_2,
.state4 .circle-title-inner1_3,
.state5 .circle-title-inner1_4,
.state6 .circle-title-inner1_5,
.state7 .circle-title-inner1_6,
.state8 .circle-title-inner1_7 {
	--tw-rotate: calc(var(--rotate)*-1);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.state1 .circle-title-inner1_1,
.state2 .circle-title-inner1_2,
.state3 .circle-title-inner1_3,
.state4 .circle-title-inner1_4,
.state5 .circle-title-inner1_5,
.state6 .circle-title-inner1_6,
.state7 .circle-title-inner1_7,
.state8 .circle-title-inner1_8 {
	--tw-rotate: 0deg;
	text-shadow: 0 0 27.06px #a079ff;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

html.easy-mode .circle-title-inner1_1,
html.easy-mode .state2 .circle-title-inner1_2,
html.easy-mode .state3 .circle-title-inner1_3,
html.easy-mode .state4 .circle-title-inner1_4,
html.easy-mode .state5 .circle-title-inner1_5,
html.easy-mode .state6 .circle-title-inner1_6,
html.easy-mode .state7 .circle-title-inner1_7,
html.easy-mode .state8 .circle-title-inner1_8 {
	text-shadow: none
}

.circle-title-inner1_2,
.state2 .circle-title-inner1_3,
.state3 .circle-title-inner1_4,
.state4 .circle-title-inner1_5,
.state5 .circle-title-inner1_6,
.state6 .circle-title-inner1_7,
.state7 .circle-title-inner1_8 {
	--tw-rotate: calc(var(--rotate)*1);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title-inner1_3,
.state2 .circle-title-inner1_4,
.state3 .circle-title-inner1_5,
.state4 .circle-title-inner1_6,
.state5 .circle-title-inner1_7,
.state6 .circle-title-inner1_8 {
	--tw-rotate: calc(var(--rotate)*2);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title-inner1_4,
.state2 .circle-title-inner1_5,
.state3 .circle-title-inner1_6,
.state4 .circle-title-inner1_7,
.state5 .circle-title-inner1_8 {
	--tw-rotate: calc(var(--rotate)*3);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title-inner1_5,
.state2 .circle-title-inner1_6,
.state3 .circle-title-inner1_7,
.state4 .circle-title-inner1_8 {
	--tw-rotate: calc(var(--rotate)*4);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title-inner1_6,
.state2 .circle-title-inner1_7,
.state3 .circle-title-inner1_8 {
	--tw-rotate: calc(var(--rotate)*5)
}

.circle-title-inner1_6,
.circle-title-inner1_7,
.state2 .circle-title-inner1_7,
.state2 .circle-title-inner1_8,
.state3 .circle-title-inner1_8 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.circle-title-inner1_7,
.state2 .circle-title-inner1_8 {
	--tw-rotate: calc(var(--rotate)*6)
}

.circle-title-inner1_8 {
	--tw-rotate: calc(var(--rotate)*7);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cookie-arrow .arrow-down {
	height: 1.27em;
	transition-duration: .5s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-timing-function: cubic-bezier(.4, 0, 1, 1);
	width: 1.27em
}

@media (min-width:1024px) {
	.cookie-arrow .arrow-down {
		height: 1.15em;
		width: 1.15em
	}
}

.show-cookie-text .cookie-arrow .arrow-down {
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#cookie-popup.active {
	--tw-translate-y: 0% !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.block-cookies-screen.disabled {
	display: none !important
}

.forum-article:not(.block-cookies-screen.disabled):first-of-type,
.video-article:not(.block-cookies-screen.disabled):first-of-type {
	padding-top: 0 !important
}

.cookie-category.active .cookie-category-icon {
	background-image: url(/wp-content/themes/web3000theme/images/checkbox.svg) !important
}

.h1,
h1 {
	font-size: 1rem;
	line-height: 1.03;
	overflow-wrap: break-word
}

.h2,
h2 {
	line-height: 1;
	margin-bottom: .375rem
}

.h2,
.h3,
h2,
h3 {
	font-size: var(--h3-font-size);
	overflow-wrap: break-word
}

.h3,
h3 {
	line-height: 1.1
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	font-size: var(--small-font-size);
	overflow-wrap: break-word;
	text-transform: uppercase
}

body.page-template-page-scrolllogosTemplate h2 {
	font-size: var(--h2-font-size);
	font-weight: 700;
	line-height: 1;
	margin-bottom: .375rem;
	text-transform: uppercase
}

.text-columns-block h2 {
	font-size: var(--v4-mobile-sizeBody);
	margin-bottom: 0
}

@media (min-width:1024px) {
	.text-columns-block h2 {
		font-size: var(--v4-desktop-size24)
	}
}

.entry-content h3+p {
	margin-top: .75rem
}

@media (min-width:1024px) {
	.entry-content h3+p {
		margin-top: .125rem
	}
}

.entry-content h5+p,
.entry-content h6+p {
	padding-top: .1em
}

.entry-content p+h2,
.entry-content p+h3 {
	margin-bottom: .5rem;
	margin-top: 1.75rem
}

.entry-content p+h5 {
	margin-top: .875rem
}

@media (min-width:1024px) {
	.entry-content p+h5 {
		margin-top: -.25rem
	}
}

body.page-template-page-scrolllogosTemplate .entry-content p+h2 {
	margin-top: 2.25rem
}

.entry-content:not(.largetext-block) p {
	line-height: 1.4
}

.entry-content:not(.largetext-block) .text-column p {
	line-height: 1.2;
	margin-bottom: .25rem
}

blockquote {
	display: inline-block;
	font-style: italic;
	margin: .75rem auto;
	position: relative
}

blockquote p:after,
blockquote p:before {
	font-size: 1em
}

blockquote p:first-child:before {
	content: "“"
}

blockquote p:last-child:after {
	content: "”"
}

blockquote+p {
	margin-bottom: .625rem !important
}

.page-title {
	font-size: var(--v4-mobile-size24);
	padding-top: .25rem
}

@media (min-width:1024px) {
	.page-title {
		font-size: .95rem;
		margin-top: -.1em;
		padding-right: 1.25rem;
		padding-top: 0
	}
}

@media (max-width:1023px) {
	body.page-template-page-simpleTemplateV4 .page-title {
		text-align: center
	}
}

.entry-content ol,
.entry-content ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: .5rem;
	margin-left: 1rem
}

.entry-content ol {
	list-style-type: decimal
}

.entry-content ol li,
.entry-content p,
.entry-content ul li {
	margin-bottom: .5rem
}

.entry-content ol li:last-child,
.entry-content p:last-child,
.entry-content ul li:last-child {
	margin-bottom: 0
}

.largetext-block p {
	margin-bottom: 1rem
}

.largetext-block+.inner-text-block {
	margin-top: 1rem
}

.entry-content a {
	text-decoration-line: underline
}

@media (min-width:1024px) {
	@media (hover:hover) and (pointer:fine) {
		.entry-content a:hover {
			text-decoration-line: none
		}
	}
}

.entry-content a.heading-link {
	text-decoration-line: none;
	text-decoration: none;
	text-decoration-thickness: from-font;
	text-underline-offset: .07em
}

@media (min-width:1024px) {
	@media (hover:hover) and (pointer:fine) {
		.entry-content a.heading-link:hover {
			text-decoration-line: underline
		}
	}
}

.entry-content--textColor p {
	margin-bottom: 1.5rem
}

@media (min-width:1024px) {
	html.easy-mode .entry-content p {
		font-size: .55rem
	}
}

accordion-item-element accordion-item {
	--tw-border-opacity: 1;
	border-color: rgb(128 128 128/var(--tw-border-opacity));
	border-radius: .375rem;
	border-width: 1px;
	margin-bottom: 1rem;
	overflow: hidden
}

.start-image {
	filter: drop-shadow(1px -1px 4px #ff82ff)
}

.category-image-hover {
	transition-duration: .3s;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (hover:hover) and (pointer:fine) {
	.category-image-hover:hover {
		opacity: 1
	}
}

@media (hover:hover) {
	.category-image-hover {
		opacity: 0
	}
}

.video-slide {
	height: 100%;
	max-height: 100vh;
	width: 100%
}

body.single .award-video {
	display: none
}

.forum-article:not(body.single .award-video):first-of-type,
.video-article:not(body.single .award-video):first-of-type {
	padding-top: 0
}

.cat-btn:focus-visible,
.menu-item:focus-visible,
.swiper-button-next:focus-visible,
.swiper-button-prev:focus-visible,
a:focus-visible,
button:focus-visible,
label:focus-visible {
	outline: 2px solid blue;
	outline-offset: 0
}

.skip-to-content:focus-visible,
.skip-to-navigation:focus-visible {
	clip: unset;
	display: block;
	height: auto;
	left: .5rem;
	overflow: auto;
	position: absolute;
	top: 3rem;
	width: auto;
	z-index: 20
}

.embed-container {
	height: 0;
	margin-bottom: 2.5rem;
	max-width: 100%;
	min-height: 40vh;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative
}

@media (min-width:1024px) {
	.embed-container {
		min-height: 0
	}
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

body:not(.cookies-marketing) .embed-container {
	display: none
}

.forum-article:not(body:not(.cookies-marketing) .embed-container):first-of-type,
.video-article:not(body:not(.cookies-marketing) .embed-container):first-of-type {
	padding-top: 0
}

.responsive-container {
	height: 0;
	margin: 0 auto;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%
}

.responsive-container iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.no-underline {
	text-decoration: none !important
}

@media (max-width:767px) {
	body.page-template-page-awardTemplate .page-title {
		width: 50%
	}
}

.dropdown-filter {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 41
}

.cat-btn {
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	border-color: rgb(0 0 0/var(--tw-border-opacity));
	border-radius: 50%;
	border-width: 1px;
	display: block;
	font-size: var(--v4-mobile-size12);
	padding: .4em .7em .15em;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: -moz-fit-content;
	width: fit-content
}

@media (min-width:1024px) {
	.cat-btn {
		font-size: var(--v4-desktop-size16);
		padding: .5em 1.2em .25em
	}

	.hero-categories .cat-btn,
	.masonry-text .cat-btn {
		font-size: var(--v4-desktop-size12)
	}
}

.cat-btn--active,
.cat-btn[active] {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgb(0 0 0/var(--tw-bg-opacity));
	color: rgb(255 255 255/var(--tw-text-opacity));
	position: relative
}

.filter-panel .cat-btn[active],
.selected-awards-filter-tags .cat-btn[active] {
	margin-left: .375rem;
	margin-top: .25rem
}

@media (min-width:1024px) {

	.filter-panel .cat-btn[active],
	.selected-awards-filter-tags .cat-btn[active] {
		margin-left: .25rem;
		margin-top: .125rem
	}
}

.filter-panel .post-categories .cat-btn:not([active]):not(:hover),
.hero-categories .cat-btn {
	background-color: transparent
}

.filter-panel .post-categories .cat-btn,
.filter-panel .post-categories .cat-btn[active],
.hero-categories .cat-btn,
.masonry-text .cat-btn {
	margin: 0 .375rem .25rem 0
}

@media (min-width:1024px) {

	.filter-panel .post-categories .cat-btn,
	.filter-panel .post-categories .cat-btn[active],
	.hero-categories .cat-btn,
	.masonry-text .cat-btn {
		margin-bottom: .125rem;
		margin-right: .25rem
	}
}

.post-categories.show-cat-btns .cat-btn {
	display: block !important
}

.cat-btn--active:before,
.cat-btn[active]:before {
	--tw-bg-opacity: 1;
	--tw-content: "×";
	--tw-text-opacity: 1;
	align-items: center;
	background-color: rgb(184 184 184/var(--tw-bg-opacity));
	border-radius: 50%;
	color: rgb(0 0 0/var(--tw-text-opacity));
	content: var(--tw-content);
	display: flex;
	font-size: 140%;
	height: .75rem;
	justify-content: center;
	padding: .05rem .02rem 0;
	position: absolute;
	right: -.25rem;
	top: -.125rem;
	width: .75rem
}

@media (min-width:1024px) {

	.cat-btn--active:before,
	.cat-btn[active]:before {
		font-size: 120%;
		height: .5rem;
		right: -.125rem;
		width: .5rem
	}
}

.cat-btn.year-button {
	cursor: pointer;
	width: 100%
}

.cat-btn:not(.filter-dropdown-name) {
	transition-duration: .3s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (hover:hover) and (pointer:fine) {
	.cat-btn:not(.filter-dropdown-name):hover {
		--tw-border-opacity: 1;
		--tw-bg-opacity: 1;
		--tw-text-opacity: 1;
		background-color: rgb(0 0 0/var(--tw-bg-opacity));
		border-color: rgb(0 0 0/var(--tw-border-opacity));
		color: rgb(255 255 255/var(--tw-text-opacity))
	}
}

.dropdown-filter .cat-btn:not(.filter-dropdown-name):not(.year-button--filter-selected):not(.year-button--filter-dropdow) {
	display: none;
	text-decoration-line: none;
	text-decoration: none
}

.forum-article:not(.dropdown-filter .cat-btn:not(.filter-dropdown-name):not(.year-button--filter-selected):not(.year-button--filter-dropdow)):first-of-type,
.video-article:not(.dropdown-filter .cat-btn:not(.filter-dropdown-name):not(.year-button--filter-selected):not(.year-button--filter-dropdow)):first-of-type {
	padding-top: 0
}

.dropdown-filter:focus .cat-btn {
	display: block
}

.dropdown-filter:focus+.selected-year-container {
	display: none
}

.forum-article:not(.dropdown-filter:focus+.selected-year-container):first-of-type,
.video-article:not(.dropdown-filter:focus+.selected-year-container):first-of-type {
	padding-top: 0
}

@media (hover:none) {
	.dropdown-filter.active .cat-btn {
		display: block
	}

	.dropdown-filter.active .selected-year-container {
		display: none
	}

	.forum-article:not(.dropdown-filter.active .selected-year-container):first-of-type,
	.video-article:not(.dropdown-filter.active .selected-year-container):first-of-type {
		padding-top: 0
	}
}

@media (hover:hover) {

	.dropdown-filter:hover .cat-btn,
	.filter-dropdown-name:focus+.post-categories .cat-btn {
		display: block !important
	}

	.dropdown-filter:hover .selected-year-container {
		display: none
	}

	.forum-article:not(.dropdown-filter:hover .selected-year-container):first-of-type,
	.video-article:not(.dropdown-filter:hover .selected-year-container):first-of-type {
		padding-top: 0
	}
}

award-category-button-element[active] {
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgb(0 0 0/var(--tw-bg-opacity));
	border-color: rgb(0 0 0/var(--tw-border-opacity));
	border-width: 1px;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:1024px) {
	.selected-awards-filter-tags award-category-button-element {
		min-width: 5.735em
	}
}

.filter-panel {
	--tw-translate-x: 100%;
	bottom: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transition-duration: .3s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	width: 100%;
	z-index: 52
}

@media (min-width:1024px) {
	.filter-panel {
		width: 10.5rem
	}
}

.filter-panel {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4))
}

.filter-panel.open {
	--tw-translate-x: 0px;
	pointer-events: auto;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.selected-awards-filter-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: .25rem;
	position: absolute;
	right: 0;
	width: 100vw;
	z-index: 2
}

@media (min-width:1024px) {
	.selected-awards-filter-tags {
		justify-content: flex-end;
		margin-top: 0;
		width: 50vw
	}
}

.dropdown-open .selected-awards-filter-tags {
	opacity: .2
}

.selected-awards-filter-tags award-category-button-element {
	display: block;
	text-align: center;
	width: -moz-fit-content;
	width: fit-content
}

.filter-panel-toggle:hover svg {
	--tw-invert: invert(100%);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

masonry-element .post-categories {
	display: none
}

.forum-article:not(masonry-element .post-categories):first-of-type,
.video-article:not(masonry-element .post-categories):first-of-type {
	padding-top: 0
}

.forum-media-container {
	height: calc(1.5rem + var(--forum-teaser-height));
	overflow-x: auto;
	position: relative
}

@media (min-width:1024px) {
	.forum-media-container {
		height: calc(.75rem + var(--forum-teaser-height))
	}
}

html.easy-mode .forum-media-container {
	height: auto;
	overflow-x: unset
}

html.easy-mode .forum-articles-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr))
}

html.easy-mode .forum-articles-wrapper {
	border-radius: 30px;
	display: grid;
	grid-column: span 12/span 12;
	grid-template-columns: subgrid;
	margin-bottom: 3rem;
	padding-left: 0;
	padding-top: 1.25rem
}

@media (min-width:1024px) {
	html.easy-mode .forum-articles-wrapper {
		--tw-border-opacity: 1;
		border-color: rgb(0 0 0/var(--tw-border-opacity));
		border-width: 1px;
		grid-column: span 10/span 10;
		grid-column-start: 2
	}
}

html.easy-mode .forum-articles-wrapper {
	box-shadow: none;
	display: block;
	height: auto !important
}

@media (min-width:1024px) {
	forum-slideshow-element {
		min-height: var(--forum-teaser-height)
	}
}

html.easy-mode forum-slideshow-element {
	min-height: 0
}

html.easy-mode .forum-article {
	--tw-border-opacity: 1;
	border-bottom-width: .5px;
	border-color: rgb(226 226 226/var(--tw-border-opacity));
	display: flex;
	flex-direction: column;
	height: auto
}

html.easy-mode .forum-article:last-child {
	border-bottom-width: 0;
	padding-bottom: .5rem
}

@media (max-width:1023px) {
	html.easy-mode .forum-article {
		padding-bottom: 2rem;
		padding-top: 1.75rem
	}

	html.easy-mode .forum-article:first-child {
		padding-top: .5rem
	}
}

html.easy-mode .forum-article {
	position: static !important;
	transform: none !important
}

html.easy-mode .forum-article-inner-wrapper {
	display: block
}

@media (min-width:1024px) {
	html.easy-mode .forum-article-inner-wrapper {
		padding-left: 20%;
		padding-right: 20%
	}
}

html.easy-mode .forum-media-wrapper {
	display: grid;
	min-width: 100%;
	position: static;
	row-gap: 1rem
}

@media (min-width:1024px) {
	html.easy-mode .forum-media-wrapper {
		padding-right: 0
	}
}

html.easy-mode .forum-media-wrapper img {
	max-width: 100% !important
}

html.easy-mode .forum-button-next,
html.easy-mode .forum-button-prev {
	display: none
}

.forum-article:not(html.easy-mode .forum-button-next):first-of-type,
.forum-article:not(html.easy-mode .forum-button-prev):first-of-type,
.video-article:not(html.easy-mode .forum-button-next):first-of-type,
.video-article:not(html.easy-mode .forum-button-prev):first-of-type {
	padding-top: 0
}

.forum-article-title {
	margin-bottom: .25rem
}

@media (hover:hover) and (pointer:fine) {
	.forum-article-title a:hover {
		text-decoration-line: underline
	}
}

html.easy-mode .forum-article-title {
	width: 100%
}

@media (min-width:1024px) {
	html.easy-mode .forum-article-title {
		font-size: var(--v4-desktop-size32);
		text-align: center
	}
}

.forum-article-gradient {
	background: linear-gradient(90deg, #fff 34%, hsla(0, 0%, 100%, 0))
}

.forum-article-intro:after {
	--tw-content: "";
	background: linear-gradient(90deg, #fff 34%, hsla(0, 0%, 100%, 0));
	content: var(--tw-content);
	display: none;
	height: 100%;
	left: 100%;
	position: absolute;
	top: 0;
	width: 1.11rem;
	z-index: 10
}

html.easy-mode .forum-article-intro:after {
	display: none
}

.forum-article:not(.forum-article-intro):first-of-type:after,
.forum-article:not(html.easy-mode .forum-article-intro):first-of-type:after,
.video-article:not(.forum-article-intro):first-of-type:after,
.video-article:not(html.easy-mode .forum-article-intro):first-of-type:after {
	padding-top: 0
}

@media (min-width:1024px) {
	.forum-article-intro:after {
		display: block
	}
}

.forum-article-intro-content {
	padding-bottom: .25rem
}

html.easy-mode .forum-article-gradient {
	display: none
}

.forum-article:not(html.easy-mode .forum-article-gradient):first-of-type,
.video-article:not(html.easy-mode .forum-article-gradient):first-of-type {
	padding-top: 0
}

html.easy-mode .forum-article-media-helper {
	display: none
}

.forum-article:not(html.easy-mode .forum-article-media-helper):first-of-type,
.video-article:not(html.easy-mode .forum-article-media-helper):first-of-type {
	padding-top: 0
}

html.easy-mode .forum-article-intro-gradient {
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	background-image: none;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	padding: 0
}

.hamburger-span {
	transition-duration: .3s
}

body.menu-white .hamburger-span {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

body.menu-pink .hamburger-span {
	background-color: var(--color-pink)
}

.easy-mode hamburger-element .hamburger-span,
hamburger-element.active .hamburger-span {
	background-color: currentColor !important
}

@media (min-width:1024px) {
	.bold-questions-smaller {
		font-size: var(--v4-desktop-sizeBody)
	}
}

.bold-questions-smaller b,
.bold-questions-smaller strong,
.interview-block--Interviewer .interview-text {
	display: inline-block;
	line-height: 1.2
}

@media (min-width:1024px) {

	.bold-questions-smaller b,
	.bold-questions-smaller strong,
	.interview-block--Interviewer .interview-text {
		font-size: var(--v4-desktop-size16);
		margin-top: -.05em
	}
}

.interview-block {
	margin-top: 1.25rem
}

@media (min-width:1024px) {
	.interview-block {
		margin-top: .75rem
	}
}

.interview-name {
	font-weight: 700;
	word-break: break-word
}

.interview-block--Interviewer {
	font-weight: 700;
	margin-top: 1.75rem
}

@media (min-width:1024px) {
	.interview-block--Interviewer {
		margin-top: 1.25rem
	}
}

.marquee-container {
	--tw-bg-opacity: 1;
	align-self: center;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	box-sizing: border-box;
	margin-top: calc(var(--wrap)*1.5);
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	width: 100%
}

@media (min-width:1024px) {
	.marquee-container {
		border-radius: 10px;
		margin-bottom: var(--menuwrap);
		margin-left: var(--menuwrap);
		margin-top: auto;
		width: calc(40vw - .55rem)
	}

	html.easy-mode .marquee-container {
		width: 44vw
	}
}

@media (max-width:1023px) {
	html.easy-mode .marquee-container:after {
		content: var(--tw-content);
		display: none
	}
}

.marquee-container:after {
	bottom: 0;
	box-shadow: inset -30.61px 0 28.85px 0 #ff82ff;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.marquee {
	display: inline-block;
	padding: .43em 0 .3em;
	white-space: nowrap;
	width: 100%
}

@media (min-width:1024px) {
	.marquee {
		padding: .75em 0 .4em
	}
}

.marquee {
	transform: translateZ(0);
	will-change: transform
}

.marquee :where(strong, b) {
	--tw-text-opacity: 1;
	color: rgb(63 31 204/var(--tw-text-opacity));
	font-weight: 400
}

.announcements-easy {
	padding: .375rem .375rem .25rem
}

.announcements-easy:last-child {
	padding-bottom: 0
}

@media (max-width:1023px) {
	.announcements-easy {
		background-color: var(--color-pink-light);
		border-bottom-width: 1px;
		border-top-width: 1px;
		padding-bottom: 1.25rem;
		padding-top: 1.25rem
	}

	.announcements-easy div:last-child,
	.announcements-easy p:last-child {
		margin-bottom: 1rem
	}
}

header {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

header.show-menu {
	--tw-translate-y: 0px !important;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.header--secondary {
	--tw-bg-opacity: 1 !important;
	background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
	position: static !important
}

html:not(.easy-mode) :where(body.page-template-page-categoriesTemplate, body.page-template-page-frontTeaser, body.page-template-default.home) header {
	background-color: transparent !important
}

@media (min-width:1024px) {
	body.home header {
		padding-top: 0
	}
}

body.home .logo-wrap,
body.page-template-default.home header .page-title {
	display: none
}

.forum-article:not(body.home .logo-wrap):first-of-type,
.forum-article:not(body.page-template-default.home header .page-title):first-of-type,
.video-article:not(body.home .logo-wrap):first-of-type,
.video-article:not(body.page-template-default.home header .page-title):first-of-type {
	padding-top: 0
}

.inner-header,
header {
	transition-duration: .5s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (max-width:1023px) {
	html:not(.easy-mode) body:where(.single, .page-template-page-aboutTemplate) .header--primary {
		--tw-translate-x: -50%;
		left: 50%;
		position: fixed;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		z-index: 1
	}

	body:where(.single, .page-template-page-aboutTemplate, .page, .single) .header--primary {
		transition-duration: 0s
	}
}

.logo-wrap a {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	max-width: 19rem;
	width: 54vmin
}

@media (min-width:768px) {
	.logo-wrap a {
		width: 30vw
	}
}

@media (min-width:1024px) {
	.logo-wrap a {
		transition-duration: .3s;
		transition-property: width;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		width: 20.2vw
	}
}

.logo-black {
	display: none
}

.forum-article:not(.logo-black):first-of-type,
.video-article:not(.logo-black):first-of-type {
	padding-top: 0
}

:where(.easy-mode) .logo-pink {
	display: none
}

.forum-article:not(:where(.easy-mode) .logo-pink):first-of-type,
.video-article:not(:where(.easy-mode) .logo-pink):first-of-type {
	padding-top: 0
}

:where(.easy-mode) .logo-black {
	display: block
}

.hamburger {
	margin-left: auto !important;
	right: 0 !important
}

@media (min-width:1024px) {
	.hamburger {
		padding-top: 0 !important
	}
}

.nav-mobile {
	-ms-overflow-style: none;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	bottom: 0;
	left: 0;
	line-height: 1;
	opacity: 0;
	overflow: -moz-scrollbars-none;
	overscroll-behavior: contain;
	pointer-events: none;
	position: fixed;
	scrollbar-width: none;
	transition-duration: .3s;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	visibility: hidden;
	width: 100%;
	z-index: 40
}

.nav-mobile::-webkit-scrollbar {
	display: none
}

.nav-mobile {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(90deg, hsla(0, 0%, 53%, .2), hsla(0, 0%, 53%, .2))
}

html.easy-mode .nav-mobile {
	background: #fff
}

.nav-mobile-inner {
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	scrollbar-width: none
}

.nav-mobile-inner::-webkit-scrollbar {
	display: none
}

@media (max-width:1023px) {
	html.easy-mode .nav-mobile {
		background-color: var(--color-pink-light)
	}
}

body.show-menu .nav-mobile,
body.show-menu--start .nav-mobile {
	padding-bottom: calc(var(--wrap)*.1);
	position: sticky;
	visibility: visible
}

.nav-mobile.show,
body.show-menu--start .nav-mobile {
	opacity: 1;
	pointer-events: auto
}

@media (min-width:1024px) {
	.nav-mobile.show--start {
		opacity: 1;
		pointer-events: auto
	}
}

.main-menu {
	padding-top: 1.5rem
}

@media (min-width:1024px) {
	.main-menu {
		padding-top: .45rem
	}
}

.main-menu .menu-item {
	border-radius: 12px;
	height: 23rem;
	position: relative;
	width: 65vmin
}

@media (min-width:768px) {
	.main-menu .menu-item {
		width: 20rem
	}
}

@media (min-width:1024px) {
	.main-menu .menu-item {
		height: 26vw;
		width: 20%
	}
}

.main-menu .menu-item:not(:has(a:focus-visible)) {
	overflow: hidden
}

.main-menu .menu-item a {
	display: block;
	min-height: calc(100% - 4px)
}

.main-menu .menu-item-title {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	display: block;
	font-size: var(--v4-mobile-size24);
	left: 0;
	overflow: hidden;
	padding: .75rem .5rem 2.5rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20
}

@media (min-width:1024px) {
	.main-menu .menu-item-title {
		font-size: var(--body-font-size);
		padding-left: .25rem;
		padding-right: .25rem;
		padding-top: .25rem
	}
}

.main-menu .menu-item-title {
	background: linear-gradient(180deg, #ff82ff 17%, rgba(255, 130, 255, 0))
}

.main-menu .menu-item :where(video, img) {
	border-radius: 12px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	padding-top: 2px;
	transform: translateZ(0);
	width: 100%;
	z-index: 10
}

@media (max-width:1023px) {
	.main-menu .menu-item {
		flex: 1 0 auto
	}

	html.easy-mode .main-menu ul {
		flex-direction: column;
		justify-content: center
	}

	html.easy-mode .main-menu .menu-item {
		border: 1px solid #000;
		border-radius: 50%;
		height: auto;
		margin: 0 auto;
		width: -moz-fit-content;
		width: fit-content
	}

	html.easy-mode .main-menu .menu-item-title {
		padding: .5em 1em .3em;
		position: static
	}
}

@media (min-width:1024px) {
	html.easy-mode .main-menu .menu-item {
		background: linear-gradient(180deg, #fff, #ff82ff)
	}
}

.menu-buttons {
	align-items: center;
	-moz-column-gap: var(--menuwrap);
	column-gap: var(--menuwrap);
	display: flex;
	justify-content: space-between;
	margin-bottom: calc(var(--wrap)*1.5);
	margin-top: calc(var(--wrap)*1.5);
	padding-left: var(--wrap);
	padding-right: var(--wrap)
}

@media (min-width:1024px) {
	.menu-buttons {
		margin-bottom: var(--menuwrap);
		margin-top: calc(var(--wrap)*1.15);
		padding-left: var(--menuwrap);
		padding-right: var(--menuwrap)
	}
}

html.easy-mode .menu-buttons {
	align-items: flex-end;
	width: 100%
}

@media (max-width:1023px) {
	html.easy-mode .menu-buttons {
		background-color: var(--color-pink-light);
		flex-direction: column;
		margin-bottom: var(--wrap);
		margin-top: var(--wrap);
		padding-left: 0;
		padding-right: 0
	}
}

html.easy-mode .main-menu .menu-item :where(video, img) {
	display: none
}

.forum-article:not(html.easy-mode .main-menu .menu-item :where(video, img)):first-of-type,
.video-article:not(html.easy-mode .main-menu .menu-item :where(video, img)):first-of-type {
	padding-top: 0
}

html.easy-mode .main-menu .menu-item-title {
	background: transparent;
	height: 100%
}

@media (max-width:1023px) {
	html.easy-mode .menu-buttons .v4cta-btn {
		--tw-bg-opacity: 1;
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		background-color: rgb(255 255 255/var(--tw-bg-opacity));
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}
}

.empty-link>a {
	cursor: default
}

.sub-menu {
	display: flex;
	font-size: var(--small-font-size);
	font-weight: 400;
	padding-bottom: .75rem;
	padding-left: 1.25rem;
	padding-top: .3rem
}

@media (min-width:1024px) {
	.sub-menu {
		padding-left: .25rem
	}
}

.sub-menu .footer-links,
.sub-menu li {
	width: 17em
}

@media (hover:hover) and (pointer:fine) {
	.sub-menu li a:hover {
		text-decoration-line: underline
	}
}

html:not(.easy-mode) .menu-close {
	--tw-translate-x: -50%;
	cursor: default;
	display: flex;
	justify-content: center;
	left: 50%;
	position: absolute;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:1024px) {
	html:not(.easy-mode) .menu-close {
		width: 20vw
	}
}

html:not(.easy-mode) .menu-close svg {
	cursor: pointer
}

@media (min-width:1024px) {
	html:not(.easy-mode) .menu-close svg {
		background: linear-gradient(90deg, hsla(43, 25%, 83%, .7), hsla(43, 25%, 83%, .7));
		border-radius: 10px;
		height: 1rem;
		padding: .27rem;
		width: 1rem
	}
}

html.easy-mode .menu-close {
	bottom: var(--wrap);
	left: var(--wrap);
	margin-bottom: 0
}

@media (max-width:1023px) {
	html.easy-mode .menu-close {
		position: absolute
	}
}

.breadcrumb {
	cursor: pointer;
	display: block;
	font-size: var(--small-font-size);
	text-transform: uppercase;
	width: -moz-fit-content;
	width: fit-content
}

@media (hover:hover) and (pointer:fine) {
	.breadcrumb:hover {
		color: var(--color-pink)
	}
}

.breadcrumb.active {
	color: var(--color-pink)
}

.footer-nav li {
	margin-bottom: 1rem;
	margin-top: 1rem
}

@media (min-width:1024px) {
	.footer-nav li {
		margin: 0 auto
	}

	.footer-nav li:first-child {
		margin-left: 0
	}

	.footer-nav li:last-child {
		margin-right: 0
	}
}

.footer-nav li.wpml-ls-item-en {
	display: inline-block;
	margin-right: 0
}

pb-[\31\.2rem] mb-4 .footer-items li.hide-in-menu {
	display: none
}

.forum-article:not(pb-[\31\.2rem] mb-4 .footer-items li.hide-in-menu):first-of-type,
.video-article:not(pb-[\31\.2rem] mb-4 .footer-items li.hide-in-menu):first-of-type {
	padding-top: 0
}

@media (max-width:1023px) {
	.wpml-ls-item {
		display: none !important
	}
}

.footer-nav li.wpml-ls-item-de {
	margin-left: 0;
	margin-right: auto
}

@media (hover:hover) and (pointer:fine) {
	.footer-nav a:hover {
		text-decoration-line: underline
	}
}

#footer-mobile-menu {
	width: -moz-fit-content;
	width: fit-content
}

@media (min-width:1024px) {
	#footer-mobile-menu {
		padding-top: 1rem
	}
}

#footer-mobile-menu li {
	margin-bottom: .5rem;
	width: 100%
}

#footer-mobile-menu li a {
	width: -moz-fit-content;
	width: fit-content
}

#footer-mobile-menu li.wpml-ls-item-de,
#footer-mobile-menu li.wpml-ls-item-en {
	display: inline-block;
	margin-bottom: 1.75rem;
	width: -moz-fit-content;
	width: fit-content
}

#footer-mobile-menu li.wpml-ls-item-de {
	margin-left: -.3em
}

.section-footer {
	position: sticky
}

li.wpml-ls-item {
	display: none
}

.forum-article:not(li.wpml-ls-item):first-of-type,
.video-article:not(li.wpml-ls-item):first-of-type {
	padding-top: 0
}

.nav-buttons--desktop {
	align-items: center;
	bottom: 1rem;
	display: flex;
	left: var(--wrap);
	padding-bottom: env(safe-area-inset-bottom);
	position: fixed
}

@media (min-width:1024px) {
	.nav-buttons--desktop {
		bottom: .5rem
	}
}

.hamburger-bar {
	align-items: center;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	bottom: 0;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 2.3rem;
	justify-content: center;
	position: fixed;
	transition-duration: .2s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	width: 100%;
	z-index: 50
}

@media (min-width:1024px) {
	.hamburger-bar {
		font-size: var(--v4-desktop-size16);
		height: 1.3rem
	}
}

.hamburger-bar {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(90deg, hsla(43, 25%, 83%, .7), hsla(43, 25%, 83%, .7))
}

html.easy-mode .hamburger-bar {
	flex-direction: row;
	height: 3.3rem;
	justify-content: space-between
}

@media (min-width:1024px) {
	html.easy-mode .hamburger-bar {
		height: 1.5rem
	}
}

html.easy-mode .hamburger-bar {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: #fff
}

body.show-menu .hamburger-bar,
body.show-menu--start .hamburger-bar {
	--tw-translate-y: 110%;
	pointer-events: none;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu-button {
	position: relative;
	top: .15rem;
	width: calc(var(--hamburgerWidth)*1.25)
}

@media (min-width:1024px) {
	.menu-button {
		top: .05rem
	}
}

html.easy-mode .menu-button {
	left: var(--wrap);
	margin-left: 0;
	top: 0
}

@media (min-width:1024px) {
	.menu-bottom {
		display: flex;
		font-size: var(--v4-desktop-size16);
		justify-content: space-between;
		margin-top: var(--wrap)
	}
}

html.easy-mode .menu-bottom {
	align-items: flex-end;
	margin-top: -.75rem
}

@media (min-width:1024px) {
	html.easy-mode .menu-bottom {
		margin-top: .5rem
	}
}

html.easy-mode .nav-buttons {
	padding-top: var(--wrap)
}

@media (min-width:1024px) {
	html.easy-mode .nav-buttons {
		display: none
	}
}

@media (max-width:1023px) {
	html.easy-mode .nav-buttons {
		padding-right: var(--wrap);
		padding-top: calc(var(--wrap)*1.5)
	}
}

.breadcrumbs-wrapper {
	margin-bottom: .25rem;
	margin-top: .25rem
}

@media (min-width:1024px) {
	.breadcrumbs-wrapper {
		margin-bottom: .375rem
	}
}

.breadcrumbs-wrapper+.breadcrumbs-wrapper {
	margin-top: .875rem
}

@media (min-width:1024px) {
	.breadcrumbs-wrapper+.breadcrumbs-wrapper {
		margin-top: .25rem
	}
}

.start-new-section:first-child .single-content>section:first-child .single-block-about>div>div:first-child>.breadcrumbs li:first-child a,
.start-new-section:nth-child(2) .single-content>section:first-child .single-block-about>div>div:first-child>.breadcrumbs li:nth-child(2) a,
.start-new-section:nth-child(3) .single-content>section:first-child .single-block-about>div>div:first-child>.breadcrumbs li:nth-child(3) a,
.start-new-section:nth-child(4) .single-content>section:first-child .single-block-about>div>div:first-child>.breadcrumbs li:nth-child(4) a {
	font-weight: 700;
	opacity: 1;
	text-decoration-line: underline
}

.phase-label {
	padding: var(--wrap);
	z-index: 30
}

@media (min-width:1024px) {
	.phase-label {
		--tw-translate-x: -100%;
		--tw-rotate: -90deg;
		font-size: 10.2vh !important;
		left: 33.333333%;
		margin-top: -.09rem;
		position: absolute;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transform-origin: top right
	}
}

.phase-content {
	display: none;
	flex: 1 1 0%;
	flex-direction: column;
	opacity: 0;
	transition-duration: .3s;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.forum-article:not(.phase-content):first-of-type,
.video-article:not(.phase-content):first-of-type {
	padding-top: 0
}

@media (min-width:1024px) {
	.phase-content {
		flex-direction: row
	}
}

.phase-content.active {
	display: flex;
	opacity: 1
}

.phase-content.next {
	opacity: 0
}

.phase-graph-wrapper {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	padding-bottom: var(--wrap);
	position: relative;
	z-index: 20
}

@media (min-width:1024px) {
	.phase-graph-wrapper {
		order: 2;
		width: 66.666667%
	}
}

.phase-graph {
	padding-left: .25rem;
	padding-right: .25rem;
	position: relative
}

@media (min-width:1024px) {
	.phase-graph {
		--tw-translate-x: -50%;
		left: 55%;
		max-width: 80vh;
		top: var(--wrap);
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		width: 85%
	}
}

.phase-graph img {
	width: 100%
}

@keyframes bounce {
	25% {
		transform: translate(-50%, -50%) scale(calc(var(--s, 1) + .2))
	}

	50% {
		transform: translate(-50%, -50%) scale(calc(var(--s, 1)))
	}

	75% {
		transform: translate(-50%, -50%) scale(calc(var(--s, 1) + .2))
	}

	to {
		transform: translate(-50%, -50%) scale(var(--s, 1))
	}
}

.phase-item {
	--tw-translate-x: -50%;
	--tw-translate-y: -50%;
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 9999px;
	display: flex;
	font-size: .328rem;
	font-weight: 700;
	height: 13.37vw;
	justify-content: center;
	left: 50%;
	padding-top: .2em;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transition-duration: .15s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	width: 13.37vw
}

@media (min-width:1024px) {
	.phase-item {
		font-size: 1.12vh;
		height: 13.6%;
		width: 13.6%
	}
}

.phase-item {
	--s: 1
}

.phase-item:focus,
.phase-item:hover {
	animation: bounce .7s;
	animation-timing-function: linear;
	cursor: pointer
}

.phase1-item {
	background-color: var(--color-purple)
}

.phase2-item {
	background-color: var(--color-pink);
	height: 14.2vw;
	width: 14.2vw
}

@media (min-width:1024px) {
	.phase2-item {
		height: 14%;
		width: 14%
	}
}

.phase3-item {
	--tw-text-opacity: 1;
	background-color: var(--color-blue);
	color: rgb(255 255 255/var(--tw-text-opacity));
	height: 18.5vw;
	padding-top: .1rem;
	width: 18.5vw
}

@media (min-width:1024px) {
	.phase3-item {
		height: 18%;
		width: 18%
	}
}

.phase-texts {
	flex: 1 1 0%;
	margin-top: 1.25rem;
	overflow: hidden;
	position: relative;
	z-index: 10
}

@media (min-width:1024px) {
	.phase-texts {
		margin-top: 0;
		min-height: calc(100vh - var(--header-height));
		order: 1;
		width: 33.333333%
	}

	.phase-texts--sticky {
		height: -moz-fit-content;
		height: fit-content;
		position: sticky;
		top: 0
	}
}

.phase-text {
	display: none;
	padding: var(--wrap);
	padding-bottom: 1.5rem;
	transition-duration: .7s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	width: 100%
}

.forum-article:not(.phase-text):first-of-type,
.video-article:not(.phase-text):first-of-type {
	padding-top: 0
}

@media (min-width:1024px) {
	.phase-text {
		--tw-translate-x: 100%;
		display: block;
		height: calc(100vh - var(--header-height));
		overflow-y: auto;
		padding-top: calc(var(--wrap)*.8);
		position: absolute;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
}

.phase-text.active {
	display: block
}

@media (min-width:1024px) {
	.phase-text.active {
		--tw-translate-x: 0px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
}

.phase-text.next {
	display: block;
	transition-duration: 0s
}

@media (min-width:1024px) {
	.phase-text.next {
		--tw-translate-x: -100%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.phase-text h5 {
		padding-right: 2rem
	}
}

.phase1-item:nth-child(2) {
	left: 50.02%;
	top: 13.03%
}

.phase1-item:nth-child(3) {
	left: 76.1%;
	top: 24.1%
}

.phase1-item:nth-child(4) {
	left: 86.8%;
	top: 51%
}

.phase1-item:nth-child(5) {
	left: 76.1%;
	top: 77.7%
}

.phase1-item:nth-child(6) {
	left: 50.02%;
	top: 88.8%
}

.phase1-item:nth-child(7) {
	left: 24%;
	top: 77.7%
}

.phase1-item:nth-child(8) {
	left: 13.25%;
	top: 51%
}

.phase1-item:nth-child(9) {
	left: 24%;
	top: 24.1%
}

.phase2-item:nth-child(2) {
	left: 49.88%;
	top: 14.51%
}

.phase2-item:nth-child(3) {
	left: 82.6%;
	top: 38.82%
}

.phase2-item:nth-child(4) {
	left: 70.2%;
	top: 78.8%
}

.phase2-item:nth-child(5) {
	left: 29.44%;
	top: 78.8%
}

.phase2-item:nth-child(6) {
	left: 17.15%;
	top: 38.82%
}

.phase3-item:nth-child(2) {
	left: 50.2%;
	top: 11.51%
}

.phase3-item:nth-child(3) {
	left: 82.32%;
	top: 30.65%
}

.phase3-item:nth-child(4) {
	left: 82.3%;
	top: 69.57%
}

.phase3-item:nth-child(5) {
	left: 49.94%;
	top: 88.6%
}

.phase3-item:nth-child(6) {
	left: 17.65%;
	top: 69.45%
}

.phase3-item:nth-child(7) {
	left: 17.83%;
	top: 30.59%
}

@keyframes plyr-progress {
	to {
		background-position: 25px 0;
		background-position: var(--plyr-progress-loading-size, 25px) 0
	}
}

@keyframes plyr-popup {
	0% {
		opacity: .5;
		transform: translateY(10px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes plyr-fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.plyr {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	align-items: center;
	direction: ltr;
	display: flex;
	flex-direction: column;
	font-family: inherit;
	font-family: var(--plyr-font-family, inherit);
	font-variant-numeric: tabular-nums;
	font-weight: 400;
	font-weight: var(--plyr-font-weight-regular, 400);
	line-height: 1.7;
	line-height: var(--plyr-line-height, 1.7);
	max-width: 100%;
	min-width: 200px;
	position: relative;
	text-shadow: none;
	transition: box-shadow .3s ease;
	z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
	display: block;
	height: 100%;
	width: 100%
}

.plyr button {
	font: inherit;
	line-height: inherit;
	width: auto
}

.plyr--full-ui {
	box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
	box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
	touch-action: manipulation
}

.plyr__badge {
	background: #4a5464;
	background: var(--plyr-badge-background, #4a5464);
	border-radius: 2px;
	border-radius: var(--plyr-badge-border-radius, 2px);
	color: #fff;
	color: var(--plyr-badge-text-color, #fff);
	font-size: 9px;
	font-size: var(--plyr-font-size-badge, 9px);
	line-height: 1;
	padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
	display: none
}

.plyr__captions {
	animation: plyr-fade-in .3s ease;
	bottom: 0;
	display: none;
	font-size: 13px;
	font-size: var(--plyr-font-size-small, 13px);
	left: 0;
	padding: 10px;
	padding: var(--plyr-control-spacing, 10px);
	position: absolute;
	text-align: center;
	transition: transform .4s ease-in-out;
	width: 100%
}

.plyr__captions span:empty {
	display: none
}

@media (min-width:480px) {
	.plyr__captions {
		font-size: 15px;
		font-size: var(--plyr-font-size-base, 15px);
		padding: 20px;
		padding: calc(var(--plyr-control-spacing, 10px)*2)
	}
}

@media (min-width:768px) {
	.plyr__captions {
		font-size: 18px;
		font-size: var(--plyr-font-size-large, 18px)
	}
}

.plyr--captions-active .plyr__captions {
	display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
	transform: translateY(-40px);
	transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
	background: #000c;
	background: var(--plyr-captions-background, #000c);
	border-radius: 2px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	color: #fff;
	color: var(--plyr-captions-text-color, #fff);
	line-height: 185%;
	padding: .2em .5em;
	white-space: pre-wrap
}

.plyr__caption div {
	display: inline
}

.plyr__control {
	background: #0000;
	border: 0;
	border-radius: 4px;
	border-radius: var(--plyr-control-radius, 4px);
	color: inherit;
	cursor: pointer;
	flex-shrink: 0;
	overflow: visible;
	padding: 7px;
	padding: calc(var(--plyr-control-spacing, 10px)*.7);
	position: relative;
	transition: all .3s ease
}

.plyr__control svg {
	fill: currentColor;
	display: block;
	height: 18px;
	height: var(--plyr-control-icon-size, 18px);
	pointer-events: none;
	width: 18px;
	width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus-visible {
	outline: 2px solid blue;
	outline-offset: 2px
}

a.plyr__control {
	text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
	display: none
}

.plyr--full-ui ::-webkit-media-controls {
	display: none
}

.plyr__controls {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	text-align: center
}

.plyr__controls .plyr__progress__container {
	flex: 1;
	min-width: 0
}

.plyr__controls .plyr__controls__item {
	margin-left: 2.5px;
	margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
	margin-left: 0;
	margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
	padding-left: 2.5px;
	padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
	padding: 0 5px;
	padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
	padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
	display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
	display: inline-block
}

.plyr__menu {
	display: flex;
	display: none;
	position: relative
}

.plyr__menu .plyr__control svg {
	transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
	transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
	display: none
}

.plyr__menu__container {
	animation: plyr-popup .2s ease;
	background: #ffffffe6;
	background: var(--plyr-menu-background, #ffffffe6);
	border-radius: 8px;
	border-radius: var(--plyr-menu-radius, 8px);
	bottom: 100%;
	box-shadow: 0 1px 2px #00000026;
	box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
	color: #4a5464;
	color: var(--plyr-menu-color, #4a5464);
	font-size: 15px;
	font-size: var(--plyr-font-size-base, 15px);
	margin-bottom: 10px;
	position: absolute;
	right: -3px;
	text-align: left;
	white-space: nowrap;
	z-index: 3
}

.plyr__menu__container>div {
	overflow: hidden;
	transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
	border: 4px solid #0000;
	border: var(--plyr-menu-arrow-size, 4px) solid #0000;
	border-top-color: var(--plyr-menu-background, #ffffffe6);
	content: "";
	height: 0;
	position: absolute;
	right: 14px;
	right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
	top: 100%;
	width: 0
}

.plyr__menu__container [role=menu] {
	padding: 7px;
	padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
	margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
	margin-top: 0
}

.plyr__menu__container .plyr__control {
	align-items: center;
	color: #4a5464;
	color: var(--plyr-menu-color, #4a5464);
	display: flex;
	font-size: 13px;
	font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
	padding: 4.66667px 10.5px;
	padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%
}

.plyr__menu__container .plyr__control>span {
	align-items: inherit;
	display: flex;
	width: 100%
}

.plyr__menu__container .plyr__control:after {
	border: 4px solid #0000;
	border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
	padding-right: 28px;
	padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
	border-left-color: #728197;
	border-left-color: var(--plyr-menu-arrow-color, #728197);
	right: 6.5px;
	right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
	border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
	font-weight: 400;
	font-weight: var(--plyr-font-weight-regular, 400);
	margin: 7px;
	margin: calc(var(--plyr-control-spacing, 10px)*.7);
	margin-bottom: 3.5px;
	margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
	padding-left: 28px;
	padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
	position: relative;
	width: calc(100% - 14px);
	width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
	border-right-color: #728197;
	border-right-color: var(--plyr-menu-arrow-color, #728197);
	left: 6.5px;
	left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
	background: #dcdfe5;
	background: var(--plyr-menu-back-border-color, #dcdfe5);
	box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
	content: "";
	height: 1px;
	left: 0;
	margin-top: 3.5px;
	margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
	border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
	padding-left: 7px;
	padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
	border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
	background: #0000001a;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 16px;
	margin-right: 10px;
	margin-right: var(--plyr-control-spacing, 10px);
	transition: all .3s ease;
	width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
	background: #fff;
	border: 0;
	height: 6px;
	left: 12px;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%) scale(0);
	transition: transform .3s ease, opacity .3s ease;
	width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
	background: #00b2ff;
	background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
	opacity: 1;
	transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
	background: #23282f1a
}

.plyr__menu__container .plyr__menu__value {
	align-items: center;
	display: flex;
	margin-left: auto;
	margin-right: -5px;
	margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2px);
	overflow: hidden;
	padding-left: 24.5px;
	padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
	pointer-events: none
}

.plyr--full-ui input[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #0000;
	border: 0;
	border-radius: 26px;
	border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
	color: #00b2ff;
	color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	display: block;
	height: 19px;
	height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
	margin: 0;
	min-width: 0;
	padding: 0;
	transition: box-shadow .3s ease;
	width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
	background: #0000;
	background-image: linear-gradient(90deg, currentColor, #0000 0);
	background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
	border: 0;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	-webkit-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	-webkit-user-select: none;
	user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	background: var(--plyr-range-thumb-background, #fff);
	border: 0;
	border-radius: 100%;
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
	height: 13px;
	height: var(--plyr-range-thumb-height, 13px);
	margin-top: -4px;
	margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
	position: relative;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	width: 13px;
	width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
	background: #0000;
	border: 0;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	-moz-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	-moz-user-select: none;
	user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
	background: #fff;
	background: var(--plyr-range-thumb-background, #fff);
	border: 0;
	border-radius: 100%;
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
	height: 13px;
	height: var(--plyr-range-thumb-height, 13px);
	position: relative;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	width: 13px;
	width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
	background: currentColor;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
	color: #0000
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
	background: #0000;
	border: 0;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
	background: #0000;
	background: currentColor;
	border: 0;
	border-radius: 2.5px;
	border-radius: calc(var(--plyr-range-track-height, 5px)/2);
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	-ms-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
	background: #fff;
	background: var(--plyr-range-thumb-background, #fff);
	border: 0;
	border-radius: 100%;
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
	height: 13px;
	height: var(--plyr-range-thumb-height, 13px);
	margin-top: 0;
	position: relative;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	width: 13px;
	width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
	display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
	border: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
	outline: 2px solid blue;
	outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
	outline: 2px solid blue;
	outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
	outline: 2px solid blue;
	outline-offset: 2px
}

.plyr__poster {
	background-color: #000;
	background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s ease;
	width: 100%;
	z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
	opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
	display: none
}

.plyr__time {
	font-size: 13px;
	font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
	content: "⁄";
	margin-right: 10px;
	margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width:767px) {
	.plyr__time+.plyr__time {
		display: none
	}
}

.plyr__tooltip {
	background: #fff;
	background: var(--plyr-tooltip-background, #fff);
	border-radius: 5px;
	border-radius: var(--plyr-tooltip-radius, 5px);
	bottom: 100%;
	box-shadow: 0 1px 2px #00000026;
	box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
	color: #4a5464;
	color: var(--plyr-tooltip-color, #4a5464);
	font-size: 13px;
	font-size: var(--plyr-font-size-small, 13px);
	font-weight: 400;
	font-weight: var(--plyr-font-weight-regular, 400);
	left: 50%;
	line-height: 1.3;
	margin-bottom: 10px;
	margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
	opacity: 0;
	padding: 5px 7.5px;
	padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
	pointer-events: none;
	position: absolute;
	transform: translate(-50%, 10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s ease .1s, opacity .2s ease .1s;
	white-space: nowrap;
	z-index: 2
}

.plyr__tooltip:before {
	border-left: 4px solid #0000;
	border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
	border-right: 4px solid #0000;
	border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
	border-top: 4px solid #fff;
	border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
	bottom: -4px;
	bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 0;
	z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
	opacity: 1;
	transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
	z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
	left: 0;
	transform: translateY(10px) scale(.8);
	transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
	left: 16px;
	left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
	left: auto;
	right: 0;
	transform: translateY(10px) scale(.8);
	transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
	left: auto;
	right: 16px;
	right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
	transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
	transform: translate(0) scale(1)
}

.plyr__progress {
	left: 6.5px;
	left: calc(var(--plyr-range-thumb-height, 13px)*.5);
	margin-right: 13px;
	margin-right: var(--plyr-range-thumb-height, 13px);
	position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
	margin-left: -6.5px;
	margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
	margin-right: -6.5px;
	margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
	width: calc(100% + 13px);
	width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
	position: relative;
	z-index: 2
}

.plyr__progress .plyr__tooltip {
	left: 0;
	max-width: 120px;
	overflow-wrap: break-word
}

.plyr__progress__buffer {
	-webkit-appearance: none;
	background: #0000;
	border: 0;
	border-radius: 100px;
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	left: 0;
	margin-top: -2.5px;
	margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
	padding: 0;
	position: absolute;
	top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
	background: #0000
}

.plyr__progress__buffer::-webkit-progress-value {
	background: currentColor;
	border-radius: 100px;
	min-width: 5px;
	min-width: var(--plyr-range-track-height, 5px);
	-webkit-transition: width .2s ease;
	transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
	background: currentColor;
	border-radius: 100px;
	min-width: 5px;
	min-width: var(--plyr-range-track-height, 5px);
	-moz-transition: width .2s ease;
	transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
	border-radius: 100px;
	-ms-transition: width .2s ease;
	transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
	animation: plyr-progress 1s linear infinite;
	background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
	background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
	background-repeat: repeat-x;
	background-size: 25px 25px;
	background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
	color: #0000
}

.plyr--video.plyr--loading .plyr__progress__buffer {
	background-color: #ffffff40;
	background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
	background-color: #c1c8d199;
	background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr__progress__marker {
	background-color: #fff;
	background-color: var(--plyr-progress-marker-background, #fff);
	border-radius: 1px;
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3px;
	width: var(--plyr-progress-marker-width, 3px);
	z-index: 3
}

.plyr__volume {
	align-items: center;
	display: flex;
	position: relative
}

.plyr__volume input[type=range] {
	margin-left: 5px;
	margin-left: calc(var(--plyr-control-spacing, 10px)/2);
	margin-right: 5px;
	margin-right: calc(var(--plyr-control-spacing, 10px)/2);
	max-width: 90px;
	min-width: 60px;
	position: relative;
	z-index: 2
}

.plyr--audio {
	display: block
}

.plyr--audio .plyr__controls {
	background: #fff;
	background: var(--plyr-audio-controls-background, #fff);
	border-radius: inherit;
	color: #4a5464;
	color: var(--plyr-audio-control-color, #4a5464);
	padding: 10px;
	padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
	background: #00b2ff;
	background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	color: #fff;
	color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
	background-color: #c1c8d199;
	background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
	background-color: #c1c8d199;
	background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
	background-color: #c1c8d199;
	background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--audio .plyr__progress__buffer {
	color: #c1c8d199;
	color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr--video {
	border-radius: 16px;
	overflow: hidden
}

.plyr--video.plyr--menu-open {
	overflow: visible
}

.plyr__video-wrapper {
	background: #000;
	background: var(--plyr-video-background, var(--plyr-video-background, #000));
	border-radius: inherit;
	height: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
	aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {

	.plyr__video-embed,
	.plyr__video-wrapper--fixed-ratio {
		height: 0;
		padding-bottom: 56.25%;
		position: relative
	}
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
	padding-bottom: 240%;
	position: relative;
	transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
	background: linear-gradient(#0000, #000000bf);
	background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	bottom: 0;
	color: #fff;
	color: var(--plyr-video-control-color, #fff);
	left: 0;
	padding: 5px;
	padding: calc(var(--plyr-control-spacing, 10px)/2);
	padding-top: 20px;
	padding-top: calc(var(--plyr-control-spacing, 10px)*2);
	position: absolute;
	right: 0;
	transition: opacity .4s ease-in-out, transform .4s ease-in-out;
	z-index: 3
}

@media (min-width:480px) {
	.plyr--video .plyr__controls {
		padding: 10px;
		padding: var(--plyr-control-spacing, 10px);
		padding-top: 35px;
		padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
	}
}

.plyr--video.plyr--hide-controls .plyr__controls {
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
	background: #00b2ff;
	background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	color: #fff;
	color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
	background: transparent !important;
	border: 0;
	border-radius: 100%;
	color: #fff;
	color: var(--plyr-video-control-color, #fff);
	display: none;
	left: 50%;
	opacity: .7;
	padding: 15px;
	padding: calc(var(--plyr-control-spacing, 10px)*1.5);
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	z-index: 2
}

.plyr__control--overlaid svg {
	fill: var(--plyr-color-main, var(--plyr-color-main, #00b2ff));
	height: 2rem;
	left: 2px;
	position: relative;
	width: 2rem
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
	opacity: 1
}

.plyr--playing .plyr__control--overlaid {
	opacity: 0;
	visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
	display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
	background-color: #ffffff40;
	background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
	background-color: #ffffff40;
	background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
	background-color: #ffffff40;
	background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
	box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
	box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--video .plyr__progress__buffer {
	color: #ffffff40;
	color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr:fullscreen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

.plyr:fullscreen video {
	height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
	display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
	display: none
}

.plyr:fullscreen.plyr--hide-controls {
	cursor: none
}

@media (min-width:1024px) {
	.plyr:fullscreen .plyr__captions {
		font-size: 21px;
		font-size: var(--plyr-font-size-xlarge, 21px)
	}
}

.plyr--fullscreen-fallback {
	background: #000;
	border-radius: 0 !important;
	bottom: 0;
	height: 100%;
	left: 0;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 10000000
}

.plyr--fullscreen-fallback video {
	height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
	display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
	display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
	cursor: none
}

@media (min-width:1024px) {
	.plyr--fullscreen-fallback .plyr__captions {
		font-size: 21px;
		font-size: var(--plyr-font-size-xlarge, 21px)
	}
}

.plyr__ads {
	border-radius: inherit;
	bottom: 0;
	cursor: pointer;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
	height: 100%;
	position: absolute;
	width: 100%
}

.plyr__ads:after {
	background: #23282f;
	border-radius: 2px;
	bottom: 10px;
	bottom: var(--plyr-control-spacing, 10px);
	color: #fff;
	content: attr(data-badge-text);
	font-size: 11px;
	padding: 2px 6px;
	pointer-events: none;
	position: absolute;
	right: 10px;
	right: var(--plyr-control-spacing, 10px);
	z-index: 3
}

.plyr__ads:empty:after {
	display: none
}

.plyr__cues {
	background: currentColor;
	display: block;
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	left: 0;
	opacity: .8;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	z-index: 3
}

.plyr__preview-thumb {
	background-color: #fff;
	background-color: var(--plyr-tooltip-background, #fff);
	border-radius: 8px;
	border-radius: var(--plyr-menu-radius, 8px);
	bottom: 100%;
	box-shadow: 0 1px 2px #00000026;
	box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
	margin-bottom: 10px;
	margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
	opacity: 0;
	padding: 3px;
	pointer-events: none;
	position: absolute;
	transform: translateY(10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s ease .1s, opacity .2s ease .1s;
	z-index: 2
}

.plyr__preview-thumb--is-shown {
	opacity: 1;
	transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
	border-left: 4px solid #0000;
	border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
	border-right: 4px solid #0000;
	border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
	border-top: 4px solid #fff;
	border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
	bottom: -4px;
	bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
	content: "";
	height: 0;
	left: calc(50% + var(--preview-arrow-offset));
	position: absolute;
	transform: translateX(-50%);
	width: 0;
	z-index: 2
}

.plyr__preview-thumb__image-container {
	background: #c1c8d1;
	border-radius: 7px;
	border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
	overflow: hidden;
	position: relative;
	z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.plyr__preview-thumb__image-container:after {
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px #00000026;
	content: "";
	pointer-events: none
}

.plyr__preview-thumb__image-container img {
	max-height: none;
	max-width: none
}

.plyr__preview-thumb__time-container {
	background: linear-gradient(#0000, #000000bf);
	background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
	border-bottom-left-radius: 7px;
	border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
	border-bottom-right-radius: 7px;
	border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
	bottom: 0;
	left: 0;
	line-height: 1.1;
	padding: 20px 6px 6px;
	position: absolute;
	right: 0;
	z-index: 3
}

.plyr__preview-thumb__time-container span {
	color: #fff;
	font-size: 13px;
	font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
	bottom: 0;
	filter: blur(1px);
	height: 100%;
	left: 0;
	margin: auto;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .3s ease;
	width: 100%;
	z-index: 1
}

.plyr__preview-scrubbing--is-shown {
	opacity: 1
}

.plyr__preview-scrubbing img {
	height: 100%;
	left: 0;
	max-height: none;
	max-width: none;
	-o-object-fit: contain;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 100%
}

.plyr--no-transition {
	transition: none !important
}

.plyr__sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	border: 0 !important;
	height: 1px !important;
	overflow: hidden;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important
}

.plyr [hidden] {
	display: none !important
}

html.easy-mode .easy-design-hero-bg {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	background-image: none
}

html.easy-mode .easy-mode-block-shadow {
	--tw-shadow: 0px 0px 20px 0px #a079ff;
	--tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width:1024px) {
	.post-block-text h2 {
		font-size: var(--v4-desktop-size32);
		text-align: center
	}
}

body.page-template-page-aboutTemplate .post-block-text h2 {
	font-size: var(--v4-mobile-sizeBody);
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 1rem;
	margin-top: 3.5rem;
	text-align: center;
	text-transform: uppercase
}

@media (min-width:1024px) {
	body.page-template-page-aboutTemplate .post-block-text h2 {
		font-size: var(--v4-desktop-size16);
		margin-bottom: .5rem;
		margin-top: .5rem;
		text-align: left
	}
}

@media (max-width:1023px) {
	body.page-template-page-aboutTemplate .post-block-text p {
		line-height: 1.4
	}
}

body.keyboard-navigation .card-focus:focus-within {
	outline: 2px solid blue;
	outline: medium auto currentcolor;
	outline: medium auto invert;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: 1px
}

body.keyboard-navigation .card-focus:focus-within:has(a.cat-btn:focus) {
	outline: none
}

a.card-focus-heading:focus-visible {
	border: none;
	box-shadow: none;
	outline: none
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		filter: none !important;
		-ms-filter: none !important;
		text-shadow: none !important
	}

	body,
	html {
		border: 1px solid #fff;
		height: 99% !important;
		overflow: visible !important;
		page-break-after: avoid;
		page-break-before: avoid
	}

	body {
		margin: 0 !important;
		min-height: 0 !important
	}

	body,
	div,
	h1,
	h2,
	h3,
	ol,
	ul {
		float: none;
		overflow: visible;
		position: static;
		width: auto
	}

	#container {
		min-height: 1px !important
	}

	#content {
		display: block !important;
		margin-left: 0 !important;
		padding: 20px 0 !important
	}

	.page-section {
		display: inline !important;
		max-width: 90%
	}

	.sticky-helper {
		padding: 0 !important;
		position: static !important;
		width: 100% !important
	}

	.footer {
		margin-bottom: 0 !important;
		margin-top: 30px !important;
		top: 0 !important
	}

	a,
	a:visited {
		color: #000 !important;
		text-decoration: underline
	}

	a:after,
	a:visited:after {
		content: " (" attr(href) ")";
		display: none !important
	}

	a abbr[title]:after,
	a:visited abbr[title]:after {
		content: " (" attr(title) ")"
	}

	.ir a:after,
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: ""
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	img,
	tr {
		page-break-inside: avoid
	}

	img {
		max-width: 100% !important
	}

	@page {
		margin: .5cm
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}

	.page-navigation,
	.respond-form,
	.sidebar,
	.wp-prev-next,
	nav {
		display: none
	}

	#lang_sel_list,
	#responsive-menu-pro-container,
	.bg-image,
	.social_links a,
	header {
		display: none !important
	}

	img {
		opacity: 1 !important;
		position: static !important
	}

	.entry-content img {
		height: auto;
		margin: 0;
		max-width: 100%;
		width: 60% !important
	}

	#logo {
		float: none !important;
		max-width: 30% !important;
		padding: 1px;
		position: static !important;
		width: 100%
	}

	img {
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid
	}

	.read-more-link {
		display: none !important
	}

	.js_hidden {
		display: block !important
	}

	a {
		text-decoration: none !important
	}
}

.graph-logos,
.scroll-logos {
	position: relative
}

.graph-logos {
	margin-top: 1rem;
	padding-bottom: 1rem
}

.graph-logos img,
.scroll-logos img {
	left: 0;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: top;
	object-position: top;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.graph-logos img {
	max-height: calc(90vh - var(--header-height))
}

.graph-logos img.graph-logo1,
.scroll-logos img.scroll-logo1 {
	opacity: 1;
	position: static
}

.scroll-logos-trigger {
	height: 10vh;
	position: fixed;
	top: 0;
	visibility: hidden;
	z-index: 20
}

@media (min-width:1024px) {
	.scroll-logos-trigger {
		position: absolute;
		top: calc(var(--header-height)*-1)
	}
}

.graph-logos-trigger {
	height: 10vh;
	position: fixed;
	top: 0;
	visibility: hidden;
	z-index: 20
}

@media (min-width:1024px) {
	.graph-logos-trigger {
		position: absolute;
		top: calc(var(--header-height)*-1)
	}
}

.scroll-spacer {
	height: 25vh
}

@media (min-width:768px) {
	.scroll-spacer {
		height: 50vh
	}
}

@media (min-width:1024px) {
	.scroll-spacer {
		height: 25vh
	}
}

.swiper-button-next,
.swiper-button-prev {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity));
	cursor: pointer;
	mix-blend-mode: difference;
	position: absolute;
	z-index: 10
}

.swiper-button-next--black,
.swiper-button-prev--black {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity));
	mix-blend-mode: normal
}

.swiper-pagination {
	color: var(--color-pink)
}

.magazine-slideshow-wrapper {
	background-color: var(--color-purple) !important;
	left: calc(var(--wrap)*-1) !important;
	margin-bottom: 1rem !important;
	margin-top: 1rem !important;
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
	width: calc(100% + var(--wrap)*1.5) !important
}

@media (min-width:1024px) {
	.magazine-slideshow-wrapper {
		padding-bottom: 1.75rem !important;
		padding-top: 1.25rem !important
	}
}

html.easy-mode .magazine-slideshow-wrapper {
	background-color: var(--color-purple-light)
}

.swiper-pagination--sliding {
	--swiper-pagination-color: #fff;
	display: none;
	position: static
}

.forum-article:not(.swiper-pagination--sliding):first-of-type,
.video-article:not(.swiper-pagination--sliding):first-of-type {
	padding-top: 0
}

.forum-button-next,
.forum-button-prev,
.swiper-button-next--sliding,
.swiper-button-prev--sliding {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	border-radius: 10px;
	cursor: pointer;
	height: 1.5rem;
	width: 1.5rem
}

.forum-button-next:after,
.forum-button-prev:after,
.swiper-button-next--sliding:after,
.swiper-button-prev--sliding:after {
	content: var(--tw-content);
	display: none
}

@media (min-width:1024px) {

	.forum-button-next,
	.forum-button-prev,
	.swiper-button-next--sliding,
	.swiper-button-prev--sliding {
		height: 1rem;
		width: 1rem
	}
}

.forum-button-next,
.forum-button-prev,
.swiper-button-next--sliding,
.swiper-button-prev--sliding {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background-color: hsla(43, 25%, 83%, .7);
	mix-blend-mode: unset
}

.forum-button-next path,
.forum-button-prev path,
.swiper-button-next--sliding path,
.swiper-button-prev--sliding path {
	stroke-width: 2
}

.forum-button-next,
.forum-button-prev {
	--tw-translate-y: -50%;
	align-items: center;
	display: none;
	justify-content: center;
	position: absolute;
	top: calc(var(--forum-teaser-height)*.5);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.forum-article:not(.forum-button-next):first-of-type,
.forum-article:not(.forum-button-prev):first-of-type,
.video-article:not(.forum-button-next):first-of-type,
.video-article:not(.forum-button-prev):first-of-type {
	padding-top: 0
}

@media (min-width:1024px) {

	.forum-button-next,
	.forum-button-prev {
		display: flex
	}
}

.forum-button-prev {
	left: 35.5%
}

.forum-button-next {
	right: .75rem
}

.swiper-button-prev--sliding {
	left: calc(var(--wrap) + .5rem)
}

.swiper-button-next--sliding {
	right: var(--wrap)
}

.swiper-circle .swiper-wrapper {
	margin-top: .75rem
}

.swiper-pagination--circle {
	font-size: var(--v4-mobile-size12);
	left: var(--wrap);
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
	text-align: left;
	top: 0;
	width: -moz-fit-content;
	width: fit-content
}

@media (min-width:1024px) {
	.swiper-pagination--circle {
		font-size: var(--v4-desktop-size12);
		left: calc(16.66% + var(--wrap));
		top: 0;
		width: 66.666667%
	}
}

.swiper-pagination--circle {
	color: #000 !important
}

@media (min-width:1024px) {
	.easy-mode .swiper-pagination--circle {
		--tw-translate-x: -50%;
		left: 50%;
		text-align: center;
		top: 1.85rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
}

.swiper-button-prev--circle {
	left: .5rem
}

@media (min-width:1024px) {
	.swiper-button-prev--circle {
		left: 2rem
	}
}

.swiper-button-next--circle {
	right: .5rem
}

@media (min-width:1024px) {
	.swiper-button-next--circle {
		right: 2rem
	}
}

.swiper-button-next--circle,
.swiper-button-prev--circle {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	border-radius: 10px;
	height: 1.5rem;
	top: 1.75rem;
	transition-duration: .2s;
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	width: 1.5rem
}

.swiper-button-next--circle:after,
.swiper-button-prev--circle:after {
	content: var(--tw-content);
	display: none
}

@media (min-width:1024px) {

	.swiper-button-next--circle,
	.swiper-button-prev--circle {
		bottom: 2.8rem;
		height: 1rem;
		top: auto;
		width: 1rem
	}
}

.swiper-button-next--circle,
.swiper-button-prev--circle {
	box-shadow: 0 2px 4px 0 #ff82ff
}

@media (hover:hover) {

	.swiper-button-next--circle:hover,
	.swiper-button-prev--circle:hover {
		box-shadow: 0 1px 2px 0 #ff82ff
	}
}

.easy-mode .swiper-button-next--circle,
.easy-mode .swiper-button-prev--circle {
	box-shadow: none !important
}

.swiper-button-next--circle.swiper-button-disabled,
.swiper-button-prev--circle.swiper-button-disabled {
	display: none
}

.forum-article:not(.swiper-button-next--circle.swiper-button-disabled):first-of-type,
.forum-article:not(.swiper-button-prev--circle.swiper-button-disabled):first-of-type,
.video-article:not(.swiper-button-next--circle.swiper-button-disabled):first-of-type,
.video-article:not(.swiper-button-prev--circle.swiper-button-disabled):first-of-type {
	padding-top: 0
}

.swiper-button-next--circle svg,
.swiper-button-next--sliding svg,
.swiper-button-prev--circle svg,
.swiper-button-prev--sliding svg {
	height: 60%;
	width: 60%
}

.posts-masonry {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	padding-bottom: var(--mb-block);
	padding-top: 3rem
}

@media (min-width:1024px) {
	.posts-masonry {
		padding-top: 0
	}
}

@media (max-width:1023px) {
	.header--secondary+.posts-masonry {
		padding-top: 4.5rem
	}
}

.masonry-item-inner {
	border-radius: 16px;
	overflow: hidden
}

html:not(.easy-mode) .masonry-item-inner {
	transition-duration: .2s;
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

html:not(.easy-mode) .awads-grid .masonry-item-inner,
html:not(.easy-mode) .masonry-item-inner:hover {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	transition-duration: .2s;
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (hover:hover) and (pointer:fine) {

	html:not(.easy-mode) .awads-grid .masonry-item-inner:hover,
	html:not(.easy-mode) .masonry-item-inner:hover:hover {
		--tw-shadow: 0px 3px 20px 5px var(--teaser-shadow);
		;
		--tw-shadow-colored: 0px 3px 20px 5px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}
}

.masonry-text {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	margin-top: auto;
	overflow: hidden;
	padding: .625rem .375rem;
	transition-duration: .3s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.easy-mode .masonry-text {
	--tw-border-opacity: 1 !important;
	--tw-bg-opacity: 1 !important;
	--tw-text-opacity: 1 !important;
	background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
	border-color: rgb(0 0 0/var(--tw-border-opacity)) !important;
	color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

@media (min-width:1024px) {
	.masonry-text {
		padding: .25rem
	}
}

html.easy-mode .teaser-noimage .masonry-text {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-top-width: 1px
}

.masonry-sizer {
	width: 50%
}

@media (min-width:1024px) {
	.masonry-sizer {
		width: 25%
	}
}

.teaser-type-default,
.teaser-type-oval {
	padding: calc(var(--wrap)*.5);
	width: 50%
}

@media (min-width:1024px) {

	.teaser-type-default,
	.teaser-type-oval {
		width: 25%
	}
}

.easy-mode .teaser-type-default {
	padding: calc(var(--wrap)*.5) calc(var(--wrap)*.5) calc(var(--wrap)*2)
}

.teaser-type-large {
	width: 50%
}

@media (min-width:1024px) {
	.teaser-type-large {
		grid-column: span 2/span 2
	}
}

html:not(.easy-mode) .teaser-current {
	width: 100%
}

@media (min-width:1024px) {
	html:not(.easy-mode) .teaser-current {
		width: 50%
	}
}

.teaser-gradient,
.teaser-gradient-white {
	bottom: -1px;
	position: relative
}

.teaser-gradient-white:after {
	background: linear-gradient(0deg, #fff 1%, rgba(255, 130, 255, 0))
}

.teaser-gradient-white:after,
.teaser-gradient:after {
	bottom: 100%;
	content: "";
	height: 1rem;
	position: absolute;
	width: 100%;
	z-index: 1
}

.teaser-gradient:after {
	background: linear-gradient(0deg, #ff82ff 1%, rgba(255, 130, 255, 0))
}

@media (min-width:1024px) {

	.teaser-gradient-white:after,
	.teaser-gradient:after {
		height: .5rem
	}
}

html.easy-mode .teaser-gradient-white:after,
html.easy-mode .teaser-gradient:after {
	display: none
}

.forum-article:not(html.easy-mode .teaser-gradient):first-of-type:after,
.forum-article:not(html.easy-mode .teaser-gradient-white):first-of-type:after,
.video-article:not(html.easy-mode .teaser-gradient):first-of-type:after,
.video-article:not(html.easy-mode .teaser-gradient-white):first-of-type:after {
	padding-top: 0
}

html.easy-mode .teaser-buttons div {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.page-template-page-awardTemplate .masonry-item {
	transition-duration: 0s !important
}

@media (min-width:1024px) {
	html.easy-mode .video-articles-grid {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		padding-left: var(--wrap);
		padding-right: var(--wrap)
	}
}

html.easy-mode .video-articles-wrapper {
	border-radius: 30px;
	grid-template-columns: subgrid;
	margin-bottom: var(--sectionMB);
	margin-top: 2rem;
	padding-top: .5rem
}

@media (min-width:1024px) {
	html.easy-mode .video-articles-wrapper {
		--tw-border-opacity: 1;
		border-color: rgb(0 0 0/var(--tw-border-opacity));
		border-width: 1px;
		display: grid;
		grid-column: span 10/span 10;
		grid-column-start: 2;
		margin-top: 1rem;
		padding-left: 0
	}
}

html.easy-mode .video-articles-wrapper {
	box-shadow: none
}

html.easy-mode .video-article {
	--tw-border-opacity: 1;
	border-bottom-width: .5px;
	border-color: rgb(226 226 226/var(--tw-border-opacity));
	display: block;
	height: auto;
	padding-bottom: 2rem;
	padding-top: 1.75rem
}

html.easy-mode .video-article:first-child {
	padding-top: .25rem
}

html.easy-mode .video-article:last-child {
	border-bottom-width: 0
}

@media (min-width:1024px) {
	html.easy-mode .video-article {
		grid-column: span 10/span 10;
		grid-column-start: 1
	}
}

html.easy-mode .video-article-inner-wrapper {
	display: block
}

@media (min-width:1024px) {
	html.easy-mode .video-article-inner-wrapper {
		padding-left: 0
	}
}

html.easy-mode .videoplayer-wrapper {
	padding-left: var(--wrap);
	padding-right: var(--wrap)
}

@media (min-width:1024px) {
	html.easy-mode .videoplayer-wrapper {
		padding-left: 10%;
		padding-right: 10%
	}
}

html.easy-mode .video-media-wrapper {
	display: block;
	position: static
}

html.easy-mode .video-article-title {
	width: 100%
}

@media (min-width:1024px) {
	html.easy-mode .video-article-title {
		font-size: var(--v4-desktop-size32);
		text-align: center
	}
}

.video-article-title {
	margin-bottom: .25rem
}

html.easy-mode .video-article-intro {
	padding-left: 0;
	padding-right: 0
}

@media (min-width:1024px) {
	html.easy-mode .video-article-intro {
		padding-left: 20%;
		padding-right: 20%
	}
}

.video-article-intro-content p {
	margin-bottom: .5rem
}

html.easy-mode .video-article-gradient {
	display: none
}

.forum-article:not(html.easy-mode .video-article-gradient):first-of-type,
.video-article:not(html.easy-mode .video-article-gradient):first-of-type {
	padding-top: 0
}

html.easy-mode .video-article-media-helper {
	display: none
}

.forum-article:not(html.easy-mode .video-article-media-helper):first-of-type,
.video-article:not(html.easy-mode .video-article-media-helper):first-of-type {
	padding-top: 0
}

.forum-article,
.video-article {
	padding-bottom: 1.25rem;
	padding-top: 1.38rem
}

@media (min-width:1024px) {

	.forum-article,
	.video-article {
		padding-bottom: 1rem
	}
}

.forum-article,
.video-article {
	transition-duration: 0ms !important
}

.forum-article:not(.hidden):first-of-type,
.video-article:not(.hidden):first-of-type {
	padding-top: 0
}

.forum-article-intro-gradient,
.video-article-intro-gradient {
	padding: 1.06rem 1.06rem .5rem
}

@media (min-width:1024px) {

	.forum-article-intro-gradient,
	.video-article-intro-gradient {
		padding: .42rem
	}
}

html.easy-mode:where(.forum-article-intro-gradient, .video-article-intro-gradient) {
	background-image: none;
	padding-bottom: .25rem
}

html.easy-mode .forum-video-item {
	max-width: 100% !important;
	min-width: 100% !important
}

html.easy-mode .video-article-intro-gradient {
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.entry-content>*,
.page-content>* {
	margin-left: 0;
	max-width: 100%
}

.entry-content>.alignwide {
	max-width: 100%
}

.entry-content>.alignfull {
	max-width: none
}

.entry-content>.alignleft {
	float: left;
	margin-right: 2rem
}

.entry-content>.alignright {
	float: right;
	margin-left: 2rem
}

.hamburger-span {
	background-color: currentColor;
	display: block;
	height: 1.5px;
	position: absolute;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	transition-duration: .5s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	width: var(--hamburgerWidth)
}

@media (min-width:1024px) {
	.hamburger-span {
		height: 2.5px
	}
}

.more-text:not(.show)+.toggle-button .less {
	display: none
}

.forum-article:not(.more-text:not(.show)+.toggle-button .less):first-of-type,
.video-article:not(.more-text:not(.show)+.toggle-button .less):first-of-type {
	padding-top: 0
}

.more-text.show+.toggle-button .more {
	display: none
}

.forum-article:not(.more-text.show+.toggle-button .more):first-of-type,
.video-article:not(.more-text.show+.toggle-button .more):first-of-type {
	padding-top: 0
}

.more-text.show+.toggle-button .less {
	display: block
}

.sr-only {
	clip: rect(0, 0, 0, 0);
	border-width: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

.visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.-left-1 {
	left: -.25rem
}

.bottom-\[2rem\] {
	bottom: 2rem
}

.bottom-\[65\%\] {
	bottom: 65%
}

.left-0 {
	left: 0
}

.left-1\/2 {
	left: 50%
}

.left-4 {
	left: 1rem
}

.right-0 {
	right: 0
}

.right-wrap {
	right: var(--wrap)
}

.top-0 {
	top: 0
}

.top-1 {
	top: .25rem
}

.top-1\/2 {
	top: 50%
}

.top-5 {
	top: 1.25rem
}

.top-\[-\.06em\] {
	top: -.06em
}

.top-\[-\.1em\] {
	top: -.1em
}

.top-\[-\.23rem\] {
	top: -.23rem
}

.top-\[-\.4vw\] {
	top: -.4vw
}

.top-\[\.95rem\] {
	top: .95rem
}

.top-headerHeight {
	top: var(--header-height)
}

.top-wrap {
	top: var(--wrap)
}

.z-10 {
	z-index: 10
}

.z-20 {
	z-index: 20
}

.z-30 {
	z-index: 30
}

.z-40 {
	z-index: 40
}

.z-50 {
	z-index: 50
}

.z-\[1\] {
	z-index: 1
}

.z-\[2\] {
	z-index: 2
}

.z-\[41\] {
	z-index: 41
}

.order-1 {
	order: 1
}

.order-2 {
	order: 2
}

.order-3 {
	order: 3
}

.order-\[-1\] {
	order: -1
}

.col-span-1 {
	grid-column: span 1/span 1
}

.col-span-2 {
	grid-column: span 2/span 2
}

.col-span-5 {
	grid-column: span 5/span 5
}

.col-span-6 {
	grid-column: span 6/span 6
}

.float-right {
	float: right
}

.mx-3 {
	margin-left: .75rem;
	margin-right: .75rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my-2 {
	margin-bottom: .5rem;
	margin-top: .5rem
}

.-mb-5 {
	margin-bottom: -1.25rem
}

.-mt-6 {
	margin-top: -1.5rem
}

.-mt-headerHeight {
	margin-top: calc(var(--header-height)*-1)
}

.mb-0 {
	margin-bottom: 0
}

.mb-0\.5 {
	margin-bottom: .125rem
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-\[3\.1rem\] {
	margin-bottom: 3.1rem
}

.mb-wrap {
	margin-bottom: var(--wrap)
}

.ml-0 {
	margin-left: 0
}

.ml-0\.5 {
	margin-left: .125rem
}

.ml-7 {
	margin-left: 1.75rem
}

.ml-auto {
	margin-left: auto
}

.mr-0 {
	margin-right: 0
}

.mr-0\.5 {
	margin-right: .125rem
}

.mr-1 {
	margin-right: .25rem
}

.mr-1\.5 {
	margin-right: .375rem
}

.mr-2 {
	margin-right: .5rem
}

.mr-wrap {
	margin-right: var(--wrap)
}

.mt-1 {
	margin-top: .25rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-\[-\.15em\] {
	margin-top: -.15em
}

.mt-\[-\.15rem\] {
	margin-top: -.15rem
}

.mt-\[-\.1rem\] {
	margin-top: -.1rem
}

.mt-\[-0\.04rem\] {
	margin-top: -.04rem
}

.mt-\[\.1em\] {
	margin-top: .1em
}

.mt-\[5\.75rem\] {
	margin-top: 5.75rem
}

.mt-\[calc\(-\.5\*var\(--wrap\)\)\] {
	margin-top: calc(var(--wrap)*-.5)
}

.mt-auto {
	margin-top: auto
}

.block {
	display: block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.grid {
	display: grid
}

.hidden {
	display: none
}

.aspect-square {
	aspect-ratio: 1/1
}

.aspect-teaser {
	aspect-ratio: 1.15
}

.h-10 {
	height: 2.5rem
}

.h-4 {
	height: 1rem
}

.h-7 {
	height: 1.75rem
}

.h-8 {
	height: 2rem
}

.h-\[\.8em\] {
	height: .8em
}

.h-\[1\.3em\] {
	height: 1.3em
}

.h-\[1\.5px\] {
	height: 1.5px
}

.h-\[15rem\] {
	height: 15rem
}

.h-\[23rem\] {
	height: 23rem
}

.h-\[3rem\] {
	height: 3rem
}

.h-auto {
	height: auto
}

.h-forumTeaserHeight {
	height: var(--forum-teaser-height)
}

.h-full {
	height: 100%
}

.h-headerHeight {
	height: var(--header-height)
}

.h-min {
	height: -moz-min-content;
	height: min-content
}

.h-screen {
	height: 100vh
}

.max-h-0 {
	max-height: 0
}

.max-h-\[1\.95rem\] {
	max-height: 1.95rem
}

.max-h-\[100svh\] {
	max-height: 100svh
}

.max-h-\[20vmax\] {
	max-height: 20vmax
}

.max-h-\[37vmax\] {
	max-height: 37vmax
}

.min-h-\[100svh\] {
	min-height: 100svh
}

.min-h-\[13\.2rem\] {
	min-height: 13.2rem
}

.min-h-\[20vmax\] {
	min-height: 20vmax
}

.min-h-\[37vmax\] {
	min-height: 37vmax
}

.min-h-\[60vh\] {
	min-height: 60vh
}

.min-h-fit {
	min-height: -moz-fit-content;
	min-height: fit-content
}

.w-1\/2 {
	width: 50%
}

.w-10 {
	width: 2.5rem
}

.w-2 {
	width: .5rem
}

.w-2\.5 {
	width: .625rem
}

.w-24 {
	width: 6rem
}

.w-4\/5 {
	width: 80%
}

.w-7 {
	width: 1.75rem
}

.w-8 {
	width: 2rem
}

.w-9 {
	width: 2.25rem
}

.w-\[\.8em\] {
	width: .8em
}

.w-\[\.9em\] {
	width: .9em
}

.w-\[1\.3em\] {
	width: 1.3em
}

.w-\[5\.9em\] {
	width: 5.9em
}

.w-\[calc\(100\%-var\(--wrap\)\)\] {
	width: calc(100% - var(--wrap))
}

.w-\[calc\(100vw-\.3rem\)\] {
	width: calc(100vw - .3rem)
}

.w-\[var\(--hamburgerWidth\)\] {
	width: var(--hamburgerWidth)
}

.w-auto {
	width: auto
}

.w-fit {
	width: -moz-fit-content;
	width: fit-content
}

.w-full {
	width: 100%
}

.min-w-\[100\%\] {
	min-width: 100%
}

.min-w-max {
	min-width: -moz-max-content;
	min-width: max-content
}

.max-w-\[420px\] {
	max-width: 420px
}

.max-w-\[6\.6rem\] {
	max-width: 6.6rem
}

.max-w-\[620px\] {
	max-width: 620px
}

.max-w-\[calc\(100\%-2\*var\(--wrap\)\)\] {
	max-width: calc(100% - var(--wrap)*2)
}

.max-w-none {
	max-width: none
}

.flex-1 {
	flex: 1 1 0%
}

.flex-none {
	flex: none
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-full {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-full {
	--tw-translate-x: -100%
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%
}

.-translate-y-1\/2,
.translate-y-\[140\%\] {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[140\%\] {
	--tw-translate-y: 140%
}

.scale-\[1\.01\] {
	--tw-scale-x: 1.01;
	--tw-scale-y: 1.01
}

.scale-\[1\.01\],
.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-default {
	cursor: default
}

.cursor-pointer {
	cursor: pointer
}

.resize {
	resize: both
}

.list-none {
	list-style-type: none
}

.columns-2 {
	-moz-columns: 2;
	column-count: 2
}

.break-inside-avoid {
	-moz-column-break-inside: avoid;
	break-inside: avoid
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-7 {
	grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-\[1fr_3\.4fr\] {
	grid-template-columns: 1fr 3.4fr
}

.grid-cols-\[1fr_7\.7fr\] {
	grid-template-columns: 1fr 7.7fr
}

.grid-cols-subgrid {
	grid-template-columns: subgrid
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.place-items-center {
	place-items: center
}

.items-start {
	align-items: flex-start
}

.items-end {
	align-items: flex-end
}

.items-center {
	align-items: center
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.gap-2 {
	gap: .5rem
}

.gap-4 {
	gap: 1rem
}

.gap-8 {
	gap: 2rem
}

.gap-wrap {
	gap: var(--wrap)
}

.gap-x-0 {
	-moz-column-gap: 0;
	column-gap: 0
}

.gap-x-0\.5 {
	-moz-column-gap: .125rem;
	column-gap: .125rem
}

.gap-x-1 {
	-moz-column-gap: .25rem;
	column-gap: .25rem
}

.gap-x-1\.5 {
	-moz-column-gap: .375rem;
	column-gap: .375rem
}

.gap-x-2 {
	-moz-column-gap: .5rem;
	column-gap: .5rem
}

.gap-x-4 {
	-moz-column-gap: 1rem;
	column-gap: 1rem
}

.gap-x-wrap {
	-moz-column-gap: var(--wrap);
	column-gap: var(--wrap)
}

.gap-y-1 {
	row-gap: .25rem
}

.gap-y-1\.5 {
	row-gap: .375rem
}

.gap-y-4 {
	row-gap: 1rem
}

.gap-y-8 {
	row-gap: 2rem
}

.self-center {
	align-self: center
}

.overflow-hidden {
	overflow: hidden
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-x-hidden {
	overflow-x: hidden
}

.overflow-y-hidden {
	overflow-y: hidden
}

.hyphens-auto {
	-webkit-hyphens: auto;
	hyphens: auto
}

.text-balance {
	text-wrap: balance
}

.rounded-\[15px\] {
	border-radius: 15px
}

.rounded-\[50\%\] {
	border-radius: 50%
}

.rounded-full {
	border-radius: 9999px
}

.rounded-intro {
	border-radius: 20px
}

.rounded-teaser {
	border-radius: 16px
}

.rounded-tl-teaser {
	border-top-left-radius: 16px
}

.rounded-tr-teaser {
	border-top-right-radius: 16px
}

.border {
	border-width: 1px
}

.border-b {
	border-bottom-width: 1px
}

.border-b-\[0\.5px\] {
	border-bottom-width: .5px
}

.border-black {
	--tw-border-opacity: 1;
	border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-pink {
	border-color: var(--color-pink)
}

.border-b-black {
	--tw-border-opacity: 1;
	border-bottom-color: rgb(0 0 0/var(--tw-border-opacity))
}

.bg-blue {
	background-color: var(--color-blue)
}

.bg-current {
	background-color: currentColor
}

.bg-green {
	background-color: var(--color-green)
}

.bg-lightblue {
	background-color: var(--color-blue-light)
}

.bg-lightgray {
	--tw-bg-opacity: 1;
	background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.bg-lightgreen {
	background-color: var(--color-green-light)
}

.bg-lightpink {
	background-color: var(--color-pink-light)
}

.bg-lightpurple {
	background-color: var(--color-purple-light)
}

.bg-lightred {
	background-color: var(--color-red-light)
}

.bg-lightyellow {
	background-color: var(--color-yellow-light)
}

.bg-pink {
	background-color: var(--color-pink)
}

.bg-purple {
	background-color: var(--color-purple)
}

.bg-red {
	background-color: var(--color-red)
}

.bg-transparent {
	background-color: transparent
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-yellow {
	background-color: var(--color-yellow)
}

.bg-checkmark {
	background-image: url(/wp-content/themes/web3000theme/images/checkbox.svg)
}

.bg-closecat {
	background-image: url(/wp-content/themes/web3000theme/images/close.svg)
}

.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.from-blue {
	--tw-gradient-from: var(--color-blue) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green {
	--tw-gradient-from: var(--color-green) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lightblue {
	--tw-gradient-from: var(--color-blue-light) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lightgreen {
	--tw-gradient-from: var(--color-green-light) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lightpink {
	--tw-gradient-from: var(--color-pink-light) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lightpurple {
	--tw-gradient-from: var(--color-purple-light) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lightred {
	--tw-gradient-from: var(--color-red-light) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lightyellow {
	--tw-gradient-from: var(--color-yellow-light) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink {
	--tw-gradient-from: var(--color-pink) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple {
	--tw-gradient-from: var(--color-purple) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red {
	--tw-gradient-from: var(--color-red) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
	--tw-gradient-from: #fff var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow {
	--tw-gradient-from: var(--color-yellow) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-blue {
	--tw-gradient-to: var(--color-blue) var(--tw-gradient-to-position)
}

.to-green {
	--tw-gradient-to: var(--color-green) var(--tw-gradient-to-position)
}

.to-lightblue {
	--tw-gradient-to: var(--color-blue-light) var(--tw-gradient-to-position)
}

.to-lightgreen {
	--tw-gradient-to: var(--color-green-light) var(--tw-gradient-to-position)
}

.to-lightpink {
	--tw-gradient-to: var(--color-pink-light) var(--tw-gradient-to-position)
}

.to-lightpurple {
	--tw-gradient-to: var(--color-purple-light) var(--tw-gradient-to-position)
}

.to-lightred {
	--tw-gradient-to: var(--color-red-light) var(--tw-gradient-to-position)
}

.to-lightyellow {
	--tw-gradient-to: var(--color-yellow-light) var(--tw-gradient-to-position)
}

.to-pink {
	--tw-gradient-to: var(--color-pink) var(--tw-gradient-to-position)
}

.to-purple {
	--tw-gradient-to: var(--color-purple) var(--tw-gradient-to-position)
}

.to-red {
	--tw-gradient-to: var(--color-red) var(--tw-gradient-to-position)
}

.to-white {
	--tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.to-yellow {
	--tw-gradient-to: var(--color-yellow) var(--tw-gradient-to-position)
}

.bg-contain {
	background-size: contain
}

.object-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.object-center {
	-o-object-position: center;
	object-position: center
}

.p-2 {
	padding: .5rem
}

.p-3 {
	padding: .75rem
}

.p-4 {
	padding: 1rem
}

.p-\[\.25em_\.4em_\.06em\] {
	padding: .25em .4em .06em
}

.p-wrap {
	padding: var(--wrap)
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-\[1\.55rem\] {
	padding-left: 1.55rem;
	padding-right: 1.55rem
}

.px-menuWrap {
	padding-left: var(--menuwrap);
	padding-right: var(--menuwrap)
}

.px-wrap {
	padding-left: var(--wrap);
	padding-right: var(--wrap)
}

.py-16 {
	padding-bottom: 4rem;
	padding-top: 4rem
}

.py-2 {
	padding-bottom: .5rem;
	padding-top: .5rem
}

.py-4 {
	padding-bottom: 1rem;
	padding-top: 1rem
}

.py-5 {
	padding-bottom: 1.25rem;
	padding-top: 1.25rem
}

.py-7 {
	padding-bottom: 1.75rem;
	padding-top: 1.75rem
}

.py-sectionPY {
	padding-bottom: var(--section-padding-y);
	padding-top: var(--section-padding-y)
}

.pb-0 {
	padding-bottom: 0
}

.pb-0\.5 {
	padding-bottom: .125rem
}

.pb-1 {
	padding-bottom: .25rem
}

.pb-1\.5 {
	padding-bottom: .375rem
}

.pb-10 {
	padding-bottom: 2.5rem
}

.pb-3 {
	padding-bottom: .75rem
}

.pb-4 {
	padding-bottom: 1rem
}

.pb-5 {
	padding-bottom: 1.25rem
}

.pb-6 {
	padding-bottom: 1.5rem
}

.pb-8 {
	padding-bottom: 2rem
}

.pb-\[\.1rem\] {
	padding-bottom: .1rem
}

.pb-\[1\.2rem\] {
	padding-bottom: 1.2rem
}

.pb-mbBlock {
	padding-bottom: var(--mb-block)
}

.pb-sectionMB {
	padding-bottom: var(--sectionMB)
}

.pb-textMB {
	padding-bottom: var(--text-margin-bottom)
}

.pb-textMBBig {
	padding-bottom: var(--text-bigmargin-bottom)
}

.pb-wrap {
	padding-bottom: var(--wrap)
}

.pl-1 {
	padding-left: .25rem
}

.pl-1\.5 {
	padding-left: .375rem
}

.pl-8 {
	padding-left: 2rem
}

.pr-4 {
	padding-right: 1rem
}

.pt-1 {
	padding-top: .25rem
}

.pt-10 {
	padding-top: 2.5rem
}

.pt-3 {
	padding-top: .75rem
}

.pt-4 {
	padding-top: 1rem
}

.pt-5 {
	padding-top: 1.25rem
}

.pt-6 {
	padding-top: 1.5rem
}

.pt-\[\.15em\] {
	padding-top: .15em
}

.pt-\[calc\(\.75\*var\(--wrap\)\)\] {
	padding-top: calc(var(--wrap)*.75)
}

.pt-colshero {
	padding-top: var(--colshero-height)
}

.pt-wrap {
	padding-top: var(--wrap)
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-\[100\%\] {
	font-size: 100%
}

.text-\[75\%\] {
	font-size: 75%
}

.text-body {
	font-size: var(--body-font-size)
}

.text-bodySmall {
	font-size: var(--small-font-size)
}

.text-h1big {
	font-size: var(--h1-big-font-size)
}

.text-h2 {
	font-size: var(--h2-font-size)
}

.text-h3 {
	font-size: var(--h3-font-size)
}

.text-mobile12 {
	font-size: var(--v4-mobile-size12)
}

.text-mobile18 {
	font-size: var(--v4-mobile-size18)
}

.text-mobile24 {
	font-size: var(--v4-mobile-size24)
}

.text-mobile36 {
	font-size: var(--v4-mobile-size36)
}

.text-mobileBody {
	font-size: var(--v4-mobile-sizeBody)
}

.font-bold {
	font-weight: 700
}

.uppercase {
	text-transform: uppercase
}

.leading-\[0em\] {
	line-height: 0em
}

.leading-\[1\.2\] {
	line-height: 1.2
}

.leading-\[1\.3\] {
	line-height: 1.3
}

.text-black {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue {
	color: var(--color-blue)
}

.text-breadcrumb {
	--tw-text-opacity: 1;
	color: rgb(88 88 88/var(--tw-text-opacity))
}

.text-pink {
	color: var(--color-pink)
}

.text-purple {
	color: var(--color-purple)
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-yellow {
	color: var(--color-yellow)
}

.underline {
	text-decoration-line: underline
}

.no-underline {
	text-decoration-line: none
}

.opacity-100 {
	opacity: 1
}

.opacity-50 {
	opacity: .5
}

.shadow-singleBlueBlock {
	--tw-shadow: 0px 0px 20px 0px var(--color-blue);
	--tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color)
}

.shadow-singleBlueBlock,
.shadow-singleGreenBlock {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-singleGreenBlock {
	--tw-shadow: 0px 0px 20px 0px var(--color-green);
	--tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color)
}

.shadow-singlePinkBlock {
	--tw-shadow: 0px 0px 20px 0px var(--color-pink);
	--tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color)
}

.shadow-singlePinkBlock,
.shadow-singlePurpleBlock {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-singlePurpleBlock {
	--tw-shadow: 0px 0px 20px 0px var(--color-purple);
	--tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color)
}

.shadow-singleRedBlock {
	--tw-shadow: 0px 0px 20px 0px var(--color-red);
	--tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color)
}

.shadow-singleRedBlock,
.shadow-singleWhiteBlock {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-singleWhiteBlock {
	--tw-shadow: 0px 0px 20px 0px var(--color-pink);
	--tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color)
}

.shadow-singleYellowBlock {
	--tw-shadow: 0px 0px 20px 0px var(--color-yellow);
	--tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-teaser {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color)
}

.shadow-teaser,
.shadow-teaserBlue {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-teaserBlue {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow-blue);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color)
}

.shadow-teaserGreen {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow-green);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color)
}

.shadow-teaserGreen,
.shadow-teaserPink {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-teaserPink {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow-pink);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color)
}

.shadow-teaserPurple {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow-purple);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color)
}

.shadow-teaserPurple,
.shadow-teaserRed {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-teaserRed {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow-red);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color)
}

.shadow-teaserYellow {
	--tw-shadow: 0px 3px 11px 0px var(--teaser-shadow-yellow);
	--tw-shadow-colored: 0px 3px 11px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.blur {
	--tw-blur: blur(8px)
}

.blur,
.invert {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
	--tw-invert: invert(100%)
}

.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[transform\2c colors\] {
	transition-duration: .15s;
	transition-property: transform, colors;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-shadow {
	transition-duration: .15s;
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
	transition-duration: .15s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-200 {
	transition-duration: .2s
}

.duration-500 {
	transition-duration: .5s
}

.ease-in {
	transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.minheight {
	min-height: calc(100svh - var(--header-height))
}

.minheightFull {
	min-height: 100svh
}

@media (min-width:1024px) {
	.minheightFull {
		min-height: 100vh
	}
}

.minheightMedia {
	height: 66svh;
	min-height: 66svh
}

@media (min-width:1024px) {
	.minheightMedia {
		height: calc(100svh - var(--header-height));
		min-height: calc(100svh - var(--header-height))
	}

	.hero-slideshow .minheightMedia {
		height: 100vh;
		min-height: 100vh
	}
}

@media (max-width:1023px) {
	body.single-post .hero-poster-mobile {
		-o-object-fit: contain;
		object-fit: contain;
		width: 100%
	}

	body.home .minheightMedia {
		min-height: calc(100svh - var(--header-height))
	}
}

@media (min-width:1024px) {
	html:not(.easy-mode) body.fullscreen-header .minheightMedia {
		height: 100svh;
		min-height: 100svh
	}
}

html.safari:not(.easy-mode) body.fullscreen-header:where(.swiper-media, .minheightMedia) {
	height: 100%
}

.maxheightMedia {
	overflow: hidden
}

@media (min-width:1024px) {
	.maxheightMedia {
		max-height: 100vh
	}
}

.fixedheight {
	height: calc(100svh - var(--header-height))
}

.color-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.color-black {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity))
}

.color-yellow {
	--tw-text-opacity: 1;
	color: rgb(255 255 0/var(--tw-text-opacity))
}

.color-pink {
	color: var(--color-pink)
}

:where(body.page-template-page-categoriesTemplate, body.fullscreen-header) #content {
	margin-top: calc(var(--header-height)*-1)
}

.easy-mode body.fullscreen-header #content {
	margin-top: 0
}

.easy-shown,
.easy-shown-flex {
	display: none
}

.forum-article:not(.easy-shown):first-of-type,
.forum-article:not(.easy-shown-flex):first-of-type,
.video-article:not(.easy-shown):first-of-type,
.video-article:not(.easy-shown-flex):first-of-type {
	padding-top: 0
}

.easy-mode .easy-shown {
	display: block
}

@media (min-width:1024px) {
	.easy-mode .hamburger-bar .change-design {
		display: none !important
	}
}

.easy-mode .easy-shown-flex {
	display: flex
}

.easy-mode section.fullwidth-text {
	min-height: 0 !important
}

.easy-mode .section-footer {
	border-top-width: 1px
}

.easy-mode masonry-element {
	margin-top: 0 !important
}

.easy-mode .easy-relative {
	left: 0 !important;
	position: relative !important;
	top: 0 !important
}

.easy-mode .easy-sticky {
	left: 0 !important;
	position: sticky !important;
	top: 0 !important
}

@media (min-width:1024px) {
	.easy-mode .easylg-relative {
		position: relative !important;
		top: 0 !important
	}
}

.easy-black,
.easy-colors {
	transition-duration: .3s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.easy-mode,
.easy-mode .cta-btn,
.easy-mode .easy-colors,
.easy-mode section {
	--tw-border-opacity: 1 !important;
	--tw-bg-opacity: 1 !important;
	--tw-text-opacity: 1 !important;
	background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
	border-color: rgb(0 0 0/var(--tw-border-opacity)) !important;
	color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.easy-mode .easy-black {
	--tw-text-opacity: 1 !important;
	color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.easy-mode header {
	height: auto !important
}

.easy-mode .swiper-pagination {
	--tw-text-opacity: 1 !important;
	color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.easy-mode .easy-category-image {
	opacity: 0
}

.easy-gray:not(.graph-logo),
.easy-img,
.easy-video {
	transition-duration: .3s;
	transition-property: opacity, color, background-color, filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.easy-mode .graph-logos img {
	position: static
}

.easy-mode .graph-logos picture:last-child img {
	opacity: 1;
	visibility: visible
}

.easy-mode .graph-logo,
.easy-mode :where(.easy-gray) {
	--tw-grayscale: grayscale(100%) !important;
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
	opacity: 1 !important
}

.easy-mode .easy-hidden,
.easy-mode .graph-logos picture:not(:last-child) {
	display: none !important
}

.forum-article:not(.easy-mode .easy-hidden):first-of-type,
.forum-article:not(.easy-mode .graph-logos picture:not(:last-child)):first-of-type,
.video-article:not(.easy-mode .easy-hidden):first-of-type,
.video-article:not(.easy-mode .graph-logos picture:not(:last-child)):first-of-type {
	padding-top: 0 !important
}

.easy-mode:where(.page-template-page-homeTemplate, .archive.category) .easy-video,
.easy-mode .cat-teaser img {
	opacity: 0 !important
}

html.easy-mode .easy-shadow {
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.easy-mode .scroll-spacer {
	display: none
}

.forum-article:not(.easy-mode .scroll-spacer):first-of-type,
.video-article:not(.easy-mode .scroll-spacer):first-of-type {
	padding-top: 0
}

.easy-mode .teaser-gradient:after {
	display: none
}

.forum-article:not(.easy-mode .teaser-gradient):first-of-type:after,
.video-article:not(.easy-mode .teaser-gradient):first-of-type:after {
	padding-top: 0
}

.easy-mode .teaser-gradient:after {

	//background:linear-gradient(0deg,#fff 1%,rgba(255,130,255,0))}.easy-mode .teaser-current img{max-height:20vmax!important;min-height:20vmax!important}@media (min-width:1024px){.easy-mode .teaser-current img{max-height:12rem!important;min-height:12rem!important}}@media (hover:hover) and (pointer:fine){.easy-mode .w3-btn:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}.easy-mode .cta-btn:hover,.easy-mode :where(.phase1-item,.phase2-item,.phase3-item){--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.easy-mode .cat-teaser:focus-visible .easy-shown,.easy-mode .cat-teaser:hover .easy-shown{text-decoration-line:underline}.easy-mode .cat-teaser:after{background:linear-gradient(-90deg,#ff82ff,#fff);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.easy-mode .lg\:-mt-headerHeight{margin-top:0}html.easy-mode .easy-noround{border-radius:0}@media (min-width:1024px){.easy-mode .cat-teaser:after{background:linear-gradient(90deg,#ff82ff,#fff 50.52%)}.easy-mode
	.cat-teaser:where(:nth-child(5), :nth-child(6), :nth-child(7), :nth-child(8)):after {
		background: linear-gradient(-90deg, #ff82ff, #fff 50.52%)
	}
}

html.easy-mode .no-order-easy * {
	order: unset !important
}

html.easy-mode .masonry-item .masonry-text {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-top-width: 1px
}

html.easy-mode .masonry-item--category-hero .easy-shadow {
	border-width: 1px
}

html.easy-mode .teaser-heading {
	margin-bottom: .25rem;
	margin-top: 0
}

html.easy-mode .w3-btn--blur,
html.easy-mode .w3-btn--pink {
	border-radius: 0;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

html.easy-mode .masonry-item .teaser-buttons {
	position: static
}

html.easy-mode .masonry-item .masonry-text .cat-btn {
	margin-bottom: 0
}

html.easy-mode .awads-grid,
html.easy-mode .magazine-grid {
	display: flex;
	flex-wrap: wrap;
	height: unset !important
}

@media (forced-colors:active) {
	.hamburger-bar {
		background: #000
	}

	.menu-close-button {
		background: #fff !important
	}

	.forum-button-next svg,
	.forum-button-prev svg,
	.menu-close-button,
	.svg-inverted,
	.swiper-button-next,
	.swiper-button-next svg,
	.swiper-button-prev,
	.swiper-button-prev svg {
		filter: invert(100%) hue-rotate(180deg)
	}

	.btn-magazine,
	.masonry-item-inner {
		border: 1px solid #fff
	}
}

.after\:absolute:after {
	content: var(--tw-content);
	position: absolute
}

.after\:inset-0:after {
	content: var(--tw-content);
	inset: 0
}

.after\:z-\[1\]:after {
	content: var(--tw-content);
	z-index: 1
}

.after\:content-\[\'\'\]:after {
	--tw-content: "";
	content: var(--tw-content)
}

.last\:border-b-0:last-child {
	border-bottom-width: 0
}

@media (hover:hover) and (pointer:fine) {
	.hover\:border-black:hover {
		--tw-border-opacity: 1;
		border-color: rgb(0 0 0/var(--tw-border-opacity))
	}

	.hover\:text-black:hover {
		--tw-text-opacity: 1;
		color: rgb(0 0 0/var(--tw-text-opacity))
	}

	.hover\:underline:hover {
		text-decoration-line: underline
	}

	.hover\:no-underline:hover {
		text-decoration-line: none
	}

	.hover\:opacity-100:hover {
		opacity: 1
	}

	.hover\:shadow-teaserHover:hover {
		--tw-shadow: 0px 3px 20px 5px var(--teaser-shadow);
		;
		--tw-shadow-colored: 0px 3px 20px 5px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}
}

.group.active .group-\[\&\.active\]\:block {
	display: block
}

.group.active .group-\[\&\.active\]\:hidden {
	display: none
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:flex {
		display: flex
	}

	.md\:grid {
		display: grid
	}

	.md\:hidden {
		display: none
	}

	.md\:w-\[calc\(\(100\%-2rem\)\/3\)\] {
		width: calc(33.33333% - .66667rem)
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.md\:flex-wrap {
		flex-wrap: wrap
	}

	.md\:justify-center {
		justify-content: center
	}

	.md\:gap-y-3 {
		row-gap: .75rem
	}

	.md\:py-2 {
		padding-bottom: .5rem;
		padding-top: .5rem
	}
}

@media (min-width:1024px) {
	.lg\:absolute {
		position: absolute
	}

	.lg\:relative {
		position: relative
	}

	.lg\:sticky {
		position: sticky
	}

	.lg\:bottom-\[2\.2rem\] {
		bottom: 2.2rem
	}

	.lg\:left-0 {
		left: 0
	}

	.lg\:left-1\/2,
	.lg\:left-\[50\%\] {
		left: 50%
	}

	.lg\:right-menuWrap {
		right: var(--menuwrap)
	}

	.lg\:top-0 {
		top: 0
	}

	.lg\:top-1\/2 {
		top: 50%
	}

	.lg\:top-\[\.06em\] {
		top: .06em
	}

	.lg\:top-\[\.3rem\] {
		top: .3rem
	}

	.lg\:top-\[calc\(var\(--header-height\)\+var\(--wrap\)\)\] {
		top: calc(var(--header-height) + var(--wrap))
	}

	.lg\:top-headerHeight {
		top: var(--header-height)
	}

	.lg\:top-wrap {
		top: var(--wrap)
	}

	.lg\:z-\[15\] {
		z-index: 15
	}

	.lg\:order-1 {
		order: 1
	}

	.lg\:col-span-10 {
		grid-column: span 10/span 10
	}

	.lg\:col-span-5 {
		grid-column: span 5/span 5
	}

	.lg\:col-span-6 {
		grid-column: span 6/span 6
	}

	.lg\:col-span-8 {
		grid-column: span 8/span 8
	}

	.lg\:col-start-1 {
		grid-column-start: 1
	}

	.lg\:col-start-2 {
		grid-column-start: 2
	}

	.lg\:col-start-3 {
		grid-column-start: 3
	}

	.lg\:-mt-1 {
		margin-top: -.25rem
	}

	.lg\:-mt-headerHeight {
		margin-top: calc(var(--header-height)*-1)
	}

	.lg\:mb-0 {
		margin-bottom: 0
	}

	.lg\:mb-1 {
		margin-bottom: .25rem
	}

	.lg\:mb-2 {
		margin-bottom: .5rem
	}

	.lg\:mb-\[0\.6rem\] {
		margin-bottom: .6rem
	}

	.lg\:mb-mbBlock {
		margin-bottom: var(--mb-block)
	}

	.lg\:ml-\[100\%\] {
		margin-left: 100%
	}

	.lg\:mr-1 {
		margin-right: .25rem
	}

	.lg\:mt-0 {
		margin-top: 0
	}

	.lg\:mt-wrap {
		margin-top: var(--wrap)
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-8 {
		height: 2rem
	}

	.lg\:h-\[100svh\] {
		height: 100svh
	}

	.lg\:h-\[14\.5rem\] {
		height: 14.5rem
	}

	.lg\:h-\[2\.5px\] {
		height: 2.5px
	}

	.lg\:h-\[50svh\] {
		height: 50svh
	}

	.lg\:h-forumTeaserHeight {
		height: var(--forum-teaser-height)
	}

	.lg\:h-screen {
		height: 100vh
	}

	.lg\:max-h-\[12rem\] {
		max-height: 12rem
	}

	.lg\:max-h-\[18\.2rem\] {
		max-height: 18.2rem
	}

	.lg\:max-h-forumTeaserHeight {
		max-height: var(--forum-teaser-height)
	}

	.lg\:min-h-\[100svh\] {
		min-height: 100svh
	}

	.lg\:min-h-\[12rem\] {
		min-height: 12rem
	}

	.lg\:min-h-\[15\.6rem\] {
		min-height: 15.6rem
	}

	.lg\:min-h-\[15rem\] {
		min-height: 15rem
	}

	.lg\:min-h-\[18\.2rem\] {
		min-height: 18.2rem
	}

	.lg\:min-h-\[var\(--header-height\)\] {
		min-height: var(--header-height)
	}

	.lg\:min-h-forumTeaserHeight {
		min-height: var(--forum-teaser-height)
	}

	.lg\:min-h-screen {
		min-height: 100vh
	}

	.lg\:min-h-svh {
		min-height: 100svh
	}

	.lg\:w-1 {
		width: .25rem
	}

	.lg\:w-1\.5 {
		width: .375rem
	}

	.lg\:w-1\/2 {
		width: 50%
	}

	.lg\:w-2\/5 {
		width: 40%
	}

	.lg\:w-3\/5 {
		width: 60%
	}

	.lg\:w-5 {
		width: 1.25rem
	}

	.lg\:w-8 {
		width: 2rem
	}

	.lg\:w-\[1px\] {
		width: 1px
	}

	.lg\:w-\[95\%\] {
		width: 95%
	}

	.lg\:w-\[calc\(50\%-var\(--wrap\)\)\] {
		width: calc(50% - var(--wrap))
	}

	.lg\:w-auto {
		width: auto
	}

	.lg\:w-full {
		width: 100%
	}

	.lg\:max-w-\[12rem\] {
		max-width: 12rem
	}

	.lg\:-translate-x-1\/2 {
		--tw-translate-x: -50%
	}

	.lg\:-translate-x-1\/2,
	.lg\:-translate-y-1\/2 {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.lg\:-translate-y-1\/2 {
		--tw-translate-y: -50%
	}

	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.lg\:grid-cols-\[1fr\2c 2\.22fr\] {
		grid-template-columns: 1fr 2.22fr
	}

	.lg\:grid-cols-\[1fr\2c 2\.32fr\] {
		grid-template-columns: 1fr 2.32fr
	}

	.lg\:grid-cols-\[1fr_5fr\] {
		grid-template-columns: 1fr 5fr
	}

	.lg\:grid-cols-subgrid {
		grid-template-columns: subgrid
	}

	.lg\:flex-col {
		flex-direction: column
	}

	.lg\:items-start {
		align-items: flex-start
	}

	.lg\:items-end {
		align-items: flex-end
	}

	.lg\:justify-end {
		justify-content: flex-end
	}

	.lg\:justify-center {
		justify-content: center
	}

	.lg\:justify-between {
		justify-content: space-between
	}

	.lg\:gap-8 {
		gap: 2rem
	}

	.lg\:gap-menuWrap {
		gap: var(--menuwrap)
	}

	.lg\:gap-x-2 {
		-moz-column-gap: .5rem;
		column-gap: .5rem
	}

	.lg\:gap-x-3 {
		-moz-column-gap: .75rem;
		column-gap: .75rem
	}

	.lg\:gap-x-4 {
		-moz-column-gap: 1rem;
		column-gap: 1rem
	}

	.lg\:gap-x-\[5rem\] {
		-moz-column-gap: 5rem;
		column-gap: 5rem
	}

	.lg\:gap-x-forumVideoGridGap {
		-moz-column-gap: var(--forum-video-grid-gap);
		column-gap: var(--forum-video-grid-gap)
	}

	.lg\:gap-y-2 {
		row-gap: .5rem
	}

	.lg\:gap-y-6 {
		row-gap: 1.5rem
	}

	.lg\:overflow-y-auto {
		overflow-y: auto
	}

	.lg\:overflow-x-visible {
		overflow-x: visible
	}

	.lg\:overflow-y-scroll {
		overflow-y: scroll
	}

	.lg\:rounded-\[22px\] {
		border-radius: 22px
	}

	.lg\:bg-blue {
		background-color: var(--color-blue)
	}

	.lg\:bg-green {
		background-color: var(--color-green)
	}

	.lg\:bg-lightblue {
		background-color: var(--color-blue-light)
	}

	.lg\:bg-lightgreen {
		background-color: var(--color-green-light)
	}

	.lg\:bg-lightpink {
		background-color: var(--color-pink-light)
	}

	.lg\:bg-lightpurple {
		background-color: var(--color-purple-light)
	}

	.lg\:bg-lightred {
		background-color: var(--color-red-light)
	}

	.lg\:bg-lightyellow {
		background-color: var(--color-yellow-light)
	}

	.lg\:bg-pink {
		background-color: var(--color-pink)
	}

	.lg\:bg-purple {
		background-color: var(--color-purple)
	}

	.lg\:bg-red {
		background-color: var(--color-red)
	}

	.lg\:bg-yellow {
		background-color: var(--color-yellow)
	}

	.lg\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.lg\:px-3 {
		padding-left: .75rem;
		padding-right: .75rem
	}

	.lg\:py-1 {
		padding-bottom: .25rem;
		padding-top: .25rem
	}

	.lg\:py-wrap {
		padding-bottom: var(--wrap);
		padding-top: var(--wrap)
	}

	.lg\:pb-0 {
		padding-bottom: 0
	}

	.lg\:pb-1 {
		padding-bottom: .25rem
	}

	.lg\:pb-1\.5 {
		padding-bottom: .375rem
	}

	.lg\:pb-4 {
		padding-bottom: 1rem
	}

	.lg\:pb-\[1\.2rem\] {
		padding-bottom: 1.2rem
	}

	.lg\:pl-wrap {
		padding-left: var(--wrap)
	}

	.lg\:pr-4 {
		padding-right: 1rem
	}

	.lg\:pr-5 {
		padding-right: 1.25rem
	}

	.lg\:pr-wrap {
		padding-right: var(--wrap)
	}

	.lg\:pt-0 {
		padding-top: 0
	}

	.lg\:pt-1 {
		padding-top: .25rem
	}

	.lg\:pt-1\.5 {
		padding-top: .375rem
	}

	.lg\:pt-\[1\.38rem\] {
		padding-top: 1.38rem
	}

	.lg\:pt-wrap {
		padding-top: var(--wrap)
	}

	.lg\:text-center {
		text-align: center
	}

	.lg\:text-\[55\%\] {
		font-size: 55%
	}

	.lg\:text-base {
		font-size: 1rem
	}

	.lg\:text-body {
		font-size: var(--body-font-size)
	}

	.lg\:text-desktop12 {
		font-size: var(--v4-desktop-size12)
	}

	.lg\:text-desktop14 {
		font-size: var(--v4-desktop-size14)
	}

	.lg\:text-desktop16 {
		font-size: var(--v4-desktop-size16)
	}

	.lg\:text-desktop24 {
		font-size: var(--v4-desktop-size24)
	}

	.lg\:text-desktop32 {
		font-size: var(--v4-desktop-size32)
	}

	.lg\:text-desktop64 {
		font-size: var(--v4-desktop-size64)
	}

	.lg\:text-desktopBody {
		font-size: var(--v4-desktop-sizeBody)
	}

	.lg\:text-black {
		--tw-text-opacity: 1;
		color: rgb(0 0 0/var(--tw-text-opacity))
	}

	.lg\:shadow-popup {
		--tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
		--tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}
}

@media (max-width:1023px) {
	.lgdown\:sticky {
		position: sticky
	}

	.lgdown\:top-\[var\(--header-height\)\] {
		top: var(--header-height)
	}

	.lgdown\:z-\[31\] {
		z-index: 31
	}

	.lgdown\:mt-\[-1\.1em\] {
		margin-top: -1.1em
	}

	.lgdown\:hidden {
		display: none
	}

	.lgdown\:columns-2 {
		-moz-columns: 2;
		column-count: 2
	}

	.lgdown\:bg-white {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255/var(--tw-bg-opacity))
	}
}

:root {
	--pol-bg: #fff;
	--pol-radius: 14px;
	--pol-pad-x: .4rem;
	--pol-pad-y: .4rem;
	--pol-pad-bottom: 46px;
	--pol-outer-shadow: 0 14px 30px rgba(0, 0, 0, .18);
	--photo-radius: 8px;
}

.polaroid-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	max-width: 1400px;
	margin: 0 auto;
}

/* Tablet: 2 Spalten */
@media (max-width: 768px) {
	.polaroid-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
}

/* Mobile: 1 Spalte */
@media (max-width: 480px) {
	.polaroid-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

/* Container im Polaroid-Look */
a.polaroid {
	display: flex;
	flex-direction: column;
	gap: 10px;
	aspect-ratio: 10/13;
	background: var(--pol-bg);
	padding-top: var(--pol-pad-y);
	padding-left: var(--pol-pad-x);
	padding-right: var(--pol-pad-x);
	padding-bottom: var(--pol-pad-y);
	box-shadow: var(--pol-outer-shadow);
	overflow: hidden;
	justify-self: center;
	max-width: 400px;
	width: 100%;
	margin-bottom: 0;
	text-decoration: none;
}

/* Das Bild */
.polaroid>img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	display: block;
	position: relative;
	margin-bottom: var(--pol-pad-y);
	z-index: 0;
}

/* INNERER SCHATTEN nur im Fotoausschnitt */
.polaroid>img::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	/* weiche Vignette nach innen */
	box-shadow:
		inset 0 10px 20px rgba(0, 0, 0, .18),
		inset 0 -10px 20px rgba(0, 0, 0, .16),
		inset 10px 0 20px rgba(0, 0, 0, .12),
		inset -10px 0 20px rgba(0, 0, 0, .12);
	pointer-events: none;
}

/* Caption (die dickere untere „Polaroid“-Kante) */
.polaroid span {
	color: rgb(0, 0, 0);
	letter-spacing: .2px;
	justify-self: center;
	user-select: none;
	text-decoration: none;
	font-size: .5rem;
}

.polaroid br {
	display: none;
}

/* leichte Hover-Interaktion (optional) */
.polaroid:hover {
	transform: translateY(-1px);
	transition: transform .2s ease, box-shadow .2s ease;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
}