html, body {
  display: flex;
  place-content: center;
  font-size: 18px;
  margin: 0 0 0 0;
}

img {
  width: auto;
}
div.contentBackground {
  z-index: 1;
  background-color: #fff;
  position: fixed;
  top: 100px;
  height: 35px;
  width: 100%;
}

#header {
  font-family: "AktivGrotesk", sans-serif;
  position: fixed;
  top: 100px;
  z-index: 2;
  box-sizing: inherit;
  width: 100%;
  transition: 0.5s;
}

#header div.head {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 11px;
  text-align: right;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.27778rem;
  padding-top: 0;
  padding-bottom: 11px;

  border-width: 0 0 3.5px 0;
  border-style: dotted;
  border-color: rgb(0, 0, 0);
  border-image-source: url('../images/dotsSmall.svg');
  border-image-slice: 20% 20% 20% 0;
  border-image-repeat: repeat;
  align-items: baseline;
}

#header div.article {
}

div.headerLeft {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 5px;
  /* Christians Wunsch für die Section
  font-size: 1.833rem;

   */
  line-height: 110%;
}

div.headerRight {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  align-items: baseline;
}

div.headDate {
  font-weight : normal;
  text-transform : lowercase;

}

/* Overwrites base.css */
@media (min-width: 660px) {
  #content {
    width	: 660px;
    left	: auto;
    margin-left	: 0;
  }
  #header {
    width	: 660px;
  }
}

div.headerArticle {
  padding-bottom: 3px;
}

span.articlePos, span.pagina {
  font-weight: normal;
}


div.marginHead {
  margin-bottom: 50px;
}

#content.section {
  margin-top: 110px;
  padding-bottom: 6rem;
}

#content.article {
  margin-top: 70px;
  background-color : #fff;
  position: absolute;
  padding-bottom: 100px;
}

#content.imprint {
  margin-top: 80px;
}

img.bookmarkStar {
  display: block;
  width: 24px;
  height: 24px;
}

div.noLogin {
  font-weight: bold;
  padding-bottom: 8px;
}

img.bookmarks {
  width: 24px;
}

#content.theEnd {
  margin-top: 80px;
}
img.theEnd {
  width: 100%;

}

#contentPlace {
  position: fixed;
  left: 0;
  margin-top: 102px;
  top: 0;
  height: 100%;
  width: 100%;
  transition: 0.5s;
  overflow-y: scroll;
}

div.lastElement {
  margin-bottom: 2rem;
}

div.zoomImageDiv {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 33px;
}

#zoomImageClose {
  display: flex;
  justify-content: right;
  color: #fff;
  font-weight: bold;
  font-size: 2em;
}
#zoomImage {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: max-content;;
  max-width: 100%;
  height: auto;
}

div.zoomImageCenter {
  display: flex;
  justify-content: center;
  background-color: rgba(244,233,233,0.11);
}

img.zoomImageClose {
  width: 48px;
  height: 48px;
}

#cookie-info-overlay {
}

input[type="date"] {
  font-family: inherit;
}