.rknet-brief {
    border: 2px solid #ccc;
}

.scroll-liste {
    max-height: 7.5em; /* 5 Zeilen à ~1.5em Zeilenhöhe */
    overflow-y: auto;  /* Scrollbalken bei Überlänge */
    border: 1px solid #ccc;
    padding: 5px;
    width: 200px; /* optional */
}

.scroll-liste ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.scroll-liste li {
    line-height: 1.5em; /* wichtig für Zeilenhöhe */
}

.rknet-table { display: flex; flex-direction: column; margin-bottom: 10px; }
.rknet-row   { display: flex; }
.rknet-cell  { flex: 1; flex-wrap: nowrap; padding: 6px; border-bottom: 1px solid #ccc; }
.rknet-head  { font-weight: bold; background: #f0f0f0; }
.rknet-head-light  { background: #f0f0f0; }
.rknet-center  { text-align: center; }
.rknet-middle  { align-items:center; }
.rknet-right  { text-align: right; }
.dashicons-rk-breadcrum {font-size: 15px;}
.dashicons-rk-red {color: red;}
.dashicons-rk-green {color: green;}
.dashicons {vertical-align: middle;}

.info-box:before {
  content: "\f466"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-circle-up:before {
  content: "\f35b"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-circle-down:before {
  content: "\f358"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-circle-left:before {
  content: "\f359"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-circle-right:before {
  content: "\f35a"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-arrow-down:before {
  content: "\f063"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-arrow-up:before {
  content: "\f062"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-arrow-left:before {
  content: "\f060"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-arrow-right:before {
  content: "\f061"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900; 
}

.info-user:before {
  content: "\f007"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.info-umschlag:before {
  content: "\f0e0"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.info-lock:before {
  content: "\f023"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.info-lock-open:before {
  content: "\f3c1"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.info-thumps-up:before {
  content: "\f164"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.info-thumps-down:before {
  content: "\f165"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.info-person-mann:before {
  content: "\f183"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.info-person-frau:before {
  content: "\f182"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.info-person-none:before {
  content: "\e548"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  font-weight: 900;
}

.error-icon:before {
  content: "\f071"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  color: red;
}

.info-icon:before {
  content: "\f0a1"; /* Beispiel: FontAwesome Fehler Icon */
  font-family: FontAwesome; /* Oder ein anderes Icon-Font */
  margin-right: 15px;
  color: #00a0d2;
}

.notice {
    padding: 10px 15px;
    margin: 10px 0;
    border-left: 4px solid #0073aa;
    background: #f1f1f1;
}

.notice-success {
    border-color: #46b450;
    background: #ecf9f1;
}

.notice-error {
    border-color: #dc3232;
    background: #fceae8;
}

.notice-warning {
    border-color: #ffb900;
    background: #fff8e5;
}

.notice-info {
    border-color: #00a0d2;
    background: #e5f5fa;
}

.fa-letters {
  font-family: FontAwesome;
  font-weight: 900; /* Solid */
  font-size: 15px;
  letter-spacing: 10px; /* Abstand zwischen Icons */
}

.fa-letter-a:before { content: "\0041"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-b:before { content: "\0042"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-c:before { content: "\0043"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-d:before { content: "\0044"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-e:before { content: "\0045"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-f:before { content: "\0046"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-g:before { content: "\0047"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-h:before { content: "\0048"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-i:before { content: "\0049"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-j:before { content: "\004A"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-k:before { content: "\004B"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-l:before { content: "\004C"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-m:before { content: "\004D"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-n:before { content: "\004E"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-o:before { content: "\004F"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-p:before { content: "\0050"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-q:before { content: "\0051"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-r:before { content: "\0052"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-s:before { content: "\0053"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-t:before { content: "\0054"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-u:before { content: "\0055"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-v:before { content: "\0056"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-w:before { content: "\0057"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-x:before { content: "\0058"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-y:before { content: "\0059"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }
.fa-letter-z:before { content: "\005A"; font-family: FontAwesome; margin-right: 15px; font-weight: 900; }