:root {
--primary: #ffffff;
--secondary: #e60005;
--navbar-logo-height: 40px; /* Höhe des Navbar Logos, Breite automatisch */
--navbar-header-bg: #e60005; /* Standard Navbar Farbe für Header */
--navbar-footer-bg: #ffffff; /* Standard Navbar Farbe für Footer */
--navbar-header-link-color: #ffffff; /* Standard Schriftfarbe Header Links */
--navbar-footer-link-color: #000000; /* Standard Schriftfarbe Footer Links */
}


body, html {
min-height: 100vh; /* Mindesthöhe des Bodys = 100% des Viewports */
display: flex;
flex-direction: column;
background: var(--primary);
color: #000000;
}

h1, h2, h3, h4, h5, h6 {
    text-shadow: 2px 2px 5px rgba(150, 150, 150, 0.7);
}


main { flex: 1; }


.bg-danger { background-color: var(--secondary) !important; }


.blur-box {
background: rgba(0,0,0,0.45);
backdrop-filter: blur(6px);
padding: 1.5rem;
border-radius: 12px;
}


/* Navbar Logo anpassen */
.navbar-brand img {
height: var(--navbar-logo-height);
width: auto;
max-width: 100%;
}


/* Mobile Navbar Logo Anpassung */
@media (max-width: 992px) {
.navbar-brand img {
height: calc(var(--navbar-logo-height) * 0.9); /* ggf. kleinere Höhe auf Mobile */
}
}

.navbar-nav {
	--bs-nav-link-color: rgb(230 0 5 / 100%) !important;
    --bs-nav-link-hover-color: rgb(230 0 5 / 75%) !important;
    --bs-nav-link-disabled-color: rgb(230 0 5 / 25%) !important;
}

/* Eigene Navbar-Farben */
.navbar-header {
background-color: var(--primary) !important;
}

/* Scroll-Status */
.navbar-header.navbar-scrolled {
background-color: var(--primary) !important; 
}


.navbar-footer {
background-color: var(--secondary) !important;
}

.navbar-footer .nav-link {
color: var(--primary) !important;
}

.welcome-section {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem;
margin-top: 2rem;
}


.welcome-section img {
margin: 10px 25px 5px 0;
width: auto;
height: auto;
border-radius: 8px;
-moz-box-shadow: 7px 6px 10px #8c8c8c;
box-shadow: 7px 6px 10px #8c8c8c;
}


.kuechenteam-section {
margin-top: 3rem;
}

.footer-link {
  color: var(--primary) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.footer-link:hover {
  color: #adb5bd !important;
  text-decoration: none !important;
}

.header-link {
  color: rgb(230 0 5 / 100%) !important;
  text-decoration: none !important;
  font-weight: bolder;
  transition: color 0.2s ease;
}

.header-link:hover {
  color: rgb(230 0 5 / 75%) !important;
  text-decoration: none !important;
  font-weight: bolder;
}

.text-color-prim {
	color: var(--primary) !important;
}

.text-color-sec {
	color: var(--secondary) !important;
}