@font-face {
    font-family: "TextFont";
    src: url("TheSansC5-6_SemiBold.woff2") format("woff2"),
         url("TheSansC5-6_SemiBold.woff") format("woff");
}
@font-face {
  font-family: "TheSerifB";
  src: url("TheSerifB_500_.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "TheSerifB";
  src: url("TheSerifB_700_.woff") format("woff");
  font-weight: 700;
}

* {
    margin: 0;
    padding: 0;
}
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font-family: sans-serif;
    line-height: 1.4em;
    color: #000000;
    margin: 0;
    font-size: 1rem;
}
ol {
    margin-left: 20px
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex: 1;
    hyphens: auto;
}
.frame {
    flex: 1 0 auto;
    margin: 70px 4%;
    z-index: 0;
}

.cert .basicBoxFixed {
    background-color:#fff;
    margin:0;
    position: fixed;
    z-index: 100;

    border-bottom:1px solid #ccc;
}
#versionSwitch.vSwFixed {
    background-color:#fff;
    margin:0;
    position: fixed;
    z-index: 101;
    top: 0px;
    border-bottom:1px solid #ccc;
}
.cert .strFixed{
    margin:0;
    position: fixed;
    z-index: 100;

}

.authForm {
    display: flex;
    align-items: center;
    justify-content:center;
    top: 0;
    background-color: #fff;
    z-index: 100;
    border: 1px solid #ccc;
    border-radius: 9px;
    padding: 1em 2em 2em;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    transition: .2s;
    max-width: 500px;
    margin: 0 auto;

}

.authForm fieldset{

    background-color: #fff;

    border: none;

    margin: 0 auto;
    width: 100%;
}
#getPrintZip,
#getPrintNoSave,
#newPrj,
.frmExt  input[type=submit],
.authForm input[type=submit],
.authForm input[type=reset] {
    background-color: #fff;
    color: #5b5f62;
    padding: .5em;
    margin-bottom: 1em;
    border: 2px solid;

    padding: .5em;
    cursor: pointer;
    text-decoration:none;
}
#newPrj,
.frmExt  input[type=submit],
.authForm input[type=submit],
.authForm input[type=reset] {
    float: right;
}
.frmExt  input[type=submit] {
    float: none;
}
.authForm input[type=submit],
.authForm input[type=reset] {
    margin-top: 2em;
}
#getPrintNoSave:hover,
#getPrintZip:hover,
#newPrj:hover,
.frmExt input[type=submit]:hover,
.authForm input[type=submit]:hover,
.authForm input[type=reset]:hover {
    background-color: #5b5f62;
    color: #fff;
    border: 1px solid transparent;
}

.authForm input[type=submit] + p {
    float: left;

    clear:initial;
    padding: .5em 0;

}
.authForm p {
    clear: both;
    margin-bottom: 1em;
    color: #000;
}
.authForm p.logoutCancelText,
.authForm p.recoverText {
    margin-top: 2em
}
.authForm fieldset > p.intro {
    background-image: url(icon_raum_zukunft.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 40px;
    color: transparent;

    text-align: center;
    margin-bottom: 2em;
}

.authForm .pwdToggleVis {
    display: inline-block;

    width: 4.5ex;
    position:  absolute;
    top: 1ex;

    height: 3.5ex;
    right: 0;
    background-color:  transparent;
    background-repeat:  no-repeat;
    background-position: center;
    background-size: 1em;
    background-image: url(icon_view_blocked.svg);
    cursor:  pointer;
}
.authForm .pwdToggleVis.visible {
    background-image: url(icon_view.svg);
}

.fancy-input {
    margin: 2em 0 1em 0em;
    position: relative;
}
.fancy-input + .fancy-input {
    margin-top: .5em;
}

.fancy-input label {
    position: absolute;
    background: #fff;

    font-size: .8em;
    top: -.8em;

    transition: all .3s ease;
    line-height: 1.5em;
    border-radius: 2px;
    color: initial;
}

.fancy-input label.like-placeholder {
    color: #666;

    left: 0;
}

.fancy-input input {
    padding: .7em 0 .15em;
    background-color: transparent !important;
    border: none;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    font-size: 1em;
}
.fancy-input input:focus {
    border: none;
    outline-color:  transparent;
    border-bottom: 2px solid #555;
}
.fancy-input input::placeholder {
    padding-left:0;
}
body.auth section.cont {
    max-width: 50%;
    margin: 0 auto;
}
body.auth ul {

    padding: 1em 0 0 0;

    list-style: none;
    display: flex;
    justify-content: space-between;
}

body.auth a {
    text-decoration:none;
    color: #333;
}

body.auth ul a {
    font-size:.8em
}
#password-text.progress {
    border: 1px solid #ccc;
}
#password-strength-meter {
    height: 1.4em;
    width: 100%;
    border: 1px solid transparent;
    margin-top: .5em;
    position: relative;
    margin-bottom: .6em;
}
#password-text {
    position:absolute;
    font-size: .8em;
    z-index: 2;
    height: 100%;
    width: 100%;
    line-height: 1.5em;
    padding: 0 .5em;
}

#password-progress {
    background-color: #f03;
    width: 0%;
    height: 100%;

    padding: 0;
    margin: 0;
    position: absolute;

    z-index: 0;
}

footer {
    background-color: #53565b;
    color: #fff;
}
footer a {
    color: #fff;
    text-decoration: none;
}
header {
    display: flex;
    height: 70px;
    padding: 11px 4% 5px;
    min-height: 70px;
    background-color: #5b5f62;
    position: fixed;
    z-index: 3;
    width: 100%;
}
footer {
    padding: 50px 4% 1em;
}
footer .cont {
    display: flex;
    flex-wrap: wrap;
}

header div.logo a {
    display: block;
}
header div.logo a:hover {
    border:none;
}
header menu,
header nav {
    height: 70px;
}

#menuBox {
}
#menu {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

#menu li.active:first-child {
    margin-left: 0px;
}

#menuBox {
    padding: 0;
    margin: 0;
    border: 0;

    height: 100%;
}
#menuBox ul,
#menuBox li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menuBox ul {
    position: relative;
    z-index: 597;
}
#menuBox ul li {
    height: 100%;
}
#menuBox ul li.hover,
#menuBox ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
#menuBox ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%;
}
#menuBox ul ul li {
    float: none;
}
#menuBox ul ul ul {
    top: 0;
    left: auto;
    right: -99.5%;
}
#menu li:last-child ul li ul,
#menu li:nth-last-child(2) ul li ul  {
    left: -100%;
}
#menuBox ul li:hover > ul {
    visibility: visible;
}
#menuBox ul ul {
    bottom: 0;
    left: 0;
}
#menuBox ul ul {
    margin-top: 0;
}
#menuBox ul ul li {
    font-weight: normal;
}
#menuBox a {
    display: block;
    line-height: 1em;
    text-decoration: none;
}
#menuBox > ul {

    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-content: flex-start;
}
#menuBox:after,
#menuBox ul:after {

}

