/****************************************************************************
 * easy4me allgemeines Styling (Werte der alten Live-Seite)
 * Hintergrund: STYLE-container_width.css, Farben/Groessen: ALPHA-variables.css
 ****************************************************************************/

/* Inhalts-Box (Inhalt + Seitenleiste): halbtransparent weiss, runde Ecken */
.e4m_layout {
    background-color: rgba(255,255,255,0.8);
    border-radius: 8px;
}
@media screen and (min-width:64em) {
    .e4m_layout { padding: 0 1rem; }
}

/* Seitentitel (Section-Titel) wie .entry-title der alten Seite */
.e4m_main .content_title > h1,
.e4m_main .content_title > h2 {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--e4m-color-blue);
    color: var(--e4m-color-blue);
    font-size: 1rem; line-height: 1.5;
}

/* Ueberschriften im migrierten Inhalt: fett, blau, ohne Zusatz-Abstand */
.content_inner h1,
.content_inner h2 {
    margin: 0;
    color: var(--e4m-color-blue);
}
.content_inner h3 {
    margin: 0;
    font-size: .625rem; line-height: 2.6em;
    letter-spacing: .1em; text-transform: uppercase;
}
.content_inner h4,
.content_inner h5,
.content_inner h6 { margin: 0; }

/* Footer-Box: hellgrau, oben abgerundet, Abstand zur Inhalts-Box */
.footer { padding-top: 3rem; padding-bottom: 0; }
.footer > .row {
    font-size: 1rem; /* Breite calc(100% - 8em) wie die Inhalts-Box */
    background-color: var(--e4m-color-box);
    border-top: 1px solid var(--e4m-color-border);
    border-radius: 8px 8px 0 0;
}
/* Schriftgroesse auf den Spalten, nicht auf der .row (deren Breite rechnet in em) */
.footer > .row > .columns { font-size: .8125rem; }
.footer p { line-height: 1.6; margin-bottom: .75rem; }
.e4m_footer_title { font-size: .875rem; font-weight: 700; }
.footer .vertical_menu .menu { gap: .25rem; }
.footer .menu > li { display: flex; gap: .5em; }
.footer .menu > li:before { content: "\25AA"; color: #777; }
.footer .menu a { font-weight: 700; }