html, body {
    height: 100%;
}

[data-theme="dark"] img.logo-invert {
    filter: invert(1) hue-rotate(180deg);
}

.fixed {
    position: fixed;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.z-50 {
    z-index: 50;
}

/* Tailwind-ähnliche Utilities für Margin/Padding wenn du kein Tailwind nutzt */
.mt-10 {
    margin-top: 2.5rem;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.border-t {
    border-top: 1px solid rgba(128,128,128,.2);
}

/* Responsive Helpers (quick&dirty ohne Tailwind) */
@media (min-width: 768px) {
    .md\:hidden {
        display: none !important;
    }

    .md\:flex {
        display: flex !important;
    }
}

.hidden {
    display: none;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.justify-between {
    justify-content: space-between;
}

.gap-1 {
    gap: .25rem;
}

.gap-2 {
    gap: .5rem;
}