/* ===== Radio Esch – Styles v1.6.4 ===== */

/* Wrapper & Toggle Button */
.re-sidenav-wrap {
  max-width: 800px;
  margin: 0 auto 12px;
  text-align: center;
  padding-top: 8px;
}
.re-sidenav-toggle {
  display: inline-block;
  margin: 0 auto;
  padding: 8px 14px;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-weight: 700;
  color: #d60000;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  user-select: none;
}

/* Dropdown-Menü */
.re-sidenav {
  max-width: 800px;
  margin: 8px auto 0;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
  padding: 6px 0;
}

/* Menüliste */
.re-sidemenu, .re-sidemenu ul { list-style: none; margin: 0; padding: 0; }
.re-sidemenu > li { border-top: 1px solid #eee; }
.re-sidemenu > li:first-child { border-top: none; }
.re-sidemenu a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  color: #000;
  font-weight: 600;
}
.re-sidemenu a:hover { background: #fff; }

/* Submenu (Accordion) */
.re-sidemenu li.menu-item-has-children > a { position: relative; padding-right: 28px; }
.re-sidemenu li.menu-item-has-children > a:after {
  content: '▾';
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  font-weight: 700;
}
.re-sidemenu li .sub-menu { display: none; padding-left: 10px; }
.re-sidemenu li.open > .sub-menu { display: block; }
.re-sidemenu li .sub-menu a { font-weight: 500; }

/* Promo-Kasten */
.re-promo {
  margin: 30px auto; padding: 20px;
  border: 2px solid #d60000; border-radius: 10px;
  background: #f9f9f9; text-align: center;
  max-width: 1000px; box-sizing: border-box;
}
.re-promo h2 { color: #d60000; margin: 0 0 10px; font-size: 22px; }
.re-promo p { font-size: 16px; line-height: 1.6; margin: 8px 0; }
.re-promo .re-links a { color: #000; text-decoration: none; font-weight: 700; }
.re-promo .re-addr { font-size: 15px; color: #333; }

/* Footer (Impressum/Datenschutz inline, immer nebeneinander) */
.re-footer {
  text-align: center;
  color: #777;
  font-size: 13px;
  margin: 26px 0 10px;
  white-space: nowrap;
}
.re-footer a {
  color: #777;
  text-decoration: none;
  margin: 0 6px;
  display: inline;
}
.re-footer a:hover { text-decoration: underline; }