:root {
	--spacing: 120px;
	--spacing-two-thirds: calc( var(--spacing) * 2 / 3);
	--spacing-half: calc( var(--spacing) / 2);
	--spacing-third: calc( var(--spacing) / 3);
	--spacing-sixth: calc( var(--spacing) / 6);
	--spacing-minimal: calc( var(--spacing) / 10);
	--spacing-atom: calc( var(--spacing) / 20);
	--ho-button-spacing-bottom: calc( var(--spacing) / 6);
	--ho-button-spacing: 6px;
	--ho-tag-spacing:6px;
	--ho-tag-spacing-bottom: 6px;
	--ho-scale: 1;
}

@media (max-width: 762px)
{
	:root {
		--spacing: 72px;
	}
}

.wp-block-ho-area {
	position: relative;
	width: 100%;
	height: auto; }

.wp-block-ho-div, .wp-block-ho-pattern, .wp-block-ho-flash {
	position: relative; }

.position-relative {
	position: relative; }

.pointer-events-auto {
	pointer-events: auto; }

.pointer-events-none {
	pointer-events: none; }

.wp-block.position-absolute, .position-absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0; }

.wp-block.position-fixed, .position-fixed {
	position: -webkit-sticky;
	position: sticky;
	top: 0; }

.overflow-auto {
	overflow: auto; }

.overflow-visible {
	overflow: visible; }

.overflow-hidden {
	overflow: hidden; }

/* Vertikale Ausrichtung mit "align-items" und horizontale Ausrichtung mit "justify-content" */
.flex-align-top-left {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start; }

.flex-align-top-center {
	display: flex;
	justify-content: center;
	align-items: flex-start; }

.flex-align-top-right {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start; }

.flex-align-center-left {
	display: flex;
	justify-content: flex-start;
	align-items: center; }

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

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

.flex-align-bottom-left {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end; }

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

.flex-align-bottom-right {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end; }

.text-align-left
{
	text-align: left;
}

.text-align-center
{
	text-align: center;
}

.text-align-right
{
	text-align: right;
}

@media (max-width: 1023px) {
	.mobile-text-align-left
	{
		text-align: left;
	}

	.mobile-text-align-center
	{
		text-align: center;
	}

	.mobile-text-align-right
	{
		text-align: right;
	}

	.mobile-flex-align-top-left {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start; }

	.mobile-flex-align-top-center {
		display: flex;
		justify-content: center;
		align-items: flex-start; }

	.mobile-flex-align-top-right {
		display: flex;
		justify-content: flex-end;
		align-items: flex-start; }

	.mobile-flex-align-center-left {
		display: flex;
		justify-content: flex-start;
		align-items: center; }

	.mobile-flex-align-center-center {
		display: flex;
		justify-content: center;
		align-items: center; }

	.mobile-flex-align-center-right {
		display: flex;
		justify-content: flex-end;
		align-items: center; }

	.mobile-flex-align-bottom-left {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end; }

	.mobile-flex-align-bottom-center {
		display: flex;
		justify-content: center;
		align-items: flex-end; }

	.mobile-flex-align-bottom-right {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end; }
}


.wp-block-ho-buttons
{
	display: flex;
	flex-wrap: nowrap;
}


.ho-button-spacing-left
{
	margin-left: var(--ho-button-spacing);
}

.ho-button-spacing-right
{
	margin-right: var(--ho-button-spacing);
}

.wp-block-ho-buttons .wp-block-ho-buttons-item,.wp-block-ho-buttons .ho-button
{
	margin-left: var(--ho-button-spacing);
	margin-right: var(--ho-button-spacing);

	&:first-of-type
	{
		margin-left: 0;
	}

	&:last-of-type
	{
		margin-right: 0;
	}
}

.flex-layout-align-left {
	justify-content: flex-start;
}

.flex-layout-align-center {
	justify-content: center;
}

.wp-block-ho-buttons.flex-layout-align-center {
	justify-content: center;
}

.flex-layout-align-right {
	justify-content: flex-end;
}

.wp-block-ho-buttons.flex-layout-align-right {
	justify-content: flex-end;
}

