html, body {
  overflow-x: hidden;
}

.parallax-window {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.parallax-img {
  position: absolute;       
  top: 0;
  left: 50%;                
  transform: translateX(-50%);
  width: 110%;              
  height: auto;
  min-height: 100%;
  object-fit: cover;
  will-change: transform;
}

.stoerer {
  position: absolute;
  bottom: -70px;   
  right: 250px;    
  width: 220px; 
  height: 220px;
  background: url("/stoerer/Stoerer_Normal.svg") no-repeat center/contain;
  display: block;
}

.stoerer:hover {
  background-image: url("/stoerer/Stoerer_Hover.svg");
}

.sansation-light {
  font-family: "Sansation", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.sansation-regular {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-110 {
  font-size: 110px;
}
.font-color-lightgrey {
  color: #808080;
}
.font-40 {
  font-size: 40px;
}
.sansation-bold {
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sansation-light-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.sansation-regular-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.sansation-bold-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  font-style: italic;
}

body {
  font-family: "Open Sans", sans-serif;
}


.navbar-nav {
  display: flex;     
  gap: 25px; 
}

.navbar {
  z-index: 10; 
  width: 100%;
  position: absolute;
  --bs-navbar-padding-y: 2rem !important;
  background-color: rgba(255, 255, 255, 0.90) !important;
}

.navbar a {
  font-size: 20px;
}
.navbar-brand img{
    max-width: 300px;
}

.nav-item {
  color:#6c757d;
  font-weight: 700;
  font-size: 25px;
}

.portrait-img {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin-top: 1.5rem;
}

.hero-title {
  font-size: 6vw;
  font-weight: 650;
  margin-bottom: 1rem;
}

.light-bg {
  background-color: #f2f3f1;
}
.header-img img{
  max-height: 1000px !important;
  object-fit: cover;
}
.hero-subtitle {
  font-size: 30px !important;
  line-height: 36px;
  color: #6c757d;
  font-weight: 600 !important;
  text-align: left;
}


.section-spacing {
  margin-top: 14rem;   
  margin-bottom: 4rem; 
}

.leistungen-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; 
  gap: 2rem; 
}


.beratung-img {
  width: 100%;
  height: auto;
  object-fit: cover; 
  display: block;
}

.beratung-title {
  font-size: 2.2rem;
  font-weight: 650;
  
}

.hero-beratung {
  font-size: 30px !important;
  color: #6c757d;
  font-weight: 600 !important;
}

.beratung-list {
  list-style-type: disc;
  padding-left: 1.2rem;
  margin-top: 0.75rem;
}
.text-footer {
  font-size: 14px;
  color: #f2f3f1 !important;
}
.beratung-list li {
  font-weight: 600;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.h-text {
  font-size: 30px;
}
.li-size {
  font-size: 18px;
}
.section-background-darkgrey {
  background-color: #4a4a49;
  color: #fff;
}

.section-background-darkgrey h5 {
  margin-bottom: 30px;
}

.section-before-after {
  background-color: #f2f3f1;
}

.text-white {
  color: #fff;
}

.beratung-list li {
  font-weight: 600;  
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.container-fluid {
    --bs-gutter-x:0 !important;
}

.subtitle {
  font-size: 30px;
  font-weight: 650;
  color: #6c757d;
  text-align: center; 
}
.bg-color {
  background: rgb(204, 163, 0);
}
.text-color {
  color: rgb(204, 163, 0);
}
.nowrap {
  white-space: nowrap;
}
.welcome-title {
  margin-top: 2.5rem;
  font-size: 25px;
  color: #6c757d;
  font-weight: 650;
}
.name {
  color: #6c757d;
}
.btn:hover {
  --bs-btn-hover-bg: rgb(204, 163, 0);
}

.btn {
  background: rgb(204, 163, 0);
  font-size: 20px;
  --bs-btn-border-color: none;
  --bs-border-radius: none;
}

.ml-text {
  font-size: 70px !important;
  font-weight: 650;
}
.sum-text {
  font-size: 40px;
  font-weight: 650;
}
.sum-text.color {
  color: #808080;
}
.leistungen-grid > div {
  margin-top: 25px;
  margin-bottom: 25px;
}
.font-color-lightgrey h5{
  margin-bottom: 30px;
}
.line {
  border: none;
  background-color:rgb(204, 163, 0);      
  height: 4px;           
  margin: 2rem 0;   
}     
.beratung-text {
  font-size: 56px;
  font-weight: 600;
  
}

.title-size {
  font-size: 56px;
  font-weight: bold;  
}
.text-size {
  color:#808080;
  font-size: 18px;
}
.title {
  line-height: normal;
  font-size: 70px;
  font-weight: 650;
  margin-bottom: -1rem;
}
.p-text {
  color:#6c757d;
  font-size: 18px;
}

a.link-color {
  color:black;
  text-decoration: none;

}
li::marker {
  color: rgb(204, 163, 0);  
}

.nav-link {
  color: #808080;
}

.btn {
  padding: 5px 40px;
  letter-spacing: 3px;
}

@media (max-width: 576px) {
  .hero-title {
    font-size: 40px;
  }
  .hero-subtitle {
    font-size: 18px;
    line-height: 28px;
  }
  .portrait-img {
    width: 180px;
    height: 180px;
  }
  .leistungen-grid {
    grid-template-columns: 1fr; 
  }
  .stoerer {
    right: 20px;
    bottom: -40px;
    width: 120px;
    height: 120px;
  }
    .nowrap {
    white-space: normal;
  }
  .title {
  line-height: normal;
  font-size: 55px;
  font-weight: 650;
  margin-bottom: -1rem;
}
}
img, .portrait-img, .beratung-img {
  max-width: 100%;
  height: auto;
}
.footer-logo img {
  max-width: 80%;
  height: auto;
  display: block;
  padding-right:15px;
}