/* kontakt-form.css: NUR die Regeln, die das Kontaktformular-Markup wirklich nutzt.
   Nutzerbeschluss 2026-09-28: kein Vendor-Ballast (baforms 853 + material 1700 Regeln
   -> 106 Regeln behalten). Quelle: BaForms ba-style637e.css + material.css (zmdi),
   Werte 1:1 uebernommen, nicht neu erfunden. */

/* --- Formular-Design-Variablen (Joomla-Parameterblock, in Datei statt HTML) --- */
.ba-form-1,
.forms-calendar-wrapper[data-form="1"],
.ba-form-authorize-modal[data-form="1"],
.ba-form-paypal-modal[data-form="1"] {
    --form-width-value: 100%;
	--form-width-fullwidth: auto;
	--form-background-color: rgba(255, 255, 255, 0);
	--form-padding-top: 20px;
	--form-padding-right: 20px;
	--form-padding-bottom: 20px;
	--form-padding-left: 20px;
	--form-border-top: 1;
	--form-border-right: 1;
	--form-border-bottom: 1;
	--form-border-left: 1;
	--form-border-color: 1px solid rgba(255, 255, 255, 0);
	--form-border-radius: 0px;
	--form-border-width: 1px;
	--form-shadow-value: 0;
	--form-shadow-color: rgba(0, 0, 0, 0.15);
	--label-typography-font-family: inherit;
	--label-typography-font-size: 13px;
	--label-typography-letter-spacing: 0px;
	--label-typography-line-height: 36px;
	--label-typography-color: rgba(0, 0, 0, 1);
	--label-typography-font-weight: bold;
	--label-typography-text-align: left;
	--label-typography-font-style: normal;
	--label-typography-text-transform: none;
	--field-background-color: rgba(255, 255, 255, 1);
	--field-padding-top: 15px;
	--field-padding-right: 15px;
	--field-padding-bottom: 15px;
	--field-padding-left: 15px;
	--field-margin-top: 15px;
	--field-margin-bottom: 15px;
	--field-border-top: 1;
	--field-border-right: 1;
	--field-border-bottom: 1;
	--field-border-left: 1;
	--field-border-color: rgba(85, 85, 85, 1);
	--field-border-radius: 3px;
	--field-border-width: 1px;
	--field-typography-font-family: inherit;
	--field-typography-font-size: 13px;
	--field-typography-letter-spacing: 0px;
	--field-typography-line-height: 28px;
	--field-typography-color: rgba(0, 0, 0, 1);
	--field-typography-font-weight: bold;
	--field-typography-text-align: left;
	--field-typography-font-style: normal;
	--field-typography-text-transform: none;
	--field-icon-size: 24px;
	--field-icon-color: rgba(217, 217, 217, 1);
	--field-icon-text-align: flex-start;
	--theme-color: rgba(153, 20, 27, 1);
	--lightbox-color: rgba(0,0,0,0.15);
	}

/* --- BaForms-Kernregeln (nur benutzte Selektoren) --- */
.ba-form-page *::-webkit-scrollbar {
width: 6px;
}

.ba-form-page *::-webkit-scrollbar-track {
background-color: transparent;
}

.ba-form-page *::-webkit-scrollbar-thumb {
background: #ddd;
    border-radius: 6px;
}

.ba-form-page * {
-webkit-tap-highlight-color: transparent;
}

.ba-form-page input:focus:invalid:focus,
.ba-form-page textarea:focus:invalid:focus,
.ba-form-page select:focus:invalid:focus,
.ba-form-page textarea:focus,
.ba-form-page select:focus,
.ba-form-page input:focus {
outline: none !important;
    box-shadow: none !important;
    color: var(--field-typography-color);
}

.ba-form-page input[disabled] {
cursor: not-allowed;
    background-color: transparent;
}

.ba-form-page h1,
.ba-form-page h2,
.ba-form-page h3,
.ba-form-page h4,
.ba-form-page h5,
.ba-form-page h6,
.ba-form-page p {
margin: 0;
}