.wp-block-ho-buttons.flex-layout-align-right .wp-block-ho-buttons-item,.wp-block-ho-buttons.flex-layout-align-right .ho-button {
	&:last-of-type{
		margin-right: 0 !important;
	}
}

.flex-layout-align-full-width {
	width: 100%;
}

.wp-block-ho-buttons.flex-layout-align-full-width {
	width: 100%;
	flex-wrap: wrap;
}

.wp-block-ho-buttons.flex-layout-align-full-width .wp-block-ho-buttons-item,.wp-block-ho-buttons.flex-layout-align-full-width .ho-button {
	margin-left: 0;
	margin-right: 0;
	width: 100%;

	margin-bottom: var(--ho-button-spacing-bottom);

	&:last-of-type {
		margin-bottom: 0;
	}
}

.flex-layout-direction-column {
	display: flex;
	flex-direction: column;
}

.flex-layout-direction-row {
	display: flex;
	flex-direction: row;
}

.flex-layout-direction-row-reverse {
	display: flex;
	flex-direction: row-reverse;
}

.flex-layout-direction-column-reverse {
	display: flex;
	flex-direction: column-reverse;
}

.flex-layout-align-stretch {
	align-items: stretch;
}

.wp-block-ho-buttons.flex-layout-align-stretch {
	justify-content: stretch;
}

.wp-block-ho-buttons.flex-layout-align-stretch .wp-block-ho-buttons-item,.wp-block-ho-buttons.flex-layout-align-stretch .ho-button
{
	width: 100%;
}

.flex-layout-align-space-around {
	justify-content: space-around;
}

.flex-layout-align-space-between {
	justify-content: space-between;
}

.flex-layout-align-space-evenly {
	justify-content: space-evenly;
}

.flex-full-height {
	display: flex;
	flex-direction: column;
	height: 100svh;
}

@media (max-width: 1023px) {
	.mobile-flex-layout-direction-column {
		display: flex;
		flex-direction: column;
	}

	.mobile-flex-layout-direction-row {
		display: flex;
		flex-direction: row;
	}

	.mobile-flex-layout-direction-row-reverse {
		display: flex;
		flex-direction: row-reverse;
	}

	.mobile-flex-layout-direction-column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}

	.mobile-flex-full-height {
		display: flex;
		flex-direction: column;
		height: 100svh;
	}

	.mobile-flex-layout-align-left {
		justify-content: flex-start;
	}

	.mobile-flex-layout-align-center {
		justify-content: center;
	}

	.mobile-flex-layout-align-right {
		justify-content: flex-end;
	}

	.mobile-flex-layout-align-full-width {
		width: 100%;
	}

	.wp-block-ho-buttons.mobile-flex-layout-align-full-width {
		width: 100%;
		flex-wrap: wrap;
	}

	.wp-block-ho-buttons.mobile-flex-layout-align-full-width .wp-block-ho-buttons-item,	.wp-block-ho-buttons.mobile-flex-layout-align-full-width .ho-button {
		margin-left: 0;
		margin-right: 0;
		width: 100%;

		margin-bottom: var(--ho-button-spacing-bottom);

		&:last-of-type{
			margin-bottom: 0;
		}
	}

	.mobile-flex-layout-align-stretch {
		align-items: stretch;
	}

	.wp-block-ho-buttons.mobile-flex-layout-align-stretch {
		justify-content: stretch;
	}

	.wp-block-ho-buttons.mobile-flex-layout-align-stretch .wp-block-ho-buttons-item,.wp-block-ho-buttons.mobile-flex-layout-align-stretch .ho-button
	{
		width: 100%;
	}

	.mobile-flex-layout-align-space-around {
		justify-content: space-around;
	}

	.mobile-flex-layout-align-space-between {
		justify-content: space-between;
	}

	.mobile-flex-layout-align-space-evenly {
		justify-content: space-evenly;
	}
}

.sizes-height-default {
	height: auto; }

.sizes-height-fill {
	height: 100%; }

.sizes-width-fill {
	width: 100%; }

.sizes-height-full {
	height: 100vh; }

.sizes-height-custom.content-position-fill > *, .sizes-height-full.content-position-fill > * {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; }

