/* ========================================
   SOMACHA – DESKTOP + TABLET/MOBIL MENÜ
   ======================================== */


/* ----------------------------------------
   DESKTOP ab 1025 px
   Eigenes SOMACHA-Menü
   ---------------------------------------- */

@media screen and (min-width: 1025px) {

  .somacha-menu {
    position: relative;
    text-align: right;
  }

  /* MENÜ */
  .somacha-menu summary {
    cursor: pointer;
    list-style: none;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #333333;

    /* Schriftende bündig mit Dropdown-Menüpunkten */
    margin-right: 20px;
  }

  /* Standard-Pfeil entfernen */
  .somacha-menu summary::-webkit-details-marker {
    display: none;
  }

  .somacha-menu summary::marker {
    content: "";
  }

  /* Dropdown */
  .somacha-menu nav {
    position: absolute;
    top: calc(100% + 18px);
    right: 0;
    z-index: 9999;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;

    min-width: 170px;
    padding: 16px 20px;

    /* Weiß mit 80 % Deckkraft */
    background: rgba(255, 255, 255, 0.8);
  }

  /* Normale Menüpunkte */
  .somacha-menu nav a,
  .somacha-menu nav a:visited {
    display: block;
    color: #333333 !important;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    white-space: nowrap;
  }

  /* Aktuelle Seite: Gold + fett */
  .somacha-menu nav a[aria-current="page"] {
    color: #b49a55 !important;
    font-weight: 700;
  }

  /* Hover / Fokus: Gold + fett */
  .somacha-menu nav a:hover,
  .somacha-menu nav a:focus {
    color: #b49a55 !important;
    font-weight: 700;
    text-decoration: none !important;
  }

}


/* ----------------------------------------
   TABLET + HANDY bis 1024 px
   Kadence übernimmt das mobile Menü
   ---------------------------------------- */

@media screen and (max-width: 1024px) {

  /* Eigenes Desktop-Menü ausblenden */
  .somacha-menu {
    display: none !important;
  }

}
/* ========================================
   SOMACHA – INHALTSBREITE FARBIGE ABSCHNITTE
   ======================================== */

.somacha-content-width {
  width: calc(100% - 40px) !important;
  max-width: 950px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {

  .somacha-content-width {
    width: calc(100% - 40px) !important;
    max-width: 950px !important;
  }

}