/* ==========================================================================
   Abstaende der Seitenhuelle             esd.equipment            2026-08-23
   Eingebaut ueber design/head/includes, Stores 1 (de), 3 (en), 14 (fr).

   Zwischen Brotkrume und Inhalt standen 66 px: 16 px Aussenabstand der
   Brotkrume plus 50 px margin-top an .page-main. Die 50 px kommen aus
   styles-l.min.css (.page-products .page-main und .catalog-product-view
   .page-main, ab 768 px). Hier auf 16 px gekuerzt - macht zusammen 32 px.

   Bewusst nur dort, wo eine Brotkrume steht: die Startseite hat keine, ihr
   Abstand nach der Menueleiste bleibt unberuehrt (dort greift ausserdem
   .cms-index-index .page-main aus dem Theme-Editor-CSS).
   Der Nachbar-Selektor ist ~ und nicht +, weil zwischen .breadcrumbs und
   main.page-main ein <style>-Element steht.
   ========================================================================== */
.page-wrapper > .breadcrumbs ~ main.page-main{margin-top:16px !important}

/* Auf dem Telefon war der Abstand ohnehin kleiner - hier nicht zusaetzlich
   zusammenziehen, sonst klebt der Titel an der Brotkrume. */
@media (max-width:767px){
  .page-wrapper > .breadcrumbs ~ main.page-main{margin-top:12px !important}
}