.ba-form-page {
background: var(--form-background-color);
    border-bottom: calc(var(--form-border-bottom)*var(--form-border-width)) solid var(--form-border-color);
    border-left: calc(var(--form-border-left)*var(--form-border-width)) solid var(--form-border-color);
    border-radius: var(--form-border-radius);
    border-right: calc(var(--form-border-right)*var(--form-border-width)) solid var(--form-border-color);
    border-top: calc(var(--form-border-top)*var(--form-border-width)) solid var(--form-border-color);
    box-shadow: 0 calc(var(--form-shadow-value)*10px) calc(var(--form-shadow-value)*20px) 0 var(--form-shadow-color);
    box-sizing: border-box;
    margin: 0 auto; 
    min-width: var(--form-width-fullwidth);
    max-width: 100%;
    padding-bottom: var(--form-padding-bottom);
    padding-left: var(--form-padding-left);
    padding-right: var(--form-padding-right);
    padding-top: var(--form-padding-top);
    width: var(--form-width-value);
}

.ba-form-column-wrapper .ba-form-column {
align-self: stretch;
    display: flex !important;
    flex-direction: column;
    position: relative;
}

.ba-form-column-wrapper {
display: flex;
    flex-wrap: wrap;
}

.ba-form-submit-field {
align-items: flex-end;
    display: flex;
    height: 100%;
}

.ba-form-submit-field:not(.hidden-condition-field) ~ .ba-form-submit-field {
height: auto;
}

.ba-form-submit-wrapper {
width: 100%;
}

.ba-form-field-item {
margin-bottom: var(--field-margin-bottom);
    margin-top: var(--field-margin-top);
    position: relative;
    width: 100%;
}

.ba-form-field-item[data-hidden="true"],
.ba-form-field-item.hidden-condition-field {
display: none !important;
}

.ba-form-field-item .ba-field-label-wrapper {
position: relative;
    text-align: var(--label-typography-text-align);
    line-height: var(--label-typography-line-height);
}

.ba-form-field-item .ba-field-label-wrapper * {
text-align: var(--label-typography-text-align);
    line-height: var(--label-typography-line-height);
}

.required-star {
margin: 0 5px;
}

.ba-form-field-item .ba-field-label-wrapper > * {
color: var(--label-typography-color);
    cursor: default;
    font-family: var(--label-typography-font-family);
    font-size: var(--label-typography-font-size);
    font-style: var(--label-typography-font-style);
    font-weight: var(--label-typography-font-weight);
    letter-spacing: var(--label-typography-letter-spacing);
    line-height: var(--label-typography-line-height);
    text-transform: var(--label-typography-text-transform);
}

.ba-field-container {
position: relative;
}

.ba-field-container i {
align-items: baseline;
    bottom: calc(var(--field-padding-bottom) + var(--field-border-width)*var(--field-border-bottom));
    box-sizing: border-box;
    color: var(--field-icon-color);
    display: flex;
    font-size: var(--field-icon-size);
    line-height: var(--field-typography-line-height);
    justify-content: var(--field-icon-text-align);
    left: calc(var(--field-padding-left) + var(--field-border-width)*var(--field-border-left));
    pointer-events: none;
    position: absolute;
    right: calc(var(--field-padding-right) + var(--field-border-width)*var(--field-border-right));
    top: calc(var(--field-padding-top) + var(--field-border-width)*var(--field-border-top) );
}

.fields-icons-flex-start .ba-field-container i + textarea,
.fields-icons-flex-start .ba-field-container i + input {
padding-left: calc(var(--field-padding-left) + var(--field-icon-size) + 15px) !important;
}

.ba-field-container textarea::-webkit-input-placeholder,
.ba-field-container input[type="text"]::-webkit-input-placeholder,
.ba-field-container input[type="number"]::-webkit-input-placeholder,
.ba-field-container input[type="email"]::-webkit-input-placeholder {
color: var(--field-typography-color);
    opacity: .5;
}

