.buero81-formular,
.buero81-formular-editor {
--b81-formular-abstand: var(--wp--preset--spacing--30, 1.25rem);
--b81-formular-fehler: currentColor;
--b81-formular-linie: var(--wp--custom--linie-stark, currentColor);
--b81-formular-radius: var(--wp--custom--radius, 3px);
}
.buero81-formular__zeile {
display: flex;
flex-direction: column;
gap: 0.4em;
margin: 0 0 var(--b81-formular-abstand);
}
.buero81-formular__zeile label {
font-weight: 600;
line-height: 1.3;
}
.buero81-formular input,
.buero81-formular textarea {
width: 100%;
box-sizing: border-box;
padding: 0.65em 0.8em;
font: inherit;
color: inherit;
background: var(--wp--preset--color--flaeche-hoch, transparent);
border: 1px solid var(--b81-formular-linie);
border-radius: var(--b81-formular-radius);
}
@media (max-width: 782px) {
.buero81-formular input,
.buero81-formular textarea {
font-size: max(1rem, 16px);
}
}
.buero81-formular textarea {
resize: vertical;
min-height: 8em;
}
.buero81-formular input:focus-visible,
.buero81-formular textarea:focus-visible {
outline: 2px solid var(--wp--preset--color--akzent, currentColor);
outline-offset: 2px;
}
.buero81-formular__fehler {
margin: 0 0 var(--b81-formular-abstand);
padding: 0.8em 1em;
border: 1px solid var(--b81-formular-fehler);
border-left-width: 4px;
border-radius: var(--b81-formular-radius);
color: var(--b81-formular-fehler);
}
.buero81-formular__fehler p {
margin: 0;
}
.buero81-formular__fehler ul {
margin: 0.4em 0 0;
padding-left: 1.2em;
}
.buero81-formular__fehler a {
color: inherit;
text-decoration: underline;
}
.buero81-formular__feldfehler {
font-size: 0.9em;
font-weight: 600;
color: var(--b81-formular-fehler);
}
.buero81-formular [aria-invalid='true'] {
border-width: 2px;
border-color: var(--b81-formular-fehler);
}
.buero81-formular__danke {
padding: 1em 1.2em;
border: 1px solid var(--wp--preset--color--akzent, currentColor);
border-radius: var(--b81-formular-radius);
}
.buero81-formular__danke:focus,
.buero81-formular__fehler:focus {
outline: none;
}
.buero81-formular__hinweis {
font-size: 0.9em;
opacity: 0.8;
}
.buero81-formular__absenden {
margin: 0;
}
:where(.buero81-formular__knopf),
:where(.buero81-formular button[type='submit']) {
font: inherit;
cursor: pointer;
padding: 0.7em 1.6em;
border-radius: var(--b81-formular-radius);
display: inline-block;
text-align: center;
-webkit-appearance: none;
appearance: none;
border: 1px solid currentColor;
background: transparent;
color: inherit;
}
:where(.buero81-formular__knopf:hover),
:where(.buero81-formular button[type='submit']:hover) {
background: color-mix(in srgb, currentColor 12%, transparent);
}
:where(.buero81-formular__knopf.is-style-hervorgehoben) {
background: var(--wp--preset--color--akzent, currentColor);
color: var(--wp--preset--color--grund, Canvas);
border-color: transparent;
}
:where(.buero81-formular__knopf.is-style-hervorgehoben:hover) {
background: transparent;
color: inherit;
border-color: currentColor;
}
.buero81-formular .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
border: 0;
word-wrap: normal !important;
}