:root {
  --tg-gray: #bfbfbf;
  --tg-gay-light: #bababa;
  --tg-rot: #c20e1aff;
  --tg-text: #000;
  --tg-grau-dark: #464646;
  --tg-text-hell: #fff;
  --tg-bg: #c20e1aff
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

h1 {
  color: var(--tg-rot);
}

 h2, h3, h4, h5, h6 {
  color: var(--tg-text);
}

.carousel-inner h1 {
  font-size:4rem;
  color:var(--tg-rot);
  text-shadow: 3px 3px white;
}

/*Navbar*/
.navbar-brand img {
  max-height: 80px;
}
a{text-decoration:none;}
a, .nav-link {
  color: var(--tg-grau-dark);
}

  a:hover, .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--tg-rot);
  }
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: var(--tg-rot) !important;
  border-color: var(--tg-rot) !important;
}
  
#Stage{margin-top:108px; padding:0}

/*Slideshow*/
.slayer {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 70px;
}
#StageContent_sSlider{padding:0;}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
  max-width: 280px;
}


.contactInfo{
  background-color:var(--tg-rot);
  color:var(--tg-text-hell);
  font-size:1.8em;
  padding:15px;
}
  .contactInfo a{ color:var(--tg-text-hell)}

  div.companyInfo {
    padding: 14px 25px;
    background-color: var(--tg-gay-light);
  }

  #partner li{float:left;}

div.companyInfo p {
    color: var(--tg-text-hell);
    font-size: 1.2em;
  }

.bg-main {
  background-image: url(/images/HG2.jpg);
  margin: 0;
  background-color: #DDDDDD;
}
.footer {
  margin-top:0px;
  padding:0;
  color: var(--tg-gay-light);
  border-top: solid 30px var(--tg-rot);
  background-color: var(--tg-grau-dark);
}

.footer p{margin-bottom:0;
         padding-bottom:1.2rem;
}

.footer ul.footerNav {
  list-style: none;
  width: auto;
  float: left;
  /*margin: 0 50px 0 0;*/
}

.footert ul.footerNav li {
}
.footer ul.footerNav li:hover {
  background-color: var(--tg-rot);
}

.footer ul.footerNav li a, .footer a {
  color: var(--tg-gay-light);
  text-decoration:none;
  padding: 8px;
  display: block;
  width: auto;
  letter-spacing: 1px;
}
.footer a {
  display:inline;
}

a.link, a.link2 {
  color: var(--tg-grau-dark);
  font-weight: 700;
}
a.link::before {content:'>> ';
}
  a .link:hover, .link2:hover {
    color: var(--tg-rot)
  }

  .footer ul.footerNav li a:hover, .footer a:hover {
    color: white;
  }

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  .body-content {
        padding: 0;
    }
}

@media screen and (min-width: 992px) {
  .logosVerbaende{
    width:100%;
  }
}