.ba-field-container textarea::-webkit-input-placeholder,
.ba-field-container input[type="text"]::-webkit-input-placeholder,
.ba-field-container input[type="number"]::-webkit-input-placeholder,
.ba-field-container input[type="email"]::-webkit-input-placeholder {
color: var(--field-typography-color);
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
}

.ba-field-container textarea::-moz-placeholder,
.ba-field-container input[type="text"]::-moz-placeholder,
.ba-field-container input[type="number"]::-moz-placeholder,
.ba-field-container input[type="email"]::-moz-placeholder {
color: var(--field-typography-color);
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
}

.ba-field-container select,
.ba-field-container textarea[readonly],
.ba-field-container textarea,
.ba-field-container input[type="text"],
.ba-field-container input[type="number"],
.ba-field-container input[type="password"],
.ba-field-container input[type="email"] {
background: var(--field-background-color) !important;
    background-image: none !important;
    border-bottom: calc(var(--field-border-bottom)*var(--field-border-width)) solid var(--field-border-color) !important;
    border-left: calc(var(--field-border-left)*var(--field-border-width)) solid var(--field-border-color) !important;
    border-radius: var(--field-border-radius);
    border-right: calc(var(--field-border-right)*var(--field-border-width)) solid var(--field-border-color) !important;
    border-top: calc(var(--field-border-top)*var(--field-border-width)) solid var(--field-border-color) !important;
    box-sizing: border-box;
    box-shadow: none;
    color: var(--field-typography-color);
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    height: auto;
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
    margin: 0;
    padding-bottom: var(--field-padding-bottom);
    padding-left: var(--field-padding-left);
    padding-right: var(--field-padding-right);
    padding-top: var(--field-padding-top);
    text-align: var(--field-typography-text-align);
    text-transform: var(--field-typography-text-transform);
    transition: none;
    width: 100% !important;
}

.ba-field-container select:not([multiple]) {
height: calc(var(--field-typography-line-height) + var(--field-padding-top) + var(--field-padding-bottom) + (var(--field-border-top)*var(--field-border-width)) + (var(--field-border-bottom)*var(--field-border-width)));
    padding-bottom: 0;
    padding-top: 0;
    text-align-last: var(--field-typography-text-align);
}

.ba-field-container select option {
font-weight: var(--field-typography-font-weight);
}

.ba-field-container textarea {
min-height: 150px;
    resize: vertical;
}

.ba-field-container select:not([readonly]):focus,
.ba-field-container textarea:not([readonly]):focus,
.ba-field-container input[type="text"]:not([readonly]):focus,
.ba-field-container input[type="number"]:not([readonly]):focus,
.ba-field-container input[type="email"]:not([readonly]):focus {
background: var(--field-background-color) !important;
    border-color: var(--theme-color) !important;
    outline: none;
}

.ba-field-container select[readonly]:focus,
.ba-field-container textarea[readonly]:focus,
.ba-field-container input[type="text"][readonly]:focus,
.ba-field-container input[type="number"][readonly]:focus,
.ba-field-container input[type="email"][readonly]:focus {
background: var(--field-background-color) !important;
    border-color: var(--field-border-color) !important;
    outline: none;
}

.ba-field-label-wrapper:after,
.ba-field-label-wrapper:before,
.ba-form-field-item:after,
.ba-form-field-item:before,
.ba-page-items:before,
.ba-page-items:after {
clear: both;
    content: "";
    display: table;
    line-height: 0;
}

.ba-form-acceptance-field .ba-field-container {
align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: wrap;
    float: left;
    margin: 15px 0;
    position: relative;
    width: calc(100% / var(--checkbox-field-count));
}

.ba-form-acceptance-field .ba-field-container label {
transform: none;
}

.ba-form-acceptance-field .ba-field-container {
box-sizing: border-box;
    display: inline-flex;
    min-height: 18px;
    padding-left: 50px;
    position: relative;
    width: 100%;
}

.ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span {
border: 2px solid var(--theme-color);
    background: var(--theme-color);
}

.ba-form-acceptance-field label.ba-form-checkbox > span {
background: rgba(214, 214, 214, 0.4);
    border-radius: .25em;
    border: 2px solid transparent;
    box-sizing: border-box;
    content: '';
    cursor: pointer;
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: calc(var(--field-typography-line-height)/2 - 14px);
    transition: all .3s;
    width: 30px;
}

to {
opacity: 1; transform: scale(1);
}

}

.ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span:before {
animation: checkbox-checked .15s linear;
}

.ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span:before {
color: #fff;
    content: '\f26b';
    display: block;
    font: normal normal normal 24px/26px 'balbooa-form-icons';
    text-align: center;
}

.ba-form-acceptance-field label.ba-form-checkbox > span:hover {
border: 2px solid var(--theme-color) !important;
}

.ba-form-acceptance-field .ba-form-checkbox input {
display: none;
}

.ba-form-acceptance-field .ba-form-acceptance-html p,
.ba-form-acceptance-field .ba-form-acceptance-html {
color: var(--field-typography-color);
    cursor: text;
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
    text-align: var(--field-typography-text-align);
    text-transform: var(--field-typography-text-transform);
    width: 100%;
}

.ba-form-acceptance-field .ba-form-acceptance-html p {
cursor: default;
}

.ba-form-acceptance-field .ba-form-acceptance-html p a {
color:var(--theme-color);
}

to {
width: var(--poll-votes-percent);
}

.ba-form-submit-wrapper .ba-form-submit-btn-wrapper {
display: inline-flex;
    font-family: var(--label-typography-font-family);
    justify-content: var(--submit-typography-text-align);
    width: 100%;
}

.ba-form-submit-btn-wrapper input[type="checkbox"] {
display: none;
}

.ba-form-submit-btn {
align-items: center;
    background-color: var(--submit-background-color);
    border-bottom: calc(var(--submit-border-bottom)*var(--submit-border-width)) solid var(--submit-border-color);
    border-left: calc(var(--submit-border-left)*var(--submit-border-width)) solid var(--submit-border-color);
    border-radius: var(--submit-border-radius);
    border-right: calc(var(--submit-border-right)*var(--submit-border-width)) solid var(--submit-border-color);
    border-top: calc(var(--submit-border-top)*var(--submit-border-width)) solid var(--submit-border-color);
    box-shadow: 0 calc(var(--submit-shadow-value)*10px) calc(var(--submit-shadow-value)*20px) 0 var(--submit-shadow-color); 
    color: var(--submit-typography-color);
    cursor: pointer;
    display: flex;
    flex-direction: var(--submit-icon-text-align);
    flex-grow: var(--submit-typography-text-align);
    font-family: var(--submit-typography-font-family);
    font-size: var(--submit-typography-font-size);
    font-style: var(--submit-typography-font-style);
    font-weight: var(--submit-typography-font-weight);
    justify-content: center;
    letter-spacing: var(--submit-typography-letter-spacing);
    line-height: var(--submit-typography-line-height);
    padding-bottom: var(--submit-padding-bottom);
    padding-left: var(--submit-padding-left);
    padding-right: var(--submit-padding-right);
    padding-top: var(--submit-padding-top);
    position: relative;
    text-align: var(--submit-typography-text-align);
    text-transform: var(--submit-typography-text-transform);
    transition: background-color .3s ease-in-out, border-right .3s ease-in-out,  border-left .3s ease-in-out, border-top .3s ease-in-out, border-bottom .3s ease-in-out, box-shadow .3s ease-in-out;
}

