* {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
   font-display: swap;
   -webkit-font-smoothing: antialiased;
   margin: 0;
   padding: 0;
   box-sizing: border-box;

}

p,
span,
div,
b,
small,
big,
th,
h1,
h2,
h3,
h4,
h5,
a {
   color: #ffffff;
}

#loginX {
   color: black;
}

#select_langu {
   width: 158px;
}

.crumbs_text {
   color: black;
}

A {
   text-decoration: none !important;
}

A:Hover {
   text-decoration: underline;
}

/* Index-Links: Explizite Farbe beim Hover - muss nach A:Hover kommen */
#index a:hover,
.index a:hover,
[id*="index"] a:hover,
td[class*="index"] a:hover,
td[id*="index"] a:hover,
table[class*="index"] a:hover,
table[id*="index"] a:hover,
.crumbs a:hover,
.crumbs_text a:hover,
.crumb a:hover,
.breadcrumb a:hover,
[class*="crumb"] a:hover,
[class*="index"] a:hover {
   color: #ffffff !important;
   background: transparent !important;
   opacity: 1 !important;
   text-decoration: underline !important;
   border: none !important;
   padding: 0 !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   font-weight: normal !important;
   display: inline !important;
}

/* Index-Links beim Hover: Text muss sichtbar bleiben */
#index a:hover,
.index a:hover,
[id*="index"] a:hover,
td[class*="index"] a:hover,
td[id*="index"] a:hover,
table[class*="index"] a:hover,
table[id*="index"] a:hover,
.crumbs a:hover,
.crumbs_text a:hover,
.crumb a:hover,
.breadcrumb a:hover,
[class*="crumb"] a:hover {
   color: #ffffff !important;
   background: none !important;
   opacity: 1 !important;
   text-decoration: underline !important;
   border: none !important;
   padding: 0 !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   font-weight: normal !important;
}

html {
   height: 100%;
   min-height: 100vh;
}

body {
   margin-left: 0em;
   margin-right: 0em;
   margin-top: 0em;
   margin-bottom: 0em;
   color: #ffffff;
   background-color: #605E5E;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
}

