.reihe { border-top: 1px solid #ccc; padding: 1.2rem 0; }
.kopf { font-weight: bold; }
.beschreibung { color: #444; margin: .3rem 0 .8rem; max-width: 46rem; }
.probe { width: min(12rem, 60%); height: 3rem; background: #222;
         animation-iteration-count: infinite; animation-duration: 800ms; }
@keyframes ke-a { 0%{opacity:0;animation-timing-function:ease-out} 25%{opacity:1;animation-timing-function:linear} 50%{opacity:1;animation-timing-function:ease-in} 75%{opacity:0} 100%{opacity:0} }
.p-a { animation-name: ke-a; }
@keyframes ke-b { 0%{opacity:0;animation-timing-function:ease-in} 25%{opacity:1;animation-timing-function:linear} 50%{opacity:1;animation-timing-function:ease-out} 75%{opacity:0} 100%{opacity:0} }
.p-b { animation-name: ke-b; }
@keyframes ke-c { 0%{opacity:0;animation-timing-function:ease-out} 25%{opacity:1;animation-timing-function:linear} 50%{opacity:1;animation-timing-function:ease-out} 75%{opacity:0} 100%{opacity:0} }
.p-c { animation-name: ke-c; }
@keyframes ke-d { 0%{opacity:0;animation-timing-function:ease-in} 25%{opacity:1;animation-timing-function:linear} 50%{opacity:1;animation-timing-function:ease-in} 75%{opacity:0} 100%{opacity:0} }
.p-d { animation-name: ke-d; }
@keyframes ke-e { 0%{opacity:0;animation-timing-function:linear} 25%{opacity:1;animation-timing-function:linear} 50%{opacity:1;animation-timing-function:linear} 75%{opacity:0} 100%{opacity:0} }
.p-e { animation-name: ke-e; }