/* =========================================
   Cassiopeia – eigenes Theme
   ========================================= */

/* Grundfarbe der Website */
body {
    background: #ffffff;
    max-width: 1250px;
    margin: 0 auto;
}


/* =========================================
   HEADER
   ========================================= */

.container-header {
    position: relative;
    background-color: #ffffff;

    /* Dein Headerbild */
    background-image: url("../images/weg_kurvig4.jpg");

    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    /* Falls das Bild kleiner als der Bereich ist */
}

.container-header .site-description {
  color: black;
  font-size: 45px;
  margin: 0 70px 0 40px;
}

.grid-child {
  padding: 0 !important;
}
/* =========================================
   INHALTSBEREICH
   ========================================= */

.site-grid {
    background-color: #ffffff;
}


/* =========================================
   LINKS
   ========================================= */

a {
    color: var(--cassiopeia-color-link);
}


/* =========================================
   BUTTONS
   ========================================= */

.btn-primary {
    background-color: var(--cassiopeia-color-primary);
    border-color: var(--cassiopeia-color-primary);
}

.navbar-brand {
  width: 800px;
  max-width: 70vw;
  padding: 40px 3%;
  margin-left: 0px;
  color: black;
  font-size: 12px;
  background-image: linear-gradient(90deg, white 50%, transparent);
}

.navbar-brand img {
  width: 100px;
}

@media (max-width: 700px) {
  .navbar-brand span.header1 {
    /* padding-left: 10px; */
  }
}