/* --------------------------------------------------------- */
/* Eigene */
/* header */
.header {
    padding-top: 1.0em;
    flex: 100%;
    background-image: url("../grafiken/Bild_076.jpg");
/*    background-image: url("../grafiken/Projekt3.jpg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 15.556em;
    margin: 0 auto;
    text-align: center;
    border: 0.167em solid #819196;
    border-radius: 20px;
}
/* Newsbox */
div.newsbox {
width:280px;
float:right;
border:1px solid #009900;
padding:5px;
margin:5px 10px;
color:#009900;
background-color:#efefef;
}
body {
    background: #B7CEE8;
    color: #000000;
    font-family: Corbel, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0;
}
/* seiten container */
#wrap {
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px;
    background-color: #fff;
    border: 10px solid #819196;
    border-radius: 20px;
    box-shadow: 5px -5px 10px #224a61,
        -5px 5px 10px #fff;
}

/* -------------------------------------------------------- */
/* [----] */
/* ------ */
hr {
 border-top: 1px solid #ddd;
}
.w-s-nor {
white-space: normal;
}
.w-s-pre {
white-space: pre;
}
.w-s-now {
white-space: nowrap;
}
/* -------------------------------------------------------- */
/* ---------- max-width 500px ----------- */
@media only screen and (max-width: 500px) {
.header {
    background-image: url("../grafiken/Projekt3.jpg");
}
}
/* ---------- max-width 600px ----------- */
@media only screen and (max-width: 600px) {
#wrap {
    width: 100%;
    }
.main {
    flex: 60%;
    padding: 10px;
}
    }
/* -------------------------------------------------------- */

/* Schulferien, AGB */
* {
    --bg-table-stripe: #f6f6f5;      /* 2.Zeile   */
    --b-table: #e3e3e2;              /* Rahmen    */
    --caption: #242423;              /* Text      */
    --bg-th: #577399;                /* Kopf      */
    --caption-th: #fff;              /* Kopfzeile */
}

table {
    background-color: transparent;
    border-collapse:collapse;
    font-family: Arial, Helvetica, sans-serif;
}

th {
    text-align: left;
    background: var(--bg-th);
    color: var(--caption-th);
}

.dcf-txt-center {
      text-align: center!important;
    }

    .dcf-txt-left {
      text-align: left!important;
    }

    .dcf-txt-right {
      text-align: right!important;
    }

.dcf-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem;
    }

    .dcf-table thead {
      font-size: .84em;
    }

    .dcf-table tbody {
      border-bottom: 1px solid var(--b-table);
      border-top: 1px solid var(--b-table);
      font-size: .84em;
    }

    .dcf-table tfoot {
      font-size: .84em;
    }

    .dcf-table td, .dcf-table th {
      padding-right: 1.78em;
    }

    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 1px solid var(--b-table);
    }

    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      padding-left: 1em;
      padding-right: 1em;
    }

    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table);
    }

    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe);
    }

    .dcf-table thead td, .dcf-table thead th {
      padding-bottom: .75em;
      vertical-align: top;
    }

    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      padding-top: .75em;
      vertical-align: top;
    }

    .dcf-table tbody td, .dcf-table tbody th {
      padding-bottom: .75em;
    }

    .dcf-table-bordered thead th {
      padding-top: 1.33em;
    }

    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw;
    }

@media only screen and (max-width:1100px) {
      .dcf-table-responsive thead {
       /* clip: rect(0 0 0 0); */
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap;
      }
      .dcf-table-responsive tr {
        display: block;
      }
      .dcf-table-responsive td {
       /* -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;   */
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left!important;
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0,
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0;
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em;
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0;
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0;
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0;
      }
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em;
      }
    }

.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch;
    }

.dcf-w-100\% {
  width: 100%!important;
                }
/* -------------------------------------------------------- */