body {
    font-family: system-ui, "Segoe UI", Roboto, Arial, sans-serif;
    background: #f5f7fa;
    margin: 40;
    padding: 120px;
}
#aLightbox{
 	width: 1100px;
	height: 100px; 
	position: absolute;
/*    gap: 100px; */
	left: 70px; /* Beginn Boxen */
	top: 120px;  /* Beginn Boxen von Oben */
}
.aboxgr {
    width: 1000px;       /* Breite der Box */
    height: 40px;       /* Höhe der Box */
    background: white;
    border-radius: 10px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;  
    justify-content: flex-start;  /* horizontal nach links */
    padding-left: 15px;        /* etwas Abstand vom Rand */   
    justify-content: flex-start;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    position: relative;
}
.aboxgr a {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Text linksbündig im Link */
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    color: #0a2540;
}
/* Hover-Effekt */
.aboxgr:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}
/* Lightbox-artiger Rahmen */
.aboxgr::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    border: 2px solid rgba(11,118,239,0);
    box-shadow: 0 0 0 rgba(11,118,239,0);
    transition: all 0.25s ease;
    pointer-events: none;
}
.aboxgr:hover::after {
    border-color: rgba(11,118,239,0.6);
    box-shadow: 0 0 18px rgba(11,118,239,0.3);
}
/* Fokus für Tastaturbedienung */
.aboxgr a:focus-visible {
    outline: 3px solid rgba(11,118,239,0.5);
    border-radius: 8px;
}