/* Machine.css is used for backend rooms! Avoid using this file for the customer facing layouts! */

body {
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

a {
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  line-height: 14px;
}

a:active,
a:focus {
  color: red;
}

a:hover {
  text-decoration: none;
  color: red;
}

p {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 12px;
}

h5 {
  line-height: 12px;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #444444;
}

/* h4 {
  font-size: 12px;
  font-weight: 700;
  line-height: 0.8;
  color: #444444;
  display: inline-block;
} */

h2,
h3 {
  color: #555;
  font-weight: 400;
}

h2 {
  font-size: 16px;
}

h3 {
  line-height: 1.5;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
}

form label {
  width: 100%;
  font-weight: normal;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

textarea {
  resize: none;
  border: none;
  padding-left: 0;
  line-height: normal;
}

.no-ic {
  color: #fff;
}

[contentEditable="true"]:empty:not(:focus):before {
  content: attr(data-text);
}

/* Misc */

* {
  outline: none !important;
}

.navigation {
  position: fixed;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  z-index: 10;
  background-color: #000;
}

.navi {
  background-color: rgba(20, 20, 15, 0.9);
  border-top: 1px solid #787878;
  border-bottom: 1px solid #787878;
  box-sizing: border-box;
  height: 20px;
  padding: 0;
}

.nav-item {
  margin-right: 45px;
  margin-right: 25px;
  margin-top: 1px;
  list-style: none;
}

.nav-link {
  color: #fff;
  padding: 0;
  position: relative;
  border-radius: 0;
  text-decoration: none;
}

.nav-link:hover {
  color: red;
}

.inactive:hover {
  color: #fff;
}

.UlR {
  float: right;
  margin-right: 50px;
}

.UlL {
  float: left;
  margin-left: 50px;
  text-transform: lowercase;
}

.nav-item-r0 {
  margin-right: 0;
}

.UlC {
  margin-left: 25%;
  margin-left: 20%;
  align-content: center;
}

.header-blinder {
  height: 20px;
  width: 300px;
  background-color: #f1f1f1;
  right: 0;
  position: fixed;
  z-index: 2;
}

.header-blinder-2 {
  height: 20px;
  width: 100vw;
  z-index: 1;
  background-color: #fff;
  left: 0;
  position: fixed;
}

.header-blinder-3 {
  height: 80px;
  margin-top: 40px;
  width: 70vw;
  z-index: 1;
  background-color: #fff;
  left: 0;
  position: fixed;
}

/* Dropdown */
.dropdown-menu {
  background-color: #14140f;
  border-radius: 0;
  border: 0;
  padding: 12px 18px 18px 18px;
  margin-right: 45px;
}

.dropdown-list {
  padding: 0;
  margin: 0;
}

.dropdown-item {
  text-align: center;
  color: #fff;
  background-color: #000;
  font-size: 12px;
  border-top: solid #787878 1px;
  border-bottom: solid #787878 1px;
  line-height: 0.7;
  margin-top: 7px;
}

#logout {
  border-bottom: solid #787878 1px;
}

.dropdown-item:hover {
  color: red;
  background-color: #14140f;
}

.close {
  color: #fff;
  font-size: 15px;
  text-align: center;
  opacity: 1;
  text-shadow: none;
  margin-top: 5px;
  margin-right: 53px;
}

/* Header Counter und Icons */

.red-divider {
  height: 2px;
  background-color: red;
  margin-bottom: 25px;
}

.notelist {
  width: 365px;
  align-content: space-around;
  margin-top: 8em;
}

.noterow {
  display: flex;
}

#lastLogin {
  margin-left: auto;
}

.pvcounter {
  padding-top: 4px;
  height: 17px;
  width: 45px;
  top: -2px;
  margin-left: auto;
  position: relative;
  box-sizing: border-box;
  padding: 0px 5px;
  margin-right: 0;
  color: #fff;
  font-size: 11px;
}

.pvcounter p {
  color: #fff;
}

.pvcounter a:hover {
  color: #fff;
}

.cinactive {
  background-color: #787878;
}

#avatar {
  height: 17px;
  position: relative;
  top: -1px;
  line-height: 1em;
}

.icons {
  margin-top: -1px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  padding: 3px 8px 1px 8px;
}

#caretd {
  margin-right: -4px;
}

.empty {
  margin-right: 25px;
  width: 25px;
  height: 20px;
}

/* Navigation und Pagination Footer */

.counter {
  margin-left: -35px;
  height: 17px;
  position: relative;
  box-sizing: border-box;
  margin-left: -18px;
  padding: 0px 5px;
  margin-right: 25px;
  color: #fff;
  line-height: 14px;
  font-size: 11px;
}

.menu-mac-m1 {
  bottom: 20px;
  left: 0;
  height: 20px;
  color: #fff;
  position: fixed;
}

.pag-item {
  margin-top: 1px;
  margin: 2px 7px 0px 3px;
}

.footer-blinder {
  height: 20px;
  width: 300px;
  background-color: #f1f1f1;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9;
}

.footer-blinder-2 {
  height: 80px;
  width: 300px;
  background-color: #f1f1f1;
  bottom: 40px;
  position: fixed;
  right: 0;
  z-index: 2;
}

.footer-blinder-3 {
  height: 80px;
  width: 100vw;
  background-color: #fff;
  bottom: 40px;
  left: 0;
  z-index: 1;
  position: fixed;
}

.footer-blinder-4 {
  height: 20px;
  width: 100vw;
  background-color: #fff;
  bottom: 0;
  left: 0;
  z-index: 1;
  position: fixed;
}

.privat-wrapper {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: calc(100% - 160px);
}

form,
.coopBtnWrapper {
  float: left;
  width: calc(100%);
  font-weight: normal;
}

.form-control {
  width: 68%;
  height: 30px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control-newsletter {
  width: 95%;
  height: 20px;
}

/* Checkbox */

.NLcheckbox {
  width: 10px;
  position: relative;
  margin-top: 5px;
  margin-left: 0;
}

.NLcheckbox label {
  width: 14px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  top: -5px;
  left: 0;
  background: #fff;
  border: 1px solid #787878;
  border-radius: 0px;
}

.NLcheckbox label:before {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 2px;
  left: 1px;
  border: 2px solid #787878;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.NLcheckbox label:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 3px;
  left: 2px;
  border: 2px solid #000;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.NLcheckbox input[type="checkbox"] {
  visibility: hidden;
}

.NLcheckbox input[type="checkbox"]:checked + label:before {
  opacity: 1;
}

/* PR content */

.private-content .form-control {
  float: right;
}

input.form-control {
  display: inline-block;
  height: 24px;
}

form label span {
  padding: 6px 0;
  display: inline-block;
}

.smallprint {
  font-size: 10px;
  width: 93%;
  margin-left: 25px;
  margin-top: -35px;
  text-align: justify;
}

.smallprintW {
  color: #fff;
}

#datenschutz {
  color: red;
  font-size: 10px;
  font-weight: 400;
}

#lostPassword p {
  color: #fff;
  font-size: 12px;
  line-height: inherit;
}

.nav-item-input {
  border-right: 0;
  border-left: 0;
  box-sizing: border-box;
  height: 18px;
  width: 100%;
  font-size: 12px;
  line-height: 1;
  border-radius: 0;
  color: #fff;
  text-align: center;
}

.nav-item-input-note {
  width: 72px;
}

.artikelAuswahl {
  width: 100%;
  display: inline;
}

#newuser {
  padding-bottom: 100px;
}

.private-content {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.private-room {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/hintergrund_sa.png);
  background-size: cover;
  opacity: 0.8;
  background-repeat: no-repeat;
}

.private-content-wrapper {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: calc(100% - 160px);
}

.private-form {
  margin: 67px auto 50px auto;
  width: 720px;
  overflow: auto;
  padding: 0 35px;
  padding-bottom: 35px;
}

.noteVisible {
  display: table;
}

.coopNotificationWrapper {
  display: none;
  position: fixed;
  z-index: 99;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.coopNotificationInner {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.coopNotificationBox {
  background: rgba(0, 0, 0, 0.8);
  width: 453px;
  padding: 35px 20px;
  margin: 0 auto;
  overflow-y: scroll;
  overflow: scroll;
  color: white;
  height: auto;
  max-height: 430px;
}

.notificationP {
  font-size: 12px;
  color: #fff;
  line-height: 16px;
}

.forgotMail {
  margin-top: 1px;
  background-color: #000;
  border: 0;
  color: #fff;
  height: 15px;
  font-size: 12px;
  width: 155px;
  padding-left: 5px;
  padding-right: 25px;
}

#privacy p {
  color: #fff;
  font-size: 11px;
  line-height: 15px;
  text-align: justify;
}

.grayHead {
  height: 18px;
  margin-bottom: 1.2em;
}

.grayHeadForm {
  width: auto;
  padding-top: 3px;
  border: 1px solid rgba(0, 0, 0, 0.8);
}

.profileImgUpload {
  position: fixed;
  margin-top: 300px;
  margin-left: 180px;
}

/* Member Details */

.detail {
  left: 490px;
  width: 1100px;
  height: calc(100vh - 240px);
  overflow: scroll;
  width: auto;
  height: calc(100vh - 200px);
  overflow-y: scroll;
}

.detail .container {
  margin-left: 0;
}

.info-p {
  margin-top: 10px;
  line-height: 10px;
}

.info-p p {
  line-height: 8px;
}

.detail-img {
  top: 126px;
  height: calc(100vh - 240px);
  position: absolute;
  top: 120px;
  right: 50px;
  width: 200px;
  overflow: hidden;
}

#upload_link,
#upload_link2 {
  cursor: pointer;
  text-decoration: none;
  color: #07d;
  position: relative;
}