#menuBox a {
    color: #fff;
    padding: 0 10px;
}
#menuBox ul ul {
    text-transform: none;
    min-width: 190px;
    text-align: left;
}
#menuBox ul ul a {
    background: #52555a;
    color: #FFF;
    border: 1px solid #1d7a77;
    border-top: 0 none;
    padding: 10px 15px;
    line-height: 1.3em;
}
#menuBox ul ul ul {
    border-top: 0 none;
}
#menuBox ul ul li {
    position: relative
}
#menuBox > ul > li > a {font-size: 17px;display: inline-block;height: 100%;line-height: 1.2em;padding-top: 21px;}

#menuBox ul ul li:first-child > a {
    border-top: 1px solid #000;
}
#menuBox ul ul li:hover > a {
    background: #DDD;
}
#menuBox ul ul li.subM > a:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
}
#menuBox ul li:hover > a {

}
#menuBox ul li > a.selected {

    border-bottom: 14px solid #fff;
    padding-top: 10px;
    padding-bottom: 21px;
}
#menuBox ul li.active > a {

}
#menuBox ul ul li.subM > a:after {
    content: '+';
    margin-left: 5px;
}
#menuBox ul li.last-child ul {
    left: auto;
    right: 0;
}
#menuBox ul li.last-child ul ul {
    left: auto;
    right: 99.5%;
}

h1,h2 {
    font-family:TheSerifB, serif;
    font-style: normal;
    font-weight: 700;
    color: #5a5f62;
    padding-bottom: 0.5em;
}
h1 {

    font-size: 2.8em;
    font-weight:  900;
    line-height: 1.05em;

}

h2 {
    font-size: 30px;

}
footer h2 {
    font-size: 1.2em
}

h1 + h2,
h1 + h3,
h2 + h3,
p + h1,
p + h3,
p + h2,
div > h2 {
    margin-top: 1.5em;
}
h3 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

a {
    color: #000;

}
a:hover {
    color: #b58501;

}

textarea,
input {
    font-family: 'BlenderPro-Book', Arial;
    font-weight: normal;

    font-size: 1em;
}
.cont ul {
    padding: 15px;
}
#tableBox {
    width: 100%;

}
#tableBox table {
    width: 100% !important;

    max-width: 100%;
}
#tableBox th {vertical-align: bottom;hyphens: manual;font-size: .9em;}

#tableBox th.prj_id {

}
#tableBox table.user th.prj_points {

}
#tableBox td {
    padding: 3px 2px 5px;
    vertical-align: top;
    font-size: .9em;
}
#tableBox td.prj_version {

    width: 90px;
}
#tableBox th.prjName {
    min-width: 230px;
}

#tableBox td.prj_date {}
#tableBox td.prj_status {

}
#tableBox td.prj_tool span,
#tableBox td.prj_tool a {

}
#tableBox td.prj_tool span.loading {
    background-size: 50px;
}
#tableBox td.prj_edit {width: 15px;}
#tableBox td.prj_edit a {

    width: 1em;
    min-height: 1em;

}
#tableBox tr:hover td {
    background-color: #fb06;
    border-bottom: 1px solid #fb0;
}

table.project.dataTable.order-column tbody tr:hover td,
table.project.dataTable.order-column tbody tr.even:hover td.sorting_1,
table.project.dataTable.order-column tbody tr.odd:hover td.sorting_1,
table.project.dataTable.order-column tbody tr.even:hover td.sorting_2,
table.project.dataTable.order-column tbody tr.odd:hover td.sorting_2 {
    background-color: #f8de92;
    border-bottom: 1px solid;
}
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting {
    text-align: left;
}

table.dataTable thead th:first-child,
dataTable thead .sorting_desc.tool,
table.dataTable thead .sorting_asc.tool,
table.dataTable thead .sorting.tool {
    border-left: none;
}

.adm_projekt #tableBox table.dataTable th.prj_points,
.adm_projekt #tableBox table.dataTable td.prj_points {
    padding-left: 5px;
    white-space: break-spaces;
    word-break: break-word;
    width: 50px;
    min-width: 50px;
}

table.dataTable td.prj_points.ready {
    color: #6cc707;
}

.pBox .pksDaten,
#tableBox .pksDaten {
    display: none;
}
.pBox tr:hover .pksDaten,
#tableBox tr:hover .pksDaten {
    display: block;
    position: absolute;
    left: -.5em;
    padding: .5em .5em .5em .8em;
    background-color: #f8de92;
    border-bottom: 1px solid #f3bb05;
    width: calc(100% - 0.8em);
    z-index: 10;

}
.pBox tr:hover .prjName,
#tableBox tr:hover .prjName {
    font-weight:bold;
}
.pBox tr td.prj_name,
#tableBox tr td.prj_name {

}

td.prj_name > div {

}

tr.prj_name > div {
}

.pBox tr td.prj_name > div, #tableBox tr td.prj_name > div {

}

table.logs td.itemName,
table.logs td.usr,
table.logs td.datum {
    white-space: nowrap
}
table.logs col.col1 {
    width: 10%;
}
table.logs col.col2 {
    width: 10%;
}
table.logs col.col3 {
    width: 3%;
}
table.logs col.col4 {
    width: 30%;
}
table.logs col.col5 {
    width: 30%;
}
table.logs td {
    border-left: 1px dotted #ccc;
}

div.ctl button {
    position: absolute;
    background-image: url(icon_edit.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 30px;
    width: 30px;
    border: none;
    padding: 5px;
    margin: 0 5px;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    cursor: pointer;
    right: -80px;
    z-index: 1000;
    background-color: transparent;
}
div.ctl button:hover {
    background-position: 0 -30px;
}

form.userFrm select,
form.userFrm input[type=text],
form.userFrm input[type=email],
form.userFrm input[type=password],
form.userFrm input[type=tel],
form.userFrm input[type=url] {
    font-weight: 500;

    padding: 0 .5rem;
    font-size: 1em;
    font-weight: normal;
}
form.userFrm option {
    font-family: "BlenderPro-Book", Arial !important;
    font-size: 1em !important;
}
form.userFrm input::placeholder {
    color: #999;
}
form.userFrm div.title {
    clear: both;
}

form.userFrm input[type="radio"],
form.userFrm input[type="checkbox"] {
    margin-top: 1.5%;
}

form.userFrm .long{
    width: 92%;
}
form.userFrm .middle {
    width: 45%;
}
form.userFrm .short {
    width: 20%;
}
form.userFrm fieldset {
    margin-top: 2.5em;

}
form.userFrm fieldset.conTyp legend,
form.userFrm fieldset.fsMitglied legend{
    display:none;
}
form.userFrm fieldset.fsAgb,
form.userFrm fieldset.conTyp,
form.userFrm fieldset.fsMitglied{
    margin-top:0;
}
form.userFrm fieldset.conTyp {
    margin-bottom: 1.5em
}

form.userFrm fieldset.login {
    margin-top:0;
}
form.userFrm legend {
    margin: 1em 0 0;
}
form.userFrm input[type=submit] {
    padding: .5em 1em;
}
form.userFrm fieldset.fsAgb legend{
    visibility: hidden;
    font-size: 15px;
}
form.userFrm .itm {
    margin-top: .5em;
}
p.required {

    visibility: hidden;
}
#titel {
    text-align: left;
}
legend {
    font-size: 1.1em;
    font-weight: normal;
    border-bottom: 1px solid #f2bd00;
    padding-bottom: .3em;
    margin-bottom: 1em;
    text-transform: uppercase;
    width: 92%;
    font-weight: bold;
}
fieldset {
    border:none;
    width: 100%;
}

