.reihe { display: flex; flex-wrap: nowrap; gap: 1.5rem; align-items: flex-start;
         overflow-x: auto; padding-bottom: .6rem; }
.rahmen { background: #fff; border: 2px solid #999; flex: 0 0 auto; }
.seite { background: repeating-linear-gradient(45deg,#fdd,#fdd 6px,#fff 6px,#fff 12px); }
.beschriftung { font-size: .8rem; margin-top: .3rem; font-variant-numeric: tabular-nums; }
.r320 { width: 320px; } .r375 { width: 375px; } .r430 { width: 430px; }
.fest .inhalt { width: 320px; margin-inline: auto; }
.fliessend .inhalt { padding-inline: 16px; }
.inhalt { background: #fff; padding-block: .8rem; }
.kopfzeile { display: flex; justify-content: space-between; align-items: center;
             border-bottom: 1px solid #ddd; padding-bottom: .5rem; margin-bottom: .7rem; }
.logo { background: #222; color: #fff; padding: .25rem .5rem; font-size: .8rem; }
.burger { font-size: 1.2rem; }
.inhalt h3 { margin: 0 0 .3rem; font-size: 1.05rem; }
.inhalt p { margin: 0 0 .7rem; font-size: .85rem; }
.bild { background: #ccc; aspect-ratio: 16/9; display: grid; place-items: center;
        color: #555; font-size: .8rem; margin-bottom: .7rem; }
.knoepfe { display: flex; gap: .5rem; flex-wrap: wrap; }
.knoepfe button { flex: 1 1 8rem; padding: .6rem; font-size: .85rem;
                  border: 1px solid #222; background: #222; color: #fff; }
.knoepfe button.zweit { background: #fff; color: #222; }
.hinweis { padding: .7rem; border: 1px solid #ccc; font-size: .85rem; max-width: 46rem; }