#upload_link3 {
  cursor: pointer;
  text-decoration: none;
  color: red;
  position: relative;
}

#upload_link:hover,
#upload_link3:hover {
  color: red;
  text-decoration: none;
}

#upload,
#upload2,
#upload3 {
  display: none;
}

.privat_img {
  margin: 0 auto 35px auto;
  width: -moz-fit-content;
  /* Firefox/Gecko */
  width: -webkit-fit-content;
  /* Chrome */
  width: fit-content;
}

.imageUpload3 p {
  font-size: 11px;
  line-height: 14px;
}

/* Member Toolbar */

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-radius: 0;
  background-color: red;
  border-color: transparent;
  border-top: 1px solid #787878;
  border-bottom: 1px solid #787878;
  box-sizing: border-box;
  width: 72px;
  color: white;
}

.tab-nav-item-note {
  width: 158px;
}

.tab-content .nav-item {
  width: 100%;
  margin-top: 10px;
}

.tab-content,
.tab-content-submenu {
  padding: 0;
  margin-top: 30px;
}

#tab-aktion {
  background-color: red;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.profil-upload {
  margin-top: 15px;
  padding: 20px;
  border: 1px dashed #ddd;
  background-color: #fafafa;
  color: #444;
  font-size: 11px;
  line-height: 14px;
}

#suchen .nav-item {
  margin-top: 10px;
}

#suchen {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

#suchen .nav-link {
  margin-top: -1px;
  line-height: 13px;
}

#search {
  font-size: 12px;
  font-weight: 600;
  border: 0;
  height: 18px;
  text-align: center;
}

#settings-submenu {
  width: 231px;
  margin: auto;
}

#start-suche {
  height: 16px;
}

#start-suche .nav-link {
  margin-top: -2px;
  font-size: 12px;
  line-height: 16px;
}

#settings-tab,
#bild-tab,
#suchen-tab,
#funktion-tab {
  line-height: 1.4;
}

#tab-gruppe,
#tab-rolle,
#tab-betreuer,
#tab-funktion {
  line-height: 0.7;
}

#gruppe-tab:hover,
#rolle-tab:hover,
#betreuer-tab:hover,
#funktion-tab:hover {
  color: red;
}

#tab-aktion a:hover {
  color: #fff;
}

.active {
  color: red;
}

/* Scrollbar */

.sbar::-webkit-scrollbar-track {
  background-color: #fff;
  border: 1px solid #c8c8c8;
}

.sbar::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

.sbar::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
}

/* Anchors ABC-Menue */

#a-aa:before,
#b-aa:before,
#c-aa:before,
#d-aa:before,
#e-aa:before,
#f-aa:before,
#g-aa:before,
#h-aa:before,
#i-aa:before,
#j-aa:before,
#k-aa:before,
#l-aa:before,
#m-aa:before,
#n-aa:before,
#o-aa:before,
#p-aa:before,
#q-aa:before,
#r-aa:before,
#s-aa:before,
#t-aa:before,
#u-aa:before,
#v-aa:before,
#w-aa:before,
#x-aa:before,
#y-aa:before,
#z-aa:before,
#a-none:before,
#b-none:before,
#c-none:before,
#d-none:before,
#e-none:before,
#f-none:before,
#g-none:before,
#h-none:before,
#i-none:before,
#j-none:before,
#k-none:before,
#l-none:before,
#m-none:before,
#n-none:before,
#o-none:before,
#p-none:before,
#q-none:before,
#r-none:before,
#s-none:before,
#t-none:before,
#u-none:before,
#v-none:before,
#w-none:before,
#x-none:before,
#y-none:before,
#z-none:before,
#a-m:before,
#b-m:before,
#c-m:before,
#d-m:before,
#e-m:before,
#f-m:before,
#g-m:before,
#h-m:before,
#i-m:before,
#j-m:before,
#k-m:before,
#l-m:before,
#m-m:before,
#n-m:before,
#o-m:before,
#p-m:before,
#q-m:before,
#r-m:before,
#s-m:before,
#t-m:before,
#u-m:before,
#v-m:before,
#w-m:before,
#x-m:before,
#y-m:before,
#z-m:before,
#a-a:before,
#b-a:before,
#c-a:before,
#d-a:before,
#e-a:before,
#f-a:before,
#g-a:before,
#h-a:before,
#i-a:before,
#j-a:before,
#k-a:before,
#l-a:before,
#m-a:before,
#n-a:before,
#o-a:before,
#p-a:before,
#q-a:before,
#r-a:before,
#s-a:before,
#t-a:before,
#u-a:before,
#v-a:before,
#w-a:before,
#x-a:before,
#y-a:before,
#z-a:before,
#a-s:before,
#a-ki:before,
#b-ki:before,
#c-ki:before,
#d-ki:before,
#e-ki:before,
#f-ki:before,
#g-ki:before,
#h-ki:before,
#i-ki:before,
#j-ki:before,
#k-ki:before,
#l-ki:before,
#m-ki:before,
#n-ki:before,
#o-ki:before,
#p-ki:before,
#q-ki:before,
#r-ki:before,
#s-ki:before,
#t-ki:before,
#u-ki:before,
#v-ki:before,
#w-ki:before,
#x-ki:before,
#y-ki:before,
#z-ki:before,
#a-s:before,
#b-s:before,
#c-s:before,
#d-s:before,
#e-s:before,
#f-s:before,
#g-aa:before,
#h-s:before,
#i-s:before,
#j-s:before,
#k-s:before,
#l-s:before,
#m-s:before,
#n-s:before,
#o-s:before,
#p-s:before,
#q-s:before,
#r-aa:before,
#s-s:before,
#t-s:before,
#u-s:before,
#v-s:before,
#w-s:before,
#x-s:before,
#y-s:before,
#z-s:before,
#target-1:before,
#target-2:before,
#target-3:before,
#target-4:before,
#target-5:before,
#target-6:before,
#target-7:before,
#target-8:before,
#target-9:before,
#target-10:before,
#target-11:before,
#target-12:before,
#target-13:before,
#target-14:before,
#target-15:before,
#target-16:before,
#target-17:before,
#target-18:before,
#target-19:before,
#target-20:before,
#target-21:before,
#target-22:before,
#target-23:before,
#target-24:before,
#target-25:before,
#target-26:before,
#target-27:before {
  content: "";
  display: block;
  padding-top: 120px;
  /* header height + empty space */
  margin-top: -120px;
  /* header height to degrees padding’s space */
}

/* Display-None-Banner */

.nd-banner,
.nd-banner-msg {
  display: none;
}

.mac-bo1 {
  font: "Helvetica Neue";
  font-size: 12px;
  color: rgb(250, 250, 250);
}

.mac-bo1-blk {
  font: "Helvetica Neue";
  font-size: 12px;
  color: rgb(0, 0, 0);
}

.mac-bo1:hover {
  font-size: 12px;
  color: rgb(170, 20, 20);
}

@media (min-width: 1200px) {
  .container {
    max-width: unset;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: unset;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: unset;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: unset;
  }
}

@media (max-width: 1023px) {
  body {
    height: 100vh;
  }

  .nd-banner {
    display: block;
    position: absolute;
    top: 50%;
    background-color: rgba(20, 20, 15, 0.75);
  }

  .nd-banner-msg {
    display: inline-block;
    background-color: #14140f;
    padding: 20px;
    border-top: 1px solid #f00;
    border-bottom: 1px solid #f00;
    width: 440px;
  }

  #nd-banner-msg {
    color: #fff;
    margin-bottom: 20px;
  }

  .navigation,
  .menu-mac-m1,
  .wrapper,
  .profileImgUpload,
  .private-content {
    display: none;
  }
}

/*Toolbar! (HAS A LOT OF DUPLICATE WITH THE UPPER PART, needs refactor)*/

.show-toolbox {
  position: fixed;
  top: 40%;
  right: 0;
  margin-top: -15px;
  padding: 2px 5px;
  border: 1px solid #fff;
  color: #fff;
  background: #000;
  font-size: 24px;
  border-right-width: 0;
  cursor: pointer;
  z-index: 9999;
  box-sizing: content-box;
}

.toolbarA .pagecounter {
  width: 18px;
  text-align: center;
}

.toolbarA .nav-link {
  color: #fff;
  padding: 0;
  position: relative;
  border-radius: 0;
  text-decoration: none;
}

.toolbarA a {
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  line-height: 14px;
}

button {
  border: none;
  padding: 0;
  background: none;
  line-height: 14px;
  border-radius: 0;
}

.toolbarA button:hover {
  color: red;
  cursor: pointer;
}

input[type="text"] {
  height: 15px;
  line-height: 14px;
  border: none;
  -webkit-appearance: normal;
}

.toolbarA select[class="form-control"] {
  height: 24px;
  border-radius: 0;
}

.toolbarA select.form-control:not([size]):not([multiple]) {
  height: 24px;
  font-size: 12px;
  -webkit-border-radius: 0;
  outline-offset: -1px;
  border: 0;
}

.toolbarA select {
  border: none;
  border-radius: 0;
  height: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/caret-down.ico) 95% / 12% no-repeat #fff;
}

.toolbarA input[class="form-control"] {
  height: 24px;
  border: none;
}