div.regStep1 {
    background-image: url(reg_1.png),url(reg_2_sw.png),url(reg_3_sw.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, center top, right top;
    padding-top: 100px;
}
div.regStep2 {
    background-image: url(reg_1.png),url(reg_2.png),url(reg_3_sw.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, center top, right top;
    padding-top: 100px;
}
div.regStep3 {
    background-image: url(reg_1.png),url(reg_2.png),url(reg_3.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, center top, right top;
    padding-top: 100px;
}

#menuSwitcher {

}
.menuFrmBox {
    position: absolute;
    background-color: #fff;
    color: #000;
    z-index: 10;
    line-height: 1em;
    border: 1px solid #000;
}
ul.tools a {
    cursor: pointer
}

#sLoading div {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 3em;
    font-weight: 200;
    position: fixed;
    top:0;
    left: 0;
    background-color: #ffffffee;
    z-index: 10000;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#sLoading img {
    position: fixed;
    z-index: 10001;
    left: calc(50% - 50px);
    top: calc(50% - 100px);
}

.fsStruct .basicBox .itemName {
    width: 94px;
}
.fsStruct .basicBox .itemTitle{
    font-size: 1.2em;
    padding-top: 5px;
}
.basicBox input {

    cursor: pointer;

    padding: 11px 6px;

    height: 40px;
    font-size: 12px;
}
.basicBox input.attention:hover{
    background-color: #ffbe00;
    border: 1px solid #ffbe00;
    color: #000;
}
.basicBox input.attention {
    background-color: red;
    border: 1px solid red;
    color: #fff;
    font-weight: bold;
}
.basicBox input:hover {
    background-color: #5a5f62;
    color: #fff;
    font-weight: normal;
}
.basicBox input[disabled=disabled] {
    background-image: none;
}
.basicBox input:hover {

}
.basicBox input[disabled=disabled]:hover {
    background-image: none;
}

.item.bTab .itemName.loading {
    background-image: url(icon_loading.svg);
}

.item.bTab .itemName.loading input {
    background-image: url('icon_loading.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.prjPreview {
    display:none;
}

#printBox.loading {
    background-image: url(icon_loading.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 1000;
}
#printBox.loading * {
    visibility: hidden;
}

.printTab {
    border: 1px solid #ccc;
    margin-bottom: 1em
}
#printBox ul {
    list-style: none;
}
#closePrintBox {
    display: none;
}
#printCtl {

    text-align: right;
    display: block;
    background-image: url(icon_pdf.svg);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 20px;
    padding-right: 1.2em;
    color: transparent;
}
#printCtl.pB-open {
    background-image: url(icon_cross_black.svg);
    background-size: .7em;
}
#print-frm {
    background-color: #ccc;
    padding: 1em;
}
#print-frm select {
    width: 100%;
    line-height: 2em;
    height: 2em
}

#tableBox #logBox > div {
    height: 90%;
    width: 90%;
    overflow: scroll;

}

#frmpRights {
    position:
    fixed;
    top:0;
    left: 0;
    height:100%;
    width:100%;
    display: flex;
    justify-content:
    center;
    align-items: center;
    background-color: #999;

    cursor: initial;
    z-index: 10;
}
#frmpRights > div {
    position:relative;
}
#frmpRights div.close {
    position:absolute;
    right: .5em;
    top:.5em;
    background-image: url(icon_cross_black.svg);
    cursor: pointer;
}
#frmpRights div.search label {
    display: block;
    padding-top: 1em;
}
#frmpRights div.search .input {
    display: flex;
}
#frmpRights div.search .input select {
    flex: 1;
    cursor: pointer;
    width: 100%;
}
#frmpRights div.search .addUser {
    background-image: url(icon_plus.svg);
    border: 1px solid #ccc;
    margin-left: .2em;
    cursor: pointer;
}
#frmpRights div.search .addUser:hover {
    background-color: #fb0
}
#frmpRights > div {
    background-color:#fff;
    width: 500px;
    text-align: left;
    padding: 1em;
}
#frmpRights table {
    border: 1px solid #ccc;
    border-collapse:collapse;
    width:100%;
    top: 0;
}
#frmpRights table .firma,
#frmpRights table .user {
    white-space: nowrap;
    width:initial;
    text-align:left;
    padding-right:.5em;
}
#frmpRights td a {
    width:initial;
}

#frmpRights table .ckb {
    width: 30px;
    text-align:center;
}
#frmpRights table .remove {
    background-image: url(icon_cross_f00.svg);
    background-size: .6em;
    cursor: pointer;

}
.icon {
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5em;
    height: 1.5em;
    overflow: hidden;
    color: transparent;
}
div.zBox .version {
    display: none;
}


.sTab .fsStruct .item.crit.noLine {
    border-bottom-color: transparent;
}
.sTab {
    display:none;
}

.basicBox .item.bTab.origin > div.itemTitle,
.basicBox .item.bTab.origin.active > div.itemTitle {

    color:initial;
    visibility: visible;
    background-color: #fff;
}
.basicBox .item.bTab.active > div.itemTitle{
    background-color: transparent;
    color:transparent;
    visibility: hidden;
}


.sTab form.default .fsStruct .nGrp.vis {
    background-image: url(icon_ok_green.svg);
}

.basicBox .aktPoints,
.basicBox .maxPoints,
.sTab .fsStruct .aktPoints,
.sTab .fsStruct .maxPoints {

}

.sTab .fsStruct .pi .aktPoints,
.sTab .fsStruct .pi .maxPoints {
    text-align: right;
    flex-direction: column;
    justify-content: flex-start;
}

.sTab .fsStruct.enabledMaxPoints .noPt .maxPoints {
    border-right: none;
}
.fsStruct.enabledMaxPoints .basicBox .maxPoints,
.sTab .fsStruct.enabledMaxPoints .maxPoints {
    border-right: 1px dotted #999;
    display: flex;
}

.fsStruct.enabledSavedPoints .basicBox .aktPoints,
.sTab .fsStruct.enabledSavedPoints .aktPoints {
    display:flex;
}