.z-index--1 {
	z-index: -1; }

.z-index-0 {
	z-index: 0; }

.z-index-1 {
	z-index: 1; }

.z-index-2 {
	z-index: 2; }

.z-index-3 {
	z-index: 3; }

.z-index-4 {
	z-index: 4; }

.z-index-5 {
	z-index: 5; }

.z-index-6 {
	z-index: 6; }

.z-index-7 {
	z-index: 7; }

.z-index-8 {
	z-index: 8; }

.z-index-9 {
	z-index: 9; }

.z-index-10 {
	z-index: 10; }

.z-index-11 {
	z-index: 11; }

.z-index-12 {
	z-index: 12; }

.z-index-13 {
	z-index: 13; }

.z-index-14 {
	z-index: 14; }

.z-index-15 {
	z-index: 15; }

.z-index-16 {
	z-index: 16; }

.z-index-17 {
	z-index: 17; }

.z-index-18 {
	z-index: 18; }

.z-index-19 {
	z-index: 19; }

.z-index-20 {
	z-index: 20; }

.z-index-21 {
	z-index: 21; }

.z-index-22 {
	z-index: 22; }

.z-index-23 {
	z-index: 23; }

.z-index-24 {
	z-index: 24; }

.z-index-25 {
	z-index: 25; }

.z-index-26 {
	z-index: 26; }

.z-index-27 {
	z-index: 27; }

.z-index-28 {
	z-index: 28; }

.z-index-29 {
	z-index: 29; }

.z-index-30 {
	z-index: 30; }

.z-index-31 {
	z-index: 31; }

.z-index-32 {
	z-index: 32; }

.z-index-33 {
	z-index: 33; }

.z-index-34 {
	z-index: 34; }

.z-index-35 {
	z-index: 35; }

.z-index-36 {
	z-index: 36; }

.z-index-37 {
	z-index: 37; }

.z-index-38 {
	z-index: 38; }

.z-index-39 {
	z-index: 39; }

.z-index-40 {
	z-index: 40; }

.z-index-41 {
	z-index: 41; }

.z-index-42 {
	z-index: 42; }

.z-index-43 {
	z-index: 43; }

.z-index-44 {
	z-index: 44; }

.z-index-45 {
	z-index: 45; }

.z-index-46 {
	z-index: 46; }

.z-index-47 {
	z-index: 47; }

.z-index-48 {
	z-index: 48; }

.z-index-49 {
	z-index: 49; }

.z-index-50 {
	z-index: 50; }

.z-index-51 {
	z-index: 51; }

.z-index-52 {
	z-index: 52; }

.z-index-53 {
	z-index: 53; }

.z-index-54 {
	z-index: 54; }

.z-index-55 {
	z-index: 55; }

.z-index-56 {
	z-index: 56; }

.z-index-57 {
	z-index: 57; }

.z-index-58 {
	z-index: 58; }

.z-index-59 {
	z-index: 59; }

.z-index-60 {
	z-index: 60; }

.z-index-61 {
	z-index: 61; }

.z-index-62 {
	z-index: 62; }

.z-index-63 {
	z-index: 63; }

.z-index-64 {
	z-index: 64; }

.z-index-65 {
	z-index: 65; }

.z-index-66 {
	z-index: 66; }

.z-index-67 {
	z-index: 67; }

.z-index-68 {
	z-index: 68; }

.z-index-69 {
	z-index: 69; }

.z-index-70 {
	z-index: 70; }

.z-index-71 {
	z-index: 71; }

.z-index-72 {
	z-index: 72; }

.z-index-73 {
	z-index: 73; }

.z-index-74 {
	z-index: 74; }

.z-index-75 {
	z-index: 75; }

.z-index-76 {
	z-index: 76; }

.z-index-77 {
	z-index: 77; }

.z-index-78 {
	z-index: 78; }

.z-index-79 {
	z-index: 79; }

.z-index-80 {
	z-index: 80; }

.z-index-81 {
	z-index: 81; }

.z-index-82 {
	z-index: 82; }

.z-index-83 {
	z-index: 83; }

