.suggestion-section{background-image:url(https://images.tagesschau.de/image/959d92aa-2b53-418e-81c9-650394407f93/AAABlCg7S8c/AAABkZLqw7o/4x3/3d-illustration-fussballstadion-100.jpg?width=1280);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:50vh;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;animation:.3s ease-out modalSlideIn;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header.success{border-left:4px solid #10b981}.modal-header.error{border-left:4px solid #ef4444}.modal-header h3{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.modal-close:hover{color:#374151}.modal-body{padding:20px 24px}.modal-body p{color:#4b5563;margin:0;font-size:1rem;line-height:1.6}.modal-footer{justify-content:flex-end;padding:16px 24px 20px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:.95rem;font-weight:500;transition:all .2s}.btn-success{color:#fff;background-color:#10b981}.btn-success:hover{background-color:#059669}.btn-error{color:#fff;background-color:#ef4444}.btn-error:hover{background-color:#dc2626}.suggestion-container{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;padding:32px}.suggestion-title{text-align:center;margin-bottom:32px}.suggestion-heading{color:#fff;margin-bottom:16px;font-size:2.25rem;font-weight:700}.suggestion-subtitle{color:#fff;font-size:1.5rem;font-weight:700}.textarea-container{margin-bottom:24px;position:relative}.custom-placeholder{color:#000;pointer-events:none;font-size:16px;font-weight:600;line-height:1.5;transition:all .2s;position:absolute;top:16px;left:16px}.sinupcontainer{margin-top:50px}.suggestion-textarea{resize:none;box-sizing:border-box;background-color:#fff;border:3px solid #000;border-radius:8px;outline:none;width:100%;padding:16px;font-size:16px;color:#000!important}.suggestion-textarea::placeholder{color:#000;font-weight:400}.suggestion-textarea:focus{color:#000;background-color:#fff;border-color:#000}.suggestion-textarea:focus+.custom-placeholder{opacity:0}.suggestion-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0f4c3a,#1a7c54,#2d8f47);border:none;border-radius:8px;margin:0 auto;padding:12px 32px;font-size:16px;font-weight:600;transition:all .8s;display:block}.suggestion-button:hover{background:linear-gradient(90deg,#1a7c54,#2d8f47,#0f4c3a);transform:translateY(-2px)}.suggestion-button:active{transform:translateY(0)}@media (max-width:768px){.suggestion-container{padding:24px}.suggestion-heading{font-size:1.875rem}.suggestion-subtitle{font-size:1rem}.modal-content{margin:20px}}@media (max-width:480px){.sinupcontainer{margin-left:20px;margin-right:20px}.suggestion-section{padding:32px 0}.suggestion-container{padding:20px}.suggestion-heading{font-size:1rem}.suggestion-textarea{padding:12px;font-size:10px}.custom-placeholder{font-size:10px;top:12px;left:12px}.suggestion-button{padding:10px 24px;font-size:14px}.suggestion-subtitle{font-size:10px}}