html, body {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

a:-webkit-any-link{
    color: inherit;
}

body {
    font-family: var(--font1);
    background-color: var(--bodyBack);
    /*background-color: #f2f2f2;*/
    /* color: #002859; */
    color: var(--tc, green);
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-variant-numeric: tabular-nums;/*macht die nummern in einer reihe*/
    /* für ältere Browser zusätzlich */
    -moz-font-feature-settings: "tnum";
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-weight: 300;
}

.container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.panel {
    max-width: 500px;
    max-height: 600px;
    background-color: #000000;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box; /* Includes padding and border in the element's total width and height */
    display: flex;
    flex-direction: column;
    margin: 5px;
}

.panel-content {
    font-size: 1em;
    color: white;
    flex-grow: 1;
    max-height: 600px;
    overflow: auto; /* Add this for scrolling */
    margin-bottom: 10px;
}

.panel-footer {
    margin-top: 15px;
    font-size: 0.8em;
    color: #bababa;
    text-align: right;
}

.panel-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

header {
    /*
    background-image: -webkit-linear-gradient(bottom left,#d2d8e0, 70%,#134274);
    background-image: linear-gradient(to top right,#d2d8e0, 70%,#134274);
    */
    background: var(--headerBack); /* Old browsers */
    background: -moz-linear-gradient(top, var(--headerBackGrad)); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, var(--headerBackGrad)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, var(--headerBackGrad)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0); /* IE6-9 */
    /*min-height: 2em;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}

h2 {
    color: var(--h2color);
}

header > h1 {
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly; /* distributes space evenly */

    /*padding: 6px;*/
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 370px;
    text-align: center;
    align-items: center; /* Vertically centers items */
    gap: 10px; /* optional spacing between logo and text */

}

header img {
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    padding-left: 20px;
    padding-right: 20px;
}

header > nav {
    /*border-bottom: 1px solid #889299;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

header > nav {
    /*background-color: #002859;*/
    /*background-color: #00FF00;*/
    margin: 0;
    width: 100%;
}

header > nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0.8em;
    margin: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 2px;
}

header > nav > ul > li {
    list-style-type: none;
    padding: 2px;
    display: flex;
}

/*header > nav a:link, header nav a:visited {*/
/*    background-image: -webkit-linear-gradient(top, var(--headerLinkVisited));*/
/*    !*background-image: -webkit-linear-gradient(top, #f2f2f2 50%, #d2d8df 100%);*!*/
/*    background-image: linear-gradient(to bottom, var(--headerLinkVisited));*/
/*    !*box-shadow: 1px 1px 0 #002859;*!*/
/*    color:  #FFFFFF;*/
/*    !*display: table-cell;*!*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    padding: 3px;*/
/*    text-decoration: none;*/
/*    text-align: center;*/
/*    vertical-align: middle;*/

/*}*/

/*header > nav a:hover {*/
/*    background-image: -webkit-linear-gradient(top, var(--headerLinkHover));*/
/*    !*background-image: -webkit-linear-gradient(top, #ff7900 0%, #f1e767 100%);*!*/
/*    background-image: linear-gradient(to bottom, var(--headerLinkHover));*/
/*    color: var(--tc);*/
/*    text-decoration: underline;*/
/*}*/

/*header > nav a:active {*/
/*    background-image: -webkit-linear-gradient(top, var(--headerLinkActive));*/
/*    !*background-image: -webkit-linear-gradient(top, #ff9900 0%, #f1f767 100%);*!*/
/*    background-image: linear-gradient(to bottom, var(--headerLinkActive));*/
/*    color: var(--tc);*/
/*    text-decoration: none;*/
/*}*/



header > nav a:link,
header > nav a:visited {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6em 1.2em;   /* Abstand Text zu Buttonrand */
    background: #000;       /* Schwarz */
    color: #fff;            /* Weiß */
    /*box-shadow: 0 2px 8px rgba(0,0,0,0.12);*/
    text-decoration: none;
    text-align: center;
    transition: background 0.22s, color 0.20s;
    font-weight: 400;
    border: none;
}

.left_menu::before,
.left_menu:visited::before {
    content: "";
    display: inline-block;
    width: 10px;          /* Größe des Quadrats */
    height: 10px;
    background: #fff;     /* Farbe des Quadrats */
    margin-right: 0.6em;  /* Abstand zum Text */
    border-radius: 2px;   /* falls leicht abgerundet */
}

header > nav a:hover {
    filter: invert(100%);
}

header > nav a:active {
    filter: invert(100%) brightness(85%); /* etwas dunkler beim Klick */
}



.unterHeader {
    background-color: var(--unterHeaderBack);
    /*background-color: #002859;*/
    color: #000000;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.headerRightMenueItems {
    display: flex;
}

.headerCenterMenueItems {
    margin-left: 23.8em;
    padding-left: 3px;
    font-weight: 400;
    font-size: 0.9em;
}

