@charset "UTF-8";
/*------------------------------------*\
    ALL.CSS
\*------------------------------------*/
/**
 * Setup variables
 */
/**
 * Generic utility styles etc.
 */
/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/
/**
 *  Tint and Shade are different from lighten() and darken() functions that are built into sass.
 *  
 *  Tint is a mix of color with white.
 *  Shade is a mix of color with black.
 *  Both take a color and a percent argument.
 *
    `background: tint(red, 40%);`
    `background: shade(blue, 60%);`
 *
 */
/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
.cf:after, .bold-wrapper:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Base styles; unclassed HTML elements etc.
 */
/*------------------------------------*\
    $MAIN
\*------------------------------------*/
html,
body.bold {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

body.bold {
  min-height: 100%;
  position: relative; }

/*------------------------------------*\
    $MOBI-OVERRIDE
\*------------------------------------*/
.header {
  position: absolute !important; }

.l-footer {
  display: none; }

.l-content {
  padding-top: 0 !important; }

.bold-mobile--scene .container {
  padding-left: 20px !important;
  padding-right: 20px !important; }

/*------------------------------------*\
    $WRAPPERS
\*------------------------------------*/
.bold-wrapper {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 30px;
  padding-right: 30px; }

/*------------------------------------*\
    $HELPERS
\*------------------------------------*/
.bold-text--center {
  text-align: center; }

.bold-bg--white {
  background: #fff; }

.bold-bg--red {
  padding-top: 40px;
  background: #DA2425; }

.bold-bg--red p {
  color: #fff; }

/*------------------------------------*\
    $PIN-CONTAINER
\*------------------------------------*/
#bold-pinContainer {
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.bold-panel {
  width: 100%;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  height: 100vh;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/*------------------------------------*\
    $INTRO
\*------------------------------------*/
section.bold-panel-intro {
  z-index: 200;
  height: 150%;
  display: block; }

@media only screen and (min-width: 1366px) and (orientation: landscape) {
  section.bold-panel-intro {
    z-index: 200;
    height: 95%;
    display: block; } }
.bold-intro__lead {
  left: 50%;
  bottom: 0;
  color: #fff;
  width: 300px;
  position: relative;
  position: absolute;
  padding: 10px 15px;
  background: #e62636;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

div.bold-arrow {
  width: 100%;
  height: 21px;
  display: block;
  text-align: center;
  position: relative;
  background: url(../images/pfeil.svg) no-repeat center center;
  background-size: 50px 21px; }

.bold-item--wolke {
  position: absolute; }

.bold-item--wolke-1 {
  top: 50vh;
  left: 40vh;
  width: 186px;
  height: 78px;
  z-index: 199;
  background: url(../images/item-wolke-1.svg) no-repeat 0 0; }

.bold-item--wolke-2 {
  top: 20%;
  left: 10vh;
  z-index: 199;
  width: 144px;
  height: 78px;
  background: url(../images/item-wolke-2.svg) no-repeat 0 0; }

.bold-item--wolke-3 {
  top: 30vh;
  right: 20vh;
  z-index: 199;
  width: 146px;
  height: 70px;
  background: url(../images/item-wolke-3.svg) no-repeat 0 0; }

.bold-intro__heading {
  margin-top: 130px; }
  @media only screen and (max-width: 48em) {
    .bold-intro__heading {
      font-size: 22px;
      margin-top: 100px;
      line-height: 30px; } }

.i18n-fr .bold-intro__heading,
.i18n-it .bold-intro__heading {
  margin-top: 115px; }

@media only screen and (max-width: 48em) {
  .bold-text {
    font-size: 15px; } }

.bold-item--paket {
  width: 150px;
  margin: 0 auto;
  height: 171px;
  z-index: 1150;
  margin-top: 40px;
  background: url(../images/item-geschenk-mini.png) no-repeat center top;
  background-size: 50%; }

/*------------------------------------*\
    $OUTRO
\*------------------------------------*/
.bold-panel-outro {
  z-index: 99999;
  width: 100%;
  background: #fff;
  padding-top: 50px;
  border-top: 2px solid #DA2425;
  height: auto !important; }

.bold-last-text {
  margin-top: 30px;
  margin-bottom: 100px;
  padding-top: 230px;
  background: url(../images/item-geschenk-mini.png) no-repeat center 0; }

/*------------------------------------*\
    $PANELS
\*------------------------------------*/
section.bold-panel-0-0 {
  z-index: 1200;
  display: block;
  background: url(../images/bg-auto-new.svg) no-repeat center bottom;
  background-size: 60%; }

section.bold-panel-0-1 {
  z-index: 1150;
  display: block;
  background: url(../images/bg-auto-paket-new.svg) no-repeat center bottom;
  background-size: 60%; }

section.bold-panel-1-0 {
  z-index: 1100;
  display: block;
  background: url(../images/bg-panel-1-0-new.svg) repeat-x 0 bottom;
  background-size: auto; }

section.bold-panel-1-1,
section.bold-panel-1-1-1 {
  z-index: 1000;
  display: block;
  background: url(../images/bg-panel-1-1.svg) no-repeat center bottom;
  background-size: auto; }

section.bold-panel-2-0 {
  z-index: 1100;
  display: block;
  background: url(../images/bg-panel-1-0-new.svg) repeat-x 0 bottom;
  background-size: auto; }

.bold-panel-2-1 {
  z-index: 1099;
  background-image: url(../images/flugzeug-de.svg);
  background-repeat: no-repeat;
  background-position: 0% 5%;
  background-size: 40%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-2-1 {
      background-image: url(../images/flugzeug-de-ie.png); } }

.i18n-fr .bold-panel-2-1 {
  z-index: 1099;
  background-image: url(../images/flugzeug-fr.svg);
  background-repeat: no-repeat;
  background-position: 0% 5%;
  background-size: 40%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-fr .bold-panel-2-1 {
      background-image: url(../images/flugzeug-fr-ie.png); } }

.i18n-it .bold-panel-2-1 {
  z-index: 1099;
  background-image: url(../images/flugzeug-it.svg);
  background-repeat: no-repeat;
  background-position: 0% 5%;
  background-size: 40%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-it .bold-panel-2-1 {
      background-image: url(../images/flugzeug-it-ie.png); } }

.bold-panel-2-2 {
  z-index: 1300;
  background-image: url(../images/FrauAufBank-de.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-2-2 {
      background-image: url(../images/FrauAufBank-de-ie.png); } }

.i18n-fr .bold-panel-2-2 {
  z-index: 1300;
  background-image: url(../images/FrauAufBank-fr.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-fr .bold-panel-2-2 {
      background-image: url(../images/FrauAufBank-fr-ie.png); } }

.i18n-it .bold-panel-2-2 {
  z-index: 1300;
  background-image: url(../images/FrauAufBank-it.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 38%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-it .bold-panel-2-2 {
      background-image: url(../images/FrauAufBank-it-ie.png); } }

.bold-panel-0-2-4 {
  z-index: 1301;
  background: url(../images/bg-bank-paket-final.png) no-repeat right bottom;
  background-size: 38%; }

.bold-panel-0-2-2 {
  z-index: 1150;
  background: url(../images/bg-panel-1-0-paket-1.svg) no-repeat 20% bottom;
  background-size: auto; }

.bold-panel-0-2-3 {
  z-index: 1150;
  background: url(../images/bg-panel-1-0-paket-2.svg) no-repeat 20% bottom;
  background-size: auto; }

/*------------------------------------*\
    $PANEL-3 - Altes Mobi-Gebäude
\*------------------------------------*/
.bold-panel-3-0 {
  z-index: 1300;
  background: #fff url(../images/bg-panel-3-0.svg) no-repeat center bottom;
  background-size: auto; }

.bold-panel-3-2 {
  z-index: 1310;
  background: url(../images/item-wolke-2.svg) no-repeat center 5%;
  background-size: 5%; }

.bold-panel-3-2-1 {
  z-index: 1310;
  background: url(../images/item-wolke-1.svg) no-repeat 90% 5%;
  background-size: 5%; }

.bold-panel-3-2-2 {
  z-index: 1310;
  background: url(../images/item-wolke-3.svg) no-repeat 80% 10%;
  background-size: 5%; }

.bold-panel-3-3 {
  z-index: 1340;
  background: url(../images/bg-kutsche-de.svg) no-repeat center bottom; }

.i18n-fr .bold-panel-3-3 {
  z-index: 1340;
  background: url(../images/bg-kutsche-fr.svg) no-repeat center bottom; }

.i18n-it .bold-panel-3-3 {
  z-index: 1340;
  background: url(../images/bg-kutsche-it.svg) no-repeat center bottom; }

.bold-panel-3-4 {
  z-index: 1350;
  display: block;
  background: url(../images/bg-schild-de.svg) no-repeat 15% bottom;
  background-size: 28%;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.i18n-fr .bold-panel-3-4 {
  z-index: 1350;
  display: block;
  background: url(../images/bg-schild-fr.svg) no-repeat 15% bottom;
  background-size: 28%;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.i18n-it .bold-panel-3-4 {
  z-index: 1350;
  display: block;
  background: url(../images/bg-schild-it.svg) no-repeat 15% bottom;
  background-size: 28%;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.bold-panel-3-5 {
  opacity: 1;
  z-index: 1360;
  background: #fff; }

.bold-panel-3-6 {
  z-index: 1400;
  background-image: url(../images/item-wolke-1.svg), url(../images/item-wolke-2.svg);
  background-repeat: no-repeat;
  background-position: 0 50%, 20% 10%;
  background-size: 25%, 9%; }

.bold-panel-3-7 {
  z-index: 1400;
  background-image: url(../images/item-wolke-3.svg);
  background-repeat: no-repeat;
  background-position: 90% 40%;
  background-size: 17%; }

.bold-panel-3-8-1 {
  z-index: 1505;
  background-image: url(../images/kalender_1939-de.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-3-8-1 {
      background-size: 60%; } }

.i18n-fr .bold-panel-3-8-1 {
  z-index: 1505;
  background-image: url(../images/kalender_1939-fr.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-fr .bold-panel-3-8-1 {
      background-size: 60%; } }

.i18n-it .bold-panel-3-8-1 {
  z-index: 1505;
  background-image: url(../images/kalender_1939-it.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-it .bold-panel-3-8-1 {
      background-size: 60%; } }

.bold-panel-3-8-5 {
  z-index: 1500;
  background-image: url(../images/kalender_2017-de.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-3-8-5 {
      background-size: 60%; } }

.i18n-fr .bold-panel-3-8-5 {
  z-index: 1500;
  background-image: url(../images/kalender_2017-fr.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-fr .bold-panel-3-8-5 {
      background-size: 60%; } }

.i18n-it .bold-panel-3-8-5 {
  z-index: 1500;
  background-image: url(../images/kalender_2017-it.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-it .bold-panel-3-8-5 {
      background-size: 60%; } }

.bold-panel-4-0 {
  z-index: 1602;
  background: url(../images/bg-panel-4-0-final.svg) repeat-x center bottom;
  background-size: auto; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-4-0:after {
      content: ' ';
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1602;
      background: #fff;
      width: 100vw;
      height: 25vh; } }

.bold-panel-4-0-1 {
  z-index: 1600;
  background: #fff url(../images/bg-panel-4-0-1.svg) no-repeat center bottom;
  background-size: auto; }

.bold-panel-4-1 {
  z-index: 1601;
  background: url(../images/bg-panel-4-1.svg) no-repeat center bottom;
  background-size: auto; }

.bold-panel-4-1-1 {
  z-index: 1600;
  background: url(../images/bg-panel-4-1-1-de.svg) no-repeat center bottom;
  background-size: auto; }

.i18n-fr .bold-panel-4-1-1 {
  z-index: 1600;
  background: url(../images/bg-panel-4-1-1-fr.svg) no-repeat center bottom;
  background-size: auto; }

.i18n-it .bold-panel-4-1-1 {
  z-index: 1600;
  background: url(../images/bg-panel-4-1-1-it.svg) no-repeat center bottom;
  background-size: auto; }

.bold-panel-4-3 {
  z-index: 1602;
  background: url(../images/bg-panel-4-3.svg) no-repeat 15% 10%;
  background-size: 10%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.bold-panel-4-4 {
  z-index: 1602;
  background: url(../images/bg-panel-4-3.svg) no-repeat 70% 1%;
  background-size: 10%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.bold-panel-4-5 {
  z-index: 1603;
  background: url(../images/bg-panel-4-5.svg) no-repeat center bottom;
  background-size: auto; }

.bold-panel-4-5-1 {
  z-index: 1604;
  background: url(../images/bg-panel-4-5-1.svg) no-repeat center bottom;
  background-size: auto; }

.bold-panel-4-7 {
  z-index: 1602;
  background: url(../images/bg-panel-4-7.svg) no-repeat center bottom;
  background-size: auto; }

.bold-panel-4-7-1 {
  z-index: 1603;
  background: url(../images/bg-panel-4-7-1.svg) no-repeat center bottom;
  background-size: auto; }

.bold-panel-4-6 {
  z-index: 1701;
  background: url(../images/bg-panel-4-6.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-5 {
  z-index: 1700;
  background: url(../images/item--circle.svg) no-repeat center center;
  background-size: auto;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.bold-panel-6-0 {
  z-index: 1802;
  background: url(../images/bg-panel-6-0-new.svg) no-repeat center center;
  background-size: 40%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-6-0 {
      background-size: 60%; } }

.bold-panel-6-0-1 {
  z-index: 1803;
  background: url(../images/bg-panel-6-0-1-de.svg) no-repeat center center;
  background-size: 40%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-6-0-1 {
      background-size: 60%; } }

.i18n-fr .bold-panel-6-0-1 {
  z-index: 1803;
  background: url(../images/bg-panel-6-0-1-fr.svg) no-repeat center center;
  background-size: 40%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-fr .bold-panel-6-0-1 {
      background-size: 60%; } }

.i18n-it .bold-panel-6-0-1 {
  z-index: 1803;
  background: url(../images/bg-panel-6-0-1-it.svg) no-repeat center center;
  background-size: 40%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .i18n-it .bold-panel-6-0-1 {
      background-size: 60%; } }

.bold-panel-6-1 {
  z-index: 1800;
  background: url(../images/bg-panel-6-1-final-de.svg) no-repeat center center;
  background-size: auto; }

.i18n-fr .bold-panel-6-1 {
  z-index: 1800;
  background: url(../images/bg-panel-6-1-final-fr.svg) no-repeat center center;
  background-size: auto; }

.i18n-it .bold-panel-6-1 {
  z-index: 1800;
  background: url(../images/bg-panel-6-1-final-it.svg) no-repeat center center;
  background-size: auto; }

section.bold-panel-6-1-1 {
  z-index: 1801;
  background: url(../images/bg-panel-6-1-1-final-de.svg) no-repeat center center;
  background-size: auto; }

.i18n-fr section.bold-panel-6-1-1 {
  z-index: 1801;
  background: url(../images/bg-panel-6-1-1-final-fr.svg) no-repeat center center;
  background-size: auto; }

.i18n-it section.bold-panel-6-1-1 {
  z-index: 1801;
  background: url(../images/bg-panel-6-1-1-final-it.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-7 {
  z-index: 1905;
  background: url(../images/bg-panel-7.svg) no-repeat center center;
  background-size: 40%;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.bold-panel-7-1-1 {
  z-index: 1901;
  background: url(../images/muenzstapel-1.svg) no-repeat center center;
  background-size: 80%; }

.bold-panel-7-1-2 {
  z-index: 1902;
  background: url(../images/muenzstapel-2.svg) no-repeat center center;
  background-size: 80%; }

.bold-panel-7-1-3 {
  z-index: 1903;
  background: url(../images/muenzstapel-3.svg) no-repeat center center;
  background-size: 80%; }

.bold-panel-7-1-4 {
  z-index: 1904;
  background: url(../images/muenzstapel-4.svg) no-repeat center center;
  background-size: 80%; }

.bold-panel-7-2 {
  opacity: 0;
  z-index: 1902;
  background: url(../images/bg-panel-7-2.svg) no-repeat center center;
  background-size: 25%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-7-2 {
      background-size: 50%; } }

.bold-panel-7-3 {
  z-index: 1902;
  background: url(../images/bg-panel-7-3-de.svg) no-repeat 20% 15%;
  background-size: 30%; }

.i18n-fr .bold-panel-7-3 {
  z-index: 1902;
  background: url(../images/bg-panel-7-3-fr.svg) no-repeat 20% 15%;
  background-size: 30%; }

.i18n-it .bold-panel-7-3 {
  z-index: 1902;
  background: url(../images/bg-panel-7-3-it.svg) no-repeat 20% 15%;
  background-size: 30%; }

.bold-panel-7-4 {
  z-index: 1901;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  background: url(../images/bg-panel-7-4.svg) no-repeat center center;
  background-size: 20%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-7-4 {
      background-size: 30%; } }

.bold-panel-7-5 {
  z-index: 1903;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  background: url(../images/bg-panel-7-5.svg) no-repeat center center;
  background-size: 50%; }

.bold-panel-7-5-1,
.bold-panel-7-5-1-1,
.bold-panel-7-5-1-2 {
  z-index: 1904;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  background: url(../images/abgas.svg) no-repeat center center;
  background-size: 50%; }

.bold-panel-8-0 {
  z-index: 2010;
  background: url(../images/briefRot.svg) no-repeat center center;
  background-size: contain; }

.bold-panel-9-0 {
  z-index: 2002;
  background-image: url(../images/bg-panel-1-0-new.svg);
  background-repeat: repeat-x;
  background-position: 0 bottom;
  background-size: auto; }

.bold-panel-9-1,
.bold-panel-9-1-1 {
  z-index: 2000;
  background: #fff url(../images/bg-panel-1-1.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto; }

.bold-panel-9-0-1 {
  z-index: 2002;
  background-image: url(../images/bg-panel-1-0-new.svg);
  background-repeat: repeat-x;
  background-position: 0 bottom;
  background-size: auto; }

.bold-panel-9-0-2 {
  z-index: 2030;
  width: 100%;
  background: url(../images/bg-panel-9-2.svg) no-repeat center bottom;
  background-size: 15%; }

.bold-panel-9-0-2 {
  z-index: 2030;
  width: 100%;
  background-image: url(../images/briefkasten-neu.svg), url(../images/bg-panel-9-2-ie.png);
  background-repeat: no-repeat, repeat-y;
  background-position: center center, center bottom;
  background-size: 15%, auto; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bold-panel-9-0-2 {
      background-image: url(../images/briefkasten-neu.svg), url(../images/bg-panel-9-2-ie.png);
      background-size: 15%, auto; } }

.bold-panel-9-0-2-1 {
  z-index: 2031;
  width: 100%;
  background-image: url(../images/briefkasten-neu-hebel.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15%; }

.bold-panel-9-2-1 {
  z-index: 2003;
  width: 100%;
  background: url(../images/bg-panel-9-2-1.svg) no-repeat center center;
  background-size: 20%; }

.bold-panel-9-3 {
  z-index: 2020;
  background: #fff; }

.bold-panel-9-3-1 {
  z-index: 2035;
  background: url(../images/zahlen-300.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-9-3-2 {
  z-index: 2034;
  background: url(../images/zahlen-280.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-9-3-3 {
  z-index: 2033;
  background: url(../images/zahlen-260.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-9-3-4 {
  z-index: 2032;
  background: url(../images/zahlen-240.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-9-3-5 {
  z-index: 2022;
  background: url(../images/bg-panel-9-3-new-de.svg) no-repeat center center;
  background-size: auto; }

.i18n-fr .bold-panel-9-3-5 {
  z-index: 2022;
  background: url(../images/bg-panel-9-3-new-fr.svg) no-repeat center center;
  background-size: auto; }

.i18n-it .bold-panel-9-3-5 {
  z-index: 2022;
  background: url(../images/bg-panel-9-3-new-it.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-9-3-8 {
  z-index: 2022;
  opacity: 0;
  background: url(../images/bg-panel-9-3-final-text-de.svg) no-repeat center center;
  background-size: auto; }

.i18n-fr .bold-panel-9-3-8 {
  z-index: 2022;
  opacity: 0;
  background: url(../images/bg-panel-9-3-final-text-fr.svg) no-repeat center center;
  background-size: auto; }

.i18n-it .bold-panel-9-3-8 {
  z-index: 2022;
  opacity: 0;
  background: url(../images/bg-panel-9-3-final-text-it.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-9-3-6 {
  z-index: 2022;
  background: url(../images/bg-panel-9-3-6.svg) no-repeat center center;
  background-size: auto; }

.bold-panel-9-3-7 {
  z-index: 3000;
  background: url(../images/item-geschenk-klein.png) no-repeat center center;
  background-size: 100%;
  background-size: 5%; }

/*------------------------------------*\
    FORM 
\*------------------------------------*/
.form-actions {
  text-align: center; }

.webform-component-file label {
  text-align: center !important;
  width: 100%;
  float: left;
  display: block; }

.webform-component--zwischentitel {
  text-align: left;
  margin-bottom: 0.93em;
  font-size: 32px;
  line-height: 40px;
  background: url(../images/form-bg--brief.png) no-repeat center top;
  padding-top: 200px;
  margin-top: 0;
  font-family: "Tisa","Times","sans-serif";
  font-weight: inherit;
  color: #DA2425; }

.webform-component-radios {
  margin-bottom: 50px; }

@media only screen and (min-width: 768px) {
  .webform-component--question-1,
  .webform-component--question-2,
  .webform-component--question-3 {
    margin-bottom: 60px !important; }

  .webform-component--question-1 .form-required,
  .webform-component--question-2 .form-required,
  .webform-component--question-3 .form-required {
    position: relative !important;
    right: 0 !important; }

  .webform-component--question-1 label,
  .webform-component--question-2 label,
  .webform-component--question-3 label {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0;
    margin-bottom: 20px; } }
.webform-component--question-1 label,
.webform-component--question-2 label,
.webform-component--question-3 label {
  font-size: 20px !important; }

@media (min-width: 1020px) {
  .node-webform .md-w-2\/3 {
    width: 100% !important; } }
.bold-text--subtitle {
  float: left;
  width: 100%;
  font-family: "MobiliarRealist", Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 20px; }

/*------------------------------------*\
    $MOBILE 
\*------------------------------------*/
.bold-mobile--scene {
  display: none; }

.bold-mobile__intro {
  padding-top: 120px; }

.bold-mobile--scene img {
  margin: 40px 0; }

.bold-mobile-scene-4 img {
  margin: 0; }

.bold-text--note {
  float: left;
  width: 100%;
  color: #000;
  font-weight: bold;
  margin-bottom: 25px; }

.bold-img--paket {
  margin: 0 auto;
  margin-bottom: 50px; }

.bold-mobile--scene .bold-icon--phone {
  float: left;
  width: 100%;
  height: 100px;
  margin-bottom: 50px;
  background: url(../images/phone-icon.svg) no-repeat center center;
  background-size: contain; }

.bold-mobile--scene .bold-intro__heading {
  font-size: 30px;
  margin-top: 70px; }

.bold-mobile-img--intro {
  float: left;
  width: 100%;
  height: 100px;
  background: url(../images/mobile-bg-scene-intro.png) no-repeat center center;
  background-size: contain;
  margin-bottom: 40px; }

.bold-mobile--scene .bold-arrow {
  margin: 40px 0 60px; }

.bold-h2 {
  float: left;
  width: 100%;
  margin-bottom: 30px; }

@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .l-footer {
    display: block; }

  .bold-img--paket {
    margin-top: 50px; }

  .bold-mobile--scene,
  .bold-panel-outro,
  div#bold-pinContainer {
    display: block !important;
    float: left;
    width: 100%;
    position: relative; }

  .bold-panel-outro {
    margin-top: 30px;
    border-top: none; }

  section.bold-panel-intro {
    display: none; } }
@media only screen and (max-width: 48em) and (orientation: portrait) {
  div#bold-pinContainer {
    display: none !important; }

  h3.bold-text--center {
    text-align: left; }

  .bold-last-text {
    margin-bottom: 30px; } }
.bold-panel {
  display: none; }

.btn--c2a {
  color: #fff !important;
  margin: 0.5rem 0 2rem;
  display: inline-block;
  overflow: hidden;
  padding: 11px 19px;
  color: inherit;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: inherit;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #DA2425;
  cursor: pointer;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }

.btn--c2a:hover {
  background-color: #f22727; }

/**
 * Nav styles;
 */
/**
 * Objects and abstractions
 */
/**
 * Thirdparty styles
 */
/**
 * Sections
 */