/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

/**!*/
/*.body-inner {*/
/*    background-color: black;*/
/*}*/


section {
    background-color: black;
    color: whitesmoke;
}

#header .header-inner, #header #header-wrap {
    height: 80px;
    background-color: #000000;
}

#footer .copyright-content {

    background-color: #000000;

}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    text-shadow: 2px 2px black;

}

.copyright-content {
    color: white;

    background: linear-gradient(to top, rgb(9, 13, 45) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);

}

#header .header-inner #logo a .logo-default, #header #header-wrap #logo a .logo-default {
    color: white;
}

#mainMenu nav > ul > li > a {

    color: white;
}


.contact-section .list-group-item {
    border: none;
    background-color: transparent;
    color: #ffffff;
    font-size: 25px;
    text-shadow: 2px 2px black;
    text-align: left;
}


/* Nur auf Bildschirmen kleiner als 992px anwenden */
@media (max-width: 991.98px) {
    .mobile-gap {
        margin-top: 1.5rem; /* oder die gewünschte Größe des Abstands */
    }
}


.custom-section {
    background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 50%), linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 50%), url('../images/vro_wingsuit_gross.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


p {
    font-size: 18px;
    color: white;
}


.dunkler-hintergrund {
    background-color: rgba(0, 0, 0, 0.5); /* Schwarz mit 50% Transparenz */
}


html, body {
    background-color: black;
}