.ba-form-submit-btn:hover {
background-color: var(--submit-background-hover);
    border-bottom: calc(var(--submit-border-bottom)*var(--submit-border-width)) solid var(--submit-border-hover);
    border-left: calc(var(--submit-border-left)*var(--submit-border-width)) solid var(--submit-border-hover);
    border-right: calc(var(--submit-border-right)*var(--submit-border-width)) solid var(--submit-border-hover);
    border-top: calc(var(--submit-border-top)*var(--submit-border-width)) solid var(--submit-border-hover);
    box-shadow: 0 calc(var(--submit-shadow-value)*10px) calc(var(--submit-shadow-value)*20px) 0 var(--submit-shadow-hover); 
    color: var(--submit-typography-hover);
}

.ba-form-submit-btn i {
font-size: var(--submit-icon-size);
    color: var(--submit-icon-color);
    margin: 0 10px;
}

.ba-form-submit-btn:hover i {
color: var(--submit-icon-hover);
}

.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn {
overflow: hidden;
    position: relative;
    transition: background .0s ease-in-out;
}

.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn > i,
.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn > span {
z-index: 5
}

.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn:after {
border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
}

.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn:after {
background: var(--submit-background-hover);
    z-index: 2;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn i {
align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
    width: 100%;
}

22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}

33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}

44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}

55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}

66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}

77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}

