:root {
    --primary-colour: #5009a4;
    --secondary-colour: rgb(243,156,18,1);
    --ac-one: #5009a4;
    --ac-two: #360672;
    --background-color: #080110;
    --text-colour-prime: #f2f2f2;
    --text-colour-sec: #f5f5f5; /* Soll "lightgoldenrodyellow" statt "weiß" anwenden /MAHL_123 */

    --secondary-colour-transparent: rgb(243,156,18,0.6);
}


/* Allgemeiner Hintergrund und Schriftfarben */
body {
    background-color: var(--background-color);
    color: var(--text-colour-prime); /* Helle Schriftfarbe für besseren Kontrast */
}

h2, h3 {
    color: var(--secondary-colour);
}

p {
    color: #dcdcdc; /* Leichter Kontrast für Absätze Test123*/
}

/* Button-Stil */
.btn-custom {
    background-color: var(--primary-colour); /* Lila Hintergrund für die Buttons */
    color: var(--text-colour-sec); /* Weiße Schrift auf den Buttons */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-custom:hover {
    background-color: var(--ac-two); /* Dunkleres Lila beim Hover */
}

/* Boxen mit unscharfem Text */
.box-blur p {
    filter: blur(10px);
}

.box-blur h3 {
    filter: blur(10px);
}

/* Karten für die neuesten Berichte */
.card {
    background-color: var(--ac-two);
    color: var(--text-colour-prime);
    border: none;
}

.card-title {
    color: var(--text-colour-sec);
}

.card-text {
    color: #dcdcdc;
}

/* Zusätzlicher Abstand zwischen den Abschnitten */
section {
    margin-bottom: 50px;
}

.image-container {
    width: 300px;
    height: 350px;
    overflow: hidden; /* Wichtiger Schritt, um nur einen Ausschnitt des Bildes zu zeigen */
}

.image-container img {
    width: 100%; /* Bild füllt den Container */
    height: 100%;
    object-fit: cover; /* Bild wird beschnitten und zentriert */
    object-position: center; /* Bild wird zentriert */
    border-radius: 15px; /* Abgerundete Ecken */
}

.border
{
    border-width: 1px;
    border-radius: 15px; /* Abgerundete Ecken */
    padding: 8px;
    margin: 3px;
}

.navbar-custom
{
    background-color: var(--secondary-colour);        
    position:fixed;
    top: 0;
    width: 100%;
    transition: all 0.3s ease; /* Weicher Ãœbergang */
    z-index: 10;
}

@media (max-width: 980px)
{
    .navbar-custom.scrolled
    {
        right: 0;
        width: 200px;
        border-radius: 5px;
    }
}

@media (min-width: 981px)
{
    .navbar-custom.scrolled
    {
        position:fixed;
    }
}

.navbar-toggler
{
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1000;
}

.nav-link
{
    width: fit-content;

}

.nav-link:hover
{
   /* font-weight:bold; */
    color:wheat;
    background: var(--background-color);
    border-radius: 5px; /* Abgerundete Ecken */
}

.main
{
    transform: translateY(+50px);
    z-index: 0;
}

.partner-block
{
    padding: 50px;
}

@media (max-width: 980px)
{
    .nav-link:hover
    {
        transform: translatex(+15%);
        padding-left: 5px;
        padding-right: 5px;
    }
}

.text-orange
{
    color: var(--secondary-colour);
}

.text-yellow
{
    color: yellow;
}

.text-green 
{
    color: #00ffa5;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #272044;
    color: white;
    padding: 15px;
    text-align: center;
    z-index: 1000;
}
.btn-accept, .btn-reject, .btn-info {
    margin: 15px;
    padding: 10px 15px;
    background-color: var(--ac-one);
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    min-width: 130px;;
}
.privacy-details {
    display: none;
    margin-top: 10px;
    color: #e0e0e0;
}