.z-index-84 {
	z-index: 84; }

.z-index-85 {
	z-index: 85; }

.z-index-86 {
	z-index: 86; }

.z-index-87 {
	z-index: 87; }

.z-index-88 {
	z-index: 88; }

.z-index-89 {
	z-index: 89; }

.z-index-90 {
	z-index: 90; }

.z-index-91 {
	z-index: 91; }

.z-index-92 {
	z-index: 92; }

.z-index-93 {
	z-index: 93; }

.z-index-94 {
	z-index: 94; }

.z-index-95 {
	z-index: 95; }

.z-index-96 {
	z-index: 96; }

.z-index-97 {
	z-index: 97; }

.z-index-98 {
	z-index: 98; }

.z-index-99 {
	z-index: 99; }

.z-index-100 {
	z-index: 100; }

.margin-top-7 {
	margin-top: var(--spacing);
}

.margin-top-6 {
	margin-top: var(--spacing-two-thirds);
}

.margin-top-5 {
	margin-top: var(--spacing-half);
}

.margin-top-4 {
	margin-top: var(--spacing-third);
}

.margin-top-3 {
	margin-top: var(--spacing-sixth);
}

.margin-top-2 {
	margin-top: var(--spacing-minimal);
}

.margin-top-1 {
	margin-top: var(--spacing-atom);
}

.margin-left-7 {
	margin-left: var(--spacing);
}

.margin-left-6 {
	margin-left: var(--spacing-two-thirds);
}

.margin-left-5 {
	margin-left: var(--spacing-half);
}

.margin-left-4 {
	margin-left: var(--spacing-third);
}

.margin-left-3 {
	margin-left: var(--spacing-sixth);
}

.margin-left-2 {
	margin-left: var(--spacing-minimal);
}

.margin-left-1 {
	margin-left: var(--spacing-atom);
}

.margin-right-7 {
	margin-right: var(--spacing);
}

.margin-right-6 {
	margin-right: var(--spacing-two-thirds);
}

.margin-right-5 {
	margin-right: var(--spacing-half);
}

.margin-right-4 {
	margin-right: var(--spacing-third);
}

.margin-right-3 {
	margin-right: var(--spacing-sixth);
}

.margin-right-2 {
	margin-right: var(--spacing-minimal);
}

.margin-right-1 {
	margin-right: var(--spacing-atom);
}

.margin-left-minus-7 {
	margin-left: calc(-1 * var(--spacing));
}

.margin-left-minus-6 {
	margin-left: calc(-1 * var(--spacing-two-thirds));
}

.margin-left-minus-5 {
	margin-left: calc(-1 * var(--spacing-half));
}

.margin-left-minus-4 {
	margin-left: calc(-1 * var(--spacing-third));
}

.margin-left-minus-3 {
	margin-left: calc(-1 * var(--spacing-sixth));
}

.margin-left-minus-2 {
	margin-left: calc(-1 * var(--spacing-minimal));
}

.margin-left-minus-1 {
	margin-left: calc(-1 * var(--spacing-atom));
}

.margin-right-minus-7 {
	margin-right: calc(-1 * var(--spacing));
}

.margin-right-minus-6 {
	margin-right: calc(-1 * var(--spacing-two-thirds));
}

.margin-right-minus-5 {
	margin-right: calc(-1 * var(--spacing-half));
}

.margin-right-minus-4 {
	margin-right: calc(-1 * var(--spacing-third));
}

.margin-right-minus-3 {
	margin-right: calc(-1 * var(--spacing-sixth));
}

.margin-right-minus-2 {
	margin-right: calc(-1 * var(--spacing-minimal));
}

.margin-right-minus-1 {
	margin-right: calc(-1 * var(--spacing-atom));
}

.margin-bottom, .margin-bottom-7 {
	margin-bottom: var(--spacing); }

.margin-top-minus-7 { margin-top: calc(-1 * var(--spacing)); }
.margin-bottom-minus-7 { margin-bottom: calc(-1 * var(--spacing)); }

.margin-bottom-two-thirds, .margin-bottom-6 {
	margin-bottom: var(--spacing-two-thirds); }