.toolbarA a:hover {
  text-decoration: none;
  color: red;
}

.toolbarA p {
  margin-bottom: 0;
  line-height: 12px;
}

.toolbarA h5 {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #444444;
}

.toolbarA h4,
.headInput {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #444444;
  display: inline-block;
}

.toolbarA h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
}

#suchen a {
  line-height: 16px;
}

/* Navigation Header */

.toolbarA .nav-item {
  list-style: none;
  margin-right: 25px;
}

/* Dropdown */

.toolbarA .dropdown-menu {
  background-color: #14140f;
  border-radius: 0;
  border: 0;
  padding: 12px 18px 18px 18px;
  margin-right: 45px;
}

.toolbarA {
  width: 300px;
  overflow: hidden;
  opacity: 1;
  position: fixed;
  background-color: #f1f1f1;
  height: 100vh;
  top: 0;
  right: 0;
  text-decoration: none;
  color: #fff;
  margin-left: 8px;
  height: 16px;
  width: 75px;
}

/* Member List Items und Navigation */

.links {
  width: 100px;
  min-width: 100px;
}

.rechts {
  float: right;
  width: 100%;
}

.tright {
  right: 0;
  left: auto;
}

.tleft {
  left: 0;
  right: auto;
}

.toolbarA .nav-item-m {
  margin-left: 10px;
  background-color: #787878;
  font-size: 9px;
  color: #fff;
  width: 75px;
  max-height: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #787878;
}

#firmenTitel {
  min-width: 92px;
  margin-right: 0;
}

.toolbarA .nav-link-m {
  font-size: 9px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 500;
}

.toolbarA .nav-link-m:hover {
  color: #fff;
  text-decoration: none;
}

.toolbarA .nav-link-m-front {
  margin-left: 0;
  background-color: #000;
  font-size: 9px;
  width: 75px;
}

.toolbarA i[class="fa"] {
  color: #fff;
}

.toolbarA .sub-nav-link-m {
  font-size: 12px;
  margin-left: 10px;
  text-decoration: none;
}

#upload,
#upload2,
#upload3,
#upload4,
#upload5,
#uploadArtikelImg,
#uploadArtikelFile {
  display: none;
}

/* Member Toolbar */

#video h5 {
  width: 230px;
}

#dl h5 {
  width: 230px;
}

#schriftarten button {
  width: 230px;
}

#schriften button {
  width: 232px;
}

#ColorBlack {
  width: 32px;
  margin-top: 2px;
  height: 10px;
  background-color: #000;
}

#ColorWhite {
  width: 32px;
  margin-top: 2px;
  height: 10px;
  background-color: #fff;
}

#ColorBtn {
  width: 32px;
  margin-top: 2px;
  height: 10px;
}

.toolbar {
  overflow: hidden;
  opacity: 1;
  position: fixed;
  height: 100vh;
  top: 0;
  right: 0;
  width: 300px;
}

.toolbox-content {
  padding: 1.25em;
  position: absolute;
  height: calc(100vh - 200px);
  margin-top: 120px;
  width: 100%;
}

.toolbar-nav {
  background-color: #14140f;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  box-sizing: border-box;
  height: 16px;
  padding: 0;
  margin-left: 10px;
  overflow: scroll;
}

.filterInput {
  background-color: transparent;
  margin: 0 auto;
  width: auto;
  text-align: center;
  text-overflow: ellipsis;
}

#favcolor {
  visibility: hidden;
}

#favcolorWrapper {
  background-color: blue;
  height: 10px;
  margin-top: 2px;
  width: 32px;
}

.toolbox-content .nav-item {
  margin-right: auto;
}

.toolbarA .nav-tabs .nav-link,
.tab-nav-item {
  background-color: #14140f;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  box-sizing: border-box;
  width: 72px;
  height: 16px;
  line-height: 13px;
  border-radius: 0;
}

.toolbarA .nav-tabs {
  border: 0;
}

#suchen input[type="checkbox"] {
  position: absolute;
}

#search,
#search2,
#search3,
#search4,
#search5,
#search6,
#search7 {
  font-size: 12px;
  font-weight: normal;
  height: 18px;
  text-align: center;
  width: 230px;
  line-height: 2em;
}

#tab-aktion a:hover,
#suchen a:hover,
#verification:hover {
  color: #000;
}

.selection2button input[type="checkbox"] {
  float: left;
}

.selection2button label {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.oldPW {
  display: none;
}

#target-0,
#target-2,
#target-3,
#target-4,
#target-5,
#target-6,
#target-7 {
  width: 1px;
}

::-webkit-color-swatch-wrapper {
  width: 24px;
  height: 6px;
  opacity: 1;
  margin-right: 5px;
}

::-webkit-color-swatch {
  padding-left: 10px;
  opacity: 1;
}

.toolboxA-content {
  overflow-x: hidden;
  padding: 0 0 0 20px;
  position: absolute;
  height: calc(100vh - 57px);
  overflow: scroll;
  margin-right: 50px;
  margin-top: 60px;
}

.toolbarA-nav {
  background-color: #14140f;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  box-sizing: border-box;
  height: 16px;
  padding: 0;
  margin-left: 10px;
  overflow: scroll;
}

.editorTop {
  overflow-x: hidden;
  height: calc(100vh - 350px);
  overflow: scroll;
}

.editorBottom {
  height: 168px;
  bottom: 0;
  position: absolute;
  height: 210px;
  background-color: #f1f1f1;
}

.statusBottom {
  bottom: 168px;
  position: absolute;
  height: auto;
}

#articleGroupName:hover {
  color: #fff;
  cursor: default;
}

/* Display-None-Banner */

@media (max-width: 1023px) {
  body {
    height: 100vh;
  }

  .navigation,
  .menu-mac-m1,
  .member-wrapper,
  .private-content,
  .toolbar,
  .artikel-wrapper,
  .member-detail,
  .detail,
  .bg,
  .sa-room,
  #admin-room,
  .toolbarA,
  .muster-wrapper,
  #admin-content-wrapper,
  .saLayoutR {
    display: none;
  }

  .navigation,
  .menu-mac-m1,
  .footer-blinder,
  .footer-blinder-2,
  .footer-blinder-3,
  .footer-blinder-4,
  .header-blinder,
  .header-blinder-2,
  .header-blinder-3,
  .member-wrapper,
  .private-room,
  .private-content,
  .toolbar,
  .artikel-wrapper,
  .member-detail,
  .detail,
  .detail-img,
  .bg,
  .sa-room,
  #admin-room,
  .toolbarA,
  .muster-wrapper,
  #admin-content-wrapper,
  .saLayoutR,
  .coopNotificationWrapper {
    display: none;
    visibility: hidden;
  }
}

/* Private Room */

.toolbarA .nav-item-input {
  border-right: 0;
  border-left: 0;
  box-sizing: border-box;
  height: 18px;
  width: 100%;
  font-size: 12px;
  line-height: 1;
  border-radius: 0;
  color: #fff;
  text-align: center;
}

.colorpicker.colorpicker-visible {
  z-index: 9999;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  display: none;
}

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  height: 10px;
  width: 32px;
}

/* IE 11+ */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tab-content .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    max-width: 1253px;
    margin: 0 auto;
    width: 100%;
    display: inline;
  }

  .tab-content div[role="tablist"] {
    display: inline;
  }

  input[type="text"] {
    line-height: 12px;
  }

  .row {
    display: flex;
  }

  .nav {
    flex-wrap: unset;
  }

  * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

body#backend {
  width: 100%;
  height: 100%;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.articleFolder {
  min-height: 100px;
}

.bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/hintergrund_sa.png);
  background-size: cover;
  opacity: 0.8;
  background-repeat: no-repeat;
}

select {
  border: none;
  border-radius: 0;
  height: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/caret-down-w.ico) 95% / 12% no-repeat #fff;
}

.forgotMail select {
  background-color: #000;
  color: #fff;
  background: none;
}

.pdetails {
  line-height: 14px;
  width: 120px;
}

.headbutton {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
  padding-right: 5px;
}

/* Misc */

.wHead,
.wFoot {
  height: 20px;
  width: 100%;
}

/* Navigation und Pagination Footer */

.pag-item input {
  width: 28px;
  color: #fff;
}

.pag-item input:hover {
  color: #fff;
}

#paginationInput:placeholder-shown {
  color: #fff;
}

.counter-f {
  height: 17px;
  width: 35px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  margin-right: 5px;
  margin-left: 5px;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
}

.pagecounter {
  height: 20px;
  width: 20px;
  text-align: center;
  float: right;
}

.counter:hover,
.counter-f:hover {
  color: #fff;
}

/* Member List Wrapper */

.member-wrapper,
.artikel-wrapper {
  padding: 120px 50px 60px 50px;
  position: relative;
  max-width: 1400px;
}

.memberlist {
  width: 460px;
  height: calc(100vh - 200px);
  background-color: transparent;
  overflow: auto;
  overflow-x: hidden;
  z-index: 1;
  padding-right: 14px;
}


.artikel-list {
  width: 480px;
  height: calc(100vh - 200px);
  background-color: transparent;
  overflow: auto;
  z-index: 1;
}

#memberlist .nav {
  -moz-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.group > .nav:first-child {
  float: left;
}

#memberlist .row {
  -moz-flex-wrap: unset;
  flex-wrap: nowrap;
}

.memberlist .container-fluid {
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 1200px) {
  .memberlist {
    width: 40%;
  }

  .detail{
    width: 35%;
  }
}

