/****************************************************************************
 * easy4me Seitenleiste (wie alte Live-Seite)
 * Markup: functions.php -> e4m_sidebar(), Inhalt + Seitenleiste in .e4m_layout
 ****************************************************************************/

/* Die Sections bringen eigene .row mit -> im Layout ohne zusaetzliche Breite/Rand */
.e4m_layout > .e4m_main { padding: 0; }

.e4m_sidebar { font-size: .875rem; }
.e4m_sidebar img { max-width: 100%; height: auto; }
.e4m_sidebar_box + .e4m_sidebar_box { margin-top: 1.75rem; }
.e4m_sidebar_title {
    margin-bottom: .625rem; padding-bottom: 3px;
    border-bottom: 1px solid var(--e4m-color-border);
    font-size: 1.125rem; font-weight: 700; color: #5c5c55;
}

/* Bestell-Box nur fuer nicht angemeldete Besucher (wie alte Seite) */
body.logged-in .order_wrapper { display: none; }
.order_wrapper p { margin-bottom: .25rem; }
.order_wrapper .button { display: block; text-align: center; font-weight: 700; }

/* Fortgeschritten: farbige Buttons aus dem Live-Sprite (Menuepunkt-Klasse a3/a4/a6) */
.e4m_sidebar .menu.e4m_advanced_menu { gap: 5px; }
.e4m_advanced_menu > li > a {
    width: 186px; max-width: 100%; height: 25px; padding-left: 50px;
    background: url(../img/sidebar_buttons.png) no-repeat;
    color: #fff; font-weight: 700; line-height: 25px; text-decoration: none;
}
.e4m_advanced_menu > li.a3 > a { background-position: 0 -50px; }
.e4m_advanced_menu > li.a4 > a { background-position: 0 -75px; }
.e4m_advanced_menu > li.a6 > a { background-position: 0 -125px; }

/* Link-Listen mit Aufzaehlungszeichen (Uebungs-Links, Info-Widget) */
.e4m_sidebar .menu.e4m_links_menu { gap: .25rem; }
.e4m_links_menu > li > a,
.e4m_info_links a { font-weight: 700; text-decoration: none; }
.e4m_links_menu > li,
.e4m_info_links li { display: flex; gap: .5em; }
.e4m_links_menu > li:before,
.e4m_info_links li:before { content: "\25AA"; }
.e4m_info_links { margin: 0 0 1rem; padding: 0; list-style: none; }

/* Login */
.e4m_login form p { margin-bottom: .5rem; }
.e4m_login label { display: block; }
.e4m_login input[type="text"],
.e4m_login input[type="password"] { width: 100%; }