select {
   background-position: center right;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 0;
   overflow: hidden;
   padding-top: 2px;
   padding-bottom: 2px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

img {
   border: 0;
   border-style: none;
}

input,
textarea {
   color: black;
   background-color: #eeeeee;
   border-width: 0;
   padding: 0px;
}

.mark {
   border: 1px solid lightgrey;
}

tr.odd {
   background-color: #807e7e;
   border-bottom-width: 1px;
   border-bottom-color: black;
   border-bottom-style: solid;
   vertical-align: text-top
}

tr.even {
   background-color: #605E5E;
   border-bottom-width: 1px;
   border-bottom-color: black;
   border-bottom-style: solid;
   vertical-align: text-top
}

tr.head {
   background-color: #302020;
   color: #88ffff
}

tr.headline {
   background-color: #222222;
   color: #aaaaaa
}

/* Bewertungs-Buttons (bewertun_*) behalten ihre Originalfarben */
[id*="bewertun"],
a[id*="bewertun"],
button[id*="bewertun"],
span[id*="bewertun"] {
   /* Keine Überschreibung - Originalfarben bleiben erhalten */
   all: revert;
}

/* Index/Breadcrumb-Navigation soll NICHT als Buttons dargestellt werden */
.crumbs a,
.crumbs_text a,
.crumb a,
.breadcrumb a,
[class*="crumb"] a,
[class*="index"] a,
#index a,
.index a,
[id*="index"] a,
td[class*="index"] a,
td[id*="index"] a,
table[class*="index"] a,
table[id*="index"] a {
   background: none !important;
   border: none !important;
   padding: 0 !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   text-decoration: none !important;
   color: inherit !important;
   display: inline !important;
   font-weight: normal !important;
}

.crumbs a:hover,
.crumbs_text a:hover,
.crumb a:hover,
.breadcrumb a:hover,
[class*="crumb"] a:hover,
[class*="index"] a:hover,
#index a:hover,
.index a:hover,
[id*="index"] a:hover,
td[class*="index"] a:hover,
td[id*="index"] a:hover,
table[class*="index"] a:hover,
table[id*="index"] a:hover {
   background: none !important;
   border: none !important;
   text-decoration: underline !important;
   color: inherit !important;
   opacity: 1 !important;
}

/* Links generell nicht unterstrichen */
a {
   text-decoration: none !important;
}

a:hover {
   text-decoration: underline !important;
}

/* Index-Links: Hover-Regel muss nach allgemeiner a:hover Regel kommen */
#index a,
.index a,
[id*="index"] a,
td[class*="index"] a,
td[id*="index"] a,
table[class*="index"] a,
table[id*="index"] a,
.crumbs a,
.crumbs_text a,
.crumb a,
.breadcrumb a,
[class*="crumb"] a {
   color: #ffffff !important;
}

#index a:hover,
.index a:hover,
[id*="index"] a:hover,
td[class*="index"] a:hover,
td[id*="index"] a:hover,
table[class*="index"] a:hover,
table[id*="index"] a:hover,
.crumbs a:hover,
.crumbs_text a:hover,
.crumb a:hover,
.breadcrumb a:hover,
[class*="crumb"] a:hover {
   color: #ffffff !important;
   background: transparent !important;
   opacity: 1 !important;
   text-decoration: underline !important;
}

/* Explizite Button-Klassen - nur diese sollen verwendet werden */
/* Button-Grundstil */
button, .btn-gross, .btn-middle, .btn-small {
   background-color: #505050;
   color: #ffffff;
   padding: 4px 10px !important;
   border: 1px solid #404040;
   border-radius: 5px;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.2s ease;
   white-space: nowrap;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   display: inline-block;
   text-decoration: none;
   margin: 2px;
}

button:hover, .btn-gross:hover, .btn-middle:hover, .btn-small:hover {
   background-color: #606060;
   border-color: #505050;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
   transform: translateY(-1px);
}

button:active, .btn-gross:active, .btn-middle:active, .btn-small:active,.btn-middle-active {
   background-color: orange;
   color: black;
   padding: 4px 10px !important;
   border: 1px solid #404040 !important;
   border-radius: 5px !important;
   text-decoration: none !important;
   display: inline-block;
   transition: all 0.2s ease;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   white-space: nowrap;
   font-weight: 500;
   cursor: pointer;
   margin: 2px;
}

button:focus, .btn-gross:focus, .btn-middle:focus, .btn-small:focus {
   outline: 2px solid #88ffff;
   outline-offset: 2px;
}

button:disabled, .btn-gross:disabled, .btn-middle:disabled, .btn-small:disabled {
   opacity: 0.5;
   cursor: not-allowed;
   transform: none;
   background-color: #404040;
}

/* Button-Größen */
button.btn-gross, .btn-gross ,.btn-gross-active{
   padding: 10px 20px;
   font-size: 16px !important;
}

button.btn-middle, .btn-middle ,.btn-middle-active {
   padding: 6px 12px;
   font-size: 13px !important;
}

button.btn-small, .btn-small ,.btn-small-active {
   padding: 4px 8px;
   font-size: 11px !important;
}

/* whatsnew Liste - Tabellenformatierung für bessere Darstellung */
table[id*="whatsnew"],
[id*="whatsnew"] table,
[class*="whatsnew"] table {
  border-collapse: collapse !important;
  width: 100% !important;
}

table[id*="whatsnew"] tbody tr,
[id*="whatsnew"] tbody tr,
[class*="whatsnew"] tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

table[id*="whatsnew"] tbody tr:last-child,
[id*="whatsnew"] tbody tr:last-child,
[class*="whatsnew"] tbody tr:last-child {
  border-bottom: none !important;
}

table[id*="whatsnew"] tbody td,
[id*="whatsnew"] tbody td,
[class*="whatsnew"] tbody td {
  padding: 8px 12px !important;
  vertical-align: top !important;
  font-size: 16px !important;
  font-family: inherit !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
}

/* whatsnew Liste - Alle Elemente in Tabellenzellen sollen KEINE Button-Styles haben */
/* Diese Regel muss VOR den spezifischen Link-Regeln kommen, um alle Elemente zu erfassen */
table[id*="whatsnew"] tbody td > *,
[id*="whatsnew"] tbody td > *,
[class*="whatsnew"] tbody td > *,
table[id*="whatsnew"] tbody td a,
table[id*="whatsnew"] tbody td span,
table[id*="whatsnew"] tbody td div,
[id*="whatsnew"] tbody td a,
[id*="whatsnew"] tbody td span,
[id*="whatsnew"] tbody td div,
[class*="whatsnew"] tbody td a,
[class*="whatsnew"] tbody td span,
[class*="whatsnew"] tbody td div {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 4px 0 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline !important;
}


/* Navigationslinks in whatsnew - nur für explizite button-Elemente */
table[id*="whatsnew"] button,
[id*="whatsnew"] button,
[class*="whatsnew"] button {
  background-color: #505050 !important;
  color: #ffffff !important;
  padding: 8px 16px !important;
  border: 1px solid #404040 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  white-space: nowrap !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

table[id*="whatsnew"] button:hover,
[id*="whatsnew"] button:hover,
[class*="whatsnew"] button:hover {
  background-color: #606060 !important;
  border-color: #505050 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

/* Forum-Buttons: Nur für explizite button-Elemente */
.forum_options_container button {
   background-color: #505050 !important;
   color: #ffffff !important;
   padding: 4px 10px !important;
   border: 1px solid #404040 !important;
   border-radius: 5px !important;
   text-decoration: none !important;
   display: inline-block;
   transition: all 0.2s ease;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   white-space: nowrap;
   font-weight: 500;
   font-size: 12px;
   cursor: pointer;
   margin: 2px;
}

.forum_options_container button:hover {
   background-color: #606060 !important;
   border-color: #505050 !important;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
   transform: translateY(-1px);
   text-decoration: none !important;
}

.forum_options_container button:active {
   background-color: #404040 !important;
   transform: translateY(0);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* jQuery UI Button-Styles komplett deaktivieren - verhindert Design-Zerstörung */
.forum_options_container .ui-button,
.forum_options_container .ui-button-text,
.forum_options_container .ui-button-text-only,
.forum_options_container .ui-state-default,
.forum_options_container .ui-widget-content .ui-state-default,
.forum_options_container button .ui-button-text,
.forum_options_container button.ui-button .ui-button-text {
   background: none !important;
   background-color: transparent !important;
   border: none !important;
   padding: 0 !important;
   margin: 0 !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   font-weight: inherit !important;
   font-size: inherit !important;
   color: inherit !important;
   display: inline !important;
   line-height: inherit !important;
   text-align: inherit !important;
   text-decoration: none !important;
   white-space: inherit !important;
   transform: none !important;
   transition: none !important;
}

/* jQuery UI Button-Wrapper deaktivieren */
.forum_options_container button.ui-button {
   background-color: #505050 !important;
   color: #ffffff !important;
   padding: 4px 10px !important;
   border: 1px solid #404040 !important;
   border-radius: 5px !important;
   margin: 2px !important;
}

.forum_options_container button.ui-button:hover {
   background-color: #606060 !important;
   border-color: #505050 !important;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
   transform: translateY(-1px) !important;
}

.forum_options_container button.ui-button:active {
   background-color: #404040 !important;
   transform: translateY(0) !important;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.help {
   background-color: #adadad;
   color: black;
   font-style: italic
}

.help2 {
   color: LightBlue;
   font-style: italic;
}

.menutop {
   background-color: #aaaaaa;
   color: #101030;
   text-decoration: none;
   font-weight: bold;
}

.showhelp {
   background-color: blue;
   color: yellow
}

A.menutop:hover {
   background-color: #dede8d;
   color: brown;
   text-decoration: none;
}

A.menutop:active {
   color: #6495ED;
   background-color: black
}

.menutopactive {
   background-color: #aaaaaa;
   color: #101010;
   text-decoration: none
}

A.menutopactive:hover {
   background-color: #dede8d;
   color: black;
   text-decoration: underline;
}

.top_line {
   border-top: 1px solid #dddddd;
}

.menusub {
   background-color: #aaaaaa;
}

.menusub_h {
   background-color: #101010;
   color: #adadad;
   cursor: pointer;
}

.menusuba {
   background-color: orange;
   color: black;
   cursor: pointer;
}

.menusuba_h {
   background-color: black;
   color: orange;
   cursor: pointer;
}

.menusubl {
   background-color: #aaaaaa;
   color: #101010;
   white-space: nowrap;
}

.menusubgroup {
   background-color: #aaaaaa;
   color: black;
   padding: 3px;
   cursor: pointer;
   overflow: hidden;
   padding-right: 0px;
   border-bottom-color: #b4b4b4;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.menusubgroup:hover {
   background-color: white;
   border-bottom-color: #c4c4c4;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.menusubgroup_h {
   background-color: #aaaaaa;
   color: black;
   padding: 3px;
   cursor: pointer;
   overflow: hidden;
   padding-right: 0px;
}

.msubtab {
   width: 197px;
}

.msub {
   background-color: #bbbfbf;
color: #101010;
   cursor: pointer;
   padding: 3px;
   overflow: hidden;
   width: 197px;
   border-bottom-color: #c8c8c8;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.msuba {
   background-color: #605E5E;
   color: black;
   white-space: nowrap;
   cursor: pointer;
   width: 100%;
   padding: 3px;
}

.vor_nach_table tbody tr:hover,
.msub:hover,
.msub_h {
   background-color: white;
   color: white;
   overflow: auto;
   white-space: normal;
   word-wrap: break-word;
}

.msub_h {
   background-color: white;
   color: #909090;
   white-space: nowrap;
   cursor: pointer;
   padding: 3px;
}

.msubsel {
   background-color: #adadad;
   color: black;
   white-space: nowrap;
   cursor: pointer;
   padding: 3px;
}

.msub2 {
   background-color: #adadad;
   color: #909090;
   white-space: nowrap;
   cursor: pointer;
   padding: 3px;
}

.msuba_h {
   background-color: white;
   color: black;
   white-space: nowrap;
   cursor: pointer;
   padding: 3px;
}

.ind {
   color: black;
   overflow: hidden;
   width: 177px;
}

.indd {
   color: #081010;
   overflow: hidden;
   width: 177px;
}

.indx {
   color: #101010;
   overflow: hidden;
   width: 177px;
}

td>a.indx {
   text-align: right;
}

.ind_h {
   text-decoration: underline;
   overflow: hidden;
   width: 157px;
}

.indd2 {
   color: blue;
   overflow: hidden;
}

.indx2 {
   color: darkgreen;
   overflow: hidden;
}

.indd2:hover {
   color: black;
   background-color: #ddeeee
}

.indx2:hover {
   color: black;
   background-color: #ddeeee
}

.rechts_dezent {
   color: #aaaaaa;
   float: right
}

.rechts {
   float: right
}

.autotreffertab {
   background-color: #eeeeee;
}

.ma {
   text-decoration: none;
   color: black
}

.maa {
   text-decoration: none;
   color: rgb(255, 230, 0);
}

.mab {
   text-decoration: none;
   color: black;
   font-weight: bolder
}

.ma:hover {
   color: black;
}

.menusubactive {
   background-color: #aaaaaa;
   color: white;
   text-align: right;
   text-decoration: none;
}

.menusubactive:hover a {
   background-color: #dede8d;
   color: brown;
   text-align: right;
   text-decoration: underline;
}

.comment_ueberschrift {
   color: #FFA34F;
   font-size: 11px;
   background-color: #dddddd;
   height: 25px;
}

.user {
   background-color: #dddddd;
   color: #000000;
}

.success {
   font-weight: bold;
   background-color: green;
   color: white
}

.error {
   font-weight: bold;
   background-color: red;
   color: white
}

.forum_date {
   font-size: 85%
}

.forum_hier {
   font-size: 85%;
   color: lightblue;
   border: 0px none;
   margin: 0;
}

.forum_nachricht {
   width: 100%;
   background-color: #626262;
   color: #ffffff;
}

.chat_entry {
   background-color: #706e6e;
}

.blockquote {
   background-color: #626262;
   color: #ffffff;
   margin: 5px
}

.forum_ip {
   color: #eeffff;
   font-size: 60%
}

.forum_subject {
   font-size: 125%;
   color: #e2ffff;
   margin-bottom: 4px;
   border-bottom-width: 1px;
   border-bottom-color: #807e7e;
   border-bottom-style: solid;
}

.forum_subject>a {
   font-size: 111%;
   color: #e2ffff;
   margin-bottom: 4px;
}

.forum_input {
   background-color: white;
   color: black;
}

.border_unten {
   border-bottom-color: #807e7e;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.new_forum {
   background-color: #585858;
}

.forum_entry {
   /*   background-color: #585858; */
   color: #ffffff;
   vertical-align: top;
}

.forum_entry1 {
   /*
   background-color: #686868;
   */
   color: #ffffff;
}

.forum_entry2 {
   /*
   background-color: #757575;
   */
   color: #ffffff;
}

.forum_entry3 {
   /*
   background-color: #7a7a7a;
   */
   color: #ffffff;
}

.forum_entry4 {
   /*
   background-color: #7e7e7e;
   */
   color: #ffffff;
}

.forum_entry5 {
   /*
   background-color: #818181;
   */
   color: #ffffff;
}

.forum_entry6 {
   /*
   background-color: #868686;
   */
   color: #ffffff;
}

.forum_entry7 {
   /*
   background-color: #898989;
   */
   color: #ffffff;
}

.forum_entry8 {
   /*
   background-color: #8c8c8c;
   */
   color: #ffffff;
}

.forum_entry9 {
   /*
   background-color: #8f8f8f;
   */
   color: #ffffff;
}

.forum_entry10 {
   /*
   background-color: #929292;
   */
   color: #ffffff;
}

.forum_entry_sel {
   background-color: #990033;
   color: white;
}

.forum_entry_ue {
   background-color: #626262;
   color: lightblue;
}

.forum_vocs {
   background-color: #606060;
   color: #d2e2e2;
}

.werbung {
   background-color: #605E5E;
   color: #ffffff;
}

.werbung_pauker_at {
   color: white;
   background-color: #333333;
   text-align: right;
   font-family: arial;
   font-size: 9px
}

.werbung_box {
   background-color: #adadad;
   border-color: grey;
   border-style: solid;
   border-width: 1px;
   width: 160px;
   font-family: arial;
   font-size: 13px
}

.werbung_title {
   color: #444444;
   text-decoration: underline;
   font-family: sans-serif, arial;
   font-size: 13px;
   border: 0px
}

.werbung_line {
   color: #222222;
   font-family: sans-serif, arial;
   font-size: 13px;
   border: 0px
}

.werbung_url {
   font-family: arial, sans-serif;
   font-size: 10px;
   border: 0px
}

.admin_message {
   float: left;
   color: black;
   background-color: white;
   margin: 5px;
   margin-left: 0px;
   padding: 5px
}

.bewertung_1 {
   color: white;
   background-color: Green;
   cursor: pointer;
}

.bewertung_2 {
   color: black;
   background-color: GreenYellow;
   cursor: pointer;
}

.bewertung_3 {
   color: black;
   background-color: Yellow;
   cursor: pointer;
}

.bewertung_4 {
   color: black;
   background-color: Orange;
   cursor: pointer;
}

.bewertung_5 {
   color: black;
   background-color: Red;
   cursor: pointer;
}

.bewertung_6 {
   color: black;
   background-color: white;
   cursor: pointer;
}

.bewertung_7 {
   color: black;
   background-color: lightgrey;
   cursor: pointer;
}

.setup_codes {
   color: black;
   background-color: gainsboro;
   border-color: silver;
   border-style: solid;
   border-width: 1px;
   margin: 5px;
   margin-left: 0px;
   padding: 2px
}

.setup_codes_a {
   color: blue;
}

.setup_codes_ue {
   color: black;
   background-color: whitesmoke;
   border-color: black;
   border-style: solid;
   border-width: 1px;
   margin: 5px;
   margin-left: 0px;
   padding: 5px
}

.setup_codes_a:hover {
   color: #990033;
   text-decoration: underline
}

.blog_datum {
   font-style: italic
}

.blog_topic {
   color: #d0d0e0;
   font-size: 125%;
   margin-left: 8px;
   margin-bottom: 8px;
   margin-top: 4px
}

.blog_text {
   color: #e0e0e0;
   margin-left: 8px;
   margin-bottom: 8px
}

.solver {
   background-color: #727272;
   color: #ffffff;
   border-color: #828282;
   border-style: solid;
   border-width: 1px;
}

.datenblock {
   background-color: #807E7E;
   color: #d3d3d3;
   font-size: 85%
}

.datenblockp {
   background-color: #807E7E;
   color: #d3d3d3;
   font-size: 85%;
   cursor: pointer
}

.main {
   border-color: #808080;
   border-style: solid;
   border-width: 1px;
}

.main_bild {
   border-color: #808080;
   border-style: solid;
   border-width: 1px
}

.forum_sel_format {
   padding: 3px;
   border-color: #808080;
   border-style: solid;
   border-width: 1px
}

.forum_selected_yes {
   background-color: orange
}

.forum_selected_no {
   background-color: grey
}

.pl {
   text-decoration: none;
   cursor: pointer
}

.ueberschrift {
   background-color: #adadad;
   color: #101030;
   font-size: 100%
}

.ueberschrift_150 {
   background-color: #adadad;
   color: #101030;
   font-size: 110%
}

.langu_opt {
   color: lightblue;
   font-size: small
}

.dbtab {
   border-bottom-width: 0px;
   border-top-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   margin-top: 2px;
   padding: 0px;
   border-spacing: 0px;
   border-color: #d3d3d3;
   border-style: solid;
   width: 100%
}

.unterschrift {
   color: #d3d3d3;
   font-size: small;
   font-weight: lighter
}

.tab_open {
   border-width: 1px;
   border-top-width: 0px;
   display: block
}

.tab_close {
   display: none
}

.bilder {
   margin: auto;
   padding: 20px;
}

.bild {
   width: 80px;
   height: 80px;
   float: left;
   padding: 7px;
   border: 5px solid #888888;
   text-align: center;
}

.abwandeln {
   font-size: 80%;
   color: lightblue;
   cursor: pointer;
   padding: 2px;
   text-decoration: none;
   display: inline;
   font-style: italic;
}

.abwandeln:hover {
   font-size: 80%;
   color: yellow;
   cursor: pointer;
   padding: 2px;
   text-decoration: none
}

.type_box {
   font-size: 80%;
   color: lightblue;
   background-color: grey;
   padding: 2px;
   text-decoration: none;
}

.type_box_h {
   font-size: 80%;
   color: black;
   background-color: lightgreen;
   padding: 2px;
   text-decoration: none;
}

.type_box:hover {
   font-size: 80%;
   color: black;
   background-color: lightgreen;
   border-color: #343434;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   padding: 2px;
   text-decoration: none
}

.type_box_sel {
   font-size: 80%;
   color: white;
   background-color: green;
   border-color: #9a9a9a;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   padding: 2px;
   text-decoration: none;
}

.type_box_sel_h {
   font-size: 80%;
   color: black;
   background-color: lightgreen;
   border-color: #343434;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   padding: 2px;
   text-decoration: none;
}

.alpha_type {
   font-style: italic;
   color: #aaffff
}

.uebung_anweisung {
   color: black;
   background-color: gainsboro;
   box-shadow: 1px 1px 2px 2px gainsboro;
   padding: 3px;
   width: 100%
}

.zs_uebung_anweisung {
   color: black;
   background-color: gainsboro;
   border-color: black;
   border-style: solid;
   border-width: 1px;
   margin: 5px;
   margin-left: 0px;
   padding: 5px;
   width: 100%
}

.uebung_richtig {
   border-width: 3px;
   border-style: solid;
   padding: 1px;
   border-color: lightgreen;
   margin: 1px;
}

.uebung_falsch {
   border-width: 3px;
   border-style: solid;
   padding: 1px;
   border-color: red;
   margin: 1px;
}

.uebung_auswahl {
   border-width: 3px;
   border-style: solid;
   padding: 1px;
   border-color: white;
   margin: 1px;
}

.geschichte_satz {
   color: #ffffcc;
   font-size: 150%;
}

.trainertop {
   font-size: 150%;
   color: lightblue;
}

.trainer {
   font-size: 180%;
   color: white;
}

.gruppierung {
   font-size: 120%;
   color: white;
   padding-top: 8px
}

.satz_bemerkung {
   font-size: 80%;
   color: white;
   font-style: italic
}

a.wld {
   color: #eeffff;
   cursor: pointer
}

a.wld:hover {
   text-decoration: underline;
   color: #ffffff;
   cursor: pointer
}

a.wldo {
   color: #ccffff
}

a.wldo {
   text-decoration: none;
   color: #ffffff;
   cursor: pointer
}

a.wlx {
   color: #eeffff;
   cursor: pointer
}
.hover_ul:hover td{
      border-bottom: #000000 1px solid;
}
a.wlx:hover {
   text-decoration: underline;
   color: #ccffbb;
   cursor: pointer
}

.wlx:hover {
   text-decoration: underline;
   color: #ddffcc
}

.gr_td_show {
   background-color: #777777;
   color: #f0ffff;
   font-size: 90%
}

.gr_td_input {
   background-color: #777777;
   color: #f0ffff;
}

.gr_td_type {
   background-color: #666666;
   color: #d0ffd0;
   font-size: 90%;
   font-style: italic
}

.gr_td {
   background-color: #666666;
   color: #d0ffd0;
   font-size: 90%
}

.liste_table {
   background-color: #606060;
   color: #ffffff;
}

.liste_float {
   float: left;
   background-color: #606060;
   color: #ffffff;
}

.verb_regular {
   color: black
}

.verb_irregular {
   color: #C85A17
}

.diabild {
   float: left;
   cursor: pointer;
   background-color: #606060;
   color: #ffffff;
   padding: 0px
}

.vocs_qa_ok {
   color: black;
   font-weight: bold;
   background-color: lightgreen;
   padding: 2px;
   cursor: pointer;
}

.vocs_qa_ok:hover {
   background-color: green;
   color: white;
}

.vocs_qa_notok {
   color: black;
   font-weight: bold;
   background-color: red;
   padding: 2px;
   cursor: pointer;
}

.vocs_qa_notok:hover {
   background-color: darkred;
   color: white;
}

.vocs_qa_edit {
   color: black;
   background-color: #cccccc;
   padding: 2px;
   cursor: pointer;
   white-space: nowrap;
}

.vocs_qa_edit:hover {
   background-color: #dddddd;
   color: black;
}

.vocs_qa_edit_small {
   color: black;
   background-color: #909090;
   padding: 1px;
   cursor: pointer;
   font-size: 66%;
}

.vocs_qa_help {
   background-color: orange;
   color: black;
   padding: 4px 10px !important;
   border: 1px solid #404040 !important;
   border-radius: 5px !important;
   text-decoration: none !important;
   display: inline-block;
   transition: all 0.2s ease;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   white-space: nowrap;
   font-weight: 500;
   font-size: 12px;
   cursor: pointer;
   margin: 2px;
}

.vocs_qa_help:hover {
   background-color: #ffb510;
   color: black;
   padding: 4px 10px !important;
   border: 1px solid #404040 !important;
   border-radius: 5px !important;
   text-decoration: none !important;
   display: inline-block;
   transition: all 0.2s ease;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   white-space: nowrap;
   font-weight: 500;
   font-size: 12px;
   cursor: pointer;
   margin: 2px;
   transform: translateY(-1px);
   text-decoration: none !important;

}

.label {
   color: #eeffdd;
   background-color: #606060;
   padding: 3px;
   font-size: 120%;
   vertical-align: top;
}

.input_big {
   font-size: 120%;
   background-color: white;
}

.kategorie {
   margin: 1px;
   padding: 1px
}

.kategorie:hover {
   cursor: pointer;
   color: blue;
}

.such_tr,
.such_tr_even,
.such_tr_odd {
   color: white;
   background-color: #605E5E;
   padding: 2px;
   vertical-align: top;
   border-bottom-color: #807e7e;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.such_tr:hover td,
.such_tr_even:hover td,
.such_tr_odd:hover td {
   border-bottom-color: #cccccc;
}

.such_tr_ok {
   color: black;
   background-color: lightgreen;
   padding: 2px;
   cursor: pointer;
   vertical-align: top;
}

.such_tr_notok {
   color: black;
   background-color: red;
   padding: 2px;
   cursor: pointer;
   vertical-align: top;
}

.such_tr_head {
   color: black;
   background-color: #302020;
   padding: 2px;
   cursor: pointer;
   vertical-align: top;
   color: #d0e0f0;
}


.abkuerzung {
   font-style: italic;
   cursor: pointer;
}

.sort_inaktiv {
   color: #D0F0E0;
   cursor: pointer;
}

.sort_aktiv {
   color: white;
}

.nobreak {
   white-space: nowrap;
}

.paddingright {
   padding-right: 20px;
}

.gruppe_mitglied {
   padding-left: 15px;
}

.forum_status {
   color: #aaaaaa;
}

.form_row label {
   display: block;
   float: left;
   width: 150px;
   text-align: right;
   padding-right: 1em;
   overflow: wrap;
}

.recorder_applet {
   padding-left: 163px;
   padding-bottom: 10px;
}

.form_row input {
   clear: both;
}

.forum_vertonung {
   padding: 5px;
   border: 1px solid #AAA;
}

.vocs_vertonung {
   box-shadow: 0px 0px 8px gray;
   padding: 5px;
}

.vertonung_anleitung {
   padding: 5px;
   margin-bottom: 3px;
}

.vertonung_anleitung_header {
   padding: 5px;
   margin-bottom: 3px;
   white-space: nowrap;
}

.pointer {
   cursor: pointer;
}

.forum_options {
   color: black
}

.ui-autocomplete {
   background-color: #222222;
   opacity: 0.8;
}

.ui-menu-item {
   opacity: 0.9;
}

.ui-state-hover {
   background-color: black;
   color: orange;
   opacity: 1.0;
}

.highlite {
   color: black;
   background-color: yellow;
   box-shadow: 0px 0px 5px yellow;
}

.guetesiegel_user_ok {
   color: black;
   background-color: darkgreen;
}

.guetesiegel_user_notok {
   color: black;
   background-color: darkred;
}

.guetesiegel {
   background-color: grey;
   color: black;
   padding: 2px;
   float: left;
   cursor: pointer;
}

.guetesiegel_ok {
   background-color: lightgreen;
   color: black;
   padding: 2px;
   float: left;
   cursor: pointer;
}

.guetesiegel_notok {
   background-color: darkred;
   color: black;
   padding: 2px;
   float: left;
   cursor: pointer;
}

.haken {
   font-size: 150%;
   font-weight: bold;
   color: darkgrey;
}

.haken_ok {
   font-size: 150%;
   font-weight: bold;
   color: darkgreen;
}

.haken_notok {
   font-size: 150%;
   font-weight: bold;
   color: darkred;
}

.black {
   color: white;
}

.left {
   float: left;
}

#payload {
   padding: 15px;
}

#paukertoptop {
   padding: 5px 5px 5px;
   height: 73px;
   margin: 0px;
   background-color: #605E5E;
   vertical-align: text-top
}

;

.langu_shortcut {
   float: right;
}

.sprachen_shortcut {
   float: right;
   padding-right: 25px
}

.zeichenbrett {
   position: absolute;
   background-color: #99aaaa;
   opacity: 0.7;
}

#newmessages {
   float: left
}

.men {
   position: relative;
   list-style-type: none;
}

.men a {
   float: left;
   display: block;
   border: 1px solid grey;
   margin: 3px;
   padding: 3px;
   cursor: pointer;
   box-shadow: 4px 4px 5px #888888;
   text-decoration: none;
   background-color: #ECECEC;
   color: black;
   opacity: 0.9;
}

.men a:hover {
   color: red;
   background-color: #333333;
   box-shadow: 4px 4px 5px #333333;
}

.men a.active {
   color: white;
   background-color: black;
   box-shadow: 4px 4px 5px #333333;
}

.inhalt {
   clear: both;
   display: block;
}

.inhalt:not(:target) {
   display: none;
}

.ftd {
   width: 130px
}

.ftd:hover {
   background-position: 0 +50px;
}

.bs_nix {
   box-shadow: 3px 3px 3px grey;
}

.topten {
   color: #aaeeee;
   background-color: #605E5E;
   font-size: 200%;
   text-decoration: underline
}

.ausnahme {
   background-color: #88ffff;
   color: #302020
}

.ui-autocomplete-loading {
   background-color: white url('/ztools/images/pauker/ajax-loader5.gif') right center no-repeat;
}

.tr_de,
.td_de,
.div_de {
   background-color: lightgreen;
   color: black
}

.tr_xx,
.td_xx,
.div_xx {
   background-color: darkgreen;
   color: white
}

.satz_co {
   background-color: #605E5E;
   color: gray
}

/*# Kommentar*/
.satz_fr {
   background-color: darkgreen;
   color: white
}

/*# Frage*/
.satz_sp {
   background-color: blue;
   color: white
}

/*# Splitten*/
.satz_zu {
   background-color: blue;
   color: white
}

/*# Zusammenziehen*/

.regular-radio {
   background-color: #fafafa;
   border: 1px solid #cacece;
   padding: 9px;
   display: inline-block;
   position: relative;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.regular-radio:checked:after {
   content: ' ';
   width: 12px;
   height: 12px;
   position: absolute;
   top: 3px;
   background-color: #99a1a7;
   text-shadow: 0px;
   left: 3px;
   font-size: 32px;
   box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.regular-radio:checked {
   background-color: #e9ecee;
   color: #99a1a7;
   border: 1px solid #adb8c0;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.regular-radio:active,
.regular-radio:checked:active {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.uebung_satz {
   box-shadow: 3px 3px 6px #222222;
   clear: left;
   margin: 2px;
   padding: 2px;
}

.button-holder {
   display: inline-block;
   padding: 3px;
   margin: 3px;
   border: 0px;
   box-shadow: 0px 0px 2px grey;
}

.gruen {
   box-shadow: 0 0 2px 1px lightgreen;
   border: 1px solid lightgreen;
}

.rot {
   box-shadow: 0 0 2px 1px red;
   border: 1px solid red;
}

.gelb {
   box-shadow: 0 0 2px 1px yellow;
   border: 1px solid yellow;
}

.gruen_txt {
   color: lightgreen;
}

.rot_txt {
   color: orangered;
}

.wb_box_empty {
   opacity: 1;
}

.wb_box {
   background-color: #dddddd;
   color: black;
   padding: 3px;
   margin: 3px;
   vertical-align: top;
}

.wb_box a {
   color: black;
}

.gruen_box {
   background-color: lightgreen;
   color: black;
   box-shadow: 0 0 2px 1px lightgreen;
   border: 1px solid lightgreen;
   display: inline-block;
   padding: 3px;
   margin: 3px;
}

.rot_box {
   background-color: red;
   color: black;
   box-shadow: 0 0 2px 1px red;
   border: 1px solid red;
   display: inline-block;
   padding: 3px;
   margin: 3px;
}

.reiter {
   margin: 5px;
   padding: 3px;
   background-color: gray;
   box-shadow: 1px 1px 11px 2px gray;
   font-size: 15px
}

.reiter:hover,
.reitera {
   margin: 5px;
   padding: 3px;
   background-color: #bbbbbb;
   font-size: 15px;
   color: #FFFFFF;
   font-weight: bold;
}

.datagrid table {
   border-collapse: collapse;
   text-align: left;
}

.datagrid {
   font: normal 12px/150% Arial, Helvetica, sans-serif;
   background-color: #fff;
   overflow: hidden;
   border: 1px solid #8C8C8C;
}

.datagrid b {
   color: black
}

.datagrid a {
   color: darkblue
}

.datagrid table th {
   padding: 3px 10px;
}

.datagrid table thead th {
   background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D));
   background-color: -moz-linear-gradient(center top, #8C8C8C 5%, #7D7D7D 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
   background-color: #8C8C8C;
   color: #FFFFFF;
   font-size: 15px;
   font-weight: bold;
   border-left: 1px solid #A3A3A3;
}

.datagrid table thead th:first-child {
   border: none;
}

.datagrid table tbody td {
   color: #4D4D4D;
   border-left: 1px solid #DBDBDB;
   font-size: 12px;
   font-weight: normal;
}

.datagrid table tbody .alt td {
   background-color: #EBEBEB;
   color: #4D4D4D;
}

.datagrid table tbody td:first-child {
   border-left: none;
}

.datagrid table tbody tr:last-child td {
   border-bottom: none;
}

.datagrid table tfoot td div {
   border-top: 1px solid #8C8C8C;
   background-color: #EBEBEB;
}

.datagrid table tfoot td {
   padding: 0;
   font-size: 12px
}

.datagrid table tfoot td div {
   padding: 2px;
}

.datagrid table tfoot td ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: right;
}

.datagrid table tfoot li {
   display: inline;
}

.datagrid table tfoot li a {
   text-decoration: none;
   display: inline-block;
   padding: 2px 8px;
   margin: 1px;
   color: #F5F5F5;
   border: 1px solid #8C8C8C;
   background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D));
   background-color: -moz-linear-gradient(center top, #8C8C8C 5%, #7D7D7D 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
   background-color: #8C8C8C;
}

.datagrid table tfoot ul.active,
.datagrid table tfoot ul a:hover {
   text-decoration: none;
   border-color: #7D7D7D;
   color: #F5F5F5;
   background-color: none;
   background-color: #8C8C8C;
}

.loesungen {
   margin-top: 10px;
   background-color: darkblue;
   box-shadow: 0 0 2px 4px darkblue;
}

.loesung_aktiv {
   opacity: 1;
}

.loesung_inaktiv {
   opacity: 0.5;
}

.treffer {
   color: orange
}

.username {
   color: white
}

.forum_satz_controls span {
   background-color: #111111;
   color: #eeeeee;
   cursor: pointer;
   box-shadow: 1px 1px 4px 2px #888888;
   padding: 5px;
   margin: 7px
}

.forum_satz_controls span:hover {
   background-color: #111111;
   color: orange;
   cursor: pointer;
   box-shadow: 1px 1px 4px 2px orange;
   z-index: 100
}

.forum_satz_replaced {
   opacity: 0.5;
}

.forum_satz_ignore {
   opacity: 0.5;
}

.forum_satz_comment {
   background-color: white;
   color: black;
   font-size: 70%
}

.forum_satz_dialog {
   display: table;
   background-color: black
}

.ui-dialog .ui-dialog-title {
   float: left;
   margin: 0.1em 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 90%;
   box-shadow: 1px 1px 3px 2px #999999;
}

.ui-dialog .ui-dialog-content {
   border: 0 none;
   overflow: auto;
   padding: 0.5em 1em;
   position: relative;
   box-shadow: 1px 1px 3px 2px #999999;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
   border-collapse: collapse;
   content: "";
   display: table;
}

.ui-helper-clearfix:after {
   clear: both;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
   border-collapse: collapse;
   content: "";
   display: table;
}

.ui-dialog .ui-dialog-buttonpane {
   background-image: none;
   border-width: 1px 0 0;
   margin-top: 0.5em;
   padding: 0.3em 1em 0.5em 0.4em;
   text-align: left;
}

.satz {
   padding: 1px;
}

.satz_inline {
   display: inline;
}

.satz_outline {
   line-height: 1.5;
   border: 1px dotted;
   cursor: move;
}

.satz_vorschlag {
   cursor: pointer;
   border: 1px solid lightblue;
   padding: 1px;
   display: inline;
   margin: 1px;
   white-space: nowrap;
}

.satz_vorschlag:hover {
   border-color: orange;
   background-color: white;
   color: black;
}

.satz_de {
   border-color: orange;
}

.satz_de:hover,
.satz_de:hover a,
.satz_de:hover span,
.satz_de:hover div {
   color: black;
   background-color: orange;
}

.satz_xx {
   border-color: lightgreen;
}

.satz_xx:hover a,
.satz_xx:hover span,
.satz_xx:hover div {
   color: black;
   background-color: lightgreen;
}

.satz_de.rahmen {
   border: 2px solid orange;
}

.satz_xx.rahmen {
   border: 2px solid lightgreen;
}

.fs_tfid {
   border: 1px solid grey;
   line-height: 1.5;
}

.satz_de:hover,
.fs_hover,
.fs_hover_de {
   background-color: orange;
   color: black;
}

.fs_hover_xx {
   background-color: lightgreen;
   color: black;
}

.fswg_hover {
   background-color: black;
}

.forum_satz_menu {
   background-color: darkgrey;
   border: 1px;
   padding: 1px;
   border-radius: 4px
}

.drophover {
   background-color: yellow;
   color: black;
   display: block;
   line-height: 1.5;
   border: 1px dotted;
}

.inaktiv {
   opacity: 0.5;
}

.fs_verbessert {
   color: lightblue;
   font-size: x-small;
   cursor: pointer
}

.word_de {
   border-color: lightblue;
}

.word_xx {
   border-color: lightgreen;
}

.word_de:hover {
   background-color: blue;
}

.word_xx:hover {
   background-color: green;
}

.synonym {
   color: #101010
}

.synonyme span {
   color: #101010;
   background-color: transparent;
}

.linon {
   list-style-type: none;
}

.table_100 {
   width: 100%;
   border: 0;
   border-spacing: 0;
   border-collapse: collapse;
   padding: 0
}

.table_1000 {
   max-width: 1000px;
   border: 0;
   border-spacing: 0;
   border-collapse: collapse;
   padding: 0
}

.tdnone {
   text-decoration: none
}

.fs70clb {
   font-size: 70%;
   color: lightblue
}

.black {
   color: black
}

.tabusername {
   float: left;
   height: 100%;
}

.forum_message {
   float: left;
   width: 100%;
   height: 100%;
}

.schlagwort {
   font-style: italic;
   color: lightblue;
}

ul.wortarten {
   list-style: none;
}

ul.wortarten li {
   display: inline;
   padding: 3px;
   margin: 3px;
   box-shadow: 0px 0px 1px 3px white;
}

ul.wortarten li:hover,
ul.wortarten li.active {
   box-shadow: 0px 0px 5px 6px orange;
   cursor: pointer;
}

.aktiv {
   font-size: 140%;
}

.sound_rec {
   color: red;
}

.vorschlag {
   color: blue;
}

.abwandeln_table {
   background-color: gray;
   box-shadow: 0px 0px 5px 6px gray;
   opacity: 1;
}

.abwandeln_table * {
   font-size: 11px;
}

div#verb_popup {
   display: none;
   position: absolute;
   width: 290px;
   padding: 10px;
   background: #eeeeee;
   color: #000000;
   border: 1px solid #1a1a1a;
   font-size: 90%;
}

div#verb_popup table {
   width: 290px;
}

div#verb_popup td {
   background: #eeeeee;
   border: 1px solid #ffffff;
}

.inhalt_aktiv {
   display: block;
}

.inhalt_inaktiv {
   display: none;
}

.highlight {
   color: orange;
   background-color: #111111;
}

#forum__text_td {
   position: relative;
}

