body
{
  background-color: white;
  height: 100%;
  overflow: hidden;
  margin: 0px;
  position: fixed;
  max-height: 100%;
  width: 100%;
}

.login_box
{
  display: inline-block;
  position: absolute;
  width: 50%;
  left: 25%;
  height: 300px;
  top: calc(50% - 150px); 
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background-color: white;
  padding: 0px;
  margin: 0px;
  z-index: 100;
}

.login_logo
{
  display: inline-block;
  background: url("/images/ImkerManager_Avatar.jpg");
  background-repeat: no-repeat;
  background-position: center; 
  background-size: contain;
  width: calc(47% - 16px);
  height: 90%;
  margin-top: 8px;
  margin-left: 3%;
}

.login_divider
{
  display: inline-block;
  background-color: black;
  width: 2px;
  margin-left: 7px;
  margin-right: 7px;
  height: 90%;
  top: 8px;
}

.login_form_container
{
  display: inline-block;
  position: absolute;
  width: calc(47% - 16px);
  height: 100%;
}

.login_form
{
  display: inline-block;
  position: absolute;
  width: 90%;
  height: 90%;
}

@login_form_container (min-width: 0) {
  .login_form {
    left: calc(50cqw - 50%);
    top: calc(50cqh - 50%);
  }
}

.navigationbar
{
  height: 100%;
  float: left;
  overflow: visible;
}

.button.navigation 
{
  width: 100%;
}


.maincontent
{
  float: none;
  height: calc( 100% - 2em );  
  padding: 0px;
  margin: 0px;
  overflow-x: clip;
  overflow-y: auto;
}

.header
{
  display: inline-flex;
  position: absolute;
  width: 100%;
  min-height: 100px;
  top: 0px;
  left: 0px;
  box-shadow: 0 0px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background-color: white;
  padding: 0px;
  margin: 0px;
  z-index: 5;
}

.headerLogo
{
  display: inline-block;
  width: 33%;
  text-align: center;
  font-size: 72px;
}

.headerTitle
{
  display: inline-block;
  width: 33%;
  text-align: center;
  font-size: 64px;
}

.headerUsrControl
{
  width: 33%;
  display: inline-flex;
  direction: rtl;
}

.headerAvatar
{
  margin-top: 10px;
  height: 80px;
  width: 80px;
  background-image: url("/images/user.svg");
  display: inline-block;
  border-radius: 40px;
  box-shadow: 0 3px 7px rgba(0,0,0,0.25), 0 3px 3px rgba(0,0,0,0.22);
}

.headerName
{
  margin-top: 38px;
  display: inline-block;
  margin-left: 1em;
  margin-right: 1em;
}

.headerLogout
{
  margin-top: 30px;
  display: inline-block;
}

.headerLogin
{
  margin-top: 30px;
  display: inline-block;
}
.footer
{
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 0px;
  left: 0px;
  box-shadow: 0 0px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background-color: white;
  padding: 0px;
  margin: 0px;
}

.footerLegalLinks
{
  float: right;
}

.footerCopyright
{
  display: inline-block;
}

.footerImprint
{
  display: inline-block;
  margin-right: 2em;
  font-size: larger;
}

.footerDSGVO
{
  display: inline-block;
  margin-right: 2em;
  font-size: larger;
}

.cookieoverlay
{
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 150px;
  left: 0px;
  top: 0px;
  box-shadow: 0 0px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background-color: white;
  z-index: 200;
}

.popupOverlay
{
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: rgba(0,0,0,0.5);
  z-index: 200;
}

.popupContent
{
  display: inline-block;
  position: absolute;
  width: 50%;
  left: 25%;
  height: 80%;
  top: 10%; 
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background-color: white;
  padding: 0px;
  margin: 0px;
  overflow-y: auto;
}


.newslistcontainer
{
  min-width: min(800px, 100%);
  width: 70%;
  margin-top: 2em;
}

.newsitem
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  padding: 2em;
  margin-top: 3em;
}

.newsitempublishinfo
{
  text-align: right;
}

.newsitemcontent
{
  margin-top: 3em;
}

.articlelist
{
}

.articleitem
{
  display: inline-flex;
  width: 90%;
  border: 1px solid black;
  margin-bottom: 5px;
}

.articleitemlogo
{
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url("/images/news.svg");
  background-size: contain;
}

.articleitemid
{
  display: inline-block;
  margin-left: 1em;
}

.articleitemtitle
{
  display: inline-block;
  margin-left: 1em;
}

.articleitemauthor
{
  display: inline-block;
  margin-left: 1em;
}

.imagelist
{
  display: inline-block;
}

.imageitem
{
  display: inline-block;
  width: 300px;
  height: 400px;
  border: 1px solid black;
  margin: 1em;
}

.imageitemlogo
{
  display: inline-block;
}

.imageitemid
{
  display: inline-block;
}

.imageitemlink
{
  display: inline-block;
}

.imageitemimage
{
  display: inline-block;
  width: 300px;
  height: 300px;
  align-content: center;  
}

.imageitemimageimg
{
  max-width: 260px;
  max-height: 260px;
  margin: 20px;
}

.imageitemuser
{
  display: inline-block;
}



.table {
  width:100%;
  max-width:100%;
  margin-bottom:20px
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding:8px;
  line-height:1.42857143;
  vertical-align:top;
  border-top:1px solid #ddd
}
.table>thead>tr>th {
  vertical-align:bottom;
  border-bottom:2px solid #ddd
}
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
  border-top:0
}
.table>tbody+tbody {
  border-top:2px solid #ddd
}
.table .table {
  background-color:#fff
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
  padding:5px
}
.table-bordered {
  border:1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border:1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  border-bottom-width:2px
}
.table-striped>tbody>tr:nth-child(odd) {
  background-color:#f9f9f9
}
.table-hover>tbody>tr:hover {
  background-color:#f5f5f5
}
table col[class*=col-] {
  position:static;
  display:table-column;
  float:none
}
table td[class*=col-],
table th[class*=col-] {
  position:static;
  display:table-cell;
  float:none
}
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
  background-color:#f5f5f5
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
  background-color:#e8e8e8
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
  background-color:#dff0d8
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
  background-color:#d0e9c6
}
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
  background-color:#d9edf7
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
  background-color:#c4e3f3
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
  background-color:#fcf8e3
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
  background-color:#faf2cc
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
  background-color:#f2dede
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
  background-color:#ebcccc
}
.table-responsive {
  min-height:.01%;
  overflow-x:auto
}