@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
/* bootstrap overwrites*/
:root {
    --text-color:#212529;
    --background-color:#fff;
    --bs-primary: #385542;
    --bs-primary-rgb: 56, 85, 66;
    --bs-secondary: #d69e2e;
    --bs-seondary-rgb: 214, 158, 46;
    --bs-font-sans-serif: Roboto, Arial, sans-serif;
    --bs-link-color: #385542;
    --bs-link-hover-color: #212529;
    --bs-link-hover-color-rgb: 33, 37, 41;
    --bs-link-hover-decoration: underline;
}

.navbar-brand img {max-height:100px;}
.nav, .navbar-nav{
    --bs-nav-link-color: #fff;
    --bs-nav-link-hover-color: #fff;
    --bs-link-hover-decoration: underline;
    --bs-nav-link-font-weight: 100;
}
nav#topline {
  font-weight: 100;
}
.nav-link:hover {
  text-decoration: var( --bs-link-hover-decoration);
}

.btn-warning {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: color-mix(in srgb, #d69e2e 85%, black);
}
.btn-primary, .btn-link {
  --bs-btn-active-color: #fff;
  --bs-link-hover-color: #fff;
  --bs-link-hover-decoration: underline;
  --bs-btn-focus-box-shadow: #fff;
}
.btn-secondary {

}
.btn-link:focus-visible {
  color: #fff;
}
.nav-link:focus-visible, a:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .15rem rgba(256, 256, 256, .5);
}
a.btn-warning:focus-visible {
    outline: 2px solid rgba(256, 256, 256, .5);
    outline-offset: 0.25rem;
}
.card a.btn-wirtshaus:focus-visible {
  outline: 2px solid rgba( 214, 158, 46, .75);
  outline-offset: 0.25rem;
}
.card a:focus-visible, .bg-white a:focus-visible  {
  outline: 2px solid rgba(56, 85, 66, .5);
  box-shadow: 0 0 0 .15rem rgba( 56, 85, 66, .5);
}
.bg-white a.text-decoration-none:hover {
  text-decoration: underline !important;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 70px; /* Verhindert, dass die feste Navbar Text verdeckt */
}
.inline-svg {
  max-width: 250px;
  width: 100%;
}
svg {
    /* Deine gewünschte Standardfarbe (Weiß) */
    color: #ffffff;
    width: 300px;
    height: auto;
}
hr {
  width:80px;
}
/* Wenn du die Farbe später ändern willst, z.B. beim Drüberfahren: */
svg:hover {
    color: #ffffff; /* Wird dynamisch rot */
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}
.bg-hero-img {
  background-image: url('../img/hotel-front.jpg');
    height: 400px;
    background-size: cover;
    background-position: center;
}

#logo  { background-image: url('../img/logo.png'), none;background-repeat: no-repeat; background-size: 170px auto; width: 170px; background-position: 0 100%; height:75px;min-width:200px;display:block;}

.text-wirtshaus-gold {
    color: var(--bs-secondary); /* Bier-bs-secondary */
}
.btn-wirtshaus {
    background-color:  var(--bs-primary);
    color: #fff;
    border: 1px solid  var(--bs-secondary);
}
.btn-wirtshaus:hover {
    background-color: #fff;
    color:  var(--bs-primary);
    border: 1px solid var(--bs-secondary);
}

/* Hero / Startbereich */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('../img/hotel-front.jpg') center/cover no-repeat;
    min-height: 40vh;
}