/* ===================================
   HERO / HEADER
=================================== */
.hero {
    position: relative;
    width: 100vw;
    height: 380px; /* perfekte Höhe für dein Banner */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    background: url('../images/header_bg.png') center top no-repeat;
    background-size: 100% 100%;
	margin: 0;
    padding: 0;
    margin-bottom: -12px; /* ENTSCHEIDEND → entfernt den Abstand */
}

.hero .falke {
    position: absolute;
    left: 0;
    width: 23%;
    max-width: 420px;
    z-index: 1;
}

.hero .logo {
    width: 45%;
    max-width: 900px;
    z-index: 2;
}

.hero .since {
    position: absolute;
    width: 150px;
    z-index: 3;
    top: 55%;
    right: 20%;
}