#suchediv {
   position: relative;
}

.suche {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 11;
   background: transparent;
}

.suchevorschlag {
   position: absolute;
   top: 0;
   left: 0;
   background: white;
   z-index: 10;
   color: #aaaaaa;
}

.alphabet td {
   font-size: 150%;
   border: 1px solid #888888;
}

ul.adjektiv_liste,
ul.adjektiv_eintrag {
   list-style: none;
}

ul.adjektiv_eintrag li {
   display: inline-block;
   width: 20%;
   padding: 3px;
   margin: 3px;
}

ul.adjektiv_eintrag li.rang {
   width: 30px;
}

ul.adjektiv_liste li,
ul.adjektiv_eintrag li {
   border: 1px solid transparent;
}

ul.adjektiv_liste li:hover,
ul.adjektiv_eintrag li:hover {
   cursor: pointer;
   border: 1px solid #888888;
}

ul.list {
   list-style: none;
   padding-left: 0px;
   margin-left: 0px;
}

ul.inline,
ul.inlineblock {
   padding-left: 0px;
}

ul.inline li {
   list-style: none;
   display: inline;
   padding: 3px;
   padding-left: 0px;
   margin: 3px;
   margin-left: 0px;
}

ul.inlineblock li {
   list-style: none;
   display: inline-block;
   padding: 3px;
   padding-left: 0px;
   margin: 3px;
   margin-left: 0px;
}

