@media only screen and (min-width: 1px ) {
   ol {
       counter-reset: list;
   }

   ol > li {
       list-style: none;
   }

   ol > li:before {
       content: counter(list, lower-alpha) ") ";
       counter-increment: list;
   }
    .spanSB1list {
        margin-left: 0.5rem;
    }
    
    .abstand{
        height:5rem;
    }
   

    .centered {
        text-align: center;
        background-color: black;
        color: white;
    }
    .right {
        text-align: right;
        margin-right:1rem;
    }

    .aufgtitel {
        font-size: large;
        margin-right: 3rem;
    }

    .lesen1 {
        margin-bottom: 2rem;
    }

    .hoeren1 {
        margin-bottom: 2rem;
    }

    .hoeren3{
     
        margin:0.2rem;
    }
    .hoeren4 {
        margin: 0.2rem;
    }

    .aufgNummer {
        font-size: large;
        padding: 0.2rem;
        background-color: black;
        color: white;
    }

    .stichpunkt {
        text-align: center;
        font-size: xx-large;
       
        padding-bottom: 0.2rem;
    }
     .behauptrf {
        font-size: large;
        margin-left: 1rem;
    }
    .hauptbehaupt {
        font-size: large;     
    }
    .hauptbehauptsb {
        font-size: large;
        margin-left: 0.5rem;
        
        margin-bottom: 0.1rem;
        padding: 0;
    }

    .behauptabc {
       
        margin-left: 0.5rem;
        margin-top:0.5rem;
        margin-bottom:0;
        padding:0;
    }
    .textfeld {
        font-size: large;
        margin-left: 0.5rem;
        line-height:26px
    }

    .videobuttons {
        background-color:white;
        display: block;
        position: sticky;
        top: 0;
        z-index: 1000;
    }
    .stopplay {
        display: flex;

    }

    .scrollaufgaben {
        overflow-y: auto;
        max-height: 50vh;
        background-color: aliceblue;
    }
    .scrollaufgabenSBoben {
        overflow-y: auto;
        max-height: 20vh;
        margin-bottom:2rem
    }

    .bsktestinput{
        margin-top:1rem;
        margin-left:6rem;
        margin-bottom:5rem;
    }
    .plesen1{
        margin:0;
    }

    .wortlistesb1 {
        padding:0.5rem;
       margin:0px;
        column-count: 2;
    }
    .acccollapsed{
        visibility:collapse;
    }
    .accvisible {
        visibility: visible;
    }

}

@media only screen and (min-width: 801px ) {
    .aufganzeige {
        margin-left: auto;
        margin-right: auto;
        font-size: large;
    }
    .aufgtitel {
        font-size: large;
        margin-right: 3rem;
    }

    .aufgNummer {
        font-size: large;
        padding: 0.2rem;
        background-color: black;
        color: white;
    }
    .titelLesen1 {
        font-weight: bold;
        margin-bottom: 1.5rem
    }

    .stichpunkt {
        font-size: xx-large;
        display: block;
    }

    .behauptrf {
        font-size: large;
        margin-left: 2rem;
    }

    .hauptbehaupt {
        font-size: large;
        margin-left: 2rem;
    }

    .behauptabc {
        font-size: large;
        margin-left: 4rem;
    }

    .videobuttons {
        display: block;
    }

    .stopplay {
        display: flex;
    }
    .wortlistesb1 {

        column-count: 3;
    }
}

@media only screen and (width: 1920px) {
    .textfeld {
        font-size: xx-large;
        margin-left: 0.5rem;
        line-height: 40px;
    }
    .behauptrf {
        font-size: xx-large;
        margin-left: 2rem;
    }

    .lesen1 {
        margin: 4rem;
    }

    .hoeren4 {
        margin: 1.5rem;
    }

    .hauptbehaupt {
        font-size: xx-large;
        margin: 0;
    }

    .behauptabc {
        font-size: xx-large;
        margin-left: 4rem;
        margin-top: 2rem ;
    }
    .titelLesen1 {
        font-weight: bold;
        margin-bottom: 1.5rem;
        font-size: xx-large;
    }
    .aufgtitel {
        font-size: xx-large;
        margin-right: 3rem;
    }

     .testMitte {
            width: 80vw;
        }

     .testSidebar {
            width: 10vw;
        }

    .spanSB1list {
        font-size: x-large;
    }
    .scrollaufgabenSBoben{
        margin-bottom:1rem;
    }

}