@media all and (max-width: 799px) {
  
  
  


.menue__menue-punkt--menue1,
.menubalken,
.menue,
.menue__menue-punkt--me1,
.menue__menue-punkt--en__und__de__button-smart,
.smartphone__menue__menue {
  display: none !important; /* nur Desktop Links ausblenden */
}

#langToggleMobile {
   position: fixed;
    top: 0;
    right: -5px;
    height: 40px;
    display: flex;
    align-items: center;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;
    font-size: 20px;
    cursor: pointer;
    background: white;
    z-index: 50000; /* WICHTIG: höher als dropdown */
    width: 10%;
}


.menue__punkt {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


/* Sprachbutton rechts oben */
.mobile-language-toggle {
  position: absolute;
  top: -5px;
  right: 5px;          /* ← exakt rechtsbündig */
  z-index: 10000;
  font-family: 'Suisse Intl', sans-serif;
  font-weight: 300;
  font-size: 20px;
  cursor: pointer;
  background: white;
  padding-top: 5px;
}

/* Wrapper */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 95%;
  height: 40px;
  background: white;
  z-index: 10000;

  display: flex;
  align-items: center;
  
 

  padding: 5px;
  font-family: 'Suisse Intl', sans-serif;
  font-weight: 300;
  font-size: 20px;
}

/* Toggle */
#mobileMenuToggle {
    position: relative;
  padding-left: 20px;
  cursor: pointer;
  background: white;
  height: 30px;
  display: flex;
  align-items: center;

}



/* Schwarzer Kreis beim Toggle */
#mobileMenuToggle::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  pointer-events: none;
  background: black;
   flex: 1;   /* nimmt verfügbaren Platz ein */
  
}

#mobileSectionTitle {
    position: relative;

  cursor: pointer;
  background: white;
  height: 30px;
  display: flex;
  align-items: center;
z-index: 10000;
  width: 100%;          /* 🔥 GANZE BREITE */
}
















html {
  scroll-behavior: smooth;
}


.mobile-menu__dropdown {
   display: none;
  position: fixed;
  top: 0px;      /* exakt unter dem Header */
  left: 0;
  width: 100%;
  background: white;
  z-index: 10000;
  padding: 5px;

   
 
   
}
.mobile-menu__dropdown.active {
  display: flex;
  flex-direction: column;
  gap: 9px;
   font-family: 'Suisse Intl', sans-serif;
  font-weight: 300;
  font-size: 20px;
  
}

section {
  scroll-margin-top: 60px;
}

/* Links */
.mobile-menu__dropdown a {
  position: relative;
  padding: 0px 0px 0px 20px;
  text-decoration: none;
  color: black;
  padding-top: 3.5px;
}

/* Kreis vor Links */
.mobile-menu__dropdown a::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border: 1px solid black;
  border-radius: 50%;
 margin-top: 1.5px;
  background: transparent;
}

/* Aktiver Punkt */
.mobile-menu__dropdown a.active::before {
  background: black;
}



















.projektbilder_uebersicht {
  display: none;
}

.referenzen {
    display: none;
}


.layer-top {
    pointer-events: auto;
}
.projektbilder_uebersicht-mobile {
    margin-top: -15px;
    pointer-events: auto;
    margin-bottom: 90px;
}

.projektbilder__spalte-mobile {
margin-left: 5px;   
margin-right: 5px;  
padding-bottom: 5px;  
pointer-events: auto; 
}

.projektbilder__bild {
    pointer-events: auto;
}


.projektbilder__overlay {
    pointer-events: none;
}



.projekte-liste {
    display: none;
}




  /* Gesamtcontainer = 5px Rand */
  .projekte-liste-mobile {
      font-family: 'Suisse Intl', sans-serif; /* deine Schrift */
      font-weight: 300; /* Medium */
      font-size: 20px;
      color: #9a9a9a;
      
  }

 .projekt-item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px;
    position: relative; /* für ::after */
    padding-bottom: 2px;
    margin-bottom: 2px;

    /* KEINE margin-left/right, Padding kommt vom Container */
}