.klein {
   font-size: small;
}

.werbung_neben_logo {
   position: absolute;
   top: -85px;
   left: 0px;
   width: 190px;
   padding: 3px;
   background-color: #eeeeee;
}

.werbung_neben_logo.werbung_url {
   color: orange
}

.werbung_neben_logo.werbung_line {
   color: orange
}

.align_right {
   text-align: right;
}

.valign_top {
   vertical-align: top;
}

.t0 {
   border-spacing: 0px;
   padding: 0px;
   border-width: 0px;
   box-shadow: 0 4px 10px 0 rgba(255,255,254,0.2),0 4px 20px 0 rgba(255,255,255,0.19);
   border-radius: 10px;
}

.w100 {
   width: 100%
}

.w60 {
   width: 60%
}

.w25px {
   width: 25px
}

.h100 {
   height: 100%
}
.footer{
   font-size:small;
   text-align: center;
   width: 100%;
   box-sizing: border-box;
   margin-top: auto !important; /* Push footer to bottom */
   flex-shrink: 0 !important; /* Footer nicht schrumpfen lassen */
}
.footer>a{
   font-size:small;
}

/* Footer immer am unteren Rand von #main */
#main {
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100vh - 20px) !important; /* Viewport-Höhe minus margin-top */
  position: relative !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Reduziere Abstand oberhalb von h1 */
