*{-webkit-touch-callout:none;-webkit-use-select:none;user-select:none}body{background:url(/stil/bilder/dmvc_bg.png);font-family:Quicksand,sans-serif;font-weight:300}img.grafik{display:none}.flex-column{display:flex;flex-direction:column}#rot{min-height:calc(100vh - 1rem);background-color:#0e74c0;padding-bottom:1rem}#rot.hof,#rot.start{display:block}#rot #inner{position:relative;color:#fff}#rot #inner #connect_svep{padding:1rem;display:flex;align-items:center;flex-direction:column}.knapp{display:inline-block;height:40px;min-width:30vw;width:auto;padding:0 .25rem;bottom:8px;opacity:.75;background-repeat:no-repeat;background-size:auto 60%;background-position:center;border:2px solid #b8d9e4;border-radius:8px;text-align:center;font-size:1.5rem;line-height:2.3rem}.knapp.sel{background-color:#1db9ff;border-color:#fff;opacity:1}.hof_switch.stg1,.niva.stg1{background-image:url(/grafik/stg_1.png)}.hof_switch.stg2,.niva.stg2{background-image:url(/grafik/stg_2.png)}.hof_switch.stg3,.niva.stg3{background-image:url(/grafik/stg_3.png)}#titel{display:flex;flex-direction:column;align-items:center;padding:1vh 1vw;background-color:#68b4ec}
    #rot #inner .playable {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      flex-direction: column;
      text-align: center;
      padding: 20vh 4rem;
      line-height: 1.5rem;
      background-color: #68b4ec; }
      #rot #inner .playable p {
        margin-bottom: 0.7rem; }
      #rot #inner .playable strong {
        font-weight: 600;
        letter-spacing: 0.05rem; }

@media screen and (min-width: 506px) {
  #rot #inner .playable {
    display: flex; } }