.artikel-nav .container-fluid {
  padding: 0;
  margin: 0;
}

.member,
.artikel {
  background-color: #fff;
  z-index: 1;
}

.artikel .nav {
  flex-wrap: unset;
}

.member-active,
.artikel-active {
  background-color: rgb(180, 190, 190);
  padding-top: 0;
}

.member:hover,
.artikel:hover {
  background-color: rgb(180, 190, 190) !important;
  cursor: pointer;
}

.member-nav {
  padding-left: 20px;
  padding-right: 20px;
}

.member-info {
  margin-left: 15px;
  width: 330px;
  overflow: hidden;
}

.artikel-info {
  margin-left: 15px;
  width: 300px;
  max-height: 64px;
  overflow: hidden;
}

.artikel-info p {
  line-height: normal;
  margin-bottom: 0.5em;
}

.member-info p {
  line-height: normal;
}

.wasist {
  margin-top: 2px;
}

.mInfoLinks {
  width: 125px;
}

.mInfoLinks p {
  margin-bottom: 12px;
}

.mInfoRechts {
  width: 120px;
  margin-top: -1px;
}

.mInfoRechts input,
.mInfoTop input {
  margin-bottom: 10px;
}

.inputfW {
  width: 120px;
  line-height: 12px;
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

#companyUpload {
  display: none;
}

.row-m {
  padding-left: 15px;
}

/* Member List Items und Navigation */

.nav-item-m {
  margin-left: 10px;
  background-color: #787878;
  font-size: 9px;
  color: #fff;
  width: 75px;
  max-height: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nav-link-m:hover {
  color: #fff;
  text-decoration: none;
}

.nav-link-m-front {
  margin-left: 0;
  background-color: #000;
  font-size: 9px;
  height: 15px;
  width: 75px;
}

.in-kontakt {
  background-color: #787878;
}

.online {
  background-color: #ff9614;
}

.offen {
  background-color: red;
}

.member-row,
.artikel-row {
  margin: 15px 0 0 0;
}

.line {
  width: 250px;
  margin-left: 107px;
  height: 1px;
  background-color: #c8c8c8;
  margin-top: 20px;
}

.hrline {
  height: 1px;
  border: none;
  background-color: #c8c8c8;
  margin-left: -15px;
  width: 360px;
}

.hrlineArtikel {
  height: 1px;
  border: none;
  background-color: #c8c8c8;
  margin-left: -15px;
  width: 100%;
}

.member-divider {
  height: 27px;
  width: auto;
  background-color: transparent;
}

.artikel-nav {
  width: 325px;
}

.artikel-nav-sub {
  width: 300px;
}

.btn-member {
  width: 30px;
  border: 0;
  padding: 0;
  height: 15px;
}

.btn-artikel {
  margin-top: -3px;
}

.btn-artikel i {
  font-size: 9px;
}

.member-icon,
.artikel-icon {
  font-size: 10px;
  padding: 0;
  margin: 0;
}

.rotate {
  transform: rotate(90deg);
}

.member-icon i {
  color: #a18888;
}

i[class="fa"] {
  color: #fff;
}

.sub-nav-link-m {
  font-size: 12px;
  margin-left: 10px;
  text-decoration: none;
}

.sub-nav-link-m:hover {
  text-decoration: none;
  color: #fff;
}

.sub-nav-item-m {
  margin-left: 8px;
  height: 15px;
  width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}

.sub-nav-item-ma {
  height: 15px;
  width: 75px;
}

.no {
  width: 22px;
  background-color: red;
}

.yes {
  width: 22px;
  background-color: #00ff00;
}

.sub-counter {
  width: 28px;
  height: 15px;
}

.member-sub-checkbox {
  margin-left: 8px;
}

.abc-nav {
  position: fixed;
  left: 532px;
  height: calc(100vh - 196px);
  top: 117px;
  width: 12px;
  overflow: hidden;
  font-size: 12px;
  justify-content: space-between;
  display: flex;
  flex-flow: column nowrap;
}

.unavailable {
  color: #c8c8c8;
  text-decoration: none;
  cursor: default;
}

.unavailable:hover {
  color: #c8c8c8;
  text-decoration: none;
  cursor: default;
}

.available {
  color: #5f4b4b;
  text-decoration: none;
}

#none-status,
#admin-status,
#mitarbeiter-status,
#ki-status,
#sec-status,
#aa-status {
  margin-right: 125px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.userDetailBtn {
  width: 100px;
  position: absolute;
  margin-top: 23px;
  right: 66px;
  font-size: 11px;
}

.hinweise {
  width: auto;
  overflow: scroll;
}

.inputvW {
  margin-right: 10px;
  padding-right: 0;
  line-height: 12px;
  min-width: 50px;
}

#upload,
#upload2,
#upload3,
#upload4,
#upload5,
#uploadArtikelImg {
  display: none;
}

/* Member Toolbar */

#toolbarTitle {
  max-width: 230px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#toolbarTitle:hover {
  cursor: default;
  color: #fff;
}

.member-toolbar-wrapper {
  background-color: #f1f1f1;
  width: 300px;
  position: absolute;
  top: 40px;
  right: 0;
  height: calc(100vh - 40px);
  overflow: scroll;
  padding: 0;
}

.articleImgThumb {
  background-image: url("/img/_testbild.png");
  width: 100px;
  height: 62px;
  background-size: cover;
  background-position: bottom;
}

.artikelmenu-wrapper {
  text-align: center;
  position: fixed;
  width: 100%;
  overflow: auto;
  bottom: 25px;
  left: 0;
  padding-bottom: 20px;
}

.artikelcontent-wrapper {
  justify-content: center;
  display: flex;
  height: 100%;
  align-items: center;
  text-align: center;
  position: fixed;
  width: 100%;
  overflow: auto;
  bottom: 25px;
  left: 0;
  padding-bottom: 20px;
}

.artikelmenu-content {
  margin-left: 20px;
  margin-bottom: 20px;
  white-space: nowrap;
  text-align: left;
}

.artikelmenu-text {
  max-width: 640px;
  overflow: scroll;
  height: auto;
  white-space: normal;
}