#main h1:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#payload h1:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#main #payload {
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  min-height: 0 !important;
}

#main .footer {
  margin-top: auto !important;
  flex-shrink: 0 !important;
  position: relative !important;
  width: 100% !important;
}

/* Pauker Menü-System Styles */
/* Responsive Layout */
@media screen and (max-width: 992px) {
  #main {
    margin-left: 0 !important;
  }
}

/* Bessere Lesbarkeit in Sidebars */
#mySidebar .w3-bar-item,
#myRightSidebar .w3-bar-item {
  color: #212121 !important;
}

/* Cursor im Suchfeld sichtbar machen */
#suche {
  caret-color: #212121 !important;
}

#mySidebar .w3-dark-grey,
#myRightSidebar .w3-dark-grey {
  color: #fff !important;
}

#myRightSidebar table,
#myRightSidebar td,
#myRightSidebar a {
  color: #212121 !important;
}

#myRightSidebar .menusubgroup,
#myRightSidebar .menusub {
  color: #212121 !important;
}

/* Ausrichtung für neue Einträge - Felder auf einer Linie */
/* Stelle sicher, dass alle TD-Elemente in der Zeile mit Eingabefeldern vertikal ausgerichtet sind */
table tr:has(td.forum_entry) td,
table tr:has(td.nobreak) td {
  vertical-align: top !important;
}

