.body-404 {
  height: 100vh;
  background-color: #445458!important;
}

body {
  height: 100%;
}

p {
  color: white;
}

h1 {
  font-size: 90px;
  font-weight: 900;
}

h2 {
  color: white;
  font-weight: 800;
  margin-bottom: 20px;
}

h3 {
  font-weight: 700;
  letter-spacing: 4px;
  color: #d7282f;
  font-size: 20px;
}

.row {
  max-width: 2000px;
  margin: auto;
}

.h3-line {
  border-bottom: 2px solid #d7282f;
  width: 90px;
  margin-top: -22px;
  margin-left: 0px;
}

.un-line {
  margin-left: 205px;
}

.ga-line {
  margin-left: 135px;
}

.vnv-line {
  margin-left: 110px;
}

.index-line {
  border-bottom: 2px solid #ffffff;
  width: 100px;
  margin-top: -22px;
  margin-left: 204px;
}

@media (min-width: 576px) {
  .index-line {
    margin-top: -26px;
    margin-left: 235px;
  }
}

.index-small-titel {
  color: white;
  width: 200px;
  font-size: 20px;
}

@media (min-width: 576px) {
  .index-small-titel {
    width: 260px;
    font-size: 24px;
  }
}

.titels-div {
  margin: auto;
  max-width: 370px;
  margin-top: 15vh;
}

@media (min-width: 576px) {
  .titels-div {
    max-width: 495px;
  }
}

@media (min-width: 768px) {
  .titels-div {
    max-width: 620px;
  }
}

@media (min-width: 992px) {
  .titels-div {
    max-width: 900px;
  }
}

@media (min-width: 1200px) {
  .titels-div {
    max-width: 1000px;
  }
}

.navbar-logo {
  height: 50px;
}

.nav-item {
  margin-left: 60px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  color: rgb(255,255,255);
  font-size: 12px;
  letter-spacing: 3px;
}

.nav-link {
  padding: 0!important;
}

.nav-link:hover, .nav-link.active {
  border-bottom: 2px solid white;
}

@media (max-width: 992px) {
  .nav-link:hover, .nav-link.active {
    border-bottom: none;
    color: #d7282f!important;
  }
}

.text-claim {
  min-height: 500px;
  /*height: 600px;*/
  background-color: rgba(68,84,88,0.99);
}

.navbar {
  padding: 23px 30px;
}

.san-sections {
  background-repeat: no-repeat;
  background-position: bottom;
  margin-left: -1px;
  margin-bottom: -2px!important;
}

#intro {
  background-image: url("../../assets/img/index/werkstatt_mobile.svg");
  background-size: cover;
  background-position: bottom;
  height: 750px;
}

@media (min-width: 992px) {
  #intro {
    background-image: url("../../assets/img/index/werkstatt_desktop.svg");
    height: 900px;
  }
}

@media (min-width: 1744px) {
  #intro {
    background-image: url("../../assets/img/index/werkstatt_4k.svg");
    height: 1000px;
  }
}

@media (min-width: 2238px) {
  #intro {
    background-image: url("../../assets/img/index/werkstatt_4k.svg");
    height: 1200px;
  }
}

#in-section-two {
  background-color: #445458;
  background-image: url("../../assets/img/index/background-waves-01-index.svg");
  height: 200px;
}

@media (min-width: 576px) {
  #in-section-two {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #in-section-two {
    height: 450px;
  }
}

@media (min-width: 1440px) {
  #in-section-two {
    height: 600px;
  }
}

@media (min-width: 2040px) {
  #in-section-two {
    height: 900px;
  }
}

@media (min-width: 3040px) {
  #in-section-two {
    height: 1200px;
  }
}

#in-section-three {
  background-color: #364143;
  background-image: url("../../assets/img/index/background-waves-02-index.svg");
}

@media (min-width: 1400px) {
  #in-section-three {
    height: 750px;
  }
}

@media (min-width: 2225px) {
  #in-section-three {
    background-size: cover;
  }
}

#in-section-four {
  background-color: #2a3334;
  background-image: url("../../assets/img/index/background-waves-03-index.svg");
}

@media (min-width: 2225px) {
  #in-section-four {
    background-size: cover;
  }
}

#in-section-five {
  background-color: #1e2324;
  background-image: url("../../assets/img/index/background-waves-04-index.svg");
}

@media (min-width: 2225px) {
  #in-section-five {
    background-size: cover;
  }
}

#un-intro {
  background-color: #99a8a8;
  background-image: url("../../assets/img/unternehmen/background-waves-03.svg");
}

@media (min-width: 2225px) {
  #un-intro {
    background-size: cover;
  }
}

#un-section-two {
  background-color: #445458;
  background-image: url("../../assets/img/unternehmen/background-waves-02.svg");
}

@media (min-width: 1400px) {
  #un-section-two {
    height: 750px;
  }
}

@media (min-width: 2225px) {
  #un-section-two {
    background-size: cover;
  }
}

#un-section-three {
  background-color: #364143;
  background-image: url("../../assets/img/unternehmen/background-waves-03.svg");
}

@media (min-width: 2225px) {
  #un-section-three {
    background-size: cover;
  }
}

#ga-intro {
  background-color: #99a8a8;
  background-image: url("../../assets/img/gallerie/background-waves-02.svg");
}

@media (min-width: 2300px) {
  #ga-intro {
    background-size: cover;
  }
}

#ga-section-two {
  background-color: #445458;
  background-image: url("../../assets/img/gallerie/background-waves-04.svg");
}

#ko-intro {
  background-color: #99a8a8;
  background-image: url("../../assets/img/kontakt/background-waves-04.svg");
  height: calc(100vh - 205px);
}

