/* Schrift aus Google importieren - Gehe auf fonts.google.com, wähle eine Schrift aus und suche dort den Import Befehl */

@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

:root {
  --cassiopeia-color-primary: #625E41;
  --cassiopeia-color-hover: #494631;
  --cassiopeia-color-link: #35393C;
}


/* Schrift auf der Seite nutzen: Auf Google findest du auch die CSS Anweisung für die Nutzung der Schrift. Wenn du diese in das body element einfügst dann wird die Schrift auf der ganzen Webseite genutzt. */


body {
  font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: 600;
}

/* Kleinerer Banner */
.container-banner .banner-overlay {
  height: 50vh;
}

/* Logo Design */

.container-header .navbar-brand a {
  text-decoration: none;
  font-weight: bolder;
}

.container-header .navbar-brand a img{
  max-width: 40%;
}

.container-banner .banner-overlay .overlay .text-thin {
  font-weight: bolder;
}