.artikelmenu-content-p1 {
  margin: 0 30px 30px;
  width: auto;
  overflow: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 640px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.artikelmenu-artikel {
  width: 192px;
  height: 120px;
  padding-right: 20px;
  display: inline-block;
  text-align: center;
}

.artikelmenu-bg {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 100%;
  height: 96px;
  overflow: hidden;
  margin-bottom: 10px;
}

.artikelmenu-btn {
  height: 14px;
  width: 100%;
  font-size: 10px;
  text-align: center;
  line-height: 8px;
}

.artikelmenu-btn a {
  line-height: 12px;
}

.artikelmenu-nr {
  top: -3px;
  left: -11px;
  position: absolute;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  background-color: #eeefea;
  font-size: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
  padding-left: 15px;
}

.artikelmenu-nr-active {
  color: red;
  background-color: #000;
}

/* sa-room content */

.sa-room {
  margin: 176px 0 0 250px;
  position: absolute;
  width: 420px;
}

.sa-room a {
  font-weight: normal;
  line-height: 12px;
}

/* Display-None-Banner */

/* Loading */

@keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.lds-rolling {
  position: relative;
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.lds-rolling div,
.lds-rolling div:after {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 10px solid #787878;
  border-top-color: transparent;
  border-radius: 50%;
}

.lds-rolling div {
  -webkit-animation: lds-rolling 1s linear infinite;
  animation: lds-rolling 1s linear infinite;
  top: 100px;
  left: 100px;
}

.lds-rolling div:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* Colors */

/* Color BG */
.transBG {
  background-color: transparent;
}

.bronzeBG {
  background-color: #261400;
}

.grey1BG {
  background-color: #14140f;
}

.grey1ZBG {
  background-color: rgba(20, 20, 15, 0.9);
}

.grey2BG {
  background-color: #28281e;
}

.grey3BG {
  background-color: #3f3530;
}

.grey4BG {
  background-color: #5f4b4b;
}

.grey5BG {
  background-color: #787878;
}

.grey6BG {
  background-color: #c8c8c8;
}

.grey7BG {
  background-color: #f0f0f0;
}

.orangeBG {
  background-color: #ff9614;
}

.redBG {
  background-color: red;
}

.red1BG {
  background-color: rgb(200, 0, 0);
}

.red2BG {
  background-color: rgb(150, 0, 0);
}

.red3BG {
  background-color: rgb(100, 0, 0);
}

.red4BG {
  background-color: rgb(80, 0, 0);
}

.schwarzBG {
  background-color: #000;
}

.schwarzZBG {
  background-color: rgba(0, 0, 0, 0.9);
}

.schwarz2ZBG {
  background-color: rgba(0, 0, 0, 0.4);
}

.whiteZBG {
  background-color: rgba(255, 255, 255, 0.8);
}

.greenBG {
  background-color: #29fd2f;
}

.whiteBG {
  background-color: #fff;
}

/* Color Notifications */

.Nouter {
  background-color: rgba(40, 40, 30, 0.8);
}

.Ninner {
  background-color: rgba(20, 20, 15, 0.8);
}

/* Color Border Top Bottom */

.transBTB {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.bronzeBTB {
  border-top: 1px solid #261400;
  border-bottom: 1px solid #261400;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey1BTB {
  border-top: 1px solid #14140f;
  border-bottom: 1px solid #14140f;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey1ZBTB {
  border-top: 1px solid rgba(20, 20, 15, 0.9);
  border-bottom: 1px solid rgba(20, 20, 15, 0.9);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey2BTB {
  border-top: 1px solid #28281e;
  border-bottom: 1px solid #28281e;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey3BTB {
  border-top: 1px solid #3f3530;
  border-bottom: 1px solid #3f3530;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey4BTB {
  border-top: 1px solid #5f4b4b;
  border-bottom: 1px solid #5f4b4b;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey5BTB {
  border-top: 1px solid #787878;
  border-bottom: 1px solid #787878;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey6BTB {
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey7BTB {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.orangeBTB {
  border-top: 1px solid #ff9614;
  border-bottom: 1px solid #ff9614;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.redBTB {
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red1BTB {
  border-top: 1px solid rgb(200, 0, 0);
  border-bottom: 1px solid rgb(200, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red2BTB {
  border-top: 1px solid rgb(150, 0, 0);
  border-bottom: 1px solid rgb(150, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red3BTB {
  border-top: 1px solid rgb(100, 0, 0);
  border-bottom: 1px solid rgb(100, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red4BTB {
  border-top: 1px solid rgb(80, 0, 0);
  border-bottom: 1px solid rgb(80, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.schwarzBTB {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.schwarzZBTB {
  border-top: 1px solid #261400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.greenBTB {
  border-top: 1px solid #29fd2f;
  border-bottom: 1px solid #29fd2f;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.whiteBTB {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

/* Color Border 2px Top Bottom */
.bronzeBTB2 {
  border-top: 2px solid #261400;
  border-bottom: 2px solid #261400;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey1BTB2 {
  border-top: 2px solid #14140f;
  border-bottom: 2px solid #14140f;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey1ZBTB2 {
  border-top: 2px solid rgba(20, 20, 15, 0.9);
  border-bottom: 2px solid rgba(20, 20, 15, 0.9);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey2BTB2 {
  border-top: 2px solid #28281e;
  border-bottom: 2px solid #28281e;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey3BTB2 {
  border-top: 2px solid #3f3530;
  border-bottom: 2px solid #3f3530;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey4BTB2 {
  border-top: 2px solid #5f4b4b;
  border-bottom: 2px solid #5f4b4b;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey5BTB2 {
  border-top: 2px solid #787878;
  border-bottom: 2px solid #787878;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey6BTB2 {
  border-top: 2px solid #c8c8c8;
  border-bottom: 2px solid #c8c8c8;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey7BTB2 {
  border-top: 2px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.orangeBTB2 {
  border-top: 2px solid #ff9614;
  border-bottom: 2px solid #ff9614;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.redBTB2 {
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red1BTB2 {
  border-top: 2px solid rgb(200, 0, 0);
  border-bottom: 2px solid rgb(200, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red2BTB2 {
  border-top: 2px solid rgb(150, 0, 0);
  border-bottom: 2px solid rgb(150, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red3BTB2 {
  border-top: 2px solid rgb(100, 0, 0);
  border-bottom: 2px solid rgb(100, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red4BTB2 {
  border-top: 2px solid rgb(80, 0, 0);
  border-bottom: 2px solid rgb(80, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.schwarzBTB2 {
  border-top: 2px solid #000;
  border-bottom: 2px solid #261400;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.schwarzZBTB2 {
  border-top: 2px solid #261400;
  border-bottom: 2px solid rgba(0, 0, 0, 0.8);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.greenBTB2 {
  border-top: 2px solid #29fd2f;
  border-bottom: 2px solid #29fd2f;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.whiteBTB2 {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

/* Color Border 2px Top 1px Bottom */

.transBT1B {
  border-top: 2px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.bronzeBT1B {
  border-top: 2px solid #261400;
  border-bottom: 1px solid #261400;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey1BT1B {
  border-top: 2px solid #14140f;
  border-bottom: 1px solid #14140f;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey1ZBT1B {
  border-top: 2px solid rgba(20, 20, 15, 0.9);
  border-bottom: 1px solid rgba(20, 20, 15, 0.9);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey2BT1B {
  border-top: 2px solid #28281e;
  border-bottom: 1px solid #28281e;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey3BT1B {
  border-top: 2px solid #3f3530;
  border-bottom: 1px solid #3f3530;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey4BT1B {
  border-top: 2px solid #5f4b4b;
  border-bottom: 1px solid #5f4b4b;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey5BT1B {
  border-top: 2px solid #787878;
  border-bottom: 1px solid #787878;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey6BT1B {
  border-top: 2px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.grey7BT1B {
  border-top: 2px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.orangeBT1B {
  border-top: 2px solid #ff9614;
  border-bottom: 1px solid #ff9614;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.redBT1B {
  border-top: 2px solid red;
  border-bottom: 1px solid red;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red1BT1B {
  border-top: 2px solid rgb(200, 0, 0);
  border-bottom: 1px solid rgb(200, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red2BT1B {
  border-top: 2px solid rgb(150, 0, 0);
  border-bottom: 1px solid rgb(150, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red3BT1B {
  border-top: 2px solid rgb(100, 0, 0);
  border-bottom: 1px solid rgb(100, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.red4BT1B {
  border-top: 2px solid rgb(80, 0, 0);
  border-bottom: 1px solid rgb(80, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.schwarzBT1B {
  border-top: 2px solid #000;
  border-bottom: 1px solid #261400;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.schwarzZBT1B {
  border-top: 2px solid #261400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.greenBT1B {
  border-top: 2px solid #29fd2f;
  border-bottom: 1px solid #29fd2f;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.whiteBT1B {
  border-top: 2px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

/* Color Border */

.transB {
  border: 1px solid transparent;
}

.bronzeB {
  border: 1px solid #261400;
}

.grey1B {
  border: 1px solid #14140f;
}

.grey1ZB {
  border: 1px solid rgba(20, 20, 15, 0.9);
}

.grey2B {
  border: 1px solid #28281e;
}

.grey3B {
  border: 1px solid #3f3530;
}

.grey4B {
  border: 1px solid #5f4b4b;
}

.grey5B {
  border: 1px solid #787878;
}

.grey6B {
  border: 1px solid #c8c8c8;
}

.grey7B {
  border: 1px solid #f0f0f0;
}

.orangeB {
  border: 1px solid #ff9614;
}

.redB {
  border: 1px solid red;
}

.red1B {
  border: 1px solid rgb(200, 0, 0);
}

.red2B {
  border: 1px solid rgb(150, 0, 0);
}

.red3B {
  border: 1px solid rgb(100, 0, 0);
}

.red4B {
  border: 1px solid rgb(80, 0, 0);
}

.schwarzB {
  border: 1px solid #000;
}

.schwarzZB {
  border: 1px solid rgba(0, 0, 0, 0.8);
}

.greenB {
  border: 2px solid #29fd2f;
}

.whiteB {
  border: 1px solid #fff;
}

/* Color Border */

.transB2 {
  border: 2px solid transparent;
}

.bronzeB2 {
  border: 2px solid #261400;
}

.grey1B2 {
  border: 2px solid #14140f;
}

.grey1ZB2 {
  border: 2px solid rgba(20, 20, 15, 0.9);
}

.grey2B2 {
  border: 2px solid #28281e;
}

.grey3B2 {
  border: 2px solid #3f3530;
}

.grey4B2 {
  border: 2px solid #5f4b4b;
}

.grey5B2 {
  border: 2px solid #787878;
}

.grey6B2 {
  border: 2px solid #c8c8c8;
}

.grey7B2 {
  border: 2px solid #f0f0f0;
}

.orangeB2 {
  border: 2px solid #ff9614;
}

.redB2 {
  border: 2px solid red;
}

.red1B2 {
  border: 2px solid rgb(200, 0, 0);
}

.red2B2 {
  border: 2px solid rgb(150, 0, 0);
}

.red3B2 {
  border: 2px solid rgb(100, 0, 0);
}

.red4B2 {
  border: 2px solid rgb(80, 0, 0);
}

.schwarzB2 {
  border: 2px solid #000;
}

.schwarzZB2 {
  border: 2px solid rgba(0, 0, 0, 0.8);
}

.whiteB2 {
  border: 2px solid #fff;
}

/* Color Text */

.bronzeTXT {
  color: #261400;
}

.grey1TXT {
  color: #14140f;
}

.grey1ZTXT {
  color: rgba(20, 20, 15, 0.9);
}

.grey2TXT {
  color: #28281e;
}

.grey3TXT {
  color: #3f3530;
}

.grey4TXT {
  color: #5f4b4b;
}

.grey5TXT {
  color: #787878;
}

.grey6TXT {
  color: #c8c8c8;
}

.grey7TXT {
  color: #f0f0f0;
}

.orangeTXT {
  color: #ff9614;
}

.redTXT,
.error {
  color: red;
}

.red1TXT {
  color: rgb(200, 0, 0);
}

.red2TXT {
  color: rgb(150, 0, 0);
}

.red3TXT {
  color: rgb(100, 0, 0);
}

.red4TXT {
  color: rgb(80, 0, 0);
}

.schwarzTXT {
  color: #000;
}

.schwarzZTX {
  color: rgba(0, 0, 0, 0.8);
}

.wTXT {
  color: #fff;
}

.greenTXT {
  color: #29fd2f;
}

.whiteTXT {
  color: #fff;
}

/* Weights*/

.normalTXTÂ {
  font-weight: normal;
}

.boldTXT {
  font-weight: 600;
}

/* Color Border LR */

.transBLR {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-radius: 0;
}

.bronzeBLR {
  border-left: 1px solid #261400;
  border-right: 1px solid #261400;
  border-radius: 0;
}

.grey1BLR {
  border-left: 1px solid #14140f;
  border-right: 1px solid #14140f;
  border-radius: 0;
}

.grey1ZBLR {
  border-left: 1px solid rgba(20, 20, 15, 0.9);
  border-right: 1px solid rgba(20, 20, 15, 0.9);
  border-radius: 0;
}

.grey2BLR {
  border-left: 1px solid #28281e;
  border-right: 1px solid #28281e;
  border-radius: 0;
}

.grey3BLR {
  border-left: 1px solid #3f3530;
  border-right: 1px solid #3f3530;
  border-radius: 0;
}

.grey4BLR {
  border-left: 1px solid #5f4b4b;
  border-right: 1px solid #5f4b4b;
  border-radius: 0;
}

.grey5BLR {
  border-left: 1px solid #787878;
  border-right: 1px solid #787878;
  border-radius: 0;
}

.grey6BLR {
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  border-radius: 0;
}

.grey7BLR {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-radius: 0;
}

.orangeBLR {
  border-left: 1px solid #ff9614;
  border-right: 1px solid #ff9614;
  border-radius: 0;
}

.redBLR {
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-radius: 0;
}

.red1BLR {
  border-left: 1px solid rgb(200, 0, 0);
  border-right: 1px solid rgb(200, 0, 0);
  border-radius: 0;
}

.red2BLR {
  border-left: 1px solid rgb(150, 0, 0);
  border-right: 1px solid rgb(150, 0, 0);
  border-radius: 0;
}

.red3BLR {
  border-left: 1px solid rgb(100, 0, 0);
  border-right: 1px solid rgb(100, 0, 0);
  border-radius: 0;
}

.red4BLR {
  border-left: 1px solid rgb(80, 0, 0);
  border-right: 1px solid rgb(80, 0, 0);
  border-radius: 0;
}

.schwarzBLR {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-radius: 0;
}

.schwarzZBLR {
  border-left: 1px solid #261400;
  border-right: 1px solid #261400;
  border-radius: 0;
}

.whiteBLR {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-radius: 0;
}

.green {
  border-left: 1px solid #29fd2f;
  border-right: 1px solid #29fd2f;
  border-radius: 0;
}

/* Weights*/

.normalTXTA {
  font-weight: normal;
}

/* Color Border LR */

.greyBB {
  border-bottom: 1px solid #c8c8c8;
}

/* Form */

.form-control:valid {
  padding: unset;
  font-size: 12px;
  line-height: 12px;
  color: #555;
}

.form-control.error {
  padding: 12px 12px;
  font-size: 12px;
  line-height: 12px;
  color: #555;
}

/* Checkbox */

.NLcheckbox input[type="checkbox"] + label:before {
  opacity: 0;
}

/* PR content */

.note-link {
  font-weight: normal;
  line-height: 16px;
}

button[aria-expanded="true"] i.fa-caret-down {
  display: block;
}

button[aria-expanded="false"] i.fa-caret-down {
  display: none;
}

button[aria-expanded="true"] i.fa-caret-right {
  display: none;
}

.cp-notification,
#rights {
  display: none;
}

span.count,
span.delete {
  background: #000;
  margin-right: 10px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  line-height: 9px;
  padding: 1px 6px;
  color: #fff;
}

span.delete {
  background: #ff0000;
  margin-right: 10px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  line-height: 12px;
  padding: 1px 6px;
  background-color: red;
  padding-top: 4px;
  text-align: center;
  padding-right: 12px;
  padding-left: 12px;
  color: #fff;
  float: left;
  padding-bottom: 5px;
}

span.no-delete {
  width: 16px;
  margin-right: 10px;
  float: none;
  padding: 0;
}

.infoKasten {
  width: 60%;
  margin-left: 35%;
  width: 68%;
  min-height: 30px;
  padding: 10px;
  float: left;
  margin-left: 0px;
  font-size: 8px;
  text-align: center;
}

.infoKasten.klein {
  width: 60%;
  margin-left: 250px;
}

.right {
  float: right;
}

.zf-green {
  color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#70d900),
    to(#57a900)
  );
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900',
      endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

div.container a.navbar-brand > img {
  display: inline;
  margin-right: 4px;
  margin-top: -2px;
}

#admin-room {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}

.wrapper {
  width: 1024px;
  margin: 0 auto;
}

#admin-content-wrapper {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: calc(100% - 160px);
}

#adminContent {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#adminContent .form-control {
  display: block;
  width: 68%;
  height: 30px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  float: right;
}

.coop-header,
.coop-footer {
  color: white;
  background-color: black;
  border: 1px solid #dadada;
  height: 18px;
  position: fixed;
}

.coop-footer {
  bottom: 35px;
  left: 0;
  width: 100%;
}

.coop-header {
  top: 35px;
  left: 0;
  width: 100%;
}

.coop-nav {
  width: 100%;
  padding: 0 80px;
}

.coop-nav li,
#adminHome li {
  display: inline-block;
  margin-right: 28px;
}

.coop-nav li:last-child,
#adminHome li:last-child {
  margin-right: 0;
}

#adminHome li {
  text-align: center;
}

.coop-nav li a {
  color: white;
  text-decoration: none;
}

#adminHome {
  padding: 0;
  margin: 0 80px;
  width: 100%;
  float: left;
}

#adminHome a {
  background: black;
  color: white;
  border-bottom: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  font-size: 12px;
  line-height: 14px;
  padding: 0 10px;
  min-width: 75px;
  text-decoration: none;
  display: inline-block;
}

#adminContent .toolbox a.active {
  color: white;
}

#adminContent a.active {
  color: #ff0000;
}

#adminHome a:hover,
#adminHome a:active,
#adminHome a:focus,
#adminHome a.active {
  background: #ff0000;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}

#adminHomeContent {
  overflow: auto;
  margin: 67px auto 45px auto;
  width: 720px;
  height: calc(100% - 112px);
  overflow-x: hidden;
  padding: 0 35px;
}

form.noFloat {
  float: none;
}

form label span:first-child {
  display: inline-block;
  text-align: left;
  float: left;
  margin: 0 35px 0 0;
  font-weight: normal;
  padding: 6px 0;
  width: 130px;
}

#publisher label span:first-child,
.department label span:first-child,
.group label span:first-child {
  width: 130px;
  padding-top: 0px;
}

#publisher label {
  margin-bottom: 0.7rem;
}

.mailBtn,
.zahl {
  margin-right: 0;
}

form label input,
form label select {
  background-color: transparent;
}

#adminContent textarea.form-control {
  min-height: 80px;
}

.col-xs-6 {
  width: 34%;
}

#impressum {
  position: absolute;
  width: 100%;
  left: 0%;
  overflow: auto;
  bottom: 65px;
  top: 67px;
}

#impressum form {
  float: left;
  width: calc(100% - 70px);
  font-weight: normal;
  margin-left: 35px;
}

#impressum h3,
.coopBtn {
  float: left;
  background: black;
  color: white;
  border-bottom: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  font-size: 12px;
  line-height: 14px;
  padding: 0 10px;
  text-decoration: none;
  text-align: center;
  width: 100%;
  cursor: pointer;
}

#impressum h3 {
  cursor: none;
  margin-bottom: 25px;
}

.department {
  float: left;
  width: 100%;
}

.editable {
  float: left;
  min-height: 100px;
  width: 100%;
}

.editable p {
  font-size: 10px;
  line-height: 16px !important;
}

.group {
  width: 100%;
  float: left;
  width: 101%;
}

.groupBtn {
  margin: 20px 0;
}

#groupRoleContent {
  position: absolute;
  width: 90%;
  height: calc(100% - 290px);
  left: 5%;
  margin-top: 80px;
  overflow: auto;
}

.trenner {
  border-bottom: 1px solid #ff0000;
  height: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

.labelDiv {
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}

.labelDiv input {
  position: absolute;
  left: -100%;
}

.labelSpan {
  width: 34%;
  float: left;
  width: 130px;
}

.group-role {
  margin-bottom: 50px;
  float: left;
  width: 100%;
}

#publisher {
  padding-bottom: 100px;
  width: 720px;
}

.coop-buttons,
.coop-forms {
  float: left;
  text-align: right;
}

.coop-satz {
  float: left;
  min-height: 10px;
}

.coop-buttons {
  width: 100px;
  margin-right: 16px;
  padding-top: 5px;
  margin-right: 5px;
}

.coop-forms {
  width: 518px;
  width: 558px;
  margin-left: 16px;
}

.coop-before-count {
  max-width: 72px;
  width: 45px;
  margin-left: 0;
}

.zahl {
  display: inline-block;
  margin-right: 45px;
  width: 10px;
}

#Role .zahl,
#Filtertype .zahl {
  margin-right: 16px;
  margin-right: 0px;
}

.coopNotificationBoxWrapper {
  background: rgba(0, 0, 0, 0.8);
}

.coopNotificationBox header {
  text-align: center;
  margin-bottom: 20px;
}

.coopNotificationBtn {
  width: 186px;
  display: inline-block;
  text-align: center;
  border-bottom: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  padding: 2px 0;
}

.coopNotificationBtn.positiv {
  background: #ff0000;
  color: white;
  float: right;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

.open .dropdown-menu {
  display: block;
}

.hidden {
  display: none;
}

#impressumForm > div {
  float: left;
}

#adminContent .form-control:focus {
  color: unset;
  background-color: unset;
  border-color: unset;
  outline: unset;
}

#roles input {
  width: 60%;
}

#roles span {
  cursor: pointer;
}

#adminContent .form-control.publisher-member {
  width: 62%;
  margin-right: 10px;
  width: 68%;
  margin-right: 0px;
}

.add-member {
  padding: 7px 0;
}

.add-member a {
  background: #000000;
  margin-right: 10px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  line-height: 12px;
  padding: 2px 6px;
  font-size: 9px;
}

.add-member a:hover {
  background: white;
  color: black;
}

.yes-ic {
  color: #000;
}

#search:hover {
  color: #fff;
}

#search2:hover {
  color: #fff;
}

#search3:hover {
  color: #fff;
}

#search4:hover {
  color: #fff;
}

#search5:hover {
  color: #fff;
}

#search6:hover {
  color: #fff;
}

#search7:hover {
  color: #fff;
}

.nav-link-m {
  font-size: 9px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 500;
}

.tab-nav-item-lg {
  width: 111px;
  box-sizing: border-box;
  height: 16px;
  line-height: 13px;
  border-radius: 0;
}

#search ::-webkit-input-placeholder {
  color: #fff;
}

#search2 ::-webkit-input-placeholder {
  color: #fff;
}

#search3 ::-webkit-input-placeholder {
  color: #fff;
}

#search4 ::-webkit-input-placeholder {
  color: #fff;
}

#search5 ::-webkit-input-placeholder {
  color: #fff;
}

#search6 ::-webkit-input-placeholder {
  color: #fff;
}

#search7 ::-webkit-input-placeholder {
  color: #fff;
}

#search ::-moz-placeholder {
  color: #fff;
}

#search2 ::-moz-placeholder {
  color: #fff;
}

#search3 ::-moz-placeholder {
  color: #fff;
}

#search4 ::-moz-placeholder {
  color: #fff;
}

#search5 ::-moz-placeholder {
  color: #fff;
}

#search6 ::-moz-placeholder {
  color: #fff;
}

#search7 ::-moz-placeholder {
  color: #fff;
}

#search :-ms-input-placeholder {
  color: #fff;
}

#search2 :-ms-input-placeholder {
  color: #fff;
}