.fsBasicBox .bTab {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}
.fsBasicBox .bTab > div {
    padding-top: 0px;
}
.sTab .fsStruct div.item > div {
    padding-top: 1em;
}
.sTab .fsStruct div.pi div.item.radioVal.noLine  {
    padding-bottom: 0;

}

.sTab .fsStruct div.pi div.item.radioVal.noLine + div.item.noLine.radioVal{
    padding-bottom: 0;
    padding-top: 0;
}


#versionSwitch > li {
    border: 1px solid;
    border-bottom: 1px solid;
    margin-right: 3px;
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    position: relative;
    z-index: 1;
    top: 1px;
    background-color: #fff;
}
#versionSwitch > li.version.loaded:hover {
    background-color: #5b5f62;
    color: #fff;
}
#versionSwitch > li.loaded,
#versionSwitch li.addVersion {
    display: flex;
}
#versionSwitch > li.version.loaded.active{
    border-color: #000;
    border-bottom-color: #fff;
    color: #000;
    background-color: #f2bd00;
}
#versionSwitch > li.version.taxonomie,
#versionSwitch > li.version.basis {
    background-color: #f3ba0166;
}

#versionSwitch > li.loaded {
    border-color:#ccc;
    border-bottom-color: #000;
    color: #999;
    display: flex;
    flex-wrap: wrap;
}
#versionSwitch li span {
    display: block;
    padding: 1em 1em .2em 1em;
    white-space: nowrap;
}
#versionSwitch li span.version {
    cursor: pointer;
}
#versionSwitch li span+span,
#versionSwitch li span.pTotal {
    display: none;
}
#versionSwitch li span.pTotal.Bronze {
    background-color: #cd7f32;
    color: #fff;
}
#versionSwitch li span.pTotal.Silber {
    background-color: #c0c0c08a;
}
#versionSwitch li span.pTotal.Gold {
    background-color: gold;
}
#versionSwitch li span.pTotal.Bronze:after{
    content: 'Bronze';
    padding-left: 1em
}
#versionSwitch li span.pTotal.Silber:after{
    content: 'Silber';
    padding-left: 1em
}
#versionSwitch li span.pTotal.Gold:after{
    content: 'Gold';
    padding-left: 1em
}

#versionSelect {
    padding: 0;
    list-style: none;
    display: none;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    left: 35px;
    border-color:#ccc;
    border-left: 1px solid #ccc;
    border-top:1px solid;
    border-right: 1px solid #ccc;
    top: -1px;
}
#versionSelect li {
    border-bottom: 1px solid #ccc;
    cursor: cell;
}
#versionSelect li span {
    padding-top: .5em;
}
#versionSelect li.version:hover {
    background-color: #f3ba0199;
}
#versionSwitch li.addVersion:hover #versionSelect {
    display: flex;
    flex-direction:column;
    white-space:nowrap;
}
#versionSwitch li.addVersion > span {
    display:block;
    padding-top: .5em;
    background-image: url(plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em;
    color: transparent;
    cursor: pointer;
}
#versionSwitch li.addVersion.loading > span {
    background-image: url(icon_loading.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}

main.index a.button {
    padding: .5em 20px .5em 31px;
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: .5em center;
    background-color: #f2bc03;
    text-decoration:none;
    color: #000;
    border-radius: 1px;
    text-transform:uppercase;
    border: 1px solid #f2bc03;
    display: inline-block;
    font-size: 12px;
}
main.index a.button:hover {
    border: 1px solid #f2bc03;
    background-color: transparent;
}
main.index a.download {
    background-image: url(icon_download.svg);
}
main.index a.hbp {
    background-image: url(icon_hbp.svg);
    background-size: 1.5em;
    padding-left: 2.5em;
    border: 1px solid #000
}

main.index section.cont div.text:nth-child(5) ul,
main.index section.cont div.pEl.text:nth-child(2) ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    align-items: baseline;
}
main.index section.cont div.text:nth-child(5) ul li,
main.index section.cont div.pEl.text:nth-child(2)  ul li {
    padding-right: 1em;
}



#userProjectFrm div.newProject div {

    width:100%;
}

table.user.project th.versionName {
    width: 110px;
}
table.user.project th.pks {
    width: 20px;
}
table.user.project th.kategorie {
    width: 51px;
}
table.user.project th.phase {
    width: 80px;
}
table.user.project th.gebaeudetyp {
    width: 125px
}
table.user.project th.prjName {
    width: 275px;
}
table.user.project th.bauTypPrj {
    width: 105px;
}
table.user.project th.statusPrj {
    width: 95px;
}
table.user.project th.prjUpdate {
    width: 85px;
}
table.user.project th.prjPoints1,
table.user.project th.prjPoints2,
table.user.project th.prjPoints3 {
    width: 65px;
}
table.user.project th.prjReady1,
table.user.project th.prjReady2,
table.user.project th.prjReady3 {
    width: 30px;
}
table.user.project th.prj_points,
table.user.project td.points {
    text-align: right;
    padding-right: 20px;
    width: 22px;
}
table.user.project th.prj_points.taxonomie span {

    width: 5px;
    padding-right: 0;
}
table.user.project td.points.taxonomie {

    width: 5px;
    color: transparent !important;
}

table.user.project th.prj_points,
table.user.project td.points {
    text-align: right;
    padding-right: 20px;
    width: 22px;
}
table.user.project th.prj_points.taxonomie span{

    width: 5px;
    padding-right: 0;
}
table.user.project td.points.taxonomie span {
    visibility: hidden;
    width: 5px;
}

table.user.project th {

    vertical-align: bottom;
    hyphens: manual;
    font-size: .9em;
}

table.user.project col.prjPoints1,
table.user.project col.prjPoints2,
table.user.project col.prjPoints3,
table.user.project col.prjPoints4 {width: initial;}
table.user.project col.versionName {width: 120px;}

table.dataTable.project td.ownNo span {
    display: block;
    background-image: url(sys/icon_email_red.svg);
}
table.dataTable.project td.ownNo span:hover {
    background-image: url(sys/icon_email_white.svg);
    background-color: #5b5f62
}
table.dataTable.compact.project thead th.prj_tool,
table.dataTable.compact.project tbody td.prj_tool {

}
table.dataTable.compact.project thead th,
table.dataTable.compact.project thead td {
  padding: 2px 4px 5px;
}

table.project div.transfer.status14 {
    background-image: url(icon_status4.png);
    background-size: 16px;
}
table.project .prj_ready div.transfer.status11,
table.project .prj_ready div.transfer.status8 {
    background-image: url(icon_status4.png);
}
table.project .prj_ready div.transfer.status15 {
    background-image: url(icon_status8.png);
}

form.newProject {
    border: 1px solid #ccc;
    margin: 1em 0;
    display: flex;
    justify-content: flex-start;
}
form.newProject legend {
    border: none;
    padding: 1em 0 0 0;
    margin: 0;
    width: auto;
    text-transform: initial;
}