.messageFormTable {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

.messageFormTableCell {
    text-align: center;
}

#main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
}

#cnav {
    display: none;
}

#nav {
    background-color: var(--navBack);
    /*background-color: #d2d8e0;*/
    padding: 0;
    margin: 0;
    min-width: 8em;
    overflow: auto;
    width: 12em;
    scrollbar-width: thin;
    scrollbar-color:  black white;
}
#nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
}


.nurInhalt {

}

#nav > ul > li {
    list-style-type: none;
    margin-right: 15px;
    /*padding: 2px;*/
}

.mailFont {
    color: grey;
    font-size: 90%;
}

.fieldNumber {
    font-size: 0.8em;
    font-weight: 500;
}

.einstellungsModus {
    font-weight: 500;
    font-size: 1.2em;
}

.refreshButtonClass {
    padding: 1px;
    margin: auto;
    font-size: 1.7em;
}

.taRight {
    text-align: right;
}

/*.readOnlyClass.table_center > table {!*todo!*/
/*    width: 50em!important;*/
/*    table-layout: fixed*/
/*}*/

.readOnlyClass tbody {
    background-color: #F5F5F5;

}

td:has(> div:only-child > table:only-child) {
    padding: 0;
    background-color: #fff;
}

/* Optionally also remove margins on the inner table */
.readOnlyClass td > div:only-child > table:only-child {
    margin: 0;
}
.taCenter {
    text-align: center;
}

.taLeft {
    text-align: left;
}

.floatLeft {
    float: left;
    border-collapse: collapse;
}

.floatRight {
    float: right;
    border-collapse: collapse;
}

.floatNone {
    float: none;
    border-collapse: collapse;
}

.verticalAlign {
    vertical-align: middle;
}

.logoFloat {
    float: left;
    margin-right: 20px;
    width: 14em;
    height:auto;
    position: absolute;
    left: 0;
}

.logoFloatRight {
    float: right;
    margin-left: 20px;
    width: auto;
    height: auto;
    max-height: 40px;
    position: absolute;
    right: 0;
}

h1 .showHeadline {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; /* keeps the text on one line */
}
.bgImageRed {
    background: #F23F3A !important;
}

.bgImageGreen {
    background: #00B487 !important;
}

a.bgImageGreen:hover {
    color: #FFF !important;
}

.bgImageYellow {
    background: #FEFFB4 !important;
}

.bgImageWhite {
    background: #FFFFFF !important;
    filter: none !important;
    transition: filter 0.3s ease;
}

a.bgImageWhite:hover img {
    filter: brightness(80%);
}
.colorGreen {
    color: #00B487 !important;
}

.colorRed {
    color: #F23F3A !important;
}

.imagePadding {
    padding: 3px
}

.buttonAlign {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.version {
    font-weight: 500;
    font-size: 0.7em;
    margin-right: 15px;
}

/* Links ausrichten, wenn die Bildschirmbreite 768px oder kleiner ist (typisch für Mobilgeräte) */
/*@media (max-width: 768px) {
    table caption, .th {
        text-align: left;
    }
}
*/
#nav a:link,
#nav a:visited {
    display: flex;
    align-items: center; /* Vertikale Zentrierung von Icon & Text */
    background: rgb(184, 198, 223); /* Old browsers */
    background: -moz-linear-gradient(top, var(--navLinkVisited)); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, var(--navLinkVisited)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, var(--navLinkVisited)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0); /* IE6-9 */
    color: var(--tc);
    padding: 8px 4px 8px 4px;
    text-decoration: none;

}
#nav a:link::before,
#nav a:visited::before {
    content: "";
    flex-shrink: 0; /* Verhindert, dass das Quadrat schrumpft */
    width: 8px;
    height: 8px;
    background: #000;
    margin-right: 2em;
}
#nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav li:not(:last-child) a {
    border-bottom: 1px solid #000;
    padding: 10px 4px 10px 4px;
}

.left_menu {
    min-width: 330px !important; /*todo auf em umstellen*/
    margin-left: 5px !important;
    margin-top: -22px !important;

}


/*#nav a:hover {*/
/*    !*background-image: -webkit-linear-gradient(top, #ff7900 0%, #f1e767 100%);*!*/
/*    !*background-image: -webkit-linear-gradient(top, var(--navAHover));*!*/
/*    !*background-image: linear-gradient(to bottom, #ff7900 0%, #f1e767 100%);*!*/
/*    !*background-image: linear-gradient(to bottom, var(--navAHover));*!*/
/*    color: var(--tc);*/
/*}*/


/*Button Left Menu invert*/

#nav a {
    color: black;
    background-color: white;
    text-decoration: none;
}

#nav a:hover:not(.bgImageGreen):not(.bgImageRed):not(.bgImageBlue) {
    filter: invert(100%);
}

