﻿
#col-61228 .yui3-overlay-hidden {
	width: 300px !important;
}
#cont-61235 {
	gap: 10px;
}
#cont-61245 {
	gap: 10px;
}
#col-61236 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#col-61246 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#cont-61255 {
	gap: 10px;
}
#col-61256 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#cont-61263 {
	gap: 10px;
}
#col-61264 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#form-field-61253 img {
	max-width: 300px;
}
#cont-61230 {
	background-color: var(--bgcolor);
	padding: 20px;
	margin: 20px auto 20px auto;
	max-width: 700px;
	border-radius: 30px;
	box-shadow: 0px 0px 5px var(--bgcolor2);
}
#form-61232 {
	--label-width: var(--lwidth,175px);
	--textarea-height: var(--theight,100px);
	--input-padding: var(--field-padding,3px);
	--input-radius: var(--field-radius,3px);
	--input-color: var(--color);
	--button-width: auto;
}
#form-61232 .form-field {
	width: 100%;
}
#form-61232 textarea {
	outline: none;
}
#form-61232 label:not(.input-radio):not(.input-checkbox) {
	display: block;
	margin-top: var(--label-margin-top);
}
#form-61232 .form-field input , #form-61232 .textarea , #form-61232 .form-field select {
	background: var(--field-bgcolor, transparent);
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid var(--locolor);
	transition: border-bottom-color 1s;
	outline: none;
	color: var(--color);
}
#form-61232 .form-field input:focus {
	border-bottom: 1px solid var(--hicolor);
}
#form-61232 .form-field select:focus {
	border-bottom: 1px solid var(--hicolor);
	background: var(--bgcolor);
}
#form-61232 textarea:focus {
	border-bottom: 1px solid var(--hicolor);
	border: none;
}
#form-61232 .form-field input:focus::after , #form-61232 .textarea:focus::after , #form-61232 .form-field select:focus::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: var(--bgcolor);
	animation: slide-in 0.3s ease-out forwards;
}
#form-61232 .form-field button {
	padding: var(--btn-padding-vertical, 10px) calc(var(--btn-padding-horizontal, 20px) + 0.35em) var(--btn-padding-vertical, 10px) var(--btn-padding-horizontal, 20px);
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, transparent);
	border-radius: var(--btn-border-radius, 5px);
	margin: var(--btn-vertical-margin, 20px) var(--btn-horizontal-margin, 0px);
	color: var(--btn-text-color, var(--bgcolor));
	font-size: var(--btn-font-size);
	background-color: var(--btn-background-color, var(--hicolor));
}
#form-61232 .form-field button:hover {
	color: var(--hicolor);
	background-color: transparent;
	border: var(--btn1-border-width, 1px) solid var(--btn1-border-color, var(--hicolor));
}
#form-61232 .form-field.input-button label , #form-61232 .form-field.input-submit label , #form-61232 .form-field.input-reset label {
	display: none;
}
#form-61232 .form-field input[type='checkbox'] , #form-61232 .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
#form-61232 .form-field [type='checkbox'] + label , #form-61232 .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left);
}
#form-61232 .form-field input[type='checkbox'] + label::before {
	content: "";
}
#form-61232 .form-field input[type='radio'] + label::before {
	content: "";
}
#form-61232 .form-field input[type='checkbox'] + label::before , #form-61232 .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);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
#form-61232 .form-field input[type='checkbox']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-61232 .form-field input[type='radio']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-61232 .form-field input[type='file']::file-selector-button {
	display: none;
}
#form-61232 .width-50 {
	max-width: calc(50% - 10px);
}
#form-61232 .width-30 {
	max-width: calc(33% - 15px);
}
#col-61303 .yui3-overlay-hidden {
	width: 300px !important;
}
#cont-61310 {
	gap: 10px;
}
#cont-61320 {
	gap: 10px;
}
#col-61311 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#col-61321 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#cont-61330 {
	gap: 10px;
}
#col-61331 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#cont-61338 {
	gap: 10px;
}
#col-61339 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#form-field-61328 img {
	max-width: 300px;
}
#cont-61305 {
	background-color: var(--bgcolor);
	padding: 20px;
	margin: 20px auto 20px auto;
	max-width: 700px;
	border-radius: 30px;
	box-shadow: 0px 0px 5px var(--bgcolor2);
}
#form-61307 {
	--label-width: var(--lwidth,175px);
	--textarea-height: var(--theight,100px);
	--input-padding: var(--field-padding,3px);
	--input-radius: var(--field-radius,3px);
	--input-color: var(--color);
	--button-width: auto;
}
#form-61307 .form-field {
	width: 100%;
}
#form-61307 textarea {
	outline: none;
}
#form-61307 label:not(.input-radio):not(.input-checkbox) {
	display: block;
	margin-top: var(--label-margin-top);
}
#form-61307 .form-field input , #form-61307 .textarea , #form-61307 .form-field select {
	background: var(--field-bgcolor, transparent);
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid var(--locolor);
	transition: border-bottom-color 1s;
	outline: none;
	color: var(--color);
}
#form-61307 .form-field input:focus {
	border-bottom: 1px solid var(--hicolor);
}
#form-61307 .form-field select:focus {
	border-bottom: 1px solid var(--hicolor);
	background: var(--bgcolor);
}
#form-61307 textarea:focus {
	border-bottom: 1px solid var(--hicolor);
	border: none;
}
#form-61307 .form-field input:focus::after , #form-61307 .textarea:focus::after , #form-61307 .form-field select:focus::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: var(--bgcolor);
	animation: slide-in 0.3s ease-out forwards;
}
#form-61307 .form-field button {
	padding: var(--btn-padding-vertical, 10px) calc(var(--btn-padding-horizontal, 20px) + 0.35em) var(--btn-padding-vertical, 10px) var(--btn-padding-horizontal, 20px);
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, transparent);
	border-radius: var(--btn-border-radius, 5px);
	margin: var(--btn-vertical-margin, 20px) var(--btn-horizontal-margin, 0px);
	color: var(--btn-text-color, var(--bgcolor));
	font-size: var(--btn-font-size);
	background-color: var(--btn-background-color, var(--hicolor));
}
#form-61307 .form-field button:hover {
	color: var(--hicolor);
	background-color: transparent;
	border: var(--btn1-border-width, 1px) solid var(--btn1-border-color, var(--hicolor));
}
#form-61307 .form-field.input-button label , #form-61307 .form-field.input-submit label , #form-61307 .form-field.input-reset label {
	display: none;
}
#form-61307 .form-field input[type='checkbox'] , #form-61307 .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
#form-61307 .form-field [type='checkbox'] + label , #form-61307 .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left);
}
#form-61307 .form-field input[type='checkbox'] + label::before {
	content: "";
}
#form-61307 .form-field input[type='radio'] + label::before {
	content: "";
}
#form-61307 .form-field input[type='checkbox'] + label::before , #form-61307 .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);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
#form-61307 .form-field input[type='checkbox']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-61307 .form-field input[type='radio']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-61307 .form-field input[type='file']::file-selector-button {
	display: none;
}
#form-61307 .width-50 {
	max-width: calc(50% - 10px);
}
#form-61307 .width-30 {
	max-width: calc(33% - 15px);
}
html.no-cmgui #html-61449 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#form-field-1166 {
	max-width: 100% !important;
}
html.no-cmgui #html-61469 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#form-field-61475 {
	width: fit-content !important;
	margin-right: 0;
}
#form-field-61475 .text {
	display: none;
}
#html-61469 {
	--info-text: 'Falls dieses Produkt im Angebot ist, markieren Sie bitte das Checkbox und geben Sie den reduzierten Preis hier ein, um den Angebotspreis zu kennzeichnen. Dies ermöglicht es, den neuen Preis als Angebotspreis deutlich auszuweisen.';
	margin: 0px;
}
#html-61469 .info-icon {
	position: relative;
	display: inline-block;
}
#html-61469 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	-x--border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-61469 .info-icon:hover::before {
	content: '';
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border: 10px solid transparent;
	border-top-color: rgb(255 255 255);
	filter: drop-shadow(0 7px 6px rgba(0,0,0,0.2));
	z-index: 2;
}
#html-61469 .fa-regular {
	cursor: pointer;
}
#text-62135 {
	margin-left: 10px;
}
#form-62136 {
	margin-left: 10px;
}
#form-62136 label {
	font-weight: bold;
}
#form-62136 button {
	padding: 0 0 5px 0;
	border-radius: 15px;
	font-weight: bold;
	background-color: #ff8800;
	border: none;
	cursor: pointer;
}
#form-62136 [id^='form-field'] {
	margin-bottom: 5px;
}
#form-62136 [id^='form-field'] input , #form-62136 [id^='form-field'] .textarea , #form-62136 [id^='form-field'] select {
	box-sizing: content-box;
	padding: 2px 4px;
	width: 60%;
}
#form-62136 [id^='form-field'] textarea {
	resize: vertical;
}
#form-62136 #keywords {
	height: 50px;
}
#form-62136 #teaser {
	height: 100px;
}
#form-62136 #text ~ .quillcont {
	border: 0;
}
#form-62136 #text ~ .quillcont .ql-editor {
	height: 250px;
	padding: 10px 0;
	resize: vertical;
}
#form-62136 button:not(#pic_upload) {
	padding: 5px 10px;
}
#form-62136 #form-field-62182 label {
	display: none;
}
#form-62136 #form-field-62182 a {
	text-decoration: none;
	color: var(--color);
}
#html-61449 {
	--info-text: 'Geben Sie die Frage ein, die Sie zur FAQ hinzufügen möchten. Dies ist das Hauptthema oder die Fragestellung, die beantwortet wird.';
	margin: 0px;
}
#html-61449 .info-icon {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: rgb(255, 115, 0);
}
#html-61449 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-61449 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-61449 .fa-regular {
	cursor: pointer;
}
html.no-cmgui #html-62256 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
html.no-cmgui #html-62259 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
html.no-cmgui #html-62265 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
html.no-cmgui #html-62268 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
html.no-cmgui #html-62272 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#form-field-62271 {
	max-width: 100% !important;
}
html.no-cmgui #html-62282 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
html.no-cmgui #html-62294 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
html.no-cmgui #html-62300 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#form-field-62303 {
	text-align: center;
	max-width: 100% !important;
}
#form-field-62260 {
	width: calc(100% - 50px) !important;
	margin-left: 0;
}
#html-62256 {
	--info-text: 'Geben Sie den Titel des Blogbeitrags oder Nachrichtenartikels ein. Dies ist das Hauptthema oder die Überschrift des Beitrags.';
	margin: 0px;
}
#html-62256 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62256 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62256 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62256 .fa-regular {
	cursor: pointer;
}
#html-62259 {
	--info-text: 'Erfassen Sie den Hauptinhalt des Blogbeitrags oder Nachrichtenartikels. Verwenden Sie den Texteditor, um Links hinzuzufügen, den Text zu formatieren oder andere Anpassungen vorzunehmen.';
	margin: 0px;
}
#html-62259 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62259 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62259 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62259 .fa-regular {
	cursor: pointer;
}
#html-62265 {
	margin: 0px;
	--info-text: 'Wählen Sie den Status des Beitrags aus dem Dropdown-Menü, um die Sichtbarkeit zu verwalten. Optionen: Veröffentlicht, Entwurf, Archiviert, Versteckt. Um die Optionen zu bearbeiten, klicken Sie mit der rechten Maustaste und wählen Sie "Fieldeigenschaften".';
}
#html-62265 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62265 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62265 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62265 .fa-regular {
	cursor: pointer;
}
#html-62268 {
	--info-text: 'Geben Sie eine kommagetrennte Liste von Schlagwörtern oder Schlüsselwörtern ein, die diesem Beitrag zugeordnet sind. Diese Angabe ist optional.';
	margin: 0px;
}
#html-62268 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62268 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62268 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62268 .fa-regular {
	cursor: pointer;
}
#html-62272 {
	--info-text: 'Laden Sie ein Hauptbild für den Beitrag hoch. Diese Angabe ist optional.';
	margin: 0px;
}
#html-62272 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62272 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62272 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62272 .fa-regular {
	cursor: pointer;
}
#html-62282 {
	margin: 0px;
	--info-text: 'Erfassen Sie eine kurze, prägnante Aussage über den Artikel. Diese Angabe ist optional.';
}
#html-62282 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62282 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62282 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62282 .fa-regular {
	cursor: pointer;
}
#html-62294 {
	margin: 0px;
	--info-text: 'Geben Sie das Datum ein, ab wann der Beitrag sichtbar sein soll. Diese Angabe ist optional.';
}
#html-62294 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62294 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62294 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62294 .fa-regular {
	cursor: pointer;
}
#html-62300 {
	margin: 0px;
	--info-text: 'Geben Sie das Sortierdatum ein, um die Reihenfolge der Beiträge zu steuern. Diese Angabe ist optional.';
}
#html-62300 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62300 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62300 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62300 .fa-regular {
	cursor: pointer;
}
#form-field-62275 img {
	max-width: 300px;
}
#form-62250 {
	--label-width: var(--lwidth,175px);
	--textarea-height: var(--theight,100px);
	--input-padding: var(--field-padding,3px);
	--input-radius: var(--field-radius,3px);
	--input-color: var(--color);
	--button-width: auto;
	background-color: var(--bgcolor);
	padding: 20px;
	margin: 20px auto 20px auto;
	max-width: 700px;
	border-radius: 30px;
	box-shadow: 0px 0px 5px var(--bgcolor2);
}
#form-62250 .form-field {
	width: 100%;
	margin-bottom: 20px;
}
#form-62250 label {
	font-weight: bold;
	margin-bottom: 10px;
}
#form-62250 input , #form-62250 select , #form-62250 button , #form-62250 div.textarea {
	width: 100%;
	margin-bottom: 20px;
}
#form-62250 textarea {
	outline: none;
}
#form-62250 .designmode-depending {
	display: none !important;
}
#form-62250 label:not(.input-radio):not(.input-checkbox) {
	display: block;
	margin-top: var(--label-margin-top);
}
#form-62250 .form-field input , #form-62250 .textarea , #form-62250 .form-field select {
	background: var(--field-bgcolor, transparent);
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid var(--locolor);
	transition: border-bottom-color 1s;
	outline: none;
	color: var(--color);
}
#form-62250 .form-field input:focus {
	border-bottom: 1px solid #ff7300;
}
#form-62250 .form-field select:focus {
	border-bottom: 1px solid #ff7300;
	background: var(--bgcolor);
}
#form-62250 textarea:focus {
	border-bottom: 1px solid #ff7300;
	border: none;
}
#form-62250 div.form-template a {
	color: #ff7300;
}
#form-62250 .form-field input:focus::after , #form-62250 .textarea:focus::after , #form-62250 .form-field select:focus::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: var(--bgcolor);
	animation: slide-in 0.3s ease-out forwards;
}
#form-62250 .Info-Icon {
	width: 17px;
}
#form-62250 .form-field button#Senden , #form-62250 button#Foto_upload {
	padding: var(--btn-padding-vertical, 10px) calc(var(--btn-padding-horizontal, 20px) + 0.35em) var(--btn-padding-vertical, 10px) var(--btn-padding-horizontal, 20px);
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, transparent);
	border-radius: var(--btn-border-radius, 5px);
	margin: var(--btn-vertical-margin, 20px) var(--btn-horizontal-margin, 0px);
	color: var(--btn-text-color, var(--bgcolor));
	font-size: var(--btn-font-size);
	background-color: var(--btn-background-color, #ff7300);
	cursor: pointer;
}
#form-62250 .form-field button#Senden:hover , #form-62250 button#Foto_upload:hover {
	color: #ff7300;
	background-color: transparent;
	border: var(--btn1-border-width, 1px) solid var(--btn1-border-color, #ff7300);
}
#form-62250 .form-field.input-button label , #form-62250 .form-field.input-submit label , #form-62250 .form-field.input-reset label {
	display: none;
}
#form-62250 .form-field input[type='checkbox'] , #form-62250 .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
#form-62250 .form-field [type='checkbox'] + label , #form-62250 .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left);
}
#form-62250 .form-field input[type='checkbox'] + label::before {
	content: "";
	font-weight: 300;
}
#form-62250 .form-field input[type='radio'] + label::before {
	content: "";
}
#form-62250 .form-field input[type='checkbox'] + label::before , #form-62250 .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);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
#form-62250 .form-field input[type='checkbox']:checked + label::before {
	content: "";
	color: var(--color);
	font-weight: 300;
}
#form-62250 .form-field input[type='radio']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-62250 .form-field input[type='file']::file-selector-button {
	display: none;
}
#form-62250 .width-50 {
	max-width: calc(50% - 52px);
	margin-left: 0;
}
#form-62250 .width-30 {
	max-width: calc(33.33% - 54px);
	margin-left: 0;
}
#form-62250 .flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
}
#form-62250 .ql-toolbar.ql-snow {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: row;
	border: 1px solid var(--locolor);
	box-sizing: border-box;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 8px;
}
#form-62250 .ql-snow .ql-formats {
	display: flex;
	width: fit-content;
	font-size: middle;
	flex-direction: row;
	gap: 5px;
}
#form-62250 button:not(#Senden):not(#Foto_upload) {
	color: white;
	background-color: var(--bgcolor);
	outline: navajowhite;
	border: 1px solid #ff7300;
	margin-block-end: 5px;
}
#form-62250 .ql-snow .ql-stroke , #form-62250 .ql-snow .ql-stroke {
	stroke: #ff7300;
}
#form-62250 .ql-snow .ql-fill , #form-62250 .ql-snow .ql-stroke.ql-fill {
	fill: #ff7300;
}
#form-62250 .ql-editor {
	height: 250px;
	padding: 10px;
	resize: vertical;
}
#form-field-62283 {
	width: calc(100% - 50px) !important;
	margin-left: 0;
}
html.no-cmgui #html-62277 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#html-62277 {
	--info-text: 'Geben Sie die Quelle oder den Urheber des hochgeladenen Fotos an. Diese Angabe ist optional.';
	margin: 0px;
}
#html-62277 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62277 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62277 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62277 .fa-regular {
	cursor: pointer;
}
html.no-cmgui #html-62285 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#html-62285 {
	margin: 0px;
	--info-text: 'Geben Sie Felder für SEO-Zwecke ein, wie z.B. Meta-Beschreibung und Meta-Schlüsselwörter. Diese Angabe ist optional.';
}
#html-62285 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62285 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62285 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62285 .fa-regular {
	cursor: pointer;
}
#form-field-62286 {
	width: calc(100% - 50px) !important;
	margin-left: 0;
}
html.no-cmgui #html-62288 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#html-62288 {
	margin: 0px;
	--info-text: 'Geben Sie eine Zahl ein, um die Priorität dieses Beitrags festzulegen. Niedrige Zahlen haben höhere Priorität. Diese Angabe ist optional.';
}
#html-62288 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62288 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62288 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62288 .fa-regular {
	cursor: pointer;
}
html.no-cmgui #html-62291 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#html-62291 {
	margin: 0px;
	--info-text: 'Geben Sie die Quelle des Nachrichtenartikels an. Diese Angabe ist optional.';
}
#html-62291 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62291 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62291 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62291 .fa-regular {
	cursor: pointer;
}
html.no-cmgui #html-62297 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#html-62297 {
	margin: 0px;
	--info-text: 'Geben Sie das Datum ein, bis wann der Beitrag sichtbar sein soll. Diese Angabe ist optional.';
}
#html-62297 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62297 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62297 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62297 .fa-regular {
	cursor: pointer;
}
#form-field-62273 {
	display: none;
}
#form-field-62280 {
	display: none;
}
html.no-cmgui #html-62262 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#html-62262 {
	--info-text: 'Wählen Sie eine Kategorien für diesen Beitrag aus dem Dropdown-Menü aus. Diese Angabe ist optional. Um die Optionen zu bearbeiten, klicken Sie mit der rechten Maustaste und wählen Sie "Fieldeigenschaften".';
	margin: 0px;
}
#html-62262 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62262 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62262 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62262 .fa-regular {
	cursor: pointer;
}
html.no-cmgui #html-62366 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
html.no-cmgui #html-62369 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#html-62366 {
	margin: 0px;
	--info-text: 'Geben Sie die Straße des Veranstaltungsortes ein.';
}
#html-62366 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62366 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62366 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62366 .fa-regular {
	cursor: pointer;
}
#html-62369 {
	--info-text: 'Geben Sie die Postleitzahl des Veranstaltungsortes ein.';
	margin: 0px;
}
#html-62369 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62369 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62369 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62369 .fa-regular {
	cursor: pointer;
}
html.no-cmgui #html-62372 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
html.no-cmgui #html-62375 [class*='-assistent'] {
	display: none !important;
	--kommentar: 'warum?';
}
#html-62372 {
	margin: 0px;
	--info-text: 'Geben Sie die Stadt des Veranstaltungsortes ein.';
}
#html-62372 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62372 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62372 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62372 .fa-regular {
	cursor: pointer;
}
#html-62375 {
	--info-text: 'Wählen Sie das Land des Veranstaltungsortes aus.';
	margin: 0px;
}
#html-62375 .info-icon {
	position: relative;
	display: inline-block;
}
#html-62375 .info-icon:hover::after {
	content: var(--info-text, 'Keine Info');
	position: absolute;
	white-space: normal;
	bottom: 100%;
	left: 20%;
	transform: translateX(-20%);
	background-color: white;
	color: rgb(51, 51, 51);
	padding: 5px 10px;
	width: 300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
	font-size: 14px;
	z-index: 1;
	margin-bottom: 10px;
}
#html-62375 .info-icon:hover::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255) transparent transparent;
	border-image: initial;
	filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 7px 6px);
	z-index: 2;
}
#html-62375 .fa-regular {
	cursor: pointer;
}
#form-field-62370 {
	padding-inline-end: 20px;
}
#col-5078 {
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
}
#col-5080 {
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
}
#text-66420 {
	width: 100%;
}
#form-field-66506 {
	text-align: center;
	max-width: 100% !important;
}
#form-field-66506 .form-field {
	width: 100% !important;
}
#text-66429 {
	width: 100%;
}
#text-66447 {
	width: 100%;
}
#text-66448 {
	margin-bottom: 24px;
}
#col-66437 {
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
}
#col-66440 {
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
}
#bhv-database2-66521 {
	margin-bottom: 20px;
}
#bhv-database2-66521 h3 {
	font-size: 2em;
}
#bhv-database2-66521 .form-field {
	margin-bottom: 20px;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	flex-direction: row;
}
#bhv-database2-66521 label {
	font-weight: bold;
}
#bhv-database2-66521 > div.admin > button {
	border-radius: 5px;
	padding: 10px 20px !important;
	font-weight: bold;
	background-color: #ff7300 !important;
	color: white !important;
}
#bhv-database2-66521 div.search , #bhv-database2-66521 div.views , #bhv-database2-66521 div.sortbuttons , #bhv-database2-66521 div.filter {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	margin-bottom: 30px;
	gap: 20px;
	background: #fff4eb;
	padding: 20px;
	border-radius: 20px;
}
#bhv-database2-66521 .search input {
	height: 15px;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ff7300 !important;
	background: transparent;
	color: #ff7300 !important;
	width: 100%;
}
#bhv-database2-66521 .search input:focus {
	outline: none !important;
}
#bhv-database2-66521 .search select {
	height: 27px;
	border-radius: 10px;
	border: 1px solid #ff7300 !important;
	background: transparent;
	color: #ff7300 !important;
	width: 100%;
	min-width: fit-content;
	flex: 1;
}
#bhv-database2-66521 .search select:focus {
	outline: none !important;
}
#bhv-database2-66521 div.search b , #bhv-database2-66521 div.views b , #bhv-database2-66521 div.sortbuttons b , #bhv-database2-66521 div.filter b {
	display: inline-block;
	width: 85px;
}
#bhv-database2-66521 div.views span {
	margin-right: 10px;
	font-size: 1.5em;
	cursor: pointer;
}
#bhv-database2-66521 div.sortbuttons {
	--x-order: 3;
	display: flex;
	gap: 10px;
}
#bhv-database2-66521 div.sortbuttons span {
	overflow: unset;
	width: fit-content;
	cursor: pointer;
}
#bhv-database2-66521 div.sortbuttons span.asc::after {
	font-family: 'FontAwesome';
	padding-left: 3px;
	content: '\f0dd';
}
#bhv-database2-66521 div.sortbuttons span.desc::after {
	font-family: 'FontAwesome';
	padding-left: 3px;
	content: '\f0de';
}
#bhv-database2-66521 div.filter {
	--x-order: 2;
}
#bhv-database2-66521 div.filter > span {
	display: inline-flex;
	width: calc(100% - 90px);
	flex-wrap: wrap;
	gap: 0 10px;
}
#bhv-database2-66521 div.filter > span > span.br {
	flex-basis: 100%;
	height: 0;
}
#bhv-database2-66521 div.filter > span > span {
	cursor: pointer;
}
#bhv-database2-66521 div.filter input {
	margin-right: 5px;
}
#bhv-database2-66521 .date-filters {
	width: 100%;
	display: flex;
	flex-direction: column;
}
#bhv-database2-66521 .radio-fields {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#bhv-database2-66521 .radio-fields label {
	flex: 1 1 22%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ff7300;
	border-radius: 8px;
	cursor: pointer;
	color: #ff7300;
	transition: background-color 0.3s, border-color 0.3s;
	margin-bottom: 10px;
	min-width: 150px;
}
#bhv-database2-66521 .date-filters input[type='radio'] {
	display: none;
}
#bhv-database2-66521 .date-filters label span {
	display: block;
	width: 100%;
	text-align: center;
	padding: 8px;
}
#bhv-database2-66521 .date-filters input[type='radio']:checked + span {
	background-color: #ff7300;
	color: white;
	border-radius: 5px;
}
#bhv-database2-66521 .date_picker-fields {
	width: 100%;
	display: flex;
	column-gap: 50px;
	row-gap: 10px;
	flex-wrap: wrap;
}
#bhv-database2-66521 .date-picker {
	flex: 1 1 22%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	border-radius: 8px;
	cursor: pointer;
	color: #ff7300;
	transition: background-color 0.3s, border-color 0.3s;
	min-width: 200px;
}
#bhv-database2-66521 .date-picker input[type='date'] {
	width: calc(100% - 10px);
	padding-block: 8px;
	margin-block-start: 5px;
}
#bhv-database2-66521 .clear-date-filter {
	flex: 1 1 100%;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background-color: #ff7300;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s, border-color 0.3s;
	margin-top: 10px;
	text-align: center;
	margin-inline: auto;
}
#bhv-database2-66521 .clear-date-filter:hover {
	background-color: #ff5300;
	border-color: #ff5300;
}
#bhv-database2-66521 div.pagination {
	display: flex;
	margin: 20px 0;
	font-weight: bold;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
