@media (prefers-color-scheme: dark) {
  :root {
    --bs-body-bg: #121212;
    --bs-body-color: #f0e6d2;
    --bs-primary: #BEA36A;
    --bs-primary-rgb: 190, 163, 106;
    --bs-secondary: #2a2a2a;
    --bs-link-color-rgb: 255 255 255;
    --bs-btn-color: #121212;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d4b480;
    --bs-emphasis-color-rgb: 190, 163, 106;
    --bs-navbar-color: var(--bs-primary);
    --bs-nav-link-color: var(--bs-primary);
    --bs-tertiary-bg: var(--bs-secondary);
    --bs-link-hover-color-rgb: 255, 255, 255;
    --bs-table-bg-state: var(--bs-secondary);
    --bs-primary-bg-subtle: var(--bs-primary);
    --bs-primary-border-subtle: #ffffff;
    --bs-primary-text-emphasis: #ffffff;
    --bs-border-color: #f0e6d2;
    --bs-table-color: #f0e6d2;
    --bs-table-color-type: #f0e6d2;
    --bs-table-color-state: #f0e6d2;
    --bs-table-bg: #121212;
    --bs-table-striped-bg: #1a1a1a;
    --bs-table-striped-color: #f0e6d2;
    --bs-table-hover-bg: #1e1e1e;
    --bs-table-hover-color: #ffffff;
    --bs-table-border-color: #f0e6d2;
    --bs-dropdown-bg: #1a1a1a;
    --bs-dropdown-color: #f0e6d2;
    --bs-dropdown-border-color: #f0e6d2;
    --bs-border-color-translucent: rgba(240, 230, 210, 0.2);
    --bs-dropdown-link-color: #f0e6d2;
    --bs-dropdown-link-hover-color: #121212;
    --bs-dropdown-link-hover-bg: #d4b480;
    --bs-card-bg: #1e1e1e;
    --bs-card-color: #f0e6d2;
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-border-color-translucent: rgba(240, 230, 210, 0.2);
    --bs-card-header-bg: #2a2a2a;
    --bs-card-header-color: #2a2a2a;
    --bs-card-footer-bg: #2a2a2a;
    --bs-card-footer-color: #f0e6d2;
    --bs-secondary-color: #a89d84;
    --bs-alert-color: red;
    --bs-alert-bg: red;
    --bs-alert-border-color: white;
    --bs-alert-link-color: white;

    --bs-danger-text-emphasis: red;
    --bs-danger-bg-subtle: #750e0e;
    --bs-danger-border-subtle: white;
    --bs-danger-text-emphasis: white;

    --bs-success-text-emphasis: red;
    --bs-success-bg-subtle: #0f5537;
    --bs-success-border-subtle: white;
    --bs-success-text-emphasis: white;

  }

  .btn-primary {
    --bs-btn-color: #121212;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #121212;
    --bs-btn-hover-bg: #d4b480;
    --bs-btn-hover-border-color: #d4b480;
    --bs-btn-focus-shadow-rgb: 190, 163, 106;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.125);
    --bs-btn-disabled-color: #121212;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --my-table-color: #f0e6d2;
    --my-table-bg: #121212;
    --my-table-border: #f0e6d2;
  }

  .navbar {
    background-color: #1e1e1e;
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  }

  .navbar-brand {
    color: #f0e6d2;
  }

  .nav-link {
    color: #f0e6d2;
  }

   .tooltip {
    --bs-tooltip-bg: #d4b480;
    --bs-tooltip-color: #121212;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-arrow-color: #d4b480;
  }

  .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
    color: var(--bs-tooltip-color);
  }

  .tooltip.bs-tooltip-auto .tooltip-arrow::before,
  .tooltip.bs-tooltip-top .tooltip-arrow::before,
  .tooltip.bs-tooltip-bottom .tooltip-arrow::before,
  .tooltip.bs-tooltip-start .tooltip-arrow::before,
  .tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-color: var(--bs-tooltip-arrow-color);
  }

  .table > :not(caption) > * > * {
    color: var(--my-table-color) !important;
    background-color: var(--my-table-bg) !important;
    border-color: var(--my-table-border) !important;
  }

  .dropdown-menu {
    background-color: var(--bs-dropdown-bg);
    color: var(--bs-dropdown-color);
    border: 1px solid var(--bs-dropdown-border-color);
  }

  .dropdown-menu .dropdown-item {
    color: var(--bs-dropdown-link-color);
  }

  .dropdown-menu .dropdown-item:hover,
  .dropdown-menu .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
  }

  .card {
    background-color: var(--bs-card-bg);
    color: var(--bs-card-color);
    border: 1px solid var(--bs-card-border-color);
  }

  .card-header,
  .card-footer {
    background-color: var(--bs-card-header-bg);
    color: var(--bs-card-header-color);
    border-bottom: 1px solid var(--bs-card-border-color-translucent);
  }

  .card-footer {
    border-top: 1px solid var(--bs-card-border-color-translucent);
    border-bottom: none;
  }

  .accordion-button {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f0e6d2' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  }

  .form-select {
     --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f0e6d2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --bs-body-bg: white;
    --bs-body-color: #212529;
    --bs-primary: #DED0B6;
    --bs-primary-rgb: 214, 189, 152;
    --bs-primary-rgb: 166, 146, 117;
    --bs-secondary: #FDF7E4;
    --bs-link-color-rgb: 0 0 0;
    --bs-btn-color: #DED0B6;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #BEA36A;
    --bs-emphasis-color-rgb: 214, 189, 152;
    --bs-navbar-color: var(--bs-primary);
    --bs-nav-link-color: var(--bs-primary);
    --bs-tertiary-bg: var(--bs-primary);
    --bs-link-hover-color-rgb: 214, 189, 152;
    --bs-table-bg-state: var(--bs-primary);
    --bs-primary-bg-subtle: var(--bs-primary);
    --bs-primary-border-subtle: #000000;
    --bs-primary-text-emphasis: #000000;
    --bs-border-color: #6c5e47;
    --bs-dropdown-bg: #ffffff;
    --bs-dropdown-color: #212529;
    --bs-dropdown-border-color: #6c5e47;
    --bs-border-color-translucent: rgba(108, 94, 71, 0.175);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #000000;
    --bs-dropdown-link-hover-bg: #fdf7e4;
    --bs-card-bg: #ffffff;
    --bs-card-color: #212529;
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-border-color-translucent: rgba(108, 94, 71, 0.175);
    --bs-card-header-bg: #FDF7E4;
    --bs-card-header-color: #212529;
    --bs-card-footer-bg: #FDF7E4;
    --bs-card-footer-color: #212529;
    --bs-secondary-color: #6c757d;

    --bs-danger-text-emphasis: red;
    --bs-danger-bg-subtle: #b73333;
    --bs-danger-border-subtle: black;
    --bs-danger-text-emphasis: white;

    --bs-success-text-emphasis: red;
    --bs-success-bg-subtle: #15734b;
    --bs-success-border-subtle: black;
    --bs-success-text-emphasis: white;


  }

  .btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #BEA36A;
    --bs-btn-hover-border-color: #BEA36A;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: #var(--bs-primary);
  }

  .navbar {
    background-color: white;
    box-shadow: 5px 0 10px rgba(0,0,0,.2);
  }

  .navbar-brand {
    color: black;
        }

        .nav-link {
          color: black;
        }

        .tooltip {
    --bs-tooltip-bg: #BEA36A;
    --bs-tooltip-color: #000;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-arrow-color: #BEA36A;
  }

  .tooltip-inner {
    background-color: var(--bs-tooltip-bg);
    color: var(--bs-tooltip-color);
  }

  .tooltip.bs-tooltip-auto .tooltip-arrow::before,
  .tooltip.bs-tooltip-top .tooltip-arrow::before,
  .tooltip.bs-tooltip-bottom .tooltip-arrow::before,
  .tooltip.bs-tooltip-start .tooltip-arrow::before,
  .tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-color: var(--bs-tooltip-arrow-color);
  }

  .dropdown-menu {
    background-color: var(--bs-dropdown-bg);
    color: var(--bs-dropdown-color);
    border: 1px solid var(--bs-dropdown-border-color);
  }

  .dropdown-menu .dropdown-item {
    color: var(--bs-dropdown-link-color);
  }

  .dropdown-menu .dropdown-item:hover,
  .dropdown-menu .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
  }

 .card {
    background-color: var(--bs-card-bg);
    color: var(--bs-card-color);
    border: 1px solid var(--bs-card-border-color);
  }

  .card-header,
  .card-footer {
    background-color: var(--bs-card-header-bg);
    color: var(--bs-card-header-color);
    border-bottom: 1px solid var(--bs-card-border-color-translucent);
  }

  .card-footer {
    border-top: 1px solid var(--bs-card-border-color-translucent);
    border-bottom: none;
  }
}


