@charset "UTF-8";
/* Variablen */
/* Mixins */
/* SCSS */
* {
  box-sizing: border-box;
}
html.dark {
  color-scheme: dark;
}
body {
  margin: 0px;
  padding: 0px;
  max-width: 100vw;
  /*overflow-y: scroll;*/
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  color: #000;
  background-color: #e6e6e6;
}
html.dark body {
  color: #CCC;
  background-color: #202020;
}
@media only screen and (max-width: 639px) {
  body {
    font-size: 18px;
  }
}
.headline p {
  margin: 0px;
}
.CMS_LINK_EDIT img, .CMS_LINK_SAVE img {
  float: none !important;
  padding: 0px !important;
  border: 0px none !important;
}
a {
  text-decoration-thickness: 2px;
  color: #000;
}
html.dark a {
  color: #CCC;
}
a img {
  border: 0px none;
}
img {
  pointer-events: none;
}
html.dark hr {
  border: 1px solid white;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.message, .error {
  margin: 20px 0px;
  padding: 8px;
  overflow: hidden;
  font-weight: bold;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.message {
  color: #0C0;
  background-color: rgba(0, 196, 0, 0.25);
  border: 1px solid #0C0;
}
.error {
  color: #F00;
  background-color: rgba(255, 0, 0, 0.25);
  border: 1px solid #F00;
}
.red {
  font-weight: bold;
  color: #d46700;
}
@media only screen and (max-width: 767px) {
  .red {
    color: #DF7A19;
  }
}
.green {
  color: #0B0;
}
.grey {
  color: grey;
}
.small {
  font-size: 0.8em;
}
sup {
  font-size: 0.474em;
}
.dzir, .cms, .seo, .wra, .smp {
  font-family: Michroma, Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  word-spacing: 0.2em;
  /*
    @include text-shadow(0px 0px 1px rgb(0, 0, 0), 0px 0px 1px rgb(0, 0, 0), 0px 0px 1px rgb(0, 0, 0), 0px 0px 1px rgb(0, 0, 0));
    html.dark & {
        @include text-shadow(none);
    }
    */
}
.dzir {
  color: #ff991e;
}
.cms {
  color: #62bc47;
}
.seo {
  color: #448ccb;
}
.wra {
  color: #ff3d3d;
}
.smp {
  color: #e7db01;
}
div.video {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-align: center;
}
div.video svg {
  width: 60px;
  height: 100%;
}
div.video svg .ytp-large-play-button-bg {
  transition: fill 0.5s ease;
}
@media only screen and (max-width: 767px) {
  div.video svg .ytp-large-play-button-bg {
    fill: #F00;
  }
}
div.video:hover svg .ytp-large-play-button-bg {
  fill: #F00;
}
.centerAll {
  position: relative;
  margin: 0px auto;
  padding: 0px 4px;
  width: 100%;
  /*
    max-width: 1300px;
*/
}
#DarkBackground {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url("../images/ajax-loader.gif") center center no-repeat #202020;
}
#ImageWindow {
  display: none;
  position: fixed;
  z-index: 210;
  margin-left: 0px;
  margin-top: 0px;
  left: 50%;
  top: 50%;
  background-color: #e6e6e6;
  border: 8px solid #FFF;
  -webkit-box-shadow: 0px 0px 30px white, 0px 0px 20px white;
  -moz-box-shadow: 0px 0px 30px white, 0px 0px 20px white;
  -ms-box-shadow: 0px 0px 30px white, 0px 0px 20px white;
  -o-box-shadow: 0px 0px 30px white, 0px 0px 20px white;
  box-shadow: 0px 0px 30px white, 0px 0px 20px white;
}
html.dark #ImageWindow {
  background-color: #202020;
  border: 8px solid darkgray;
  -webkit-box-shadow: 0px 0px 30px gray, 0px 0px 20px gray;
  -moz-box-shadow: 0px 0px 30px gray, 0px 0px 20px gray;
  -ms-box-shadow: 0px 0px 30px gray, 0px 0px 20px gray;
  -o-box-shadow: 0px 0px 30px gray, 0px 0px 20px gray;
  box-shadow: 0px 0px 30px gray, 0px 0px 20px gray;
}
@media only screen and (max-width: 1023px) {
  #ImageWindow #Image {
    text-align: center;
  }
}
#ImageWindow #Image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}
@media only screen and (max-width: 1023px) {
  #ImageWindow #Image img {
    vertical-align: middle;
  }
}
html.dark #ImageWindow #Image img {
  filter: brightness(90%);
}
@media only screen and (max-width: 1023px) {
  #ImageWindow {
    position: fixed;
    margin: 0px !important;
    left: 0px !important;
    top: 0px !important;
    width: 100vw !important;
    min-height: 100vh !important;
    overflow: auto;
  }
}
#ImageWindow #ClosePopup {
  position: absolute;
  top: -22px;
  right: -22px;
  z-index: 220;
}
@media only screen and (max-width: 1023px) {
  #ImageWindow #ClosePopup {
    position: fixed;
    padding: 8px;
    top: 0px;
    right: 0px;
  }
}
#FullscreenImage {
  display: none;
  position: fixed;
  z-index: 210;
  width: 100%;
  height: 100vh;
  text-align: center;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#FullscreenImage #CloseFullscreenImage, #FullscreenImage #PrevImage, #FullscreenImage #NextImage {
  position: absolute;
  z-index: 1;
  width: 48px;
  height: 48px;
  background-size: contain;
  cursor: pointer;
  opacity: 0.6;
  filter: alpha(opacity=0.6);
  transition: all 0.2s ease 0s;
}
#FullscreenImage #CloseFullscreenImage:hover, #FullscreenImage #PrevImage:hover, #FullscreenImage #NextImage:hover {
  opacity: 1;
  filter: alpha(opacity=1);
}
#FullscreenImage #CloseFullscreenImage {
  top: calc(1vh);
  right: calc(1vw);
  background-image: url("../images/ClosePopup.png");
}
#FullscreenImage #PrevImage, #FullscreenImage #NextImage {
  top: calc(50vh - 24px);
}
#FullscreenImage #PrevImage {
  left: calc(1vw);
  background-image: url("../images/PrevImage.png");
}
#FullscreenImage #NextImage {
  right: calc(1vw);
  background-image: url("../images/NextImage.png");
}
#FullscreenImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .mobile {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  span.mobile {
    display: inline !important;
  }
}
.hidden {
  display: none;
}
.row {
  display: block;
  margin-bottom: 2px;
  width: 100%;
}
.row.hidden {
  display: none;
}
.row .column.left {
  float: left;
  width: 49%;
}
.row .column.right {
  float: right;
  width: 50%;
}
.row input[type=text], .row input[type=password], .row input[type=number], .row textarea, .row select {
  padding: 2px;
  border: 1px solid grey;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  outline: none;
}
.row input[type=text]:focus, .row input[type=password]:focus, .row input[type=number]:focus, .row textarea:focus, .row select:focus {
  border: 1px solid #51cbee;
  -webkit-box-shadow: 0 0 5px #51cbee;
  -moz-box-shadow: 0 0 5px #51cbee;
  -ms-box-shadow: 0 0 5px #51cbee;
  -o-box-shadow: 0 0 5px #51cbee;
  box-shadow: 0 0 5px #51cbee;
}
.row select {
  padding: 1px;
}
.spacer {
  margin: 20px 0px;
  height: 1px;
  background-color: rgba(128, 128, 128, 0.5);
}
@media only screen and (max-width: 479px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
}
/**** Header ****/
#Header {
  position: relative;
  height: 49px;
}
#Header #TopRow {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 49px;
  z-index: 200;
  background-color: #202020;
  -webkit-box-shadow: -2px 0px 10px -2px #202020;
  -moz-box-shadow: -2px 0px 10px -2px #202020;
  -ms-box-shadow: -2px 0px 10px -2px #202020;
  -o-box-shadow: -2px 0px 10px -2px #202020;
  box-shadow: -2px 0px 10px -2px #202020;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow {
    -webkit-box-shadow: -1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    -moz-box-shadow: -1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    -ms-box-shadow: -1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    -o-box-shadow: -1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    box-shadow: -1px 0px 8px -2px rgba(32, 32, 32, 0.5);
  }
}
html.dark #Header #TopRow {
  background-color: #202020;
  -webkit-box-shadow: -2px 0px 10px -2px #e6e6e6;
  -moz-box-shadow: -2px 0px 10px -2px #e6e6e6;
  -ms-box-shadow: -2px 0px 10px -2px #e6e6e6;
  -o-box-shadow: -2px 0px 10px -2px #e6e6e6;
  box-shadow: -2px 0px 10px -2px #e6e6e6;
  -webkit-box-shadow: -2px 0px 10px -2px black;
  -moz-box-shadow: -2px 0px 10px -2px black;
  -ms-box-shadow: -2px 0px 10px -2px black;
  -o-box-shadow: -2px 0px 10px -2px black;
  box-shadow: -2px 0px 10px -2px black;
}
@media only screen and (max-width: 767px) {
  html.dark #Header #TopRow {
    -webkit-box-shadow: -1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: -1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: -1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    -o-box-shadow: -1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    box-shadow: -1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: -1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: -1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    -o-box-shadow: -1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    box-shadow: -1px 0px 8px -2px rgba(0, 0, 0, 0.5);
  }
}
#Header #TopRow #Logo {
  float: left;
}
#Header #TopRow #Logo img {
  vertical-align: text-bottom;
  pointer-events: all;
}
#Header #TopRow #Navigation {
  float: right;
  margin-top: 9px;
  font-family: Michroma, Arial, Helvetica, Verdana, sans-serif;
  word-spacing: 0.2em;
}
#Header #TopRow #Navigation .navi {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
@media only screen and (max-width: 1023px) {
  #Header #TopRow #Navigation .navi {
    display: none;
    position: absolute;
    z-index: -1;
    top: 100%;
    right: 0px;
    left: 0px;
    padding: 10px 0px 10px 0px;
    color: white;
    background-color: #202020;
    -webkit-box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    -moz-box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    -ms-box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    -o-box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s ease 0s;
  }
  html.dark #Header #TopRow #Navigation .navi {
    -webkit-box-shadow: 0px 7px 8px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 7px 8px 1px rgba(255, 255, 255, 0.1);
    -ms-box-shadow: 0px 7px 8px 1px rgba(255, 255, 255, 0.1);
    -o-box-shadow: 0px 7px 8px 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 7px 8px 1px rgba(255, 255, 255, 0.1);
  }
  #Header #TopRow #Navigation .navi.open {
    opacity: 1;
    filter: alpha(opacity=1);
  }
}
#Header #TopRow #Navigation .navi ul {
  margin: 0px;
  padding: 0px;
}
#Header #TopRow #Navigation .navi ul li {
  display: inline-block;
  position: relative;
  margin: 0px 10px;
  background-position: left bottom;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li {
    display: block;
    margin: 0px;
  }
}
#Header #TopRow #Navigation .navi ul li a, #Header #TopRow #Navigation .navi ul li div.button {
  text-decoration: none;
  color: white;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li > span > a {
    padding: 8px;
    height: 36px;
    line-height: 36px;
  }
}
#Header #TopRow #Navigation .navi ul li .button {
  height: 22px;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li .button {
    padding: 8px;
  }
}
#Header #TopRow #Navigation .navi ul li span.button::after {
  content: "▼";
  display: inline-block;
  transform-origin: center 0.815em;
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li span.button::after {
    float: right;
    margin-top: 0.4em;
    margin-right: 8px;
  }
}
#Header #TopRow #Navigation .navi ul li.open span.button::after {
  transform: rotate(180deg);
}
#Header #TopRow #Navigation .navi ul li.navi_normal > a, #Header #TopRow #Navigation .navi ul li.navi_active > a, #Header #TopRow #Navigation .navi ul li.language div.button, #Header #TopRow #Navigation .navi ul li.settings div.button {
  display: block;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li.navi_normal > a, #Header #TopRow #Navigation .navi ul li.navi_active > a, #Header #TopRow #Navigation .navi ul li.language div.button, #Header #TopRow #Navigation .navi ul li.settings div.button {
    padding: 8px;
    height: 36px;
  }
}
#Header #TopRow #Navigation .navi ul li.navi_normal a:hover, #Header #TopRow #Navigation .navi ul li.navi_active > a, #Header #TopRow #Navigation .navi ul li.navi_active > span > a, #Header #TopRow #Navigation .navi ul li.navi_normal > span > span.button:hover, #Header #TopRow #Navigation .navi ul li.navi_normal > div.button:hover, #Header #TopRow #Navigation .navi ul li.navi_active > span > span.button, #Header #TopRow #Navigation .navi ul li.navi_active > div.button {
  filter: brightness(1.5);
  -webkit-text-shadow: 0px 0px 14px #CCC, 0px 0px 10px #CCC;
  -moz-text-shadow: 0px 0px 14px #CCC, 0px 0px 10px #CCC;
  -ms-text-shadow: 0px 0px 14px #CCC, 0px 0px 10px #CCC;
  -o-text-shadow: 0px 0px 14px #CCC, 0px 0px 10px #CCC;
  text-shadow: 0px 0px 14px #CCC, 0px 0px 10px #CCC;
}
#Header #TopRow #Navigation .navi ul li.language div.button:hover, #Header #TopRow #Navigation .navi ul li.language.navi_active div.button, #Header #TopRow #Navigation .navi ul li.settings div.button:hover, #Header #TopRow #Navigation .navi ul li.settings.navi_active div.button {
  background-color: #555;
  -webkit-box-shadow: 0px 0px 25px -8px #CCC, 0px 0px 20px -4px #CCC, 0px 0px 15px -4px #CCC, 0px 0px 10px -2px #CCC;
  -moz-box-shadow: 0px 0px 25px -8px #CCC, 0px 0px 20px -4px #CCC, 0px 0px 15px -4px #CCC, 0px 0px 10px -2px #CCC;
  -ms-box-shadow: 0px 0px 25px -8px #CCC, 0px 0px 20px -4px #CCC, 0px 0px 15px -4px #CCC, 0px 0px 10px -2px #CCC;
  -o-box-shadow: 0px 0px 25px -8px #CCC, 0px 0px 20px -4px #CCC, 0px 0px 15px -4px #CCC, 0px 0px 10px -2px #CCC;
  box-shadow: 0px 0px 25px -8px #CCC, 0px 0px 20px -4px #CCC, 0px 0px 15px -4px #CCC, 0px 0px 10px -2px #CCC;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li.language div.button:hover, #Header #TopRow #Navigation .navi ul li.language.navi_active div.button, #Header #TopRow #Navigation .navi ul li.settings div.button:hover, #Header #TopRow #Navigation .navi ul li.settings.navi_active div.button {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
}
#Header #TopRow #Navigation .navi ul li.language .button {
  margin-top: -1px;
}
#Header #TopRow #Navigation .navi ul li.language .button img {
  margin: 0px 0px -4px 0px;
  pointer-events: all;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li.language #Language {
    margin-top: 4px;
    padding: 0px 0px 4px 0px;
  }
}
#Header #TopRow #Navigation .navi ul li.language #Language a, #Header #TopRow #Navigation .navi ul li.language #Language div {
  margin: 0px;
  padding: 0px 0px 4px 0px;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li.language #Language a, #Header #TopRow #Navigation .navi ul li.language #Language div {
    padding: 0px 8px 0px 8px;
  }
}
#Header #TopRow #Navigation .navi ul li.language #Language a img, #Header #TopRow #Navigation .navi ul li.language #Language div img {
  margin: 4px 0px 0px 0px;
  vertical-align: bottom;
  pointer-events: all;
}
#Header #TopRow #Navigation .navi ul li.language #Language div {
  filter: brightness(0.5);
}
#Header #TopRow #Navigation .navi ul li.settings {
  margin-bottom: -3px !important;
}
#Header #TopRow #Navigation .navi ul li.settings .button {
  padding: 0px !important;
  min-width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
