.eeewb {
--eeewb-accent: #1d4ed8;
--eeewb-accent-dk: #1e3a8a;
--eeewb-on-accent: #ffffff;
--eeewb-ink: #111827;
--eeewb-btn-text: #ffffff;
box-sizing: border-box;
}
.eeewb *,
.eeewb *::before,
.eeewb *::after { box-sizing: border-box; } .eeewb-fab {
position: fixed;
bottom: 18px;
z-index: 99990;
display: inline-block;
padding: 11px 18px;
border: 0;
border-radius: 9px;
background: var(--eeewb-accent);
color: var(--eeewb-btn-text);
font: 600 15px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
text-decoration: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}
.eeewb-fab:hover { background: var(--eeewb-accent-dk); color: var(--eeewb-btn-text); }
.eeewb-fab:focus-visible { outline: 3px solid var(--eeewb-accent); outline-offset: 2px; }
.eeewb-pos-right { right: 18px; }
.eeewb-pos-left { left: 18px; } @media (min-width: 1025px) { .eeewb-fab.eeewb-fab-mobile { display: none !important; } }
@media (max-width: 1024px) { .eeewb-fab.eeewb-fab-desktop { display: none !important; } } .eeewb-overlay {
position: fixed;
inset: 0;
z-index: 99991;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 5vh 16px;
background: rgba(15, 23, 42, 0.55);
overflow-y: auto;
}
.eeewb-overlay[hidden] { display: none; }
.eeewb-dialog {
position: relative;
width: 560px;
max-width: 100%;
background: #fff;
border-radius: 14px;
padding: 26px 26px 22px;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
color: var(--eeewb-ink);
}
.eeewb-close {
position: absolute;
top: 10px;
right: 12px;
width: 34px;
height: 34px;
border: 0;
background: transparent;
font-size: 26px;
line-height: 1;
color: #6b7280;
cursor: pointer;
border-radius: 8px;
}
.eeewb-close:hover { background: #f3f4f6; color: #111; } .eeewb-inline { color: var(--eeewb-ink); font-family: inherit; }
.eeewb-inline .eeewb-panel { margin-top: 14px; }
.eeewb-panel[hidden] { display: none; } .eeewb-form { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: var(--eeewb-ink); }
.eeewb-h { margin: 0 0 10px; font-size: 20px; font-weight: 700; }
.eeewb-intro { margin: 0 0 8px; font-size: 14px; }
.eeewb-hint { margin: 0 0 14px; font-size: 13px; color: #6b7280; }
.eeewb-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.eeewb-field { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.eeewb-field span { font-weight: 600; }
.eeewb-field-wide { grid-column: 1 / -1; }
.eeewb-field input,
.eeewb-field select {
width: 100%;
padding: 9px 11px;
border: 1px solid #d1d5db;
border-radius: 8px;
font-size: 15px;
background: #fff;
color: var(--eeewb-ink);
}
.eeewb-field input:focus,
.eeewb-field select:focus { outline: 2px solid var(--eeewb-accent); border-color: var(--eeewb-accent); }
.eeewb-field.eeewb-invalid input { border-color: #dc2626; }
@media (max-width: 480px) {
.eeewb-grid { grid-template-columns: 1fr; }
.eeewb-field-anrede { grid-column: 1 / -1; }
}
.eeewb-declaration {
margin: 16px 0 8px;
padding: 12px 14px;
background: #f3f4f6;
border-radius: 8px;
font-size: 14px;
}
.eeewb-legal { margin: 0 0 14px; font-size: 12px; color: #6b7280; } .eeewb-hp {
position: absolute !important;
left: -9999px !important;
width: 1px;
height: 1px;
overflow: hidden;
}
.eeewb-actions { margin-top: 6px; }
.eeewb-btn {
display: inline-block;
padding: 12px 22px;
border: 0;
border-radius: 9px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
.eeewb-btn-primary { background: var(--eeewb-accent); color: var(--eeewb-btn-text); }
.eeewb-btn-primary:hover { background: var(--eeewb-accent-dk); }
.eeewb-btn-primary[disabled] { opacity: 0.6; cursor: default; }
.eeewb-msg {
margin-top: 14px;
padding: 10px 12px;
border-radius: 8px;
background: #fef2f2;
color: #b91c1c;
font-size: 14px;
}
.eeewb-msg[hidden] { display: none; } .eeewb-success { text-align: center; padding: 10px 0 4px; }
.eeewb-success[hidden] { display: none; }
.eeewb-check {
width: 56px;
height: 56px;
margin: 4px auto 12px;
border-radius: 50%;
background: var(--eeewb-accent);
color: var(--eeewb-on-accent);
font-size: 30px;
line-height: 56px;
}
.eeewb-success h3 { margin: 0 0 6px; font-size: 18px; }
.eeewb-success p { margin: 0; font-size: 14px; color: #374151; } .eeewb-form.eeewb-done .eeewb-grid,
.eeewb-form.eeewb-done .eeewb-intro,
.eeewb-form.eeewb-done .eeewb-hint,
.eeewb-form.eeewb-done .eeewb-declaration,
.eeewb-form.eeewb-done .eeewb-legal,
.eeewb-form.eeewb-done .eeewb-actions { display: none; } .eeewb-overlay,
.eeewb-overlay *,
.eeewb-overlay *::before,
.eeewb-overlay *::after,
.eeewb-inline,
.eeewb-inline *,
.eeewb-inline *::before,
.eeewb-inline *::after { box-sizing: border-box; }
.eeewb-overlay .eeewb-dialog,
.eeewb-inline .eeewb-panel {
background: #ffffff !important;
color: var(--eeewb-ink) !important;
}
.eeewb-overlay .eeewb-form,
.eeewb-inline .eeewb-form,
.eeewb-overlay .eeewb-form *,
.eeewb-inline .eeewb-form * {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
letter-spacing: normal !important;
text-transform: none !important;
}
.eeewb-overlay .eeewb-form,
.eeewb-inline .eeewb-form {
color: var(--eeewb-ink) !important;
line-height: 1.5 !important;
text-align: left !important;
} .eeewb-overlay .eeewb-h,
.eeewb-inline .eeewb-h,
.eeewb-overlay .eeewb-intro,
.eeewb-inline .eeewb-intro,
.eeewb-overlay .eeewb-field span,
.eeewb-inline .eeewb-field span,
.eeewb-overlay .eeewb-declaration,
.eeewb-inline .eeewb-declaration,
.eeewb-overlay .eeewb-success h3,
.eeewb-inline .eeewb-success h3 {
color: var(--eeewb-ink) !important;
} .eeewb-overlay .eeewb-hint,
.eeewb-inline .eeewb-hint,
.eeewb-overlay .eeewb-legal,
.eeewb-inline .eeewb-legal { color: #6b7280 !important; }
.eeewb-overlay .eeewb-declaration,
.eeewb-inline .eeewb-declaration {
background: #f3f4f6 !important;
} .eeewb-overlay .eeewb-field input,
.eeewb-overlay .eeewb-field select,
.eeewb-overlay .eeewb-field textarea,
.eeewb-inline .eeewb-field input,
.eeewb-inline .eeewb-field select,
.eeewb-inline .eeewb-field textarea {
width: 100% !important;
margin: 0 !important;
padding: 9px 11px !important;
border: 1px solid #d1d5db !important;
border-radius: 8px !important;
background: #ffffff !important;
color: var(--eeewb-ink) !important;
font-size: 15px !important;
line-height: 1.4 !important;
height: auto !important;
min-height: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
}
.eeewb-overlay .eeewb-field input:focus,
.eeewb-overlay .eeewb-field select:focus,
.eeewb-inline .eeewb-field input:focus,
.eeewb-inline .eeewb-field select:focus {
outline: 2px solid var(--eeewb-accent) !important;
border-color: var(--eeewb-accent) !important;
} .eeewb-overlay .eeewb-form a,
.eeewb-inline .eeewb-form a { color: var(--eeewb-accent) !important; }
.eeewb-overlay .eeewb-btn-primary,
.eeewb-inline .eeewb-btn-primary {
background: var(--eeewb-accent) !important;
color: var(--eeewb-btn-text) !important;
text-shadow: none !important;
}
.eeewb-overlay .eeewb-btn-primary:hover,
.eeewb-inline .eeewb-btn-primary:hover { background: var(--eeewb-accent-dk) !important; } .eeewb-overlay .eeewb-success,
.eeewb-inline .eeewb-success { text-align: center !important; }  .eeewb.eeewb-overlay .eeewb-dialog {
width: 560px !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 26px 26px 22px !important;
float: none !important;
} .eeewb.eeewb-overlay .eeewb-form,
.eeewb.eeewb-inline .eeewb-form {
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
width: auto !important;
} .eeewb.eeewb-overlay .eeewb-h,
.eeewb.eeewb-inline .eeewb-h { margin: 0 0 10px !important; padding: 0 !important; font-size: 20px !important; line-height: 1.25 !important; }
.eeewb.eeewb-overlay .eeewb-intro,
.eeewb.eeewb-inline .eeewb-intro { margin: 0 0 8px !important; padding: 0 !important; }
.eeewb.eeewb-overlay .eeewb-hint,
.eeewb.eeewb-inline .eeewb-hint { margin: 0 0 14px !important; padding: 0 !important; } .eeewb.eeewb-overlay .eeewb-form:not(.eeewb-done) .eeewb-grid,
.eeewb.eeewb-inline .eeewb-form:not(.eeewb-done) .eeewb-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
} .eeewb.eeewb-overlay .eeewb-field,
.eeewb.eeewb-inline .eeewb-field {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
min-width: 0 !important;
float: none !important;
}
.eeewb.eeewb-overlay .eeewb-field-wide,
.eeewb.eeewb-inline .eeewb-field-wide { grid-column: 1 / -1 !important; } .eeewb.eeewb-overlay .eeewb-field span,
.eeewb.eeewb-inline .eeewb-field span {
display: block !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1.3 !important;
} .eeewb.eeewb-overlay .eeewb-field input,
.eeewb.eeewb-overlay .eeewb-field select,
.eeewb.eeewb-inline .eeewb-field input,
.eeewb.eeewb-inline .eeewb-field select {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
float: none !important;
vertical-align: baseline !important;
} .eeewb.eeewb-overlay .eeewb-declaration,
.eeewb.eeewb-inline .eeewb-declaration { margin: 16px 0 8px !important; padding: 12px 14px !important; }
.eeewb.eeewb-overlay .eeewb-legal,
.eeewb.eeewb-inline .eeewb-legal { margin: 0 0 14px !important; padding: 0 !important; }
.eeewb.eeewb-overlay .eeewb-actions,
.eeewb.eeewb-inline .eeewb-actions { margin: 6px 0 0 !important; padding: 0 !important; }
.eeewb.eeewb-overlay .eeewb-btn,
.eeewb.eeewb-inline .eeewb-btn {
display: inline-block !important;
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
padding: 12px 22px !important;
line-height: 1.2 !important;
float: none !important;
} .eeewb.eeewb-overlay .eeewb-hp,
.eeewb.eeewb-inline .eeewb-hp {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
} @media (max-width: 480px) {
.eeewb.eeewb-overlay .eeewb-form:not(.eeewb-done) .eeewb-grid,
.eeewb.eeewb-inline .eeewb-form:not(.eeewb-done) .eeewb-grid { grid-template-columns: 1fr !important; }
.eeewb.eeewb-overlay .eeewb-field-anrede,
.eeewb.eeewb-inline .eeewb-field-anrede { grid-column: 1 / -1 !important; }
}