/* =============== Tabelle ============================================================ */

table {  box-sizing:border-box;
         width:100%;
         font-family: 'Roboto', sans-serif;
         letter-spacing:0.05em;
         line-height:150%;
         }

table, td, tr, th {
         border-collapse: collapse;
         text-align: left;
         }

td, tr, th {
         padding:15px 2px 15px 0px;
         }

         /*
th {
         background:#f3ffee;
         font-size:90%;
         font-weight: 700;
         color: #91c214;
         }
         */

td {
         font-size:110%;
         font-weight: 300;
         border-top:1px solid #BFBFBF;
         }



.order   {width:5%; }
.kurs    {width:18%; font-weight: 300; } /* width changed from 15 to 18% by Jens Montag */
.datum   {width:20%; font-weight: 500; color: #91c214;} /* width changed from 25 to 20% by Jens Montag */

.loc     {width:20%;}
.laenge  {width:20%;}
.preis   {width:10%;}



@media screen and (max-width:1450px) {
td {
         font-size:80%;
         }

 }




@media screen and (max-width:1000px) {
        table, tr, td {padding:0; font-size:100%; text-align:center;}

        .datum   {width:100%; font-weight:400; }
        .kurs    {width:100%; font-weight:400;}
        .loc     {width:100%;}
        .order   {width:100%;}
        .laenge  {width:100%;}
        .preis   {width:100%;}


        table { border:none;}
        thead { display:none;}
        tr    {float: left; width: 100%; margin-bottom: 5em; }
        td    {float: left; width: 100%; padding:0.2em 0em 0.2em 0em; border-top:none;}
        td::before {
         display:none;

                 }

         }