a {
    text-decoration: none !important;
    transition: color 0.3s ease, border-bottom 0.3s ease;
}

.a-gold:hover {
    border-bottom: solid 2px var(--goldenBrown);
    color: var(--goldenBrown) !important;
}

/******
  BTN 
 *******/

 button {
    border: none;
    background-color: transparent;
}

.btn-gold{
    border: solid 1px var(--goldenBrown) !important;
    border-radius: 17px;
    padding: 12px 35px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-gold:hover {
    background-color: var(--goldenBrown);
    color: var(--white-color);
}

/* Für kleine Bildschirme (sm) und aufwärts (≥576px) */
@media (min-width: 576px) {
    .btn-gold {
        padding: 12px 45px; /* Etwas mehr Padding für größere Bildschirme */
        font-size: 1.125rem; /* Etwas größere Schriftgröße */
    }
}

/* Für mittlere Bildschirme (md) und aufwärts (≥768px) */
@media (min-width: 768px) {
    .btn-gold {
        padding: 5px 20px; /* Mehr Padding für größere Bildschirme */
        font-size: 1.25rem; /* Größere Schriftgröße */
    }
}

/* Für große Bildschirme (lg) und aufwärts (≥992px) */
@media (min-width: 992px) {
    .btn-gold {
        padding: 10px 35px; /* Noch mehr Padding */
        font-size: 1.375rem; /* Noch größere Schriftgröße */
    }
}

/* Für extra große Bildschirme (xl) und aufwärts (≥1200px) */
@media (min-width: 1200px) {
    .btn-gold {
        padding: 15px 60px; /* Maximales Padding für sehr große Bildschirme */
        font-size: 1.5rem; /* Größte Schriftgröße */
    }
}


/**********************
        GRAY-BOX
************************/

/* Für extra große Bildschirme (xl) und aufwärts (≥1200px) */
@media (min-width: 1200px) {
    .gray-box {
      width: calc(100% - 20rem) !important;
    }
  }


/**********************
        NEG-MARGIN
************************/

.neg-margin {
    margin-top: -3rem;
    padding-bottom: 1rem;
}

/**********************
        LEFT-SPACE
************************/

/* Für extra große Bildschirme (xl) und aufwärts (≥1200px) */
@media (min-width: 1200px) {
    .left-space {
      width: calc(100% - 140px);
      margin-left: 140px;
    }
  }


/****************************
       MEDIA QUERRIES MARGIN
********************************/

/* Für extra große Bildschirme (xl) und aufwärts (≥1200px) */
@media (min-width: 1200px) {
    .mt-xxl-6 {
      margin-top: 8rem !important;
    }
  }