form.newProject fieldset {
    padding: 1em 1em 1em 1em;
}
form.newProject fieldset.ctl {
    flex: 1;
    width: 100%;
}
form.newProject fieldset.ctl {
    border: none;

    margin-top: 2em;
}
#userProjectFrmWithInputs .sBox,
#userProjectFrmWithInputs fieldset.inputs > div {
    display: flex;
    flex-direction: column;
    padding-bottom: .5em;
}
#userProjectFrmWithInputs ul {
    padding-top: 0;
}
form.newProject div.ctl {
    display: flex;
    justify-content: space-between;
}
fieldset.nameOnly input {
    width: 100%;
    line-height: 1.5em;
    padding: .2em;
}

div.name input, div.pks input {
    line-height: 1.5em;
    padding: .2em;
    margin-bottom:1em;
}
form.newProject select.versionSwitch {
    padding: .5em;
}
div.name input, div.pks input, form.newProject select.versionSwitch {
    width: 30%;
}

#userProjectFrmDefault select.versionSwitch {
    width: 100%;
}

ul.radios {
    padding: 1em 0;
}
ul.radios li {
    display: flex;

    align-items: center;
}
ul.radios label {
    padding-left: .5em;
}
div.nameOnly {
    display:flex;
    width: 100%;
    flex-direction: column;
}
div.nameOnly div.projectName {
    flex: 1;
}
#newProjectForms.loading {

    background-image: url(icon_loading.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
}
#newProjectForms.loading * {
    visibility:hidden;
}

.sTab.noSysCss .fsStruct .eMustN .itemTitle::before,
.sTab.noSysCss .fsStruct .eMust .itemTitle::before  {
    content: 'NH';
    position: absolute;
    right: 38px;
    font-weight: bold;
}
.sTab.noSysCss .fsStruct .eMustN.eMustOk .itemTitle::before,
.sTab.noSysCss .fsStruct .eMust.eMustOk .itemTitle::before  {
    content: 'NH';
    position: absolute;
    right:1.5em;
    font-weight: bold;
    color: #4bcc00;
}
.sTab.noSysCss .fsStruct .mustN .itemTitle::after,
.sTab.noSysCss .fsStruct .must .itemTitle::after  {
    content: 'M';
    position: absolute;
    right: 19px;
    font-weight: bold;
}

.sTab.klimaaktiv .fsStruct .mustN .itemTitle::after,
.sTab.klimaaktiv .fsStruct .must .itemTitle::after  {
    content: 'M';
    position: absolute;
    right:0;
    font-weight: bold;
    color: red
}
.sTab .fsStruct .mustN.mustOk .itemTitle::after,
.sTab .fsStruct .must.mustOk .itemTitle::after  {

}

form.pE input[type=submit] {
    display: none;
}

#adminProjectTable th {
    text-align: left;
}

main.export select {
    line-height:1.5em;
    padding: .25em
}
main.export .dataTables_filter input {
    padding: .25em;
    margin-right: .25em;
    width: 224px;
    height: 32px;
}

main.export table {
    hyphens: none;
}

body .ui-dialog .ui-dialog-content#dialog-confirm div {
    display: inline;
}

body .ui-dialog .ui-dialog-content#dialog-confirm div div:before {
    content: ', ';
}

table.dataTable.compact.project span.button,
table.dataTable.compact.project  div.button {
    background-color: #555;
    color: #fff;
    border: 1px solid;
    cursor: pointer;
    text-decoration:none;
    background-size: 15px;
    background-position: 7px center;
    border-color:  #5b5f6200;
    color: transparent;
    padding: 3px;
    background-color: #fff;
    border-color: #666;
}
table.dataTable.project td.prj_status.pSubmit span:hover{
    background-image: url(sys/icon_arrow-right_white.svg);
    cursor: pointer;
    }
table.dataTable.compact.project  div.button.transfer {
    background-image: url('icon_ok_white.svg');
}
table.dataTable.compact.project  div.button.transfer {
    background-image: url('icon_ok_dgreen.svg');
}
table.dataTable.compact.project span.button:hover,
table.dataTable.compact.project div.button:hover {
    background-color: #666666;
    border-color: #666666;
}

table.dataTable.compact.project  div.button.transfer:hover {
    background-color: #5b5f62;
    border-color: #5b5f62;
    background-image: url('icon_ok_dgreen.svg');
}

table.project .mainProject div.button.mainProjectOff {

}
table.project .mainProject div.button.mainProjectOn {
    background-image: url('icon_mainProjectOn.svg');
    background-color: initial;

}
table.project .mainProject div.button.mainProjectOff:hover {
    background-image: url('icon_mainProjectOff_black.svg');
    background-color: initial;
    border-color: #999;
}
table.project .mainProject div.button.mainProjectOn:hover {
    background-image: url('icon_mainProjectOn.svg');
    background-color: initial;
    border-color: #999;
}

table.project .mainProject .mainProjectOn {
    background-image: url(icon_mainProjectOn.svg);
}

.memberBox .mainProject {
    background-image: url(icon_mainProjectOn.svg);
}

#projektTransferAuthFormBox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index:10;
    background-color: #fff9;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
#projektTransferAuthForm {
    top: 0;
    background-color: #fff;
    z-index: 100;

    border: 1px solid #ccc;
    border-radius: 9px;
    padding: 1em 2em 2em;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    transition: .2s;
    max-width: 700px;
    width: 500px;
    margin: 0 auto;
    background-position: center;
}
#projektTransferAuthForm fieldset{
    display: flex;
    flex-direction: column;

    padding: 46px;
}
#projektTransferAuthForm.authForm fieldset > div.intro {
    background-repeat: no-repeat;
    background-position: top right;

    background-size: 150px;
}
#projektTransferAuthFormBox.klimaaktiv fieldset > div.intro {
    background-image: url(logo_klimaaktiv.png);
    padding-top: 55px;
}
#projektTransferAuthFormBox.klimaaktiv fieldset > div.intro p.intro {

}

body.loading {
    background-image: url(icon_loading.svg);
    background-repeat: no-repeat;
    background-position: center;
}
body.loading #importPks{
    display: none;
}

div.dataTables_wrapper button.tableExcelExport:hover {
    background-color: #f2bd00;
}
div.dataTables_wrapper  button.tablePdfExport:hover {
    background-color: #f2bd00;
}
div.dataTables_wrapper  button.filter_reset_button:hover {
    background-color: #f2bd00;

}

body.index section.cont {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
    gap: 18px;
    flex-direction: column;
    width: 100%;
}

body.index {

}

