/*

      Minimum settings (0px and up)

   */

      @media (min-width: 0)   {

                                    h5 { font-size: 14px; }

                                    p  { font-size: 10px; }

                                    td { font-size: 10px !important; vertical-align:middle !important; }

                                    #playlist li { font-size: 9px !important; }

                                 /* --- */

                                    .btn-datenschutz  { font-size:8px; bottom:-2px; }

                                    #copyright        { font-size:8px; bottom:-2px; }

   /*

      Minimum settings (390px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 390px)  {

                                    h5 { font-size: 14px; }

                                    p  { font-size: 10px; }

                                    td { font-size: 10px !important; vertical-align:middle !important; }

                                    #playlist li { font-size: 9px !important; }

                                 }

   /*

      Minimum settings (500px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 500px)  {

                                    /* */

                                 }

   /*

      Extra small devices (portrait phones, less than 576px)
      No media query for `xs` since this is the default in Bootstrap

      Small devices (landscape phones, 576px and up)

   */

      @media (min-width: 576px)  {

                                    /* */

                                 }

   /*

      Medium devices (tablets, 768px and up)

   */

      @media (min-width: 768px)  {

                                    h5 { font-size: 18px; }

                                    p  { font-size: 14px; }

                                    td { font-size: 12px !important; vertical-align:middle !important; }

                                    #playlist li { font-size: 12px !important; }

                                 /* --- */

                                    .btn-datenschutz  { font-size:11px; bottom:-5px; }

                                    #copyright        { font-size:11px; bottom:-5px; }

                                 }

   /*

      Large devices (desktops, 992px and up)

   */

      @media (min-width: 992px)  {

                                    /* */

                                 }

   /*

      Extra large devices (large desktops, 1200px and up)

   */

      @media (min-width: 1200px) {

                                    /* */

                                 }

   /*

      Extra large devices (large desktops, 1580px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 1600px) {

                                    /* */

                                 }