#search3 :-ms-input-placeholder {
  color: #fff;
}

#search4 :-ms-input-placeholder {
  color: #fff;
}

#search5 :-ms-input-placeholder {
  color: #fff;
}

#search6 :-ms-input-placeholder {
  color: #fff;
}

#search7 :-ms-input-placeholder {
  color: #fff;
}

#search :-moz-placeholder {
  color: #fff;
}

#search2 :-moz-placeholder {
  color: #fff;
}

#search3 :-moz-placeholder {
  color: #fff;
}

#search4 :-moz-placeholder {
  color: #fff;
}

#search5 :-moz-placeholder {
  color: #fff;
}

#search6 :-moz-placeholder {
  color: #fff;
}

#search7 :-moz-placeholder {
  color: #fff;
}

::-webkit-input-placeholder {
  color: #c8c8c8;
}

::-moz-placeholder {
  color: #c8c8c8;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

:-moz-placeholder {
  color: #c8c8c8;
}

@keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.arcounter {
  float: right;
  text-align: center;
  width: 70px;
  color: #fff;
  font-weight: normal;
}

.arcounter:hover {
  color: #000;
  cursor: pointer;
}

#impressum textarea,
#impressum div[contenteditable="true"] {
  font-size: 10px;
  line-height: 12px;
}

