Upload via Git Manager GUI

Minecraft-Modern-Theme/style.css

@@ -4,7 +4,7 @@ Theme URI: https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme
 Author: M_Viper
 Description: Ein modernes Gaming-Theme mit konfigurierbarem Header-Slider.
 Author URI:   https://M-Viper.de
-Version: 2.2
+Version: 2.3
 License: GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: minecraft-modern-theme
@@ -4712,4 +4712,129 @@ html.light-mode .bew-mc-avatar { background: #f0f0f0; }
     .bewerbung-container { padding: 28px 18px; }
     .bew-grid { grid-template-columns: 1fr; }
     .bewerbung-container .page-title { font-size: 1.8rem; }
-}
+}
+/* ── Bewerbungs-Positionen ── */
+.bew-position-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+    gap: 12px;
+    margin-top: 8px;
+}
+
+.bew-position-card {
+    cursor: pointer;
+    display: block;
+}
+
+.bew-position-card input[type="radio"] {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+.bew-position-label {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    padding: 16px 12px;
+    border: 2px solid var(--border-color, #30363d);
+    border-radius: 10px;
+    background: var(--card-bg, #161b22);
+    color: var(--text-color, #c9d1d9);
+    font-weight: 600;
+    font-size: 14px;
+    text-align: center;
+    transition: border-color 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.bew-position-label i {
+    font-size: 22px;
+    color: var(--primary-accent, #00d4e8);
+    transition: transform 0.2s;
+}
+
+.bew-position-card:hover .bew-position-label {
+    border-color: var(--primary-accent, #00d4e8);
+    background: rgba(0, 212, 232, 0.07);
+}
+
+.bew-position-card input[type="radio"]:checked + .bew-position-label {
+    border-color: var(--primary-accent, #00d4e8);
+    background: rgba(0, 212, 232, 0.12);
+    color: var(--primary-accent, #00d4e8);
+    box-shadow: 0 0 0 3px rgba(0, 212, 232, 0.18), 0 4px 16px rgba(0, 212, 232, 0.15);
+}
+
+.bew-position-card input[type="radio"]:checked + .bew-position-label i {
+    transform: scale(1.2);
+}
+
+/* Light Mode */
+html.light-mode .bew-position-label {
+    background: #f4f4f4;
+    border-color: #ddd;
+    color: #333;
+}
+html.light-mode .bew-position-card input[type="radio"]:checked + .bew-position-label {
+    background: rgba(0, 212, 232, 0.1);
+    color: #007a8c;
+}
+
+/* Responsive */
+@media (max-width: 500px) {
+    .bew-position-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+/* ══════════════════════════════════════════════════════════════
+   FIX: Dropdown-Sichtbarkeit im Centered-Layout (Logo oben, Menü darunter)
+   Das .header-row-nav muss overflow:visible haben damit das Sub-Menu
+   sichtbar aus dem Header herausragen kann.
+   ══════════════════════════════════════════════════════════════ */
+
+/* Zeilen-Container darf das Dropdown nicht abschneiden */
+.site-header--centered,
+.site-header--centered .container,
+.site-header--classic,
+.site-header--classic .container,
+.header-row-nav,
+.header-centered-nav {
+    overflow: visible !important;
+}
+
+/* Nav-Zeile braucht position:relative als Ankerpunkt für das Dropdown */
+.header-row-nav {
+    position: relative;
+}
+
+/* Jedes Menü-Item ist der Ankerpunkt für sein Sub-Menu */
+.header-row-nav .menu-item-has-children,
+.header-centered-nav .menu-item-has-children,
+.site-header--centered .menu-item-has-children,
+.site-header--classic .menu-item-has-children {
+    position: relative;
+}
+
+/* Sub-Menu öffnet sich direkt unterhalb des Menüpunkts */
+.header-row-nav .sub-menu,
+.header-centered-nav .sub-menu,
+.site-header--centered .sub-menu,
+.site-header--classic .sub-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 99999;
+}
+
+/* Hover-State: Dropdown einblenden */
+.header-row-nav .menu-item-has-children:hover > .sub-menu,
+.header-centered-nav .menu-item-has-children:hover > .sub-menu,
+.site-header--centered .menu-item-has-children:hover > .sub-menu,
+.site-header--classic .menu-item-has-children:hover > .sub-menu {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(10px);
+}