#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #F5F1EB;
            background: -moz-linear-gradient(top, #F5F1EB 0%, #F5F1EB 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F1EB), color-stop(100%,#F5F1EB));
            background: -webkit-linear-gradient(top, #F5F1EB 0%,#F5F1EB 100%);
            background: -o-linear-gradient(top, #F5F1EB 0%,#F5F1EB 100%);
            background: -ms-linear-gradient(top, #F5F1EB 0%,#F5F1EB 100%);
            background: linear-gradient(to bottom, #F5F1EB 0%, #F5F1EB 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F1EB', endColorstr='#F5F1EB',GradientType=0 );
            background-repeat: no-repeat;
                        }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #4A4A4A;
                        }
            #wpfront-notification-bar a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button            {
            background: #6C8B72;
            background: -moz-linear-gradient(top, #6C8B72 0%, #6C8B72 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6C8B72), color-stop(100%,#6C8B72));
            background: -webkit-linear-gradient(top, #6C8B72 0%,#6C8B72 100%);
            background: -o-linear-gradient(top, #6C8B72 0%,#6C8B72 100%);
            background: -ms-linear-gradient(top, #6C8B72 0%,#6C8B72 100%);
            background: linear-gradient(to bottom, #6C8B72 0%, #6C8B72 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C8B72', endColorstr='#6C8B72',GradientType=0 );

            background-repeat: no-repeat;
            color: #F5F1EB;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://shevia.de/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://shevia.de/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                        }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #555555;
            background-color: #555555;
            color: #000000;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
             #wpfront-notification-bar-spacer { display:block; }/* ======================================== SHEVIA Notification Bar Desktop und Mobile ohne Überlappung ======================================== */ #wpfront-notification-bar, #wpfront-notification-bar *, .wpfront-notification-bar, .wpfront-notification-bar * { box-sizing: border-box !important; font-family: inherit !important; } /* Gesamter Banner */ #wpfront-notification-bar, .wpfront-notification-bar { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 11px 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; background: #ffffff !important; color: #4a4a4a !important; border: 0 !important; border-bottom: 1px solid rgba(108, 139, 114, 0.35) !important; box-shadow: none !important; overflow: visible !important; text-align: center !important; line-height: 1.4 !important; z-index: 20 !important; } /* Nachricht */ #wpfront-notification-bar .wpfront-message, #wpfront-notification-bar .wpfront-message *, .wpfront-notification-bar .wpfront-message, .wpfront-notification-bar .wpfront-message *, #wpfront-notification-bar p, .wpfront-notification-bar p, #wpfront-notification-bar span, .wpfront-notification-bar span { margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 400 !important; letter-spacing: 0 !important; color: #4a4a4a !important; } /* Link */ #wpfront-notification-bar .wpfront-button, .wpfront-notification-bar .wpfront-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 2px !important; font-family: inherit !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: 0 !important; color: #6c8b72 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(108, 139, 114, 0.7) !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer !important; } /* Link bei Berührung */ #wpfront-notification-bar .wpfront-button:hover, .wpfront-notification-bar .wpfront-button:hover { color: #58745f !important; background: transparent !important; opacity: 0.8 !important; } /* Interne Plugin-Container */ #wpfront-notification-bar .wpfront-message-container, #wpfront-notification-bar .wpfront-button-container, .wpfront-notification-bar .wpfront-message-container, .wpfront-notification-bar .wpfront-button-container { width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } /* Tablet und Smartphone */ @media (max-width: 768px) { #wpfront-notification-bar, .wpfront-notification-bar { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 9px 14px 10px !important; gap: 3px !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; overflow: visible !important; text-align: center !important; } #wpfront-notification-bar .wpfront-message-container, #wpfront-notification-bar .wpfront-button-container, .wpfront-notification-bar .wpfront-message-container, .wpfront-notification-bar .wpfront-button-container { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; line-height: 1.35 !important; } #wpfront-notification-bar .wpfront-message, #wpfront-notification-bar .wpfront-message *, .wpfront-notification-bar .wpfront-message, .wpfront-notification-bar .wpfront-message *, #wpfront-notification-bar p, .wpfront-notification-bar p, #wpfront-notification-bar span, .wpfront-notification-bar span { display: block !important; font-size: 13px !important; line-height: 1.35 !important; } #wpfront-notification-bar .wpfront-button, .wpfront-notification-bar .wpfront-button { display: inline-block !important; margin-top: 3px !important; font-size: 13px !important; line-height: 1.35 !important; white-space: nowrap !important; } } /* Sehr kleine Smartphones */ @media (max-width: 420px) { #wpfront-notification-bar, .wpfront-notification-bar { padding: 8px 10px 9px !important; } #wpfront-notification-bar .wpfront-message, #wpfront-notification-bar .wpfront-message *, .wpfront-notification-bar .wpfront-message, .wpfront-notification-bar .wpfront-message *, #wpfront-notification-bar .wpfront-button, .wpfront-notification-bar .wpfront-button { font-size: 12.5px !important; } }