.bg-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}


.nav-bg {
    background-color: #162840;
    color: #F0CC83;
    text-decoration: none;
    list-style-image: none;
    list-style-type: none;
    z-index: 2;
}
.nav-bg1 {
    background-color: #162840;
    color: #F0CC83;
    text-decoration: none;
    list-style-image: none;
    list-style-type: none;
 
}
.footer-bg {
    color: #F0CC83;
    background-color: #162840;
    z-index: 2;
}
.footer-bg1 {
    color: #F0CC83;
    background-color: #162840;
    
}
.a-textcolor {
    color: #F0CC83;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-decoration: none;
}

.a-textcolor-btn {
    text-decoration: none;
}
.textboxes {
    animation: einblenden 4s;
    -moz-animation: einblenden 4s; /* Für Firefox */
    -webkit-animation: einblenden 4s; /* Für Safari und Chrome */
    -o-animation: einblenden 4s; /* Für Opera */
    color: #F0CC83;
    background-color: #162840;
    padding-right: 15px;
    padding-left: 15px;
    float: right;
    z-index: 3;
    text-shadow: 5px 5px 2px #162840;
}

.headlineboxes {
    animation: einblenden 4s;
    -moz-animation: einblenden 4s; /* Für Firefox */
    -webkit-animation: einblenden 4s; /* Für Safari und Chrome */
    -o-animation: einblenden 4s; /* Für Opera */
    color: #F0CC83;
    background-color: #162840;
    padding-right: 15px;
    padding-left: 15px;
 
}

.headimages {
    z-index: 1;
}
.textboxes1 {
    color: #F0CC83;
    background-color: #162840;
    padding-right: 35px;
    padding-left: 35px;
    text-align: justify;
    padding-top: 35px;
    padding-bottom: 35px;
  

}
.footer-nav {
    list-style-type: none;
    display: inline;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}
.body-bg {
    background-image: url(../images/bg-image.jpg);
    background-attachment: fixed;
    background-size: cover;
    z-index: 0
}
.jumbo-color {
    background-color: #162840;
    color: #F0CC83;
} 
.card-color {
    background-color: #162840;
    color: #F0CC83;
}
.btn-color {
    background-color: #162840;
    color: #f0cc83;
    text-decoration: none;
}

.btn-color2 {
    background-color: #f0cc83;
    color: #162840;
    text-decoration: none;
}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}
.toggler-color {
    background-image: url(../images/list.svg);
    border-color: #f0cc83;
    z-index: 3

}
#bg-card-img1 {
    background-image: url(../images/AdobeStock_73434546_Web_Ausschnitt3.jpg);
    background-size: cover;
}