.margin-top-minus-6 { margin-top: calc(-1 * var(--spacing-two-thirds)); }
.margin-bottom-minus-6 { margin-bottom: calc(-1 * var(--spacing-two-thirds)); }

.margin-bottom-half, .margin-bottom-5 {
	margin-bottom: var(--spacing-half); }

.margin-top-minus-5 { margin-top: calc(-1 * var(--spacing-half)); }
.margin-bottom-minus-5 { margin-bottom: calc(-1 * var(--spacing-half)); }

.margin-bottom-third, .margin-bottom-4 {
	margin-bottom: var(--spacing-third); }

.margin-top-minus-4 { margin-top: calc(-1 * var(--spacing-third)); }
.margin-bottom-minus-4 { margin-bottom: calc(-1 * var(--spacing-third)); }


.margin-bottom-sixth, .margin-bottom-3 {
	margin-bottom: var(--spacing-sixth); }

.margin-top-minus-3 { margin-top: calc(-1 * var(--spacing-sixth)); }
.margin-bottom-minus-3 { margin-bottom: calc(-1 * var(--spacing-sixth)); }

.margin-bottom-minimal, .margin-bottom-2 {
	margin-bottom: var(--spacing-minimal); }

.margin-top-minus-2 { margin-top: calc(-1 * var(--spacing-minimal)); }
.margin-bottom-minus-2 { margin-bottom: calc(-1 * var(--spacing-minimal)); }

.margin-bottom-atom, .margin-bottom-1 {
	margin-bottom: var(--spacing-atom); }

.margin-top-minus-1 { margin-top: calc(-1 * var(--spacing-atom)); }
.margin-bottom-minus-1 { margin-bottom: calc(-1 * var(--spacing-atom)); }

.margin-bottom-zero, .margin-bottom-0 {
	margin-bottom: 0; }

.margin-top-zero, .margin-top-0 {
	margin-top: 0; }