menu .innerWrapper,
menu .innerWrapper {
    padding-left: 20px;
}
menu .tools,
menu .tools {
    list-style-type: none;
    display: flex;

    height: 100%;
    font-size: initial;
    line-height: 1.4em;
}
menu .tools > li,
menu .tools > li {
    margin: 0px;
    padding-top: 0;
}
menu .tools > li > span,
menu .tools > li > a,
menu .tools > li > span,
menu .tools > li > a {display: block;height: 100%;width: auto;background-repeat: no-repeat;cursor: pointer;color: #ffc700;font-size: 17px;line-height: 1.2em;background-size: 160px;background-image: none;width: fit-content;white-space: nowrap;text-decoration: none;padding: 21px .75em 0;}

menu .tools > li.selected {
    border-bottom: 5px solid #555;
}
menu .tools > li > span.selected:hover,
menu .tools > li > a.selected:hover {
    border-bottom: none;
}

menu .tools li a span,
menu .tools li a span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

body.index main {
    max-width: 830px;
    margin: 0px auto 0px;
    display: block;
    max-width: 1440px;
}

body.index .frame {
    background-image:  url('icon_hbp_kreis.svg'), url(hbpLandingPage.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: 173px, cover;
    background-position-x: 95%, center;
    background-position-y: 93%, center;
    overflow: hidden;
    height: 632px;
    padding: 35px 4% 20px;
    position: relative;
    margin-top: 60px;
    margin: 35px 0;
}
body.index main {
    display: flex;
    height: 100%;
}
body.index footer {
    padding: 50px 4% 1em;
    bottom: 0;
    width: 100%
}
section.project {min-width: 500px;max-width: 970px;margin: 0 auto 71px;display: flex;flex-wrap: wrap;align-content: stretch;justify-content: space-evenly;}

body.index #contentSpotlight {
    margin-top: 14px;
}

body.index #contentSpotlight .text,
body.index #cont303{
    background-color: #fff;
    border-radius: 0;
    color: #000;
    width: fit-content;
    padding: 7px 59px 7px 15px;

}
body.index #contentSpotlight .text:hover,
body.index #cont303:hover{
    background-color: #eee;
}
body.index #contentSpotlight .text h2 a,
body.index #cont303 h2 a{
    text-decoration: none;
    color: #666;
    font-size: 21px;
    text-transform: initial;
    color: #5a5f62;
    font-weight: bold;
    line-height: 1.3em;
}
body.index #contentSpotlight .text h2,
body.index #cont303 h2 {border: none;margin: 0px 0 0px;line-height: 1em;padding: 3px 0 0 0;}

body.index #contentSpotlight .text p,
body.index #cont303 p {
    display: block;
    cursor: pointer;
}
body.index #contentSpotlight .text p,
body.index #cont303 p {
    font-weight: lighter;
    line-height: 1em;
    margin-top: 2em;

}
body.index #contentSpotlight .text ul,
body.index #cont303 ul {
    display: flex;
    width: 300px;
    margin-top: 15px;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
}
body.index #contentSpotlight .text li,
body.index #cont303 li {
    max-width: 225px;
    border-bottom: 8px solid #fcc200;
    margin-top: 10px;
    padding: 10px 0;
    font-size: 1.2em;
    line-height: 1.5em;
}

body.index #contentSpotlight .text li:first-child,
body.index #cont303 li:first-child {
    border-top: 8px solid #fcc200;
}
body.index #contentSpotlight .text li:last-child,
body.index #cont303 li:last-child {
    border-bottom: none;
}
body.index #contentSpotlight .text li em,
body.index #cont303 li em{
    text-transform: uppercase;
    font-style: initial;
}
body.index #contentSpotlight .text li strong,
body.index #cont303 li strong{
    font-style: initial;
    color: #5b5f62;
    font-size: 18px
}

body.index #contentTitle {
    margin: 70px 0 15px;
}

body.index #contentTitle .text h1,
body.index main.index #cont302 h1 {
    color: #fff;
    font-size: 37px;
    padding-bottom: 0;
    margin-bottom: 0;
    cursor: pointer;
    text-transform: uppercase;
}
body.index #contentTitle .text h1 a {
    text-decoration: none;
    color: #fff;
    font-family: TextFont;
    letter-spacing: .05em;
}
body.index #contentTitle .text,
body.index main.index #cont302 {
    background-color: #fcc200;
    border-radius: 0;
    min-width: fit-content;
    padding: 12px;
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
#contentFotoCredits,
#contentUBereich {
    background-color: #ffffffb5;
    width: fit-content;
    font-weight: bold;
    padding: 5px 56px 5px 14px;
    position: absolute;
    bottom: 19px;
    font-size: .9em;
    color: #313334;
}
#contentFotoCredits {
    right: 4%;
}

#contentDescription .text {
    margin: 0px auto;
    width: 100%;
    max-width: 535px;
    background-color: #fffe;
    padding-top: 38px;
    line-height: 1.8em;
    border-radius: 0;
    line-height: 1.5em;
    color: #464f5b;
}
#contentDescription .text h1 {
    padding-bottom: 38px;
    font-size: 1.8em;
    text-align: center;
}

#contentLogos {
    width: 100%;
}
#contentLogos  ul{
    display: flex;
    list-style:none;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 30px 0;
    align-content: center;
}
#contentLogos  ul li{
    margin: 10px;
}
#contentLogos  a.button {
    background-size: contain;

    background-color: #53565b;
    text-decoration:none;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    border: 1px solid #53565b;
    display: inline-block;
    font-size: 16px;
    display: block;
    padding: 15px;
    font-weight: bold;
    display: block;
    width: 200px;
    height: 70px;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
}
#contentLogos ul {
    display: flex;
}
#contentLogos ul a.button:hover {
    border: 1px solid #f2bc03;
    background-color: #fcc200;
}
#contentLogos ul a.button.taxonomie {

}
#contentLogos  ul a.button.nabe{text-transform: initial;}
#contentLogos  a.button.klimaaktiv {}
#contentLogos  a.button.nhm {

}

#contentProjekt,
#contentFotoSlide {
    width: 45%;
    min-height: 200px;
}
#contentFotoSlide {
    border: 1px solid #000;
    background-image: url(projekt_spotlight.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 20px 0 0;

}
#contentProjekt {
    border: 8px solid #fcc200;
    padding: 5px 60px 10px;
    margin: 0 0px 0 20px;
}
#contentProjekt h2 {
    text-decoration: none;
    font-weight: bold;
    border: none;
    font-size: 23px;
    margin-top: 12px;
    text-transform: none;
}
#contentProjekt h3 {
    font-weight: bold;
    display: inline-block;
    margin-top: 0;
}
#contentProjekt p + h3{
    margin-top: 1em
}

menu .tools > li {

	background-color: transparent;
	border: 1px solid transparent;

	border-radius: 8px;
	border-radius: 0;
	padding: 0;
}
body.index {

    padding: 0;
}

#versionSwitch {
    top: 70px;
}
#versionSwitch + form.cert fieldset.fsStruct.fsBasicBox {
    top: 108px;
}
#versionSwitch li.loaded,
form.cert {
    color: #000;
}

