/* ==========================================================================
   Raster und Grundlagen — Ersatz für Bootstrap 4.3.1

   Im Markup der Website kommen von Bootstrap nur „container" und „row" vor
   (zwei Konzertvorlagen) sowie ein Aufklapper auf einer Vorlage, die keine
   Seite benutzt. Dafür lagen bisher 152 KB CSS und 57 KB JavaScript auf jeder
   Seite. Hier steht nur, was tatsächlich gebraucht wird.
   ========================================================================== */

/* Bootstrap setzte diese Grundlage global; Teile des Themes verlassen sich
   darauf. Deshalb bleibt sie erhalten. */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Reboot-Reste, auf denen die Abstände der Seiten beruhen */
body {
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}
p {
    margin-top: 0;
}
ol, ul, dl {
    margin-top: 0;
}

/* Ohne diese Regel sitzen Bilder auf der Grundlinie und erzeugen darunter
   den Platz fuer Unterlaengen – jedes Bild wird dadurch rund 7 px hoeher.
   Bootstrap setzte das global, deshalb bleibt es erhalten. */
img,
svg {
    vertical-align: middle;
}
img {
    border-style: none;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* --- Raster --- */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}