/* Fallback für Browser ohne :has() Support - alle TD in Zeilen mit forum_entry oder nobreak */
table td.forum_entry,
table td.nobreak,
table td.forum_entry ~ td,
table td.nobreak ~ td {
  vertical-align: top !important;
}

table td.forum_entry input.input_big,
table td.nobreak input.input_big,
table td input.input_big {
  vertical-align: middle;
}

table td.forum_entry button,
table td.nobreak button,
table td button {
  vertical-align: middle;
  margin-left: 5px;
}

/* Loading-Spinner für Menü-Links */
.menu-loading {
  display: inline-block !important;
  border-radius: 50% !important;
  animation: spin 0.8s linear infinite !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* Loading-Spinner im Menü (neben dem Link) */
.menu-loading-inline {
  width: 14px !important;
  height: 14px !important;
  border: 2px solid rgba(33, 33, 33, 0.2) !important;
  border-top: 2px solid #212121 !important;
  margin-left: 8px !important;
  position: relative !important;
  top: 2px !important;
  flex-shrink: 0 !important;
}

/* Loading-Spinner im Footer */
.footer .menu-loading-footer {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(33, 33, 33, 0.2) !important;
  border-top: 2px solid #212121 !important;
  margin-left: 10px !important;
  position: relative !important;
  top: 3px !important;
  flex-shrink: 0 !important;
}


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Loading-Spinner für Buttons */
.loading-spinner {
  display: inline-block;
  animation: spin 1s linear infinite;
  margin-left: 8px;
}

/* "Antworten"-Button: Langsame Opacity-Transition */
.forum-button-antworten,
a[href*="antworten"],
a[href*="Antworten"],
span[onclick*="answer"],
span[onclick*="Answer"] {
  transition: opacity 0.5s ease-in-out !important;
}

/* Forum-Liste: Container für horizontalen Scroll bei schmalen Bildschirmen */
.forum_liste {
  overflow-x: auto !important;
  overflow-y: visible !important;
  width: 100% !important;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling auf iOS */
}

/* Forum-Liste: Keine Zeilenumbrüche in den Tabellenzeilen */
/* Diese Regeln haben Vorrang vor den allgemeinen table td.forum_entry Regeln */
.forum_liste table {
  min-width: 100% !important;
  width: auto !important;
}

.forum_liste table tbody,
.forum_liste table tbody tr,
.forum_liste table tbody tr.antwort {
  white-space: nowrap !important;
  word-break: keep-all !important;
  word-wrap: normal !important;
}

.forum_liste table tbody tr td,
.forum_liste table tbody tr td.forum_entry,
.forum_liste table tbody tr td.nobreak,
.forum_liste table tbody tr.antwort td,
.forum_liste table tbody tr.antwort td.forum_entry {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
  word-wrap: normal !important;
  /* vertical-align bleibt top, wie in den allgemeinen Regeln */
}

/* Alle Elemente innerhalb der Tabellenzellen */
.forum_liste table tbody tr td *,
.forum_liste table tbody tr td.forum_entry *,
.forum_liste table tbody tr td.nobreak *,
.forum_liste table tbody tr.antwort td *,
.forum_liste table tbody tr.antwort td.forum_entry * {
  white-space: nowrap !important;
  word-break: keep-all !important;
  word-wrap: normal !important;
}

/* Links innerhalb der Forum-Liste */
.forum_liste table tbody tr td.forum_entry a,
.forum_liste table tbody tr.antwort td.forum_entry a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  word-break: keep-all !important;
  word-wrap: normal !important;
}

