/* EEE-Cloud Formulare – Frontend */
.eeef { --eeef-accent: #0f766e; --eeef-accent-dark: #0b554f; --eeef-ink: #1c2b2a; --eeef-line: #cbd5d3; color: var(--eeef-ink); }
.eeef *, .eeef *::before, .eeef *::after { box-sizing: border-box; }
.eeef-logo { margin: 0 0 1.1rem; }
.eeef-logo img { max-height: 64px; max-width: 240px; height: auto; width: auto; }
.eeef-grid { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.eeef-field { margin: 0 0 1rem; }
.eeef-col-full { flex: 1 1 100%; }
.eeef-col-half { flex: 1 1 calc(50% - .5rem); }
@media (max-width: 560px) { .eeef-col-half { flex: 1 1 100%; } }

.eeef-field > label { display: block; font-size: .9rem; font-weight: 600; margin-bottom: .3rem; }
.eeef-field input, .eeef-field textarea, .eeef-field select {
	width: 100%; padding: .6rem .7rem; border: 1px solid var(--eeef-line); border-radius: 9px; font-size: 1rem; background: #fff; font-family: inherit;
}
.eeef-field input:focus, .eeef-field textarea:focus, .eeef-field select:focus {
	outline: none; border-color: var(--eeef-accent); box-shadow: 0 0 0 3px rgba(15,118,110,.15);
}
.eeef-req { color: #b91c1c; }

.eeef-check { margin: .2rem 0 1rem; }
.eeef-check label { display: flex; align-items: flex-start; gap: .5rem; font-size: .92rem; font-weight: 400; }
.eeef-check input { width: auto; margin-top: .2rem; accent-color: var(--eeef-accent); }
.eeef-check a { color: var(--eeef-accent); text-decoration: underline; }
.eeef-check a:hover { color: var(--eeef-accent-dark); }

.eeef-radios { display: flex; flex-wrap: wrap; gap: .5rem; }
.eeef-radio { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid var(--eeef-line); border-radius: 9px; padding: .5rem .8rem; font-weight: 400; }
.eeef-radio input { width: auto; accent-color: var(--eeef-accent); }

/* Honeypot verstecken */
.eeef-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.eeef-btn { display: inline-block; background: var(--eeef-btn-bg, var(--eeef-accent)); color: var(--eeef-btn-text, #fff); border: 0; border-radius: 10px; padding: .75rem 1.5rem; font-size: 1rem; font-weight: 600; cursor: pointer; }
.eeef-btn:hover { background: var(--eeef-btn-hover, var(--eeef-accent-dark)); }
.eeef-btn.is-loading, .eeef-btn:disabled { opacity: .6; cursor: default; }

.eeef-msg { color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: .6rem .75rem; margin: .3rem 0 .8rem; font-size: .92rem; }
.eeef-success { background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: 1rem 1.15rem; color: #065f46; font-size: 1rem; }