#contList {
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
}
#contList > div {
    border: 2px solid #53565b;
    height: 100px;
    width: 20%;
    min-width: 190px;
    padding: 20px 20px 140px 20px;
    text-transform: uppercase;
    text-align:center;
    margin-top: 30px;
}
#contList > div:hover a {
    color: #fff;
}
#contList > div:hover {
    background-color: #5b5f62;
}
#contList div.text {
    height: 18vh;
    display: flex;
    align-content: stretch;
    align-items: stretch;
}
#contList > div p,
#contList > div a {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
    cursor: pointer;
}
#contList > div  {
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: center 80%
}
#toProjekte  {
    background-image: url('icon_list.svg');
}
#toNewProjekte  {
    background-image: url('icon_house.svg');
}
#toDashboard  {
    background-image: url('icon_lineChart.svg');
}
#toInfo  {
    background-image: url('icon_info.svg');
}
#toAudit  {
    background-image: url('icon_toAudit.svg');
}
#toProjekte:hover  {
    background-image: url('icon_list_white.svg');
}
#toNewProjekte:hover  {
    background-image: url('icon_house_white.svg');
}
#toDashboard:hover  {
    background-image: url('icon_lineChart_white.svg');
}
#toInfo:hover  {
    background-image: url('icon_info_white.svg');
}
#toAudit:hover  {
    background-image: url('icon_toAudit_white.svg');
}
#newProjectForms {
    display: none;
}
.elInfo.userProject #newProjectForms {
    display: initial;
}

#newProjectForms.active {
    display: flex;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 10000;
    height: 100%;
    width: 100%;
}
#newProjectForms.active > div,
#newProjectForms.active form {
    padding: 20px;
    border: 1px solid;
    margin: 12% auto;
    max-width: 500px;
    display: flex;

    flex-direction: column;
}

header {
    justify-content: space-between;
    align-items:center
}
footer .cont {
    justify-content: space-between;
}
div.logo {
    align-self: flex-start
}
header menu,
header nav {
    flex-grow: 1;
    font-weight: lighter;
    padding-left: 50px;
}
header menu {
	padding-left: 0;
}
#logo {
    height: 46px;
}

main {
    display: block;

    margin: 73px auto;
}
main.adm_projekt,
main.export {
    max-width: initial;
}

footer {

    position: relative;
    font-size: .9em;
    line-height: 1.5em;
}
footer h2 {
    font-weight: normal;
    text-transform: uppercase;
    border: none;
    margin-bottom: 0em;
    color: #fff;
    font-family: 'TextFont';
}
footer .content ul {
    padding:0;
}
footer .cont {
    justify-content: space-between;
}
footer ul {
    list-style: none;
}
footer .allgemein .content  {
    display: flex;
    flex-direction:column;
}
footer .allgemein .programm {
    text-transform: uppercase;
    padding-top: 2em;
    font-size: .9em;
    line-height: .9em
}
footer #logoBig {
    height: 50px;

}

footer .big {
    width: 50%;
}
footer .programm,
footer .quicklinks,
footer .allgemein {
    width: 20%;
}
footer .programm {
    width: 10%;
    white-space: nowrap
}
footer .pageLable {
    background-color: #fff1cc;
    display: inline-block;
    color: #52555a;
    text-transform: uppercase;
    padding: .3em 2em;
    position: absolute;
    left:0;
    bottom: 0;
    display: none;
}

menu .innerWrapper {
    padding-left: 20px;
}
menu .tools {

    display: flex;
    justify-content:flex-end;
}

menu .tools > li {

}

menu .tools > li.selected,
menu .tools > li.selected {
    border-bottom: 1px solid #555;
}
menu .tools > li > span.selected:hover,
menu .tools > li > a.selected:hover {
    border-bottom: none;
}

menu .tools .logedOff a {
    background-position: -109px 9px;
}
menu .tools .logedOff a:hover {

}
menu .tools .logedIn a {
    background-position: -138px 9px;
}
menu .tools .logedIn a:hover {

}
menu .tools .register a {
    background-position: -14px 9px;
}
menu .tools .faq a {
    background-position: -139px 9px;
}

menu .tools .register a:hover {

}
menu .tools .myHome a {

}
menu .tools .myHome a:hover {

}
menu .tools .myProjects a {
    background-position: -48px 9px;
}
menu .tools .myProjects a:hover {

}

menu .tools li.toolSubMenu span {
	background-position: -64px 9px;
}
menu .tools li.toolSubMenu span:hover {

}

menu .tools li a span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
menu .tools > li {

}
#adminService,
#adminMenu {
    min-width: 191px;
    position: absolute;
    top: 66px;
    left: 0;
    list-style: none;
    z-index: 1001;
    background-color: #fff;
}
#adminService a,
#adminMenu a {
    color: #000;
    font-size: 12px;
    line-height: 1.5em;
    display: block;

    text-align: left;
    padding: 0px 0 5px 5px;

    text-decoration: none;
    background-color: #fff;
}
#adminService li,
#adminMenu li {
	padding-left: 0;
	width: auto;
	padding-left: 15px;
	border-bottom: 1px solid #ccc;
}
#adminService li:hover a,
#adminService li:hover,
#adminMenu li:hover a,
#adminMenu li:hover {
	background-color: #f2bd00;
}
#adminService li.selected,
#adminMenu li.selected {
	border-bottom: 1px solid
}
.login {
    display: flex;
    align-content: center;
    justify-content: center;
    position: relative;

    flex-direction: column;
}
menu .tools li.logout a,
menu .tools li.login a {

}
menu .tools li.logout.selected,
menu .tools li.login.selected {
    border-bottom: 1px solid #000;
}
menu .tools li.logout:hover,
menu .tools li.login:hover {

    border: none;
}
menu .tools li.logout a:before,
menu .tools li.login a:before {
    content: ' ';
    width: 25px;
    height: 35px;
    display: block;
    position: absolute;
    left: 6px;
    bottom: -2px;

    background-size: 160px;
    background-repeat: no-repeat;
}

.basicBox .item,
ul.structure.lv-1 {

}
.fsStruct .item {

}
.fsStruct .basicBox .item {

}
.fsStruct .item.crit {
    min-height: 20px;
cursor: initial;

}

.fsStruct .pi > .item:first-child{
    padding-top: 1em;
}

.fsStruct .item {

}
.fsStruct .item.iS {

}
.fsStruct .item.crit {
    display: flex;
}
.fsStruct .item.crit.hidden {
    display: none;
}

form div.item.crit.noLine {
    border-bottom: none;
}

div.item > * {

}
ul.lv2,
ul.lv1,
ul.lv0 {
    display: none;
    list-style:none;
    padding:0;
}
.fsStruct .pos {
    display: none;
}

.fsStruct .basicBox .itemName {
    display: flex;
    padding-left: 0;
    margin: 0;
}
.fsStruct .label {
    flex:1;
}
.fsStruct .input {
    width: 30px;
}