/* Verstecke <br> Tags in der Forum-Liste */
.forum_liste table tbody tr td br,
.forum_liste table tbody tr td.forum_entry br,
.forum_liste table tbody tr td.nobreak br,
.forum_liste table tbody tr.antwort td br,
.forum_liste table tbody tr.antwort td.forum_entry br {
  display: none !important;
}

/* Allgemeine Regeln für Tabellen mit tr.antwort (falls außerhalb von .forum_liste) */
table tbody tr.antwort,
table tbody tr.antwort td,
table tbody tr.antwort td.forum_entry {
  white-space: nowrap !important;
  word-break: keep-all !important;
  word-wrap: normal !important;
}

table tbody tr.antwort td {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

table tbody tr.antwort td *,
table tbody tr.antwort td.forum_entry * {
  white-space: nowrap !important;
  word-break: keep-all !important;
  word-wrap: normal !important;
}

table tbody tr.antwort td.forum_entry a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  word-break: keep-all !important;
  word-wrap: normal !important;
}

table tbody tr.antwort td br,
table tbody tr.antwort td.forum_entry br {
  display: none !important;
}

/* Hamburger-Menü: Positionierung auf mobilen Geräten */
@media screen and (max-width: 992px) {
  /* Hamburger-Menü links positionieren (vor "pauker.at") */
  #openNav {
    left: 0 !important;
    right: auto !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    z-index: 4 !important;
  }
  
  /* "pauker.at" nach rechts verschieben, wenn Hamburger-Menü sichtbar ist */
  #navigation .w3-bar-item:first-of-type {
    margin-left: 48px !important; /* Platz für Hamburger-Menü */
  }
  
  /* Sidebar bei schmalen Bildschirmen: Standardmäßig versteckt */
  #mySidebar.w3-hide-small {
    display: none !important;
  }
  
  /* Sidebar wenn geöffnet: Links positioniert, über dem Inhalt */
  #mySidebar.w3-show,
  #mySidebar[style*="display: block"] {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    top: 60px !important;
    width: 200px !important;
    z-index: 5 !important;
    height: calc(100% - 60px) !important;
    overflow-y: auto !important;
  }
  
  /* Overlay für geschlossenes Menü */
  #myOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 4;
  }
  
  /* Overlay wenn Menü offen */
  #myOverlay[style*="display: block"] {
    display: block !important;
  }
  
  /* Body: Keine Verschiebung bei schmalen Bildschirmen - Sidebar liegt als Overlay */
  body {
    margin-left: 0 !important;
  }
  
  /* #main: Immer ganz links bei schmalen Bildschirmen */
  #main {
    margin-left: 0 !important;
  }
}