.projekt-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5px;    /* Abstand links */
    right: 5px;   /* Abstand rechts */
    height: 1px;
    background: #ccc;
}

  /* Text = 50% */
  .projekt-row {
      width: 60%;
      padding-left: 5px;
      padding-right: 5px;
  }

 .projekt-bilder-mobile {
    width: 40%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.projekt-bilder-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.unternehmen-info {
    margin-top: 90px;
    font-family: 'Suisse intl', sans-serif;
  font-weight: 300; /* Medium */
  font-size: 15px;
  line-height: 1.5;
  margin-left: 5px;
   margin-right: 5px;
      

}
.info-block {
      font-family: 'Suisse intl', sans-serif;
  font-weight: 300; /* Medium */
  font-size: 15px;
}

h1, h2, h3, h4, p {
    margin: 0;
     font-weight: 300;
     font-size: 15px;
}





.unternehmen-info .info-block {
    margin-bottom: 30px;  /* Abstand zwischen den drei Textblöcken */
}

.unternehmen-info p {
    margin: 0;             /* kein extra Abstand, nur Zeilenhöhe */
     font-family: 'Suisse Intl', sans-serif;
    font-weight: 300; /* Light */
    font-size: 20px;
    line-height: 1.3;
}


.team-reihe {
    margin-left: 5px;   
margin-right: 5px;  
padding-bottom: 5px;  
pointer-events: auto; 
margin-top: 90px;
}

.team-info {
     font-family: 'Suisse Intl', sans-serif; /* deine Schrift */
      font-weight: 300; /* Medium */
      font-size: 20px;
      text-decoration: none;
      color: #000;
      margin-bottom: 40px;
}

.email-link {
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;   /* Light */
    font-size: 20px;
    color: #000000;     /* schwarz */
    text-decoration: none;  /* kein Unterstrich */
}
.kleinbild-item {
    font-size: 20px;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;   /* Light */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 160px;
}

.mittelbild-item {
    font-size: 20px;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;   /* Light */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 160px;
    margin-bottom: 220px;
}

.grossbild-item {
    font-size: 20px;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;   /* Light */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 90px;
}

.kontakt-info{
    font-size: 20px;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;   /* Light */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 90px;
    margin-bottom: 320px;
}

    .h1, h2, h3, h4, p {
        margin: 0;
        font-weight: 300;
        font-size: 20px;
    }

.kontakt-info p {
  margin: 15px 0; /* kompakter Abstand zwischen Absätzen */
  font-weight: 300;
}

.kontakt-info a {
  color: #000; /* Links schwarz */
  text-decoration: none; /* keine Unterstreichung */
  font-weight: 300;
}

.kontakt-info a:hover {
color: #9a9a9a; /* hellgrau */
  text-decoration: none; /* keine Unterstreichung */
  transition: color 0.2s ease; /* sanfter Farbwechsel beim Hover */
}

.social-links {
  margin-top: 10px; /* Abstand zum vorherigen Abschnitt */
  display: flex;
  flex-direction: column; /* untereinander */
  
  font-weight: 300;
}

.social-links a {
  font-weight: 300;
}

.kontakt-map {
    display: none;
}
.footer-text {
  font-family: 'Suisse Intl', sans-serif;
  font-weight: 300;
  font-size: 10px;
  color: #000;
  text-align: right;      /* rechts ausrichten */
  margin-top: -10px;
  padding-bottom: 10px;   /* Abstand nach unten */
   padding-right: 12px;       /* Abstand vom Rand */
}





.zurueck,
.menue {
     font-family: 'Suisse Intl', sans-serif;
  font-weight: 300;
  font-size: 20px;
   
    text-decoration: none;
    color: #000;
    

     position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 9999;
    padding: 5px;

    

    
}
/* Padding damit Content nicht unter Menü verschwindet */
body {
    padding-top: 50px; /* Höhe deines Menüs */
}


#zurueck {
    text-decoration: none !important;
    color: #9a9a9a !important
}


.projekt-text,
.projekt-info {
    display: none;
}

.projekt-text-mobile {
    font-family: 'Suisse Intl', sans-serif;
  font-weight: 300;
  font-size: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -15px;
    margin-bottom: 20px;
    color: #9a9a9a; /* hellgrau */
}
.projekt-info-mobile {
        font-family: 'Suisse Intl', sans-serif;
  font-weight: 300;
  font-size: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    color: #9a9a9a; /* hellgrau */
}






.horizontal-galerie {
     margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 5px;  
     display: flex;
    flex-direction: column; /* vertikal */
    gap: 5px; 
}




}