/* Farben */

:root {
    /* Primärfarben */
    --prime1: #00321d; /* Tanne */
    --prime2: #811244; /* Kirsche */
    --prime3: #fff5e8; /* Creme */
    --prime4: #f38841; /* Kupfer */

    /* Sekundärfarben */
    --secondary1: #f38841; /* Blaubeer */
    --secondary2: #f38841; /* Erdbeer */
    --secondary3: #C51B68; /* Himbeer */
    --secondary4: #440E58; /* Brombeer */

    /* Hintergrundfarben */
    --background1: #b08577;
}

body {
    /*background-color: var(--background1) !important;*/
    background: linear-gradient(rgba(176,133,119,0.7), rgba(176,133,119,0.7)),url("/static/images/paper.7115350d8365.png");
    background-repeat: repeat;
    background-size: 500px;
}


.hero-section {
    height: 100vh; /* Höhe des Hero */
    width: 100%;
    overflow: hidden; /* Falls Bild etwas größer skaliert */
}

.hero-container {
    height: 100%;
    width: 100%;
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Bild füllt Hero, ohne zu verzerren */
    display: block;    /* Entfernt kleine Inline-Abstände */
}
 
.navbar-transparent {
    background-color: rgba(255, 255, 255, 0); /* komplett transparent */
    transition: background-color 0.3s ease;
}

.navbar-transparent.scrolled {
    background-color: rgba(255, 255, 255, 0.85); /* optional: leichter Hintergrund beim Scrollen */
}

.logo-scrolled {
  display: none;
}

.navbar-transparent.scrolled .logo-default {
  display: none;
}

.navbar-transparent.scrolled .logo-scrolled {
  display: inline;
}
.text-berry {
    color: var(--prime2);
}

.bg-creme {
    background-color: var(--prime3);
}

.text-creme {
    color: var(--prime3);
}
a {
    color: var(--prime2);
}

 @media only screen and (max-width: 600px) {



 }

 
 
 
 @media only screen and (min-width: 768px) {



 }
 
 
 @media only screen and (min-width: 992px) {



 }
 
 @media only screen and (min-width: 1200px) {



 } 

 @media only screen and (min-width: 1600px) {


 } 

 @media only screen and (min-width: 1900px) {




 }