#meta-bar a {
    font-size: 0.8rem;
    color: var(--primary-color) !important;
}
#meta-bar span {
    font-size: 0.8rem;
}
#reviewForm .column-1 {
    width: 5em;
    height: 2em;
}
.review-table th {
    line-height: 1em;
    vertical-align: center;
}
.mymessage img {
    max-height: 20px;
    width: auto;
    display: block;
}

.mypopup {
    position: fixed !important; /* Fixiert das Pop-up relativ zum Viewport */
    top: 50% !important; /* Vertikale Mitte */
    left: 50% !important; /* Horizontale Mitte */
    transform: translate(-50%, -50%) !important; /* Verschiebt das Element um die H�lfte seiner eigenen Gr��e */
    z-index: 1000; /
}

h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color);
}
#themenu {
    padding: 10px;
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
    border-radius: 15px;
    border-color: #fff;
}
#themenutable td {
    background: #fff;
    color: #758198 !important;
    border-color: #fff;
}
#themenutable tbody{
    color: #67748e; /* Textfarbe f�r den Tabelleninhalt */
}
#themenutable thead {
    color: #a7b2c3;
}
#themenutable th {
    background: #fff;
    text-transform: uppercase;
    font-weight: bold;
    color: #a7b2c3 !important;
}
#themenutable {
    border-collapse: collapse; /* Entfernt Doppellinien zwischen Zellen */
    width: 100%; /* Optional: Tabelle nimmt die gesamte Breite ein */
}

#themenutable td, #themenutable th {
    border: 1px solid white; /* Vertikale Linien (wei�) */
}
#themenutable th {
    padding-left: 8px;
}

#themenutable td:nth-child(4),
#themenutable th:nth-child(4) {
    max-width: 250px;
    white-space: nowrap; /* Kein Zeilenumbruch */
    overflow: hidden; /* Versteckt den �berfl�ssigen Inhalt */
    text-overflow: ellipsis; /* F�gt drei Punkte ein, wenn der Text abgeschnitten wird */
}
#themenutable th:nth-child(-n+4),
#themenutable td:nth-child(-n+4) {
    text-align: left;
}
#themenutable td {
    border-bottom: thin solid #dee2e6;
    cursor: pointer;
}


#themenutable td:hover {
    background-color: #e4e8ed !important; /* Hintergrundfarbe �ndern beim Hover */
}

#themenutable tr:last-child:hover td {
    background-color: #ffffff !important; /* Hintergrundfarbe auf Wei� setzen */
}

#themenutable tr:last-child {
    border-bottom: none; /* Entfernt die Linie unter der letzten Zeile */
}
#themenutable .footer td {
    border: none;
}
#content a {
    color: unset;
}
#hiddenmenu img {
    display: none;
}
#hiddenmenu {
    display: flex;
    justify-content: center;
    width: 20px; /* Breite des Buttons */
    height: 400px; /* H�he des Buttons */
    background-color: #8392ab; /* Hintergrundfarbe */
    color: white; /* Textfarbe */
    font-size: 16px; /* Schriftgr��e */
    font-family: Roboto, sans-serif; /* Schriftart */
    text-align: center; /* Textausrichtung */
    border: none; /* Kein Rahmen */
    border-radius: 10px; /* Abgerundete Ecken */
    cursor: pointer; /* Zeiger auf Maus */
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
#hiddenmenu::before {
    content: "See your abstract here"; /* Textinhalt */
    font-size: 16px; /* Schriftgr��e */
    color: white; /* Textfarbe */
    writing-mode: vertical-rl; /* Text vertikal ausrichten */
    transform: rotate(180deg); /* Text umdrehen */
    position: absolute;
    display: flex;
    align-items: center;
    margin-top: 6rem;
}

input[type="button"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}
#filterForm img {
    max-height: 12px;
    width: auto;
    margin-left: 5px;
    margin-right: 10px;
    padding-bottom: 5px;
}
th {
    font-weight: normal;
}
#themenutable img {
    max-height: 15px;
    width: auto;
}
#notreviewed {
    marging-left: 15px;
}

#content {
    background: inherit;
}
.page-description {
    background-color: #f8f9fa;
}
#content-normal {
    background-color: #f8f9fa;
}
#thecontent {
    background-color: #f8f9fa;
}
#abstract-info {
    padding: 1rem;
}
#nav-bar {
    border-bottom: unset;
}

.img-header-logo {
    display: block; /* Entfernt L�cken um das Bild */
    width: 100%; /* Optional: Passt die Breite an */
    height: auto; /* Beibehaltung des Seitenverh�ltnisses */
}

#nav-bar {
    position: relative; /* Positionierung erforderlich f�r z-index */
    z-index: 5; /* Niedrigerer z-index als main-container */
    background: transparent;
}
#thecontent {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
input {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.25rem;
    border-radius: 5px;
}
select {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.25rem;
    border-radius: 5px;
}
#abstract-info {
    margin-top: 0.75rem;
    border: 2px solid #fff !important;
    background: #fff;
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
    border-radius: 15px;
}
#abtract-info .column-1 {
    font-weight: bold;
}

