Help Center
Help Center
/* Hide search input initially */ .fullscreen-search { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000000D9; /* Dark overlay */ display: flex; flex-direction: row; /* Elements align horizontally */ align-items: center; /* Center vertically */ justify-content: center; /* Center horizontally, no space-between */ opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; z-index: 9999; } /* Center the search form */ .fullscreen-search .elementor-widget-container { display: flex; justify-content: center; align-items: center; flex: 0 1 auto; /* Size naturally, no stretching */ } /* Style the search form as a flex row */ .fullscreen-search .elementor-search-form { display: flex; align-items: center; /* Align input and submit vertically */ flex-wrap: nowrap; /* Default: no wrapping above 720px */ } /* Style the input */ .fullscreen-search .elementor-search-form input { padding: 15px; font-size: 18px; border: none; outline: none; } /* Style the submit button */ .fullscreen-search .elementor-search-form button[type="submit"] { padding: 15px; font-size: 18px; background: none; border: none; cursor: pointer; } /* Close button positioned next to the form */ .fullscreen-search .close-search { font-size: 18px; /* Adjust size */ color: white; cursor: pointer; background: none; border: none; display: flex; align-items: center; /* Vertically center with form */ margin-left: 10px; /* Small gap between form and close button */ } /* Media query for screens smaller than 720px */ @media (max-width: 720px) { .fullscreen-search .elementor-search-form { flex-wrap: wrap; /* Enable wrapping within the form */ width: 90%; /* Constrain width to force wrapping */ max-width: 100%; /* Ensure it fits the screen */ justify-content: center; /* Center items */ } /* Input on row 1 */ .fullscreen-search .elementor-search-form input { flex: 1 0 100%; /* Force input to full width and wrap */ margin-bottom: 10px; /* Space between input and buttons */ } /* Submit and close on row 2 */ .fullscreen-search .elementor-search-form button[type="submit"] { margin-right: 10px; /* Space before close button */ } .fullscreen-search .close-search { margin-left: 0; /* Reset margin-left */ } /* Ensure vertical centering of wrapped content */ .fullscreen-search { align-content: center; /* Center the wrapped rows vertically */ } } document.addEventListener("DOMContentLoaded", function() { console.log("JavaScript running"); // Debug script start let searchToggle = document.querySelector(".search-toggle"); let searchBox = document.querySelector(".fullscreen-search"); console.log("Toggle:", searchToggle); // Debug toggle console.log("Search Box:", searchBox); // Debug search box if (!searchToggle) { console.error("Toggle not found. Add class 'search-toggle' to a button/icon."); return; } if (!searchBox) { console.error("Search box not found. Add class 'fullscreen-search' to Search Form widget."); return; } // Create close button dynamically let closeBtn = document.createElement("button"); closeBtn.className = "close-search"; closeBtn.innerHTML = "X"; // Text as requested closeBtn.setAttribute("aria-label", "Close search"); searchBox.appendChild(closeBtn); // Add to fullscreen-search container // Open search when toggle is clicked searchToggle.addEventListener("click", function() { console.log("Toggle clicked - opening"); searchBox.style.opacity = "1"; searchBox.style.visibility = "visible"; }); // Close search when close button is clicked closeBtn.addEventListener("click", function() { console.log("Close clicked - hiding"); searchBox.style.opacity = "0"; searchBox.style.visibility = "hidden"; }); });Willkommen im Helpcenter von RZH
Wie können wir Ihnen helfen?
Wählen Sie ein Thema aus
Hilfe & mehr
Support
Hier finden Sie Anträge, Unterstützung bei Abrechnungsfragen, Lerninhalte und vielen Dokumentationen von RZH.
Mehr erfahrenRZH-Handbuch
Systemfragen
Hier erhalten Sie schnelle Antworten und praktische Tipps zu P&I LOGA, ATOSS und RZH-Systemen.
Mehr erfahrenHilfreiches