88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover {
background: var(--submit-background-color) !important;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover i {
transform: translateX(0);
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:after {
transform: translateX(-100%);
    background: var(--submit-background-color) !important;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover:after {
transform: translateX(0);
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn span {
transition: .3s;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover span {
transform: translateX(200%);
    z-index:1
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn i {
transform: translateX(-100%);
}

.ba-form-submit-btn:before {
animation: spinner 1.1s infinite linear;
    border-radius: 50%;
    border: .2em solid transparent;
    border-left: .2em solid var(--submit-typography-color);
    box-sizing: border-box;
    content: "";
    height: calc(var(--submit-typography-font-size)*2);
    left: calc(50% - var(--submit-typography-font-size));
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(50% - var(--submit-typography-font-size));
    transition: .3s;
    width: calc(var(--submit-typography-font-size)*2);
    z-index: 100 !important;
}

100% {
transform: rotate(360deg);
}

.ba-form-submit-btn * {
transition: .3s;
}

#ba-forms-notification {
background: #2c2c2c;
    border-radius: 6px;
    box-sizing: content-box;
    bottom: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    padding: 25px;
    position: fixed;
    right: 50px;
    visibility: hidden;
    width: 250px;
    z-index: 9999;
}

#ba-forms-notification i {
color: #fff;
    cursor: pointer;
    font-size: 24px;
    opacity: 1;
    padding: 8px;
    position: absolute;
    right: 5px;
    text-shadow: none;
    top: 0;
}

#ba-forms-notification p {
color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}

#ba-forms-notification p img {
height: 40px;
    padding-left: 40px;
    vertical-align: middle;
    width: 40px;
}

100% {
top: -500px; opacity: 0;
}

100% {
top: 50%; opacity: 1;
}

.com-baforms-wrapper [class*="span"] {
flex-grow: 1;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.127659574468085%;
}

.com-baforms-wrapper [class*="span"]:first-child {
margin-left: 0;
}

.com-baforms-wrapper .span12 {
width: 100%;
}

.com-baforms-wrapper .span6 {
width: 48.93617021276595%;
}

.com-baforms-wrapper .span4 {
width: 31.914893617021278%;
}

.com-baforms-wrapper .span3 {
width: 23.404255319148934%;
}

.com-baforms-wrapper .span2 {
width: 14.893617021276595%;
}

.com-baforms-wrapper .span1 {
width: 6.382978723404255%;
}

}

@media (max-width: 768px) {
.com-baforms-wrapper [class*="span"] {
        margin-left: 0;
        width: 100%;
}

.ba-form-page {
padding: 20px !important;
        width: 100% !important;
}

}

@media (max-width: 480px) {
.ba-forms-calendar {
        margin-left: -174px;
        margin-top: -210px;
        padding: 20px;
        width: 348px;
}

html[dir="rtl"] .ba-form-acceptance-field .ba-field-container {
padding-left: 0;
    padding-right: 50px;
}

html[dir="rtl"] .ba-form-acceptance-field label.ba-form-checkbox > span {
left: auto;
    right: 0;
}

}

@supports (-webkit-text-size-adjust:none) and (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
select {
        -webkit-appearance: none
}

}

@media not all and (min-resolution:.001dpcm) {
select {
        -webkit-appearance: none
}

}
/* BaForms-Design-Variablen Kontaktformular (Kontaktseite,
Joomla-Parameterblock in Datei statt HTML) */
.ba-form-1 {
--form-width-value: 100%;
	--form-width-fullwidth: auto;
	--form-background-color: rgba(255, 255, 255, 0);
	--form-padding-top: 20px;
	--form-padding-right: 20px;
	--form-padding-bottom: 20px;
	--form-padding-left: 20px;
	--form-border-top: 1;
	--form-border-right: 1;
	--form-border-bottom: 1;
	--form-border-left: 1;
	--form-border-color: 1px solid rgba(255, 255, 255, 0);
	--form-border-radius: 0px;
	--form-border-width: 1px;
	--form-shadow-value: 0;
	--form-shadow-color: rgba(0, 0, 0, 0.15);
	--label-typography-font-family: inherit;
	--label-typography-font-size: 13px;
	--label-typography-letter-spacing: 0px;
	--label-typography-line-height: 36px;
	--label-typography-color: rgba(0, 0, 0, 1);
	--label-typography-font-weight: bold;
	--label-typography-text-align: left;
	--label-typography-font-style: normal;
	--label-typography-text-transform: none;
	--field-background-color: rgba(255, 255, 255, 1);
	--field-padding-top: 15px;
	--field-padding-right: 15px;
	--field-padding-bottom: 15px;
	--field-padding-left: 15px;
	--field-margin-top: 15px;
	--field-margin-bottom: 15px;
	--field-border-top: 1;
	--field-border-right: 1;
	--field-border-bottom: 1;
	--field-border-left: 1;
	--field-border-color: rgba(85, 85, 85, 1);
	--field-border-radius: 3px;
	--field-border-width: 1px;
	--field-typography-font-family: inherit;
	--field-typography-font-size: 13px;
	--field-typography-letter-spacing: 0px;
	--field-typography-line-height: 28px;
	--field-typography-color: rgba(0, 0, 0, 1);
	--field-typography-font-weight: bold;
	--field-typography-text-align: left;
	--field-typography-font-style: normal;
	--field-typography-text-transform: none;
	--field-icon-size: 24px;
	--field-icon-color: rgba(217, 217, 217, 1);
	--field-icon-text-align: flex-start;
	--theme-color: rgba(153, 20, 27, 1);
	--lightbox-color: rgba(0,0,0,0.15);
}

/* --- zmdi: Font + die 4 im Formular genutzten Glyphen --- */
@font-face{font-family:Material-Design-Iconic-Font;src:url(../fonts/material.woff) format("woff")}
.zmdi{
display:inline-block;font:normal normal normal 14px/1 'Material-Design-Iconic-Font';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}

.zmdi-email:before{
content:'\f15a'
}

.zmdi-mail-send:before{
content:'\f194'
}

.zmdi-account:before{
content:'\f207'
}

.zmdi-phone:before{
content:'\f2be'
}

.zmdi-email:before{
content:'\f15a'
}

.zmdi-mail-send:before{
content:'\f194'
}

.zmdi-account:before{
content:'\f207'
}

.zmdi-phone:before{
content:'\f2be'
}

/* --- Kontaktformular-Versand: Status ueber dem Submit (B9-Muster) --- */
.ba-form-1 .ba-form-submit-field {
  align-items: flex-start;
  flex-direction: column;
}

.lav-kontakt-status {
  margin: 0 0 12px;
  padding: 0;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.45;
}

.lav-kontakt-status--success {
  color: #1e6b34;
}

.lav-kontakt-status--error {
  color: #a51d20;
}

.lav-kontakt-status--info {
  color: var(--lav-text, #333);
}