/* ========================================================= ROOT ========================================================= */ :root { /* Height of the header logo, stepped down per breakpoint at the end of this file. The logo is sized by height rather than by width so that the header bar keeps the same height whatever aspect ratio a tenant uploads under 'logo' in the theme settings. */ --header-logo-height: 110px; } /* ========================================================= GLOBAL ELEMENTS ========================================================= */ /* Document */ html { } /* Was a style attribute on the tag in header.php. The property is only defined when an image is configured, see mein_customizer_css() in functions.php - without one the fallback applies and the body looks exactly as it did without the attribute. */ body { background-image: var(--body-background-image, none); background-size: 100%; background-repeat: no-repeat; } section { } main { } /* Headings */ h1, h2, h3, h4, h5, h6 { } /* Text elements */ p { } strong { } em { } small { } /* Links */ a { } /* Lists */ ul, ol { } li { } /* Media */ img { } picture { } figure { } figcaption { } /* Tables */ table { } thead { } tbody { } tr { } th, td { } /* Misc */ hr { } blockquote { } code { } pre { } iframe, datalist { } /* ========================================================= HELPER CLASSES ========================================================= */ /* Spacing between two buttons standing next to each other. Used by the action rows of dokumente, eakonzept, kinder, mitarbeiter and news - it only ever lived in the