body { margin:0; padding:0; background-color: #000; word-break: break-word;}

h1 {2.2em;}
h2 {2em;}
h3 {1.8em;}
h4 {text-transform: uppercase; color: #fff; font-size: 1.5em; margin-top: 15px; margin-bottom: 20px;}
p {color: #fff; font-size: 0.8em;}

.button-link:hover {background-color: #c6c6c6; border:0; width: 100%; padding: 5px; margin-left: auto; margin-right: auto; color: #2d2d2d; text-decoration: none;}
.button-link {background-color: #2d2d2d; border:0; width: 100%; padding: 5px; margin-left: auto; margin-right: auto; color: #fff; text-decoration:none;}

/* NAViGATION */
.nav-logo {position: absolute; z-index:1; left: 100px; top: 20px; border-color: #fff; border-width: 3px; border-style: solid; border-radius: 15px; width: 200px; display: flex;}
.bg-dark {background-color: #2d2d2d !important;}
.nav-center {width: 100%; justify-content: space-between;}
.navheight {height: 60px;}

/* NAVIGATION END */

/* CONTENT */

.section-1 { background-color: #2d2d2d !important; height: 250px; text-align: center; align-items: center; justify-content: center; display: flex;}
.quote {color: #fff; font-size: 2.1em;}
.quote-under {color: #6c757d; font-size: 1.5em;}

.section-2 { padding-top: 100px; padding-bottom: 70px; background-color: #000;}
.ref-img-item {width: 300px; border-radius: 15px;}
.garagebild {width: 88%;}

.section-3 {background-color: #2d2d2d !important; height: auto; padding-top: 50px; padding-bottom: 50px; text-align: center; align-items: center; justify-content: center; display: flex;}

.section-4 {background-color: #000; height: auto; padding-top: 50px; padding-bottom: 30px; text-align: center; align-items: center; justify-content: center; display: flex;}
.outlines {width: 150px; margin-bottom: 30px;}
.socialtext {padding-right: 20px;}

.section-5 {background-color: #000; height: 500px; margin-top: 20px;  text-align: center; align-items: center; justify-content: center; display: flex; overflow: hidden;}
.footer-img {background-image: url("../img/footer.jpg"); background-size: cover; width: 100vw; height:1200px;}

.datenschutz h1, h2, h3 {color:#fff;margin-bottom: 20px;}

.ref-img{
  height: 350px;
}

/* CONTENT END */


/* FOOTER */
.footer {background-color: #2d2d2d; height: auto; bottom: 0;}
.footer a {color:#fff; text-decoration: none;}
/* FOOTER END */

/* ANIMATION */
.slides {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position:absolute;
  left:18%;

}
.animate-fade {

  animation: animatefade 5.0s infinite;
}
@keyframes animatefade {
  0% { opacity:0 } 50% { opacity:1 } 100% { opacity: 0 }
}

.animate-fadeout {

  animation: animatefadeout 5.0s infinite;
}

@keyframes animatefadeout {
    0% { opacity:1 } 50% { opacity:0 } 100% { opacity: 1 }
}

.bu {position: relative;;}
/* BREAKPOINTS */
@media (max-width: 800px){

  h1 {1.2em !important;}
  h2 {1em !important;}
  h3 {0.8em !important;}
  h4 {0.6em !important;}

  p {font-size: 13px;}

  .margin-mobile {margin-top: 50px;}

  .navheight {height: 35px;}

  .socialtext {padding-right: 0;}

  .navbar-toggler {padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; margin-left: 85%;}

  .nav-logo {position: absolute; z-index: 1; left: 20px; top: 10px; border-color: #fff; border-width: 2px; border-style: solid; border-radius: 4px; width: 100px; display: flex;}

  .nav-item {text-align: right;}

  .carousel-control-next-icon {display: none;}

  .quote {font-size: 23px;}

  .quote-under {font-size: 15px;}

  .section-1 {height: auto;}

  .section-2 {padding-top: 50px; padding-bottom: 50px;}

  .section-3 {padding-top: 11px; padding-bottom: 11px;}

  .section-4 {height: auto;padding-bottom: 0px;}

  .section-5 {height: auto; margin-top: 0px;}

  .ref-img-item {width: 220px;}

  .footer p {font-size: 12px;}

  .footer-img {background-image: url(../img/footer.jpg); background-size: 100%; height: 200px; background-repeat: no-repeat; background-position: center;}

  .garagebild {width: 100vw; text-align: center;}

  .mobilewidth {padding: 0px;}

  .outlines {width: 85px;}

  .bu {position: relative;}

  .slides{left: 21%;}

  .datenschutz-hl {font-size: 2em !important;}

  .ref-img{
    height: 230px;
  }
}

/* BREAKPOINTS END */