@import url('/s/STYLES/gfonts/montserrat.css');
@import url('/s/STYLES/gfonts/kanit.css');
html, #cms_template {
	height: auto;
}
* {
	box-sizing: border-box;
}
*:focus {
	outline: 1px dashed var(--hicolor);
	outline-offset: 2px;
}
#cms_root .cms_root {
	height: 200px;
	background: #fa6;
	display: flex;
	font-size: 200%;
	color: red;
	border: 3px solid;
}
#cms_root .cms_root::after {
	content: 'Content';
	margin: auto;
}
.weitere-Vorlagen button {
	padding: 15px 30px ! important;
	font-size: 200% ! important;
	white-space: nowrap;
}
.Colors {
	--color1: rgba(249, 250, 251, 1);
	--color2: rgba(240, 242, 244, 1);
	--color3: rgba(48, 48, 48, 1);
	--color4: rgba(36, 118, 174, 1);
	--color5: rgba(113, 158, 188, 1);
	--color6: rgba(69, 87, 104, 1);
	--color7: rgba(13, 33, 43, 1);
	--color8: rgba(16, 41, 55, 1);
	--color9: rgba(255, 255, 255, 1);
	--color10: rgba(58, 154, 228, 1);
	--color11: rgba(35, 89, 118, 1);
	--color12: rgba(20, 98, 153, 1);
	--color13: rgba(255, 255, 255, 1);
	--Standard-bgcolor: var(--color1);
	--Standard-bgcolor2: var(--color2);
	--Standard-color: var(--color3);
	--Standard-hicolor: var(--color4);
	--Standard-locolor: var(--color5);
	--Standard-linkcolor: var(--color4);
	--Standard-hovercolor: var(--color6);
	--High1-bgcolor: var(--color7);
	--High1-bgcolor2: var(--color8);
	--High1-color: var(--color9);
	--High1-hicolor: var(--color10);
	--High1-locolor: var(--color11);
	--High1-linkcolor: var(--color10);
	--High1-hovercolor: var(--color12);
	--High2-bgcolor: var(--color8);
	--High2-bgcolor2: var(--color7);
	--High2-color: var(--color9);
	--High2-hicolor: var(--color10);
	--High2-locolor: var(--color11);
	--High2-linkcolor: var(--color10);
	--High2-hovercolor: var(--color12);
	--High3-bgcolor: var(--color12);
	--High3-bgcolor2: var(--color10);
	--High3-color: var(--color8);
	--High3-hicolor: var(--color7);
	--High3-locolor: var(--color11);
	--High3-linkcolor: var(--color11);
	--High3-hovercolor: var(--color11);
	--Low1-bgcolor: var(--color1);
	--Low1-bgcolor2: var(--color2);
	--Low1-color: var(--color3);
	--Low1-hicolor: var(--color4);
	--Low1-locolor: var(--color5);
	--Low1-linkcolor: var(--color4);
	--Low1-hovercolor: var(--color6);
	--Low2-bgcolor: var(--color2);
	--Low2-bgcolor2: var(--color1);
	--Low2-color: var(--color3);
	--Low2-hicolor: var(--color4);
	--Low2-locolor: var(--color5);
	--Low2-linkcolor: var(--color4);
	--Low2-hovercolor: var(--color6);
	--Low3-bgcolor: var(--color4);
	--Low3-bgcolor2: var(--color6);
	--Low3-color: var(--color1);
	--Low3-hicolor: var(--color3);
	--Low3-locolor: var(--color5);
	--Low3-linkcolor: var(--color3);
	--Low3-hovercolor: var(--color5);
}
html {
	color-scheme: dark light;
}
.Font {
	--Standardschrift-font-family: var(--gfont1);
	--gfont1: 'Montserrat';
	--gfont2: 'Kanit';
	--gfont3: 'initial';
	--gfont4: 'initial';
	--gfont5: 'initial';
	--gfont6: 'initial';
	--gfont7: 'initial';
	--gfont1--import: url('/s/STYLES/gfonts/montserrat.css');
	--gfont2--import: url('/s/STYLES/gfonts/kanit.css');
	--Standardschrift-font-size: 18px;
}
.Font.Standardschrift, .Standardschrift {
	--font-family: var(--Standardschrift-font-family);
	font-family: var(--font-family);
	--font-size: var(--Standardschrift-font-size);
	font-size: var(--font-size);
}
.Colors.Standard, .Colors .Standard {
	--bgcolor: var(--Standard-bgcolor);
	--bgcolor2: var(--Standard-bgcolor2);
	--color: var(--Standard-color);
	--hicolor: var(--Standard-hicolor);
	--locolor: var(--Standard-locolor);
	--linkcolor: var(--Standard-linkcolor);
	--hovercolor: var(--Standard-hovercolor);
	--h1-6-color: var(--Standard-h1-6-color);
	--h1-color: var(--Standard-h1-color);
	--h2-color: var(--Standard-h2-color);
	--h3-color: var(--Standard-h3-color);
	--h4-color: var(--Standard-h4-color);
	--h5-color: var(--Standard-h5-color);
	--h6-color: var(--Standard-h6-color);
	--pre-color: var(--Standard-pre-color);
	--h1-6-bgcolor: var(--Standard-h1-6-bgcolor);
	--h1-bgcolor: var(--Standard-h1-bgcolor);
	--h2-bgcolor: var(--Standard-h2-bgcolor);
	--h3-bgcolor: var(--Standard-h3-bgcolor);
	--h4-bgcolor: var(--Standard-h4-bgcolor);
	--h5-bgcolor: var(--Standard-h5-bgcolor);
	--h6-bgcolor: var(--Standard-h6-bgcolor);
	--pre-bgcolor: var(--Standard-pre-bgcolor);
	--b-color: var(--Standard-b-color);
	--i-color: var(--Standard-i-color);
	--code-color: var(--Standard-code-color);
	--b-bgcolor: var(--Standard-b-bgcolor);
	--i-bgcolor: var(--Standard-i-bgcolor);
	--code-bgcolor: var(--Standard-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.scroll-in-effects.fade-in {
	--effekt-transform-init: none;
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: none;
	--effekt-opacity-oberhalb: 0;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: none;
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: none;
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.from-left {
	--effekt-transform-init: translateX(-100%);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: translateX(-100%);
	--effekt-opacity-oberhalb: 0;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: translateX(0%);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: translateX(-100%);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.from-right {
	--effekt-transform-init: translateX(100%);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: translateX(100%);
	--effekt-opacity-oberhalb: 0;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: translateX(0%);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: translateX(100%);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.vertical {
	--effekt-transform-init: translateY(-70%);
	--effekt-opacity-init: 1;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: translateY(-70%);
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: translateY(0%);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: translateY(70%);
	--effekt-opacity-unterhalb: 1;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.vertical-2 {
	--effekt-transform-init: translateY(-30%);
	--effekt-opacity-init: 1;
	--effekt-filter-init: none;
	--effekt-transform-oberhalb: translateY(0%);
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb: none;
	--effekt-transform-sichtbar: translateY(0%);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar: none;
	--effekt-transform-unterhalb: translateY(10%);
	--effekt-opacity-unterhalb: 1;
	--effekt-filter-unterhalb: none;
}
.scroll-in-effects.blur {
	--effekt-transform-init: none;
	--effekt-opacity-init: 1;
	--effekt-filter-init:blur(10px);
	--effekt-transform-oberhalb: none;
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:blur(10px);
	--effekt-transform-sichtbar: none;
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:blur(0px);
	--effekt-transform-unterhalb: none;
	--effekt-opacity-unterhalb: 1;
	--effekt-filter-unterhalb:blur(10px);
}
.scroll-in-effects.spin-left {
	--effekt-transform-origin: center center;
	--effekt-transform-init: scale(0) rotate(-360deg);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: scale(0) rotate(-360deg);
	--effekt-opacity-oberhalb: 0;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: scale(1) rotate(0);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: scale(0) rotate(360deg);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.spin-right {
	--effekt-transform-origin: center center;
	--effekt-transform-init: scale(0) rotate(360deg);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: scale(0) rotate(360deg);
	--effekt-opacity-oberhalb: 0;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: scale(1) rotate(0);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: scale(0) rotate(-360deg);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.grow {
	--effekt-transform-origin: center center;
	--effekt-transform-init: scale(0);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: scale(0);
	--effekt-opacity-oberhalb: 0;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: scale(1);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: scale(0);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.Paging {
	display: flex;
	align-items: center;
}
.Paging .paging-container {
	flex-grow: 1;
	display: flex;
	flex-wrap: nowrap ! important;
	justify-content: flex-start;
	overflow: hidden;
}
.Paging .pfeil {
	flex: 0 0 auto;
	position: relative;
}
.Paging .paging-container > * {
	flex: 0 0 calc((100% - var(--pg-margin, 0px) * (var(--pagesize, 4) - 1)) / var(--pagesize, 4) ) ! important;
	box-sizing: border-box;
	padding: var(--pg-padding);
	margin-right: var(--pg-margin, 0px);
}
.Paging .paging-container > *:first-child {
	transition: margin-left 0.8s;
	margin-left: calc((-1 * (100% - var(--pg-margin, 0px) * (var(--pagesize, 4) - 1)) / var(--pagesize, 4) - var(--pg-margin, 0px)) * var(--aktpgnum, 0));
}
.yui-skin-sam .cms_template .bhv-col {
	overflow: visible;
}
.cms30-form--klassisch {
	--button-width: auto;
	--input-radius: var(--field-radius,3px);
	--input-padding: var(--field-padding,3px);
	--label-width: var(--lwidth,140px);
	--textarea-height: var(--theight,100px);
}
.cms30-form--klassisch .form-field {
	margin-bottom: var(--field-margin-bottom,1em);
}
.cms30-form--klassisch .form-field label:not(.input-radio):not(.input-checkbox) {
	display: inline-block;
	margin-top: var(--label-margin-top);
}
.cms30-form--klassisch .form-field input , .cms30-form--klassisch .form-field .textarea , .cms30-form--klassisch .form-field select {
	background: var(--field-bgcolor,white);
	box-sizing: content-box;
}
.cms30-form--klassisch .form-field button {
	box-sizing: content-box;
	min-width: var(--button-min-width,120px);
	text-align: center;
}
.cms30-form--klassisch .form-field input[type='checkbox'] , .cms30-form--klassisch .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
.cms30-form--klassisch .form-field [type='checkbox'] + label , .cms30-form--klassisch .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left),var(--label-width));
}
.cms30-form--klassisch .form-field input[type='checkbox'] + label::before {
	content: '';
}
.cms30-form--klassisch .form-field input[type='radio'] + label::before {
	content: '';
}
.cms30-form--klassisch .form-field input[type='checkbox'] + label::before , .cms30-form--klassisch .form-field input[type='radio'] + label::before {
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-left: var(--field-margin-left,var(--label-width));
	margin-right: var(--field-margin-right,1em);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
.cms30-form--klassisch .form-field input[type='checkbox']:checked + label::before {
	content: '';
	color: var(--color);
}
.cms30-form--klassisch .form-field input[type='radio']:checked + label::before {
	content: '';
	color: var(--color);
}
.cms30-form--klassisch .form-field input[type=file]::file-selector-button {
	display: none;
}
.cms30-form--klassisch .form-field input[type=file]::before , .cms30-form--klassisch check::file-selector-button {
	content: var(--file-symbol,'');
	font-family: FontAwesome;
	font-size: var(--file-font-size,200%);
	padding-right: var(--file-padding-right,10px);
}
.cms30-form--modern {
	--button-width: auto;
	--input-radius: var(--field-radius,20px);
	--input-padding: var(--field-padding,3px);
	--label-width: var(--lwidth,140px);
	--textarea-height: var(--theight,100px);
}
.cms30-form--modern .form-field {
	margin-bottom: var(--field-margin-bottom,1em);
}
.cms30-form--modern .form-field label:not(.input-radio):not(.input-checkbox) {
	display: inline-block;
	margin-top: var(--label-margin-top);
}
.cms30-form--modern .form-field input , .form-field .textarea , .cms30-form--modern .form-field select {
	background: var(--field-bgcolor,white);
	box-sizing: content-box;
}
.cms30-form--modern .form-field button {
	box-sizing: content-box;
	min-width: var(--button-min-width,120px);
	text-align: center;
}
.cms30-form--modern .form-field input[type='checkbox'] , .cms30-form--modern .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
.cms30-form--modern .form-field input[type='checkbox'] + label {
	width: auto;
	margin-left: var(--field-margin-left,var(--label-width));
	padding-left: calc(var(--cb-size,1em) * 2 + var(--field-margin-right,1em));
	min-height: var(--cb-size,1em);
	position: relative;
	padding-top: var(--cb-label-padding-top);
	margin-bottom: calc(-1 * var(--cb-label-padding-top));
}
.cms30-form--modern .form-field input[type='checkbox'] + label::after {
	content: '';
	box-sizing: content-box;
	position: absolute;
	top: 0;
	left: 0;
	width: var(--cb-size,1em);
	height: var(--cb-size,1em);
	border: 1px solid var(--color);
	border-radius: 50%;
	background: radial-gradient(circle at 45% 45%,white 53%,#000);
	transition: left 0.5s;
}
.cms30-form--modern .form-field input[type='checkbox']:checked + label::after {
	left: var(--cb-size,1em);
}
.cms30-form--modern .form-field input[type='checkbox'] + label::before {
	content: '';
	box-sizing: content-box;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(var(--cb-size,1em) * 2);
	height: var(--cb-size,1em);
	border: 1px solid var(--color);
	border-radius: calc(var(--cb-size,1em) / 2);
	background-color: var(--cb-off-color,red);
	transition: background-color 0.5s;
}
.cms30-form--modern .form-field input[type='checkbox']:checked + label::before {
	background-color: var(--cb-on-color,rgb(0,127,0));
}
.cms30-form--modern .form-field input[type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left,var(--label-width));
	position: relative;
}
.cms30-form--modern .form-field input[type='radio'] + label::before {
	content: '';
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-right: var(--field-margin-right,1em);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
.cms30-form--modern .form-field input[type='radio']:checked + label::before {
	content: '';
	color: var(--color);
}
.cms30-form--modern .form-field input[type=file]::file-selector-button {
	display: none;
}
.cms30-form--modern .form-field input[type=file]::before , .cms30-form--modern check::file-selector-button {
	content: var(--file-symbol,'');
	font-family: FontAwesome;
	font-size: var(--file-font-size,200%);
	padding-right: var(--file-padding-right,10px);
}
.cms30-form--mini {
	--button-width: auto;
	--input-radius: var(--field-radius,4px);
	--input-padding: var(--field-padding,10px);
	--label-width: var(--lwidth,140px);
	--textarea-height: var(--theight,100px);
}
.cms30-form--mini .form-field {
	margin-bottom: var(--field-margin-bottom,1em);
}
.cms30-form--mini .form-field label:not(.input-radio):not(.input-checkbox) {
	display: inline-block;
	margin-top: var(--label-margin-top);
}
.cms30-form--mini .form-field input , .cms30-form--mini .form-field .textarea , .cms30-form--mini .form-field select {
	background: transparent;
	border: none;
	border-bottom: 1px solid;
	box-sizing: content-box;
}
.cms30-form--mini .form-field button {
	box-sizing: content-box;
	min-width: var(--button-min-width,120px);
	text-align: center;
}
.cms30-form--mini .form-field input[type='checkbox'] , .cms30-form--mini .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
.cms30-form--mini .form-field [type='checkbox'] + label , .cms30-form--mini .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left),var(--label-width));
}
.cms30-form--mini .form-field input[type='checkbox'] + label::before {
	content: '';
}
.cms30-form--mini .form-field input[type='radio'] + label::before {
	content: '';
}
.cms30-form--mini .form-field input[type='checkbox'] + label::before , .cms30-form--mini .form-field input[type='radio'] + label::before {
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-left: var(--field-margin-left,var(--label-width));
	margin-right: var(--field-margin-right,1em);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
.cms30-form--mini .form-field input[type='checkbox']:checked + label::before {
	content: '';
	color: var(--color);
}
.cms30-form--mini .form-field input[type='radio']:checked + label::before {
	content: '';
	color: var(--color);
}
.cms30-form--mini .form-field input[type=file] {
	border-bottom: none;
}
.cms30-form--mini .form-field input[type=file]::file-selector-button {
	display: none;
}
.cms30-form--mini .form-field input[type=file]::before , .cms30-form--mini check::file-selector-button {
	content: var(--file-symbol,'');
	font-family: FontAwesome;
	font-size: var(--file-font-size,200%);
	padding-right: var(--file-padding-right,10px);
}
.cms30-form--relief {
	--button-width: auto;
	--input-radius: var(--field-radius,20px);
	--input-padding: var(--field-padding,10px);
	--label-width: var(--lwidth,140px);
	--textarea-height: var(--theight,100px);
}
.cms30-form--relief .form-field {
	margin-bottom: var(--field-margin-bottom,1em);
}
.cms30-form--relief .form-field label:not(.input-radio):not(.input-checkbox) {
	display: inline-block;
	margin-top: var(--label-margin-top);
}
.cms30-form--relief .form-field input , .cms30-form--relief .form-field .textarea , .cms30-form--relief .form-field select {
	background: var(--field-bgcolor,var(--bgcolor,transparent));
	border: none;
	box-shadow: inset var(--input-shadow-width,6px) var(--input-shadow-width,6px) var(--input-shadow-width,6px) rgb(0 0 0 / var(--input-shadow-strength,20%)), inset calc( -1 * var(--input-shadow-width,6px)) calc( -1 * var(--input-shadow-width,6px)) var(--input-shadow-width,6px) rgb(255 255 255 / var(--input-shadow-strength,20%));
	box-sizing: content-box;
}
.cms30-form--relief .form-field button {
	background: var(--bgcolor,transparent);
	border: none;
	box-shadow: inset var(--input-shadow-width,6px) var(--input-shadow-width,6px) var(--input-shadow-width,6px) rgb(255 255 255 / var(--input-shadow-strength,20%)), inset calc( -1 * var(--input-shadow-width,6px)) calc( -1 * var(--input-shadow-width,6px)) var(--input-shadow-width,6px) rgb(0 0 0 / var(--input-shadow-strength,20%));
	box-sizing: content-box;
	min-width: var(--button-min-width,120px);
	text-align: center;
}
.cms30-form--relief .form-field input[type='checkbox'] , .cms30-form--relief .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
.cms30-form--relief .form-field [type='checkbox'] + label , .cms30-form--relief .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left),var(--label-width));
}
.cms30-form--relief .form-field input[type='checkbox'] + label::before , .cms30-form--relief .form-field input[type='radio'] + label::before {
	content: '✘';
	color: transparent;
	background: var(--field-bgcolor,var(--bgcolor,transparent));
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-left: var(--field-margin-left,var(--label-width));
	margin-right: var(--field-margin-right,1em);
	font-size: var(--field-font-size,30px);
	padding: var(--input-padding,0.4em);
	box-shadow: inset var(--input-shadow-width,6px) var(--input-shadow-width,6px) var(--input-shadow-width,6px) rgb(0 0 0 / var(--input-shadow-strength,20%)), inset calc( -1 * var(--input-shadow-width,6px)) calc( -1 * var(--input-shadow-width,6px)) var(--input-shadow-width,6px) rgb(255 255 255 / var(--input-shadow-strength,20%));
}
.cms30-form--relief .form-field input[type='checkbox'] + label::before {
	border-radius: 10%;
}
.cms30-form--relief .form-field input[type='radio'] + label::before {
	border-radius: 50%;
}
.cms30-form--relief .form-field input[type='checkbox']:checked + label::before {
	content: '✘';
	color: var(--color);
}
.cms30-form--relief .form-field input[type='radio']:checked + label::before {
	content: '✔';
	color: var(--color);
}
.cms30-form--relief .form-field input[type=file]::file-selector-button {
	display: none;
}
.cms30-form--relief .form-field input[type=file]::before , check::file-selector-button {
	content: var(--file-symbol,'');
	font-family: FontAwesome;
	font-size: var(--file-font-size,200%);
	padding-right: var(--file-padding-right,10px);
}
.cms30-form--kompakt {
	--button-width: auto;
	--input-radius: var(--field-radius,3px);
	--input-padding: var(--field-padding,3px);
	--label-width: var(--lwidth,140px);
	--textarea-height: var(--theight,100px);
}
.cms30-form--kompakt .form-field {
	margin-bottom: var(--field-margin-bottom,1em);
}
.cms30-form--kompakt label:not(.input-radio):not(.input-checkbox) {
	display: block;
	margin-top: var(--label-margin-top);
}
.cms30-form--kompakt .form-field input , .form-field .textarea , .cms30-form--kompakt .form-field select {
	background: var(--field-bgcolor,white);
	box-sizing: content-box;
}
.cms30-form--kompakt .form-field button {
	box-sizing: content-box;
	min-width: var(--button-min-width,120px);
	text-align: center;
}
.cms30-form--kompakt .form-field.input-button label , .cms30-form--kompakt .form-field.input-submit label , .cms30-form--kompakt .form-field.input-reset label {
	display: none;
}
.cms30-form--kompakt .form-field input[type='checkbox'] , .cms30-form--kompakt .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
.cms30-form--kompakt .form-field [type='checkbox'] + label , .cms30-form--kompakt .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left);
}
.cms30-form--kompakt .form-field input[type='checkbox'] + label::before {
	content: '';
}
.cms30-form--kompakt .form-field input[type='radio'] + label::before {
	content: '';
}
.cms30-form--kompakt .form-field input[type='checkbox'] + label::before , .cms30-form--kompakt .form-field input[type='radio'] + label::before {
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-left: var(--field-margin-left);
	margin-right: var(--field-margin-right,1em);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
.cms30-form--kompakt .form-field input[type='checkbox']:checked + label::before {
	content: '';
	color: var(--color);
}
.cms30-form--kompakt .form-field input[type='radio']:checked + label::before {
	content: '';
	color: var(--color);
}
.cms30-form--kompakt .form-field input[type=file]::file-selector-button {
	display: none;
}
.cms30-form--kompakt .form-field input[type=file]::before , check::file-selector-button {
	content: var(--file-symbol,'');
	font-family: FontAwesome;
	font-size: var(--file-font-size,200%);
	padding-right: var(--file-padding-right,10px);
}
.Klappbox .kb-klappelement {
	height: 0;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.Klappbox-param [data-kb-trigger] {
	height: 0px;
	overflow: hidden;
}
.vorlage-db .console .Preis {
	font-size: 2em;
	margin-left: auto;
}
.dynamic-form [data-inp-focus] , .dynamic-form [data-inp-value-element] {
	height: 0;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.dynamic-form [data-inp-unchecked-element] {
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.Colors.High1, .Colors .High1 {
	--bgcolor: var(--High1-bgcolor);
	--bgcolor2: var(--High1-bgcolor2);
	--color: var(--High1-color);
	--hicolor: var(--High1-hicolor);
	--locolor: var(--High1-locolor);
	--linkcolor: var(--High1-linkcolor);
	--hovercolor: var(--High1-hovercolor);
	--h1-6-color: var(--High1-h1-6-color);
	--h1-color: var(--High1-h1-color);
	--h2-color: var(--High1-h2-color);
	--h3-color: var(--High1-h3-color);
	--h4-color: var(--High1-h4-color);
	--h5-color: var(--High1-h5-color);
	--h6-color: var(--High1-h6-color);
	--pre-color: var(--High1-pre-color);
	--h1-6-bgcolor: var(--High1-h1-6-bgcolor);
	--h1-bgcolor: var(--High1-h1-bgcolor);
	--h2-bgcolor: var(--High1-h2-bgcolor);
	--h3-bgcolor: var(--High1-h3-bgcolor);
	--h4-bgcolor: var(--High1-h4-bgcolor);
	--h5-bgcolor: var(--High1-h5-bgcolor);
	--h6-bgcolor: var(--High1-h6-bgcolor);
	--pre-bgcolor: var(--High1-pre-bgcolor);
	--b-color: var(--High1-b-color);
	--i-color: var(--High1-i-color);
	--code-color: var(--High1-code-color);
	--b-bgcolor: var(--High1-b-bgcolor);
	--i-bgcolor: var(--High1-i-bgcolor);
	--code-bgcolor: var(--High1-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.Colors.High2, .Colors .High2 {
	--bgcolor: var(--High2-bgcolor);
	--bgcolor2: var(--High2-bgcolor2);
	--color: var(--High2-color);
	--hicolor: var(--High2-hicolor);
	--locolor: var(--High2-locolor);
	--linkcolor: var(--High2-linkcolor);
	--hovercolor: var(--High2-hovercolor);
	--h1-6-color: var(--High2-h1-6-color);
	--h1-color: var(--High2-h1-color);
	--h2-color: var(--High2-h2-color);
	--h3-color: var(--High2-h3-color);
	--h4-color: var(--High2-h4-color);
	--h5-color: var(--High2-h5-color);
	--h6-color: var(--High2-h6-color);
	--pre-color: var(--High2-pre-color);
	--h1-6-bgcolor: var(--High2-h1-6-bgcolor);
	--h1-bgcolor: var(--High2-h1-bgcolor);
	--h2-bgcolor: var(--High2-h2-bgcolor);
	--h3-bgcolor: var(--High2-h3-bgcolor);
	--h4-bgcolor: var(--High2-h4-bgcolor);
	--h5-bgcolor: var(--High2-h5-bgcolor);
	--h6-bgcolor: var(--High2-h6-bgcolor);
	--pre-bgcolor: var(--High2-pre-bgcolor);
	--b-color: var(--High2-b-color);
	--i-color: var(--High2-i-color);
	--code-color: var(--High2-code-color);
	--b-bgcolor: var(--High2-b-bgcolor);
	--i-bgcolor: var(--High2-i-bgcolor);
	--code-bgcolor: var(--High2-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.Colors.High3, .Colors .High3 {
	--bgcolor: var(--High3-bgcolor);
	--bgcolor2: var(--High3-bgcolor2);
	--color: var(--High3-color);
	--hicolor: var(--High3-hicolor);
	--locolor: var(--High3-locolor);
	--linkcolor: var(--High3-linkcolor);
	--hovercolor: var(--High3-hovercolor);
	--h1-6-color: var(--High3-h1-6-color);
	--h1-color: var(--High3-h1-color);
	--h2-color: var(--High3-h2-color);
	--h3-color: var(--High3-h3-color);
	--h4-color: var(--High3-h4-color);
	--h5-color: var(--High3-h5-color);
	--h6-color: var(--High3-h6-color);
	--pre-color: var(--High3-pre-color);
	--h1-6-bgcolor: var(--High3-h1-6-bgcolor);
	--h1-bgcolor: var(--High3-h1-bgcolor);
	--h2-bgcolor: var(--High3-h2-bgcolor);
	--h3-bgcolor: var(--High3-h3-bgcolor);
	--h4-bgcolor: var(--High3-h4-bgcolor);
	--h5-bgcolor: var(--High3-h5-bgcolor);
	--h6-bgcolor: var(--High3-h6-bgcolor);
	--pre-bgcolor: var(--High3-pre-bgcolor);
	--b-color: var(--High3-b-color);
	--i-color: var(--High3-i-color);
	--code-color: var(--High3-code-color);
	--b-bgcolor: var(--High3-b-bgcolor);
	--i-bgcolor: var(--High3-i-bgcolor);
	--code-bgcolor: var(--High3-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.Colors.Low1, .Colors .Low1 {
	--bgcolor: var(--Low1-bgcolor);
	--bgcolor2: var(--Low1-bgcolor2);
	--color: var(--Low1-color);
	--hicolor: var(--Low1-hicolor);
	--locolor: var(--Low1-locolor);
	--linkcolor: var(--Low1-linkcolor);
	--hovercolor: var(--Low1-hovercolor);
	--h1-6-color: var(--Low1-h1-6-color);
	--h1-color: var(--Low1-h1-color);
	--h2-color: var(--Low1-h2-color);
	--h3-color: var(--Low1-h3-color);
	--h4-color: var(--Low1-h4-color);
	--h5-color: var(--Low1-h5-color);
	--h6-color: var(--Low1-h6-color);
	--pre-color: var(--Low1-pre-color);
	--h1-6-bgcolor: var(--Low1-h1-6-bgcolor);
	--h1-bgcolor: var(--Low1-h1-bgcolor);
	--h2-bgcolor: var(--Low1-h2-bgcolor);
	--h3-bgcolor: var(--Low1-h3-bgcolor);
	--h4-bgcolor: var(--Low1-h4-bgcolor);
	--h5-bgcolor: var(--Low1-h5-bgcolor);
	--h6-bgcolor: var(--Low1-h6-bgcolor);
	--pre-bgcolor: var(--Low1-pre-bgcolor);
	--b-color: var(--Low1-b-color);
	--i-color: var(--Low1-i-color);
	--code-color: var(--Low1-code-color);
	--b-bgcolor: var(--Low1-b-bgcolor);
	--i-bgcolor: var(--Low1-i-bgcolor);
	--code-bgcolor: var(--Low1-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.Colors.Low2, .Colors .Low2 {
	--bgcolor: var(--Low2-bgcolor);
	--bgcolor2: var(--Low2-bgcolor2);
	--color: var(--Low2-color);
	--hicolor: var(--Low2-hicolor);
	--locolor: var(--Low2-locolor);
	--linkcolor: var(--Low2-linkcolor);
	--hovercolor: var(--Low2-hovercolor);
	--h1-6-color: var(--Low2-h1-6-color);
	--h1-color: var(--Low2-h1-color);
	--h2-color: var(--Low2-h2-color);
	--h3-color: var(--Low2-h3-color);
	--h4-color: var(--Low2-h4-color);
	--h5-color: var(--Low2-h5-color);
	--h6-color: var(--Low2-h6-color);
	--pre-color: var(--Low2-pre-color);
	--h1-6-bgcolor: var(--Low2-h1-6-bgcolor);
	--h1-bgcolor: var(--Low2-h1-bgcolor);
	--h2-bgcolor: var(--Low2-h2-bgcolor);
	--h3-bgcolor: var(--Low2-h3-bgcolor);
	--h4-bgcolor: var(--Low2-h4-bgcolor);
	--h5-bgcolor: var(--Low2-h5-bgcolor);
	--h6-bgcolor: var(--Low2-h6-bgcolor);
	--pre-bgcolor: var(--Low2-pre-bgcolor);
	--b-color: var(--Low2-b-color);
	--i-color: var(--Low2-i-color);
	--code-color: var(--Low2-code-color);
	--b-bgcolor: var(--Low2-b-bgcolor);
	--i-bgcolor: var(--Low2-i-bgcolor);
	--code-bgcolor: var(--Low2-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.Colors.Low3, .Colors .Low3 {
	--bgcolor: var(--Low3-bgcolor);
	--bgcolor2: var(--Low3-bgcolor2);
	--color: var(--Low3-color);
	--hicolor: var(--Low3-hicolor);
	--locolor: var(--Low3-locolor);
	--linkcolor: var(--Low3-linkcolor);
	--hovercolor: var(--Low3-hovercolor);
	--h1-6-color: var(--Low3-h1-6-color);
	--h1-color: var(--Low3-h1-color);
	--h2-color: var(--Low3-h2-color);
	--h3-color: var(--Low3-h3-color);
	--h4-color: var(--Low3-h4-color);
	--h5-color: var(--Low3-h5-color);
	--h6-color: var(--Low3-h6-color);
	--pre-color: var(--Low3-pre-color);
	--h1-6-bgcolor: var(--Low3-h1-6-bgcolor);
	--h1-bgcolor: var(--Low3-h1-bgcolor);
	--h2-bgcolor: var(--Low3-h2-bgcolor);
	--h3-bgcolor: var(--Low3-h3-bgcolor);
	--h4-bgcolor: var(--Low3-h4-bgcolor);
	--h5-bgcolor: var(--Low3-h5-bgcolor);
	--h6-bgcolor: var(--Low3-h6-bgcolor);
	--pre-bgcolor: var(--Low3-pre-bgcolor);
	--b-color: var(--Low3-b-color);
	--i-color: var(--Low3-i-color);
	--code-color: var(--Low3-code-color);
	--b-bgcolor: var(--Low3-b-bgcolor);
	--i-bgcolor: var(--Low3-i-bgcolor);
	--code-bgcolor: var(--Low3-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.styleset .Colors {
	--styleset-name: Lusch;
}
.styleset .Colors .set-bgcolor2 {
	background-color: var(--bgcolor2);
}
body {
	--content-width: 1440px;
	--Colors-type: undefined;
	--Colors-color1: rgba(255, 255, 255, 1);
	--Colors-color2: rgba(51, 51, 51, 1);
	--Colors-color3: rgba(255, 0, 0, 1);
	--Colors-color4: rgba(255, 77, 77, 1);
	--Colors-color5: rgba(214, 169, 169, 1);
	--Colors-color6: rgba(191, 191, 191, 1);
	--Colors-color7: rgba(128, 128, 128, 1);
	--Colors-color8: rgba(64, 64, 64, 1);
	--Colors-colorsets: undefined;
	--Colors-color9: rgba(219, 0, 0, 1);
	--Colors-color10: rgba(179, 0, 0, 1);
	--Colors-color11: rgba(0, 89, 255, 1);
	--color13: rgba(255, 0, 0, 1);
}
body [data_cmstitle='Trennbalken'] {
	height: 1px;
	background-color: var(--color);
	width: 80%;
	margin-top: 40px;
	margin-bottom: 40px;
}
body [data_cmstitle='Abstandhalter'] {
	height: 80px;
}
body [data_cmstitle='Allgemeine Einstellungen'] {
	--bild-width: 1920px;
	--bild-height: 1080px;
}
body [data_cmstitle='Galerie einzeilig'] {
	--gal-margin-top: 10px;
	--gal-margin-bottom: 10px;
}
body [data_cmstitle='Galerie einzeilig'] .outer-container {
	--pg-margin: 10px;
}
body [data_cmstitle='Galerie einzeilig'] .kugerl-container {
	--width: 10px;
	--bgcolor: var(--color4);
	--active-bgcolor: var(--color2);
	--justify-content: center;
	--gap: 2px;
	--margin-top: 10px;
}
body [data_cmstitle='Kugerln'] {
	--active-bgcolor: var(--hicolor);
	--bgcolor: var(--locolor);
	--width: 10px;
	--justify-content: center;
	--gap: 5px;
	--margin-top: 10px;
}
body [data_cmstitle='Vorlagen-Übersicht V'] {
	--bst-width: 500px;
	--bst-height: 400px;
	--zoom: 0.4;
}
body [data_cmstitle='Vorlagen-Übersicht S'] {
	--bst-width: 320px;
	--bst-height: 170px;
	--zoom: 0.5;
}
body [data_cmstitle='Vorlagen-Übersicht L'] {
	--bst-width: 1000px;
	--bst-height: 250px;
	--zoom: 1;
}
body [data_cmstitle='Vorlagen-Übersicht M'] {
	--zoom: 0.6;
	--bst-height: 280px;
	--bst-width: 500px;
}
.small {
	font-size: 0.8rem;
	font-weight: normal;
	opacity: 0.7;
	display: block;
}
.fixed-hero {
	z-index: -1;
	position: sticky;
	width: 100%;
}
.inspoint.horizontal {
	width: 100%;
}
.highlighted {
	color:var(--hicolor);
}
.horizontal-scroll {
	position: relative;
	cursor: grab;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scroll-snap-type: x mandatory;
}
.horizontal-scroll.no-snap {
	scroll-snap-type: none;
}
.horizontal-container-item {
	scroll-snap-align: start;
	cursor: grabbing;
}
.horizontal-scroll::-webkit-scrollbar {
	display: none;
}
.horizontal-scroll * {
	cursor: grabbing;
}
.horizontal-scroll-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 40px;
}
.pagination-dots {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	padding: 8px;
	background: var(--bgcolor);
	border-radius: 16px;
	box-shadow: 0 2px 8px var(--locolor);
	box-shadow: 0 2px 8px color-mix(in lab, var(--color) 10%, transparent);
	z-index: 4;
	overflow: hidden;
	width: fit-content;
	max-width: calc(5* 16px + 24px);
}
.pagination-dots-inner {
	display: flex;
	gap: 8px;
	transition: transform 0.3s ease;
}
.pagination-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--color);
	opacity: 0.3;
	transition: all 0.3s ease;
	display: inline-block;
	flex-shrink: 0;
}
.pagination-dot.active {
	background-color: var(--color);
	width: 24px;
	border-radius: 4px;
	opacity: 1;
}
.horizontal-scroll::-webkit-scrollbar {
	display: none;
}
.horizontal-scroll-wrapper .no-dots + .pagination-dots {
	display: none;
}
body [data_cmstitle="Trennbalken"] {
	height: 1px;
	background-color: var(--color);
	width: 80%;
	margin-top: 40px;
	margin-bottom: 40px;
}
@keyframes animate-in-and-out {
	0% {
		opacity: 0;
		transform: translateY(10%) scale(0.9);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@supports (animation-timeline: view()) {
	.animat-enter-exit {
		animation: animate-in-and-out linear;
		animation-timeline: view();
		animation-range: entry 5% cover 40%;
		transform-origin: center;
	}
	.animat-hero {
		animation: linear animate-hero;
		animation-timeline: view();
		animation-range: cover 0% exit 100%;
	}
}

@keyframes animate-hero {
	exit 0% {
		transform: translateY(0%);
	}
	exit 100% {
		transform: translateY(75%);
	}
}