#Header #TopRow #Navigation .navi ul li.settings .button span {
  display: none;
}
#Header #TopRow #Navigation .navi ul li.settings .button:after {
  content: "";
  display: block;
  width: 20px;
  height: 22px;
  background: url("../images/Settings.png") center center no-repeat;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li.settings .button {
    padding: 8px !important;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%;
    margin-bottom: 0px;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
  }
  #Header #TopRow #Navigation .navi ul li.settings .button span {
    display: inline;
  }
  #Header #TopRow #Navigation .navi ul li.settings .button:after {
    width: 0px;
    height: 0px;
    background-image: none;
  }
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul li.settings #Settings {
    margin-top: 4px;
    padding: 0px 8px 4px 8px;
  }
}
#Header #TopRow #Navigation .navi ul li.settings #Settings label {
  line-height: 30px;
}
#Header #TopRow #Navigation .navi ul li.settings #Settings b {
  color: #DF7A19;
}
#Header #TopRow #Navigation .navi ul li:last-child {
  margin: 1px 0px 0px 0px;
}
#Header #TopRow #Navigation .navi ul .subnavi {
  display: none;
  position: absolute;
  z-index: 1;
  margin: 0px 0px 0px -18px;
  padding: 10px 18px 10px 18px;
  top: 34px;
  left: 0px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  white-space: nowrap;
  background-color: #202020;
  -webkit-box-shadow: 4px 4px 10px -6px #202020;
  -moz-box-shadow: 4px 4px 10px -6px #202020;
  -ms-box-shadow: 4px 4px 10px -6px #202020;
  -o-box-shadow: 4px 4px 10px -6px #202020;
  box-shadow: 4px 4px 10px -6px #202020;
  cursor: default;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul .subnavi {
    -webkit-box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    -moz-box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    -ms-box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    -o-box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
    box-shadow: 0px 7px 8px 1px rgba(32, 32, 32, 0.4);
  }
}
html.dark #Header #TopRow #Navigation .navi ul .subnavi {
  -webkit-box-shadow: 4px 4px 10px -6px black;
  -moz-box-shadow: 4px 4px 10px -6px black;
  -ms-box-shadow: 4px 4px 10px -6px black;
  -o-box-shadow: 4px 4px 10px -6px black;
  box-shadow: 4px 4px 10px -6px black;
}
@media only screen and (max-width: 767px) {
  html.dark #Header #TopRow #Navigation .navi ul .subnavi {
    -webkit-box-shadow: 0px 7px 8px 1px black;
    -moz-box-shadow: 0px 7px 8px 1px black;
    -ms-box-shadow: 0px 7px 8px 1px black;
    -o-box-shadow: 0px 7px 8px 1px black;
    box-shadow: 0px 7px 8px 1px black;
  }
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul .subnavi {
    margin: 0px;
    padding: 0px;
    width: 100vw;
    -webkit-box-shadow: -2px 0px 10px #202020;
    -moz-box-shadow: -2px 0px 10px #202020;
    -ms-box-shadow: -2px 0px 10px #202020;
    -o-box-shadow: -2px 0px 10px #202020;
    box-shadow: -2px 0px 10px #202020;
  }
}
#Header #TopRow #Navigation .navi ul .subnavi ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#Header #TopRow #Navigation .navi ul .subnavi ul li.navi_normal, #Header #TopRow #Navigation .navi ul .subnavi ul li.navi_active {
  display: block;
  margin: 0px 0px 8px 0px;
}
#Header #TopRow #Navigation .navi ul .subnavi ul li.navi_normal:last-child, #Header #TopRow #Navigation .navi ul .subnavi ul li.navi_active:last-child {
  margin-bottom: 0px;
}
#Header #TopRow #Navigation .navi ul .subnavi ul li.navi_normal a, #Header #TopRow #Navigation .navi ul .subnavi ul li.navi_active a {
  color: white;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul .subnavi ul li.navi_normal a, #Header #TopRow #Navigation .navi ul .subnavi ul li.navi_active a {
    height: 36px;
  }
}
#Header #TopRow #Navigation .navi ul .subnavi a, #Header #TopRow #Navigation .navi ul .subnavi strong {
  margin-bottom: 10px;
  text-decoration: none;
}
#Header #TopRow #Navigation .navi ul .subnavi a:last-child, #Header #TopRow #Navigation .navi ul .subnavi strong:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  #Header #TopRow #Navigation .navi ul .subnavi a, #Header #TopRow #Navigation .navi ul .subnavi strong {
    margin-bottom: 12px;
    font-size: 20px;
  }
}
#Header #TopRow #Navigation .navi ul .subnavi a, #Header #TopRow #Navigation .navi ul .subnavi label {
  display: block;
  color: #ccc;
}
#Header #TopRow #Navigation .navi ul .subnavi a:hover, #Header #TopRow #Navigation .navi ul .subnavi label:hover {
  filter: brightness(1.5);
  -webkit-text-shadow: 0px 0px 14px #e6e6e6, 0px 0px 10px #e6e6e6;
  -moz-text-shadow: 0px 0px 14px #e6e6e6, 0px 0px 10px #e6e6e6;
  -ms-text-shadow: 0px 0px 14px #e6e6e6, 0px 0px 10px #e6e6e6;
  -o-text-shadow: 0px 0px 14px #e6e6e6, 0px 0px 10px #e6e6e6;
  text-shadow: 0px 0px 14px #e6e6e6, 0px 0px 10px #e6e6e6;
}
#Header #TopRow #Navigation .navi ul .subnavi a:hover img, #Header #TopRow #Navigation .navi ul .subnavi label:hover img {
  -webkit-box-shadow: 0px 0px 12px #e6e6e6, 0px 0px 4px #e6e6e6;
  -moz-box-shadow: 0px 0px 12px #e6e6e6, 0px 0px 4px #e6e6e6;
  -ms-box-shadow: 0px 0px 12px #e6e6e6, 0px 0px 4px #e6e6e6;
  -o-box-shadow: 0px 0px 12px #e6e6e6, 0px 0px 4px #e6e6e6;
  box-shadow: 0px 0px 12px #e6e6e6, 0px 0px 4px #e6e6e6;
}
#Header #TopRow #Navigation .navi ul .subnavi div {
  color: #ccc;
}
#Header #TopRow #Navigation .mobileNavToggle {
  display: none;
  width: 40px;
  height: 30px;
  background-image: url("../images/MobileNavigationToggle.png");
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.2s ease 0s;
}
@media only screen and (max-width: 1023px) {
  #Header #TopRow #Navigation .mobileNavToggle {
    display: block;
    cursor: pointer;
  }
}
#Header #TopRow #Navigation .mobileNavToggle.open {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/**** ContentArea ****/
#ContentArea {
  margin-bottom: 40px;
}
#ContentArea h1 {
  margin: 20px 0px 10px 0px;
  font-family: Michroma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 30px;
  font-weight: bold;
  word-spacing: 0.2em;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