@media (max-width: 1023px) {
	.mobile-margin-left-7 {
		margin-left: var(--spacing);
	}

	.mobile-margin-left-6 {
		margin-left: var(--spacing-two-thirds);
	}

	.mobile-margin-left-5 {
		margin-left: var(--spacing-half);
	}

	.mobile-margin-left-4 {
		margin-left: var(--spacing-third);
	}

	.mobile-margin-left-3 {
		margin-left: var(--spacing-sixth);
	}

	.mobile-margin-left-2 {
		margin-left: var(--spacing-minimal);
	}

	.mobile-margin-left-1 {
		margin-left: var(--spacing-atom);
	}

	.mobile-margin-left-0 {
		margin-left: 0;
	}

	.mobile-margin-left-minus-7 {
		margin-left: calc(-1 * var(--spacing));
	}

	.mobile-margin-left-minus-6 {
		margin-left: calc(-1 * var(--spacing-two-thirds));
	}

	.mobile-margin-left-minus-5 {
		margin-left: calc(-1 * var(--spacing-half));
	}

	.mobile-margin-left-minus-4 {
		margin-left: calc(-1 * var(--spacing-third));
	}

	.mobile-margin-left-minus-3 {
		margin-left: calc(-1 * var(--spacing-sixth));
	}

	.mobile-margin-left-minus-2 {
		margin-left: calc(-1 * var(--spacing-minimal));
	}

	.mobile-margin-left-minus-1 {
		margin-left: calc(-1 * var(--spacing-atom));
	}

	.mobile-margin-right-7 {
		margin-right: var(--spacing);
	}

	.mobile-margin-right-6 {
		margin-right: var(--spacing-two-thirds);
	}

	.mobile-margin-right-5 {
		margin-right: var(--spacing-half);
	}

	.mobile-margin-right-4 {
		margin-right: var(--spacing-third);
	}

	.mobile-margin-right-3 {
		margin-right: var(--spacing-sixth);
	}

	.mobile-margin-right-2 {
		margin-right: var(--spacing-minimal);
	}

	.mobile-margin-right-1 {
		margin-right: var(--spacing-atom);
	}

	.mobile-margin-right-0 {
		margin-right: 0;
	}

	.mobile-margin-right-minus-7 {
		margin-right: calc(-1 * var(--spacing));
	}

	.mobile-margin-right-minus-6 {
		margin-right: calc(-1 * var(--spacing-two-thirds));
	}

	.mobile-margin-right-minus-5 {
		margin-right: calc(-1 * var(--spacing-half));
	}

	.mobile-margin-right-minus-4 {
		margin-right: calc(-1 * var(--spacing-third));
	}

	.mobile-margin-right-minus-3 {
		margin-right: calc(-1 * var(--spacing-sixth));
	}

	.mobile-margin-right-minus-2 {
		margin-right: calc(-1 * var(--spacing-minimal));
	}

	.mobile-margin-right-minus-1 {
		margin-right: calc(-1 * var(--spacing-atom));
	}

	.mobile-margin-bottom-7 {
		margin-bottom: var(--spacing);
	}
	.mobile-margin-bottom-minus-7 {
		margin-bottom: calc(-1 * var(--spacing));
	}

	.mobile-margin-bottom-6 {
		margin-bottom: var(--spacing-two-thirds);
	}
	.mobile-margin-bottom-minus-6 {
		margin-bottom: calc(-1 * var(--spacing-two-thirds));
	}

	.mobile-margin-bottom-5 {
		margin-bottom: var(--spacing-half);
	}
	.mobile-margin-bottom-minus-5 {
		margin-bottom: calc(-1 * var(--spacing-half));
	}

	.mobile-margin-bottom-4 {
		margin-bottom: var(--spacing-third);
	}
	.mobile-margin-bottom-minus-4 {
		margin-bottom: calc(-1 * var(--spacing-third));
	}

	.mobile-margin-bottom-3 {
		margin-bottom: var(--spacing-sixth);
	}
	.mobile-margin-bottom-minus-3 {
		margin-bottom: calc(-1 * var(--spacing-sixth));
	}

	.mobile-margin-bottom-2 {
		margin-bottom: var(--spacing-minimal);
	}
	.mobile-margin-bottom-minus-2 {
		margin-bottom: calc(-1 * var(--spacing-minimal));
	}

	.mobile-margin-bottom-1 {
		margin-bottom: var(--spacing-atom);
	}
	.mobile-margin-bottom-minus-1 {
		margin-bottom: calc(-1 * var(--spacing-atom));
	}

	.mobile-margin-bottom-0 {
		margin-bottom: 0;
	}
	.mobile-margin-top-minus-7 {
		margin-top: calc(-1 * var(--spacing));
	}
	.mobile-margin-top-minus-6 {
		margin-top: calc(-1 * var(--spacing-two-thirds));
	}
	.mobile-margin-top-minus-5 {
		margin-top: calc(-1 * var(--spacing-half));
	}
	.mobile-margin-top-minus-4 {
		margin-top: calc(-1 * var(--spacing-third));
	}
	.mobile-margin-top-minus-3 {
		margin-top: calc(-1 * var(--spacing-sixth));
	}
	.mobile-margin-top-minus-2 {
		margin-top: calc(-1 * var(--spacing-minimal));
	}
	.mobile-margin-top-minus-1 {
		margin-top: calc(-1 * var(--spacing-atom));
	}
	.mobile-margin-top-0 {
		margin-top: 0;
	}

	.mobile-margin-top-7 {
		margin-top: var(--spacing);
	}
	.mobile-margin-top-6 {
		margin-top: var(--spacing-two-thirds);
	}
	.mobile-margin-top-5 {
		margin-top: var(--spacing-half);
	}
	.mobile-margin-top-4 {
		margin-top: var(--spacing-third);
	}
	.mobile-margin-top-3 {
		margin-top: var(--spacing-sixth);
	}
	.mobile-margin-top-2 {
		margin-top: var(--spacing-minimal);
	}
	.mobile-margin-top-1 {
		margin-top: var(--spacing-atom);
	}
}

.padding-top, .padding-top-7 {
	padding-top: var(--spacing); }

.padding-top-two-thirds, .padding-top-6 {
	padding-top: var(--spacing-two-thirds); }

.padding-top-half, .padding-top-5 {
	padding-top: var(--spacing-half); }

