/* =============== 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;
         }

tr:last-child {
         border-top:1px solid #BFBFBF;
         border-bottom:1px solid #BFBFBF;
         }



.datum   {width:25%;}            /*spaltenbreiten je nach content einstellbar, summe 100%*/
.kurs    {width:25%; font-weight: 500;}

.loc     {width:15%;}
.laenge  {width:10%;}
.preis   {width:10%;}
.order   {width:15%; font-weight:700; text-transform: uppercase; letter-spacing: .09em; }



tr:hover {
         background:#f3ffee;
         }
.order:hover {
         background:#d1fbc1;
         }

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

 }




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

        .datum   {width:100%; font-weight:700;}
        .kurs    {width:100%; font-size:85%;}
        .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: 1em; padding-top:15px; border-top:2px solid #BFBFBF;}

        td {    float: left; width: 100%;  padding:0.0em 0em 0.0em 0em; border-top:0px solid #BFBFBF;
                 }
        td::before {
                content:attr(data-label);
                background: #FFFFFF;
                width: 15%;
                height:30px;
                float:left;
                padding:1.2em 0 0.7em 0;
                font-size:65%;
                font-weight: 600;

                margin:-1em 1em -1em 0em;
                 }
         .order:hover {
         background:#f3ffee;
         }

         tr:hover {
         background:none;
         }

         }