#nav a:active:not(.bgImageGreen):not(.bgImageRed):not(.bgImageBlue) {
    filter: invert(100%) brightness(85%);
}
/*Button Left Menu fett*/

/*#nav a {*/
/*    color: black;*/
/*    background-color: white;*/
/*    text-decoration: none;*/
/*}*/

/*#nav a:hover {*/
/*    font-weight: bold;*/
/*}*/

/*#nav a:active {*/
/*    font-weight: bold;*/
/*}*/



#article {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 25em);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center; /* horizontal */
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
    font-size: medium;
    margin: 0;
    min-width: 11em;
    padding: 0;
}

#article > ul {
    /*background-color: #d2d8e0;*/
    background-color: var(--articleBgColor);
    /*border-bottom: 1px solid #889299;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.8em;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    min-height: 2em;
    padding: 0;
    width: 100%;
}

#article > ul > li {
    list-style-type: none;
    padding: 2px;
    margin: 0;
}

/*#article > ul a:link, #article > ul a:visited {*/
/*    background-image: -webkit-linear-gradient(top, var(--articleLink));*/
/*    background-image: linear-gradient(to bottom, var(--articleLink));*/
/*    !*background-image: linear-gradient(to bottom, #0000FF 50%, #d2d8df 100%);*!*/
/*    border-radius: 3px;*/
/*    box-shadow: 1px 1px 0 #002859;*/
/*    color: var(--tc);*/
/*    display: table-cell;*/
/*    padding: 3px;*/
/*    text-decoration: none;*/
/*    text-align: center;*/
/*}*/

/*#article > ul a:hover {*/
/*    !*background-image: -webkit-linear-gradient(top, #ff7900 0%, #f1e767 100%);*!*/
/*    background-image: -webkit-linear-gradient(top, var(--articleHover));*/
/*    background-image: linear-gradient(to bottom, var(--articleHover));*/
/*    color: var(--tc);*/
/*    text-decoration: underline;*/
/*}*/

/*#article > ul a:active {*/
/*    background-image: -webkit-linear-gradient(top, var(--articleHover));*/
/*    background-image: linear-gradient(to bottom, var(--articleHover));*/
/*    color: var(--tc);*/
/*    text-decoration: underline;*/
/*}*/

#article > ul a:link,
#article > ul a:visited {
    background: var(--articleLink);
    color: #222;
    border: 1px solid #ced2d6;
    border-radius: 6px;
    box-shadow: none;
    display: inline-block;
    padding: 6px 10px;
    margin: 2px 4px;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    font-weight: 300;
    transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;

}

#article > ul a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
    text-decoration: none;
}
#article > ul a:active {
    background: #222;
    color: #fff;
    border-color: #222;
    text-decoration: none;
}

#article > article {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 100%;
    scrollbar-color: black white;

}

#article > footer {
    background-color: var(--footerBack);
    border-top: 1px solid #889299;
    font-size: 0.8em;
    min-height: 2em;
    margin: 0;
    overflow-x: auto;
    padding: 0;
    width: 100%;
}

#aside {
    border-left: 1px solid #889299;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 8em;
    max-width: 22em;
    padding: 3px;
    font-size: 0.7em;
    overflow-y: auto;
}

.rightMenue {
    height: 100vh;
    color: var(--tc);
    background: var(--navBack);
    overflow: hidden;
    transition: width 0.3s ease;
}

/* width collapsed / expanded */
.rightMenue[open] {
    width: 20em;
}

.rightMenue:not([open]) {
    width: 1em;
}

.rightMenue .label::after {
    content: '';
}

