/*
 * Globals
 */

:root {
    --rr-green-dark: #163020;
    --rr-green: #31572c;
    --rr-accent: #ecf39e;
}



/* Custom default button */
/*
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` 
} */
.btn-light,
.btn-light:hover,
.btn-light:focus {
    color: var(--bs-dark);
    text-shadow: none;
}


/*
 * Base structure
 */

/*body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}
*/
body {
    /*color: var(--bs-body-color); 
    background-color: var(--bs-body-bg); */
    background-color: var(--rr-green-dark);
    color: #fff;

    text-shadow: 0 .05rem .1rem var(--bs-secondary-color);
    box-shadow: inset 0 0 5rem rgba(0, 0, 0, .15);

    transition:
        background-color .3s ease,
        color .3s ease;

    /* Für Später mit Hintergrundbild: 
    background:
    linear-gradient(
      rgba(22,48,32,.75),
      rgba(22,48,32,.75)
    ),
    url("assets/images/background.jpg");

    background-size: cover;
    background-position: center;
    */

    min-height: 100vh;
    
}

.cover-container {
    max-width: 42em;
}


/*
 * Header
 */

/* 
.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .25rem solid transparent;
} */
.nav-masthead .nav-link {
    color: var(--bs-secondary-color);
    border-bottom: .25rem solid transparent;
}

/*
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}*/
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    color: var(--bs-body-color);
}

/*
.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}*/
.nav-masthead .active {
    color: var(--bs-body-color);
    border-bottom-color: currentColor;
}


.nav-masthead .nav-link+.nav-link {
    margin-left: 1rem;
}



.rr-logo {
    width: min(35vw, 140px);
    height: auto;
}


.rr-slogan {
  color: var(--rr-accent);
  font-weight: 600;
  letter-spacing: .03em;
}

.rr-content {
    padding-top: 1rem;
    padding-bottom: 4rem;
}


.rr-footer {
    color: rgba(255,255,255,.6);
    font-size: .9rem;
}

.footer-link {
    color: #fff;
    text-decoration: none;
}

a {
    color: #fff;
    /*text-decoration: none; */
    transition: color .2s ease;
}

a:hover,
a:focus,
.footer-link:hover {
    color: var(--rr-accent) !important;
}