body { font-family: Arial, sans-serif; font-size: 10pt; }

h1 { font-size: 14pt; margin: 10px 0px 3px 0px; }
h2 { font-size: 12pt; margin: 50px 0px 3px 0px; }

p.ph2 {margin-left: 3em; margin-bottom: 1em}


table {border: solid 1px  #C0c0c0; border-spacing: 0px; margin: 0px; border-collapse: collapse; }

table td {border: solid 1px  #C0c0c0; padding: 10px;}
table th {text-align: left; border: solid 1px  #C0c0c0; padding: 10px;}

td { vertical-align: top; }
td.symbol  { text-align: center;}
td.tab1    { padding: 30px;}


th.spalte1 { width:20%; }
th.spalte2 { width:35%; }
th.spalte3 { width:45%; }


span.help_icon { background: url("bilder/help.png") no-repeat scroll 0 0 transparent; padding: 0 10px;  }

div.info { border-width: medium; border-color:#C0c0c0; border-style:double; padding:5px;  }
div.tab2 { padding: 0px 0px 0px 20px }

.icon {width: auto; height: auto; vertical-align: text-bottom; }

.logo {
    width: 400px;
    background-image: url(wituc-rgb-opal.svg);
    background-size: 70px;
}

.jstree-default>.jstree-container-ul a.node-en {
    background: #005e58;
    color: #fff;
}
/* Kompaktes, klares Accordion */
.mce-accordion {
  border: 1px solid #005e58;
  border-radius: 4px;
  margin: .25rem 0;
  background: #fff;
  overflow: hidden;
}

/* Kopfzeile (Summary) */
.mce-accordion > summary {
  list-style: none;
  background: #005e58;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  padding: .4rem .8rem;
  display: flex; align-items: center; gap: .4rem;
  min-height: 36px;
}
.mce-accordion > summary::-webkit-details-marker { display: none; }

/* Pfeil */
.mce-accordion > summary::before {
  content: "▸";
  flex: 0 0 auto;
  transition: transform .15s ease;
  font-size: 1em;
  opacity: .9;
}
.mce-accordion[open] > summary::before { transform: rotate(90deg); }

/* Hover + Fokus */
.mce-accordion > summary:hover { background: #00756d; }
.mce-accordion > summary:focus-visible {
  outline: 2px solid #00756d;
  outline-offset: 2px;
}

/* Inhalt */
.mce-accordion > *:not(summary) {
  background: #fff;
  color: #111;
  padding: .6rem .8rem .7rem;
  border-top: 1px solid #005e58;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Nested Accordions leicht eingerückt */
.mce-accordion .mce-accordion {
  margin: .2rem .4rem;
}

.jstree-default #id1785292842641068007_anchor {
    background: #e1f0ef;
    color: #005e58;
}

.jstree-default #id1785292842641727007_anchor {
    background: #e1f0ef;
    color: #005e58;
}

/* Überschreibt Standard-Info-Boxen (wie .box.box-info) im einheitlichen Kurs-Design */
.box.box-info, 
.alert.alert-info {
  background-color: rgba(0, 94, 88, 0.08) !important;
  border-color: transparent !important;
  border-left: 4px solid #005e58 !important;
  color: #2b2b2b !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Passt den Link innerhalb der Info-Box automatisch an die Hauptfarbe an */
.box.box-info a, 
.alert.alert-info a {
  color: #005e58 !important;
  font-weight: bold;
  text-decoration: underline;
}

/* 1. Normale INFO-Boxen (z. B. Blau) werden ins grüne Corporate Design überschrieben */
p[style*="background-color: rgb(212, 229, 255)"],
p[style*="background-color:rgb(212,229,255)"],
p[style*="background-color:#d4e5ff"],
p[style*="background-color: #d4e5ff"] {
  background-color: rgba(0, 94, 88, 0.08) !important;
  border-left: 4px solid #005e58 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 1rem 1.25rem !important;
  margin: 1.5rem 0 !important;
}

p[style*="background-color: rgb(212, 229, 255)"] *,
p[style*="background-color:rgb(212,229,255)"] *,
p[style*="background-color:#d4e5ff"] *,
p[style*="background-color: #d4e5ff"] * {
  color: #005e58 !important;
}

/* 2. WARNING-Boxen (z. B. Gelb/Orange) behalten ihren eigenen Charakter (z. B. dezent gelb/orange mit dunklem Text) */
p[style*="background-color: rgb(255"],
p[style*="background-color:rgb(255"],
p[style*="background-color:#ff"],
p[style*="background-color: #ff"] {
  border-left: 4px solid #e0a800 !important; /* Klassischer Warn-Akzent */
  border-radius: 0 !important;
  padding: 1rem 1.25rem !important;
  margin: 1.5rem 0 !important;
}