:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;

  --schmoerholm-red: #be0a26;
}

/* Padding wegen Fixed-Navbar */
body {
  min-height: 75rem;
  padding-top: 4rem;
  position: relative;
}

img.team {
  width: 250px;
  -webkit-box-shadow: 0px 5px 5px 0px #adb5bd;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

.row {
  width: 100%;
}

.carousel-indicators li.active {
  background-color: var(--schmoerholm-red);
}

html {
  scroll-behavior: smooth;
}

.map {
  height: 50vh;
}

section {
  scroll-margin-top: 60px;
}

.redBreak {
  background-color: var(--schmoerholm-red);
  height: 1px;
}

.navbar {
  border-bottom: 1px solid var(--schmoerholm-red);
}

.nav-link {
  font-weight: 500;
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 10rem;
  background-size: cover;
  background-position: center 70%;
}

ul.list-group-flush li {
  background-color: transparent;
}

h2 {
  color: var(--schmoerholm-red);
}

.business-hours li {
  color: #888;
  line-height: 15px;
}

.opening-hours li.today {
  color: var(--schmoerholm-red);
  font-weight: 625;
}

div.opening-hours {
  display: flex;
}

div.opening-day {
  width: 50%;
  float: left;
  height: 40px;
  line-height: 40px;
}

.opening-time-double {
  width: 50%;
  float: right;
  text-align: right;
  height: 40px;
  line-height: 20px;
}

div.opening-time-single {
  width: 50%;
  float: right;
  text-align: right;
  height: 40px;
  line-height: 40px;
}

address {
  margin-bottom: 0;
}

.page-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px;
}

.carousel-item img {
  width: 100%;
  height: 50vh;
  object-fit: cover;
  object-position: center center;
}