/* fonds */
@font-face {
  font-family: 'Figtree-ExtraBold';
  src: url(/assets/fonts/Figtree-ExtraBold.ttf);
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url(/assets/fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url(/assets/fonts/Roboto-Regular.ttf);
}
/* ------------- */
.navbar-custom .navbar-nav {
  display: flex;
  flex-direction: row; 
  align-items: center; 
}

.navbar-custom .navbar-brand, .navbar-custom .nav-link {
    color: white !important; 
}

.navbar-custom .navbar-nav {
    margin: 0 auto !important; /* zentriert die Links */
}

.navbar-custom .nav-item {
    margin-left: 20px;  /* Abstand zwischen den Links */
    font-family: 'Roboto-Medium';
}

.navbar-custom .nav-item:first-child {
    margin-left: 0;  
}

.navbar-custom .navbar-nav .icon-item {
    margin-left: 15px;  /* Abstand zwischen den Icons */
}

.navbar-custom .navbar-brand img {
    height: 80px; 
    display: block;
    margin: auto;  
    margin-left: 250px;;
}
.navbar-custom {
    height: 80px;  
    padding: 0;  
}
.com-items {
    display: flex;
    margin-right: 250px;
    /* color: white !important;  */
}
/* navbar einstellungen bis hier */

.background-image, .black-background, .anfahrt{
    padding-left: 2rem;
    padding-right: 2rem;
    
}

.background-image {
    background-image: url('../img/website-bg.jpg');
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    height: 110vh; 
    position: relative; 
    width: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;   
}
.background-image img{
    width: 50vw;
    margin-bottom: 2vh;
}
.background-image h1{
    font-size: 2.5rem;
}
.yellow-line {
  /* position: absolute;   */
  margin-left: -29rem;
  width: 35rem;
  height: 6px; 
  background-color: yellow;
  /* margin-left: 24%; */
  margin-top: 1.4vw;
}

/* .content {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%); 
    text-align: center; 
    width: 100%;
    padding: 20px;  
} */

/* .content img {
    width: 650px; 
    display: block;
    margin: 0 auto; 
    max-width: 42%;
  height: auto;
} */

/* .content p {
    font-weight:200;
    font-style: normal; 
    font-family: 'Roboto-Regular';
    font-size: 135%;
} */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Figtree-ExtraBold';
}
/* .content h1{
  margin-top: 1.5vw;
  font-size: 300%;
} */

.black-background {
    background-color: #22252a;
    padding: 50px 0; 
    text-align: center; 
}

.black-background img {
    max-width: 90%; 
    margin-top: 3vw;
    margin-bottom: 3vw;
    max-height: 40rem; 
}
/* .mietobjekte {
    color: white;
    text-decoration: underline;
    text-decoration-color: yellow;
}
.building .bi-building-check{    
    fill:white;
    height:6%;
    width:6%;
    margin-top: 50px;
}
.building .bi-building-dash{    
    fill:yellow;
    height:7%;
    width:7%;
    margin-top: 50px;
}
.freie_objekte{
    color:white;
    margin-top: 50px;
} */
.kontakt{
    display: flex; 
    background-color: #f9f9f9;   
}
.buro_zeiten{        
    align-items: center;      
    justify-content: center;
    margin-left: 14vw;
    margin-top: 8vw; 
    font-size: larger;    
}
.wochentage, .adress{
  margin-bottom: 2rem;
  font-family: 'Roboto-Regular';
  font-size: 120%;
  /* margin-top: 1.5vw; */
  /* font-weight: lighter; */
}
.kontakt_daten{
  font-family: 'Roboto-Regular';
  font-size: 120%;
}
.yellow_underline{
    text-decoration: underline;
    text-decoration-color: yellow;
    text-underline-offset: 0.5vw;
    font-size: 2.5rem;
    margin-bottom: 2.1vw;
      
}
.anfahrt{    
    /* align-items: center;      
    justify-content: center; */
    margin-top: 8vw;
    text-align: center;    
}
.anfahrt iframe{
    /* margin-top: 30px; */
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.anfahrt {
    position: relative;
    /* overflow: hidden; */
    padding-bottom: 10%; 
  }
   
html {
    scroll-behavior: smooth;
  }
  
.footer {
    background-color: black;
    padding: 50px 0; 
    text-align: center; 
    position: relative; 
    width: 100%; 
}

.footer-link {
    color: white; 
    margin: 0 10px; 
    text-decoration: none; 
    font-size: 16px; 
}

.footer-link:hover {
    color: yellow; 
}
.footer-logo {
  display: block; 
  margin: 0 auto; 
  max-width: 250px;  
  padding-bottom: 15px; 
  /*filter: invert(100%) brightness(2);*/
  /* filter: grayscale(100%) brightness(2); */
  max-width: 200px;
}
.footer span{
  color:white; 
  font-size:small; 
  font-weight:lighter;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    text-align: center;
    z-index: 1000; /* Damit es oben auf anderen Elementen erscheint */
    display: none; /* Standardmäßig versteckt */
}