.contentSubContent .stage, .contentSubContent label.head div {
  position: relative;
  display: block;
  padding: unset;
  margin: auto;
}

/* Tabbed Subcontent */
.contentSubContent div.tabmenu { display: none; }   /* im Normalfall Tabmenü nicht anzeigen */
.page.komponenten .contentSubContent div.tabmenu { display: block; }    /* auf speziellen Seiten Tabmenü anzeigen */
.contentSubContent input.tabmenu { display: none; }
.page.komponenten .contentSubContent .tabmenu nav { margin: 20px 0; display: flex; flex-wrap: wrap; column-gap: 5px; row-gap: 15px; }
.page.komponenten .contentSubContent .tabmenu nav label {
  display: block;
  padding: 15px 25px;
  background-color: var(--neutral-color-light);
  border-radius: 5px;
  cursor: pointer;
  transition: background var(--transition-time) ease-out, transform var(--transition-time);
}
.page.komponenten .contentSubContent .tabmenu nav label {
  background: linear-gradient(to bottom, var(--logo-color-1-light) 50%, var(--neutral-color-light) 50%);
  background-size: 100% 200%;
  background-position: left bottom;
}
.page.komponenten .contentSubContent .tabmenu nav label:after { top: 100%; left: 50%; border: solid transparent; content: " "; 
      position: absolute; border-top-color: var(--logo-color-1-light); border-width: 12px; margin-left: -12px; display: none; }

/* an statt lostage für komponent seite muss hier bearbeiten*/
.page.komponenten .contentSubContent {
  text-align: center;
}
.contentSubContent .contentDisplay .contentBody, .page.komponenten .contentSubContent .addons h2 {
  text-align: left;
}
/* bis hier lostage für komponent seite muss hier bearbeiten*/
/* normale open / closed Steuerung außer Kraft setzen */


.page.komponenten .contentSubContent div.sub { display: none; }
.page.komponenten .contentSubContent div.sub .head { display: none; }
.page.komponenten .contentSubContent div.sub .title { display: none; }
/* .page.leistungen.anlagenkomponenten .contentSubContent div.sub .contentDisplay .contentBody { padding: var(--padding-topbottom) 0; } */
.page.komponenten .contentSubContent .tabmenu nav label:hover { transform: scale(1, 1.05); }

@media (max-width: 763px) {
  /* für navi */
  .contentSubContent .tabmenu.stage nav {
    width: 100%;
  
  }
  .contentSubContent .tabmenu.stage nav label {
  width: 100%;
  
  }

  
  /*für bild auf dem contentsubcontent*/
  .contentSubContent .contentDisplay {
      display: flex;
      flex-direction: column;
      
  }

  .contentSubContent .contentMainGallery {
      width: 100%;
      max-width: 100%;
      margin-left:unset;
  }

  .contentSubContent .contentMainGallery img.pic {
      width: 100%;
      max-width: 100%;
      
  }

}

.contentSubContent input.switch:checked ~ div.container { max-height: unset; }


.contentSubContent .stage, .contentSubContent label.head div {
width: unset;
}