#ContentArea h1 ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#ContentArea h1 ol li {
  margin: 0px 10px 0px 0px;
  display: inline;
  padding-left: 24px;
  vertical-align: text-top;
  background-image: url("../images/NaviPathSeparator.png");
  background-position: left center;
  background-repeat: no-repeat;
}
#ContentArea h1 ol li:first-child {
  padding-left: 0px;
  background-image: none;
}
#ContentArea h1 ol li a {
  text-decoration: none;
}
#ContentArea h1 ol li a:hover {
  text-decoration: underline;
}
#ContentArea h2 {
  margin: 12px 0px 6px 0px;
  font-family: Michroma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 24px;
  font-weight: normal;
  word-spacing: 0.2em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
#ContentArea h3 {
  margin: 8px 0px 4px 0px;
  font-family: Michroma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 20px;
  font-weight: normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
#ContentArea h4 {
  margin: 8px 0px 4px 0px;
  font-family: Michroma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
#ContentArea p {
  margin: 0px 0px 16px 0px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
#ContentArea p:last-child {
  margin: 0px 0px 4px 0px;
}
#ContentArea ul {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
#ContentArea ul li {
  padding-left: 2.75ch;
  text-indent: -2ch;
}
#ContentArea ul li:before {
  content: "►";
  padding-right: 1.1ch;
  font-size: 0.7em;
  vertical-align: middle;
}
#ContentArea ul#Subnavi li, #ContentArea ul#Websites li, #ContentArea ul#Accounts li, #ContentArea .bills ul li, #ContentArea .data ul li {
  padding-left: 0;
  text-indent: 0;
}
#ContentArea ul#Subnavi li:before, #ContentArea ul#Websites li:before, #ContentArea ul#Accounts li:before, #ContentArea .bills ul li:before, #ContentArea .data ul li:before {
  content: "";
  padding-right: 0;
  font-size: 1em;
}
#ContentArea #Login {
  margin: 0px auto;
  padding: 10px;
  width: 300px;
  border: 1px solid #000;
}
html.dark #ContentArea #Login {
  border-color: #CCC;
}
#ContentArea #Login .row {
  margin-bottom: 10px;
}
#ContentArea #Login .row:last-of-type {
  margin-bottom: 0px;
}
#ContentArea #Login .row label {
  display: block;
}
#ContentArea #Login .row input[type=text], #ContentArea #Login .row input[type=password] {
  width: 100%;
  font: inherit;
  border: 1px solid #AAA;
}
#ContentArea #Login .row input[type=text][type=submit], #ContentArea #Login .row input[type=text][type=button], #ContentArea #Login .row input[type=password][type=submit], #ContentArea #Login .row input[type=password][type=button] {
  font-size: 0.9em;
  cursor: pointer;
}
#ContentArea #Websites, #ContentArea #Accounts {
  padding: 0;
  list-style-type: none;
}
#ContentArea #Websites li, #ContentArea #Accounts li {
  height: calc(1.165em + 1px);
  overflow: hidden;
  border-bottom: 0px solid rgba(128, 128, 128, 0.5);
}
@media only screen and (max-width: 767px) {
  #ContentArea #Websites li, #ContentArea #Accounts li {
    height: calc(1.165em + 2px);
  }
}
#ContentArea #Websites li.headline, #ContentArea #Accounts li.headline {
  font-size: 0.9em;
  text-align: left;
}
#ContentArea #Websites li:nth-child(even), #ContentArea #Accounts li:nth-child(even) {
  background-color: rgba(128, 128, 128, 0.2);
}
#ContentArea #Websites li div, #ContentArea #Accounts li div {
  float: left;
  overflow: hidden;
  padding: 1px;
  white-space: nowrap;
  border-right: 4px solid transparent;
}
#ContentArea #Websites li div.deleted, #ContentArea #Accounts li div.deleted {
  width: 50px;
  text-align: center;
}
#ContentArea #Websites li div.deleted img, #ContentArea #Accounts li div.deleted img {
  pointer-events: all;
}
#ContentArea #Websites li div.website, #ContentArea #Accounts li div.website {
  width: calc(54% - 50px);
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.website, #ContentArea #Accounts li div.website {
    width: calc(67% - 50px);
  }
}
#ContentArea #Websites li div.lastcheck, #ContentArea #Accounts li div.lastcheck {
  width: 26%;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.lastcheck, #ContentArea #Accounts li div.lastcheck {
    width: 18%;
  }
}
#ContentArea #Websites li div.laststatus, #ContentArea #Accounts li div.laststatus {
  width: 10%;
  text-align: center;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.laststatus, #ContentArea #Accounts li div.laststatus {
    width: 8%;
  }
}
#ContentArea #Websites li div.laststatus img, #ContentArea #Accounts li div.laststatus img {
  pointer-events: all;
}
#ContentArea #Websites li div.errors, #ContentArea #Accounts li div.errors {
  width: 10%;
  text-align: center;
  border-right: 0 none;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.errors, #ContentArea #Accounts li div.errors {
    width: 7%;
  }
}
#ContentArea #Websites li div.errors img, #ContentArea #Accounts li div.errors img {
  pointer-events: all;
}
#ContentArea #Websites li div.user, #ContentArea #Accounts li div.user {
  width: 10%;
  text-align: left;
  border-right: 0 none;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.user, #ContentArea #Accounts li div.user {
    width: 7%;
  }
}
#ContentArea #Websites li div.account, #ContentArea #Accounts li div.account {
  width: 54%;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.account, #ContentArea #Accounts li div.account {
    width: 51%;
  }
}
#ContentArea #Websites li div.created, #ContentArea #Accounts li div.created {
  width: 26%;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.created, #ContentArea #Accounts li div.created {
    width: 26.5%;
  }
}
#ContentArea #Websites li div.domains, #ContentArea #Accounts li div.domains {
  width: 10%;
  text-align: center;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.domains, #ContentArea #Accounts li div.domains {
    width: 11%;
  }
}
#ContentArea #Websites li div.vacant, #ContentArea #Accounts li div.vacant {
  width: 10%;
  text-align: center;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Websites li div.vacant, #ContentArea #Accounts li div.vacant {
    width: 11.5%;
  }
}
#ContentArea #Websites li div a, #ContentArea #Accounts li div a {
  text-decoration-thickness: 1px;
}
#ContentArea #Login .row, #ContentArea #Account .row, #ContentArea .bills .row, #ContentArea #NewWebsite .row, #ContentArea .websiteDetails .row {
  line-height: 1.3em;
}
#ContentArea #Login .row ul, #ContentArea #Account .row ul, #ContentArea .bills .row ul, #ContentArea #NewWebsite .row ul, #ContentArea .websiteDetails .row ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#ContentArea #Login .row ul li, #ContentArea #Account .row ul li, #ContentArea .bills .row ul li, #ContentArea #NewWebsite .row ul li, #ContentArea .websiteDetails .row ul li {
  max-width: calc(15% + 500px);
  height: calc(1.165em + 1px);
  overflow: hidden;
  border-bottom: 0px solid rgba(128, 128, 128, 0.5);
}
@media only screen and (max-width: 767px) {
  #ContentArea #Login .row ul li, #ContentArea #Account .row ul li, #ContentArea .bills .row ul li, #ContentArea #NewWebsite .row ul li, #ContentArea .websiteDetails .row ul li {
    max-width: 100%;
    height: calc(1.165em + 2px);
  }
}
#ContentArea #Login .row ul li.headline, #ContentArea #Account .row ul li.headline, #ContentArea .bills .row ul li.headline, #ContentArea #NewWebsite .row ul li.headline, #ContentArea .websiteDetails .row ul li.headline {
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: left;
}
#ContentArea #Login .row ul li:nth-child(even), #ContentArea #Account .row ul li:nth-child(even), #ContentArea .bills .row ul li:nth-child(even), #ContentArea #NewWebsite .row ul li:nth-child(even), #ContentArea .websiteDetails .row ul li:nth-child(even) {
  background-color: rgba(128, 128, 128, 0.2);
}
#ContentArea #Login .row ul li div, #ContentArea #Account .row ul li div, #ContentArea .bills .row ul li div, #ContentArea #NewWebsite .row ul li div, #ContentArea .websiteDetails .row ul li div {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  border-right: 4px solid transparent;
}
#ContentArea #Login .row ul li div.lastcheck, #ContentArea #Account .row ul li div.lastcheck, #ContentArea .bills .row ul li div.lastcheck, #ContentArea #NewWebsite .row ul li div.lastcheck, #ContentArea .websiteDetails .row ul li div.lastcheck {
  width: 40%;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Login .row ul li div.lastcheck, #ContentArea #Account .row ul li div.lastcheck, #ContentArea .bills .row ul li div.lastcheck, #ContentArea #NewWebsite .row ul li div.lastcheck, #ContentArea .websiteDetails .row ul li div.lastcheck {
    width: 52%;
  }
}
#ContentArea #Login .row ul li div.laststatus, #ContentArea #Account .row ul li div.laststatus, #ContentArea .bills .row ul li div.laststatus, #ContentArea #NewWebsite .row ul li div.laststatus, #ContentArea .websiteDetails .row ul li div.laststatus {
  width: 30%;
  text-align: center;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Login .row ul li div.laststatus, #ContentArea #Account .row ul li div.laststatus, #ContentArea .bills .row ul li div.laststatus, #ContentArea #NewWebsite .row ul li div.laststatus, #ContentArea .websiteDetails .row ul li div.laststatus {
    width: 21%;
  }
}
#ContentArea #Login .row ul li div.laststatus img, #ContentArea #Account .row ul li div.laststatus img, #ContentArea .bills .row ul li div.laststatus img, #ContentArea #NewWebsite .row ul li div.laststatus img, #ContentArea .websiteDetails .row ul li div.laststatus img {
  pointer-events: all;
}
#ContentArea #Login .row ul li div.messagesent, #ContentArea #Account .row ul li div.messagesent, #ContentArea .bills .row ul li div.messagesent, #ContentArea #NewWebsite .row ul li div.messagesent, #ContentArea .websiteDetails .row ul li div.messagesent {
  width: 30%;
  text-align: center;
  border-right: 0 none;
}
@media only screen and (max-width: 639px) {
  #ContentArea #Login .row ul li div.messagesent, #ContentArea #Account .row ul li div.messagesent, #ContentArea .bills .row ul li div.messagesent, #ContentArea #NewWebsite .row ul li div.messagesent, #ContentArea .websiteDetails .row ul li div.messagesent {
    width: 27%;
  }
}
#ContentArea #Login .row ul li div.messagesent img, #ContentArea #Account .row ul li div.messagesent img, #ContentArea .bills .row ul li div.messagesent img, #ContentArea #NewWebsite .row ul li div.messagesent img, #ContentArea .websiteDetails .row ul li div.messagesent img {
  pointer-events: all;
}
#ContentArea #Login .row ul li div.date, #ContentArea #Account .row ul li div.date, #ContentArea .bills .row ul li div.date, #ContentArea #NewWebsite .row ul li div.date, #ContentArea .websiteDetails .row ul li div.date {
  width: 28%;
}
#ContentArea #Login .row ul li div.number, #ContentArea #Account .row ul li div.number, #ContentArea .bills .row ul li div.number, #ContentArea #NewWebsite .row ul li div.number, #ContentArea .websiteDetails .row ul li div.number {
  width: 29%;
}
#ContentArea #Login .row ul li div.amount, #ContentArea #Account .row ul li div.amount, #ContentArea .bills .row ul li div.amount, #ContentArea #NewWebsite .row ul li div.amount, #ContentArea .websiteDetails .row ul li div.amount {
  width: 21%;
}
#ContentArea #Login .row ul li div.paid, #ContentArea #Account .row ul li div.paid, #ContentArea .bills .row ul li div.paid, #ContentArea #NewWebsite .row ul li div.paid, #ContentArea .websiteDetails .row ul li div.paid {
  width: 11%;
  text-align: center;
}
#ContentArea #Login .row ul li div.paid img, #ContentArea #Account .row ul li div.paid img, #ContentArea .bills .row ul li div.paid img, #ContentArea #NewWebsite .row ul li div.paid img, #ContentArea .websiteDetails .row ul li div.paid img {
  pointer-events: all;
}
#ContentArea #Login .row ul li div.view, #ContentArea #Account .row ul li div.view, #ContentArea .bills .row ul li div.view, #ContentArea #NewWebsite .row ul li div.view, #ContentArea .websiteDetails .row ul li div.view {
  width: 11%;
  text-align: center;
  border-right: 0 none;
}
#ContentArea #Login .row ul li div.view img, #ContentArea #Account .row ul li div.view img, #ContentArea .bills .row ul li div.view img, #ContentArea #NewWebsite .row ul li div.view img, #ContentArea .websiteDetails .row ul li div.view img {
  pointer-events: all;
}
#ContentArea #Login .row .caption, #ContentArea #Account .row .caption, #ContentArea .bills .row .caption, #ContentArea #NewWebsite .row .caption, #ContentArea .websiteDetails .row .caption {
  float: left;
  width: 15%;
}
@media only screen and (max-width: 767px) {
  #ContentArea #Login .row .caption, #ContentArea #Account .row .caption, #ContentArea .bills .row .caption, #ContentArea #NewWebsite .row .caption, #ContentArea .websiteDetails .row .caption {
    width: 20%;
  }
}
@media only screen and (max-width: 639px) {
  #ContentArea #Login .row .caption, #ContentArea #Account .row .caption, #ContentArea .bills .row .caption, #ContentArea #NewWebsite .row .caption, #ContentArea .websiteDetails .row .caption {
    float: none;
    width: 100%;
  }
}
#ContentArea #Login .row .caption::after, #ContentArea #Account .row .caption::after, #ContentArea .bills .row .caption::after, #ContentArea #NewWebsite .row .caption::after, #ContentArea .websiteDetails .row .caption::after {
  content: ":";
}
#ContentArea #Login .row .data, #ContentArea #Account .row .data, #ContentArea .bills .row .data, #ContentArea #NewWebsite .row .data, #ContentArea .websiteDetails .row .data {
  margin-left: 15%;
  width: 85%;
}
@media only screen and (max-width: 767px) {
  #ContentArea #Login .row .data, #ContentArea #Account .row .data, #ContentArea .bills .row .data, #ContentArea #NewWebsite .row .data, #ContentArea .websiteDetails .row .data {
    margin-left: 20%;
    width: 80%;
  }
}
@media only screen and (max-width: 639px) {
  #ContentArea #Login .row .data, #ContentArea #Account .row .data, #ContentArea .bills .row .data, #ContentArea #NewWebsite .row .data, #ContentArea .websiteDetails .row .data {
    margin-left: 20px;
    width: calc(100% - 20px);
  }
}
#ContentArea #Login .row .data img, #ContentArea #Account .row .data img, #ContentArea .bills .row .data img, #ContentArea #NewWebsite .row .data img, #ContentArea .websiteDetails .row .data img {
  pointer-events: all;
}
#ContentArea #Login .row .data ul li, #ContentArea #Account .row .data ul li, #ContentArea .bills .row .data ul li, #ContentArea #NewWebsite .row .data ul li, #ContentArea .websiteDetails .row .data ul li {
  max-width: 500px;
}
#ContentArea #Login .row .data input[type=text], #ContentArea #Login .row .data input[type=password], #ContentArea #Login .row .data input[type=number], #ContentArea #Login .row .data textarea, #ContentArea #Login .row .data select, #ContentArea #Account .row .data input[type=text], #ContentArea #Account .row .data input[type=password], #ContentArea #Account .row .data input[type=number], #ContentArea #Account .row .data textarea, #ContentArea #Account .row .data select, #ContentArea .bills .row .data input[type=text], #ContentArea .bills .row .data input[type=password], #ContentArea .bills .row .data input[type=number], #ContentArea .bills .row .data textarea, #ContentArea .bills .row .data select, #ContentArea #NewWebsite .row .data input[type=text], #ContentArea #NewWebsite .row .data input[type=password], #ContentArea #NewWebsite .row .data input[type=number], #ContentArea #NewWebsite .row .data textarea, #ContentArea #NewWebsite .row .data select, #ContentArea .websiteDetails .row .data input[type=text], #ContentArea .websiteDetails .row .data input[type=password], #ContentArea .websiteDetails .row .data input[type=number], #ContentArea .websiteDetails .row .data textarea, #ContentArea .websiteDetails .row .data select {
  width: 78%;
}
#ContentArea #Login .row .data #Action, #ContentArea #Account .row .data #Action, #ContentArea .bills .row .data #Action, #ContentArea #NewWebsite .row .data #Action, #ContentArea .websiteDetails .row .data #Action {
  display: inline-block;
}
#ContentArea #Login .row .data img.cancel, #ContentArea #Account .row .data img.cancel, #ContentArea .bills .row .data img.cancel, #ContentArea #NewWebsite .row .data img.cancel, #ContentArea .websiteDetails .row .data img.cancel {
  cursor: pointer;
}
#ContentArea #Login .row h2 img, #ContentArea #Account .row h2 img, #ContentArea .bills .row h2 img, #ContentArea #NewWebsite .row h2 img, #ContentArea .websiteDetails .row h2 img {
  pointer-events: all;
}
#ContentArea #Login #StopChecking, #ContentArea #Login #RestartChecking, #ContentArea #Login #Save, #ContentArea #Login #Cancel, #ContentArea #Login input.save, #ContentArea #Login input.cancel, #ContentArea #Account #StopChecking, #ContentArea #Account #RestartChecking, #ContentArea #Account #Save, #ContentArea #Account #Cancel, #ContentArea #Account input.save, #ContentArea #Account input.cancel, #ContentArea .bills #StopChecking, #ContentArea .bills #RestartChecking, #ContentArea .bills #Save, #ContentArea .bills #Cancel, #ContentArea .bills input.save, #ContentArea .bills input.cancel, #ContentArea #NewWebsite #StopChecking, #ContentArea #NewWebsite #RestartChecking, #ContentArea #NewWebsite #Save, #ContentArea #NewWebsite #Cancel, #ContentArea #NewWebsite input.save, #ContentArea #NewWebsite input.cancel, #ContentArea .websiteDetails #StopChecking, #ContentArea .websiteDetails #RestartChecking, #ContentArea .websiteDetails #Save, #ContentArea .websiteDetails #Cancel, #ContentArea .websiteDetails input.save, #ContentArea .websiteDetails input.cancel {
  height: 24px;
  font: inherit;
  color: #000;
  border: 0px solid grey;
  cursor: pointer;
}
html.dark #ContentArea #Login #StopChecking, html.dark #ContentArea #Login #RestartChecking, html.dark #ContentArea #Login #Save, html.dark #ContentArea #Login #Cancel, html.dark #ContentArea #Login input.save, html.dark #ContentArea #Login input.cancel, html.dark #ContentArea #Account #StopChecking, html.dark #ContentArea #Account #RestartChecking, html.dark #ContentArea #Account #Save, html.dark #ContentArea #Account #Cancel, html.dark #ContentArea #Account input.save, html.dark #ContentArea #Account input.cancel, html.dark #ContentArea .bills #StopChecking, html.dark #ContentArea .bills #RestartChecking, html.dark #ContentArea .bills #Save, html.dark #ContentArea .bills #Cancel, html.dark #ContentArea .bills input.save, html.dark #ContentArea .bills input.cancel, html.dark #ContentArea #NewWebsite #StopChecking, html.dark #ContentArea #NewWebsite #RestartChecking, html.dark #ContentArea #NewWebsite #Save, html.dark #ContentArea #NewWebsite #Cancel, html.dark #ContentArea #NewWebsite input.save, html.dark #ContentArea #NewWebsite input.cancel, html.dark #ContentArea .websiteDetails #StopChecking, html.dark #ContentArea .websiteDetails #RestartChecking, html.dark #ContentArea .websiteDetails #Save, html.dark #ContentArea .websiteDetails #Cancel, html.dark #ContentArea .websiteDetails input.save, html.dark #ContentArea .websiteDetails input.cancel {
  color: #CCC;
}
#ContentArea #Login #StopChecking, #ContentArea #Account #StopChecking, #ContentArea .bills #StopChecking, #ContentArea #NewWebsite #StopChecking, #ContentArea .websiteDetails #StopChecking {
  padding-left: 18px;
  background: url("../css/images/stop.png") left center no-repeat;
}
#ContentArea #Login #RestartChecking, #ContentArea #Account #RestartChecking, #ContentArea .bills #RestartChecking, #ContentArea #NewWebsite #RestartChecking, #ContentArea .websiteDetails #RestartChecking {
  padding-left: 10px;
  background: url("../css/images/start.png") left center no-repeat;
}
#ContentArea #Login #Save, #ContentArea #Login input.save, #ContentArea #Account #Save, #ContentArea #Account input.save, #ContentArea .bills #Save, #ContentArea .bills input.save, #ContentArea #NewWebsite #Save, #ContentArea #NewWebsite input.save, #ContentArea .websiteDetails #Save, #ContentArea .websiteDetails input.save {
  padding-left: 17px;
  background: url("../css/images/check.png") left center no-repeat;
}
#ContentArea #Login #Cancel, #ContentArea #Login input.cancel, #ContentArea #Account #Cancel, #ContentArea #Account input.cancel, #ContentArea .bills #Cancel, #ContentArea .bills input.cancel, #ContentArea #NewWebsite #Cancel, #ContentArea #NewWebsite input.cancel, #ContentArea .websiteDetails #Cancel, #ContentArea .websiteDetails input.cancel {
  padding-left: 16px;
  background: url("../css/images/cancel.png") left center no-repeat;
}
#ContentArea #Login .spacer, #ContentArea #Account .spacer, #ContentArea .bills .spacer, #ContentArea #NewWebsite .spacer, #ContentArea .websiteDetails .spacer {
  width: calc(15% + 500px);
}
@media only screen and (max-width: 767px) {
  #ContentArea #Login .spacer, #ContentArea #Account .spacer, #ContentArea .bills .spacer, #ContentArea #NewWebsite .spacer, #ContentArea .websiteDetails .spacer {
    width: calc(20% + 500px);
  }
}
@media only screen and (max-width: 639px) {
  #ContentArea #Login .spacer, #ContentArea #Account .spacer, #ContentArea .bills .spacer, #ContentArea #NewWebsite .spacer, #ContentArea .websiteDetails .spacer {
    width: 100%;
  }
}
#ContentArea #Subnavi {
  margin: 0 0 14px 0;
  padding: 0;
  list-style-type: none;
}
#ContentArea #Subnavi li {
  display: inline-block;
  margin-right: 28px;
}
#ContentArea #Subnavi li a {
  font-family: Michroma, Arial, Helvetica, Verdana, sans-serif;
  text-decoration: none;
}
#ContentArea #Subnavi li.navi_normal a:hover, #ContentArea #Subnavi li.navi_active a {
  filter: brightness(1.25);
  -webkit-text-shadow: 0px 0px 10px #CCC, 0px 0px 6px #CCC;
  -moz-text-shadow: 0px 0px 10px #CCC, 0px 0px 6px #CCC;
  -ms-text-shadow: 0px 0px 10px #CCC, 0px 0px 6px #CCC;
  -o-text-shadow: 0px 0px 10px #CCC, 0px 0px 6px #CCC;
  text-shadow: 0px 0px 10px #CCC, 0px 0px 6px #CCC;
}
#ContentArea #Info, #ContentArea #Errors, #ContentArea #SystemErrors, #ContentArea #InternalServer {
  padding: 0 3px;
  height: calc(8 * 1.28em);
  overflow-y: scroll;
  border: 1px solid grey;
}
#ContentArea #InternalServer {
  height: 1.3em;
  overflow-y: auto;
}
/**** Footer ****/
#Footer {
  position: fixed;
  z-index: 200;
  bottom: 0px;
  padding: 4px 0px;
  width: 100%;
  font-size: 0.9em;
  text-align: center;
  background-color: #e6e6e6;
  -webkit-box-shadow: 2px 0px 10px -2px #202020;
  -moz-box-shadow: 2px 0px 10px -2px #202020;
  -ms-box-shadow: 2px 0px 10px -2px #202020;
  -o-box-shadow: 2px 0px 10px -2px #202020;
  box-shadow: 2px 0px 10px -2px #202020;
}
@media only screen and (max-width: 767px) {
  #Footer {
    -webkit-box-shadow: 1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    -moz-box-shadow: 1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    -ms-box-shadow: 1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    -o-box-shadow: 1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    box-shadow: 1px 0px 8px -2px rgba(32, 32, 32, 0.5);
    font-size: 16px;
  }
}
html.dark #Footer {
  background-color: #202020;
  -webkit-box-shadow: 2px 0px 10px -2px #e6e6e6;
  -moz-box-shadow: 2px 0px 10px -2px #e6e6e6;
  -ms-box-shadow: 2px 0px 10px -2px #e6e6e6;
  -o-box-shadow: 2px 0px 10px -2px #e6e6e6;
  box-shadow: 2px 0px 10px -2px #e6e6e6;
  -webkit-box-shadow: 2px 0px 10px -2px black;
  -moz-box-shadow: 2px 0px 10px -2px black;
  -ms-box-shadow: 2px 0px 10px -2px black;
  -o-box-shadow: 2px 0px 10px -2px black;
  box-shadow: 2px 0px 10px -2px black;
}
@media only screen and (max-width: 767px) {
  html.dark #Footer {
    -webkit-box-shadow: 1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    -o-box-shadow: 1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0px 8px -2px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0px 8px -2px rgba(0, 0, 0, 0.5);
    font-size: 16px;
  }
}
#Footer #Copyright {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #Footer #Copyright {
    padding-left: 10px;
  }
}
#Footer #Copyright #Imprint {
  margin-left: 8px;
}
@media only screen and (max-width: 767px) {
  #Footer #Imprint {
    display: none;
  }
}
#Footer #Version {
  position: fixed;
  left: 5px;
  bottom: 0px;
  margin-right: 18px;
  padding: inherit;
}
#Footer #Login, #Footer #Logout {
  position: fixed;
  right: 0px;
  bottom: 0px;
}
#Footer #Login a, #Footer #Logout a {
  display: block;
  padding: 0 8px 0 10px;
}
#Footer #Login img, #Footer #Login input[type=image], #Footer #Logout img, #Footer #Logout input[type=image] {
  vertical-align: text-bottom;
  pointer-events: all;
}
#Footer #Login input[type=image], #Footer #Logout input[type=image] {
  margin-right: 5px;
}
/**** Additional ****/
#Timings {
  margin-bottom: 40px !important;
}