.meik-outer {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
max-width: 960px;
margin: 0 auto;
background: #fff;
border-radius: 24px;
padding: 48px 52px;
box-shadow: 0 4px 40px rgba(14,165,233,0.10);
color: #1e293b;
}
.meik-outer * { box-sizing: border-box; } .meik-header { margin-bottom: 32px; }
.meik-brand  { font-size: 14px; font-weight: 700; color: #0ea5e9; margin-bottom: 8px; }
.meik-title  { font-size: 28px; font-weight: 800; color: #0f172a; margin-bottom: 6px; }
.meik-sub    { font-size: 15px; color: #64748b; } .meik-section-label {
font-size: 11px;
font-weight: 700;
color: #94a3b8;
letter-spacing: 0.8px;
text-transform: uppercase;
margin-bottom: 12px;
} .meik-anlass-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 8px;
margin-bottom: 32px;
}
.meik-anlass-tile {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 14px 6px;
border: 2px solid #e2e8f0;
border-radius: 14px;
cursor: pointer;
text-align: center;
transition: all 0.15s ease;
position: relative;
user-select: none;
}
.meik-anlass-tile input { position: absolute; opacity: 0; pointer-events: none; }
.meik-anlass-tile:hover { border-color: #38bdf8; background: #f8faff; }
.meik-anlass-tile:has(input:checked),
.meik-anlass-tile.sel {
border-color: #0ea5e9;
background: #f0f9ff;
box-shadow: 0 2px 10px rgba(14,165,233,0.15);
}
.meik-anlass-tile:has(input:checked) .meik-tile-lbl,
.meik-anlass-tile.sel .meik-tile-lbl { color: #0369a1; }
.meik-tile-ico { font-size: 26px; line-height: 1; }
.meik-tile-lbl { font-size: 11px; font-weight: 600; color: #334155; line-height: 1.3; } .meik-two-col {
display: grid;
grid-template-columns: 1fr 1px 1fr;
gap: 0 36px;
}
.meik-divider { background: #e2e8f0; } .meik-col { display: flex; flex-direction: column; gap: 16px; } .meik-field { display: flex; flex-direction: column; gap: 6px; }
.meik-field label {
font-size: 13px;
font-weight: 600;
color: #374151;
}
.meik-optional { font-weight: 400; color: #94a3b8; font-size: 12px; }
.meik-field input,
.meik-field textarea,
.meik-field select {
padding: 12px 14px;
border: 2px solid #e2e8f0;
border-radius: 10px;
font-size: 14px;
font-family: inherit;
color: #1e293b;
background: #fff;
width: 100%;
transition: border-color 0.2s, box-shadow 0.2s;
}
.meik-field input:focus,
.meik-field textarea:focus,
.meik-field select:focus {
outline: none;
border-color: #0ea5e9;
box-shadow: 0 0 0 4px rgba(14,165,233,0.1);
}
.meik-field input.error,
.meik-field textarea.error { border-color: #ef4444; }
.meik-field textarea { resize: vertical; min-height: 100px; }
.meik-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .meik-contact-row { display: flex; gap: 8px; }
.meik-contact-tile {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
padding: 12px 6px;
border: 2px solid #e2e8f0;
border-radius: 10px;
cursor: pointer;
font-size: 12px;
font-weight: 600;
color: #334155;
text-align: center;
transition: all 0.15s;
position: relative;
user-select: none;
}
.meik-contact-tile input { position: absolute; opacity: 0; pointer-events: none; }
.meik-contact-tile:hover { border-color: #38bdf8; background: #f8faff; }
.meik-contact-tile:has(input:checked),
.meik-contact-tile.sel { border-color: #0ea5e9; background: #f0f9ff; }
.meik-contact-ico { font-size: 20px; line-height: 1; } .meik-privacy {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
color: #64748b;
cursor: pointer;
}
.meik-privacy input {
width: 16px;
height: 16px;
margin-top: 2px;
accent-color: #0ea5e9;
flex-shrink: 0;
cursor: pointer;
}
.meik-privacy a { color: #0ea5e9; text-decoration: underline; } .meik-submit {
width: 100%;
padding: 15px;
background: linear-gradient(135deg, #0ea5e9, #0284c7);
color: #fff;
border: none;
border-radius: 12px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
font-family: inherit;
transition: all 0.2s;
box-shadow: 0 4px 14px rgba(14,165,233,0.35);
}
.meik-submit:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(14,165,233,0.45);
}
.meik-submit:disabled {
background: #94a3b8;
cursor: not-allowed;
transform: none;
box-shadow: none;
} .meik-error {
background: #fef2f2;
border-left: 3px solid #ef4444;
padding: 10px 14px;
border-radius: 8px;
color: #dc2626;
font-size: 13px;
font-weight: 600;
display: none;
} .meik-success {
text-align: center;
padding: 60px 20px;
display: none;
}
.meik-success-ico { font-size: 56px; margin-bottom: 16px; }
.meik-success h2  { font-size: 24px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
.meik-success p   { font-size: 15px; color: #64748b; } .meik-trust {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px 28px;
margin-top: 28px;
padding-top: 24px;
border-top: 1px solid #f1f5f9;
}
.meik-trust-item {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: #64748b;
}
.meik-chk { color: #22c55e; font-weight: 700; } @media (max-width: 720px) {
.meik-outer { padding: 28px 20px; border-radius: 20px; }
.meik-title { font-size: 22px; }
.meik-anlass-grid { grid-template-columns: repeat(2, 1fr); }
.meik-two-col { grid-template-columns: 1fr; gap: 28px 0; }
.meik-divider { display: none; }
.meik-grid-2 { grid-template-columns: 1fr; }
.meik-contact-row { flex-wrap: wrap; }
}