/*! 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 bodycopy - elements
 * @author     degener
 * @since      07.11.2017
 * @version    $Id$
 **/
/*  =========================================================
basic config
headlines
paragraph
link
indicator
========================================================== */
/*  =========================================================
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;
}
/*  =========================================================
headlines
========================================================= */
@media screen {
  [class^='bodycopy'] h1,
  [class^='bodycopy'] h2,
  [class^='bodycopy'] h3 {
    color: var(--formbox-headline);
    font-size: 3.125rem;
    font-weight: 700;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .bodycopy--intro h1 {
    font-size: 3.75rem;
  }
  .bodycopy--preview h2 {
    font-size: 2.5rem;
    line-height: 1.2;
    margin: 10px 0;
  }
  .bodycopy--preview h3 {
    font-size: 1.5rem;
    margin-top: 30px;
  }
}
@media screen and (max-width: 800px) {
  [class^='bodycopy'] h1,
  [class^='bodycopy'] h2,
  [class^='bodycopy'] h3 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 599px) {
  [class^='bodycopy'] h1,
  [class^='bodycopy'] h2,
  [class^='bodycopy'] h3 {
    padding-left: 50px;
  }
}
@media screen and (max-width: 480px) {
  [class^='bodycopy'] h1,
  [class^='bodycopy'] h2,
  [class^='bodycopy'] h3 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 800px) {
  .bodycopy--intro h1 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy--intro h1 {
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .bodycopy--intro h1 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 800px) {
  .bodycopy--preview h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy--preview h2 {
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .bodycopy--preview h2 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 800px) {
  .bodycopy--preview h3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy--preview h3 {
    padding-left: 0;
  }
}
/*  =========================================================
paragraph
========================================================= */
@media screen {
  [class^='bodycopy'] p {
    color: var(--bodycopy-text);
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 15px 0;
  }
}
@media screen and (max-width: 480px) {
  [class^='bodycopy'] p {
    font-size: 1.6rem;
  }
}
/*  =========================================================
link
========================================================= */
@media screen {
  [class^='bodycopy'] p a {
    color: var(--bodycopy-text);
  }
  [class^='bodycopy'] p a:link,
  [class^='bodycopy'] p a:visited {
    text-decoration: underline;
  }
  [class^='bodycopy'] p a:hover,
  [class^='bodycopy'] p a:active,
  [class^='bodycopy'] p a:focus {
    text-decoration: none;
  }
}
/*  =========================================================
header
========================================================= */
@media screen {
  [class^='bodycopy'] header {
    margin-bottom: 30px;
  }
  [class^='bodycopy'] header .themeCategory {
    color: var(--bodycopy-text);
    font-size: 1.125rem;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  [class^='bodycopy'] header .date {
    color: var(--bodycopy-text);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 10px 0 14px 0;
  }
  [class^='bodycopy'] header .price {
    color: var(--bodycopy-text);
    font-size: 1.8rem;
    margin: 5px 0;
  }
  [class^='bodycopy'] header a {
    color: var(--bodycopy-text);
  }
  [class^='bodycopy'] header a:link,
  [class^='bodycopy'] header a:visited {
    text-decoration: underline;
  }
  [class^='bodycopy'] header a:hover,
  [class^='bodycopy'] header a:active,
  [class^='bodycopy'] header a:focus {
    text-decoration: none;
  }
}
@media screen and (max-width: 481px) {
  [class^='bodycopy'] header {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  [class^='bodycopy'] header .themeCategory {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  [class^='bodycopy'] header .date {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  [class^='bodycopy'] header .price {
    font-size: 1.6rem;
  }
}
/*  =========================================================
indicator
========================================================= */
@media screen {
  .bodycopy .indicator {
    color: var(--bodycopy-progress-text);
    display: inline-block;
    font-weight: 700;
    left: -12px;
    opacity: 0.1;
    position: absolute;
    top: 0;
    z-index: -1;
  }
  .bodycopy .indicator strong {
    float: left;
    font-size: 17.5rem;
    letter-spacing: -15px;
    line-height: 0.77;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .bodycopy .indicator span {
    float: left;
    font-size: 2.813rem;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy .indicator {
    left: 0;
    top: -20px;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy .indicator strong {
    font-size: 9.375rem;
    letter-spacing: -8px;
    line-height: 0.8;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy .indicator span {
    font-size: 1.5rem;
  }
}

/**
 * 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 bodycopy
 * @author     degener
 * @since      07.11.2017
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure setup
========================================================== */
/*  =========================================================
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 {
  [class^='bodycopy'] {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 20px;
    position: relative;
    text-align: left;
  }
  .bodycopy--indicator {
    padding: 100px 20px 0 95px;
  }
  .bodycopy--intro {
    padding: 0 20px;
    text-align: center;
  }
  .bodycopy--preview {
    padding: 85px 70px;
  }
}
@media screen and (max-width: 599px) {
  [class^='bodycopy'] {
    padding: 0 20px 0 20px;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy--indicator {
    padding: 70px 20px 0 20px;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy--intro {
    padding: 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .bodycopy--intro {
    text-align: left;
  }
}
@media screen and (max-width: 599px) {
  .bodycopy--preview {
    padding: 20px;
  }
}

/**
 * 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       https://www.infomax-online.de
 * @author     Florian Müller <mueller@infomax-it.de>
 * @since      2017-12-08
 */
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
.bodycopy--preview {
  height: 800px;
  padding: 0;
  width: 100%;
}
.bodycopy--preview > iframe {
  height: 100%;
  width: 100%;
}