@charset "UTF-8";
/*        Projekt:  coaching-lebenslauf.de
              Typ:  CSS-Datei
     Beschreibung:  Grundformate
      Erstellt am:  15.12.2025, Niere
Zuletzt geaendert:  17.12.2025, Niere       */


/* ======================================== */

img { height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; } /* verhindert das Verpixeln im IE beim Herunterskalieren */

:root { --bs-primary-rgb: 114, 191, 53; }

.spruch {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2em;
}

.hgvoll-wald { background-image:url('../assets/img/pic-bg-spruch.jpg');
               background-repeat:no-repeat;
               background-position:center center;
               background-attachment:fixed
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
}

.navbar-light .navbar-brand { color: #72BF35; }

.gruen { color: #72BF35; }
.weiss { color: #ffffff; }

.table { font-size:1.1em; }

li::marker { color: #72BF35; }


.d-flex {
  display: flex !important;
}
.social {
  margin-top: 5rem;
}
.social a {
  text-align: center;
  height: 3rem;
  width: 3rem;
  background: #72BF35;
  border-radius: 100%;
  line-height: 3rem;
  color: white;
  font-size:xx-large;
}
.social a:hover {
  color: black;
}
.social a:active {
  color: #fff;
}




.masthead {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background:  url("../assets/img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.masthead h1, .masthead .h1 {
  font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.8rem;
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.masthead h2, .masthead .h2 {
  max-width: 20rem;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .masthead h1, .masthead .h1 {
    font-size: 4rem;
    line-height: 4rem;
  }
}
@media (min-width: 992px) {
  .masthead {
    height: 100vh;
    padding: 0;
  }
  .masthead h1, .masthead .h1 {
    font-size: 6.5rem;
    line-height: 6.5rem;
    letter-spacing: 0.8rem;
  }
  .masthead h2, .masthead .h2 {
    max-width: 30rem;
    font-size: 1.25rem;
  }
}