.test {
  background: var(--color-main);
  /*background: linear-gradient(90deg, var(--color-main), var(--color-matching-gradient-2))*/
  /* Main color for navbar, footbar etc.*/
  /*color: #ffffff;*/
}

body {
    font-family: "Roboto Slab", serif;
    font-optical-sizing: auto;
    font-style: normal;
    text-align: justify;
    color: var(--color-dark-1);
}

.color-scheme {
    background: var(--color-main-transparent);
    /* Main color for navbar, footbar etc.*/
    color: var(--color-light-1);
}

.color-scheme-shadow {
    background: var(--color-main-transparent);
    /* Main color for navbar, footbar etc.*/
    border-radius: 15%;
    color: var(--color-light-1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    /* Glow effect */

}

.color-scheme-border{
  border: 3px solid var(--color-main);
  border-radius: 90%;
  /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);*/
  margin-left: 10% ;
  margin-right: 10% ;
}

.custom-bg-grey-shadow {
    background: var(--color-small-switch-2);
    /* Main color for navbar, footbar etc.*/
    border-radius: 15%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    /* Glow effect */

}

.color-scheme-text {

    color: var(--color-main);
}

.darker-bg-color {
    background: #616161;
    color: var(--color-light-1);
    /* Main color for text elements */
}

.default-bg-color {
    background: var(--color-light-1);
}


.headersm {
    font-size: 20px;
    font-weight: bold;
    display: flex;
}

.headermd {
    font-size: 30px;
    font-weight: bold;
    display: flex;
}

.text-light {
    color: var(--color-light-1); /* Main color for text elements */
}


.accordion > * {
    background: rgba(69, 140, 133, 0.70);
}

.footer .nav-link {
    color: #cdcbcb;
    /* Default link color */
    margin: 0 10px;
    /* Spacing between links */
}

.footer .nav-link.active {
    color: var(--color-light-1);
    /* Highlight active link */
    font-weight: bold;
}

.description-text {
    font-size: 12px;
}


.lighter-colored-text {
  color: #858585;
}

/* Hintergrundfarbe grau für den Container */

.custom-bg-grey {
    background-color: var(--color-small-switch-2);
}

/* Zentrierung des Containers */

.centered-text {
    display: flex;
    flex-direction: column;
    /* Inhalte untereinander anordnen */
    align-items: center;
    /* Zentriert Inhalte horizontal */
    justify-content: center;
    /* Zentriert Inhalte vertikal */
    text-align: center;
    /* Text horizontal zentrieren */
    height: 100%;
    /* Nimmt die gesamte Höhe des Containers ein */
    margin: auto;
    /* Gleicher Abstand nach oben und unten */
    gap: 1rem;
    /* Optional: Abstand zwischen Absätzen */
}


/* Text-Container für zusätzliche Flexibilität */

.text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Vertikale Zentrierung des Textes */
  text-align: justify;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.row-container {
  /* Vertikale Zentrierung des Textes */
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
}

#navbar-span {
    width: 50%; /*make the default span width smaller for a more centered positioning of navbar links */
}

.nav-links-text > * {
    font-size: x-large; /*larger text size for navbar links */
}

.nav-item {
    margin-left: 20px; /* Spacing between links */
}

.hidden {
    display: none;
}


.quote-container {
    display: flex;  /* Align image and text horizontally */
    align-items: flex-start; /* Align the image with the top of the text */
    gap: 1rem; /* Add some spacing between the image and the text */
}

.quote-img {
    width: 2rem;
    /* Adjust the size of the image as needed */
    height: auto; /* Keep the aspect ratio */
}

.scaled-down-img {
    width: 50%;
    height: auto;
}


.scaled-down-img-2 {
  width: 40%;
  height: auto; 
}

.card-body {
    text-align: left;
}

.move-up {
    margin-top: -15%;
}

.move-down{
  margin-bottom: -50%;
}

.move-right{
    padding-left: 2%;
    z-index: 10;
  }

.arrow-icon {
  max-height: 0; /* Make the arrow disappear on small screens */
}

/* Larger screens: Override the size */
@media (min-width: 768px) {
  .arrow-icon {
    max-height: 80%; /* Custom size for larger screens */
  }
}


.link {
    color: var(--color-matching-gradient-4); /* Default link color */
    font-weight: bold;
}

.link:hover {
    color: var(--color-matching-gradient-6); /* Hover effect */
}


.footer .nav-link:hover {
    color: rgba(255, 255, 255, 0.75); /* Change to a lighter hover color*/
}

.footer .nav {
    display: flex;
    justify-content: center;
    align-items: center; /* Ensure all items, including the image, are vertically centered */
}

.listdt::marker {
    color: var(--color-main); /* Custom color for list markers */
    font-size: 1.2em;
}