/****************************************************************************
 * 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%; }

/***************************************************************************
* Abstaende/Groessen wie alte Seite (gemessen 2026-10-21, twentyeleven .widget):
* Text 13px, Formular-Labels/Info 12px, Zeilenhoehe 1.425, Bloecke enger
****************************************************************************/
.e4m_sidebar { font-size: .8125rem; line-height: 1.425; }
.e4m_sidebar_box + .e4m_sidebar_box { margin-top: 1rem; }
.e4m_sidebar_title { line-height: 1.425; margin-bottom: 10px; }
.e4m_sidebar .menu.e4m_links_menu { gap: 0; }
.e4m_sidebar .menu.e4m_advanced_menu { gap: 5px; }
.e4m_info_links { font-size: .75rem; }

.e4m_login form p { margin-bottom: 0; }
.e4m_login label { font-size: .75rem; margin-bottom: 2px; }
.e4m_login input[type="text"],
.e4m_login input[type="password"] {
    height: auto; margin-bottom: .75rem; padding: 3px 6px;
    font-size: .9375rem; line-height: 1.425;
}
.e4m_login .button,
.e4m_login input[type="submit"] {
    margin: .25rem 0 .75rem; padding: .5rem 1.25rem;
    font-size: .9375rem; line-height: 1.425;
}
.order_wrapper .button { padding: .5rem 1rem; font-size: .75rem; line-height: 1.425; }
.e4m_sidebar li,
.e4m_sidebar li a,
.e4m_sidebar label,
.e4m_sidebar p { line-height: 1.425; }
.e4m_sidebar .e4m_advanced_menu > li > a { line-height: 25px; } /* Buttons: Text mittig im 25px-Sprite */