@font-face {
  font-family: 'Montserrat';
  src: url('/styles/fonts/montserrat-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/styles/fonts/montserrat-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body:not(.loaded) .modeloverlay {
  display: none;
}

a:not(.alert-link) {
  text-decoration: none;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

svg {
  vertical-align: -.125em;
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-primary);
  color: #2a2a2a;
}

.accordion-button:focus {
  box-shadow: none;
}

.form-control:focus, .form-select:focus {
  border-color:  var(--bs-primary);
  box-shadow: 0 0 0 .25rem var(--bs-primary);
}

.hover  {
  background: rgba(24,24,24,.85);
  bottom: -1px;
  left: -1px;
  line-height: 2rem;
  opacity: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  transition:
  all 0.3s ease;
}

.modelpic h2  {
  text-transform: uppercase;
  font-size: 1.25rem;
  color: var(--bs-primary);
  margin-top: 20px;
}

.modelhovereffect {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.modelhovereffect .modeloverlay {
  position: absolute; 
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none !important;
  transform: scale(0, 1);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.modelhovereffect img {
  border: 3px solid;
  border-radius: 10px;
}

@media (min-width: 992px) {
  .modelhovereffect:hover .modeloverlay {
    display: block !important;
    opacity: 1;
    transform: scale(1);
  }

  .modelhovereffect:hover img {
    filter: brightness(0.3);
    -webkit-filter: brightness(0.3);
  }
}

/* Entfernt: opacity 0 auf <a>, damit overlay nicht versehentlich betroffen ist */

.modelhovereffect .modelinfo {
  border: 0;
  padding: 0 1rem;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
} 

.modelhovereffect .modelinfo .line {
  color: var(--bs-primary);
  border-bottom: 1px solid var(--bs-primary);
}

.modelhovereffect .modelinfo .line:last-child {
  border: 0;
}

body {
  font-family: 'Montserrat', sans-serif;
    
padding-top: 60px;

}

h1, h2, h3, h4, .navbar-brand {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.title  {
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.title .head {
  position: relative;
  display: inline-block;
  padding-left: 45px;
  padding-right: 45px;
  position: relative;
  margin-bottom: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  letter-spacing: 1px;
  font-size: 2.5rem;
}

.title .head:after {
  background: #9c9057;
    background-color: rgb(156, 144, 87);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    left: auto;
    right: 0;
}

.title .head:before {
  background:
  #9c9057;
      background-color: rgba(156, 144, 87);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
}

.nav-pills .nav-link.active {
color: var(--bs-body-color);
background: var(--bs-primary);
}

.nav-pills .nav-link:hover {
  color: var(--bs-body-color);
  background-color: var(--bs-btn-hover-bg);
  }

  .nav-link:hover {
    color: var(--bs-btn-hover-bg);
    }

.nav-pills .nav-link {
  color: var(--bs-body-color);
  border-radius: 0px;
  }

  .nav-pills {
    gap: 1px;
    }


.thumb-box {
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--bs-primary);
      border-radius: 0.25rem;
      overflow: hidden;
    }

    .thumb-box img {
      max-width: 95%;
      height: 95%;
      object-fit: contain;
    }


    video {
      width: 100%;
      height: auto;
      display: block;
    }

.set--image {
  position: relative;
}

.set--image img, .image--border {
  border: 3px solid;
  border-radius: 10px;
}

.set--icon  {
  position: absolute;
  top: 0px;
  left: 0px;
  background: var(--bs-body-color);
  padding: 5px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 10px;
  color: var(--bs-body-bg);
}

.text-shadow  {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, -2px 0px 0 #000, 2px 0px 0 #000, 0px -2px 0 #000, 0px 2px 0 #000;
}

.alert-sticky  {
  position: sticky;
  z-index: 1;
  top: 60px;
}

table tr:last-child td {
  border-bottom: none;
}

.tab-content {
  min-height: 300px; /* Beispielwert anpassen */
}

.image--set {
  aspect-ratio: 3 / 2;
  height: auto;
}

.image--banner {
  width: 100%;
  max-width: 400px;
}