@import url("fonts.css");
html {
  scroll-padding-top: 190px; /* Höhe des Headers */
}

/* -----------------------------------------------------------
   HERO – Allgemein
----------------------------------------------------------- */
.partial-hero {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.partial-hero-video {
    position: absolute;
    width: 100vw;
    object-fit: cover;
}

/* -----------------------------------------------------------
   CONTENT BOXES (bleiben wie du sie brauchst)
----------------------------------------------------------- */
.partial-content .content-box {
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
}

.partial-content .left-box {
    background-color: #fff;
}

.partial-content .right-box {
    background-color: #fff;
    padding-top: 4em;
}

.partial-content .header-box {
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
    font-size: 3em;
}

.partial-content .header-box h2 {
    font-size: 1em;
}

.top-bar-spacer {
    width: 100%;
    height: 190px;
    background: #fff;
    overflow: hidden;
}


.two-row-header-content{
    display: grid;
    grid-template-columns: 50vw 50vw;
    width: 100%;
    height: 100%;
}