.padding-top-third, .padding-top-4 {
	padding-top: var(--spacing-third); }

.padding-top-sixth, .padding-top-3 {
	padding-top: var(--spacing-sixth); }

.padding-top-minimal, .padding-top-2 {
	padding-top: var(--spacing-minimal); }

.padding-top-atom, .padding-top-1 {
	padding-top: var(--spacing-atom); }

.padding-bottom, .padding-bottom-7 {
	padding-bottom: var(--spacing); }

.padding-bottom-two-thirds, .padding-bottom-6 {
	padding-bottom: var(--spacing-two-thirds); }

.padding-bottom-half, .padding-bottom-5 {
	padding-bottom: var(--spacing-half); }

.padding-bottom-third, .padding-bottom-4 {
	padding-bottom: var(--spacing-third); }

.padding-bottom-sixth, .padding-bottom-3 {
	padding-bottom: var(--spacing-sixth); }

.padding-bottom-minimal, .padding-bottom-2 {
	padding-bottom: var(--spacing-minimal); }

.padding-bottom-atom, .padding-bottom-1 {
	padding-bottom: var(--spacing-atom); }

/* Mobile Padding Top Klassen */
@media (max-width: 1023px) {
	.mobile-padding-top-7 {
		padding-top: var(--spacing);
	}
	.mobile-padding-top-6 {
		padding-top: var(--spacing-two-thirds);
	}
	.mobile-padding-top-5 {
		padding-top: var(--spacing-half);
	}
	.mobile-padding-top-4 {
		padding-top: var(--spacing-third);
	}
	.mobile-padding-top-3 {
		padding-top: var(--spacing-sixth);
	}
	.mobile-padding-top-2 {
		padding-top: var(--spacing-minimal);
	}
	.mobile-padding-top-1 {
		padding-top: var(--spacing-atom);
	}
	.mobile-padding-top-0 {
		padding-top: 0;
	}
}

/* Mobile Padding Bottom Klassen */
@media (max-width: 1023px) {
	.mobile-padding-bottom-7 {
		padding-bottom: var(--spacing);
	}
	.mobile-padding-bottom-6 {
		padding-bottom: var(--spacing-two-thirds);
	}
	.mobile-padding-bottom-5 {
		padding-bottom: var(--spacing-half);
	}
	.mobile-padding-bottom-4 {
		padding-bottom: var(--spacing-third);
	}
	.mobile-padding-bottom-3 {
		padding-bottom: var(--spacing-sixth);
	}
	.mobile-padding-bottom-2 {
		padding-bottom: var(--spacing-minimal);
	}
	.mobile-padding-bottom-1 {
		padding-bottom: var(--spacing-atom);
	}
	.mobile-padding-bottom-0 {
		padding-bottom: 0;
	}
}

.text-transform-capitalize {
	text-transform: capitalize;
}

.text-wrap-balance
{
	text-wrap: balance;
}

.text-wrap-pretty
{
	text-wrap: pretty;
}

.cf-gutter-10
{
	--cf-gutter-multiplier: 4;
}

.cf-gutter-9
{
	--cf-gutter-multiplier: 3;
}

.cf-gutter-8
{
	--cf-gutter-multiplier: 2;
}

.cf-gutter-7
{
	--cf-gutter-multiplier: 1.5;
}

.cf-gutter-6
{
	--cf-gutter-multiplier: 1.25;
}

.cf-gutter-5
{
	--cf-gutter-multiplier: 1;
}

.cf-gutter-4
{
	--cf-gutter-multiplier: 0.75;
}

.cf-gutter-3
{
	--cf-gutter-multiplier: 0.5;
}

.cf-gutter-2
{
	--cf-gutter-multiplier: 0.25;
}

.cf-gutter-1
{
	--cf-gutter-multiplier: 0;
}

.cf-side-10
{
	--cf-side-multiplier: 4;
}

.cf-side-9
{
	--cf-side-multiplier: 3;
}

.cf-side-8
{
	--cf-side-multiplier: 2;
}

.cf-side-7
{
	--cf-side-multiplier: 1.5;
}

