/* Topbar-Farbe erzwingen (Bulma überschreibt sonst mit weiß) */ .navbar.topbar-nav { background-color: #d6801e !important; /* Orange wie im Screenshot */ box-shadow: none; } /* Textfarben in der Topbar */ .navbar.topbar-nav .navbar-item, .navbar.topbar-nav .navbar-link { color: #111; } .navbar.topbar-nav .navbar-item:hover, .navbar.topbar-nav .navbar-link:hover { background-color: rgba(0,0,0,.04); color: #111; } /* Dropdown-Pfeil in lila */ .navbar.topbar-nav .navbar-link::after { border-color: #6b2bbd; /* lila */ } /* Lila Logo-Kachel links */ .logo { background: #5a2a82 !important; color: #fff; } .logo .logo-text { color: #fff; font-weight: 700; } /* Rechte Seite: Suche + Profil */ .actions { display: flex; align-items: center; gap: 10px; padding-right: 10px; } .search { border: 1px solid #c7c7c7; border-radius: 4px; padding: 4px 8px; font-size: 14px; } .profile { background: #3c7d74; color: #fff; width: 28px; height: 28px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; font-weight: 700; } /* Inhalt darunter */ .content { background: #fafafa; min-height: calc(100vh - 3.25rem); } .home-icon { font-size: 20px; display: inline-block; margin: 10px; } /* Dropdown optisch näher am Screenshot */ .navbar-dropdown { border-top: none; box-shadow: 0 8px 16px rgba(0,0,0,.1); } /* Breadcrumbs */ .top-breadcrumb { padding: 10px 0;} .breadcrumb { margin-bottom: 20px; background-color: #f0ebeb; } .content li{ margin-top: 5px !important; } .content li+li { margin: 0 !important; }