.search-wrap {
    width: 100%;
    position: relative;
    margin-bottom: 28px; /* Abstand zu den Kacheln */
}

.search-input {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px 14px 48px; /* Platz für das Icon links */
    border-radius: 14px;
    border: 1px solid #2f3031;
    background: #242526; /* passend zum Dark-Theme */
    color: #fff;
    font-size: 16px;
	line-height: 1.2;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
		
.search-input::placeholder { 
	color: #8b8d90;
}

.search-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,.25);
    background: #1f2021;
}

.search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
	height: 22px;
    pointer-events: none;
    opacity: .9;
}

/* Optional: Überschrift optisch trennen */
h1 {
    margin: 0 0 14px 0;
    font-size: 22px;
    font-weight: 700;
}

/* Sicherstellen, dass die Grid-Kacheln nicht unter die fixe Navbar laufen */
.page-content {
    padding-bottom: 90px; /* entspricht mind. der Nav-Bar-Höhe */
}