/** ikiss-formmail Standard-CSS **/

:root {
	--error: #a30000;
	--orange: #ff8c00;
}
@media (prefers-color-scheme: dark) {
	:root {
		--error: #ff6363;
		--orange: #ff8c00;
	}
}

form.ikiss-mailform {
	display: block;
}
.ikiss-mailform-fieldset {
	border: 1px solid var(--silver, #c8c8c8);
	padding: 1em;
	margin: 1em 0 0.75em 0;
}
.ikiss-mailform-fieldset legend {
	font-size: 1.313rem;
	font-weight: var(--font-bold, bold);
	padding: 0 0.25em;
}
.ikiss-mailform-info,
.ikiss-mailform-info legend,
.ikiss-mailform-info-field {
	border-color: var(--orange) !important;
	box-shadow: 0 0 2px var(--orange) !important;
	background-color: #FFEED0 !important;
}
.ikiss-mailform-info ul,
.ikiss-mailform-error ul {
	list-style-position: inside;
	list-style-type: square;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
.ikiss-mailform-info label,
.ikiss-mailform-error label {
	display: inline !important;
	cursor: pointer;
}
.ikiss-mailform-infolabel {
	clear: both;
	line-height: 1.333;
	color: #5d5d5d;
}
.ikiss-mailform-info-label,
.ikiss-mailform-error-label {
	font-weight: var(--font-bold, bold) !important;
}
.ikiss-mailform-info-label {
	text-shadow: 0 1px 0 var(--white, #ffffff);
	color: var(--orange);
}
.ikiss-mailform-error-label {
	text-shadow: 0 1px 0 var(--white, #ffffff);
	color: var(--error) !important;
}
.ikiss-mailform-error-field,
.ikiss-mailform-error-field legend,
.ikiss-mailform-error {
	background-color: #ffeaea !important;
	border-color: #ff8f8f !important;
	box-shadow : 0 0 2px #ff9999 !important;
}
.ikiss-mailform-info,
.ikiss-mailform-info-field,
.ikiss-mailform-error,
.ikiss-mailform-error-field {
	display: inline-block;
	border-width: 1px !important;
	border-style: solid !important;
}
input.ikiss-mailform-error-field,
textarea.ikiss-mailform-error-field,
select.ikiss-mailform-error-field {
	color: var(--error) !important;
}
.ikiss-mailform-info,
.ikiss-mailform-error {
	text-align: left !important;
	color: #333;
	background-position: 6px 5px;
	background-repeat: no-repeat;
	padding : 5px 5px 5px 30px !important;
	margin: 10px 2px;
	border-radius: 5px;
	-webkit-touch-callout: none;
}
.ikiss-mailform-info {
	background-image: url("/output/js/ikiss/formulare/images/error.gif");
}
.ikiss-mailform-error {
	background-image: url("/output/js/ikiss/formulare/images/delete.gif");
}
.ikiss-mailform-captcha-error {
	font-weight: var(--font-bold, bold);
	color: var(--error);
	padding: 0.25rem 0.5rem;
}
.ikiss-mailform-spamtrap {
	display: none;
}

.ikiss-mailform-overview-box {
	margin-bottom: 1em;
}
.ikiss-mailform-overview table {
	color: var(--bodycolor, #191919);
	background-color: transparent;
	margin: 0;
	border-collapse: collapse;
}
.ikiss-mailform-overview tr {
	border-bottom: 1px solid var(--silver, #c8c8c8);
}
.ikiss-mailform-overview td,
.ikiss-mailform-overview th {
	text-align: left;
	background: transparent;
}
.ikiss-mailform-overview th {
	font-weight: var(--font-bold, bold);
	padding: 0.5rem 1rem 0.5rem 0;
}
.ikiss-mailform-overview td {
	padding: 0.5rem 0 0.5rem 0.5rem;
}
.ikiss-mailform-overview td + td,
.ikiss-mailform-overview th + td {
	width: 70%;
	font-weight: normal !important;
	text-transform: none !important;
	color: var(--bodycolor, #191919);
	border: none;
}
.ikiss-mailform-overview td ul {
	list-style-position: inside !important;
	list-style-type: square !important;
	padding: 0 2px !important;
	margin: 0 !important;
}
.ikiss-mailform-bpanel {
	margin: 30px 0 !important;
}
.ikiss-mailform-bpanel input {
	color: var(--btntextcolor, HighlightText);
	background-color: var(--btncolor, Highlight);
	border-radius: var(--button-border-radius, 0.2rem);
	padding: 0.5em 1em;
	margin: 10px 10px 0 0;
}
.ikiss-mailform-bpanel input:hover, .ikiss-mailform-bpanel input:focus, .ikiss-mailform-bpanel input.tab-focus {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	transform: translateY(1px);
}
.ikiss-mailform-bpanel input.ikiss-mailform-button-print,
.ikiss-mailform-bpanel input.ikiss-mailform-button-change,
.ikiss-mailform-bpanel input.ikiss-mailform-button-complete {
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	background-size: 1rem;
	background-position: 1em center;
	border: none !important;
	padding-left: calc(1.5em + 1rem);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.ikiss-mailform-bpanel input.ikiss-mailform-button-print {
	color: var(--gray, #484848);
	background-color: var(--gainsboro, #e8e8e8);
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23484848%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M112%20160l0-96c0-8.8%207.2-16%2016-16l229.5%200c4.2%200%208.3%201.7%2011.3%204.7l26.5%2026.5c3%203%204.7%207.1%204.7%2011.3l0%2069.5%2048%200%200-69.5c0-17-6.7-33.3-18.7-45.3L402.7%2018.7C390.7%206.7%20374.5%200%20357.5%200L128%200C92.7%200%2064%2028.7%2064%2064l0%2096%2048%200zm16%20208l256%200%200%2096-256%200%200-96zm-16-48c-17.7%200-32%2014.3-32%2032l-32%200%200-96c0-8.8%207.2-16%2016-16l384%200c8.8%200%2016%207.2%2016%2016l0%2096-32%200c0-17.7-14.3-32-32-32l-288%200zm320%2080l48%200c17.7%200%2032-14.3%2032-32l0-112c0-35.3-28.7-64-64-64L64%20192c-35.3%200-64%2028.7-64%2064L0%20368c0%2017.7%2014.3%2032%2032%2032l48%200%200%2080c0%2017.7%2014.3%2032%2032%2032l288%200c17.7%200%2032-14.3%2032-32l0-80z%22%2F%3E%3C%2Fsvg%3E');
}
.ikiss-mailform-bpanel input.ikiss-mailform-button-change {
	color: var(--gray, #484848);
	background-color: var(--gainsboro, #e8e8e8);
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23484848%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M441%2058.9L453.1%2071c9.4%209.4%209.4%2024.6%200%2033.9L424%20134.1%20377.9%2088%20407%2058.9c9.4-9.4%2024.6-9.4%2033.9%200zM209.8%20256.2L344%20121.9%20390.1%20168%20255.8%20302.2c-2.9%202.9-6.5%205-10.4%206.1l-58.5%2016.7%2016.7-58.5c1.1-3.9%203.2-7.5%206.1-10.4zM373.1%2025L175.8%20222.2c-8.7%208.7-15%2019.4-18.3%2031.1l-28.6%20100c-2.4%208.4-.1%2017.4%206.1%2023.6s15.2%208.5%2023.6%206.1l100-28.6c11.8-3.4%2022.5-9.7%2031.1-18.3L487%20138.9c28.1-28.1%2028.1-73.7%200-101.8L474.9%2025C446.8-3.1%20401.2-3.1%20373.1%2025zM88%2064C39.4%2064%200%20103.4%200%20152L0%20424c0%2048.6%2039.4%2088%2088%2088l272%200c48.6%200%2088-39.4%2088-88l0-112c0-13.3-10.7-24-24-24s-24%2010.7-24%2024l0%20112c0%2022.1-17.9%2040-40%2040L88%20464c-22.1%200-40-17.9-40-40l0-272c0-22.1%2017.9-40%2040-40l112%200c13.3%200%2024-10.7%2024-24s-10.7-24-24-24L88%2064z%22%2F%3E%3C%2Fsvg%3E');
}
.ikiss-mailform-bpanel input.ikiss-mailform-button-complete {
	color: var(--btntextcolor, HighlightText);
	background-color: var(--btncolor, Highlight);
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23FFFFFF%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21Font%20Awesome%20Pro%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202025%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M441%20103c9.4%209.4%209.4%2024.6%200%2033.9L177%20401c-9.4%209.4-24.6%209.4-33.9%200L7%20265c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l119%20119L407%20103c9.4-9.4%2024.6-9.4%2033.9%200z%22%2F%3E%3C%2Fsvg%3E');
}
.ikiss-mailform-redirect-link {
	margin: 25px 0;
}
.ikiss-mailform-req-marker {
	position: absolute;
	color: var(--error);
	cursor: help;
	padding: 0 3px;
}
.ikiss-mailform-req-marker-margin {
	margin-right: 0.5em;
}
#ikiss-mailform-recaptcha-box {
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
}
#ikiss-mailform-recaptcha-box legend {
	background-image: url("/output/js/ikiss/formulare/images/key.gif");
}
.ikiss-mailform-sendcopy-box {
	font-size: 0.8rem;
	margin: 0;
}
.ikiss-mailform-sendcopy-box input[type="checkbox"] {
	accent-color: var(--primarycolor, Highlight);
	margin: calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) calc(var(--margin, 15px) / 3) 0;
}
.ikiss-mailform-sendcopyto-box {
	padding: var(--padding, 15px);
}
.ikiss-mailform-sendcopyto-box ul {
	list-style-type: none;
	padding: 0;
}
.ikiss-mailform-sendcopyto-box li {
	float: none;
	margin: 5px 0;
}
.ikiss-mailform-sendcopyto-box input,
.ikiss-mailform-sendcopyto-box label {
	float: left;
	margin: 0;
	cursor: pointer;
}
.ikiss-mailform-sendcopyto-box input {
	margin: 2px 8px;
}

.ikiss-mailform-transition {
	transition: all 0.5s;
}

.hint-box {
	position: absolute;
	z-index: 9999999;
	max-width: 450px;
	cursor: default;
}
.hint-inner {
	position: relative;
	z-index: 99999;
	text-align: left;
	color: var(--bodycolor, #191919);
	background-image: url(/output/js/ikiss/formulare/images/information.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding: 10px 10px 10px 24px;
}
.hint-peak {
	position: absolute;
	bottom: -4px;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	transform: rotate(45deg);
}
.hint-box,
.hint-inner {
	border-radius: 5px;
}
.hint-box,
.hint-peak {
	border: 1px solid #009CD9;
	box-shadow: 0 0 3px #00A2E1;
}
.hint-box,
.hint-peak,
.hint-inner {
	background-color: #EAF8FF;
}

.ikiss-form-element.ikiss-field-radio,
.ikiss-form-element.ikiss-field-checkbox {
	display: inline-block;
	border: 1px solid transparent;
	padding: 2px 0 2px 2px;
}

.ikiss-mailform-inline-error-clear {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}
.ikiss-mailform-inline-error {
	display: inline-block;
	color: var(--error);
	font-size: 0.75em;
	margin: 0.25em 0;
}
.ikiss-mailform-field-error,
.ikiss-mailform-field-error:focus {
	border: 1px solid var(--error) !important;
	box-shadow: 0 0 3px var(--error);
}
.ikiss-mailform-validation-summary {
	font-size: 0.875em;
	color: var(--error);
	border: 1px solid var(--error);
	padding: 1em;
	margin: 1em 0;
}
.ikiss-mailform-validation-summary h2 {
	font-size: 100%;
	font-weight: var(--font-regular, normal);
	margin-top: 0;
}
.ikiss-mailform-validation-summary a {
	color: var(--error);
}
.ikiss-mailform-validation-summary a:hover,
.ikiss-mailform-validation-summary a:focus,
.ikiss-mailform-validation-summary a.tab-focus {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.ikiss-mailform-validation-summary li {
	color: var(--error);
	list-style-type: disc;
	margin: 2px 0;
}

input.ikiss-mailform-button-disabled {
	opacity: 0.5;
	cursor: not-allowed !important;
}
input.ikiss-mailform-button-disabled:active {
	transform: scale(1) !important;
}
.ikiss-field-error-container {
	display: none;
}

.ikiss-form-description-padding-left {
	padding-left: 36%;
}

/* Feature #15598 */
.ikiss-mailform-file-reset-button {
	display: none;
	text-decoration: underline;
	color: currentColor;
	background: none;
	border: none;
	cursor: pointer;
}

.ikiss-mailform-file-reset-button-icon { 
	display:none;
}

.ikiss-mailform-min-submit-time-info {
	margin-top: 0.25rem;
}

@media screen and (max-width: 767px) { 
	.ikiss-form-description-padding-left {
		padding-left: 0;
	}

	.ikiss-mailform-overview table {
        width: 100%;
        border-collapse: collapse;
    }
    .ikiss-mailform-overview tr {
        display: block;
		padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
	.ikiss-mailform-overview th,
	.ikiss-mailform-overview td {
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 0;
	}
}

@media print {
	.ikiss-mailform-bpanel {
		display: none;
	}
}