/*! whldm, Compiled at 2026-10-01 15:36:10 */
/**
 * Whitelabel Datamanager
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2017 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage header
 * @author     degener
 * @since      06.11.2017
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure setup
logo
close
========================================================== */
/*  =========================================================
basic config
========================================================= */
/* default font settings */
/* hide elements */
.hide {
  width: 1px;
  height: 1px;
  position: absolute;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
/* center elements */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.centered--horizontal {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.centered--vertical {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
/* transitions */
.transition {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/*  =========================================================
general structure setup
========================================================= */
@media screen {
  #pageHeader {
    background-color: var(--bodycopy-background);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    z-index: 100;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
}
/*  =========================================================
logo
========================================================= */
@media screen {
  #logo {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #logo.left {
    margin: 35px auto 35px 30px;
  }
  #logo.center {
    margin: 35px auto 35px auto;
  }
  #logo.otmLogo {
    width: 140px;
  }
  #logo.right {
    margin: 35px 30px 35px auto;
  }
}
@media screen and (max-width: 480px) {
  #logo.left {
    margin: 20px auto 20px 30px;
  }
}
@media screen and (max-width: 480px) {
  #logo.center {
    margin: 20px auto 20px auto;
  }
}
@media screen and (max-width: 480px) {
  #logo.right {
    margin: 20px 30px 20px auto;
  }
}