span.count {
  background-color: #fff;
  border: 1px solid #000;
  padding-top: 4px;
  text-align: center;
  width: 30px;
  color: #000;
  padding-bottom: 3px;
}

span.countPre {
  background-color: #000;
  border: 1px solid #000;
  padding-top: 4px;
  text-align: center;
  width: 30px;
  color: #fff;
  padding-bottom: 3px;
}

.countsub {
  padding-top: 4px;
  padding-right: 5px;
  margin-top: 3px;
  text-align: center;
  padding-bottom: 3px;
  padding-left: 5px;
  height: 20px;
}

span.ccoggs {
  background-color: red;
  padding-top: 4px;
  text-align: center;
  padding-right: 12px;
  padding-left: 12px;
  color: #fff;
  padding-bottom: 3px;
}

#sa-layout {
  margin: auto;
  margin-top: 40px;
  width: 430px;
  height: calc(100% - 30px);
  overflow-x: hidden;
  padding: 0 10px;
}

.saLayoutL .form-control {
  width: 50%;
}

.form-control-r {
  float: right;
  width: 50px;
  margin-top: 4px;
  margin-right: 110px;
}

.form-control-rCH {
  float: right;
  margin-right: 110px;
  padding: 6px 0;
}

.form-control-r input {
  height: unset;
}

.saLayoutR {
  width: 350px;
  float: right;
  right: 50px;
  position: absolute;
  margin-top: 205px;
  background-color: #fff;
  padding: 10px;
  display: none;
}

.saLayoutR span {
  font-size: 9px;
}

.saLayoutCounterR {
  width: 30px;
}

.saLayoutDescrR {
  width: 220px;
}

.saLayoutTitleR {
  width: 90px;
}

#member-form form label {
  width: auto;
}

.coopBtn {
  width: 68%;
  margin-left: 36px;
}

.coopBtnC {
  width: 100%;
  margin-left: 0px;
}

.newCEO {
  margin-left: 165px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#smallprint {
  font-size: 10px;
  width: 93%;
  margin-left: 25px;
  margin-top: -35px;
  text-align: justify;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.lds-spinner {
  position: relative;
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.lds-css {
  margin: auto;
  width: 200px;
  height: 190px;
}

.lds-spinner div {
  left: 95px;
  top: 37px;
  position: absolute;
  -webkit-animation: lds-spinner linear 1s infinite;
  animation: lds-spinner linear 1s infinite;
  background: #fff;
  width: 10px;
  height: 34px;
  border-radius: 0%;
  -webkit-transform-origin: 5px 63px;
  transform-origin: 5px 63px;
}

.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.875s;
  animation-delay: -0.875s;
}

.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}

.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.625s;
  animation-delay: -0.625s;
}

.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.375s;
  animation-delay: -0.375s;
}

.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}

.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.125s;
  animation-delay: -0.125s;
}

.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

/* Aritkel Manage Aenderungen */

.aFindented {
  width: 100%;
  padding-left: 30px;
}

/* Bootstrap Color Picker */

/* IE 11+ */

/* Folgend nur für Benutzer / Artikel Management */

@media screen and (max-width: 1024px) {
  /* Benutzer */

  .detail {
    left: 480px;
  }

  .detail span {
    font-size: 11px;
  }

  .member-wrapper,
  .artikel-wrapper {
    padding: 120px 30px 60px 30px;
  }

  input[type="text"] {
    height: 15px;
    font-size: 11px;
    line-height: 14px;
  }

  .pdetails {
    font-size: 12px;
  }

  /* Navigation */

  .UlL {
    margin-left: 30px;
  }

  .UlR {
    margin-right: 30px;
  }

  /* Artikel */

  .artikel-wrapper .toolbox-content #settings-tab {
    width: 90px;
    margin-right: 10px;
  }

  .artikel-wrapper .toolbox-content #suchen-tab {
    width: 90px;
  }

  /* Toolbar */

  #suchen-tab,
  #settings-tab,
  #bild-tab {
    width: 60px;
  }

  #bild-tab,
  #settings-tab {
    margin-right: 5px;
  }

  #suchen-tab {
    margin-right: 0;
  }

  .toolbox-content label {
    font-size: 9px;
  }

  .toolbox-content button {
    font-size: 11px;
  }

  .toolbox-content input[type="text"] {
    font-size: 9px;
  }

  .selection2button input[type="checkbox"] {
    margin-top: 0 !important;
  }

  .tab-content {
    width: 190px;
  }

  .filterInput {
    width: auto;
  }

  .toolbox-content .nav-item {
    margin-right: 7px;
  }

  #search,
  #search2,
  #search3,
  #search4,
  #search5,
  #search6,
  #search7 {
    width: 190px;
  }
}

table {
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  padding: 8px 16px;
}

th {
  background: #eee;
}

.table th {
  padding: 0;
  background-color: rgb(140, 140, 140);
  color: white;
  border: none;
}

.table th,
.table td {
  padding: 2px 0;
}

.table th:first-child,
.table td:first-child {
  padding-left: 50px;
}

.table th:last-child,
.table td:last-child {
  padding-right: 50px;
}

.table tbody tr {
  line-height: 24px;
}

.table thead {
  border: none;
  box-shadow: none;
}

.TXTBlk {
  color: black !important;
}

::placeholder {
  opacity: 1;
  /* Firefox */
  color: grey;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: grey;
}

.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}

#toolbarContainer button,
#toolbarContainer section {
  padding: 0;
  border: none;
  border-width: inherit;
  outline: none;
  font: inherit;
  color: inherit;
  width: inherit;
  margin: 0 auto;
}

.background-none {
  background: none;
}

#toolbarContainer section {
  height: auto;
}

#toolbarContainer fieldset {
  line-height: initial;
}

#toolbarContainer a {
  color: #fff;
  text-decoration: none;
}

#toolbarContainer a:hover {
  color: red;
  text-decoration: none;
}

#toolbarContainer button:hover {
  cursor: pointer;
  color: red;
}

#toolbarContainer input {
  border: none;
}