#abtract-info th {
    font-weight: normal;
}
.mybutton-area {
    padding-right: 0.75rem;
}

#lowernext {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392ab;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: .875rem;
    background: transparent;
    border: solid #dee2e6;
    border-width: 1.5px;
    box-shadow: unset;
}
#lowernext:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}
#uppernext {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392ab;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: .875rem;
    background: transparent;
    border: solid #dee2e6;
    border-width: 1.5px;
    box-shadow: unset;
}
#uppernext::before{
    content: "\f104"; /* Unicode f�r "fa-chevron-left" */
    font-family: "Font Awesome 6 Pro"; /* Verwende die Pro-Schriftart */
    font-weight: 900; /* F�r Solid Icons */
    position: absolute;
    left: 10px; /* Abstand vom linken Rand */
    top: 50%; /* Vertikale Positionierung */
    transform: translateY(-50%); /* Perfekte Zentrierung */
    color: #000; /* Farbe des Icons (Blau in diesem Fall) */
    font-size: 14px; /* Gr��e des Icons */
}
#uppernext:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}
#lowerprev {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392ab;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: .875rem;
    background: transparent;
    border: solid #dee2e6;
    border-width: 1.5px;
    box-shadow: unset;
}
#lowerprev:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}
#upperprev {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392ab;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: .875rem;
    background: transparent;
    border: solid #dee2e6;
    border-width: 1.5px;
    box-shadow: unset;
}
#upperprev:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}
#lowernextsave {
    background: var(--primary-color);
    color: #fff;
}
#lowernextsave:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
#lowerprevsave {
    background: #8392ab;
    color: #fff;
}
#lowerprevsave:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
#filterForm input[type="button"]:last-of-type {
    background: var(--primary-color);
    color: #fff;
    font-weight: normal;
}
#filterForm input[type="button"]:last-of-type:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
#filterForm input[type="button"]:nth-of-type(-n+4) {
    color: #8392ab;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 25px;
    height: 26px;
    font-size: .5rem;
    background: #fff;
    border: solid #dee2e6;
    border-width: 1px;
    box-shadow: unset;
}
#filterForm input[type="button"]:nth-of-type(-n+4):hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.mybutton-area input[type="button"][value="save"] {
    border: unset;
    color: #fff;
    background: var(--primary-color);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}
.mybutton-area input[type="button"][value="save"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
#profile .row .column-1 {
    line-height: 1.5rem;
}
#profile label {
    font-size: 0.8rem;
}
#profile input {
    width: 12rem;
}

input[type="submit"][value="Save changes"] {
    background: var(--primary-color);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}
input[type="submit"][value="Save changes"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
.button-area input[type="reset"][value="Reset"] {
    background: #8392ab;
    color: #fff;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}
.button-area input[type="reset"][value="Reset"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
input[type="button"][value="New password"] {
    background: #8392ab;
    color: #fff;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}
input[type="button"][value="New password"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
input[type="submit"][value="Download PDF now"] {
    background: var(--primary-color);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}
input[type="submit"][value="Download PDF now"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
input[type="submit"][value="login"] {
    background: var(--primary-color);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}
input[type="submit"][value="login"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}
input[type="button"][value="New password"] {
    bbackground: #8392ab;
    color: #fff;
}
input[type="button"][value="New password"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}


.teaser-darkblue {
    padding: 1rem;
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
}
.dllabel {
    font-size: 0.8rem;
    margin-bottom: 0.8rem;
}
.dlcontent {
    margin-left: 0;
}
.teaser-complete {
    padding: 1rem;
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
}
.teaser-lightgreen {
    padding: 1rem;
    color: #003366;
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
}
#feedback {
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
}
#feedback textarea {
    min-width: unset;
    max-width: 11.3rem;
}
.teaser-lightgreen input[type="button"] {
    background: #fff;
    color: #003366;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
}
.teaser-lightgreen input[type="button"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    transform: translateY(-1px);
}

.teaser-lightgreen b {
    font-size: 0.8rem;
}


#reviewstatus_inside .teaser-complete th {
    color: #ff3f14;
}
#sidebar .teaser-complete {
    background-color: rgb(254.3476923077,229.56,223.8523076923);
}
.teaser-submitted {
    padding: 1rem;
    background-color: #b0eed3;
}
#reviewstatus_inside .teaser-submitted th {
    color: #1aae6f;
}
.reviewcompletebox {
    background: #b0eed3;
    color: #1aae6f;
    margin-bottom: 1em;
}
.myh1 {
    color: #003366;
}
.review-table tr:first-child th:last-child {
    text-transform: uppercase;
    font-weight: 700;
    color: #ADB5BD;
    border-bottom: none;
}