body{background-color:#f8fafc}.datenschutz-selector{display:flex;flex-direction:column;gap:1.25rem}.tab-nav{display:flex;flex-wrap:wrap;gap:.375rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.tab-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;border:1px solid #d1d5db;background:#f9fafb;font-size:.8125rem;font-weight:500;color:#374151;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.tab-btn:hover{background:#f3f4f6;border-color:#9ca3af}.tab-btn--active{background:#7c3aed;border-color:#7c3aed;color:#fff}.tab-btn--active .tab-badge{background:#ffffff40;color:#fff}.tab-btn--has-checked:not(.tab-btn--active){border-color:#7c3aed;color:#7c3aed}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:9999px;background:#ede9fe;color:#6d28d9;font-size:.6875rem;font-weight:700;line-height:1}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:640px){.service-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.service-grid{grid-template-columns:repeat(4,1fr)}}.service-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:border-color .12s,background .12s}.service-item:hover{background:#f9fafb;border-color:#c4b5fd}.service-item--checked{border-color:#7c3aed;background:#faf5ff}.service-item--auto{border-color:#a5b4fc;background:#eef2ff}.service-checkbox{flex-shrink:0;width:1rem;height:1rem;border-radius:.25rem;accent-color:#7c3aed;cursor:pointer}.service-label{font-size:.8125rem;color:#374151;line-height:1.3;flex:1}.service-auto-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:9999px;background:#6366f1}.extra-services{display:flex;flex-direction:column;gap:.375rem}.extra-label{font-size:.875rem;font-weight:500;color:#374151}.extra-hint{font-weight:400;color:#9ca3af;font-size:.8125rem}.extra-textarea{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .875rem;font-size:.875rem;font-family:ui-monospace,monospace;resize:vertical;transition:border-color .12s,box-shadow .12s}.extra-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.save-status{font-size:.8125rem;padding:.375rem .75rem;border-radius:.375rem;width:fit-content}.save-status--saving{background:#fef9c3;color:#854d0e}.save-status--saved{background:#dcfce7;color:#166534}.save-status--error{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.action-buttons form{flex:1}.build-buttons{display:flex;gap:.5rem;width:100%}.build-buttons>*{flex:1}.build-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:#059669;color:#fff;font-size:.9375rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:background .15s}.build-btn:hover:not(:disabled){background:#047857}.build-btn:disabled{opacity:.7;cursor:not-allowed}.build-btn-secondary{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:#fff;color:#4b5563;font-size:.9375rem;font-weight:600;border-radius:.5rem;border:1px solid #d1d5db;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:all .15s}.build-btn-secondary:hover:not(:disabled){background:#f9fafb;color:#111827;border-color:#9ca3af}.build-btn-secondary:disabled{opacity:.7;cursor:not-allowed}.review-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:#7c3aed;color:#fff;font-size:.9375rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:background .15s}.review-btn:hover:not(:disabled){background:#6d28d9}.review-btn:disabled{opacity:.5;cursor:not-allowed}.action-hint{font-size:.8125rem;color:#9ca3af;text-align:center;margin-top:-.25rem}.version-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.version-badge--online{background:#dcfce7;color:#166534}.version-badge--draft{background:#fef9c3;color:#854d0e}.version-badge--backup{background:#f3f4f6;color:#6b7280}.version-source-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:.375rem;background:#f3f4f6;color:#374151;font-size:.75rem;white-space:nowrap}.version-live-btn{padding:.375rem .875rem;background:#059669;color:#fff;font-size:.8rem;font-weight:600;border-radius:.375rem;border:none;cursor:pointer;transition:background .12s}.version-live-btn:hover{background:#047857}.admin-textarea{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .875rem;font-size:.875rem;font-family:ui-monospace,monospace;resize:vertical;transition:border-color .12s,box-shadow .12s}.admin-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.admin-save-btn{padding:.625rem 1.5rem;background:#7c3aed;color:#fff;font-size:.9375rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:background .15s}.admin-save-btn:hover{background:#6d28d9}.prose h1{font-size:1.875rem;font-weight:700;color:#111827;margin-top:0;margin-bottom:1rem;line-height:1.25}.prose h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-top:2rem;margin-bottom:1rem;line-height:1.33;border-bottom:1px solid #e5e7eb;padding-bottom:.3rem}.prose h3{font-size:1.25rem;font-weight:600;color:#374151;margin-top:1.6rem;margin-bottom:.6rem;line-height:1.4}.prose h4{font-size:1.125rem;font-weight:600;color:#4b5563;margin-top:1.4rem;margin-bottom:.5rem}.prose p{margin-top:0;margin-bottom:1.1rem;line-height:1.625}.prose a{color:#7c3aed;text-decoration:underline;font-weight:500}.prose ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.1rem}.prose li{margin-bottom:.25rem;line-height:1.625}.prose strong{font-weight:600;color:#111827}