#bhv-database2-66521 div.pagination button {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--bgcolor);
	padding: 3px;
	background: #ff7300;
	cursor: pointer;
	color: white;
}
#bhv-database2-66521 div.pagination span {
	margin-right: 5px;
	color: #ff7300;
}
#bhv-database2-66521 .sortable {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	list-style: none;
	margin: 0;
}
#bhv-database2-66521 .cms30_event_rec {
	flex: 1 1 calc(50% - 20px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin: 10px;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	overflow: hidden;
	background-color: #fff;
	max-width: calc(50% - 20px);
}
#bhv-database2-66521 .card-image-container {
	position: relative;
}
#bhv-database2-66521 .card-image-container img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
#bhv-database2-66521 .image-placeholder {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
	padding-block: 33.33%;
	background-color: #f0f0f0;
	border: 2px dashed #ccc;
	position: relative;
	box-sizing: border-box;
	border-radius: 8px;
	color: #888;
	text-align: center;
}
#bhv-database2-66521 .image-placeholder .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#bhv-database2-66521 .image-placeholder i {
	font-size: 3em;
	margin-bottom: 10px;
	padding-inline-end: 10px;
}
#bhv-database2-66521 .image-placeholder p {
	margin: 0;
	font-size: 1em;
	color: #888;
}
#bhv-database2-66521 .card-title-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 40%);
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
}
#bhv-database2-66521 .card-title {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}
#bhv-database2-66521 .card-content {
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}
#bhv-database2-66521 .card-info {
	display: flex;
	flex-wrap: wrap;
}
#bhv-database2-66521 .card-info p {
	flex: 1 1 50%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0;
	min-width: 160px;
}
#bhv-database2-66521 .card-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 10px;
}
#bhv-database2-66521 .card-actions i {
	margin-right: 10px;
}
#bhv-database2-66521 .card-actions .admin {
	display: inline-flex;
	width: 100px;
	overflow: hidden;
	align-items: flex-end;
}
#bhv-database2-66521 .card-actions .admin > button {
	visibility: hidden;
	width: 30px;
	display: flex;
	align-self: center;
}
#bhv-database2-66521 .card-actions .admin > button::before {
	font-family: 'FontAwesome';
	font-size: 20px;
	display: inline-block;
	visibility: visible;
	color: #ff7300 !important;
}
#bhv-database2-66521 .card-actions .admin > button:nth-of-type(1) {
	order: 1;
}
#bhv-database2-66521 .card-actions .admin > button:nth-of-type(1)::before {
	content: '\0f044';
	margin-top: 4px;
}
#bhv-database2-66521 .card-actions .admin > button:nth-of-type(2) {
	order: 3;
}
#bhv-database2-66521 .card-actions .admin > button:nth-of-type(2)::before {
	content: '\0f1f8';
	margin-top: 1px;
}
#bhv-database2-66521 .card-actions .admin > button:nth-of-type(3) {
	order: 2;
	margin-top: -2px;
}
#bhv-database2-66521 .card-actions .admin > button:nth-of-type(3)::before {
	content: '\0f0c5';
}
#bhv-database2-66521 .hidden-param {
	display: none;
}
#bhv-database2-66521 .hidden-filter {
	display: none;
}
#bhv-database2-66521 .no-results {
	text-align: center;
	padding: var(--no-results-padding, 20px);
	font-size: var(--no-results-font-size, 18px);
	font-weight: var(--no-results-font-weight, bold);
	color: var(--no-results-color, var(--hicolor));
}
#bhv-database2-66521 .no-results p {
	margin: var(--no-results-p-margin, 0 0 10px 0);
}
#bhv-database2-66521 .no-results .reset-filters {
	padding: var(--reset-filters-padding, 10px 20px);
	font-size: var(--reset-filters-font-size, 16px);
	background-color: var(--reset-filters-background-color, var(--bgcolor2));
	color: var(--reset-filters-color);
	border: none;
	border-radius: var(--reset-filters-border-radius, 5px);
	cursor: pointer;
	transition: background-color 0.3s;
}
#bhv-database2-66521 .no-results .reset-filters:hover {
	background-color: var(--reset-filters-hover-background-color, var(--locolor));
}
#bhv-database2-66518 {
	margin-bottom: 20px;
}
#bhv-database2-66518 h3 {
	font-size: 2em;
}
#bhv-database2-66518 .form-field {
	margin-bottom: 20px;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	flex-direction: row;
}
#bhv-database2-66518 label {
	font-weight: bold;
}
#bhv-database2-66518 > div.admin > button {
	border-radius: 5px;
	padding: 10px 20px !important;
	font-weight: bold;
	background-color: #ff7300 !important;
	color: white !important;
}
#bhv-database2-66518 div.search , #bhv-database2-66518 div.views , #bhv-database2-66518 div.sortbuttons , #bhv-database2-66518 div.filter {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	margin-bottom: 30px;
	gap: 20px;
	background: #fff4eb;
	padding: 20px;
	border-radius: 20px;
}
#bhv-database2-66518 .search input {
	height: 15px;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ff7300 !important;
	background: transparent;
	color: #ff7300 !important;
	width: 100%;
}
#bhv-database2-66518 .search input:focus {
	outline: none !important;
}
#bhv-database2-66518 .search select {
	height: 27px;
	border-radius: 10px;
	border: 1px solid #ff7300 !important;
	background: transparent;
	color: #ff7300 !important;
	width: 100%;
	min-width: fit-content;
	flex: 1;
}
#bhv-database2-66518 .search select:focus {
	outline: none !important;
}
#bhv-database2-66518 div.search b , #bhv-database2-66518 div.views b , #bhv-database2-66518 div.sortbuttons b , #bhv-database2-66518 div.filter b {
	display: inline-block;
	width: 85px;
}
#bhv-database2-66518 div.views span {
	margin-right: 10px;
	font-size: 1.5em;
	cursor: pointer;
}
#bhv-database2-66518 div.sortbuttons {
	--x-order: 3;
	display: flex;
	gap: 10px;
}
#bhv-database2-66518 div.sortbuttons span {
	overflow: unset;
	width: fit-content;
	cursor: pointer;
}
#bhv-database2-66518 div.sortbuttons span.asc::after {
	font-family: 'FontAwesome';
	padding-left: 3px;
	content: '\f0dd';
}
#bhv-database2-66518 div.sortbuttons span.desc::after {
	font-family: 'FontAwesome';
	padding-left: 3px;
	content: '\f0de';
}
#bhv-database2-66518 div.filter {
	--x-order: 2;
}
#bhv-database2-66518 div.filter > span {
	display: inline-flex;
	width: calc(100% - 90px);
	flex-wrap: wrap;
	gap: 0 10px;
}
#bhv-database2-66518 div.filter > span > span.br {
	flex-basis: 100%;
	height: 0;
}
#bhv-database2-66518 div.filter > span > span {
	cursor: pointer;
}
#bhv-database2-66518 div.filter input {
	margin-right: 5px;
}
#bhv-database2-66518 .date-filters {
	width: 100%;
	display: flex;
	flex-direction: column;
}
#bhv-database2-66518 .radio-fields {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#bhv-database2-66518 .radio-fields label {
	flex: 1 1 22%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ff7300;
	border-radius: 8px;
	cursor: pointer;
	color: #ff7300;
	transition: background-color 0.3s, border-color 0.3s;
	margin-bottom: 10px;
	min-width: 150px;
}
#bhv-database2-66518 .date-filters input[type='radio'] {
	display: none;
}
#bhv-database2-66518 .date-filters label span {
	display: block;
	width: 100%;
	text-align: center;
	padding: 8px;
}
#bhv-database2-66518 .date-filters input[type='radio']:checked + span {
	background-color: #ff7300;
	color: white;
	border-radius: 5px;
}
#bhv-database2-66518 .date_picker-fields {
	width: 100%;
	display: flex;
	column-gap: 50px;
	row-gap: 10px;
	flex-wrap: wrap;
}
#bhv-database2-66518 .date-picker {
	flex: 1 1 22%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	border-radius: 8px;
	cursor: pointer;
	color: #ff7300;
	transition: background-color 0.3s, border-color 0.3s;
	min-width: 200px;
}
#bhv-database2-66518 .date-picker input[type='date'] {
	width: calc(100% - 10px);
	padding-block: 8px;
	margin-block-start: 5px;
}
#bhv-database2-66518 .clear-date-filter {
	flex: 1 1 100%;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background-color: #ff7300;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s, border-color 0.3s;
	margin-top: 10px;
	text-align: center;
	margin-inline: auto;
}
#bhv-database2-66518 .clear-date-filter:hover {
	background-color: #ff5300;
	border-color: #ff5300;
}
#bhv-database2-66518 div.pagination {
	display: flex;
	margin: 20px 0;
	font-weight: bold;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