/* toggle button */
.rightMenue > summary {
    color: #FFFFFF;
    list-style: none;
    cursor: pointer;
    padding: 10px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rightMenue > summary::-webkit-details-marker {
    display: none;
}

.rightMenue > summary::marker {
    display: none;
}

.rightMenue:not([open]) .label {
    display: none;
}

/* arrow */
.rightMenue > summary::after {
    content: "▶"; /* default = right */
    display: inline-block;
    transition: transform 0.3s ease;
}

.rightMenue[open] > summary::after {
    transform: rotate(180deg); /* now points left */
}

.rightMenue div {
    margin-top: 2em;
    padding: 1em;
}

footer {
    background-color: var(--footerBack);
    color: black;
    border-top: 1px solid #889299;
    font-size: 1em;
    min-height: 1.6em;
    overflow: hidden;
    vertical-align: middle;
    padding: 4px;
}

footer p {
    margin: 0;
    padding: 0;
}

footer ul {
    background-color: var(--navBack);
    color: black;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

footer ul li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*border-left: 1px solid grey;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style-type: none;
    padding: 2px;
    vertical-align: middle;
}
footer ul li.button-group {
    justify-content: space-between;
    gap: 0.25em; /* small spacing between buttons */
    /*margin-left: auto; !* pushes this group to the far right *!*/
}
/*footer button {*/
/*    font-size: 1em;*/
/*}*/

footer button {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    /*padding: 0.6em 1.2em;*/
    background: #fff; /* Schwarz */
    color: #000; /* Weiß */
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    font-weight: 300;
    border: solid 1px #ced2d6;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background 0.22s, color 0.20s;
}

footer button:hover {
    background: #fff;       /* invertiert */
    color: #000;
    text-decoration: none;
}

footer button:active {
    background: #eee;       /* etwas dunkler beim Klicken */
    color: #000;
    text-decoration: none;
}



table caption {
    /*background-color: #d2d8e0;*/
    background-color: var(--navBack);
    border-color: #FFFFFF;
    /*border-width: 1px;*/
    /*border-style: solid;*/
    border-bottom: 0;
    font-size: 1.2em;
    padding-bottom: 10px;
    text-align: left;
    /*text-shadow: 0 -1px 0 #EEEEEE, 0 1px 0 #111111;*/
}

.before::before, .after::after {
    content: "\A";
    white-space: pre;
}

.tr_normal {
    font-size: 0.8em;
    font-weight: 300;
}

.tr_zwischensumme {
    background-color: var(--navBack);
    color: var(--tc);
    font-size: 0.8em;
    font-weight: 300;
    font-style: italic;
    text-align: right;
}

.tr_summe {
    background-color: var(--navBack);
    color: var(--tc);
    font-size: 0.8em;
    font-weight: 500;
    font-style: italic;
}

.tr_summe_jahr {
    background-color: var(--navBack);
    color: var(--tc);
    font-size: 1.0em;
    font-weight: 500;
    font-style: italic;
}

.tr_header_jahr {
    background-color: var(--navBack);
    color: var(--tc);
    font-size: 1.0em;
    font-weight: 500;
    text-align: center;
}

th {
    background-color: var(--navBack);
    color: var(--tc);
    font-size: 0.8em;
    font-weight: 500;
}

.th {
    background-color: var(--navBack);
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 1px;
    font-weight: 500;
    text-align: center;
}

.th a {
    color: #FFFFFF;
    color: #FFFFFF;
}

.thCol {
    background-color: var(--navBack);
    color: var(--tc);
    font-size: 0.8em;
    font-weight: normal;
}

td {
    padding-left: 5px;
    padding-right: 5px;
}

td input {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 5px;           /* Innenabstand für bessere Lesbarkeit */
    border: 1px solid #ccc;      /* dezente Umrandung */
    border-radius: 4px;          /* abgerundete Ecken */
    outline: none;               /* entfernt blauen Standard-Fokus */
    transition: border-color 0.2s, box-shadow 0.2s; /* sanfte Animation bei Fokus */
}

td input:focus {
    border-color: #000000;       /* blaue Umrandung beim Fokus */
}
.webshopMain table {
    border-collapse: separate;
    /*border-spacing:0 10px;*/
    margin: 0 auto 0 auto;
}

.webshopMain td {
}

.webshopInner {
    font-size: 1.2em;
    background: rgb(184, 198, 223);
    border-radius: 10px;
    padding: 10px;

}

.webshopInner td {
    /*background-color: #f2f2f2;*/
    border-radius: 0;
}

.webshopInner table {
    background-color: #f2f2f2;
    margin: 0 auto 0 auto;
    border-spacing: 0 0;
}

.radio {
    width: 10%;
    /*display: inline-block;*/
    /*vertical-align: middle;*/
}

.radioLabel {
    width: 90%;
    display: inline-block;
}

.radioLabel label::after {
    content: '';
}

.border {
    border-style: solid;
    border-color: #ffffff;
    border-width: 2px;        /* Standard für alle Seiten */
    border-bottom-width: 10px; /* Nur unten dicker */
    font-weight: 300;
}
td .border_trb{
    word-wrap: break-word;
}

.borderOrder {
    border-style: solid;
    border-color: #ff0000;
    border-width: 2px;
    font-weight: 300;
}
th.border {
    font-weight: 400;
}
.border_trb {
    /*border-top: 1px solid #FFFFFF;*/
    /*border-right: 1px solid #FFFFFF;*/
    border-bottom: 5px solid #FFFFFF;
    padding: 6px;
    /*border-left: 0 none #FFFFFF;*/

    /*
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
    */
}

.border_tbl {
    border-top: 1px solid #FFFFFF;
    border-right: 0 none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;


}

.border_trl {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 0 none #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

.border_rbl {
    border-top: 0 none #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

.border_rl {
    border-top: 0 none #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 0 solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

label {
    display: inline-block;
    /*max-width: 500px; raus, weil sonst bei Adresse die caption nicht passt. Warum wird das benötigt?*/
}

label::after {
    content: ':';
}

.table_center {
    margin: 0 auto;
    max-width: 100%;
}

article#art1 {
    display: grid;
}

/* Remove padding if the td contains ONLY another table */
table td > table:only-child {
    margin: 0;
}

td:has(> div:only-child > table:only-child) {
    padding: 0;
}

/* Optionally also remove margins on the inner table */
/*td > div:only-child > table:only-child {*/
/*    margin: 0;*/
/*}*/

.table_center table {
    /*border-collapse: collapse;*/
    margin: 0 auto;
}

/*.table_center table td :not(:has(form)){*/
/*    background-color: #F5F5F5;*/
/*}*/

.table_left .table_right table {
    /*border-collapse: collapse;*/
    margin: 0 0 0 auto;

}

.table_right table {
    /*border-collapse: collapse;*/
    margin: 0 0 0 auto;
}

.table_center .table_left table {
    /*border-collapse: collapse;*/
    margin: 0 auto 0 0;
}

.table_left table {
    /*border-collapse: collapse;*/
    margin: 0 auto 0 0;
}

.table_cell_vertical_align_top {
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
}

.inlineBlockFloatLeft {
    display: inline-block;
    vertical-align: top;
    float: left;
}

th.border a {
    color: black;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.1em;
}

th.border a:hover {
    color: #555;            /* dunkleres Grau beim Hover */
    text-decoration: none;
}

.table_left table tr {
    background-color: #F5F5F5;

}

.table_left table td {
    text-align: left;
    padding: 12px;
}

.inlineBlockVerticalAlignTop {
    display: inline-block;
    /*vertical-align: top;*/
}

.ListMargin th{
    padding-top: 20px;    /* Abstand oben */
    padding-bottom: 20px; /* Abstand unten */
}


.userSetttings table td tr{
    background: white !important;
}

.menubutton {
    margin: 0;
    padding: 4px;
    width: 95%;
    text-align: center;
    font-size: 0.9em;
}

select {
    max-width: 25em;
}

.defaultSelectionScreen {
    text-align: center;
    border-width: 1px;
    border-spacing: 0;
    padding: 2px;
    width: 100%;
}

.smallNormalFont {
    font-size: 0.7em;
    font-style: normal;
}

.middleNormalFont {
    font-size: 1.2em;
    font-style: normal;
}

.bigCenteredFont {
    font-size: 1.6em;
    text-align: center;
}

.msoFont {
    mso-ascii-font-family: Calibri;
    mso-hansi-font-family: Calibri;
    mso-bidi-font-family: Calibri;
}

.msoArialFont {
    font-size: 9.0pt;
    font-family: "Arial", sans-serif;
    color: grey;
    mso-ascii-font-family: Calibri;
    mso-hansi-font-family: Calibri;
    mso-bidi-font-family: Calibri;
}

.arialFont {
    font-size: 10.5pt;
    color: grey;
    font-family: "Arial", sans-serif;
}

.summeRatenRow {
    background-color: #d2d8e0;
    text-align: right;
}

.status {
    position: fixed;
    transform-origin: center;
    border-radius: 5px;
    margin-left: 30px;
    animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-direction: alternate;
}

.status_error_text {
    color: red !important;
    font-size: 20px;
}

.status_noerror_text {
    color: rgb(23, 112, 21) !important;
    font-size: 20px;
}




.impressum {
    float: right;
    font-size: 1.5em;
}

.hinweisPflichtfelder0 {
    float: right;
    font-size: 1.3em;
    margin-right: 0;
}

.hinweisPflichtfelder40 {
    float: right;
    font-size: 1.3em;
    margin-right: 40%;
}

.submitButton {
    text-align: center;
}

.summe {
    /*background: #98bede;*/
    background: var(--summe);
}

.ifbig {
    display: table-cell;
    /*max-width: 500px;*/
}

.ifbig1 {

}

.ifsmall {
    display: none;
}

.flex-container {
    display: flex;
    align-items: center;
}

.tabs {
    display: none;
}

.normal {
    /*color: #000069;*/
    color: var(--colorNormal);
    /*background-color: #eaeaea;*/
    background-color: var(--bgColorNormal);
    border-style: var(--borderNormal);
    border-width: 2px;
    border-color: #ffffff;
}

.marked {
    color: #000000;
    background-color: var(--bgColorMarked) !important;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
}

.spezial {
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    /*color: #660000;*/
    color: var(--colorSpezial);
    /*background-color: #ffff66;*/
    background-color: var(--bgColorSpezial);
    cursor: pointer;
    /*background: -webkit-linear-gradient(top, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%);*/
    background: -webkit-linear-gradient(top, var(--gradientSpezial));
    background: linear-gradient(to bottom, var(--gradientSpezial));
}

.selected {
    color: #000000;
    /*background-color: #aeaeae;*/
    background-color: var(--bgColorSelected)!important;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;

}

.labelTable {

    padding: 3px;
    text-align: left !important;
    padding-left: 5px !important;
}

.th {
    /*background: #d2d8e0;*/
    background-color: black !important;
    color: white;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 1px;
    font-weight: 300;
    text-align: center;
}

.td_right {
    text-align: right;
}

td > textarea {
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

td > ul {
    padding: 0;
    display: inline-block;
}

td > button, td > ul > li {
    display: inline-block;
    width: 100%;
}


button, td > ul > li {
    /*background-image: -webkit-linear-gradient(top, rgba(255, 245, 255, 1) 0%, rgba(255, 157, 089, 1) 100%);*/
    /*background-image: linear-gradient(to bottom, rgba(255, 245, 255, 1) 0%, rgba(255, 157, 089, 1) 100%);*/
    /*color: #002859;*/
    /*background: #98bede;*/
    background: var(--summe);
    margin: 0;
    padding: 5px;
    font-weight: 500;
    font-size: 1em;
    border-radius: 7px;
    /*text-shadow: -1px -1px #FFFFFF;*/

}

button, td > ul > li > a:link {
    text-decoration: none;
    color: #000000;
    font-family: var(--font2);
}

td > button {
    --bg: #fff;
    --fg: #000;
    background: var(--bg);
    color: var(--fg);
    font-family: var(--font2);
    text-decoration: none;
    border: 1px solid var(--fg);
    transition: background 0.2s, color 0.2s;
}

td > button:hover
{
    background: var(--fg);
    color: var(--bg);
    border-color: var(--bg);
}


button, td > ul > li > a:visited {
    text-decoration: none;
    font-family: var(--font2)
}

.standardButton{
    align-items: center;
    justify-content: center;
    /*padding: 0.6em 1.2em;*/
    background: #000;       /* Schwarz */
    color: #fff;            /* Weiß */
    font-weight: 400;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background 0.22s, color 0.20s;

}

.standardButton:hover {
    background: #ffffff;
    color: #000000;
}





button:disabled {
    color: gray;
    border: 1px solid #999999;
    background-color: #cccccc;
}

input[type='radio'] {
    zoom: 1.3;
    margin: 0 0.5em;
}
input[type='radio']:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
input[type='checkbox'] {
    zoom: 1.3;
    margin: 0 0.5em;
}

/*button:hover, td > ul > li:hover {*/
/*    !*background-color: #769cbc;*!*/
/*    background-color: var(--bgColorSpezial);*/
/*    !*background: -webkit-linear-gradient(top, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%);*!*/
/*    background: -webkit-linear-gradient(top, var(--gradientSpezial));*/
/*    background: linear-gradient(to bottom, var(--gradientSpezial));*/
/*    !*text-shadow: 1px 1px #002859;*!*/
/*}*/

.gf_button {
    position: absolute;
    margin-top: -10em;
    margin-left: 2em;
    z-index: 5;
}

.input_readonly {
    /*background-color: #efefef;*/
    background-color: var(--inputRo);
    color: #595959;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* lange Texte abschneiden mit "…" */
}
.input_readonly option {
    max-width: 20em;
    white-space: normal;
}

.input_normal {
    background-color: #FFFFFF;
}

.input_normal:focus {
    background-color: #92f7bf;
}

.input_required {
    /*background-color: #f9b6b6;*/
    background-color: var(--inputRequired);
}

.input_required:focus {
    /*background-color: #92f7bf;*/
    background-color: var(--inputRequiredFocus);
}

.input_normal_error {
    background-color: #FFFFFF;
}

.input_normal_error:focus {
    background-color: #f90404;
}

.input_required_error {
    background-color: #f9b6b6;
}

.input_required_error:focus {
    background-color: #f90404;
}

.nowrap {
    white-space: nowrap;
}

.displayNone {
    display: none;
}

.tab-wrap {
    display: none;
}

/* Menue zur Auswahl der Ansicht (wird nur bei kleiner Sreeenweite angezeigt) */
.tab_label {
    display: none;
}

/* Radios-Button zur Auswahl der Ansicht (werden nicht angezeigt) */
.tab {
    display: none;
}

@media only screen and (min-width: 150px) and (max-width: 834px) {
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="password"] {
        font-size: 16px;
    }
    table caption, .th {
        text-align: left;
    }

    .headerCenterMenueItems {
        margin: auto;
    }
    .ifbig {
        display: none;
    }

    .ifbig1 {
        display: none;
    }

    .ifsmall {
        display: table-cell;
        /*color: green;*/
        color: black;
        font-weight: 400;
    }

    label {
        font-style: italic;
        display: inline-block;
        max-width: 500px;
    }

    /*#main {*/
    /*	display: none;*/
    /*}*/
    /*.tab-wrap {*/
    #main {

        border-bottom: 1px solid #889299;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /*-webkit-flex-wrap: wrap;*/
        /*-ms-flex-wrap: wrap;*/
        /*flex-wrap: wrap;*/
        font-size: 0.8em;
        /*-webkit-box-pack: justify;*/
        /*-webkit-justify-content: space-between;*/
        /*#-ms-flex-pack: justify;*/
        /*justify-content: space-between;*/
        margin: 0;
        padding: 2px;
        position: relative;

        flex: 1;
        width: 100%;
        max-width: 100%;
        overflow: hidden;

    }

    .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(2) {
        opacity: 1;

        -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
        transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;

        position: relative;
        top: 0;
        z-index: 100;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        /*text-shadow: 0 0 0;*/
    }

    .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(3) {
        opacity: 1;

        -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
        transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;

        position: relative;
        top: 0;
        z-index: 100;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        /*text-shadow: 0 0 0;*/
    }

    .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(4) {
        opacity: 1;

        -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
        transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;

        position: relative;
        top: 0;
        z-index: 100;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        /*text-shadow: 0 0 0;*/
    }

    .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
        opacity: 1;

        -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
        transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;

        position: relative;
        top: 0;
        z-index: 100;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        /*text-shadow: 0 0 0;*/
    }

    /*.tab + label {*/
    .tab_label {
        cursor: pointer;
        /*border-bottom: 1px solid #889299;*/
        border-radius: 3px;
        /*box-shadow: 3px 3px 3px black;*/
        color: var(--tc);

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;


        align-items: center;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        #-ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        /*min-height: 4em;*/
        /*flex: auto;*/
        order: -1;
        /*overflow: hidden;*/
        margin-bottom: 1.3em;
    }

    .tab_label > label {
        font-weight: 400;
        font-size: 2.5em;
        font-style: normal;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center;
        -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
        transition: 0.3s background-color ease, 0.3s box-shadow ease;
        border: 1px solid #889299;
        border-radius: 6px;
        color: var(--tc);
        flex: auto;
        margin: 6px;
    }

    .tab_label > label:after {
        content: '';
    }


    .tab_label > label:hover {
        background-color: black;
        color: white;
    }

    .tab__content {
        /*padding: 10px 25px;*/
        background-color: transparent;
        position: absolute;
        width: 100%;
        z-index: -1;
        opacity: 0;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        /*-webkit-transform: translateY(-3px);*/
        /*transform: translateY(-3px);*/
        border-radius: 6px;
        padding: 3px;
    }

    .nurInhalt {

    }

    .tabs {
        border-bottom: 1px solid #889299;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 0.8em;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 2px;
    }

    .tabs li {
        list-style-type: none;
        padding: 2px;
        margin: 0;
    }

    select {
        color: #000;
        background-color: #fff;
        border: 1px solid #000;
    }

    .tabs a:link, .tabs a:visited {
        /*background-image: -webkit-linear-gradient(top, #f2f2f2 50%, #d2d8df 100%);*/
        background-image: -webkit-linear-gradient(top, var(--headerLinkVisited));
        background-image: linear-gradient(to bottom, var(--headerLinkVisited));
        border-radius: 3px;
        box-shadow: 1px 1px 0 black;
        color: var(--tc);
        display: table-cell;
        padding: 6px;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
    }

    .tabs a:hover {
        /*background-image: -webkit-linear-gradient(top, #ff7900 0%, #f1e767 100%);*/
        background-image: -webkit-linear-gradient(top, var(--articleHover));
        background-image: linear-gradient(to bottom, var(--articleHover));
        color: var(--tc);
    }

    .tabs a:active {
        /*background-image: -webkit-linear-gradient(top, #ff9900 0%, #f1e767 100%);*/
        background-image: -webkit-linear-gradient(top, var(--articleHover));
        background-image: linear-gradient(to bottom, var(--articleHover));
        color: var(--tc);
    }

    /*header {*/
    /*    min-height: 4em;*/
    /*    width: 100%;*/
    /*    width: 100%;*/
    /*    flex: 0;*/
    /*}*/
    header img {
        display: none;
    }

    header > h1 {
        font-size: 0.9em;
        padding-left: 0;
        margin: auto;
    }

    /*#main section:not(:target) {*/
    /*    !*display: none;*!*/
    /*}*/
    /*#main section:target {*/
    /*    display: -webkit-box;*/
    /*    display: -webkit-flex;*/
    /*    display: -ms-flexbox;*/
    /*    display: flex;*/
    /*    -webkit-box-orient: vertical;*/
    /*    -webkit-box-direction: normal;*/
    /*    -webkit-flex-direction: column;*/
    /*    -ms-flex-direction: column;*/
    /*    flex-direction: column;*/
    /*    width: 100%;*/
    /*    max-width: 100%;*/
    /*	display: none;*/
    /*}*/
    #nav {
        width: 100%;
    }

    #nav > ul {
        display: block;
    }

    #nav a:link, #nav a:visited {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-size: 1.2em;
    }

    /* Kontext-Menu bei kleimen Bildschirm */
    #cnav {
        border-right: 1px solid #889299;
        padding: 0;
        margin: 0;
        overflow: auto;
        display: flex;
        overflow-y: auto;
    }

    #cnav > ul {
        font-size: 0.9em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        width: 100%;
        display: block;
        padding: 0;
    }

    #cnav > ul > li {
        list-style-type: none;
        padding: 2px;
        /*margin-bottom: 2px;*/
    }

    #cnav a:link, #cnav a:visited {
        display: block;
        background: rgb(184, 198, 223); /* Old browsers */
        background: -moz-linear-gradient(top, var(--navLinkVisited)); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, var(--navLinkVisited)); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, var(--navLinkVisited)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0); /* IE6-9 */

        border-radius: 5px;
        box-shadow: 1px 1px 0 #002859;
        color: var(--tc);
        padding: 8px 4px 8px 4px;
        text-align: center;
        text-decoration: none;

        padding-top: 0.5em;
        padding-bottom: 0.5em;
        /*font-size: 0.9em;*/
        font-size: 1.2em;
    }


    #cnav a:hover {
        /*background-image: -webkit-linear-gradient(top, #ff7900 0%, #f1e767 100%);*/
        background-image: -webkit-linear-gradient(top, var(--articleHover));
        background-image: linear-gradient(to bottom, var(--articleHover));
        color: var(--tc);
        text-decoration: underline;
    }

    #cnav a:active {
        /*background-image: -webkit-linear-gradient(top, #ff9900 0%, #f1f767 100%);*/
        background-image: -webkit-linear-gradient(top, var(--articleHover));
        background-image: linear-gradient(to bottom, var(--articleHover));
        color: var(--tc);
        text-decoration: none;
    }


    /*#cnav {*/
    /*    background-color: #d2d8e0;*/
    /*    border-right: 1px solid #889299;*/
    /*    display: flex;*/
    /*    padding: 0px;*/
    /*    margin: 0px;*/
    /*    overflow: auto;*/
    /*}*/
    /*#cnav > ul {*/
    /*    width: 100%;*/
    /*    display: block;*/
    /*    padding: 0px;*/
    /*}*/
    /*#cnav > ul > li {*/
    /*    list-style-type: none;*/
    /*    padding: 2px;*/
    /*    margin-bottom: 2px;*/
    /*}*/
    /*#cnav a:link, #cnav a:visited {*/
    /*    display: block;*/
    /*    background-image: -webkit-linear-gradient(top, #f2f2f2, 50%, #d2d8df);*/
    /*    background-image: linear-gradient(to bottom, #f2f2f2, 50%, #d2d8df);*/
    /*    border-radius: 5px;*/
    /*    box-shadow: 1px 1px 0px #002859;*/
    /*    color: #002859;*/
    /*    padding: 8px 4px 8px 4px;*/
    /*    text-align: center;*/
    /*    text-decoration: none;*/
    /*    padding-top: 0.5em;*/
    /*    padding-bottom: 0.5em;*/
    /*    font-size: 0.9em;*/
    /*}*/
    /*#cnav a:hover {*/
    /*    background-image: -webkit-linear-gradient(top, #ff7900 0%, #f1e767 100%);*/
    /*    background-image: linear-gradient(to bottom, #ff7900 0%, #f1e767 100%);*/
    /*    color: #002859;*/
    /*    text-decoration: underline;*/
    /*}*/
    /*#cnav a:active {*/
    /*    background-image: -webkit-linear-gradient(top, #ff9900 0%, #f1f767 100%);*/
    /*    background-image: linear-gradient(to bottom, #ff9900 0%, #f1f767 100%);*/
    /*    color: #002859;*/
    /*    text-decoration: none;*/
    /*}*/
    #article {
        min-height: 1em;
    }

    #article > article {
        /*background-color: green;*/
    }

    #article > ul {
        /*border-top: 0px;*/
        /*border-bottom: 1px solid #889299;*/
        /*-webkit-box-ordinal-group: -1;*/
        /*-webkit-order: -2;*/
        /*-ms-flex-order: -2;*/
        /*order: -2;*/
        /*display: none;*/
        display: none;
    }

    /*#article > ul {*/
    /*    display: none;*/
    /*}*/
    #article footer {
        border-top: 0;
        border-bottom: 1px solid #889299;
        -webkit-box-ordinal-group: 0;
        /*footer auf erste Position bringen -webkit-order: - 1;*/
        -ms-flex-order: -1;
        order: -1;
    }

    body {
        overflow: hidden;
    }

    h1 .showHeadline {
        margin-top: -0.5em;
    }

    .table_center {
        margin: 0;
    }

}