@media (max-width: 575px) {
  .un-col-text.erste-kolonne {
    margin-top: 140px;
  }
}

@media (min-width: 300px) {
  .un-col-text {
    padding: 6vh 30px!important;
  }
}

@media (min-width: 768px) {
  .un-col-text {
    padding: 12vh 100px!important;
  }
}

@media (min-width: 300px) {
  .ko-col-text {
    padding-left: 30px!important;
  }
}

@media (min-width: 576px) {
  .ko-col-text {
    padding-left: 100px!important;
  }
}

.ko-row {
  /*display: block;*/
  /*background-color: #445458;*/
  /*width: 100%;*/
  /*margin: 0 auto;*/
  /*height: auto;*/
}

.first-row {
  padding: 0!important;
  width: 100%!important;
}

.sa-btn {
  color: #ffffff!important;
  border: 1px solid #ffffff;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  margin: 30px 0px;
}

.sa-btn:hover {
  color: #d7282f!important;
  border: 1px solid #d7282f;
}

.img-schweisser {
  padding-top: 80px;
}

.un-img-col {
  padding: 50px!important;
}

@media (min-width: 1400px) {
  .un-img {
    max-width: 450px;
  }
}

@media (max-width: 992px) {
  .un-img-col {
    display: none;
  }
}

@media (max-width: 768px) {
  .un-portrait {
    display: none;
  }
}

@media (min-width: 992px) {
  .un-portrait-2 {
    display: none;
  }
}

.un-footer-color {
  background-color: rgb(30,35,36);
}

.in-footer-color {
  background-color: rgb(0,0,0);
}

.ga-footer-color {
  background-color: #2a3334;
}

.footer-line {
  margin-left: 110px;
  margin-top: -13px;
  width: 60px;
}

.footer-kontakt {
  color: #99a8a8;
}

.ko-page {
  color: white;
  display: block;
}

.ko-mail {
  margin-bottom: 20px;
}

.footer-kontakt:hover {
  text-decoration: none;
  color: #d7282f;
}

.footer-infos {
  font-weight: normal;
  display: inline-flex;
}

.footer-titel {
  font-weight: 800;
  letter-spacing: 3px;
}

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

.align-center {
  text-align: center!important;
}

.navbar-toggler {
  color: #ffffff!important;
  border: none;
}

button:focus {
  outline: none;
}

.copyright, .copyright a {
  margin-top: auto;
  color: #fff!important;
}

.py-5 {
  padding-bottom: 200px!important;
}

.text-styling {
  padding: 40px;
  font-size: 20px;
  font-weight: 800;
  color: #99a8a8;
  max-width: 1600px;
  margin: auto;
}

@media (min-width: 768px) {
  .text-styling {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .text-styling {
    font-size: 40px;
    padding: 60px;
  }
}

@media (min-width: 1500px) {
  .text-styling {
    font-size: 56px;
  }
}

@media (max-width: 768px) {
  .desktop-titel {
    display: none;
  }
}

@media (max-width: 992px) {
  .desktop-titel {
    font-size: 60px;
  }
}

@media (min-width: 1200px) {
  .desktop-titel {
    font-size: 100px;
  }
}

@media (min-width: 768px) {
  .mobile-titel {
    display: none;
  }
}

@media (max-width: 576px) {
  .mobile-titel {
    font-size: 70px;
  }
}

@media (max-width: 385px) {
  .mobile-titel {
    font-size: 55px;
  }
}

.footer-middle {
  padding-right: 30px;
}

.last-footer-stuff {
  display: inline-block;
  width: 80px;
  color: #99a8a8;
}

.box-footer {
  padding-bottom: 35px;
  max-width: 203px;
  margin: auto;
}

@media (min-width: 670px) {
  .box-footer {
    max-width: 450px;
  }
}

@media (min-width: 768px) {
  .box-footer {
    max-width: 460px;
  }
}

@media (min-width: 300px) {
  .width-mod {
    max-width: 320px;
  }
}

@media (min-width: 768px) {
  .width-mod {
    max-width: 600px;
  }
}

@media (min-width: 300px) {
  .text-break-width {
    max-width: 320px;
    font-size: x-large;
  }
}

@media (min-width: 576px) {
  .text-break-width {
    max-width: 270px;
    font-size: x-large;
  }
}

@media (max-width: 991px) {
  .navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    text-align: right;
    margin-top: 14px;
  }
}

@media (max-width: 991px) {
  .map-col {
    padding-top: 50px;
  }
}

.map-col {
  text-align: center;
}

.mother-container {
  background-color: #445458;
  padding: 0;
  /*min-height: 100vh;*/
  height: 100vh;
  margin-bottom: -20pc;
}

.vnv-container {
  height: 100vh;
}

.footer-kontaktseite {
  /*position: relative;*/
  background-color: #445458;
  padding-top: 167px;
  padding-bottom: 0;
  margin-bottom: 0;
  overflow: hidden!important;
}

.vnv {
  font-size: 300px;
  margin-top: -84px;
}

@media (max-width: 767px) {
  .vnv {
    font-size: 150px;
    margin-top: 0;
  }
}

.k-container {
  min-height: 100%;
  background-color: #445458;
}

.k-main {
  overflow: auto;
  padding-bottom: 100px;
}

.k-footer {
  background-color: red;
  position: relative;
  height: 100px;
  margin-top: -100px;
}

.maps-b {
  border: 2px solid #d7282f;
  border-radius: 26px;
  color: white;
}

.maps-b:hover {
  border: 2px solid #ffffff;
  border-radius: 26px;
  color: white;
}