/* === Reset / Base === */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:Verdana,Arial,sans-serif;
  font-size:13px;
  line-height:1.55;
  color:#222;
  background:#f7e7a0;          /* helle Fläche RECHTS außerhalb des Content */
  min-height:100vh;
}

a{color:#3a5d2a;text-decoration:underline}
a:hover{color:#a36a14}
img{max-width:100%;height:auto}
h1,h2,h3{color:#1f6f4a;font-weight:bold;margin:0 0 .6em}
h1{font-size:1.55em;line-height:1.25}
h2{font-size:1.2em}
h3{font-size:1.05em}

.skip{position:absolute;left:-9999px}
.skip:focus{left:1em;top:1em;background:#fff;padding:.5em;z-index:9999}

/* === Layout === */
.layout{display:flex;align-items:stretch;min-height:100vh}

/* === Sidebar (links) === */
.sidebar{
  flex:0 0 235px;
  width:235px;
  background:#376836 url('https://medien.fachpraxis-essstoerungen.de/images/leftbg.gif') repeat-y right top;
  color:#fff;
  /* rechts viel Padding, damit Text NICHT in die Kurve läuft */
  padding:1em 80px 2em 1em;
  min-height:100vh;
  position:relative;
}
.sidebar .logo{display:block;margin:0 0 .9em}
.sidebar .logo img{max-width:140px;display:block}

/* === Menü === */
.menu ul{list-style:none;padding:0;margin:0 0 .8em}
.menu ul ul{padding-left:.7em;margin:.1em 0 .3em}

.menu li{
  margin:.18em 0;
  position:relative;
  padding-left:.85em;
  line-height:1.25;
  /* Begrenzung der Breite, sodass jedes li garantiert in der Sidebar bleibt */
  max-width:100%;
}
.menu li::before{
  content:"•";
  position:absolute;left:0;top:0;
  color:#fff;font-weight:bold;
}

.menu a{
  display:inline-block;
  color:#fff;
  text-decoration:underline;
  font-size:.9em;
  /* harter Umbruch erzwingen — funktioniert ohne Trennzeichen */
  word-break:break-word;
  overflow-wrap:anywhere;
  hyphens:auto;
  -webkit-hyphens:auto;
  max-width:100%;
}
.menu a:hover{color:#ffd76b}

.menu li.active  > a{color:#f4b73d;font-weight:bold;text-decoration:none}
.menu li.in-path > a{color:#ffd76b}

.menu-divider{border:0;border-top:1px solid rgba(255,255,255,.18);margin:.8em 0;margin-right:60px}

/* Suche darf ebenfalls nicht in die Kurve laufen */
.sidebar-search{
  margin-top:1em;
  display:flex;
  gap:.2em;
  max-width:140px;     /* deutlich schmaler als Sidebar abzgl. Kurve */
}
.sidebar-search input[type=search]{flex:1;min-width:0;padding:.2em .35em;border:1px solid #2e4a18;background:#fff;font:inherit;font-size:.9em}
.sidebar-search button{flex:0 0 auto;background:#fff;border:1px solid #2e4a18;cursor:pointer;padding:.1em .4em;font-size:.9em}

/* === Content (Mitte): #ffcc66, rechts Welle (rightbg.gif 70x416) === */
.content{
  flex:1 1 auto;
  max-width:900px;
  background:#ffcc66 url('https://medien.fachpraxis-essstoerungen.de/images/rightbg.gif') repeat-y right top;
  padding:1.6em 95px 4em 2em;   /* rechts 95 px Platz für die 70-px-Welle + 25 px Luft zum Text */
  min-height:100vh;
  position:relative;
}
.content::after{content:"";display:block;clear:both}
.content h1{margin-top:0}
.content p{margin:0 0 1em}
.content ul,.content ol{margin:0 0 1em;padding-left:1.4em}

/* === Bild-Ausrichtung im Content === */
.content img{height:auto;display:inline-block}
.content img.alignleft, .content img[align="left"],
.content img[style*="float: left"], .content img[style*="float:left"],
.content figure.alignleft{
  float:left !important; margin:5px 12px 5px 0 !important;
}
.content img.alignright, .content img[align="right"],
.content img[style*="float: right"], .content img[style*="float:right"],
.content figure.alignright{
  float:right !important; margin:5px 0 5px 12px !important;
}
.content img.aligncenter, .content figure.aligncenter{
  display:block; margin:5px auto; float:none;
}
.content img.alignnone, .content figure.alignnone{
  display:block; margin:5px 0; float:none;
}
.content figure{margin:5px 0}
.content figcaption{font-size:.85em;color:#555;margin-top:.2em}

/* === Footer === */
.site-footer{padding:.4em .8em;font-size:.72em;color:#222;background:transparent}
.site-footer a{color:#222}

/* === Suche === */
.search-results{margin-top:1em}
.search-result{margin-bottom:1.2em;padding-bottom:1em;border-bottom:1px dashed #b78a3a}
.search-result h3{margin:0 0 .2em}
.search-result h3 a{text-decoration:none}
.search-result h3 a:hover{text-decoration:underline}
.search-result .snippet{color:#444}
.search-result mark{background:#ffe48a;padding:0 .15em}

/* === Mobile === */
.menu-toggle{display:none;position:fixed;top:.5em;left:.5em;z-index:100;padding:.5em .8em;background:#376836;color:#fff;border:0;border-radius:4px;font-size:1em;cursor:pointer}
@media (max-width:780px){
  body{background:#ffcc66}
  .layout{display:block}
  .sidebar{
    position:fixed;left:-260px;top:0;bottom:0;width:240px;
    transition:left .25s;z-index:90;overflow-y:auto;
    background:#376836;
    background-image:none;
  }
  .sidebar.open{left:0}
  .menu-toggle{display:inline-block}
  .content{
    padding:3.5em 1.2em 4em;
    background:#ffcc66;
    background-image:none;
    max-width:100%;
  }
  .content img.alignleft,.content img.alignright,
  .content figure.alignleft,.content figure.alignright{
    float:none !important;display:block;margin:5px auto !important;
  }
}