.cf-side-6
{
	--cf-side-multiplier: 1.25;
}

.cf-side-5
{
	--cf-side-multiplier: 1;
}

.cf-side-4
{
	--cf-side-multiplier: 0.75;
}

.cf-side-3
{
	--cf-side-multiplier: 0.5;
}

.cf-side-2
{
	--cf-side-multiplier: 0.25;
}

.cf-side-1
{
	--cf-side-multiplier: 0;
}

.cf-rem-max-width
{
	max-width: none !important;
}


figure
{
	width: 100%;
}

.highlight-color-background
{
	background: var(--highlight-color-background);
}

.highlight-color-foreground
{
	color: var(--highlight-color-foreground);
}

.highlight-color-background-invert
{
	background: var(--highlight-color-foreground);
}

.highlight-color-foreground-invert
{
	color: var(--highlight-color-background);
}


/* PATTERN SPECFICS */

.wp-block-ho-pattern.toggle-optional-headline .ho-pattern-optional-headline {
	display: none;
}

.wp-block-ho-pattern.toggle-optional-headline.show-optional-headline .ho-pattern-optional-headline {
	display: block;
}

.wp-block-ho-pattern.toggle-optional-button .ho-pattern-optional-button {
	display: none;
}

.wp-block-ho-pattern.toggle-optional-button.show-optional-button .ho-pattern-optional-button {
	display: block;
}

.wp-block-ho-pattern.toggle-optional-copy .ho-pattern-optional-text {
	display: none;
}
.wp-block-ho-pattern.toggle-optional-copy.show-optional-copy .ho-pattern-optional-text {
	display: block;
}

.wp-block-ho-pattern.toggle-optional-image .ho-pattern-optional-image {
	display: none;
}
.wp-block-ho-pattern.toggle-optional-image.show-optional-image .ho-pattern-optional-image {
	display: block;
}

.wp-block-ho-pattern.toggle-optional-text-list .ho-pattern-optional-text-list {
	display: none;
}
.wp-block-ho-pattern.toggle-optional-text-list.show-optional-text-list .ho-pattern-optional-text-list {
	display: block;
}


.accordion-item-toggle-optional-headline .ho-accordion-optional-headline {
	display: none;
}

.accordion-item-toggle-optional-headline.accordion-item-show-optional-headline .ho-accordion-optional-headline {
	display: block;
}

.accordion-item-toggle-optional-button .ho-accordion-optional-button {
	display: none;
}

.accordion-item-toggle-optional-button.accordion-item-show-optional-button .ho-accordion-optional-button {
	display: block;
}

.accordion-item-toggle-optional-copy .ho-accordion-optional-text {
	display: none;
}
.accordion-item-toggle-optional-copy.accordion-item-show-optional-copy .ho-accordion-optional-text {
	display: block;
}

.accordion-item-toggle-optional-introduction .ho-accordion-optional-introduction {
	display: none;
}
.accordion-item-toggle-optional-introduction.accordion-item-show-optional-introduction .ho-accordion-optional-introduction {
	display: block;
}

.accordion-item-toggle-optional-image .ho-accordion-optional-image {
	display: none;
}

.accordion-item-toggle-optional-image.accordion-item-show-optional-image .ho-accordion-optional-image {
	display: block;
}

.accordion-item-toggle-optional-text-list .ho-accordion-optional-text-list {
	display: none;
}
.accordion-item-toggle-optional-text-list.accordion-item-show-optional-text-list .ho-accordion-optional-text-list {
	display: block;
}


[data-pattern^="ho/autoteaser-"], [data-pattern*="ho/autoteaser-"],[data-pattern^="ho/auto-teaser-"], [data-pattern*="ho/auto-teaser-"]
{
	.wp-block-ho-slot
	{
		[class^="ho-pattern-optional-"], [class*="ho-pattern-optional-"]
		{
			display: none !important;
		}
	}
}

.wp-block-ho-slot:empty
{
	display: none;
}

.wp-block-ho-html {
	width: 100%;

	iframe {
		&[src*="youtube"] {
			width: 100% !important;
			height: auto !important;
			aspect-ratio: 16 / 9;
		}
	}
}