#toolbarContainer {
  display: none;
  background: #28281d;
  width: 300px;
  height: 100vh;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  z-index: 1031;
}

#toolbar-div {
  padding-top: 0px;
  overflow-y: scroll;
  max-height: 80vh;
  height: 80vh;
}

#toolbarContainer .topArticleFrontEnd {
  max-height: 80vh;
  overflow-y: scroll;
  margin-top: 65px;
  z-index: 98;
  display: flex;
  flex: 1;
  flex-direction: column;
}

/* Buttons */

#toolbarContainer .grey7BG {
  background-color: #70706f;
}

#toolbarContainer .button1 {
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  text-align: center;
  height: 18px;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  margin: 0 auto;
  width: 100%;
}

#toolbarContainer .transparent {
  background: transparent;
}

#toolbarContainer .w251 {
  width: 231px;
  margin: 0 auto;
  overflow: hidden;
}

#toolbarContainer .button1:hover {
  color: red;
  cursor: pointer;
}

#toolbarContainer input[name="title"]:hover {
  cursor: default;
}

#toolbarContainer .percentage {
  height: 18px;
  overflow: hidden;
}

#toolbarContainer .percent {
  background-color: rgba(0, 255, 152, 0.7);
  width: 0;
  float: left;
  height: 20px;
  color: white;
  text-align: center;
}

#toolbarContainer .bildUploadThumb {
  width: 231px;
  margin: auto;
}

#toolbarContainer .videobildupload {
  width: 231px;
  margin: auto;
}
/* Page & Layout Control */

#toolbarContainer .pageNums {
  grid: auto / auto auto auto;
  grid-template-columns: auto auto auto auto auto;
  grid-gap: 0 10px;
  display: grid;
}

#toolbarContainer .grid {
  display: grid;
}

#toolbarContainer .pageNums .pageButton {
  width: 100%;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  background-color: #000;
  margin-top: 15px;
  height: 18px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}

#toolbarContainer #pageNumsUl .pageButton {
  list-style: none;
}

#toolbarContainer #pageNumsUl .list-group-item.active {
  background-color: #000 !important;
  color: red !important;
}


/* #pageNumsUl was removed because was causing issue */

#toolbarContainer #pageNumsUl .list-group-item {
  display: block !important;
}

#toolbarContainer #plcButton {
  margin: 0 auto;
}

#toolbarContainer .inactive {
  visibility: hidden;
}

/* Layout Tools */

#toolbarContainer #layoutTools,
#toolbarContainer #pageAddDelete {
  display: flex;
  width: 231px;
  gap: 10px;
  margin: 0 auto;
}

/* Type Control */
#toolbarContainer #typeTools {
  grid: auto / auto auto auto;
  grid-template-columns: auto auto auto auto;
  grid-gap: 20px 10px;
  display: grid;
  width: 231px;
  margin: 15px auto 0;
}

#typeToolsWrapper,
#mediaWrapper {
  flex: none !important;
}

#toolbarContainer #fontSelect,
#toolbarContainer #fontSize,
#toolbarContainer #typeToolsWrapper,
#toolbarContainer .pageLayoutControl,
#toolbarContainer #authorList,
#toolbarContainer #mediaWrapper {
  width: 231px;
  margin: 0 auto;
}

#toolbarContainer #fColor {
  grid: auto / auto auto auto;
  grid-template-columns: auto auto auto;
  grid-gap: 0 10px;
  display: grid;
  margin: 0 auto;
  width: inherit;
}

/* Link Control */
.w100p {
  width: 100%;
}

.transparentBG {
  background-color: transparent !important;
}

#toolbarContainer .choseLinkForm {
  display: flex;
  justify-content: space-between;
  margin: 8px auto;
  font-size: 10px;
  background-color: #70706f;
}

#toolbarContainer .editableLinkForm {
  display: flex;
  justify-content: space-between;
  margin: 8px auto;
  font-size: 10px;
  color: white;
  background-color: white;
}

#toolbarContainer label[for="linkChoosen"] {
  line-height: 14px;
}

/* Media Upload */

#toolbarContainer .mediaCounter {
  width: 50px;
  margin: 0 auto;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  background-color: #000;
  text-align: center;
  line-height: 14px;
  height: 16px;
}

/* Bottom */

#toolbarContainer .bottomC {
  position: absolute;
  width: 285px;
  background: #28281d;
  bottom: 0;
  margin: 30px auto;
  padding: 1.25rem;
}

#toolbarContainer #tPosition {
  display: flex;
  width: 238px;
}

#toolbarContainer .removeAddImg {
  display: flex;
  text-align: center;
  width: 231px;
  margin: auto;
}

#toolbarContainer .wButton {
  height: 18px;
  background-color: #fff;
}

#toolbarContainer .bButton {
  height: 18px;
  background-color: #000;
}

#toolbarContainer #cpInput, #cpInputBackground {
  display: none;
}

#toolbarContainer label[for="colorpicker"] {
  line-height: 18px;
  width: 100%;
}

#toolbarContainer .colorpicker-element .input-group-addon i,
#toolbarContainer .colorpicker-element .add-on i {
  width: 100%;
  height: 16px;
}

#sToolbar {
  display: none;
  position: fixed;
  top: 40%;
  right: 0;
  margin-top: -15px;
  padding: 2px 5px;
  border: 1px solid #fff;
  color: #fff;
  background: #000;
  font-size: 24px;
  border-right-width: 0;
  cursor: pointer;
  z-index: 9999;
  box-sizing: content-box;
}

#member-suche .selection2button label {
  height: 16px;
  text-align: center !important;
}

#member-suche label,
#member-suche .selection2button {
  padding-top: 0px !important;
}

#member-suche ul {
  margin: 0 auto;
}

#member-suche li,
#member-suche #search {
  width: 100%;
  margin: 10px 0;
  text-align: center;
}

.tableFixHead {
  overflow-y: auto;
  height: 150px;
  margin: 25px 0;
}

.tableFixHead thead th {
  position: sticky;
  top: 0;
}

.toggleDisplay {
  transition-duration: 600ms;
}

toolbarContainer a.pl {
  color: red;
}

.found {
  display: block !important;
}

/* New Machine Configurations */
.mac-black {
  color: #000;
}

.mac-mokka {
  color: rgb(50, 40, 0);
}

.mac-grey-dark {
  color: rgb(90, 100, 100);
}

.mac-m1 {
  font-size: 12px;
}

.mac-m1:hover {
  color: rgb(200, 20, 20) !important;
}

.menubutton {
  color: rgb(255, 255, 255) !important;
  border-top: solid rgb(200, 20, 20) 1px !important;
  border-bottom: solid rgb(200, 20, 20) 1px !important;
  opacity: 80%;
  font-weight: 600;
  cursor: pointer;
  height: 18px;
}

.menubutton:hover {
  color: rgb(200, 20, 20) !important;
}

.bgc-mac-grey-light {
  background-color: rgb(180, 190, 190) !important;
}

.mac-grey-light {
  background-color: rgb(180, 190, 190) !important;
}

.mac-grey-medium {
  background-color: rgb(130, 145, 145) !important;
}

.mac-green-medium {
  background-color: rgb(100, 160, 60);
}

.selectionbutton {
  border-top: 1px solid rgb(200, 20, 20);
  border-bottom: 1px solid rgb(200, 20, 20);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  font-weight: 600;
  background-color: rgb(90, 100, 100) !important;
  color: rgb(250, 250, 250);
}

.selectionbutton:hover {
  color: rgb(200, 20, 20);
}

.selection2button a {
  text-decoration: none;
  line-height: 13px;
  font-weight: normal;
}

.selection2button:hover {
  cursor: pointer;
  color: rgb(200, 20, 20) !important;
}

.selection2button {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  font-weight: 600;
  color: rgb(250, 250, 250);
  height: 20px;
  padding-top: 1px;
  margin-top: 12px;
  padding-right: 5px;
  padding-left: 5px;
  height: 16px;
  padding-bottom: 6px;
  position: relative;
}

.selection3button {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
  font-weight: 600;
  background-color: transparent !important;
  color: rgb(0, 0, 0);
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 12px;
  height: 16px;
}

.selection3button:hover {
  color: rgb(200, 20, 20);
}

.selection4button {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
  background-color: transparent(120, 120, 120) !important;
  font-weight: 600;
  border-radius: 0;
  color: rgb(0, 0, 0);
  height: 20px;
  width: 230px;
  padding-top: 1px;
  margin-top: 12px;
  position: relative;
}

.headbutton {
  color: rgb(255, 255, 255);
  font-size: 12px;
}

.selection2button-btn:hover {
  color: rgb(200, 20, 20) !important;
  cursor: pointer;
}

.content-container {
  max-width: 1400px;
  margin: 0 auto;
  height: 100%;
}

.navi {
  max-width: 1400px;
  margin: 0 auto;
}

.toolbar-spacing-big {
  margin-top: 40px !important;
}

.toolbar-spacing-medium {
  margin-top: 20px !important;
}

.toolbar-spacing-small {
  margin-top: 10px !important;
}

.personality-submenu {
  width: 231px;
  margin: auto;
}

.suchen-list:last-child {
  margin-bottom: 20px !important;
}

.publisher-select {
  height: 12px;
  display: flex;
  width: 68%;
  color: #555;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}

.black-arrow-left {
  color: white;
  background: black;
  padding: 2px;
}

.hovered {
  background-color: grey;
}

#trash-fields > div {
  margin-top: 1rem !important;
}


.invalid-email-bg{
  background: red;
}