.fsStruct .files .uploaded {
    padding: 0 0 1em 0;
}

.sTab.noSysCss .fsStruct .fileInputButton {
    text-decoration: underline;
}
.sTab.noSysCss .fsStruct .fileInputButton:hover {
    color: #fb0;
}
.

.fsStruct .lv1 .item.iS:hover,
.fsStruct .lv1 .item.iS:hover .itemTitle > span,
.fsStruct .lv1 .item.iS:hover .itemName {
    opacity: .7;
}
.fsStruct .lv1 .item.crit:hover{
    background-color: #efefef
}

.fsStruct .label.hOpen,
.fsStruct .itemTitle.hOpen {

}
.fsStruct .iS .itemTitle .hBox {

}
.sTab.default .fsStruct .iS .itemTitle .hBox {

}

.fsStruct .itemTitle .hBox {

}
.fsStruct .label.hOpen .helpBox,
.fsStruct .itemTitle.hOpen .helpBox {

}
.fsStruct .lv0 .label.hOpen .help,
.fsStruct .lv0 .itemTitle.hOpen .help {

}

.fsStruct .label.hOpen > span,
.fsStruct .itemTitle.hOpen > span {

}

.fsStruct .hBox .help{

}
.fsStruct .hOpen .hBox .help{

}
.sTab.default .fsStruct .lv0 .hBox .help {

}
.fsStruct .iS .hBox .help{
    display: none;
}
.fsStruct .lv2 .hBox .help{

}
.fsStruct .crit .hBox .help {

}
.fsStruct .crit .hBox .help:hover {

}
.fsStruct .crit .hOpen .hBox .help:hover {

}
.fsStruct .crit .label.hOpen .helpBox,
.fsStruct .crit .itemTitle.hOpen .helpBox {
    border: 1px solid #999;
    background-color: #ddd;
    text-transform: initial;
    font-weight: initial;
}
.fsStruct .crit .label.hOpen .help,
.fsStruct .crit .itemTitle.hOpen .help {

}

.fsStruct .helpBox ul,
.fsStruct .helpBox ol{
    margin-left: 15px;
}

.fsStruct input[type=radio] {
    margin-top: .25em;
}

.fsStruct .label {
    position: relative;

}
.fsStruct .itemTitle  {

}
.fsStruct .iS .itemTitle > span {

}

.fsStruct .itemTitle > .content {
    width: 100%;

}
.sTab.noSysCss .fsStruct .lv0 .itemTitle {

    font-weight: bold;
}
.sTab.noSysCss .fsStruct .lv1 .itemTitle {
    text-transform: initial;
    font-weight: initial;
}

.sTab.noSysCss .fsStruct .lv0 .itemTitle {

}
.fsStruct .lv1 .itemTitle {

}
.fsStruct .basicBox .itemTitle span {
    cursor: initial;
}
.fsStruct .lv0 .iS .itemTitle > span {

}
.sTab.default .fsStruct .lv0 .iS .itemTitle > span {
    padding-right: .8em;
}

.fsStruct .lv2 .itemTitle span{

}
.fsStruct .crit .itemTitle {
    flex-direction: column;
    display: block;
}
.fsStruct .crit .itemTitle input,
.fsStruct .crit .itemTitle textarea,
.fsStruct .crit .itemTitle label {

}
.fsStruct .crit .itemTitle label {
    display: block;
}

.fsStruct .crit .itemTitle input.wPostL {
    width: 60%;
    margin-right: 1em;
}

.fsStruct .crit.notVisible {
    display: none !important;
}

.fsStruct .nGrp {

}
.fsStruct .nGrp.vis {

}
.fsStruct .itemTitle span {

}
.fsStruct .pi {
    display: none;
}

#tableBox {

}
#projektTable_filter {
    text-align: right;
    margin-bottom: 1em;
}
#projektTable_filter input {

	padding: .25em;
}
#projektTable_filter label {

}

form.newProject div.newProject {
    display: flex;
    flex-direction: row;
}
form.newProject fieldset input[type=text] {
    flex: 1;
}

form.newProject input[type=reset],
form.newProject input[type=submit] {
    background-color: #fff;
    color: #000;
    border-width: 2px;
	border-radius: 2px;
	padding: .7em;
	cursor: pointer;
	margin-left: .2em;
}
form.newProject fieldset input[type=reset]:hover,
form.newProject input[type=submit]:hover {
	background-color: #5b5f62;
	color: #fff;
	border-width: 2px;
}

  footer .big,
  footer .programm,
  footer .quicklinks,
  footer .allgemein {
    width: 45%;
  }

  footer .big { margin-bottom: 1.5rem; }
  footer .programm,
  footer .quicklinks { margin-bottom: 1rem; }
}

@media (min-width: 1024px) {
  #nav-toggle,
  .nav-toggle-label {
    display: none !important;
  }
}

@media (max-width: 1023px) {

section.project {min-width: initial;}
#contentDescription {
    padding: 4%;
}
.enabledOverview + div.ovBox {
        display: none;
    }
.sTab .itemName {
    display: none;
}
.sTab div.item.iS {
    padding-left: 10px !important;
}

  header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
    header .logo img{
    width: 180px
    }
  header nav {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 20px
  }

  #nav-toggle {
    display: none;
  }

  .nav-toggle-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 8px;
    position: relative;
  }

  .nav-toggle-label span,
  .nav-toggle-label span::before,
  .nav-toggle-label span::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 2px;
    background-color: #fff;
  }

  .nav-toggle-label span::before {
    transform: translateY(-6px);
  }

  .nav-toggle-label span::after {
    transform: translateY(6px);
  }

  header nav #menuBox {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #5b5f62;
    z-index: 1000;
  }

  #nav-toggle:checked ~ #menuBox {
    display: block;
    min-width: 200px;
  }

  header nav #menuBox ul {
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: unset;
    overflow: visible;
  }

  header nav #menuBox li {
    display: block;
    width: 100%;
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    background-color: #5b5f62;
  }

  header nav #menuBox a {
    display: block;
    width: 100%;
    padding: 16px;
    line-height: 1.5;
    white-space: normal;
    text-align: left;
    color: #fff;
    box-sizing: border-box;
    white-space: nowrap;
    border-bottom: 1px solid #fff;
  }

#contentFotoCredits,
#contentUBereich {
    position: absolute;

    padding-right: 20px;
    margin-right: 4%;
}
#contentUBereich {
    bottom: 60px;
}
#contentFotoCredits {
    left: 4%;
}
#contentFotoSlide {
    width: 100%;
    margin: 0;
}
#contentProjekt {
        width: 100%;
    margin-top: 20px;
    margin: 20px auto 50px
    }
#versionSwitch li span {
    display: block;
    padding: 1em .25em .2em .25em;
    white-space: nowrap;
}
    div.frame {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 1024px) {
  #nav-toggle,
  .nav-toggle-label {
    display: none !important;
  }
}