#bhv-database2-66518 div.pagination button {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--bgcolor);
	padding: 3px;
	background: #ff7300;
	cursor: pointer;
	color: white;
}
#bhv-database2-66518 div.pagination span {
	margin-right: 5px;
	color: #ff7300;
}
#bhv-database2-66518 .sortable {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	list-style: none;
	margin: 0;
}
#bhv-database2-66518 .cms30_event_rec {
	flex: 1 1 calc(50% - 20px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin: 10px;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	overflow: hidden;
	background-color: #fff;
	max-width: calc(50% - 20px);
}
#bhv-database2-66518 .card-image-container {
	position: relative;
}
#bhv-database2-66518 .card-image-container img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
#bhv-database2-66518 .image-placeholder {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
	padding-block: 33.33%;
	background-color: #f0f0f0;
	border: 2px dashed #ccc;
	position: relative;
	box-sizing: border-box;
	border-radius: 8px;
	color: #888;
	text-align: center;
}
#bhv-database2-66518 .image-placeholder .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#bhv-database2-66518 .image-placeholder i {
	font-size: 3em;
	margin-bottom: 10px;
	padding-inline-end: 10px;
}
#bhv-database2-66518 .image-placeholder p {
	margin: 0;
	font-size: 1em;
	color: #888;
}
#bhv-database2-66518 .card-title-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 40%);
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
}
#bhv-database2-66518 .card-title {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}
#bhv-database2-66518 .card-content {
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}
#bhv-database2-66518 .card-info {
	display: flex;
	flex-wrap: wrap;
}
#bhv-database2-66518 .card-info p {
	flex: 1 1 50%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0;
	min-width: 160px;
}
#bhv-database2-66518 .card-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 10px;
}
#bhv-database2-66518 .card-actions i {
	margin-right: 10px;
}
#bhv-database2-66518 .card-actions .admin {
	display: inline-flex;
	width: 100px;
	overflow: hidden;
	align-items: flex-end;
}
#bhv-database2-66518 .card-actions .admin > button {
	visibility: hidden;
	width: 30px;
	display: flex;
	align-self: center;
}
#bhv-database2-66518 .card-actions .admin > button::before {
	font-family: 'FontAwesome';
	font-size: 20px;
	display: inline-block;
	visibility: visible;
	color: #ff7300 !important;
}
#bhv-database2-66518 .card-actions .admin > button:nth-of-type(1) {
	order: 1;
}
#bhv-database2-66518 .card-actions .admin > button:nth-of-type(1)::before {
	content: '\0f044';
	margin-top: 4px;
}
#bhv-database2-66518 .card-actions .admin > button:nth-of-type(2) {
	order: 3;
}
#bhv-database2-66518 .card-actions .admin > button:nth-of-type(2)::before {
	content: '\0f1f8';
	margin-top: 1px;
}
#bhv-database2-66518 .card-actions .admin > button:nth-of-type(3) {
	order: 2;
	margin-top: -2px;
}
#bhv-database2-66518 .card-actions .admin > button:nth-of-type(3)::before {
	content: '\0f0c5';
}
#bhv-database2-66518 .hidden-param {
	display: none;
}
#bhv-database2-66518 .hidden-filter {
	display: none;
}
#bhv-database2-66518 .no-results {
	text-align: center;
	padding: var(--no-results-padding, 20px);
	font-size: var(--no-results-font-size, 18px);
	font-weight: var(--no-results-font-weight, bold);
	color: var(--no-results-color, var(--hicolor));
}
#bhv-database2-66518 .no-results p {
	margin: var(--no-results-p-margin, 0 0 10px 0);
}
#bhv-database2-66518 .no-results .reset-filters {
	padding: var(--reset-filters-padding, 10px 20px);
	font-size: var(--reset-filters-font-size, 16px);
	background-color: var(--reset-filters-background-color, var(--bgcolor2));
	color: var(--reset-filters-color);
	border: none;
	border-radius: var(--reset-filters-border-radius, 5px);
	cursor: pointer;
	transition: background-color 0.3s;
}
#bhv-database2-66518 .no-results .reset-filters:hover {
	background-color: var(--reset-filters-hover-background-color, var(--locolor));
}
#cont-66559 {
	gap: 10px;
}
#cont-66565 {
	gap: 10px;
}
#col-66560 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#col-66566 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#form-66555 {
	--label-width: var(--lwidth,175px);
	--textarea-height: var(--theight,100px);
	--input-padding: var(--field-padding,3px);
	--input-radius: var(--field-radius,3px);
	--input-color: var(--color);
	--button-width: auto;
}
#form-66555 .form-field {
	width: 100%;
}
#form-66555 textarea {
	outline: none;
}
#form-66555 label:not(.input-radio):not(.input-checkbox) {
	display: block;
	margin-top: var(--label-margin-top);
}
#form-66555 .form-field input , #form-66555 .textarea , #form-66555 .form-field select {
	background: var(--field-bgcolor, transparent);
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid var(--locolor);
	transition: border-bottom-color 1s;
	outline: none;
	color: var(--color);
}
#form-66555 .form-field input:focus {
	border-bottom: 1px solid var(--hicolor);
}
#form-66555 .form-field select:focus {
	border-bottom: 1px solid var(--hicolor);
	background: var(--bgcolor);
}
#form-66555 textarea:focus {
	border-bottom: 1px solid var(--hicolor);
	border: none;
}
#form-66555 .form-field input:focus::after , #form-66555 .textarea:focus::after , #form-66555 .form-field select:focus::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: var(--bgcolor);
	animation: slide-in 0.3s ease-out forwards;
}
#form-66555 .form-field button {
	padding: var(--btn-padding-vertical, 10px) calc(var(--btn-padding-horizontal, 20px) + 0.35em) var(--btn-padding-vertical, 10px) var(--btn-padding-horizontal, 20px);
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, transparent);
	border-radius: var(--btn-border-radius, 5px);
	margin: var(--btn-vertical-margin, 20px) var(--btn-horizontal-margin, 0px);
	color: var(--btn-text-color, var(--bgcolor));
	font-size: var(--btn-font-size);
	background-color: var(--btn-background-color, var(--hicolor));
}
#form-66555 .form-field button:hover {
	color: var(--hicolor);
	background-color: transparent;
	border: var(--btn1-border-width, 1px) solid var(--btn1-border-color, var(--hicolor));
}
#form-66555 .form-field.input-button label , #form-66555 .form-field.input-submit label , #form-66555 .form-field.input-reset label {
	display: none;
}
#form-66555 .form-field input[type='checkbox'] , #form-66555 .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
#form-66555 .form-field [type='checkbox'] + label , #form-66555 .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left);
}
#form-66555 .form-field input[type='checkbox'] + label::before {
	content: "";
}
#form-66555 .form-field input[type='radio'] + label::before {
	content: "";
}
#form-66555 .form-field input[type='checkbox'] + label::before , #form-66555 .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);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
#form-66555 .form-field input[type='checkbox']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-66555 .form-field input[type='radio']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-66555 .form-field input[type='file']::file-selector-button {
	display: none;
}
#form-66555 .Vorname , #form-66555 .Nachname , #form-66555 .E-Mail , #form-66555 .Telefon , #form-66555 .Patient , #form-66555 .E-Card {
	max-width: calc(50% - 10px);
}
#datenbank-5215 {
	width: 100%;
}
#form-field-5221 label {
	display: none;
}
#form-field-5224 {
	text-align: center;
	max-width: 100% !important;
}
#form-field-5224 label {
	display: none;
}
#form-field-5124 {
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
}
#form-field-5124 label {
	text-align: start;
	margin: 0 !important;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal !important;
}
#datenbank-66613 {
	width: 100%;
}
#form-field-66618 label {
	display: none;
}
#form-field-66624 {
	text-align: center;
	max-width: 100% !important;
}
#form-field-66624 label {
	display: none;
}
#form-field-66622 {
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
}
#form-field-66622 label {
	text-align: start;
	margin: 0 !important;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal !important;
}
#datenbank-66799 {
	width: 100%;
}
#form-field-66804 label {
	display: none;
}
#form-field-66810 {
	text-align: center;
	max-width: 100% !important;
}
#form-field-66810 label {
	display: none;
}
#form-field-66808 {
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
}
#form-field-66808 label {
	text-align: start;
	margin: 0 !important;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal !important;
}
#form-5061 .booking-wrapper {
	margin: 0;
	padding: 20px;
}
#form-5061 .booking-card {
	background: var(--bgcolor);
	border-radius: 12px;
	text-align: center;
	margin: 20px auto;
}
#form-5061 .booking-status-icon {
	width: 64px;
	height: 64px;
	margin-bottom: 24px;
	fill: #4CAF50;
}
#form-5061 .booking-title {
	color: var(--color);
	margin-bottom: 16px;
	font-size: 1.6rem;
}
#form-5061 .booking-text {
	color: var(--color);
	opacity: 0.7;
	line-height: 1.6;
	margin-bottom: 24px;
}
#form-5061 .booking-button {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	margin: 8px;
}
#form-5061 .booking-button--primary {
	background: var(--hicolor);
	color: var(--bgcolor) !important;
	border: none;
}
#form-5061 .booking-button--primary:hover {
	background: color-mix(in lab, var(--hicolor) 100%, black 20%);
}
#form-5061 .booking-button--secondary {
	background: var(--bgcolor);
	color: var(--hicolor) !important;
	outline: 2px solid var(--hicolor);
	outline-offset: -2px;
	box-sizing: border-box;
}
#form-5061 .booking-button--secondary:hover {
	color: color-mix(in lab, var(--hicolor) 100%, black 20%) !important;
	outline-color: color-mix(in lab, var(--hicolor) 100%, black 20%);
}
#form-5061 .booking-details {
	background: var(--bgcolor2);
	border-radius: 8px;
	padding: 16px;
	margin: 24px 0;
	text-align: left;
}
#form-5061 .booking-details__item {
	margin: 8px 0;
}
#form-5061 .booking-action-group {
	margin-top: 24px;
}
#text-5752 {
	--headline-max-width: 600px;
	--headline-text-align: center;
	--headline-align-self: center;
	--headline-margin-left: auto;
	--headline-margin-right: auto;
	--headline-font-weight: 400;
	--headline-color: var(--color);
	--headline-padding-top: 0;
	--headline-margin-bottom: 0;
}
#text-5753 {
	--text-max-width: 800px;
	--text-align: center;
	--text-margin-left: auto;
	--text-margin-right: auto;
	--text-margin-bottom: 30px;
}
#text-5751 {
	--text-max-width: 750px;
	--text-align: center;
	--text-margin-left: auto;
	--text-margin-right: auto;
	--text-color: var(--hicolor);
}
#cont-5755 {
	--flex-item-border-radius: 16px;
	--flex-row-gap: 2rem;
	--flex-item-justify-content: start;
	--flex-row-justify-content: flex-start;
	--cms30-image-aspect-ratio: 6/7;
	--cms30-image-height: 300px;
	--cms30-image-width: 100%;
	--text-font-size: 0.9rem;
	--flex-row-border-radius: 20px;
	--flex-row-padding-top: 2rem;
	--flex-row-padding-bottom: 2rem;
	--flex-row-padding-left: 2rem;
	--cms30-image-border-radius: 12px;
	--cms30-image-margin-top: auto;
	max-width: 1100px;
	--flex-row-margin-right: auto;
	--flex-row-margin-left: auto;
	--flex-row-flex-direction: row;
	--flex-row-flex-wrap: nowrap;
	--flex-item-background-color: var(--bgcolor2);
}
#cont-5755 .svg-wrapper {
	width: 50px;
	height: 50px;
}
#cont-5755 svg {
	fill: var(--hicolor);
	--flex-item-max-width: 50% !important;
}
#cont-5755 .title {
	--text-font-weight: 600;
	font-size: 1.4rem;
	--text-margin-top: 0px;
	--text-margin-bottom: 130px;
	--text-padding-bottom: 0;
	width: 100%;
}
#cont-5755 [class*='flex-item'] {
	min-width: 275px;
}
#cont-5797 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--section-padding-top: 50px;
	padding-inline: 10px;
	--section-padding-bottom: 0;
}
#col-5800 {
	padding: 4rem 1rem;
	border-radius: 20px;
}
#cont-5818 {
	--cms30-btn-text-align: start;
	--cms30-image-z-index: 0;
	--cms30-image-object-fit: cover;
	--cms30-image-height: 100%;
	--cms30-image-aspect-ratio: 3/4;
	--flex-item-padding-top: 0;
	--flex-item-padding-right: 0;
	--flex-item-padding-bottom: 0;
	--flex-item-padding-left: 0;
}
#col-5819 {
	justify-content: flex-start;
}
#text-5820 {
	--headline-margin-top: 0;
}
#col-5817 {
	padding: 2rem 1rem;
	border-radius: 20px;
}
#col-5826 {
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: flex-start;
}
#col-5826 .text a {
	color: var(--color);
}
#col-5826 .text a:hover {
	color: var(--hicolor);
}
#text-5758 {
	--text-margin-top: auto;
}
#text-5761 {
	--text-margin-top: auto;
}
#text-5764 {
	--text-margin-top: auto;
}
#html-5663::before {
	content: '';
	background: linear-gradient(to top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 86%);
	-xxwidth: 100%;
	x-xxheight: 100%;
	bottom: 0px;
	left: 0;
	position: absolute;
	z-index: 1;
}
#html-5667 {
	--text-align: left;
	--text-max-width: 450px;
	--text-color: var(--color13);
	--text-margin-top: 0px;
}
#text-5666 {
	--headline-font-weight: 700;
	--headline-text-align: left;
	--headline-margin-bottom: 0px;
	--headline-padding-bottom: 12px;
	max-width: 650px;
	--headline-color: var(--color13);
}
#cont-5664 {
	width: 90%;
	position: absolute;
	transform: translateX(-50%);
	bottom: 0px;
	left: 50%;
	--flex-row-justify-content: space-between;
	--flex-row-padding-left: 0;
	--flex-row-margin-right: 0;
	--flex-item-padding-right: 0;
	--flex-item-padding-left: 0;
	--flex-item-gap: 0px;
}
#col-5662 {
	position: relative;
	height: 100vh;
}
#html-5663 {
	height: 100vh;
	width: 100%;
	position: relative;
}
#html-5663 video {
	width: 100% !important;
	height: 100% !important;
	border-radius: 0;
	object-fit: cover;
}
#col-5766 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	width: 100%;
}
#col-5766 .cms30-image {
	min-width: 300px;
	padding-inline: 1rem;
	aspect-ratio: 6 / 9;
	height: auto;
}
#text-5782 {
	--headline-font-size: 1rem;
	--headline-font-weight: 500;
	--headline-margin-top: 1rem;
	--headline-color: var(--color);
}
#cont-5780 {
	--cms30-btn-text-align: start;
	--cms30-image-z-index: 0;
	--cms30-image-object-fit: cover;
	--cms30-image-height: 100%;
	--cms30-image-aspect-ratio: 3/4;
	--flex-item-display: flex;
	--flex-item-flex-direction: row;
	--flex-item-flex-wrap: nowrap;
	--flex-item-gap: 24px;
	--text-font-size: 16px;
	--flex-row-flex-direction: column;
	--flex-item-justify-content: start;
	row-gap: 0;
}
#cont-5780 .service-icon {
	background: var(--color);
	color: var(--bgcolor);
	padding: 1rem;
	border-radius: 12px;
	font-size: 2rem;
	min-width: 70px;
	height: 70px;
}
#cont-5780 .service-text h2 {
	margin-top: 0px;
}
#cont-5780 .service-text {
	max-width: 600px;
}
#col-5787 {
	justify-content: end;
}
#col-5793 {
	justify-content: end;
}
#col-5779 {
	position: relative;
}
#text-5783 {
	--text-font-size: 2rem;
	--text-font-weight: 500;
	--text-max-width: 1000px;
}
#cont-5801 {
	--cms30-btn-text-align: start;
	--cms30-image-z-index: 0;
	--cms30-image-object-fit: cover;
	--cms30-image-height: auto;
	--cms30-image-aspect-ratio: 8/8;
	--cms30-image-width: 100%;
	--cms30-btn-color: var(--bgcolor);
	--flex-item-justify-content: start;
	--flex-item-align-items: start;
}
#text-5754 {
	--cms30-btn-bgcolor: var(--color);
	--cms30-btn-color: var(--bgcolor);
	--cms30-btn-hover-bgcolor: var(--color);
	--cms30-btn-bg-hover-gradient: var(--solid-hover-bg);
	--cms30-btn-active-color: var(--color);
	--cms30-btn-text-align: center;
	--cms30-btn-display: block;
}
@media (max-width:800px) /* responsive */ {
	#cont-61230 {
		margin: -150px 20px 20px 20px;
	}
	#form-61232 .form-field {
		max-width: 100%;
	}
	#cont-61305 {
		margin: -150px 20px 20px 20px;
	}
	#form-61307 .form-field {
		max-width: 100%;
	}
	#html-61469 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-61469 .info-icon:hover::before {
		left: 50%;
	}
	#html-61449 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-61449 .info-icon:hover::before {
		left: 50%;
	}
	#html-62256 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62256 .info-icon:hover::before {
		left: 50%;
	}
	#html-62259 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62259 .info-icon:hover::before {
		left: 50%;
	}
	#html-62265 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62265 .info-icon:hover::before {
		left: 50%;
	}
	#html-62268 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62268 .info-icon:hover::before {
		left: 50%;
	}
	#html-62272 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62272 .info-icon:hover::before {
		left: 50%;
	}
	#html-62282 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62282 .info-icon:hover::before {
		left: 50%;
	}
	#html-62294 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62294 .info-icon:hover::before {
		left: 50%;
	}
	#html-62300 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62300 .info-icon:hover::before {
		left: 50%;
	}
	#form-62250 .form-field {
		max-width: 100%;
	}
	#html-62277 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62277 .info-icon:hover::before {
		left: 50%;
	}
	#html-62285 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62285 .info-icon:hover::before {
		left: 50%;
	}
	#html-62288 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62288 .info-icon:hover::before {
		left: 50%;
	}
	#html-62291 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62291 .info-icon:hover::before {
		left: 50%;
	}
	#html-62297 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62297 .info-icon:hover::before {
		left: 50%;
	}
	#html-62262 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62262 .info-icon:hover::before {
		left: 50%;
	}
	#html-62366 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62366 .info-icon:hover::before {
		left: 50%;
	}
	#html-62369 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62369 .info-icon:hover::before {
		left: 50%;
	}
	#html-62372 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62372 .info-icon:hover::before {
		left: 50%;
	}
	#html-62375 .info-icon:hover::after {
		left: -6px;
		transform: translateX(0%);
		width: 200px;
	}
	#html-62375 .info-icon:hover::before {
		left: 50%;
	}
	#bhv-database2-66521 .cms30_event_rec {
		flex: 1 1 100%;
		max-width: 100%;
	}
	#bhv-database2-66518 .cms30_event_rec {
		flex: 1 1 100%;
		max-width: 100%;
	}
	#form-66555 .form-field {
		max-width: 100%;
	}
	#col-5781 {
		flex-direction: column !important;
		row-gap: 0;
	}
	#text-5783 {
		--text-font-size: 1.4rem;
	}
}