/* Whatsnew Topic - Responsive Kürzung */
.forum_entry.whatsnew_topic {
  max-width: 200px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Responsive Anpassung für größere Bildschirme */
@media screen and (min-width: 768px) {
  .forum_entry.whatsnew_topic {
    max-width: 300px !important;
  }
}

@media screen and (min-width: 1024px) {
  .forum_entry.whatsnew_topic {
    max-width: 400px !important;
  }
}

@media screen and (min-width: 1440px) {
  .forum_entry.whatsnew_topic {
    max-width: 500px !important;
  }
}

/* Header Navigation - Fixed Position */
#navigation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
}

/* Main Content - Abstand für fixed Header und Sidebar (nur bei größeren Bildschirmen) */
@media screen and (min-width: 993px) {
  #main {
    margin-left: 200px !important;
    margin-top: 60px !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* Sidebar - sicherstellen, dass sie den Inhalt nicht verdeckt */
#mySidebar {
  position: fixed !important;
  left: 0 !important;
  top: 60px !important;
  width: 200px !important;
  z-index: 2 !important;
  height: calc(100vh - 60px) !important;
  overflow-y: auto !important;
}

/* H1 Titel nach Header - mit Abstand */
#main h1:first-of-type {
  margin: 60px 0 20px 0 !important;
  padding: 10px !important;
  color: #fff !important;
  background: transparent !important;
}

/* Rechtes Menü - Farben */
#myRightSidebar .menusubgroup,
#myRightSidebar .menusub {
  color: #212121 !important;
}

/* Hauptinhalt anpassen wenn rechte Sidebar offen */
#myRightSidebar[style*="display: block"] ~ #main {
  margin-right: 250px;
}

/* Altes rechtes Menü komplett ausblenden */
#paukerrechts,
#paukerrechts *,
td#paukerrechts,
.paukerrechts,
td.valign_top.menusub#paukerrechts {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}

/* JavaScript für Button-Erkennung - wird direkt in CSS eingebettet */
/* Dies wird durch einen Script-Tag im HTML ausgeführt */

/* Keine impliziten Button-Definitionen für Links - nur explizite button-Elemente */

/* Foren-Buttons ausblenden - mit eindeutigen Klassen (viel lesbarer!) */
/* Bewertung KOMPLETT ausblenden */
.forum-bewertung-container,
.forum-bewertung-item,
.forum-button-bewertung,
.bewertung_1,
.bewertung_2,
.bewertung_3,
.bewertung_4,
.bewertung_5,
td[class*="bewertung"],
td[onclick*="showbemerkung"],
td[onclick*="bemerkung"] {
  display: none !important;
  visibility: hidden !important;
}

/* "Ändern" Button ausblenden (außer "Kopftext ändern") */
.forum-button-aendern:not([onclick*="Kopftext"]) {
  display: none !important;
  visibility: hidden !important;
}

/* "Korrektur" Button ausblenden */
.forum-button-korrektur {
  display: none !important;
  visibility: hidden !important;
}

/* "Aufbereiten" Button ausblenden */
.forum-button-aufbereiten {
  display: none !important;
  visibility: hidden !important;
}

/* "Urheberrecht" Button ausblenden */
.forum-button-urheberrecht {
  display: none !important;
  visibility: hidden !important;
}


/* Forum-Formular nach Speichern ausblenden */
tr[id^="mod_forum_new_form_"][style*="display: none"],
tr[id^="mod_forum_new_form_"][style*="visibility: hidden"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* w3-blue Klasse hat Vorrang über mysidebar-Regeln */
#mysidebar a.w3-blue,
#mySidebar a.w3-blue,
#myLeftSidebar a.w3-blue,
#myRightSidebar a.w3-blue,
#paukerlinks a.w3-blue,
#paukerrechts a.w3-blue,
.mysidebar a.w3-blue,
.mySidebar a.w3-blue,
[class*="sidebar"] a.w3-blue,
[id*="sidebar"] a.w3-blue {
  background-color: #2196F3 !important;
  color: #ffffff !important;
}

/* w3-blue auch für direkte Links ohne Container */
a.w3-blue {
  background-color: #2196F3 !important;
  color: #ffffff !important;
}

/* whatsnew Liste - einheitliche Schriftgrößen und Styles - MUSS NACH Button-Regeln kommen */
table[id*="whatsnew"] td,
[id*="whatsnew"] td,
[class*="whatsnew"] td,
table[id*="whatsnew"] tr,
[id*="whatsnew"] tr,
[class*="whatsnew"] tr {
  font-size: 14px !important;
  font-family: inherit !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
}

/* Forum-Beitragsnummer: ganz klein und technisch */
/* Diese Regel verwendet jetzt eine Klasse statt href-Selektor */
.forum-entry-id {
  font-size: 9px !important;
  font-family: 'Courier New', Courier, monospace !important;
  color: #888888 !important;
  opacity: 0.6 !important;
  text-decoration: none !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
}

/* Topic-Text mit Ellipsis (Kürzung mit ...) */
.whatsnew_topic,
.forum-topic-truncate {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

/* css/menu_hamburger.css */
.menu-btn {
  cursor: pointer;
  width: 30px;
  margin-left: 8px;
}
.crumbs__link:hover,
.crumbs_text:hover,
.menu-btn:hover{
  color:black;
  font-weight:bold;
  text-decoration: underline;

}

/* css/crumbs.css */
.crumbs {
	text-align: center;
	display: flex;
	list-style: none;
}

.crumbs__list {
	display: inline; 
}

/*
.crumbs_container{
	background-color: yellow;
}
*/

.crumbs__link {
	display: block;
	font-size: 16px;
	line-height: 40px;
	padding: 0 30px;
	margin-right: 15px;
	position: relative;
	text-decoration: none;
	background-color: #999999;
	color: #000000;
}

.crumbs__link::after{
	content: '';
	width:28px;
	height:28px;
	top:6px;
	right: -14px;
	position: absolute;
	background-color: #999999;
	transform: rotate(45deg);
	z-index: 1000;
    border-top-right-radius: 5px;
}
.crumbs__link::before{
	content: '';
	width:28px;
	height:28px;
	top:6px;
	left: -14px;
	position: absolute;
	background-color: #aaaaaa;
	transform: rotate(45deg);
	z-index: 900;
	border-top-right-radius: 5px;
}

.crumbs__list:first-child .crumbs__link::before{
  display:none;
}
/*
.crumbs__list:last-child .crumbs__link::after{
	 display:none; 
}
*/

.first-link{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.last-link{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#select_langu, #select_service{
	background-color: #999999;
}
* {font-size:medium; }
H1 { font-size: 160%;}
H2 { font-size: 150%;}
H3 { font-size: 140%;}
H4 { font-size: 130%;}
H5 { font-size: 120%; }
H6 { font-size: 110%; }