/* ===================================================== Feedback Widget - Externer Bereich (neu.h-g-k.de) Standalone CSS für Contenido CMS ===================================================== */ /* Widget Container */
.feedbackWidget{position:fixed;bottom:20px;left:20px;z-index:99999;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:14px;line-height:1.5}/* Toggle Button */
.feedbackWidget .fbToggle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #002e68 0%, #004a9f 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0, 46, 104, 0.3);transition:transform 0.2s ease, box-shadow 0.2s ease}.feedbackWidget .fbToggle:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0, 46, 104, 0.4)}.feedbackWidget .fbToggle svg{width:28px;height:28px;fill:#fff}/* Panel */
.feedbackWidget .fbPanel{position:absolute;bottom:70px;left:0;width:420px;max-width:calc(100vw - 40px);background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.15);display:none;overflow:hidden}.feedbackWidget .fbPanel.open{display:block;animation:fbSlideUp 0.25s ease-out}@keyframes fbSlideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}/* Header */
.feedbackWidget .fbHeader{background:linear-gradient(135deg, #002e68 0%, #004a9f 100%);color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.feedbackWidget .fbHeader h3{margin:0;font-size:1rem;font-weight:600}.feedbackWidget .fbClose{background:rgba(255,255,255,0.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;transition:background 0.2s}.feedbackWidget .fbClose:hover{background:rgba(255,255,255,0.3)}/* Body */
.feedbackWidget .fbBody{padding:1.25rem}/* Kategorien */
.feedbackWidget .fbCategories{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.5rem;margin-bottom:1rem}.feedbackWidget .fbCategory{padding:0.6rem 0.75rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;text-align:center;font-size:0.8rem;transition:all 0.15s ease;display:flex;align-items:center;justify-content:center;gap:0.4rem}.feedbackWidget .fbCategory:hover{border-color:#002e68;background:#f8fafc}.feedbackWidget .fbCategory.active{border-color:#002e68;background:#002e68;color:#fff}.feedbackWidget .fbCategory .fbIcon{font-size:1rem}/* Textarea */
.feedbackWidget textarea{width:100%;min-height:150px;padding:0.75rem;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:0.9rem;resize:vertical;transition:border-color 0.2s;background:#fff;color:#333;box-sizing:border-box}.feedbackWidget textarea:focus{outline:none;border-color:#002e68}.feedbackWidget textarea::placeholder{color:#999}/* Info */
.feedbackWidget .fbInfo{margin-top:0.75rem;padding:0.6rem;background:#f8f9fa;border-radius:6px;font-size:0.75rem;color:#666}/* Submit */
.feedbackWidget .fbSubmit{margin-top:1rem;width:100%;padding:0.75rem 1.5rem;background:linear-gradient(135deg, #002e68 0%, #004a9f 100%);color:#fff;border:none;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:opacity 0.2s, transform 0.1s}.feedbackWidget .fbSubmit:hover{opacity:0.9}.feedbackWidget .fbSubmit:active{transform:scale(0.98)}.feedbackWidget .fbSubmit:disabled{opacity:0.6;cursor:not-allowed}/* Spinner */
.feedbackWidget .fbSpinner{display:none;text-align:center;padding:2rem}.feedbackWidget .fbSpinner.show{display:block}.feedbackWidget .fbSpinner::after{content:'';display:inline-block;width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#002e68;border-radius:50%;animation:fbSpin 0.8s linear infinite}@keyframes fbSpin{to{transform:rotate(360deg)}}/* Success */
.feedbackWidget .fbSuccess{display:none;text-align:center;padding:2rem 1.25rem}.feedbackWidget .fbSuccess.show{display:block}.feedbackWidget .fbSuccess .fbSuccessIcon{width:64px;height:64px;background:#27ae60;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.feedbackWidget .fbSuccess .fbSuccessIcon svg{width:32px;height:32px;fill:#fff}.feedbackWidget .fbSuccess h4{margin:0 0 0.5rem;color:#27ae60}.feedbackWidget .fbSuccess p{margin:0 0 1rem;color:#666}.feedbackWidget .fbSuccess button{padding:0.6rem 1.5rem;background:linear-gradient(135deg, #002e68 0%, #004a9f 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:opacity 0.2s}.feedbackWidget .fbSuccess button:hover{opacity:0.9}/* Error */
.feedbackWidget .fbError{display:none;padding:0.75rem;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;margin-top:0.75rem;font-size:0.85rem}.feedbackWidget .fbError.show{display:block}/* Responsive */
@media screen and (max-width:480px){.feedbackWidget{bottom:10px;left:10px}.feedbackWidget .fbToggle{width:48px;height:48px}.feedbackWidget .fbPanel{bottom:60px;width:calc(100vw - 20px);left:0}.feedbackWidget .fbCategories{grid-template-columns:1fr}}