/* === Allgemein ===*/

body,
p {
  font-family: Arial, sans-serif;
}

.text_gelb {
  color: #f29400;
}

h1,
h2,
h3,
h4,
h5,
h6
{
  font-family: "Arial, sans-serif";
  color: #f29400;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

h2 {
  font-size: 1.5rem;
  text-align: left;
}

/* Button */

.btn-round {
  border-radius: 30px;
}

/* Farben */

.bg-overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.9);
  position: absolute;
  top: 0;
}

a .text-white:hover,
a.text-white:hover {
  color: #dc3545 !important;
  text-decoration: none;
}

/* Section */

/*
section {
   padding: 140px 0; 
}
*/

/* Hilfsklassen */

.d-relative {
  position: relative;
}

/* === Navigation ===*/

a.nav-link {
  color: #f29400;
}

nav.navbar.navbar-dark button:hover,
nav.navbar.navbar-dark button:focus,
nav.navbar.navbar-dark .nav-link:hover {
  color: #dc3545;
}

.navbar-nav .badge {
  position: absolute;
  left: 25px;
  bottom: 25px;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.navbar-nav .icon-basket {
  line-height: 0.8;
  font-size: 1.5em;
}

/* === Hero ===*/

.hero-bg {
  background: url("images/bg-hero.jpg") 50% 0 fixed no-repeat;
  height: 100vh;
  background-size: cover;
}

#Start .container {
  height: 100%;
}

#Start .row {
  height: 80%;
}

/* === Sektion1 ===*/

.img-bg {
  position: absolute;
  overflow: hidden;
  right: 0px;
  bottom: 0;
  width: 50vw;
}

/* === Footer ===*/

.bg-black {
  background-color: #333;
}

/* === Back to Top Button ===*/
#back-to-top-button {
  display: none;
  position: fixed;
  right: 40px;
  bottom: 40px;
  color: #ccc;
  border-color: #ccc;
}

.b-example-divider {
  width: 100%;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
    inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}