/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_contentratingextbase" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-content-rating-extbase table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-content-rating-extbase table th {
		font-weight:bold;
	}

	.tx-content-rating-extbase table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}


.tx-contentrating-pi1{position:relative;max-width:240px}
.tx-content-rating-rate-wrapper{position:relative;z-index:31;width:100%;height:22px;margin-left:55px;max-width:128px;cursor:pointer}
.tx-content-rating-rate-full{position:absolute;height:22px;width:100%;background-image:url('../../../typo3conf/ext/content_rating_extbase/Resources/Public/star_inactive.png')}
.tx-content-rating-rate-value{position:absolute;height:22px;width:0;background-image:url('../../../typo3conf/ext/content_rating_extbase/Resources/Public/star_active.png');-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-ms-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}
.tx-content-rating-text-wrapper{position:relative;margin-top:10px}
.tx-content-rating-text-left{float:left}
.tx-content-rating-text-right{float:right}
.tx-content-rating-clear{height:0;font-size:0;line-height:0;clear:both}
.tx-content-rating-line-wrapper{position:relative;z-index:30;height:8px;margin-top:-4px}
.tx-content-rating-line-sep-big{display:none}
.tx-content-rating-line-sep-small{display:none}
.tx-content-rating-mouse-wrapper{position:absolute;width:100%}
.tx-content-rating-mouse-sep{position:absolute;height:22px;opacity:0;background-image:url('../../../typo3conf/ext/content_rating_extbase/Resources/Public/star_hover.png')}
.tx-content-rating-mouse-sep:hover{opacity:1}
.tx-content-rating-mouse-hint{display:none}
div.tx-contentrating-pi1 h3 {text-align:center}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure,
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-weight: 300;
}
body {
  line-height: 140%;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
:focus-visible {
  outline: 2px solid #014587 !important;
  outline-offset: 2px;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  text-align: left;
  vertical-align: top;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.nofilter {
  -webkit-filter: none;
  /* Chrome, Safari, Opera */
  filter: none;
}
.shadow {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.invisible {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  display: none;
}
.horizonalCenter {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.centerCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.divider {
  height: 0;
  display: block;
  width: 3em;
  text-align: left;
  margin: 1.5em 0 1.5em -0.5em;
  background: none;
  border-top: 3px solid #000000;
}
.dividersmall {
  height: 0;
  display: block;
  width: 24px;
  text-align: left;
  margin: 0.5em 0 0.5em -3px;
  background: none;
  border: 1px solid #000000;
}
.button {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
.button-inverse {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  color: white !important;
  background: #4a4a49 !important;
}
.button-gold {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  color: white !important;
  background: #a59478 !important;
  border: 2px solid #a59478;
}
.button-darkgray {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  color: white !important;
  background: #555555 !important;
  border: 2px solid #555555;
}
.button-green {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: white !important;
  background: #a0bb2c !important;
  border: 2px solid #a0bb2c;
}
.button-blue-lg {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: auto;
  padding: .5em 2em;
  text-transform: none;
  color: white !important;
  background: #024486 !important;
  border: 2px solid #024486;
}
.button-gold-lg {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: auto;
  padding: .5em 2em;
  text-transform: none;
  color: white !important;
  background: #a59478 !important;
  border: 2px solid #a59478;
}
.button-green-lg {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: auto;
  padding: .5em 2em;
  text-transform: none;
  color: white !important;
  background: #a0bb2c !important;
  border: 2px solid #a0bb2c;
}
.button-blue {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  color: white !important;
  background: #697185 !important;
  border: 2px solid #697185;
}
.button-black {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  color: white !important;
  background: #000000 !important;
  border: 2px solid #000000;
}
.button-yellow {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: #4a4a49 !important;
  background: #ffe448 !important;
  border: 2px solid #ffe448;
}
.button-red {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: white !important;
  background: #eb5c5b !important;
  border: 2px solid #eb5c5b;
}
.button-darkred {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: white !important;
  background: #7f0d19 !important;
  border: 2px solid #7f0d19;
}
.button-big {
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: 1em;
  text-transform: none;
}
.button-gold.button-big {
  padding: .66em 1em .85em;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .button-gold.button-big {
    padding: .3em 1em .5em;
  }
}
.button-white-solid {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: #000000 !important;
  background: white !important;
  border: 2px solid white;
}
.fillContainer {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.breakout {
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.bottom {
  vertical-align: bottom !important;
}
.fluid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.fluid.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.fluid > * {
  float: left;
}
.fluid.grid2 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.fluid.grid3 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.fluid.max1 {
  margin-left: 0;
  margin-right: 0;
}
.fluid.max1 > * {
  padding: 0;
}
.fluid.max1 > * {
  width: 100%;
}
.fluid.max2 > * {
  width: 50%;
}
.fluid.max2.min2 > * {
  width: 50% !important;
}
.fluid.max3 > * {
  width: 33.33333333%;
}
.fluid.max4 > * {
  width: 25%;
}
.fluid.max4.min4 > * {
  width: 25% !important;
}
.fluid.max5 > * {
  width: 20%;
}
.fluid.max6 > * {
  width: 16.66666667%;
}
.fluid.max7 > * {
  width: 14.28571429%;
}
.fluid.max8 > * {
  width: 12.5%;
}
.fluid.flex.max5 > * {
  flex: 1 0 20%;
  max-width: 20%;
}
.fluid.flex.max4 > * {
  flex: 1 0 25%;
  max-width: 25%;
}
.fluid.flex.max4.min4 > * {
  flex: 1 0 25% !important;
  max-width: 25% !important;
}
.fluid.flex.max3 > * {
  flex: 1 0 33.33333333%;
  max-width: 33.33333333%;
}
.fluid.flex.max2 > * {
  flex: 1 0 50%;
  max-width: 50%;
}
.fluid.flex.max2.min2 > * {
  flex: 1 0 50% !important;
  max-width: 50% !important;
}
.fluid.flex.max1 > * {
  flex: 1 0 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .fluid.max2 > * {
    width: 50%;
  }
  .fluid.max2 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max3 > * {
    width: 33.33333333%;
  }
  .fluid.max3 > *:nth-child(3n+1) {
    clear: both;
  }
  .fluid.max4 > * {
    width: 25%;
  }
  .fluid.max4 > *:nth-child(4n+1) {
    clear: both;
  }
  .fluid.max5 > * {
    width: 20%;
  }
  .fluid.max5 > *:nth-child(5n+1) {
    clear: both;
  }
  .fluid.max6 > * {
    width: 16.66666667%;
  }
  .fluid.max6 > *:nth-child(6n+1) {
    clear: both;
  }
  .fluid.max7 > * {
    width: 20%;
  }
  .fluid.max8 > * {
    width: 20%;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .fluid.max2 > * {
    width: 50%;
  }
  .fluid.max2 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max3 > * {
    width: 33.33333333%;
  }
  .fluid.max3 > *:nth-child(3n+1) {
    clear: both;
  }
  .fluid.max4 > * {
    width: 25%;
  }
  .fluid.max4 > *:nth-child(4n+1) {
    clear: both;
  }
  .fluid.max5 > * {
    width: 20%;
  }
  .fluid.max5 > *:nth-child(5n+1) {
    clear: both;
  }
  .fluid.max6 > * {
    width: 16.66666667%;
  }
  .fluid.max6 > *:nth-child(6n+1) {
    clear: both;
  }
  .fluid.max7 > * {
    width: 20%;
  }
  .fluid.max8 > * {
    width: 20%;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .fluid.max2.col7525 > *:nth-child(odd) {
    width: 75%;
  }
  .fluid.max2.col7525 > *:nth-child(even) {
    width: 25%;
  }
  .fluid.max2.col6633 > *:nth-child(odd) {
    width: 66.66666667%;
  }
  .fluid.max2.col6633 > *:nth-child(even) {
    width: 33.33333333%;
  }
  .fluid.max2.col6633.flex > *:nth-child(odd) {
    flex: 1 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .fluid.max2.col6633.flex > *:nth-child(even) {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .fluid.max2.col3366 > *:nth-child(odd) {
    width: 33.33333333%;
  }
  .fluid.max2.col3366 > *:nth-child(even) {
    width: 66.66666667%;
  }
  .fluid.max2.col2575 > *:nth-child(odd) {
    width: 25%;
  }
  .fluid.max2.col2575 > *:nth-child(even) {
    width: 75%;
  }
  .fluid.max2.col4258 > *:nth-child(odd) {
    width: 42%;
  }
  .fluid.max2.col4258 > *:nth-child(even) {
    width: 58%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .fluid.max2.min3366 > *:nth-child(odd) {
    width: 33.33333333% !important;
  }
  .fluid.max2.min3366 > *:nth-child(even) {
    width: 66.66666667% !important;
  }
}
@media only screen and (max-width: 479px) {
  .fluid.max2.min3366 > *:nth-child(odd) {
    width: 40% !important;
  }
  .fluid.max2.min3366 > *:nth-child(even) {
    width: 60% !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .fluid.max3.col255025 > *:nth-child(3n+1) {
    width: 25%;
  }
  .fluid.max3.col255025 > *:nth-child(3n+2) {
    width: 55%;
  }
  .fluid.max3.col255025 > *:nth-child(3n+3) {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .fluid.max3.col255025 > *:nth-child(3n+1) {
    width: 33%;
  }
  .fluid.max3.col255025 > *:nth-child(3n+2) {
    width: 66%;
  }
  .fluid.max3.col255025 > *:nth-child(3n+3) {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .fluid.max3.col255025 > * {
    width: 100% !important;
  }
  .fluid.max3.col255025.min2 > * {
    width: 50% !important;
  }
  .fluid.max3.col255025.min4 > * {
    width: 25% !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .fluid.max3.col502525 > *:nth-child(3n+1) {
    width: 55%;
  }
  .fluid.max3.col502525 > *:nth-child(3n+2) {
    width: 25%;
  }
  .fluid.max3.col502525 > *:nth-child(3n+3) {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .fluid.max3.col502525 > * {
    width: 50%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .fluid.max3.col502525 > * {
    width: 100% !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .fluid.max3.min2 > * {
    width: 50% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .fluid.max2 > * {
    width: 50%;
  }
  .fluid.max2.ipad1 > * {
    width: 100%;
  }
  .fluid.max3 > * {
    width: 33.33333333%;
  }
  .fluid.max3 > *:nth-child(3n+1) {
    clear: both;
  }
  .fluid.max4 > * {
    width: 25%;
  }
  .fluid.max4 > *:nth-child(4n+1) {
    clear: both;
  }
  .fluid.max5 > * {
    width: 33.33333333%;
  }
  .fluid.max5 > *:nth-child(3n+1) {
    clear: both;
  }
  .fluid.max6 > * {
    width: 25%;
  }
  .fluid.max7 > * {
    width: 25%;
  }
  .fluid.max8 > * {
    width: 33.33333333%;
  }
  .fluid.flex.max5 > * {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .fluid.flex.max4 > * {
    flex: 1 0 25%;
    max-width: 25%;
  }
  .fluid.flex.max3 > * {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .fluid.flex.max2 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .fluid.max2 > * {
    width: 100%;
  }
  .fluid.max3 > * {
    width: 50%;
  }
  .fluid.max3 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max4 > * {
    width: 50%;
  }
  .fluid.max4 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max5 > * {
    width: 33.33333333%;
  }
  .fluid.max5 > *:nth-child(3n+1) {
    clear: both;
  }
  .fluid.max6 > * {
    width: 50%;
  }
  .fluid.max6 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max7 > * {
    width: 50%;
  }
  .fluid.max7 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max8 > * {
    width: 33.33333333%;
  }
  .fluid.max8 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.flex.max5 > * {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .fluid.flex.max4 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .fluid.flex.max3 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .fluid.flex.max2 > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .fluid.max2 > * {
    width: 100%;
  }
  .fluid.max3 > * {
    width: 100%;
  }
  .fluid.max3 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max4 > * {
    width: 50%;
  }
  .fluid.max4 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max5 > * {
    width: 50%;
  }
  .fluid.max5 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max6 > * {
    width: 50%;
  }
  .fluid.max6 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max7 > * {
    width: 50%;
  }
  .fluid.max7 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.max8 > * {
    width: 50%;
  }
  .fluid.max8 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.min1 > * {
    width: 100% !important;
  }
  .fluid.min1 > *:nth-child(odd) {
    clear: both;
  }
  .fluid.flex.max5 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .fluid.flex.max4 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .fluid.flex.max3 > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .fluid.flex.max2 > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.fluid > * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 0.5rem 1rem 0.5rem;
}
.fluid.grid-half > * {
  padding: 0 0.25rem 0.5rem 0.25rem;
}
.fluid.grid2 > * {
  padding: 0 1rem 2rem 1rem;
}
.fluid.grid3 > * {
  padding: 0 1.5rem 3rem 1.5rem;
}
.fluid .fluid > * {
  padding-bottom: 0 !important;
}
.fluid.nogrid {
  margin-left: auto;
  margin-right: auto;
}
.fluid.nogrid > * {
  padding: 0;
}
.fluid:after {
  content: "";
  display: block;
  clear: both;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: end !important;
}
.flickity-layout.flickity-layout1 .flickity {
  overflow: hidden;
  height: 303px;
}
@media only screen and (max-width: 979px) {
  .flickity-layout.flickity-layout1 .flickity {
    height: 230px;
  }
}
.flickity-layout.flickity-layout1 .flickity.flickity-enabled {
  height: auto !important;
}
.flickity-layout.flickity-layout2 .flickity {
  overflow: hidden;
  height: 316px;
}
@media only screen and (max-width: 979px) {
  .flickity-layout.flickity-layout2 .flickity {
    height: 230px;
  }
}
.flickity-layout.flickity-layout2 .flickity.flickity-enabled {
  height: auto !important;
}
.testimonials [data-flickity] {
  height: 306px;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .testimonials [data-flickity] {
    height: 422px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  .testimonials [data-flickity] {
    height: 272px;
  }
}
.testimonials [data-flickity].flickity-enabled {
  height: auto !important;
  overflow: visible;
}
.conversion-chat-form-container {
  display: none;
}
div.tx-werit-products {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  div.tx-werit-products {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.header2021-layout div.tx-werit-products {
  max-width: 1300px;
  padding-left: 1rem;
  padding-right: 1rem;
}
div.tx-contentrating-pi1 {
  max-width: none;
  border-top: 1px solid #d9dbda;
  border-bottom: 1px solid #d9dbda;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 4rem;
}
div.tx-contentrating-pi1 h3 {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  margin-left: .5rem;
  text-align: left !important;
  float: left;
  width: 40%;
}
@media only screen and (max-width: 479px) {
  div.tx-contentrating-pi1 h3 {
    float: none;
    width: 100%;
    margin-left: 0;
    text-align: center !important;
  }
}
div.tx-contentrating-pi1 div[itemprop="aggregateRating"] {
  float: right;
  width: 50%;
  text-align: right;
}
@media only screen and (max-width: 479px) {
  div.tx-contentrating-pi1 div[itemprop="aggregateRating"] {
    float: none;
    margin-top: .5rem;
    width: 100%;
    margin-left: 0;
    text-align: center !important;
  }
}
div.tx-contentrating-pi1 .tx-content-rating-rate-wrapper {
  margin: 0 !important;
  display: inline-block;
}
div.tx-contentrating-pi1 .tx-content-rating-text-wrapper {
  margin: 0 0 0 1rem !important;
  font-size: .8rem;
  display: inline-block;
}
div.tx-contentrating-pi1:after {
  content: "";
  display: block;
  clear: both;
}
.tx-content-rating-line-wrapper {
  display: none !important;
}
.tx-content-rating-mouse-sep,
.tx-content-rating-rate-value,
.tx-content-rating-rate-full {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/testimonial-sterne.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 128px !important;
  background-position: left center !important;
}
.tx-content-rating-rate-full {
  opacity: .7 !important;
}
.tx-content-rating-rate-value {
  opacity: .8 !important;
}
.tx-content-rating-text-left,
.tx-content-rating-text-right {
  float: none !important;
  display: inline-block !important;
  padding-right: .5rem !important;
}
.tx-content-rating-text-right {
  display: none !important;
}
.content-rating-footer {
  margin-bottom: 2rem;
}
/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
@-ms-viewport {
  width: device-width;
}
*/
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
.row,
.container,
.container-fluid {
  box-sizing: border-box;
}
.row *,
.container *,
.container-fluid * {
  box-sizing: border-box;
}
.container {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 480px) {
  .container {
    max-width: none;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: none;
  }
}
@media (min-width: 980px) {
  .container {
    max-width: none;
  }
}
@media (min-width: 1081px) {
  .container {
    max-width: 1300px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.half-gutters {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media only screen and (max-width: 979px) {
  .half-gutters {
    margin-right: -0.33333333rem;
    margin-left: -0.33333333rem;
  }
}
.margin-bottom-grid {
  margin-bottom: 2rem;
}
.half-gutters .margin-bottom-grid {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 979px) {
  .half-gutters .margin-bottom-grid {
    margin-bottom: 0.66666667rem;
  }
}
.half-gutters > .col,
.half-gutters > [class*="col-"] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
@media only screen and (max-width: 979px) {
  .half-gutters > .col,
  .half-gutters > [class*="col-"] {
    padding-right: 0.33333333rem;
    padding-left: 0.33333333rem;
  }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 480px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 980px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1081px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 480px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 980px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1081px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 480px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 980px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1081px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 31, 2016 */
/*
@font-face {
  font-family: 'vcr_osd_monoregular';
  src: url('/typo3conf/ext/onepager/Resources/Public/Fonts/vcr_osd_mono_1.001-webfont.eot');
  src: url('/typo3conf/ext/onepager/Resources/Public/Fonts/vcr_osd_mono_1.001-webfont.eot?#iefix') format('embedded-opentype'),
  url('/typo3conf/ext/onepager/Resources/Public/Fonts/vcr_osd_mono_1.001-webfont.woff2') format('woff2'),
  url('/typo3conf/ext/onepager/Resources/Public/Fonts/vcr_osd_mono_1.001-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*/
/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers.
You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software.
Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com
*/
@font-face {
  font-family: 'fs_joeymedium';
  src: url("/typo3conf/ext/onepager/Resources/Public/Fonts/JoeyFS/5964129/a5d36d5b-6b61-439b-b686-40b1387cb02c.woff2") format("woff2"), url("/typo3conf/ext/onepager/Resources/Public/Fonts/JoeyFS/5964129/4dd567e5-9346-47c1-9022-eb9fea117887.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'fs_joeyregular';
  src: url("/typo3conf/ext/onepager/Resources/Public/Fonts/JoeyFS/5964096/7b244774-7789-4e31-8f55-51f7ebc5c9e5.woff2") format("woff2"), url("/typo3conf/ext/onepager/Resources/Public/Fonts/JoeyFS/5964096/fd014cf1-3cd4-4ff2-aad7-124f236d9040.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'fs_joeybold';
  src: url("/typo3conf/ext/onepager/Resources/Public/Fonts/JoeyFS/5964157/ef845fea-4fed-424a-b908-94ec9301f2e5.woff2") format("woff2"), url("/typo3conf/ext/onepager/Resources/Public/Fonts/JoeyFS/5964157/8ec08a3f-bbb6-491d-9e17-0f2d2ea9b2f3.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'fs_joeylight';
  src: url("/typo3conf/ext/onepager/Resources/Public/Fonts/JoeyFS/5964077/8b3ff5bb-981f-44b9-ae3b-6a4a7793cb35.woff2") format("woff2"), url("/typo3conf/ext/onepager/Resources/Public/Fonts/JoeyFS/5964077/94db35ad-c5e1-472e-95d2-2405f5c1193c.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'VeneerTwo';
  src: url('/typo3conf/ext/onepager/Resources/Public/Fonts/VeneerTwo/font.woff2') format('woff2'), url('/typo3conf/ext/onepager/Resources/Public/Fonts/VeneerTwo/font.woff') format('woff');
  font-display: swap;
}
.light {
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
}
.regular {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
}
.medium {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.bold {
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
}
.upper {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.size-1 {
  font-size: .8rem;
}
.size0 {
  font-size: 1rem;
}
.size1 {
  font-size: 1.1rem;
  line-height: 1.4em;
}
.size1-3 {
  font-size: 1.3rem;
}
@media only screen and (max-width: 479px) {
  .size1-3 {
    font-size: 1.1rem;
  }
}
.size2 {
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  .size2 {
    font-size: 1.1rem;
  }
}
.size3 {
  font-size: 2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  .size3 {
    font-size: 1.5rem;
  }
}
.size4 {
  font-size: 2.7rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .size4 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .size4 {
    font-size: 2.4rem;
  }
}
.size5 {
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .size5 {
    font-size: 2rem;
  }
}
.size6 {
  font-size: 3.7rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .size6 {
    font-size: 2rem;
  }
}
.size10 {
  font-size: 10rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .size10 {
    font-size: 8rem;
  }
}
@font-face {
  font-family: 'silatec';
  src: url('/typo3conf/ext/onepager/Resources/Public/Fonts/silatec.ttf') format('truetype'), url('/typo3conf/ext/onepager/Resources/Public/Fonts/silatec.woff') format('woff'), url('/typo3conf/ext/onepager/Resources/Public/Fonts/silatec.svg#silatec') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icon:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-panic_door_icon:before {
  content: "\e900";
}
.icon-dowload_icon:before {
  content: "\e901";
}
@media only screen and (max-width: 479px) {
  .icon-dowload_icon:before {
    font-size: 1.5em;
  }
}
.icon-alarm:before {
  content: "\e902";
}
.icon-anti_reflictive:before {
  content: "\e903";
}
.icon-antireflictive:before {
  content: "\e904";
}
.icon-beschuss:before {
  content: "\e905";
  font-size: .7em;
}
.icon-brand:before {
  content: "\e906";
}
.icon-dunn:before {
  content: "\e907";
}
.icon-einbruch:before {
  content: "\e908";
}
.icon-energieeffiezienz:before {
  content: "\e909";
}
.icon-farbneutral:before {
  content: "\e90a";
}
.icon-geringes_gewicht:before {
  content: "\e90b";
}
.icon-massanfertigung:before {
  content: "\e90c";
}
.icon-schall:before {
  content: "\e90d";
}
.icon-sonne:before {
  content: "\e90e";
}
.icon-sprengstoff:before {
  content: "\e90f";
}
.icon-variable_form:before {
  content: "\e910";
  font-size: .7em;
}
.icon-elephant:before {
  content: "\e911";
}
.icon-kampfmittel:before {
  content: "\e912";
}
.icon-mobile_ballistic:before {
  content: "\e913";
}
.icon-panic_door:before {
  content: "\e914";
}
.icon-schalter:before {
  content: "\e915";
}
.icon-show_case:before {
  content: "\e916";
}
.icon-step_tec:before {
  content: "\e917";
}
.icon-ak47:before {
  content: "\e918";
  font-size: 1.5em;
}
.icon-br1:before {
  content: "\e919";
  font-size: .5em;
}
.icon-br2:before {
  content: "\e91a";
  font-size: .7em;
}
.icon-br3:before {
  content: "\e91b";
}
.icon-br4:before {
  content: "\e91c";
  font-size: 1.2em;
}
.icon-br5:before {
  content: "\e91d";
  font-size: 1.3em;
}
.icon-br6_7:before {
  content: "\e91e";
  font-size: 1.4em;
}
.icon-druganov:before {
  content: "\e91f";
  font-size: 1.5em;
}
.icon-sg1_sg2:before {
  content: "\e920";
  font-size: 1.5em;
}
.icon-pfeil:before {
  content: "\e921";
}
.icon-private_protection:before {
  content: "\e922";
}
.icon-art_protect:before {
  content: "\e923";
}
.icon-sg1_sg22:before {
  content: "\e952";
  font-size: 1.25em;
}
.icon-druganov2:before {
  content: "\e955";
  font-size: 1.5em;
}
.icon-br6:before {
  content: "\e95d";
  font-size: 1.6em;
}
.icon-br52:before {
  content: "\e963";
  font-size: 1.1em;
}
.icon-br42:before {
  content: "\e966";
  font-size: 1.35em;
}
.icon-br32:before {
  content: "\e96c";
  font-size: 1.3em;
}
.icon-br22:before {
  content: "\e96d";
}
.icon-br12:before {
  content: "\e96e";
  font-size: .9em;
}
.icon-ak472:before {
  content: "\e96f";
  font-size: 1.7em;
}
.icon-menue:before {
  content: "\e924";
}
.icon-br_hartkern:before {
  content: "\e925";
  font-size: 1.3em;
}
.icon-br_vollmantel:before {
  content: "\e926";
  font-size: 1.3em;
}
.icon-drugano_hartkern_brand:before {
  content: "\e927";
  font-size: 1.5em;
}
.icon-druganov_stahl:before {
  content: "\e928";
  font-size: 1.5em;
}
.icon-ak_47_hartkern_brand:before {
  content: "\e929";
  font-size: 1.45em;
}
.icon-ak_47_eisenkern:before {
  content: "\e92a";
  font-size: 1.45em;
}
.icon-mag:before {
  content: "\e92b";
}
.icon-mag2:before {
  content: "\e92c";
}
.icon-conversion_haken_ende_bestellung:before {
  content: "\e92d";
}
.icon-conversion_haken_glassmuster:before {
  content: "\e92e";
}
.icon-conversion_Glasmuster:before {
  content: "\e92f";
}
.icon-video_icon:before {
  content: "\e930";
}
.icon-lexikon_icon:before {
  content: "\e931";
}
.icon-haus_conversion:before {
  content: "\e932";
}
.icon-pfeil_links_rechts:before {
  content: "\e933";
}
.icon-play_buton:before {
  content: "\e934";
}
.icon-nachruestung:before {
  content: "\e935";
}
.icon-pfeil_refernzen:before {
  content: "\e936";
}
.icon-pfeil_refernzen2:before {
  content: "\e938";
}
.icon-quadrate_refernzen:before {
  content: "\e937";
}
.icon-download:before {
  content: "\e939";
}
.icon-M16:before {
  content: "\e93a";
  font-size: 2em;
}
.icon-icon_led:before {
  content: "\e93b";
}
.icon-raute_fischtank:before {
  content: "\e940";
}
.icon-ring_1:before {
  content: "\e941";
}
.icon-ring_2:before {
  content: "\e942";
}
.icon-ring_3:before {
  content: "\e943";
}
.icon-telefon:before {
  content: "\e944";
}
.icon-mail:before {
  content: "\e945";
}
.icon-sprtechblase:before {
  content: "\e946";
}
.icon-alarm_new:before {
  content: "\e947";
}
.icon-elephant_new:before {
  content: "\e948";
}
.icon-entspielget:before {
  content: "\e949";
}
.icon-ballistic:before {
  content: "\e94a";
}
.icon-led:before {
  content: "\e94b";
}
.icon-ausgang:before {
  content: "\e94c";
}
.icon-uxo:before {
  content: "\e94d";
}
.icon-glasecke:before {
  content: "\e94e";
}
.icon-vitrine:before {
  content: "\e94f";
}
.icon-patron_3:before {
  content: "\e956";
}
.icon-patron_1:before {
  content: "\e95c";
}
.icon-patron_2:before {
  content: "\e95e";
}
.icon-schalter_new:before {
  content: "\e93c";
}
.icon-submenu:before {
  content: "\e93d";
}
.icon-home_pfeil:before {
  content: "\e93e";
}
.icon-download_2:before {
  content: "\e93f";
}
.icon-pfeil_inhalt:before {
  content: "\e950";
}
.icon-pfeil_legende:before {
  content: "\e951";
  font-size: .8em;
}
.icon-plus:before {
  content: "\e953";
}
.icon-minus:before {
  content: "\e954";
}
.icon-top:before {
  content: "\e957";
}
.icon-API:before {
  content: "\e958";
  font-size: 1.8em;
}
.icon-15x114mmpatrone:before {
  content: "\e961";
  font-size: 1.8em;
}
.icon-137mm_spezial_munition .path1:before {
  content: "\e962";
}
.icon-137mm_spezial_munition .path2:before {
  content: "\e964";
  margin-left: -0.1923828125em;
}
.icon-137mm_spezial_munition .path3:before {
  content: "\e965";
  margin-left: -0.1923828125em;
}
.icon-137mm_spezial_munition .path4:before {
  content: "\e967";
  margin-left: -0.1923828125em;
}
.icon-137mm_spezial_munition .path5:before {
  content: "\e968";
  margin-left: -0.1923828125em;
}
.icon-137mm_spezial_munition .path6:before {
  content: "\e969";
  margin-left: -0.1923828125em;
  color: #3a7e99;
}
.icon-137mmspezial:before {
  content: "\e96a";
  font-size: 2.5em;
}
.icon-level1:before {
  content: "\e96b";
}
.icon-osw-96_level6:before {
  content: "\e972";
  font-size: 1.8em;
}
.icon-shield:before {
  content: "\e959";
}
.icon-diamond:before {
  content: "\e95a";
}
.icon-uv_icon:before {
  content: "\e95b";
}
.icon-versicherung:before {
  content: "\e95f";
}
.icon-pfeil1:before {
  content: "\e970";
}
.icon-haken:before {
  content: "\e960";
}
html {
  -webkit-text-size-adjust: 100%;
}
html,
body,
div.content {
  min-height: 100%;
}
.skrollr-desktop body {
  height: 100% !important;
}
html {
  font-size: 18px;
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  html {
    font-size: 17px;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  html {
    font-size: 16px;
  }
}
body {
  background: #ffffff;
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  font-size: 1em;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  -webkit-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)" !important;
  filter: alpha(opacity=100) !important;
}
html[lang="ru"],
html[lang="ru-RU"],
body.lang4 {
  font-size: 16px;
}
html[lang="ru"] *,
html[lang="ru-RU"] *,
body.lang4 * {
  font-family: "Roboto" !important;
}
html[lang="ru"] .icon,
html[lang="ru-RU"] .icon,
body.lang4 .icon {
  font-family: 'silatec';
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  html[lang="ru"],
  html[lang="ru-RU"],
  body.lang4 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  html[lang="ru"],
  html[lang="ru-RU"],
  body.lang4 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  html[lang="ru"],
  html[lang="ru-RU"],
  body.lang4 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  html[lang="ru"],
  html[lang="ru-RU"],
  body.lang4 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  html[lang="ru"],
  html[lang="ru-RU"],
  body.lang4 {
    font-size: 14px;
  }
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
img.unveil {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
  filter: alpha(opacity=30);
}
img.unveiled {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
}
a {
  text-decoration: none;
  cursor: pointer;
}
a.arrow {
  text-transform: uppercase;
}
a.arrow:before {
  content: "\e921";
}
a.arrow:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.arrow:before {
  font-size: .7em;
  margin-right: 1em;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  left: 0em;
}
a:hover.arrow:before {
  left: .5em;
}
sub {
  vertical-align: baseline;
  font-size: .6em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  position: relative;
  top: .2em;
}
sup {
  vertical-align: super;
  font-size: .6em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  position: relative;
  top: -.2em;
}
hr {
  height: 0;
  display: block;
  width: 3em;
  text-align: left;
  margin: 1.5em 0 1.5em -0.5em;
  background: none;
  border-top: 3px solid #000000;
}
.div hr {
  width: 100%;
  margin: 2em 0 2em 0;
  border: 2px solid #4a4a49;
}
@media only screen and (max-width: 979px) {
  .div hr {
    border: 1px solid #4a4a49;
  }
}
.div.thick hr {
  border: 4px solid #4a4a49;
  border-left: 0;
  border-right: 0;
  margin: 1em 0 1em 0;
}
.text-left,
.align-left {
  text-align: left !important;
}
.text-center,
.align-center {
  text-align: center !important;
}
.text-right,
.align-right {
  text-align: right !important;
}
p {
  padding-top: .3em;
  padding-bottom: .3em;
}
td,
th,
p,
p.bodytext,
.bodytext {
  font-size: 1.1rem;
  line-height: 1.4em;
}
body,
a {
  color: #000000;
}
b,
strong {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (max-width: 479px) {
  .phonehidden {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .phoneonly {
    display: none !important;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 980px) {
  .ipadonly {
    display: none !important;
  }
}
@media only screen and (max-width: 979px) {
  .desktoponly {
    display: none !important;
  }
}
@media only screen and (min-width: 980px) {
  .mobileonly {
    display: none !important;
  }
}
.maxwidthMenu {
  max-width: 1200px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .maxwidthMenu {
    max-width: 904px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  .maxwidthMenu {
    max-width: 1024px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 979px) {
  .maxwidthMenu {
    max-width: none !important;
  }
}
.maxwidth500 {
  max-width: 500px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.maxwidth600 {
  max-width: 600px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.maxwidth640 {
  max-width: 640px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.maxwidth700 {
  max-width: 700px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.maxwidth840 {
  max-width: 840px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.maxwidth1800 {
  max-width: 1800px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.maxwidth1800 > * {
  max-width: none !important;
}
body > header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
}
body > header .header-inner {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  max-width: 1200px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  body > header .header-inner {
    max-width: 904px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  body > header .header-inner {
    max-width: 1024px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 979px) {
  body > header .header-inner {
    max-width: none !important;
  }
}
@media only screen and (min-width: 980px) {
  body > header .header-inner {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (max-width: 979px) {
  body > header .header-inner {
    border-bottom: 1px solid #d9dbda;
  }
}
body > header .header-inner .navbar {
  background: #ffffff;
  padding: .8em .8em 0.1em .8em;
  position: relative;
}
@media only screen and (max-width: 979px) {
  body > header .header-inner .navbar {
    padding: .5em .8em 0.1em .8em;
  }
}
body > header .header-inner .navbar .logo {
  display: inline-block;
  padding: 0.3em 1.25rem 0.8em;
}
@media only screen and (max-width: 979px) {
  body > header .header-inner .navbar .logo {
    width: 7em;
    padding-left: 0;
    padding: .5em 0 .4em 0;
  }
}
body > header .header-inner .navbar a.menutrigger {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-size: 1.25rem;
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
}
body > header .header-inner .navbar a.menutrigger .icon-menue {
  padding-right: 1em;
  font-size: .9em;
}
@media only screen and (max-width: 979px) {
  body > header .header-inner .navbar a.menutrigger {
    height: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: auto;
    right: .8rem;
    top: 0;
    width: 28px;
  }
  body > header .header-inner .navbar a.menutrigger div.lines {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    background: none;
    cursor: pointer;
  }
  body > header .header-inner .navbar a.menutrigger div.lines span {
    display: block;
    background: #4a4a49;
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter: alpha(opacity=100);
    top: 11px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 28px;
  }
  body > header .header-inner .navbar a.menutrigger div.lines:before {
    content: "";
    display: block;
    background: #4a4a49;
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    top: 2px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 28px;
  }
  body > header .header-inner .navbar a.menutrigger div.lines:after {
    content: "";
    display: block;
    background: #4a4a49;
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    top: 20px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 28px;
  }
}
body > header .header-inner .navbar nav.langmenu {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: .8rem;
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
}
body > header .header-inner .navbar nav.langmenu ul li {
  display: inline-block;
}
body > header .header-inner .navbar nav.langmenu ul li a {
  text-transform: uppercase;
  margin: 0 .25em;
}
body > header .header-inner nav.mainmenu {
  background: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  display: none;
}
body > header .header-inner nav.mainmenu a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
body > header .header-inner nav.mainmenu a:hover {
  color: #646462;
}
body > header nav.callToActionButtons {
  position: absolute;
  right: 0;
  padding-right: 1.25rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 979px) {
  body > header nav.callToActionButtons {
    right: 3.5rem;
    white-space: nowrap;
  }
}
body > header nav.callToActionButtons a {
  display: inline-block;
  vertical-align: top;
  margin-left: 1rem;
}
body > header nav.callToActionButtons a i {
  font-size: 1.5rem;
}
body > header nav.callToActionButtons a.conversionToolLink {
  vertical-align: bottom;
  font-size: 1.7em;
}
body > header nav.callToActionButtons a.telephoneLink .telephoneLink--number {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  font-size: 1.5rem;
  line-height: 1.2em;
  white-space: nowrap;
  line-height: 1;
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  body > header nav.callToActionButtons a.telephoneLink .telephoneLink--number {
    font-size: 1.1rem;
  }
}
body > header nav.callToActionButtons.telephoneNumberActive a.contactLink,
body > header nav.callToActionButtons.telephoneNumberActive a.conversionToolLink {
  display: none;
}
body > header nav.callToActionButtons.telephoneNumberActive a.telephoneLink .telephoneLink--number {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
}
body > header nav.help {
  max-width: 1200px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  body > header nav.help {
    max-width: 904px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  body > header nav.help {
    max-width: 1024px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 979px) {
  body > header nav.help {
    max-width: none !important;
  }
}
body > header nav.help a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  height: 5.2rem;
  line-height: 4.2em;
  position: absolute;
  top: 0;
  display: inline-block;
  margin-left: .5rem;
  background: #4a4a49;
  width: 4.5em;
  text-align: center;
  color: white;
  font-size: 1.25rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  body > header nav.help a {
    height: 4.85rem;
    line-height: 4em;
  }
}
@media only screen and (min-width: 980px) {
  body > header nav.help a {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (min-width: 980px) and (max-width: 1230px) {
  body > header nav.help a {
    right: -1.6rem;
    top: 5.8em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 2.4rem;
    line-height: 1.9em;
  }
}
@media only screen and (max-width: 979px) {
  body > header nav.help a {
    right: 3.5em;
    width: 4.5rem;
    top: 0;
    height: 4.05rem;
    line-height: 3.3em;
    margin-right: .5rem;
  }
}
@media only screen and (min-width: 1231px) {
  html.ie body > header nav.help a {
    -webkit-transform: translate(1030px, 0);
    -moz-transform: translate(1030px, 0);
    -o-transform: translate(1030px, 0);
    -ms-transform: translate(1030px, 0);
    transform: translate(1030px, 0);
  }
}
@media only screen and (min-width: 1601px) {
  html.ie body > header nav.help a {
    -webkit-transform: translate(1206px, 0);
    -moz-transform: translate(1206px, 0);
    -o-transform: translate(1206px, 0);
    -ms-transform: translate(1206px, 0);
    transform: translate(1206px, 0);
  }
}
html[lang="ru"] > body > header nav.help a,
html[lang="ru-RU"] > body > header nav.help a,
body.lang4 > header nav.help a {
  height: 4.8rem;
  line-height: 4em;
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  html[lang="ru"] > body > header nav.help a,
  html[lang="ru-RU"] > body > header nav.help a,
  body.lang4 > header nav.help a {
    height: 5rem;
    line-height: 4em;
  }
}
@media only screen and (max-width: 979px) {
  html[lang="ru"] > body > header nav.help a,
  html[lang="ru-RU"] > body > header nav.help a,
  body.lang4 > header nav.help a {
    height: 4.3rem;
    line-height: 3.7em;
  }
}
@media only screen and (max-width: 979px) {
  body.menuactive > header {
    height: 100%;
  }
  body.menuactive > header .header-inner,
  body.menuactive > header .mainmenu {
    height: 100%;
  }
}
body.menuactive > header .mainmenu {
  overflow-x: hidden;
}
body.menuactive > header .navbar {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
body.menuactive > header nav.mainmenu {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
  display: block;
}
@media only screen and (max-width: 979px) {
  body.menuactive > header .header-inner a.menutrigger div.lines:before,
  body.menuactive > header .header-inner a.menutrigger div.lines:after {
    top: 11px !important;
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
  }
  body.menuactive > header .header-inner a.menutrigger div.lines span {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
  }
}
@media only screen and (max-width: 979px) {
  body.submenuactive header .imprint {
    display: none !important;
  }
}
html.no-touch body > header .header-inner a.menutrigger:hover div.lines:before,
html.no-touch body > header .header-inner a.menutrigger:hover div.lines:after {
  top: 6px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
html.no-touch body > header .header-inner a.menutrigger:hover div.lines span {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
html.no-touch body > header .header-inner a.menutrigger:hover > div > span {
  display: none;
}
.content a {
  color: #000000;
}
a.internal-link,
a.underline {
  text-decoration: underline;
}
.content {
  overflow-x: hidden;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  .content {
    padding-top: 3.2rem;
  }
}
.csc-header {
  padding-bottom: .5em;
}
.csc-header h1,
.csc-header h2,
.csc-header h3 {
  font-size: 2rem;
  line-height: 1.2em;
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
}
@media only screen and (max-width: 479px) {
  .csc-header h1,
  .csc-header h2,
  .csc-header h3 {
    font-size: 1.5rem;
  }
}
.csc-header h2 {
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
}
.csc-header h4,
.csc-header h5 {
  font-size: 1.5rem;
  line-height: 1.2em;
  padding-bottom: .3em;
}
@media only screen and (max-width: 479px) {
  .csc-header h4,
  .csc-header h5 {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 979px) {
  .csc-header {
    padding-bottom: .5em;
  }
}
html[lang="ru"] .csc-header h1,
html[lang="ru-RU"] .csc-header h1,
body.lang4 .csc-header h1,
html[lang="ru"] .csc-header h2,
html[lang="ru-RU"] .csc-header h2,
body.lang4 .csc-header h2,
html[lang="ru"] .csc-header h3,
html[lang="ru-RU"] .csc-header h3,
body.lang4 .csc-header h3 {
  font-size: 2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  html[lang="ru"] .csc-header h1,
  html[lang="ru-RU"] .csc-header h1,
  body.lang4 .csc-header h1,
  html[lang="ru"] .csc-header h2,
  html[lang="ru-RU"] .csc-header h2,
  body.lang4 .csc-header h2,
  html[lang="ru"] .csc-header h3,
  html[lang="ru-RU"] .csc-header h3,
  body.lang4 .csc-header h3 {
    font-size: 1.5rem;
  }
}
html[lang="ru"] .csc-header h4,
html[lang="ru-RU"] .csc-header h4,
body.lang4 .csc-header h4,
html[lang="ru"] .csc-header h5,
html[lang="ru-RU"] .csc-header h5,
body.lang4 .csc-header h5 {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "Roboto" !important;
}
@media only screen and (max-width: 479px) {
  html[lang="ru"] .csc-header h4,
  html[lang="ru-RU"] .csc-header h4,
  body.lang4 .csc-header h4,
  html[lang="ru"] .csc-header h5,
  html[lang="ru-RU"] .csc-header h5,
  body.lang4 .csc-header h5 {
    font-size: 1.1rem;
  }
}
.csc-frame-rulerAfter .csc-header {
  padding-bottom: .5rem;
  border-bottom: 1px solid #4a4a49;
  margin-bottom: 2em;
}
.csc-frame-rulerAfter .csc-header h1,
.csc-frame-rulerAfter .csc-header h2,
.csc-frame-rulerAfter .csc-header h3 {
  font-size: 1.5rem;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #4a4a49;
}
@media only screen and (max-width: 479px) {
  .csc-frame-rulerAfter .csc-header h1,
  .csc-frame-rulerAfter .csc-header h2,
  .csc-frame-rulerAfter .csc-header h3 {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 979px) {
  .csc-frame-rulerAfter .csc-header {
    border-bottom: 1px solid #4a4a49;
  }
}
.csc-textpic-border .fluid > * {
  text-align: center;
  position: relative;
  height: 5em;
}
.csc-textpic-border .fluid > * > * {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}
.csc-textpic-center {
  text-align: center;
}
.csc-textpic-center img {
  display: inline-block;
}
.csc-textpic-center .max2 img {
  width: 100%;
  max-width: none;
}
.csc-textpic-caption {
  padding: 0em 3.25rem;
  font-style: italic;
  text-align: left;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .csc-textpic-caption {
    padding: 0em 1.25rem;
  }
}
.layout-3.type-image {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .layout-3.type-image {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.layout-3.type-image .csc-textpic-caption {
  padding: 0em 0em;
  font-style: italic;
}
table {
  min-width: 99.9%;
  margin-top: 1em;
  border-collapse: collapse;
}
table caption,
table th,
table td {
  padding: .3em;
  text-align: left;
}
table td,
table th {
  border: 1px solid #d9dbda;
}
table caption {
  background: #d9dbda;
  color: #000000;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  padding: 1rem;
}
table.producttable {
  background: white;
}
table.producttable caption {
  font-size: 1.3rem;
}
@media only screen and (max-width: 479px) {
  table.producttable caption {
    font-size: 1.1rem;
  }
}
table p,
table p.bodytext {
  font-size: inherit;
  white-space: normal;
  padding: 0;
}
table.grayTable caption {
  border-left: 2px solid white;
  border-right: 2px solid white;
}
table.grayTable td,
table.grayTable th {
  border: 2px solid white;
  vertical-align: middle;
}
table.grayTable tr {
  background-color: #f2f2f2;
}
table.noBorderTable td,
table.noBorderTable th {
  border: 0 !important;
}
table.equalSpaceTable {
  table-layout: fixed;
  width: 100%;
}
.scrollabletable {
  position: relative;
  overflow: auto;
}
.scrollabletable.hasScrollbars:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 10rem;
  left: 50%;
  height: 6em;
  width: 6em;
  background: rgba(255, 255, 255, 0.95) url(/typo3conf/ext/onepager/Resources/Public/gfx/hand.svg) no-repeat center center;
  background-size: 60%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.scrollabletable.hasScrollbars.skrollable-between:before {
  position: fixed;
}
.scrollabletable.hasScrollbars.clicked:before {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.scrollabletable td,
.scrollabletable th {
  white-space: nowrap;
}
.scrollabletable .allow-wrap td,
.scrollabletable .allow-wrap th {
  white-space: normal;
}
.scrollabletable .scrollabletable-inner {
  position: relative;
}
/*
.sicherheitPreSection {

  .icon:before {
    font-size: .7em;
  }
  .icon-beschuss:before {
    font-size: .65em;
    line-height: 1.15em;
  }
}
.sicherheitPreSection {
  .type-onepager_button span.iconWrap{
    padding-bottom: 65%;
  }
}

.pre-footer{
  .type-onepager_button span.iconWrap{
      padding-bottom: 45%;

      @media @mobile{
        padding-bottom: 55%;
      }

  }
  .icon:before {
    font-size: .6em;
  }
  .icon-beschuss:before {
    font-size: .55em;
  }
}

.ie10,
.ie11 {
  .sicherheitPreSection,
  .pre-footer {
    .icon-beschuss:before{
      font-size: 2em;
    }
  }
}

.sicherheitPreSection{
  padding-top: .7rem;
}

@media @mobile {

   // mobile icons näher zusammen
  .sicherheitPreSection{
    .type-onepager_button span.iconWrap{
        padding-bottom: 55%;
    }

  }
}

.lang5{
  @media @mobile {

    // in franz mobile icons nicht zusammen
    .sicherheitPreSection{
      .type-onepager_button span.iconWrap{
        padding-bottom: 65%;
      }

      // und schrift kleiner
      .label{
        font-size: .8em;
      }

    }
  }
}

@media @pad_portrait{
  .sicherheitPreSection{
    .icon:before {
      font-size: .6em;
    }
    .icon-beschuss:before {
      font-size: .55em;
    }
    .label{
      font-size: .8em;
    }
  }
}

nav.pre-footer {
  border-top: 4px solid white;
  background: @blue;
  padding: 2rem;

  .label{
    font-size: .8em;
  }

  @media @mobile{
    padding: @border/2 0 @border/4;
  }


}


.sicherheitSection {

  @media @mobile_portrait {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }

  .csc-header * {
    color: @bluetext;
  }
}
*/
.contact .googlemaps {
  margin-top: .5em;
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .contact .colpos102 {
    padding-left: 4em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .contact .colpos102 {
    padding-left: 2em;
  }
}
.panicdoorIcon img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 84%;
  top: 45%;
}
/*
.diemauer {

  @media @desktop {
    .colpos102 {
      position: relative;
      left: -10%;
    }
  }

  @media @mobile {

    padding-top: 100% !important;
    padding-bottom: 0 !important;

    background-image: url(/fileadmin/user_upload/Home/Scheibe_bg_mobile.jpg) !important;

    &.bgcover {
      background-size: contain !important;
    }

    background-position: top !important;

    .colpos102 {
      background: @blue;
      padding: (@grid*4) (@grid*2);
    }

    .stoerer {
      top: 10%;
      position: absolute;
    }

  }

}
 */
.referenzenLogos .div hr {
  border: 1px solid #d9dbda;
  margin: 4em 0;
}
/*
.vorteile {

  @media @mobile {
    .fluid.max2 {
      span.iconWrap {
        padding-bottom: 4em;
        margin-top: 2em;
      }

      text-align: center;

    }
  }

  .type-onepager_button span.iconWrap {

    @media @desktop {
      margin: 0 auto;
      border-right: 4px solid @bluetext;
      margin-right: 2em;
      padding-bottom: 48%;


      span.center {
        //  margin-left: 2em;
      }
    }

    span.icon {
      // font-size: 6em;
      .bluetext;
    }
  }

  .div hr {
    border: 1px solid @gray;
  }


  .csc-header > * {
    .bluetext;
    .medium;
  }

}
*/
/*
.privateprotection {

  @media @mobile {
    .fluid.max2 {
      span.iconWrap {
        padding-bottom: 8em;
      }

      text-align: center;
    }
  }

  > div {
    padding-bottom: @border;
  }

  .col2575 {
    position: relative;

    @media @desktop {
      .colpos102 > div {

        position: absolute;
        bottom: 2.2em;
      }
    }

  }
}

.elephant {
  .opSectionFixedBackground {
    background-position: center 15% !important;
  }
}
*/
@media only screen and (min-width: 980px) {
  .alarm .csc-default > .fluid > *:nth-child(1) {
    padding-right: 4em;
  }
  .alarm .csc-default > .fluid > *:nth-child(2) {
    padding-left: 4em;
  }
}
@media only screen and (min-width: 980px) {
  .lang5 .upgradeContainer .csc-header-n2 h2 {
    padding-right: 16rem;
    font-size: 2.4em;
  }
}
.frame .colpos102 p {
  border: 8px solid #4a4a49;
  text-align: center;
  padding: 1em;
}
body.pid1 .icon-menue {
  display: none !important;
}
.artHeader {
  padding-top: 7em;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  color: #e5007d;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .artHeader {
    padding-top: 3em;
  }
}
.artHeader h2 {
  position: relative;
  left: -1.9vw;
  font-size: 29.1vw;
  line-height: .75em;
  padding-bottom: .2em;
}
html[lang="ru"] .artHeader h2,
html[lang="ru-RU"] .artHeader h2,
body.lang4 .artHeader h2 {
  font-weight: 700 !important;
  font-size: 25vw;
}
body.pid29 .content > .type-image img,
body.pid29 .content main > .type-image img {
  max-width: none;
  width: 100%;
}
.frame-104 {
  background: #eb5c5b;
  color: #ffffff;
  padding: 1rem;
}
.frame-104 p {
  padding: 0 0 .6em;
}
.frame-106 {
  color: #e5007d;
}
.weaponHeader {
  color: white;
  background: #4a4a49;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-transform: uppercase;
  padding: 1rem;
  margin-bottom: 1rem;
}
.weaponTableInfo {
  color: #4a4a49;
  display: block;
  margin-top: .5rem;
  vertical-align: top;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.weaponTableInfo .icon {
  font-size: 3rem;
  margin-right: 1rem;
}
@media only screen and (max-width: 979px) {
  .weaponTableInfo .icon {
    font-size: 1.5rem !important;
  }
}
.technicalDataDownload {
  font-size: 1rem;
  line-height: 1.3em;
  text-align: center;
  margin: 0 auto;
}
.technicalDataDownload .icon {
  font-size: 3.5rem;
  line-height: 1.1em;
  color: #4a4a49 !important;
}
@media only screen and (max-width: 479px) {
  .technicalDataDownload .icon {
    font-size: 2rem;
  }
}
.technicalDataDownload a {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.references.container {
  max-width: 1160px;
}
footer.footerlegacy {
  background: #f9f9f9;
  padding: 2.5rem 1.25rem 0;
}
@media only screen and (max-width: 979px) {
  footer.footerlegacy {
    padding: 2.5rem 2.5rem 1.25rem;
  }
}
footer.footerlegacy > div {
  line-height: 100%;
}
@media only screen and (min-width: 980px) {
  footer.footerlegacy > div {
    padding-left: 4em;
  }
}
footer.footerlegacy > div > div {
  position: relative;
}
footer.footerlegacy img {
  width: 12em !important;
}
@media only screen and (max-width: 979px) {
  footer.footerlegacy img {
    width: 10em !important;
  }
}
footer.footerlegacy .silatec-address {
  line-height: 1.4;
  margin-bottom: 4rem;
}
footer.footerlegacy .country-name {
  text-transform: uppercase;
  color: #4a4a49 !important;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  line-height: 1;
  margin-bottom: .5rem;
}
footer.footerlegacy .country-phone,
footer.footerlegacy .country-mail {
  line-height: 1.4;
}
footer.footerlegacy .footer-countries > * {
  margin-bottom: 1.2em;
}
footer.footerlegacy .footer-countries > *:last-child {
  margin-bottom: 0;
}
footer.footerlegacy .active-country {
  margin-bottom: 2em;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  footer.footerlegacy .active-country {
    font-size: 1.1rem;
  }
}
footer.footerlegacy .active-country .country-name {
  font-size: 1.1rem;
  line-height: 1.4em;
}
footer.footerlegacy .active-country.silatec-name {
  margin-bottom: 1em;
}
footer.footerlegacy .bottomlinks {
  margin-top: 3rem;
}
@media only screen and (min-width: 980px), only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  footer.footerlegacy .bottomlinks {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  footer.footerlegacy .bottomlinks {
    margin-bottom: -8rem;
  }
}
footer.footerlegacy .bottomlinks a {
  display: inline-block;
  vertical-align: middle;
}
footer.footerlegacy .bottomlinks img {
  width: 2em !important;
}
footer.footerlegacy .bottomlinks .madeInGermany img {
  width: 4em !important;
}
footer.footerlegacy .bottomlinks .button-gold,
footer.footerlegacy .bottomlinks .button-darkgray {
  min-width: auto;
}
@media only screen and (max-width: 479px) {
  footer.footerlegacy .bottomlinks .button-gold,
  footer.footerlegacy .bottomlinks .button-darkgray {
    margin-bottom: .5rem;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  footer.footerlegacy .col7525 > *:first-child {
    width: calc(100% - 17rem) !important;
  }
  footer.footerlegacy .col7525 > *:last-child {
    float: right;
    width: 17rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  footer.footerlegacy .col7525 > *:first-child {
    width: calc(100% - 14rem) !important;
  }
  footer.footerlegacy .col7525 > *:last-child {
    float: right;
    width: 14rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  html[lang="de"] footer.footerlegacy .col7525 > *:first-child {
    width: calc(100% - 12rem) !important;
  }
  html[lang="de"] footer.footerlegacy .col7525 > *:last-child {
    float: right;
    width: 12rem !important;
  }
}
.bottomspace {
  height: 100%;
}
.type-menu ul {
  padding-bottom: 1em;
}
.type-menu ul li {
  display: inline-block;
  margin-right: 1.5em;
  font-size: 1.1em;
  font-size: 1em;
}
@media only screen and (max-width: 479px) {
  .type-menu ul li {
    font-size: 1em;
  }
}
.type-menu ul li a {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
}
.type-menu.layout-1 ul li {
  display: block;
}
.legendContainer .legendTriggerHide {
  display: none;
}
.legendContainer .grid_layout-2cols {
  display: none;
  font-size: .8em;
}
.legendContainer table.noBorderTable tr td:first-child {
  white-space: nowrap;
}
/*
.lexicon-related-header {

  .maxwidth(600px) !important;
  padding-top: 2rem;

  padding-left: @border;
  padding-right: @border;

  * {
    .medium;
    .bluetext;
  }

  padding-bottom: .5rem;
}

.lexiconMailLink {
  .maxwidth(600px);
}
*/
@media only screen and (min-width: 980px) {
  .lexiconHead {
    padding-top: 4em !important;
  }
}
.lexiconContent .type-text {
  max-width: 1240px !important;
  margin: 0 auto !important;
  -ms-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.lexiconHeader {
  color: #4a4a49 !important;
  font-size: 5.5rem;
}
@media only screen and (max-width: 979px) {
  .lexiconHeader {
    font-size: 4rem;
    margin-bottom: 2rem;
  }
}
.lexiconHeader span {
  display: inline-block;
  vertical-align: middle;
}
.lexiconHeader .lexiconHeaderText {
  text-transform: uppercase;
  font-size: .5em;
  line-height: 1em;
  margin-left: .33em;
}
.lexiconRelatedContent {
  padding-bottom: 4em;
}
@media only screen and (max-width: 979px) {
  .lexiconContainer {
    padding-top: 1em !important;
    padding-bottom: 2em !important;
  }
}
.type-menu ol.lexicon-menu {
  position: relative;
  z-index: 5;
  list-style: decimal-leading-zero inside;
}
.type-menu ol.lexicon-menu li {
  border-top: 1px solid #000000;
  font-size: 3.57142857rem;
  line-height: 5rem;
  color: #4a4a49;
}
.type-menu ol.lexicon-menu li:last-child {
  border-bottom: 1px solid #000000;
}
.type-menu ol.lexicon-menu li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 5rem;
  margin-top: -5rem;
  background: white;
  z-index: -1;
}
.type-menu ol.lexicon-menu li div {
  height: 5rem;
  margin-top: -5rem;
  position: relative;
}
.type-menu ol.lexicon-menu li a {
  display: block;
  width: 100%;
  height: 5rem;
  top: 0;
  left: 0;
  position: absolute;
}
.type-menu ol.lexicon-menu li span {
  font-size: 1rem;
  line-height: 1.4em;
  display: block;
  position: absolute;
  background: white;
  bottom: 0.92857143rem;
  left: 3.75rem;
  padding-left: 1em;
}
.type-menu ol.lexicon-menu li:hover {
  border-color: white;
  color: white !important;
}
.type-menu ol.lexicon-menu li:hover span {
  background: #4a4a49;
  color: white !important;
}
.type-menu ol.lexicon-menu li:hover:before {
  background: #4a4a49;
}
html[lang="ru"] .type-menu ol.lexicon-menu li span,
html[lang="ru-RU"] .type-menu ol.lexicon-menu li span,
body.lang4 .type-menu ol.lexicon-menu li span {
  left: 3.75em;
}
.referenzenTeaser a {
  display: block;
  position: relative;
  overflow: hidden;
}
.referenzenTeaser a span {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 2rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  color: #4a4a49;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (max-width: 479px) {
  .referenzenTeaser a span {
    font-size: 1.5rem;
  }
}
.referenzenTeaser a img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: block;
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 980px) {
  .referenzenTeaser a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.referenzenTeaser a span {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  bottom: 0;
  top: auto;
  width: 100%;
  left: 0;
  text-align: center;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: .5em;
  font-size: 1.1rem;
  line-height: 1.4em;
  background: rgba(255, 255, 255, 0.8);
}
select,
textarea,
input[type=text],
input[type=tel],
input[type=number],
input[type=email] {
  display: block;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #4a4a49;
  background: white;
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  line-height: 1.9em;
  padding: .3em 0;
  padding: 0em .3em;
}
select {
  -webkit-appearance: textfield;
}
button,
input[type=button],
input[type=submit],
input[type=reset] {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.loading input[type=submit] {
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=10)";
  filter: alpha(opacity=10);
}
.loading button[type=submit] {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
  filter: alpha(opacity=70);
  cursor: not-allowed !important;
}
.loading button[type=submit]:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
  background: transparent;
  animation: rotate-s-loader 1s linear infinite;
}
@keyframes rotate-s-loader {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
a.button {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: .8rem;
  text-decoration: none !important;
  color: black;
  min-width: 16em;
  text-align: center;
  background: transparent;
}
a.button:hover {
  background: #4a4a49;
  color: white;
  border-color: #4a4a49;
}
@media only screen and (max-width: 479px) {
  a.button {
    display: block;
  }
}
a.button-white {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: .8rem !important;
  text-decoration: none !important;
  color: white;
  border-color: white;
  min-width: 16em;
  text-align: center;
  background: transparent;
}
a.button-white:hover {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  border-color: white;
}
@media only screen and (max-width: 479px) {
  a.button-white {
    display: block;
  }
}
button,
input[type=submit],
input[type=reset] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.experte {
  margin-bottom: 1rem;
}
.experte .experte-caption {
  padding: 1rem;
  background: #4a4a49;
}
.experte .experte-caption * {
  color: white !important;
}
.experte .experte-caption .experte-name-function {
  width: 40%;
  height: 3em;
  float: left;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  padding-right: 1rem;
  border-right: 1px solid white;
}
@media only screen and (max-width: 479px) {
  .experte .experte-caption .experte-name-function {
    width: 50%;
  }
}
.experte .experte-caption .experte-name-function .experte-function {
  font-size: .8rem;
}
.experte .experte-caption .experte-phone-email {
  width: 60%;
  height: 3em;
  float: left;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  .experte .experte-caption .experte-phone-email {
    width: 50%;
  }
}
.experte .experte-caption:after {
  content: "";
  display: block;
  clear: both;
}
.specialcontact .colpos102 {
  padding-left: 2rem;
}
@media only screen and (max-width: 979px) {
  .specialcontact .colpos102 {
    display: none !important;
  }
}
.badges {
  width: 5.5rem;
}
@media only screen and (min-width: 980px) {
  .badges {
    margin-right: 1em;
    float: right;
  }
}
@media only screen and (max-width: 979px) {
  .badges {
    margin: 1.25rem 0 2.5rem;
  }
}
.badges .tuv,
.badges .iso {
  width: 48%;
  float: left;
  margin-bottom: 4%;
}
.badges .tuv {
  float: right;
}
.stoerer {
  position: relative;
  display: inline-block;
}
.stoerer > span span {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  display: block;
  padding: 1em;
  text-align: center;
  line-height: 1em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.stoerer > span > *:before {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background: white;
  z-index: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.stoerer:hover span {
  color: white;
}
.stoerer:hover > span > *:before {
  background: #4a4a49;
}
.stoerer.blue span {
  color: white;
}
.stoerer.blue > span > *:before {
  background: #4a4a49;
}
.stoerer.blue:hover span {
  color: #4a4a49;
}
.stoerer.blue:hover > span > *:before {
  background: white;
}
.stoerer.turquoise span {
  color: white;
}
.stoerer.turquoise > span > *:before {
  background: #649a9a;
}
.stoerer.turquoise:hover span {
  color: #649a9a;
}
.stoerer.turquoise:hover > span > *:before {
  background: white;
}
/*
#c2698 .opTeaserTextCenter h3 {
  &:after {
    content: "";
    display: block;
    margin: 0 auto;
    max-width: 33%;
    height: 4em;
    margin-bottom: 0em;
    background: url(/fileadmin/user_upload/Home/g20.svg) center center no-repeat;
  }
}*/
img.g20-logo {
  max-width: 5rem;
}
.polycarbonat-diagramm {
  background: #F5F9FA;
  padding: 2.5rem;
}
@media only screen and (max-width: 979px) {
  .polycarbonat-diagramm {
    padding: 1.25rem 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .polycarbonat-diagramm .col6633 > *:nth-child(odd) {
    width: 66.66666667% !important;
  }
  .polycarbonat-diagramm .col6633 > *:nth-child(even) {
    width: 33.33333333% !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .polycarbonat-diagramm .col6633 > *:nth-child(odd) {
    width: 100% !important;
  }
  .polycarbonat-diagramm .col6633 > *:nth-child(even) {
    width: 60% !important;
    right: 0 !important;
    left: 20%;
  }
}
.pilzkopfImages {
  text-align: center;
  margin: 2.5rem 20%;
}
.pilzkopfImages > * {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  color: #4a4a49;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-transform: uppercase;
  font-size: 1rem;
}
.pilzkopfImages > * img {
  margin: 1rem auto;
  width: 6rem;
}
@media only screen and (max-width: 979px) {
  .pilzkopfImages {
    margin: 1.25rem 0;
  }
  .pilzkopfImages > * {
    font-size: .8rem;
    line-height: 1.2em;
  }
}
.lang5 .pilzkopfImages > * {
  font-size: .8rem;
  line-height: 1.2em;
}
.deco {
  position: relative;
  padding: .5em 0;
}
.deco:after {
  /*
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5rem;
    border-bottom: 1px solid black;
    */
}
/*
@media @mobile_portrait, @mobile_landscape {

  #Elefanten {
      padding-top: 2*@border !important;
      padding-bottom: 0 !important;

      h2 {
        .size3 !important;
      }

      .type-onepager_button span.iconWrap {
        padding-bottom: 40% !important;
      }


  }
  .yellowborder {
    padding-top: @border;
    .type-onepager_button span.iconWrap{
      padding-bottom: 50%;
    }

  }

  #Referenzen{
    padding-top: 1em !important;
    padding-bottom: 2em !important;

    .type-text{
      margin-top: -1.5em;
    }
  }

}
*/
@media only screen and (max-width: 979px) {
  .contactPage .max4 > * {
    width: 100% !important;
  }
}
.contactPage .max4 .colpos103 {
  width: 23% !important;
}
.contactPage .max4 .colpos104 {
  width: 27% !important;
}
ul.check-list {
  display: inline-block;
}
ul.check-list li {
  text-align: left;
  width: auto;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  line-height: 1.5em;
  padding: .5em 0 .5em 2em;
  position: relative;
}
ul.check-list li:before {
  content: "";
  display: inline-block;
  width: 1.5em;
  margin-right: .5em;
  height: 1.5em;
  vertical-align: middle;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
ul.check-list.blue li:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken_blue.svg);
}
ul.check-list.simple li:before {
  top: .7em;
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/haken_only.svg);
}
ul.check-list.check-list-yellow li:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken_yellow.svg);
}
ul.check-list.check-list-darkgray li:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken_darkgray.svg);
}
ul.check-list.check-list-green li:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken_green.svg);
}
ul.check {
  line-height: 1.5em;
  padding: .5em 0 .5em 0;
  position: relative;
}
ul.check > li {
  position: relative;
  padding-left: 2rem;
  line-height: 1.1;
  padding-top: .4rem;
  padding-bottom: .4rem;
}
ul.check > li:before {
  content: "\e92d";
}
ul.check > li:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.check > li:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 980px) {
  .ledAbmessungen > *:nth-child(odd) {
    width: 71.1% !important;
  }
  .ledAbmessungen > *:nth-child(even) {
    width: 28.9% !important;
  }
}
.svg-container-lexicon {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 62.5%;
  overflow: hidden;
}
.svg-container-lexicon svg {
  position: absolute;
}
.pid31 .type-text h2,
.pid31 .type-text h3,
.pid31 .type-text h4 {
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  margin-top: 1em;
}
video {
  width: 100%;
  height: auto;
}
.opSectionFullFrame video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.csc-textpic-above .csc-textpic-text {
  margin-top: .5em;
}
@media only screen and (max-width: 979px) {
  .diagramm-container {
    top: -2rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .diagramm-container {
    top: 0 !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .type-menu_section.layout-1,
  .type-menu.layout-1,
  .type-text.layout-1 {
    column-count: 2;
    column-gap: 1rem;
  }
  .type-menu_section.layout-1 p,
  .type-menu.layout-1 p,
  .type-text.layout-1 p {
    padding: 0;
  }
  .type-menu_section.layout-1 ul,
  .type-menu.layout-1 ul,
  .type-text.layout-1 ul {
    max-width: none !important;
  }
  .type-menu_section.layout-1 li,
  .type-menu.layout-1 li,
  .type-text.layout-1 li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .type-menu_section.layout-1 .avoid-column,
  .type-menu.layout-1 .avoid-column,
  .type-text.layout-1 .avoid-column {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    /* Theoretically FF 20+ */
    break-inside: avoid-column;
    /* Chrome, Safari, IE 11 */
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .type-menu_section.layout-1,
  .type-menu.layout-1 {
    column-count: 2;
    column-gap: 1rem;
  }
  .type-menu_section.layout-1 ul,
  .type-menu.layout-1 ul {
    max-width: none !important;
  }
  .type-menu_section.layout-1 li,
  .type-menu.layout-1 li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
@media only screen and (max-width: 479px) {
  .svgMobileSmaller {
    margin-top: 1rem !important;
    max-width: 200px !important;
  }
}
.silatecVsPanzerglas2021 {
  background: no-repeat;
  background-size: cover;
  background-position: 100% 50%;
}
@media only screen and (max-width: 479px) {
  .silatecVsPanzerglas {
    max-width: 170px !important;
  }
}
@media only screen and (max-width: 479px) {
  .mobilePadding1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
table.productgroup5 caption,
table.productgroup7 caption {
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  table.productgroup5 caption,
  table.productgroup7 caption {
    font-size: 1.1rem;
  }
}
.caption {
  font-size: .8rem;
  line-height: 1.3;
  text-align: left !important;
}
@media only screen and (min-width: 980px) {
  .caption {
    max-width: 70%;
  }
}
@media only screen and (max-width: 979px) {
  .mobilePadding1 .caption,
  .mobileNoPadding .caption {
    padding-left: 1rem;
  }
}
table.bigtable th,
table.bigtable td {
  border: 1px solid black !important;
  font-size: 1.5rem;
  line-height: 1.2em;
  text-align: center;
  vertical-align: middle !important;
  padding-top: .75em;
  padding-bottom: .75em;
}
@media only screen and (max-width: 479px) {
  table.bigtable th,
  table.bigtable td {
    font-size: 1.1rem;
  }
}
table.bigtable th {
  background: #dee5ed;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  line-height: 1.1;
  padding-top: 1em;
  padding-bottom: 1em;
}
table.bigtable td img {
  display: block !important;
  margin: 0 auto;
}
table.spacetable {
  margin: 0;
}
table.spacetable th,
table.spacetable td {
  border: 1px solid black !important;
  text-align: left;
  vertical-align: middle !important;
  padding: 1.5em 1em;
  line-height: 1.1;
}
table.spacetable th.narrow,
table.spacetable td.narrow {
  padding: .5em 1em;
}
table.spacetable th {
  background: #d9dbda;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-align: center;
  line-height: 1.1;
}
@media only screen and (max-width: 479px) {
  table.spacetable th,
  table.spacetable td {
    padding: 1em .5em;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .polycabonateAdvantageTable .fluid.max2 table {
    min-height: 24em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .polycabonateAdvantageTable .fluid.max2 table {
    width: 100% !important;
    max-width: none !important;
  }
  .polycabonateAdvantageTable .fluid.max2 > * {
    width: 100% !important;
  }
}
@media only screen and (max-width: 479px) {
  table.spacetable.weaponspacetable th,
  table.spacetable.weaponspacetable td {
    font-size: .8rem;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
  }
  table.spacetable.weaponspacetable td {
    padding: 0.5em 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .panicChacklist .check-list {
    margin-left: 30%;
  }
}
@media only screen and (max-width: 479px) {
  .panicChacklist .check-list {
    width: 60%;
    margin: 0 auto;
    display: block;
  }
}
.panicChacklist .check-list li {
  padding-left: 2.5rem !important;
  display: block;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .panicList2 {
    transform: translate(20%, 0);
    max-width: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .panicList2 {
    max-width: 300px;
  }
}
.fluid.panicdoorSigns {
  line-height: 1.6;
}
@media only screen and (max-width: 479px) {
  .fluid.panicdoorSigns h4.h4 {
    font-family: "fs_joeybold", "Roboto", "Arial" !important;
    font-weight: normal !important !important;
  }
}
@media only screen and (min-width: 980px) {
  .fluid.panicdoorSigns .greentext {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .fluid.panicdoorSigns .greentext {
    padding-left: 6rem;
  }
}
.fluid.panicdoorSigns .panicdoorSignsTrenner {
  background-color: #ccc !important;
  color: #000000;
  position: absolute;
  height: 90%;
  width: 1px;
  right: 2rem;
  top: 5%;
}
@media only screen and (max-width: 979px) {
  .fluid.panicdoorSigns .panicdoorSignsTrenner {
    right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .fluid.panicdoorSigns .panicdoorSignsTrenner {
    display: none;
  }
}
.p4aImage span {
  line-height: 1 !important;
  margin-top: .5em;
}
@media only screen and (max-width: 979px) {
  .p4aImage span {
    font-size: .8rem;
    line-height: 1;
  }
}
@media only screen and (max-width: 479px) {
  .p4aImage span {
    font-size: .5rem;
    line-height: 1;
  }
}
.check-list.type-text.layout-1 {
  display: block;
}
.check-list.type-text.layout-1 li {
  padding-top: 1em;
  padding-bottom: 1em;
}
body.overlay:after {
  content: '';
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 9000;
}
.kunstraubCrash .kunstraubCrash-icons {
  text-align: right;
}
@media only screen and (min-width: 980px) {
  .kunstraubCrash {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 979px) {
  .kunstraubCrash .kunstraubCrash-icons {
    padding-right: 1em;
  }
}
@media only screen and (max-width: 479px) {
  .kunstraubCrash .fluid > *:nth-child(odd) {
    width: 70% !important;
  }
  .kunstraubCrash .fluid > *:nth-child(even) {
    width: 30% !important;
  }
  .kunstraubCrash .kunstraubCrash-icons img {
    height: 1.5rem !important;
  }
}
@media only screen and (max-width: 479px) {
  .kunstraubIcons i.size4 {
    font-size: 2rem !important;
  }
  .kunstraubIcons .medium.size-1 {
    font-size: .65rem;
  }
}
html[lang="ru"] .burglarproof22-table th,
html[lang="ru-RU"] .burglarproof22-table th,
html[lang="ru"] .burglarproof22-table td,
html[lang="ru-RU"] .burglarproof22-table td {
  line-height: 1.9 !important;
}
html[lang="ru"] .file__Update2021 h1,
html[lang="ru-RU"] .file__Update2021 h1,
html[lang="ru"] .file__Update2021 h2,
html[lang="ru-RU"] .file__Update2021 h2,
html[lang="ru"] .file__Update2021 h3,
html[lang="ru-RU"] .file__Update2021 h3,
html[lang="ru"] .file__Update2021 h4,
html[lang="ru-RU"] .file__Update2021 h4 {
  font-weight: 700 !important;
}
html[lang="ru"] .file__Update2021 h1 *,
html[lang="ru-RU"] .file__Update2021 h1 *,
html[lang="ru"] .file__Update2021 h2 *,
html[lang="ru-RU"] .file__Update2021 h2 *,
html[lang="ru"] .file__Update2021 h3 *,
html[lang="ru-RU"] .file__Update2021 h3 *,
html[lang="ru"] .file__Update2021 h4 *,
html[lang="ru-RU"] .file__Update2021 h4 * {
  font-weight: 700 !important;
}
html[lang="ru"] table caption *,
html[lang="ru-RU"] table caption *,
html[lang="ru"] .form-check-label .label,
html[lang="ru-RU"] .form-check-label .label,
html[lang="ru"] .csc-header .size2,
html[lang="ru-RU"] .csc-header .size2,
html[lang="ru"] .csc-header .size5,
html[lang="ru-RU"] .csc-header .size5,
html[lang="ru"] .meta-navi-links ul li a,
html[lang="ru-RU"] .meta-navi-links ul li a,
html[lang="ru"] .telephoneLink--number,
html[lang="ru-RU"] .telephoneLink--number {
  font-weight: 500 !important;
}
html[lang="ru"] nav.mainmenu > ul.menu > li > ul > li > a,
html[lang="ru-RU"] nav.mainmenu > ul.menu > li > ul > li > a {
  font-weight: 500 !important;
}
html[lang="ru"] .button-yellow,
html[lang="ru-RU"] .button-yellow,
html[lang="ru"] .button-yellow *,
html[lang="ru-RU"] .button-yellow *,
html[lang="ru"] .button-green,
html[lang="ru-RU"] .button-green,
html[lang="ru"] .button-green *,
html[lang="ru-RU"] .button-green *,
html[lang="ru"] strong,
html[lang="ru-RU"] strong,
html[lang="ru"] strong *,
html[lang="ru-RU"] strong *,
html[lang="ru"] .medium *,
html[lang="ru-RU"] .medium *,
html[lang="ru"] .medium,
html[lang="ru-RU"] .medium {
  font-weight: 500 !important;
}
html[lang="ru"] .menutrigger > *,
html[lang="ru-RU"] .menutrigger > * {
  font-weight: 500 !important;
}
html[lang="ru"] nav.mainmenu > ul.menu > li > ul > li.pid136 > a,
html[lang="ru-RU"] nav.mainmenu > ul.menu > li > ul > li.pid136 > a,
html[lang="ru"] nav.mainmenu > ul.menu > li > ul > li.pid112 > a,
html[lang="ru-RU"] nav.mainmenu > ul.menu > li > ul > li.pid112 > a,
html[lang="ru"] nav.mainmenu > ul.menu > li > ul > li.pid113 > a,
html[lang="ru-RU"] nav.mainmenu > ul.menu > li > ul > li.pid113 > a,
html[lang="ru"] nav.mainmenu > ul.menu > li > ul > li.pid156 > a,
html[lang="ru-RU"] nav.mainmenu > ul.menu > li > ul > li.pid156 > a,
html[lang="ru"] nav.mainmenu > ul.menu > li > ul > li.pid110 > a,
html[lang="ru-RU"] nav.mainmenu > ul.menu > li > ul > li.pid110 > a {
  font-weight: 500 !important;
}
@media only screen and (min-width: 980px) {
  html[lang="ru"] nav.mainmenu,
  html[lang="ru-RU"] nav.mainmenu {
    min-height: 46rem;
  }
}
html[lang="ru"] .conversion-chat-bubble .conversion-chat-claim,
html[lang="ru-RU"] .conversion-chat-bubble .conversion-chat-claim {
  font-size: .8rem;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  max-width: 5rem !important;
}
html[lang="ru"] .imageteaser .spezial-produkte,
html[lang="ru-RU"] .imageteaser .spezial-produkte {
  max-width: 30rem;
}
html[lang="ru"] .imageteaser .spezial-produkte span.upper,
html[lang="ru-RU"] .imageteaser .spezial-produkte span.upper {
  vertical-align: top;
  display: inline-block !important;
  max-width: 11rem;
  line-height: 1.3 !important;
}
html[lang="ru"] .youtubetitle,
html[lang="ru-RU"] .youtubetitle {
  margin-top: .3rem;
  font-weight: 400 !important;
  min-height: 3rem;
}
html[lang="ru"] .conversionTeaserGreen-new .conversionTeaserGreen-content h3,
html[lang="ru-RU"] .conversionTeaserGreen-new .conversionTeaserGreen-content h3,
html[lang="ru"] .conversionTeaserGreen-new .conversionTeaserGreen-content .h3,
html[lang="ru-RU"] .conversionTeaserGreen-new .conversionTeaserGreen-content .h3 {
  font-weight: 700 !important;
  font-size: 2.5rem;
}
@media only screen and (max-width: 479px) {
  html[lang="ru"] .conversionTeaserGreen-new .conversionTeaserGreen-content h3,
  html[lang="ru-RU"] .conversionTeaserGreen-new .conversionTeaserGreen-content h3,
  html[lang="ru"] .conversionTeaserGreen-new .conversionTeaserGreen-content .h3,
  html[lang="ru-RU"] .conversionTeaserGreen-new .conversionTeaserGreen-content .h3 {
    font-size: 1.6rem;
  }
}
html[lang="ru"] .conversionTeaserGreen-new .conversionTeaserGreen-content .conversionTeaserGreen-phone .telephoneNumber,
html[lang="ru-RU"] .conversionTeaserGreen-new .conversionTeaserGreen-content .conversionTeaserGreen-phone .telephoneNumber {
  font-weight: 500 !important;
}
html[lang="ru"] .conversionTeaserGreen-new .conversionTeaserGreen-content .conversionTeaserGreen-footnote,
html[lang="ru-RU"] .conversionTeaserGreen-new .conversionTeaserGreen-content .conversionTeaserGreen-footnote {
  font-weight: 300 !important;
}
html[lang="ru"] nobr,
html[lang="ru-RU"] nobr {
  font-weight: inherit !important;
}
@media only screen and (max-width: 479px) {
  .maxwidth600 .ce-headline-center,
  .maxwidth600 .csc-header-alignment-center,
  .maxwidth600 .align-center {
    text-align: left !important;
  }
}
.nohyphens {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .maxwidth600 .csc-header-alignment-center,
  .maxwidth600 .align-center {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
  }
}
.hp-field {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.layout-2,
.svgText {
  padding: 1rem 4rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .layout-2,
  .svgText {
    padding: 1rem 2rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .layout-2,
  .svgText {
    padding: 1rem;
  }
}
.grid_layout-contentContainer > header.csc-header,
.grid_layout-containerBootstrap > header.csc-header {
  display: none;
}
.content .bgblack a {
  color: white;
}
.file__Black .imageLeftTextRight .imageLeftTextRight-content h3 {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
}
@media only screen and (max-width: 479px) {
  .file__Black .imageLeftTextRight .imageLeftTextRight-content h3 {
    font-size: 1.1rem;
  }
}
#tx-cart-minicart {
  display: block;
  width: 5rem;
  float: right;
  position: relative;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  #tx-cart-minicart .minicart {
    position: absolute;
    right: 0;
    bottom: .5em;
  }
}
#tx-cart-minicart .count {
  font-size: .8rem;
  display: block;
  height: 2rem;
  line-height: 2.5rem;
  color: white;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-align: center;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/shopping_icon.svg) no-repeat center;
  background-size: contain;
}
#tx-cart-minicart .label {
  display: block;
  text-align: center;
  color: #4a4a49;
  text-transform: uppercase;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  font-size: .8rem;
}
.tx-cart * {
  color: #4a4a49;
}
.tx-cart .csc-header * {
  color: #4a4a49;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (max-width: 479px) {
  .tx-cart .csc-header * {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .tx-cart #form-cart {
    position: relative;
    top: -1.5em;
  }
}
.tx-cart #form-cart,
.tx-cart #form-order {
  padding-bottom: 3em;
}
.tx-cart .price {
  white-space: nowrap;
}
.tx-cart .product-list .product-item .product-image {
  position: relative;
  overflow: hidden;
}
.tx-cart .product-list .product-item .product-image .product-add {
  cursor: pointer;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.tx-cart .product-list .product-item .product-image .product-add form {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.tx-cart .product-list .product-item .product-image .product-add form input {
  background: transparent;
  color: white;
  border-color: white;
  border: 2px solid white;
}
.tx-cart .product-list .product-item:hover .product-image .product-add {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
}
.tx-cart .product-list .product-item .product-title {
  text-transform: uppercase;
  color: #4a4a49;
}
.tx-cart .product-list .product-item .price {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  color: #4a4a49;
  margin-left: 1rem;
}
.tx-cart table#checkout-product-table *,
.tx-cart table#checkout-review-table * {
  color: #4a4a49;
}
.tx-cart table#checkout-product-table tr th,
.tx-cart table#checkout-review-table tr th {
  border: 0;
  border-top: 3px solid #4a4a49;
  border-bottom: 3px solid #4a4a49;
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.tx-cart table#checkout-product-table tr td,
.tx-cart table#checkout-review-table tr td {
  border: 0;
  border-top: 1px solid #4a4a49;
  border-bottom: 1px solid #4a4a49;
  padding: 1rem  0 2rem;
}
.tx-cart table#checkout-product-table .product-image,
.tx-cart table#checkout-review-table .product-image {
  float: left;
  margin-right: 1rem;
}
.tx-cart table#checkout-product-table .product-name,
.tx-cart table#checkout-review-table .product-name {
  white-space: normal;
}
.tx-cart table#checkout-product-table a.product-remove,
.tx-cart table#checkout-review-table a.product-remove {
  text-transform: uppercase;
  font-size: .8rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.tx-cart table#checkout-review-table tr td {
  border-top: 1px solid #4a4a49;
  padding: 1rem 0 ;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-transform: uppercase;
}
.tx-cart .product-qty input {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  color: white !important;
  background: #4a4a49 !important;
  width: 2em;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.tx-cart .product-qty span {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  cursor: pointer;
}
.tx-cart .product-qty input,
.tx-cart .product-qty span {
  display: inline-block !important;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.tx-cart .form-title {
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  padding-bottom: 1rem;
}
.tx-cart .form-title span {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.tx-cart .input-box input {
  display: block;
  width: 100%;
  text-transform: none;
}
.tx-cart .input-box input,
.tx-cart .input-box select {
  display: block;
  width: 100%;
  text-transform: none;
}
.tx-cart .field {
  position: relative;
  padding-top: 1em;
}
.tx-cart .field label {
  position: absolute;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-transform: uppercase;
  top: 1.2em;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.tx-cart .field.focussed label {
  font-size: .8rem;
  top: .3em;
}
.tx-cart #shipping-method {
  padding-bottom: 1rem !important;
}
.tx-cart .sp-methods {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  text-transform: uppercase;
}
.tx-cart .sp-methods dt {
  clear: left;
  float: left;
  min-width: 50%;
  padding-bottom: .5rem;
  padding-right: .5rem;
}
.tx-cart .sp-methods dd {
  float: left;
}
.tx-cart #payment-method dd {
  display: none;
}
.hasCheckBox input[type=radio],
.hasCheckBox input[type=checkbox] {
  display: none;
}
.hasCheckBox i {
  font-style: normal;
  color: white;
}
.hasCheckBox i:before {
  content: "";
  display: inline-block;
  width: .8rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .6rem;
  background-color: #ffffff;
  border: 2px solid #4a4a49;
  vertical-align: top;
  margin-right: .3em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.hasCheckBox input[type=checkbox]:checked ~ i:before,
.hasCheckBox input[type=radio]:checked ~ i:before {
  font-family: "silatec";
  content: "\e92e";
  background-color: transparent;
  color: #4a4a49;
}
.hasCheckBoxInverse input[type=radio],
.hasCheckBoxInverse input[type=checkbox] {
  display: none;
}
.hasCheckBoxInverse i {
  font-style: normal;
  color: white;
}
.hasCheckBoxInverse i:before {
  content: "";
  display: inline-block;
  width: .8rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .6rem;
  background-color: #4a4a49;
  border: 2px solid #ffffff;
  vertical-align: top;
  margin-right: .3em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.hasCheckBoxInverse input[type=checkbox]:checked ~ i:before,
.hasCheckBoxInverse input[type=radio]:checked ~ i:before {
  font-family: "silatec";
  content: "\e92e";
  background-color: transparent;
  color: #ffffff;
}
.acceptTerms {
  display: none;
}
.validation-error {
  color: red;
  font-size: .8rem;
  text-transform: uppercase;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
}
.pid12 .div hr,
.pid61 .div hr,
.pid58 .div hr {
  border-width: 0 0 1px 0;
}
.safari .product-add input {
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
}
html[lang="ru"] .form-content .fluid.max2.col2575 > *,
html[lang="ru-RU"] .form-content .fluid.max2.col2575 > *,
body.lang4 .form-content .fluid.max2.col2575 > * {
  width: 50%;
}
html[lang="ru"] .tx-cart .csc-header > *,
html[lang="ru-RU"] .tx-cart .csc-header > *,
body.lang4 .tx-cart .csc-header > * {
  font-size: 1.6rem !important;
}
html[lang="ru"] .product-image,
html[lang="ru-RU"] .product-image,
body.lang4 .product-image {
  margin-bottom: .3rem;
}
html[lang="ru"] .tx-cart .product-list .product-item .price,
html[lang="ru-RU"] .tx-cart .product-list .product-item .price,
body.lang4 .tx-cart .product-list .product-item .price {
  font-family: "Roboto" !important;
}
.downloadItem {
  position: relative;
}
.downloadItem > div {
  display: block;
  border: 2px solid #dee5ed;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4rem 0 3rem;
  height: 100%;
  text-align: center;
}
.downloadItem span {
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.1rem;
  line-height: 1.4em;
  display: block;
  margin-bottom: 1rem;
  /*
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    */
}
.downloadItem i.icon {
  display: block;
  font-size: 2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  .downloadItem i.icon {
    font-size: 1.5rem;
  }
}
.downloadItem:hover > div {
  border-color: #4a4a49;
  background: #4a4a49;
  color: white;
}
.references .h2,
.references .h3,
.references h2,
.references h3 {
  padding: .5em 0;
  font-size: 1.5em;
  border-bottom: 1px solid #4a4a49;
  color: #4a4a49;
  text-transform: uppercase;
  margin-bottom: 2rem;
  position: relative;
}
.references .referencesNav {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 320px) {
  .references .referencesNav {
    display: none;
  }
}
.references .referencesNav li {
  display: inline-block;
  padding-left: 1em;
}
@media only screen and (max-width: 979px) {
  .references .referencesNav li {
    padding-left: .3em;
  }
}
.references .referencesNav li a {
  display: block;
  font-size: .8rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-bottom: 1px;
}
.references .referencesNav li a:hover,
.references .referencesNav li a.active {
  border-bottom: 3px solid #4a4a49;
}
.references .referencesTrigger {
  display: block;
  position: relative;
}
.references .referencesTrigger span {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  padding: .5em;
  font-size: 1.1rem;
  line-height: 1.4em;
  background: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 980px) {
  .references .referencesTrigger:hover span {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter: alpha(opacity=100);
  }
}
@media only screen and (max-width: 979px) {
  .references .referencesTrigger.showInfo span {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter: alpha(opacity=100);
  }
}
.references .refecencesSliderImage {
  height: 80vh;
}
.references .refecencesSliderImage img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  object-position: center center;
}
.references .referencesSlider {
  position: relative;
  margin-bottom: 4rem;
}
.references .close {
  display: inline-block;
  font-size: 1.2em;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 100;
  margin-top: 1.25rem;
}
.references .close:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.references .close:before {
  content: "\e937";
}
.references .bx-wrapper {
  position: relative;
}
.references .bx-wrapper .bx-controls {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 00%;
  text-align: center;
}
.references .bx-wrapper .bx-controls .bx-controls-direction {
  position: relative;
  display: inline-block;
  margin-top: 1.25rem;
}
.references .bx-wrapper .bx-controls .bx-controls-direction a {
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 1rem;
}
.references .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
  border-right: 1px solid #4a4a49;
}
.references .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.references .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:before {
  content: "\e936";
}
.references .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
  border-left: 1px solid #4a4a49;
}
.references .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.references .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:before {
  content: "\e938";
}
.references .bx-wrapper .bx-controls .bx-pager {
  position: static;
  display: none;
}
.references .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
.references .bx-wrapper .bx-controls .bx-pager .bx-pager-total {
  display: inline-block;
}
.references .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  display: none;
}
.references .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  display: block;
}
.conversion-chat {
  padding: 2em 0;
  position: relative;
  max-width: 640px;
}
@media only screen and (min-width: 980px) {
  .conversion-chat .max2 > *:first-child {
    width: 35%;
  }
  .conversion-chat .max2 > *:last-child {
    width: 60%;
  }
}
@media only screen and (max-width: 979px) {
  .conversion-chat img {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    width: 40vw;
  }
}
.conversion-chat .conversion-chat-bubble {
  position: relative;
  width: 100%;
}
.conversion-chat .conversion-chat-bubble * {
  color: white;
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  border-radius: 1.5em;
  background: #8caec8;
  padding: 1.5em 1.5em 1.5em 1.5em;
}
@media only screen and (max-width: 979px) {
  .conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content {
    padding: 1em;
  }
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content:before {
  content: "";
  width: 3em;
  height: 4em;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/sprechblase_spitze.svg);
  position: absolute;
  left: -2.9em;
  top: 15%;
}
@media only screen and (max-width: 979px) {
  .conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -3em;
    left: 70%;
  }
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-header {
  text-transform: uppercase;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  font-size: 1.1rem;
  line-height: 1.4em;
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-email,
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-open {
  display: inline-block;
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-email a,
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-open a {
  display: inline-block;
  width: 3em;
  margin: 0 .2em;
  height: 2.5em;
  background: top center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 479px) {
  .conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-email a,
  .conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-open a {
    margin: 0 .1em;
    height: 2.5em;
  }
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-open a {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/sprechblase_klein.svg);
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-email a {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/mail_icon.svg);
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-name {
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  letter-spacing: .05em;
  white-space: nowrap;
}
.conversion-chat .conversion-chat-bubble .conversion-chat-bubble-content .conversion-chat-phone {
  white-space: nowrap;
}
.conversion-chat-form-container {
  background: white;
  position: relative;
  z-index: 10000;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 980px) {
  .conversion-chat-form-container {
    padding: 3rem 3rem 2rem;
    background: white;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    width: 80%;
    max-width: 840px;
    text-align: left;
    left: 50%;
    z-index: 10000;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.conversion-chat-form-container .conversion-chat-close {
  display: inline-block;
  font-size: 3em;
  color: #4a4a49;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 980px) {
  .conversion-chat-form-container .conversion-chat-close {
    position: absolute;
    right: .7rem;
    top: .7rem;
  }
}
.conversion-chat-form-container.conversion-chat-form-container-root {
  display: none;
}
@media only screen and (max-width: 979px) {
  .conversion-chat-form-container.conversion-chat-form-container-root {
    padding: 5rem 1rem;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 980px) {
  .conversion-chat-form-container.conversion-chat-form-container-root {
    position: fixed;
  }
}
.conversion-chat-form textarea,
.conversion-chat-form select,
.conversion-chat-form input[type=text],
.conversion-chat-form input[type=number],
.conversion-chat-form input[type=email] {
  padding: 0em .3em;
  border-color: #4a4a49;
  border-width: 1px;
}
.conversion-chat-form textarea::-moz-placeholder,
.conversion-chat-form select::-moz-placeholder,
.conversion-chat-form input[type=text]::-moz-placeholder,
.conversion-chat-form input[type=number]::-moz-placeholder,
.conversion-chat-form input[type=email]::-moz-placeholder {
  color: #4a4a49;
  text-transform: uppercase;
  opacity: 1;
}
.conversion-chat-form textarea:-ms-input-placeholder,
.conversion-chat-form select:-ms-input-placeholder,
.conversion-chat-form input[type=text]:-ms-input-placeholder,
.conversion-chat-form input[type=number]:-ms-input-placeholder,
.conversion-chat-form input[type=email]:-ms-input-placeholder {
  color: #4a4a49;
  text-transform: uppercase;
}
.conversion-chat-form textarea::-webkit-input-placeholder,
.conversion-chat-form select::-webkit-input-placeholder,
.conversion-chat-form input[type=text]::-webkit-input-placeholder,
.conversion-chat-form input[type=number]::-webkit-input-placeholder,
.conversion-chat-form input[type=email]::-webkit-input-placeholder {
  color: #4a4a49;
  text-transform: uppercase;
}
.conversion-chat-form textarea:focus::-moz-placeholder,
.conversion-chat-form select:focus::-moz-placeholder,
.conversion-chat-form input[type=text]:focus::-moz-placeholder,
.conversion-chat-form input[type=number]:focus::-moz-placeholder,
.conversion-chat-form input[type=email]:focus::-moz-placeholder {
  color: #d9dbda;
  text-transform: uppercase;
  opacity: 1;
}
.conversion-chat-form textarea:focus:-ms-input-placeholder,
.conversion-chat-form select:focus:-ms-input-placeholder,
.conversion-chat-form input[type=text]:focus:-ms-input-placeholder,
.conversion-chat-form input[type=number]:focus:-ms-input-placeholder,
.conversion-chat-form input[type=email]:focus:-ms-input-placeholder {
  color: #d9dbda;
  text-transform: uppercase;
}
.conversion-chat-form textarea:focus::-webkit-input-placeholder,
.conversion-chat-form select:focus::-webkit-input-placeholder,
.conversion-chat-form input[type=text]:focus::-webkit-input-placeholder,
.conversion-chat-form input[type=number]:focus::-webkit-input-placeholder,
.conversion-chat-form input[type=email]:focus::-webkit-input-placeholder {
  color: #d9dbda;
  text-transform: uppercase;
}
.conversion-chat-form input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.conversion-chat-form .Upload .csc-form-element-fileupload label {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  border-color: #4a4a49;
  border-width: 1px;
  color: #4a4a49;
  text-align: center;
  background-position: center center;
  background-size: cover;
  line-height: 1.2em;
  width: 100%;
  height: auto;
  padding: 4.25em 2.5rem;
  cursor: pointer;
}
.conversion-chat-form .Upload .csc-form-element-fileupload label:before {
  font-size: 2em;
  display: block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: .4em;
}
.conversion-chat-form .Upload .csc-form-element-fileupload label:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.conversion-chat-form .Upload .csc-form-element-fileupload label:before {
  content: "\e939";
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  .conversion-chat-form .Upload .csc-form-element-fileupload label {
    padding: 3.6em 2.5rem;
  }
}
.conversion-chat-form .Upload .csc-form-element-fileupload label.fileSelected:before {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.conversion-chat-form .userfields .csc-form-element-textarea {
  width: 100%;
}
.conversion-chat-form .userfields .csc-form-element-textarea label {
  display: none;
  /*
        color: @blue;
        border: 1px solid @blue;
        border-bottom: 0;
        .upper;
        .medium;
        display: block;
        padding-left: .5rem;
        font-size: 1rem;
        line-height: 1.6em;
        */
}
.conversion-chat-form .userfields .csc-form-element-textarea textarea {
  border: 1px solid #4a4a49;
  resize: none;
  width: 100%;
  display: block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5rem;
  height: 8rem;
  text-transform: none;
  line-height: 1em;
  margin: 0;
}
.conversion-chat-form .userfields .csc-form-element-textline label {
  display: none;
}
.conversion-chat-form .userfields .csc-form-element-submit {
  width: 100%;
}
.conversion-chat-form .userfields .csc-form-element-submit input {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  color: white !important;
  background: #4a4a49 !important;
  border-color: #4a4a49;
  background-color: #4a4a49 !important;
}
.conversion-chat-form .csc-form-element-checkbox {
  margin-top: .7rem;
  position: relative;
}
.conversion-chat-form .csc-form-element-checkbox i {
  position: absolute;
  left: 0;
  top: 0;
}
.conversion-chat-form .csc-form-element-checkbox i:before {
  vertical-align: top;
  color: #4a4a49 !important;
  border-color: #4a4a49 !important;
}
.conversion-chat-form .csc-form-element-checkbox span {
  font-size: .6rem;
  text-transform: uppercase;
  color: black;
  display: block;
  line-height: 1.4em;
  padding-left: 1rem;
}
.conversion-chat-form .csc-form-element-checkbox span a {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.conversion-chat-form .error input {
  border-color: red !important;
}
@media only screen and (min-width: 980px) {
  .conversion-chat-form .TwoCols > ol > li {
    width: 50%;
    float: left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .conversion-chat-form .TwoCols > ol > li:first-child {
    padding-right: 1rem;
  }
}
.conversion-chat-form .Comment {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 979px) {
  .conversion-chat-form .Right {
    margin-top: 1.15em;
  }
}
.conversion-chat-form .Right input {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: .6em;
}
.conversion-chat-form .Right input[type=submit] {
  margin-top: .8em;
}
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0;
  /* please don't change 'position' */
  position: absolute;
  z-index: 500000;
}
.ps__rail-y {
  display: none;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}
.ps--active-x {
  cursor: ew-resize;
}
.ps--active-x .ps__rail-x,
.ps--active-y .ps__rail-y {
  display: block;
}
.ps:hover .ps__rail-x,
.ps:hover .ps__rail-y,
.ps--focus .ps__rail-x,
.ps--focus .ps__rail-y,
.ps--scrolling-x .ps__rail-x,
.ps--scrolling-y .ps__rail-y {
  opacity: 1;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  opacity: 1;
}
/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 12px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
  cursor: pointer;
}
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 50%;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.bgblack {
  background-color: #000000 !important;
  color: #ffffff;
}
.bgwhite {
  background-color: #ffffff !important;
  color: #000000;
}
.bgblue {
  background-color: #4a4a49 !important;
  color: #ffffff;
}
.bgdarkblue {
  background-color: #697185 !important;
  color: #ffffff;
}
.bggray {
  background-color: #f9f9f9 !important;
  color: #000000;
}
.bgshortweapons {
  background-color: #f2f1f0 !important;
}
.bglongweapons {
  background-color: #f0ece4 !important;
}
.bggray2 {
  background-color: #f2f2f2 !important;
  color: #000000;
}
.bggray3 {
  background-color: #a8a8a8 !important;
}
.bgdark {
  background-color: #ccc !important;
  color: #000000;
}
.bgdarkgray {
  background-color: #4a4a49 !important;
  color: #f9f9f9;
}
.bgdmediumgray {
  background-color: #6F6F6F !important;
  color: #ffffff;
}
.bgyellow {
  background-color: #ffe448 !important;
  color: #000000;
}
.bglightyellow {
  background-color: rgba(255, 228, 72, 0.38) !important;
}
.bglighteryellow {
  background-color: rgba(255, 228, 72, 0.1) !important;
}
.bglighterblue {
  background-color: #dee5ed !important;
}
.bglightblue2 {
  background-color: #d0d5d9 !important;
}
.bglightestblue {
  background-color: #e6eaed !important;
}
.bglightestblue2 {
  background-color: #ebf3f7 !important;
}
.bgorange {
  background-color: #e6aa66 !important;
}
.bglightorange {
  background-color: rgba(230, 170, 102, 0.4) !important;
}
.bggraygradient {
  background: linear-gradient(-90deg, #eeeeee 0%, #b0b0b0 100%) !important;
}
.bgsand-radial-gradient {
  background-image: radial-gradient(circle at 66% 50%, #ffffff 0%, #d2cec5 100%);
}
.bgred {
  background: #eb5c5b;
  color: #ffffff;
}
.bggreen {
  background: #a0bb2c;
  color: #ffffff;
}
.bgbeige {
  background: #e4e0d6;
}
.bgbeigedark {
  background: #dedad3;
}
.bgbeigedarker {
  background: #d2cec7;
}
.bglightbeige {
  background: #f1f0eb;
}
.bgsand {
  background: #f0ece6;
}
.bgsand2 {
  background: #e9e8e6;
}
.bgrose {
  background: #e0c3bc;
}
.bggold {
  background: #a59478;
  color: #ffffff;
}
.bgdarkrose {
  background: #fec5b2;
}
.bglightrose {
  background: #f4e8ea;
}
.bgmediumrose {
  background: #f0e1dc;
}
.bgtransparent {
  background-color: transparent !important;
}
.bggray5 {
  background-color: #595959;
  color: white;
}
.bggray6 {
  background-color: #ededed;
}
.bluetext {
  color: #4a4a49 !important;
}
.lightbluetext {
  color: #7aa7da;
}
.darkbluetext {
  color: #697185;
}
.yellowborder {
  border: 1.25rem solid #ffe448;
}
.goldtext {
  color: #a59478;
}
.lightgoldtext {
  color: #b5ad9b;
}
.redtext {
  color: #eb5c5b;
}
.red2text {
  color: #c31822;
}
.greentext {
  color: #a0bb2c;
}
.whitetext {
  color: #ffffff;
}
.sandtext {
  color: #f0ece6;
}
.beigetext {
  color: #e4e0d6;
}
.blueborder {
  border: 1.25rem solid #4a4a49;
}
@media only screen and (max-width: 979px) {
  .blueborder {
    border: none !important;
  }
}
.blackborder {
  border: 1.25rem solid #000000;
}
@media only screen and (max-width: 979px) {
  .blackborder {
    border: none !important;
  }
}
.bgcontain {
  background-size: contain !important;
}
.bgcover {
  background-size: cover !important;
  background-position: center center;
}
.bgpositioncenter {
  background-position: center center !important;
}
.bgpositioncenter .opSectionFixedBackground {
  background-position: center center !important;
}
.separator-top {
  margin: 0 !important;
  border-color: #4a4a49;
}
.opSection {
  background: center no-repeat #ffffff;
  position: relative;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.opSection.overflow {
  overflow: visible;
}
.opSection > * {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .opSection > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (max-width: 479px) {
  .opSection.mobileNoPadding {
    padding-top: 1rem !important;
    padding-bottom: .5rem !important;
  }
  .opSection.mobileNoPadding > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
  }
}
.opSection.maxwidth800 > div {
  max-width: 840px;
}
.opSection.opSectionPadding {
  padding: 0;
}
.opSection.opSectionPadding1 {
  padding: 1em 0;
}
.opSection.opSectionPadding2 {
  padding: 2em 0;
}
.opSection.opSectionPadding3 {
  padding: 3em 0;
}
.opSection.opSectionPadding4 {
  padding: 4em 0;
}
@media only screen and (max-width: 979px) {
  .opSection.opSectionPadding4 {
    padding: 2em 0;
  }
}
.opSection.opSectionPadding5 {
  padding: 5em 0;
}
.opSection.opSectionPadding6 {
  padding: 6em 0;
}
@media only screen and (max-width: 979px) {
  .opSection.opSectionPadding6 {
    padding: 2em 0 ;
  }
}
.opSection.opSectionPadding7 {
  padding: 7em 0;
}
@media only screen and (max-width: 979px) {
  .opSection.opSectionPadding7 {
    padding: 2em 0 ;
  }
}
.opSection.opSectionPadding8 {
  padding: 8em 0;
}
.opSection.opSectionPadding9 {
  padding: 9em 0;
}
.opSection.opSectionPadding10 {
  padding: 10em 0;
}
.opSection.opSectionPadding11 {
  padding: 11em 0;
}
.opSection.opSectionFullwidthContent {
  padding-left: 0;
  padding-right: 0;
}
.opSection.opSectionFullwidthContent > * {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.opSection.opSectionFullwidthContent img {
  max-width: none;
  width: 100%;
}
.opSection.opSectionFullwidthContent.tableContainer > * {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .opSection.opSectionFullwidthContent.tableContainer > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.opSection.opSectionFullwidthContent.yellowborder > * {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.opSection.opSectionFullFrame {
  height: 100vh;
}
@media only screen and (max-width: 479px) {
  .opSection.opSectionFullFrame {
    height: 80vh;
  }
}
.opSection.opSectionFullImage {
  padding: 0;
}
.opSection.opSectionFullImage > img {
  display: block;
  width: 100%;
  height: auto;
}
.opSection.opSectionFullImage > div.opSectionContent {
  position: absolute;
  width: 100%;
  max-width: none;
  z-index: 3;
  top: 0;
}
.opSection.opSectionFullImage > div.opSectionContent > div {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.opSection.opSectionParallax {
  overflow: hidden;
  background-size: cover !important;
  background-position: center center;
  z-index: -1;
}
.opSection.opSectionParallax > img {
  width: 100%;
  display: block;
}
.opSection.opSectionFixed {
  background-color: transparent !important;
}
.opSection.opSectionFixed .opSectionFixedBackground {
  width: 100%;
  max-width: none;
  height: 100%;
  background-size: cover !important;
  background-position: center center;
  position: fixed;
  background-position: top;
  z-index: -1;
}
.opSection .opFullFrameHeading {
  position: absolute;
  width: 100%;
  padding-bottom: 65px;
  padding-top: 40px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  text-shadow: 0 0 2rem rgba(0, 0, 0, 0.7);
}
.opSection .opFullFrameHeading * {
  color: #a59478;
}
.opSection .opFullFrameHeading h2 {
  font-size: 4.2rem;
  line-height: 1em;
  text-transform: uppercase;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .opSection .opFullFrameHeading h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 320px) {
  .opSection .opFullFrameHeading h2 {
    font-size: 2.2rem;
  }
}
.opSection .opFullFrameHeading h1 {
  margin-top: .5rem;
  font-size: 1.6rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .opSection .opFullFrameHeading h1 {
    font-size: 1.2rem;
  }
}
@media (max-width: 320px) {
  .opSection .opFullFrameHeading h1 {
    font-size: 1rem;
  }
}
.opSection.productIntro {
  margin: 0 2.5rem;
  padding: 1em 2.5rem;
  background: #ffe448;
}
@media only screen and (max-width: 979px) {
  .opSection.productIntro {
    padding: 1.25rem;
    margin: 0 1.25rem;
  }
}
.opSection.productIntro .csc-header {
  position: relative;
}
.opSection.productIntro .csc-header h2 {
  font-size: 1rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.opSection.productIntro .csc-header h2:before {
  content: "";
  height: 0;
  display: block;
  width: 24px;
  text-align: left;
  margin: 0.5em 0 0.5em -3px;
  background: none;
  border: 1px solid #000000;
}
.opSection.productIntro .csc-header h2:after {
  content: "";
  height: 0;
  display: block;
  width: 24px;
  text-align: left;
  margin: 0.5em 0 0.5em -3px;
  background: none;
  border: 1px solid #000000;
}
.opSection.productIntro .csc-header:after {
  content: "";
  height: 0;
  display: block;
  width: 24px;
  text-align: left;
  margin: 0.5em 0 0.5em -3px;
  background: none;
  border: 1px solid #000000;
  position: absolute;
  bottom: 0;
}
.intro video {
  object-position: left;
}
body .opSection.productIntro {
  margin-top: -8.5em;
}
@media only screen and (max-width: 979px) {
  body .opSection.productIntro {
    margin-top: -12em;
  }
}
[data-youtubeid]:before {
  content: "";
  display: block;
  width: 33%;
  max-width: 6rem;
  height: 10rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/youtube-button-red-white.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}
[data-youtubeid].hideButton:before {
  display: none;
}
.ytContainer.opTeaserMedia[data-youtubeid]:before,
.videoteaser-new [data-youtubeid]:before,
.type-mask_youtube [data-youtubeid]:before {
  opacity: .9;
  max-width: 5rem;
  height: 5rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/youtube-button-red-white.svg) no-repeat center center;
}
.ytContainer {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  background-size: cover;
  cursor: pointer;
  font-size: 4rem;
}
.ytContainer:after,
.ytContainer:before {
  z-index: 50;
  color: white;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  display: block;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: alpha(opacity=80);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.ytContainer:before {
  font-size: 1em;
}
@media only screen and (max-width: 979px) {
  .ytContainer:before {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
    filter: alpha(opacity=90);
    font-size: .5em;
  }
}
@media only screen and (min-width: 980px) {
  .ytContainer.playButtonCenter:after,
  .ytContainer.playButtonCenter:before {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .ytContainer.playButtonCenter:before {
    font-size: 1.3em;
  }
}
.ytContainer:hover:after,
.ytContainer:hover:before {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: alpha(opacity=80);
}
.ytContainer[data-autoplay="1"]:after,
.ytContainer[data-autoplay="1"]:before,
.ytContainer.playing:after,
.ytContainer.playing:before {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.ytContainer[data-disable-controls="1"]:after {
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  -webkit-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  display: block;
  visibility: visible !important;
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  margin: 0 !important;
  background: transparent !important;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.ytContainer iframe {
  width: 100%;
  max-width: none !important;
  height: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 979px) {
  section.news {
    padding-top: 1.875rem !important;
    padding-bottom: 2.5rem !important;
  }
}
section.news .opSectionContent {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
section.news .opSectionContent.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
section.news .opSectionContent > * {
  float: left;
}
section.news .opSectionContent.grid2 {
  margin-left: -1rem;
  margin-right: -1rem;
}
section.news .opSectionContent.grid3 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
section.news .opSectionContent.max1 {
  margin-left: 0;
  margin-right: 0;
}
section.news .opSectionContent.max1 > * {
  padding: 0;
}
section.news .opSectionContent.max1 > * {
  width: 100%;
}
section.news .opSectionContent.max2 > * {
  width: 50%;
}
section.news .opSectionContent.max2.min2 > * {
  width: 50% !important;
}
section.news .opSectionContent.max3 > * {
  width: 33.33333333%;
}
section.news .opSectionContent.max4 > * {
  width: 25%;
}
section.news .opSectionContent.max4.min4 > * {
  width: 25% !important;
}
section.news .opSectionContent.max5 > * {
  width: 20%;
}
section.news .opSectionContent.max6 > * {
  width: 16.66666667%;
}
section.news .opSectionContent.max7 > * {
  width: 14.28571429%;
}
section.news .opSectionContent.max8 > * {
  width: 12.5%;
}
section.news .opSectionContent.flex.max5 > * {
  flex: 1 0 20%;
  max-width: 20%;
}
section.news .opSectionContent.flex.max4 > * {
  flex: 1 0 25%;
  max-width: 25%;
}
section.news .opSectionContent.flex.max4.min4 > * {
  flex: 1 0 25% !important;
  max-width: 25% !important;
}
section.news .opSectionContent.flex.max3 > * {
  flex: 1 0 33.33333333%;
  max-width: 33.33333333%;
}
section.news .opSectionContent.flex.max2 > * {
  flex: 1 0 50%;
  max-width: 50%;
}
section.news .opSectionContent.flex.max2.min2 > * {
  flex: 1 0 50% !important;
  max-width: 50% !important;
}
section.news .opSectionContent.flex.max1 > * {
  flex: 1 0 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px) {
  section.news .opSectionContent.max2 > * {
    width: 50%;
  }
  section.news .opSectionContent.max2 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max3 > * {
    width: 33.33333333%;
  }
  section.news .opSectionContent.max3 > *:nth-child(3n+1) {
    clear: both;
  }
  section.news .opSectionContent.max4 > * {
    width: 25%;
  }
  section.news .opSectionContent.max4 > *:nth-child(4n+1) {
    clear: both;
  }
  section.news .opSectionContent.max5 > * {
    width: 20%;
  }
  section.news .opSectionContent.max5 > *:nth-child(5n+1) {
    clear: both;
  }
  section.news .opSectionContent.max6 > * {
    width: 16.66666667%;
  }
  section.news .opSectionContent.max6 > *:nth-child(6n+1) {
    clear: both;
  }
  section.news .opSectionContent.max7 > * {
    width: 20%;
  }
  section.news .opSectionContent.max8 > * {
    width: 20%;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  section.news .opSectionContent.max2 > * {
    width: 50%;
  }
  section.news .opSectionContent.max2 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max3 > * {
    width: 33.33333333%;
  }
  section.news .opSectionContent.max3 > *:nth-child(3n+1) {
    clear: both;
  }
  section.news .opSectionContent.max4 > * {
    width: 25%;
  }
  section.news .opSectionContent.max4 > *:nth-child(4n+1) {
    clear: both;
  }
  section.news .opSectionContent.max5 > * {
    width: 20%;
  }
  section.news .opSectionContent.max5 > *:nth-child(5n+1) {
    clear: both;
  }
  section.news .opSectionContent.max6 > * {
    width: 16.66666667%;
  }
  section.news .opSectionContent.max6 > *:nth-child(6n+1) {
    clear: both;
  }
  section.news .opSectionContent.max7 > * {
    width: 20%;
  }
  section.news .opSectionContent.max8 > * {
    width: 20%;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  section.news .opSectionContent.max2.col7525 > *:nth-child(odd) {
    width: 75%;
  }
  section.news .opSectionContent.max2.col7525 > *:nth-child(even) {
    width: 25%;
  }
  section.news .opSectionContent.max2.col6633 > *:nth-child(odd) {
    width: 66.66666667%;
  }
  section.news .opSectionContent.max2.col6633 > *:nth-child(even) {
    width: 33.33333333%;
  }
  section.news .opSectionContent.max2.col6633.flex > *:nth-child(odd) {
    flex: 1 0 66.66666667%;
    max-width: 66.66666667%;
  }
  section.news .opSectionContent.max2.col6633.flex > *:nth-child(even) {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  section.news .opSectionContent.max2.col3366 > *:nth-child(odd) {
    width: 33.33333333%;
  }
  section.news .opSectionContent.max2.col3366 > *:nth-child(even) {
    width: 66.66666667%;
  }
  section.news .opSectionContent.max2.col2575 > *:nth-child(odd) {
    width: 25%;
  }
  section.news .opSectionContent.max2.col2575 > *:nth-child(even) {
    width: 75%;
  }
  section.news .opSectionContent.max2.col4258 > *:nth-child(odd) {
    width: 42%;
  }
  section.news .opSectionContent.max2.col4258 > *:nth-child(even) {
    width: 58%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  section.news .opSectionContent.max2.min3366 > *:nth-child(odd) {
    width: 33.33333333% !important;
  }
  section.news .opSectionContent.max2.min3366 > *:nth-child(even) {
    width: 66.66666667% !important;
  }
}
@media only screen and (max-width: 479px) {
  section.news .opSectionContent.max2.min3366 > *:nth-child(odd) {
    width: 40% !important;
  }
  section.news .opSectionContent.max2.min3366 > *:nth-child(even) {
    width: 60% !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  section.news .opSectionContent.max3.col255025 > *:nth-child(3n+1) {
    width: 25%;
  }
  section.news .opSectionContent.max3.col255025 > *:nth-child(3n+2) {
    width: 55%;
  }
  section.news .opSectionContent.max3.col255025 > *:nth-child(3n+3) {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  section.news .opSectionContent.max3.col255025 > *:nth-child(3n+1) {
    width: 33%;
  }
  section.news .opSectionContent.max3.col255025 > *:nth-child(3n+2) {
    width: 66%;
  }
  section.news .opSectionContent.max3.col255025 > *:nth-child(3n+3) {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  section.news .opSectionContent.max3.col255025 > * {
    width: 100% !important;
  }
  section.news .opSectionContent.max3.col255025.min2 > * {
    width: 50% !important;
  }
  section.news .opSectionContent.max3.col255025.min4 > * {
    width: 25% !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  section.news .opSectionContent.max3.col502525 > *:nth-child(3n+1) {
    width: 55%;
  }
  section.news .opSectionContent.max3.col502525 > *:nth-child(3n+2) {
    width: 25%;
  }
  section.news .opSectionContent.max3.col502525 > *:nth-child(3n+3) {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  section.news .opSectionContent.max3.col502525 > * {
    width: 50%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  section.news .opSectionContent.max3.col502525 > * {
    width: 100% !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  section.news .opSectionContent.max3.min2 > * {
    width: 50% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  section.news .opSectionContent.max2 > * {
    width: 50%;
  }
  section.news .opSectionContent.max2.ipad1 > * {
    width: 100%;
  }
  section.news .opSectionContent.max3 > * {
    width: 33.33333333%;
  }
  section.news .opSectionContent.max3 > *:nth-child(3n+1) {
    clear: both;
  }
  section.news .opSectionContent.max4 > * {
    width: 25%;
  }
  section.news .opSectionContent.max4 > *:nth-child(4n+1) {
    clear: both;
  }
  section.news .opSectionContent.max5 > * {
    width: 33.33333333%;
  }
  section.news .opSectionContent.max5 > *:nth-child(3n+1) {
    clear: both;
  }
  section.news .opSectionContent.max6 > * {
    width: 25%;
  }
  section.news .opSectionContent.max7 > * {
    width: 25%;
  }
  section.news .opSectionContent.max8 > * {
    width: 33.33333333%;
  }
  section.news .opSectionContent.flex.max5 > * {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  section.news .opSectionContent.flex.max4 > * {
    flex: 1 0 25%;
    max-width: 25%;
  }
  section.news .opSectionContent.flex.max3 > * {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  section.news .opSectionContent.flex.max2 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  section.news .opSectionContent.max2 > * {
    width: 100%;
  }
  section.news .opSectionContent.max3 > * {
    width: 50%;
  }
  section.news .opSectionContent.max3 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max4 > * {
    width: 50%;
  }
  section.news .opSectionContent.max4 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max5 > * {
    width: 33.33333333%;
  }
  section.news .opSectionContent.max5 > *:nth-child(3n+1) {
    clear: both;
  }
  section.news .opSectionContent.max6 > * {
    width: 50%;
  }
  section.news .opSectionContent.max6 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max7 > * {
    width: 50%;
  }
  section.news .opSectionContent.max7 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max8 > * {
    width: 33.33333333%;
  }
  section.news .opSectionContent.max8 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.flex.max5 > * {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
  section.news .opSectionContent.flex.max4 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
  section.news .opSectionContent.flex.max3 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
  section.news .opSectionContent.flex.max2 > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  section.news .opSectionContent.max2 > * {
    width: 100%;
  }
  section.news .opSectionContent.max3 > * {
    width: 100%;
  }
  section.news .opSectionContent.max3 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max4 > * {
    width: 50%;
  }
  section.news .opSectionContent.max4 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max5 > * {
    width: 50%;
  }
  section.news .opSectionContent.max5 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max6 > * {
    width: 50%;
  }
  section.news .opSectionContent.max6 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max7 > * {
    width: 50%;
  }
  section.news .opSectionContent.max7 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.max8 > * {
    width: 50%;
  }
  section.news .opSectionContent.max8 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.min1 > * {
    width: 100% !important;
  }
  section.news .opSectionContent.min1 > *:nth-child(odd) {
    clear: both;
  }
  section.news .opSectionContent.flex.max5 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
  section.news .opSectionContent.flex.max4 > * {
    flex: 1 0 50%;
    max-width: 50%;
  }
  section.news .opSectionContent.flex.max3 > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
  section.news .opSectionContent.flex.max2 > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
section.news .opSectionContent > * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 0.5rem 1rem 0.5rem;
}
section.news .opSectionContent.grid-half > * {
  padding: 0 0.25rem 0.5rem 0.25rem;
}
section.news .opSectionContent.grid2 > * {
  padding: 0 1rem 2rem 1rem;
}
section.news .opSectionContent.grid3 > * {
  padding: 0 1.5rem 3rem 1.5rem;
}
section.news .opSectionContent .fluid > * {
  padding-bottom: 0 !important;
}
section.news .opSectionContent.nogrid {
  margin-left: auto;
  margin-right: auto;
}
section.news .opSectionContent.nogrid > * {
  padding: 0;
}
section.news .opSectionContent:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (min-width: 980px) {
  section.news .opSectionContent {
    margin: 0 auto;
  }
}
section.news .opSectionContent > .type-onepager_teaser {
  width: 50%;
}
@media only screen and (max-width: 979px) {
  section.news .opSectionContent > .type-onepager_teaser {
    width: 100%;
  }
}
section.news .opSectionContent > .type-onepager_teaser:nth-child(odd) {
  clear: both;
}
section.news .opSectionContent > .type-onepager_teaser .opTeaserMedia {
  padding-top: 56.25%;
}
section.news .opSectionContent > .type-onepager_teaser .ytContainer {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100%;
}
@media only screen and (min-width: 980px) {
  section.news .opSectionContent > .type-onepager_teaser .ytContainer.playing {
    width: 200%;
    z-index: 1000;
    padding-top: 112.5%;
    padding-left: 1rem;
  }
  section.news .opSectionContent > .type-onepager_teaser:nth-child(odd) .ytContainer.playing {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-left: -0.5rem;
  }
}
section.news .opSectionContent > .type-onepager_teaser .opTeaser {
  cursor: pointer;
  padding-bottom: 2em;
}
section.news .opSectionContent > .type-onepager_teaser .opTeaser h3 {
  padding: .5rem 0 1rem;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  section.news .opSectionContent > .type-onepager_teaser .opTeaser h3 {
    font-size: 1.1rem;
  }
}
section.news .opSectionContent > .type-onepager_teaser .opTeaser h4 {
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  line-height: 1.2em;
}
section.news .opSectionContent > .type-onepager_teaser .opTeaser img {
  width: 7rem;
  height: auto;
}
section.news .opSectionContent > .type-onepager_teaser .opTeaser .opTeaserTextInvisible {
  display: none;
  padding-top: 2em;
}
section.news .opSectionContent > .type-onepager_teaser .opTeaser.expand .opTeaserTextInvisible {
  display: block;
}
html[lang="ru"] .opTeaserTextCenter *,
html[lang="ru-RU"] .opTeaserTextCenter *,
body.lang4 .opTeaserTextCenter * {
  font-size: .8rem !important;
}
html[lang="ru"] .opTeaserTextCenter h3,
html[lang="ru-RU"] .opTeaserTextCenter h3,
body.lang4 .opTeaserTextCenter h3 {
  font-size: 1.2rem !important;
}
.bx-wrapper {
  position: relative;
}
.bx-wrapper .bx-controls-direction {
  display: none;
  position: absolute;
  top: 50%;
  height: 0;
  width: 100%;
}
.slideWithIcon {
  background-size: cover;
  position: relative;
  text-align: center;
  height: 0;
  padding-bottom: 56%;
}
.slideWithIcon > span {
  display: block;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/lasche.svg) no-repeat top center;
  background-size: contain;
  padding: .5em 0;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1.4em;
  line-height: 1em;
}
.opSliderFullFrame {
  height: 100%;
}
.opSliderFullFrame .bx-wrapper,
.opSliderFullFrame .bx-viewport,
.opSliderFullFrame .bx-viewport > .slider,
.opSliderFullFrame .bx-viewport > .slider > *,
.opSliderFullFrame .slideWithIcon {
  height: 100% !important;
}
.opSliderFullFrame .slideWithIcon {
  padding: 0;
}
.bx-pager {
  position: absolute;
  bottom: 8%;
  left: 0;
}
.bx-pager a .sliderFlag {
  display: none !important;
  display: block;
  background: rgba(255, 255, 255, 0.9);
  width: 2em;
  height: 1.2em;
  text-align: right;
  font-size: 1.5rem;
  line-height: 1.2em;
  color: transparent;
  padding: .2em .5em;
  margin: 3px 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translate(-2em, 0);
  -moz-transform: translate(-2em, 0);
  -o-transform: translate(-2em, 0);
  -ms-transform: translate(-2em, 0);
  transform: translate(-2em, 0);
}
@media only screen and (max-width: 479px) {
  .bx-pager a .sliderFlag {
    font-size: 1.1rem;
  }
}
.bx-pager a:hover .sliderFlag,
.bx-pager a.active .sliderFlag {
  color: #666666;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
ul.contentList {
  margin: 0;
  padding: 0 0 1em 0;
}
ul.contentList li {
  position: relative;
  list-style: none;
  padding-left: 1em;
  padding-bottom: 1rem;
}
ul.contentList li:before {
  content: "- ";
  font-size: 1.3em;
  color: #4a4a49;
  position: absolute;
  left: 0;
  top: 0;
}
span.iconWrap {
  display: block;
  position: relative;
  text-align: center;
}
span.iconWrap span.icon {
  font-size: 5em;
}
@media only screen and (max-width: 479px) {
  span.iconWrap span.icon {
    font-size: 4em;
  }
}
.max8 span.iconWrap span.icon {
  font-size: 5em;
}
@media only screen and (max-width: 479px) {
  .max8 span.iconWrap span.icon {
    font-size: 4em;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  .max8 span.iconWrap span.icon {
    font-size: 9vw;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .max8 span.iconWrap span.icon {
    font-size: 5vw;
  }
}
.type-onepager_button a {
  border: 2px !important;
  display: block;
  position: relative;
}
.type-onepager_button a * {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.type-onepager_button .center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.type-onepager_button span.iconWrap {
  display: block;
  height: 0;
  padding-bottom: 78%;
  position: relative;
}
.type-onepager_button span.iconWrap:before {
  content: "";
  display: block;
  height: 0%;
  position: absolute;
  width: 100%;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.type-onepager_button span.iconWrap.blueonwhite {
  color: #4a4a49;
}
.type-onepager_button span.label {
  display: block;
  padding: .3em .7em .7em .7em;
  left: 0;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.silatecButtons.fluid {
  margin-left: -2px;
  margin-right: -2px;
}
.silatecButtons.fluid > * {
  float: none !important;
  display: inline-block;
}
.silatecButtons.blue {
  background: #4a4a49;
}
.silatecButtons.blue a {
  border-color: #48585f !important;
  border-style: solid !important;
}
.silatecButtons.blue * {
  color: white;
}
.silatecButtons.blue span.iconWrap {
  background: #4a4a49;
}
.silatecButtons.blue a:hover * {
  color: #4a4a49 !important;
}
.silatecButtons.blue a:hover span.iconWrap:before {
  background: white;
  height: 100%;
}
.silatecButtons.blueonwhite {
  background: white;
}
.silatecButtons.blueonwhite * {
  color: #4a4a49;
}
.silatecButtons.blueonwhite span.iconWrap {
  background: white;
}
.silatecButtons.blueonwhite a:hover * {
  color: #666666 !important;
}
.silatecButtons.blueonwhite a:hover span.iconWrap {
  background: white;
}
.silatecButtons.gray {
  background: white;
}
.silatecButtons.gray * {
  color: #666666;
}
.silatecButtons.gray span.iconWrap {
  background: white;
}
.silatecButtons.gray a:hover * {
  color: #4a4a49 !important;
}
.silatecButtons.gray a:hover span.iconWrap {
  background: white;
}
.silatecButtons.prefooter {
  background: #4a4a49;
}
.silatecButtons.prefooter * {
  color: white;
}
.silatecButtons.prefooter span.iconWrap {
  font-size: 1rem !important;
}
.slideIn {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(0, 80px);
  -moz-transform: translate(0, 80px);
  -o-transform: translate(0, 80px);
  -ms-transform: translate(0, 80px);
  transform: translate(0, 80px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.slideIn.slideInDone {
  -webkit-transform: translate(0, 0em);
  -moz-transform: translate(0, 0em);
  -o-transform: translate(0, 0em);
  -ms-transform: translate(0, 0em);
  transform: translate(0, 0em);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
}
.masonry .masonryTile {
  padding: 0;
  position: relative;
}
.masonry .masonryTile figcaption {
  display: none;
}
@media only screen and (max-width: 479px) {
  .masonry .masonryTile.showCaption figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 1.25rem;
    font-size: 1.1rem;
    line-height: 1.4em;
    text-transform: uppercase;
  }
}
.masonry .masonryTile img {
  border: 1px solid white;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.masonry .masonryTile:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: black;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=10)";
  filter: alpha(opacity=10);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.masonry .masonryTile:hover:before {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .masonry .masonryIndex-1-1.masonryFormat-wide,
  .masonry .masonryIndex-8-1.masonryFormat-wide {
    width: 66.66%;
  }
}
nav.mainmenu ol,
nav.mainmenu ul,
nav.mainmenu li {
  list-style: none;
}
nav.mainmenu li.spacer {
  height: 1rem;
}
@media only screen and (min-width: 980px) {
  nav.mainmenu {
    min-height: 40rem;
    padding: 2rem 4rem 4rem;
    position: relative;
  }
  nav.mainmenu > ul.menu {
    position: relative;
    width: 37%;
    border-right: 1px solid transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  nav.mainmenu > ul.menu > li > ul {
    display: none;
    position: absolute;
    left: 100%;
    padding-left: 2rem;
    top: 0;
    border-left: 1px solid black;
  }
  nav.mainmenu > ul.menu > li > ul > li > a {
    white-space: nowrap;
    color: black;
    font-family: "fs_joeyregular", "Roboto", "Arial";
    font-weight: 400 !important;
  }
  nav.mainmenu > ul.menu > li > ul > li > a.act,
  nav.mainmenu > ul.menu > li > ul > li > a:hover {
    color: #014587;
  }
  nav.mainmenu > ul.menu > li > a {
    display: block;
    margin: .4rem 0;
    padding: .2rem 0;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: "fs_joeyregular", "Roboto", "Arial";
    font-weight: 400 !important;
    position: relative;
    color: #666666;
  }
  nav.mainmenu > ul.menu > li > a:hover,
  nav.mainmenu > ul.menu > li > a.active {
    color: black;
  }
  nav.mainmenu > ul.menu > li.hasSub > a {
    padding-right: 5rem;
  }
  nav.mainmenu > ul.menu > li.hasSub > a:before {
    position: absolute;
    right: 4rem;
    top: 50%;
    margin-top: -.5rem;
    font-family: 'silatec' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e93d";
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 1.1rem;
    text-align: center;
    color: #666666;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  nav.mainmenu > ul.menu > li.hasSub > a:after {
    position: absolute;
    content: "";
    right: 0rem;
    top: 50%;
    width: 0rem;
    height: 0;
    border-top: 1px solid transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  nav.mainmenu > ul.menu > li.hasSub > a.act,
  nav.mainmenu > ul.menu > li.hasSub > a:hover {
    color: black;
  }
  nav.mainmenu > ul.menu > li.hasSub > a.act:before,
  nav.mainmenu > ul.menu > li.hasSub > a:hover:before {
    color: black;
    border-color: black;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }
  nav.mainmenu > ul.menu > li.hasSub.open > ul {
    display: block;
  }
  nav.mainmenu > ul.menu > li.hasSub.open > a:before {
    color: black;
    border-color: black;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }
  nav.mainmenu > ul.menu > li.hasSub.open > a:after {
    width: 3rem;
    border-color: #000000;
  }
  nav.mainmenu > ul.menu.open {
    border-right: 1px solid black;
  }
  nav.mainmenu .imprint {
    position: absolute;
    right: 4rem;
    bottom: 4rem;
    text-align: right;
  }
}
@media only screen and (max-width: 979px) {
  nav.mainmenu {
    right: 0;
    width: 100%;
    margin-left: 0;
  }
  nav.mainmenu * {
    line-height: 130%;
  }
  nav.mainmenu .imprint {
    margin: 5em 2em 0em 2em;
    padding-top: .5em;
    padding-bottom: 1em;
    border-top: 2px solid #b5b4b4;
  }
  nav.mainmenu .imprint > * {
    padding: 0 !important;
    margin: 0 !important;
  }
  nav.mainmenu .backbutton > span {
    display: block;
    margin-top: 1em;
    width: 2em;
    height: 2em;
    background: url(/typo3conf/ext/onepager/Resources/Public/gfx/pfeil.svg) no-repeat center left;
    background-size: contain;
    cursor: pointer;
  }
  nav.mainmenu > ul {
    padding: 2em 0 0 0;
    margin: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    left: 0;
  }
  nav.mainmenu > ul > li {
    min-height: 0;
    padding: 0 2em 1.2em;
  }
  nav.mainmenu > ul > li.spacer {
    display: none;
  }
  nav.mainmenu > ul > li > a {
    font-family: "fs_joeyregular", "Roboto", "Arial";
    font-weight: 400 !important;
    font-size: 1.5rem;
    line-height: 1.2em;
    text-transform: uppercase;
  }
  nav.mainmenu > ul > li.hasSub > a {
    position: relative;
    display: block;
  }
  nav.mainmenu > ul > li.hasSub > a:before {
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
    position: absolute;
    right: 5%;
    top: .5rem;
    font-family: 'silatec' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e93d";
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 1em;
    text-align: center;
    color: #000000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  nav.mainmenu > ul > li.hasSub > ul {
    display: none;
    padding-bottom: 10rem;
  }
  nav.mainmenu > ul > li.hasSub.open ul {
    display: block;
    width: 100%;
  }
  nav.mainmenu > ul > li > ul {
    position: absolute;
    left: 100%;
    top: 1.25rem;
  }
  nav.mainmenu > ul > li > ul > li {
    padding: 0 2em .5em;
  }
  nav.mainmenu > ul > li > ul > li > a {
    font-size: 1.1rem;
    line-height: 1.4em;
  }
  nav.mainmenu > ul.open {
    left: -100%;
  }
}
@media only screen and (max-width: 979px) and only screen and (max-width: 479px) {
  nav.mainmenu > ul > li > a {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  nav.mainmenu > ul.menu > li {
    margin-bottom: .6rem;
  }
  nav.mainmenu > ul.menu > li > a {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  nav.mainmenu > ul.menu > li > a {
    font-size: 1.1rem;
  }
}
nav.mainmenu > ul.menu > li > ul > li.pid136,
nav.mainmenu > ul.menu > li > ul > li.pid112,
nav.mainmenu > ul.menu > li > ul > li.pid113,
nav.mainmenu > ul.menu > li > ul > li.pid156,
nav.mainmenu > ul.menu > li > ul > li.pid110 {
  margin-bottom: .5rem;
}
nav.mainmenu > ul.menu > li > ul > li.pid136 > a,
nav.mainmenu > ul.menu > li > ul > li.pid112 > a,
nav.mainmenu > ul.menu > li > ul > li.pid113 > a,
nav.mainmenu > ul.menu > li > ul > li.pid156 > a,
nav.mainmenu > ul.menu > li > ul > li.pid110 > a {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.ytContainer img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ytContainer img.videoteaser--gif {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: -1;
}
.ytContainer:hover img.videoteaser--gif {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  z-index: 1;
}
.ytContainer.playing:hover img.videoteaser--gif {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  z-index: -1;
}
.videoteaser-new {
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #f9f9f9;
}
.videoteaser-new .videoteaser--video {
  background: #4a4a49;
  padding: 2rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .videoteaser-new .videoteaser--video {
    padding: 0;
  }
}
.videoteaser-new .videoteaser--video .videoteaser--videocontainer {
  max-width: 660px;
  margin: 0 auto;
}
.videoteaser-new .videoteaser--video .videoteaser--videocontainer video {
  display: block;
}
.videoteaser-new .videoteaser--content {
  padding: 2rem;
}
.videoteaser-new .videoteaser--content .col1 {
  width: 42%;
}
.videoteaser-new .videoteaser--content h2,
.videoteaser-new .videoteaser--content .size2 {
  line-height: 1.2;
}
.videoteaser-new .videoteaser--content .badge {
  width: 110px;
  display: inline-block;
  opacity: .5;
  margin: 1rem 2rem 1rem;
}
.videoteaser-new .videoteaser--content .leftbadge {
  height: 130px;
  width: 110px;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .videoteaser-new .videoteaser--content .col1 {
    width: 100%;
  }
  .videoteaser-new .videoteaser--content .badge {
    margin-top: -.5rem;
    margin-bottom: .8rem;
    margin-left: 0;
    margin-right: 0;
    width: 90px !important;
    vertical-align: middle;
  }
  .videoteaser-new .videoteaser--content .leftbadge {
    position: static;
    margin-left: 0;
    margin-right: 0;
    height: 110px !important;
    width: 80px !important;
    vertical-align: middle;
    transform: none;
  }
  .videoteaser-new .videoteaser--content .leftbadge.shooteqbadge {
    width: 110px !important;
  }
  .videoteaser-new .videoteaser--content .button-gold {
    margin-top: .5rem;
  }
  .videoteaser-new .videoteaser--content * {
    text-align: center !important;
  }
  .videoteaser-new .videoteaser--content .caption {
    text-align: left !important;
  }
}
.videoteaser-old,
.videoteaser {
  background: #eeeeee center center no-repeat;
  background-image: radial-gradient(farthest-corner at 100% 30%, #eeeeee 0%, #7c7d7f 100%);
  background-size: cover;
  margin-bottom: 2rem;
}
.videoteaser-old *,
.videoteaser * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 980px) {
  .videoteaser-old,
  .videoteaser {
    display: flex;
    flex-flow: row wrap;
  }
}
@media only screen and (min-width: 980px) {
  .videoteaser-old .videoteaser--video,
  .videoteaser .videoteaser--video {
    flex: 1 66%;
  }
}
.videoteaser-old .videoteaser--video video,
.videoteaser .videoteaser--video video {
  background: black;
  display: block;
}
.videoteaser-old .videoteaser--video .videoteaser--videocontainer,
.videoteaser .videoteaser--video .videoteaser--videocontainer {
  position: relative;
}
.videoteaser-old .videoteaser--content,
.videoteaser .videoteaser--content {
  position: relative;
  background: center center no-repeat;
  background-size: cover;
  color: #4a4a49;
  padding: 2rem 2rem .5rem 2rem;
  font-size: 1.2rem;
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
}
@media only screen and (min-width: 980px) {
  .videoteaser-old .videoteaser--content,
  .videoteaser .videoteaser--content {
    flex: 1 34%;
  }
}
.videoteaser-old .videoteaser--content h2,
.videoteaser .videoteaser--content h2 {
  font-size: 1.2rem;
  line-height: 1.2em;
}
.videoteaser-old .videoteaser--content *,
.videoteaser .videoteaser--content * {
  color: #4a4a49;
}
.videoteaser-old .videoteaser--content img,
.videoteaser .videoteaser--content img {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5rem;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  filter: alpha(opacity=50);
  margin-bottom: 1rem;
}
.videoteaser-old .videoteaser--content ul.check,
.videoteaser .videoteaser--content ul.check {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  .videoteaser-old .videoteaser--content,
  .videoteaser .videoteaser--content {
    font-size: 1.5vw;
  }
  .videoteaser-old .videoteaser--content h2,
  .videoteaser .videoteaser--content h2 {
    font-size: 1.5vw;
  }
  .videoteaser-old .videoteaser--content img,
  .videoteaser .videoteaser--content img {
    max-width: 5vw;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .videoteaser-old .videoteaser--content,
  .videoteaser .videoteaser--content {
    font-size: 1.6vw;
  }
  .videoteaser-old .videoteaser--content h2,
  .videoteaser .videoteaser--content h2 {
    font-size: 1.6vw;
  }
  .videoteaser-old .videoteaser--content img,
  .videoteaser .videoteaser--content img {
    max-width: 5vw;
  }
}
.videoteaser-old .videoteaser--content .col2,
.videoteaser .videoteaser--content .col2 {
  padding: .8em 0;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .videoteaser-old .videoteaser--content .col1,
  .videoteaser .videoteaser--content .col1,
  .videoteaser-old .videoteaser--content .col2,
  .videoteaser .videoteaser--content .col2,
  .videoteaser-old .videoteaser--content .col3,
  .videoteaser .videoteaser--content .col3 {
    padding: 1rem 0 .5rem 0;
    display: inline-block;
    width: 32%;
    vertical-align: bottom;
  }
  .videoteaser-old .videoteaser--content img,
  .videoteaser .videoteaser--content img {
    vertical-align: bottom;
    max-width: 80px;
    margin-bottom: 0;
  }
  .videoteaser-old .videoteaser--content ul.check,
  .videoteaser .videoteaser--content ul.check {
    padding: 0;
  }
}
.pid4 .videoteaser--content .button-gold,
.pid6 .videoteaser--content .button-gold,
.pid4 .videoteaser--content .button,
.pid6 .videoteaser--content .button {
  visibility: hidden;
}
.ie11 .videoteaser {
  background: #6E7275;
}
@media only screen and (min-width: 980px) {
  .ie11 .videoteaser {
    flex-flow: inherit;
  }
}
.imageteaser {
  margin-bottom: 2rem;
  position: relative;
}
.imageteaser * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 980px) {
  .imageteaser {
    display: flex;
    flex-flow: row wrap;
  }
}
.imageteaser .imageteaser--slider {
  position: relative;
}
.imageteaser .imageteaser--slider > h2 {
  text-transform: uppercase;
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
  padding: 2rem;
  min-height: 4.5em;
  position: absolute;
  z-index: 99;
  bottom: -1px;
  width: 80%;
  color: white;
  text-align: center;
  line-height: 1.1;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #6E7275;
  background-image: radial-gradient(farthest-corner at 100% 0, #6e7275 0%, #27282c 100%);
}
@media only screen and (max-width: 979px) {
  .imageteaser .imageteaser--slider > h2 {
    min-height: auto;
    font-size: 1.3rem;
    padding: 1.25rem;
  }
}
@media only screen and (min-width: 980px) {
  .imageteaser .imageteaser--slider {
    flex: 1 50%;
  }
  .imageteaser .imageteaser--slider .bx-wrapper,
  .imageteaser .imageteaser--slider .bx-viewport,
  .imageteaser .imageteaser--slider .slider,
  .imageteaser .imageteaser--slider .slide {
    height: 100% !important;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .imageteaser .imageteaser--slider .bx-wrapper,
  .imageteaser .imageteaser--slider .bx-viewport,
  .imageteaser .imageteaser--slider .slider,
  .imageteaser .imageteaser--slider .slide {
    height: 75vw !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .imageteaser .imageteaser--slider .bx-wrapper,
  .imageteaser .imageteaser--slider .bx-viewport,
  .imageteaser .imageteaser--slider .slider,
  .imageteaser .imageteaser--slider .slide {
    height: 66vw !important;
  }
}
.imageteaser .imageteaser--slider .slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.imageteaser .imageteaser--content {
  position: relative;
  background: #6E7275;
  background-image: radial-gradient(farthest-corner at 100% 0, #6e7275 0%, #27282c 100%);
  color: white;
  padding: 2rem;
  font-size: 1.2rem;
}
@media only screen and (min-width: 980px) {
  .imageteaser .imageteaser--content {
    flex: 1 50%;
  }
}
.imageteaser .imageteaser--content h3 {
  font-size: 1.3rem;
  line-height: 1.2em;
  margin-bottom: .5em;
}
.imageteaser .imageteaser--content .check {
  font-size: 1rem;
}
.imageteaser .imageteaser--content * {
  color: white;
}
.imageteaser .imageteaser--content img {
  display: inline-block;
  vertical-align: middle;
}
.imageteaser .imageteaser--content p {
  font-size: 1rem;
  line-height: 1.3;
}
.imageteaser .conversion-chat-bubble {
  margin-top: 2rem;
  position: relative;
  padding: 1.2rem .8rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.imageteaser .conversion-chat-bubble span {
  max-width: 4em !important;
  margin-right: 1em;
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .imageteaser .conversion-chat-bubble {
    position: absolute;
    right: 2rem;
    bottom: 2.3rem;
  }
}
.imageteaser .conversion-chat-bubble > span {
  display: inline-block;
  max-width: 5em;
  text-transform: uppercase;
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
  line-height: 1;
  vertical-align: middle;
  white-space: normal;
}
.imageteaser .conversion-chat-bubble > .icon-mail {
  display: inline-block;
  font-size: 2rem;
  line-height: 1rem;
  vertical-align: middle;
  margin: 0 .1em;
}
.imageteaser .conversion-chat-bubble > .icon-sprtechblase {
  display: inline-block;
  font-size: 2.3rem;
  line-height: 1rem;
  vertical-align: middle;
  padding-top: .2em;
  margin: 0 .1em;
}
.imageteaser .conversion-chat-bubble > .icon-telefon {
  display: inline-block;
  font-size: 2rem;
  line-height: 1rem;
  vertical-align: middle;
  margin: 0 .1em;
}
@media only screen and (max-width: 979px) {
  .imageteaser .conversion-chat-bubble {
    text-align: right;
  }
  .imageteaser .conversion-chat-bubble > span {
    float: left;
    text-align: left;
  }
}
.imageteaser.blue .imageteaser--slider > h2,
.imageteaser.blue .imageteaser--content {
  background: #4a4a49;
}
.imageteaser.blue .check {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.imageteaser.blue .conversion-chat-bubble {
  background-color: #8caec8;
}
.imageteaser.blue .conversion-chat-bubble a:hover:before {
  color: #4a4a49;
}
.imageteaser.blue .check li:before {
  color: #8caec8;
}
.imageteaser.conversionblue .imageteaser--slider > h2,
.imageteaser.conversionblue .imageteaser--content {
  background: #8caec8;
}
.imageteaser.conversionblue .conversion-chat-bubble {
  background-color: #8caec8;
}
.imageteaser.conversionblue .conversion-chat-bubble a:hover:before {
  color: #8caec8;
}
.imageteaser.conversionblue .check li:before {
  color: #8caec8;
}
.imageteaser.conversionblue_dark .imageteaser--slider > h2,
.imageteaser.conversionblue_dark .imageteaser--content {
  background: #3f4a59;
}
.imageteaser.conversionblue_dark .conversion-chat-bubble {
  background-color: #8caec8;
}
.imageteaser.conversionblue_dark .conversion-chat-bubble a:hover:before {
  color: #3f4a59;
}
.imageteaser.conversionblue_dark .check li:before {
  color: #8caec8;
}
.imageteaser.brown .imageteaser--slider > h2 {
  background: #372727;
}
.imageteaser.brown .imageteaser--content {
  background: #372727;
}
.imageteaser.brown .conversion-chat-bubble {
  background-color: #B77835;
}
.imageteaser.brown .conversion-chat-bubble a:hover:before {
  color: #372727;
}
.imageteaser.brown .check li:before {
  color: #B77835;
}
.imageteaser.gray .imageteaser--slider > h2 {
  background: #55514D;
}
.imageteaser.gray .imageteaser--content {
  background: #55514D;
}
.imageteaser.gray .conversion-chat-bubble {
  background-color: #BAA480;
}
.imageteaser.gray .conversion-chat-bubble a:hover:before {
  color: #55514D;
}
.imageteaser.gray .check li:before {
  color: #BAA480;
}
.imageteaser.yellow .imageteaser--slider > h2,
.imageteaser.yellow .imageteaser--content {
  background: #ffe448;
  color: #000000;
}
.imageteaser.yellow .imageteaser--slider > h2 *,
.imageteaser.yellow .imageteaser--content * {
  color: #000000;
  border-color: #000000;
}
.imageteaser.yellow .conversion-chat-bubble {
  background-color: black;
}
.imageteaser.yellow .conversion-chat-bubble a:hover:before {
  color: #ffe448;
}
.imageteaser.yellow .check li:before {
  color: #000000;
}
@media only screen and (min-width: 980px) {
  .imageteaser .conversion-chat-form-container {
    width: 60%;
  }
}
.imageteaser .spezial-produkte {
  max-width: 22rem;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 1rem;
}
.imageteaser .spezial-produkte span {
  vertical-align: middle;
}
.imageteaser .spezial-produkte .icon {
  width: 1.8em;
  display: inline-block;
}
.imageteaser .spezial-produkte .size-1 {
  font-size: .7rem;
}
@media only screen and (max-width: 979px) {
  .imageteaser .spezial-produkte {
    text-align: center;
  }
  .imageteaser .spezial-produkte .icon {
    font-size: 1.5rem;
  }
  .imageteaser .spezial-produkte span {
    display: block;
    margin-bottom: .3rem;
  }
}
.imageteaser .conversion-chat-claim {
  padding-right: 1rem;
}
@media (max-width: 1120px) {
  .imageteaser .conversion-chat-claim {
    display: none !important;
  }
}
@media only screen and (max-width: 979px) {
  .imageteaser .conversion-chat-claim {
    display: inline-block !important;
  }
}
.lang5.pid1 .button-white {
  min-width: 18em;
  font-size: .7rem;
  padding: .35em 1em;
}
@media only screen and (min-width: 980px) {
  .ie11 .imageteaser {
    flex-flow: inherit;
  }
}
.imageteasersolo {
  position: relative;
  margin-bottom: 1rem;
}
.imageteasersolo img {
  display: block;
}
.imageteasersolo h2 {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
  font-size: 1rem;
  padding: 1em 1em;
  min-height: 5em;
  position: absolute;
  z-index: 99;
  bottom: 0;
  width: 80%;
  color: white;
  text-align: center;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 979px) {
  .imageteasersolo h2 {
    padding: .5em;
    font-size: .8rem;
    min-height: 3.5em;
    line-height: 1.1;
  }
}
.imageteasersolo.conversionblue h2 {
  background: #8caec8;
}
.imageteasersolo.conversionblue_dark h2 {
  background: #3f4a59;
}
.imageteasersolo.blue h2 {
  background: #4a4a49;
}
.imageteasersolo.brown h2 {
  background: #503A3A;
}
.imageteasersolo.gray h2 {
  background: #797871;
}
.imageteasersolo.yellow h2 {
  background: #ffe448;
  color: #000000;
}
/*
.fluid {
  > *{
    padding-bottom: 0;
  }

  .imageteasersolo {

  }
}
*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .maxwidthMobile {
    padding-left: 12vw;
    padding-right: 12vw;
  }
}
.landingPage .lexiconHead .hasImage img {
  display: block;
  max-height: 14.5rem;
  width: auto;
  margin: 0 auto 3em;
}
.landingPage .lexiconHead .hasImage h1,
.landingPage .lexiconHead .hasImage h2 {
  display: none;
}
@media only screen and (max-width: 479px) {
  .landingPage .lexiconHead .hasImage br {
    display: none;
  }
  .landingPage .lexiconHead .hasImage img {
    max-height: 5rem;
    margin: 1.3rem auto ;
  }
}
.landingPage .csc-header {
  padding-bottom: 1em;
}
.landingPage .csc-header h1,
.landingPage .csc-header h2,
.landingPage .csc-header h3 {
  font-size: 1.5rem;
  line-height: 1.2em;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  .landingPage .csc-header h1,
  .landingPage .csc-header h2,
  .landingPage .csc-header h3 {
    font-size: 1.1rem;
  }
}
.landingPage .csc-header h4,
.landingPage .csc-header h5 {
  font-size: 1.1rem;
  line-height: 1.4em;
  text-transform: uppercase;
}
@media only screen and (max-width: 979px) {
  .landingPage .csc-header {
    padding-bottom: 1em;
  }
}
.landingPage .csc-textpic img {
  display: block;
  width: 100%;
  height: auto;
}
.landingPage .csc-textpic-caption {
  padding: .5em 0;
}
.spacer {
  display: block;
}
.spacer.spacer-05 {
  height: .5rem;
}
.spacer.spacer-1 {
  height: 1rem;
}
.spacer.spacer-2 {
  height: 2rem;
}
.spacer.spacer-3 {
  height: 3rem;
}
@media only screen and (max-width: 479px) {
  .spacer.spacer-3 {
    height: 2rem;
  }
}
.spacer.spacer-4 {
  height: 4rem;
}
@media only screen and (max-width: 479px) {
  .spacer.spacer-4 {
    height: 3rem;
  }
}
.spacer.spacer-5 {
  height: 5rem;
}
@media only screen and (max-width: 479px) {
  .spacer.spacer-5 {
    height: 3rem;
  }
}
.spacer.spacer-6 {
  height: 6rem;
}
@media only screen and (max-width: 479px) {
  .spacer.spacer-6 {
    height: 3rem;
  }
}
.spacer.spacer-7 {
  height: 7rem;
}
@media only screen and (max-width: 479px) {
  .spacer.spacer-7 {
    height: 4rem;
  }
}
.spacer.spacer-8 {
  height: 8rem;
}
@media only screen and (max-width: 479px) {
  .spacer.spacer-8 {
    height: 4rem;
  }
}
.spacer.spacer-9 {
  height: 9rem;
}
.spacer.spacer-10 {
  height: 10rem;
}
.conversionvideoteaser {
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 3rem 0 4rem;
  background: #f9f9f9;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .conversionvideoteaser {
    margin: 1rem 0 1rem !important;
  }
}
.conversionvideoteaser .conversionteaser-video,
.conversionvideoteaser .conversionteaser-image {
  line-height: 0;
  font-size: 0;
}
.conversionvideoteaser .conversionteaser-video video,
.conversionvideoteaser .conversionteaser-image video,
.conversionvideoteaser .conversionteaser-video img,
.conversionvideoteaser .conversionteaser-image img {
  height: 16rem;
  width: auto;
  max-width: 100%;
  display: inline-block;
  max-height: 100%;
}
@media (max-width: 600px) {
  .conversionvideoteaser .conversionteaser-video video,
  .conversionvideoteaser .conversionteaser-image video,
  .conversionvideoteaser .conversionteaser-video img,
  .conversionvideoteaser .conversionteaser-image img {
    height: auto;
    width: 100%;
  }
}
.conversionvideoteaser .conversionteaser-video {
  background: black;
  padding: 0 2rem;
}
.conversionvideoteaser .conversionteaser-image {
  padding: 0 2rem;
  background: linear-gradient(90deg, #eeeeee 0%, #b0b0b0 100%);
}
.conversionvideoteaser .conversion-chat-bubble {
  background: #a59478;
  display: inline-block;
  padding: 1.2rem .8rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.conversionvideoteaser .conversion-chat-bubble * {
  color: white;
}
.conversionvideoteaser .conversion-chat-bubble > span {
  display: inline-block;
  max-width: 5em;
  text-transform: uppercase;
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
  line-height: 1;
  vertical-align: middle;
  white-space: normal;
}
.conversionvideoteaser .conversion-chat-bubble .icon {
  margin: 0 .5em;
}
.conversionvideoteaser .conversion-chat-bubble > .icon-mail {
  display: inline-block;
  font-size: 2rem;
  line-height: 1rem;
  vertical-align: middle;
}
.conversionvideoteaser .conversion-chat-bubble > .icon-sprtechblase {
  display: inline-block;
  font-size: 2.3rem;
  line-height: 1rem;
  vertical-align: middle;
  padding-top: .2em;
}
.conversionvideoteaser .conversion-chat-bubble > .icon-telefon {
  display: inline-block;
  font-size: 2rem;
  line-height: 1rem;
  vertical-align: middle;
}
.conversionvideoteaser .conversion-chat-bubble .icon-telefon div.telephoneNumber {
  display: none;
  line-height: 2.8rem;
}
.conversionvideoteaser .conversion-chat-bubble.telephoneNumberActive .conversion-chat-claim,
.conversionvideoteaser .conversion-chat-bubble.telephoneNumberActive .icon-sprtechblase,
.conversionvideoteaser .conversion-chat-bubble.telephoneNumberActive .icon-mail {
  display: none;
}
.conversionvideoteaser .conversion-chat-bubble.telephoneNumberActive .icon-telefon div.telephoneNumber {
  display: inline-block;
}
@media only screen and (max-width: 979px) {
  .conversionvideoteaser .conversion-chat-bubble {
    text-align: right;
  }
  .conversionvideoteaser .conversion-chat-bubble > span {
    float: left;
    text-align: left;
  }
}
.conversionvideoteaser .conversion-chat-bubble .conversion-chat-claim {
  display: none;
}
.conversionvideoteaser .conversionvideoteaser-content {
  padding: 1.5rem;
}
/* old version */
.conversionvideoteaser-old {
  background: #eeeeee;
  background-image: radial-gradient(farthest-corner at 100% 30%, #eeeeee 0%, #7c7d7f 100%);
}
.conversionvideoteaser-old .videoteaser--person img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  max-width: 100%;
}
@media only screen and (min-width: 980px) {
  .conversionvideoteaser-old .videoteaser--person img {
    position: relative;
    top: -.6rem;
  }
}
.conversionvideoteaser-old .videoteaser--trustelements {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 70px;
  text-align: center;
}
.conversionvideoteaser-old .videoteaser--trustelements img {
  width: 100%;
  display: inline-block;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  -webkit-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  margin: 0 0 .3rem 0 !important;
}
.conversionvideoteaser-old .videoteaser--trustelements img:first-child {
  width: 100%;
}
.conversionvideoteaser-old .videoteaser--content .conversion-chat-bubble .icon-telefon div.telephoneNumber {
  display: none;
  line-height: 2.8rem;
}
.conversionvideoteaser-old .videoteaser--content .conversion-chat-bubble.telephoneNumberActive .conversion-chat-claim,
.conversionvideoteaser-old .videoteaser--content .conversion-chat-bubble.telephoneNumberActive .icon-sprtechblase,
.conversionvideoteaser-old .videoteaser--content .conversion-chat-bubble.telephoneNumberActive .icon-mail {
  display: none;
}
.conversionvideoteaser-old .videoteaser--content .conversion-chat-bubble.telephoneNumberActive .icon-telefon div.telephoneNumber {
  display: inline-block;
}
.conversionvideoteaser-old.conversionvideoteaser-- .videoteaser--videocontainer h2,
.conversionvideoteaser-old.conversionvideoteaser--yellow .videoteaser--videocontainer h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: auto;
  color: #ffe448;
  font-size: 3.5rem;
  line-height: 1.1em;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
}
@media only screen and (max-width: 479px) {
  .conversionvideoteaser-old.conversionvideoteaser-- .videoteaser--videocontainer h2,
  .conversionvideoteaser-old.conversionvideoteaser--yellow .videoteaser--videocontainer h2 {
    font-size: 2rem;
  }
}
.conversionvideoteaser-old.conversionvideoteaser-- .videoteaser--content .conversion-chat-bubble,
.conversionvideoteaser-old.conversionvideoteaser--yellow .videoteaser--content .conversion-chat-bubble {
  padding: 1rem 1.5rem;
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  right: auto;
  background: #ffe448;
  text-align: center;
}
.conversionvideoteaser-old.conversionvideoteaser-- .videoteaser--content .conversion-chat-bubble *,
.conversionvideoteaser-old.conversionvideoteaser--yellow .videoteaser--content .conversion-chat-bubble * {
  color: black;
}
.conversionvideoteaser-old.conversionvideoteaser-- .videoteaser--content .conversion-chat-bubble .conversion-chat-claim,
.conversionvideoteaser-old.conversionvideoteaser--yellow .videoteaser--content .conversion-chat-bubble .conversion-chat-claim {
  display: none;
}
.conversionvideoteaser-old.conversionvideoteaser-- .videoteaser--content .conversion-chat-bubble .icon,
.conversionvideoteaser-old.conversionvideoteaser--yellow .videoteaser--content .conversion-chat-bubble .icon {
  margin-left: .3em;
  margin-right: .3em;
}
.conversionvideoteaser-old.conversionvideoteaser-- .videoteaser--content .conversion-chat-bubble a:hover,
.conversionvideoteaser-old.conversionvideoteaser--yellow .videoteaser--content .conversion-chat-bubble a:hover {
  opacity: .5;
}
.conversionvideoteaser-old.conversionvideoteaser--blue .videoteaser--videocontainer h2 {
  display: none;
}
.conversionvideoteaser-old.conversionvideoteaser--blue .videoteaser--content .conversion-chat-bubble {
  padding: 1rem;
  background: #57657b;
  transform: translateX(-50%);
  left: 50%;
  right: auto;
}
.conversionvideoteaser-old.conversionvideoteaser--blue .videoteaser--content .conversion-chat-bubble .icon {
  margin-top: .5rem;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.conversionvideoteaser-old.conversionvideoteaser--blue .videoteaser--content .conversion-chat-bubble * {
  color: white;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionvideoteaser-old {
    text-align: center;
  }
  .conversionvideoteaser-old .videoteaser--person {
    width: 50%;
    margin: 0 auto;
  }
  .conversionvideoteaser-old .videoteaser--trustelements {
    right: 2rem;
    top: 2rem;
    width: 100px;
  }
  .conversionvideoteaser-old .conversion-chat-bubble {
    margin-top: 1rem;
    position: relative;
    display: inline-block !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: translate(0, 0) !important;
  }
  .conversionvideoteaser-old .conversion-chat-bubble .conversion-chat-claim {
    margin-top: .3rem;
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 479px) {
  .conversionvideoteaser-old .videoteaser--content {
    padding: 1rem 2rem !important;
  }
  .conversionvideoteaser-old .conversion-chat-bubble {
    margin-top: 0 !important;
  }
  .conversionvideoteaser-old .videoteaser--trustelements {
    width: 60px;
  }
}
.imagelist h2 {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  margin-bottom: .5em;
}
.imagelist a {
  display: block;
}
.imagelist a img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.imagelist a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.imagelist figure {
  display: block;
  position: relative;
  overflow: hidden;
}
.imagelist figure figcaption {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  padding: 1rem;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 479px), only screen and (min-width: 768px) and (max-width: 979px) {
  .imagelist figure figcaption {
    padding: .5rem;
    font-size: .8rem;
  }
}
body.pid110 .content {
  padding-top: 4rem;
}
@media only screen and (max-width: 979px) {
  body.pid110 .content {
    padding-top: 4rem;
  }
}
.weapons {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.weapons .weaponGroup {
  margin: 0 -4px;
}
.weapons * {
  color: #4a4a49 !important;
}
.weapons .bulletInfo {
  border: 4px solid white;
  position: relative;
  background: #f9f9f9;
}
.weapons .bulletInfo > div {
  padding: 1rem;
}
.weapons .bulletInfo > div h2 {
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.weapons .bulletInfo .bullet {
  margin-top: 2em;
}
@media only screen and (min-width: 980px) {
  .weapons .bulletInfo .bullet {
    position: absolute;
    bottom: 2rem;
    left: 1rem;
  }
}
.weapons .bulletInfo .bullet .icon {
  font-size: 6em;
  vertical-align: bottom;
}
.weapons .bulletInfo .bullet .bullet-labels {
  vertical-align: bottom;
  width: 5em;
  display: inline-block;
  padding-left: 1em;
}
.weapons .weapon {
  border: 4px solid white;
  position: relative;
  background: #f9f9f9;
}
.weapons .weapon .weaponImage {
  position: relative;
  padding: 1rem 1rem 0 1rem;
}
.weapons .weapon .weaponImage span {
  font-size: 3em;
}
@media only screen and (max-width: 979px) {
  .weapons .weapon .weaponImage span {
    font-size: 2em;
  }
}
.weapons .weapon .weaponInfo {
  padding: 0 1rem 0 1rem;
}
.weapons .weapon .weaponInfo div.bullet {
  position: absolute;
  right: 1.25rem;
  bottom: 100%;
  margin-bottom: .5rem;
}
.weapons .weapon .weaponInfo div.bullet .icon {
  font-size: 3em;
}
.weapons .weapon .weaponInfo div.bullet .iconWrap {
  display: inline-block;
  margin-left: 1.25rem;
  text-align: center;
}
.weapons .weapon .weaponInfo div.bullet .iconWrap span {
  display: block;
}
.weapons .weapon .weaponInfo:after {
  display: block;
  content: "";
  clear: both;
}
.weapons .div hr {
  margin: 1rem 0;
}
.weapons .weaponGroup--header {
  display: none;
}
.updateNov2019 .weapons .weaponHeadline {
  background: #e3e3e3 !important;
}
.updateNov2019 .weapons .div {
  height: .2rem;
}
.updateNov2019 .weapons .div hr {
  display: none;
}
.updateNov2019 .weapons .bulletInfo {
  border: 4px solid white;
  position: relative;
  background: #f9f9f9;
}
@media only screen and (min-width: 980px) {
  .updateNov2019 .weapons .bulletInfo > div {
    padding: 1rem 2rem;
  }
  .updateNov2019 .weapons .bulletInfo .bullet {
    bottom: 2rem;
    left: 2rem;
  }
  .updateNov2019 .weapons .bulletInfo .bullet .icon-br_vollmantel {
    font-size: 9em;
  }
}
.updateNov2019 .weapons .weaponGroup--header {
  display: block !important;
}
.updateNov2019 .weapons .weaponGroup--long .weapon,
.updateNov2019 .weapons .weaponGroup--long .bulletInfo {
  background: #E4E0D6;
}
.updateNov2019 .weapons .weaponGroup--hard .weapon,
.updateNov2019 .weapons .weaponGroup--hard .bulletInfo {
  background: #E0C3BC;
}
html[lang="ru"] .bulletInfo h3,
html[lang="ru-RU"] .bulletInfo h3 {
  margin-top: .5rem;
}
html[lang="ru"] .weaponInfo p,
html[lang="ru-RU"] .weaponInfo p,
html[lang="ru"] .bullet-labels,
html[lang="ru-RU"] .bullet-labels {
  font-weight: 400 !important;
}
.news h1,
.news h2,
.news h3,
.news h4,
.news h5 {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  font-size: 1.5rem;
  line-height: 1.2em;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 479px) {
  .news h1,
  .news h2,
  .news h3,
  .news h4,
  .news h5 {
    font-size: 1.1rem;
  }
}
.news .news-list-view .article {
  margin-bottom: 4rem;
}
.news .news-list-view .article .teaser-text {
  margin-top: 1rem;
}
.news .news-list-view .article a.button {
  margin-top: 1rem;
}
.breadcrumb-menu {
  margin: 0 auto;
  max-width: 1300px;
  box-sizing: border-box;
  padding: 1rem 1rem 0;
  position: relative;
}
.breadcrumb-menu li {
  display: inline-block;
}
.breadcrumb-menu li a {
  color: #666666;
  font-size: .8rem;
}
.breadcrumb-menu li a:before {
  content: ">";
  vertical-align: bottom;
  display: inline-block;
  margin: 0 .3em;
}
.breadcrumb-menu li a:hover {
  color: black;
}
.breadcrumb-menu li:first-child a:before {
  display: none;
}
.opSection .breadcrumb-menu {
  padding: 0 0 3em;
}
.productIntro .breadcrumb-menu {
  padding: 0 0 1em;
}
.bgblack .breadcrumb-menu li a {
  color: white;
}
.container .breadcrumb-menu {
  padding-left: 0;
  padding-right: 0;
}
.type-menu ul.csc-menu-3,
.type-menu_section ul {
  max-width: 25em;
  padding-bottom: 0 !important;
}
.type-menu ul.csc-menu-3 li,
.type-menu_section ul li {
  display: block;
  position: relative;
  padding-left: 2.5rem;
  padding-top: .33rem;
  padding-bottom: .33rem;
}
.type-menu ul.csc-menu-3 li:before,
.type-menu_section ul li:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.type-menu ul.csc-menu-3 li:before,
.type-menu_section ul li:before {
  content: "\e950";
  position: absolute;
  left: 0;
  top: .83rem;
  font-size: .6rem;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.type-menu ul.csc-menu-3 li a,
.type-menu_section ul li a {
  font-family: "fs_joeymedium", "Roboto", "Arial" !important;
  font-weight: 500 !important !important;
  font-size: 1.1rem;
  line-height: 1.4em;
}
.type-menu ul.csc-menu-3 li:hover:before,
.type-menu_section ul li:hover:before {
  left: .5rem;
}
html[lang="ru"] .type-menu_section ul,
html[lang="ru-RU"] .type-menu_section ul {
  max-width: 45em;
}
html[lang="ru"] .type-menu_section ul li a,
html[lang="ru-RU"] .type-menu_section ul li a {
  font-family: "Roboto" !important;
}
.type-menu_section.layout-10 {
  background: black;
  padding: 1rem 0 0 0;
  position: sticky;
  top: 65px;
  overflow: scroll;
  z-index: 999;
  margin-bottom: -1px;
}
@media (min-width: 981px) {
  .type-menu_section.layout-10 {
    top: 120px;
  }
}
@media (min-width: 1601px) {
  .type-menu_section.layout-10 {
    top: 126px;
  }
}
@media (min-width: 1536px) {
  .type-menu_section.layout-10 .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1500px;
  }
}
.type-menu_section.layout-10 ul {
  max-width: none;
  padding-bottom: 0 !important;
  white-space: nowrap;
}
.type-menu_section.layout-10 ul li {
  display: inline-block;
  position: relative;
  padding: 0 !important;
}
.type-menu_section.layout-10 ul li:before {
  content: "" !important;
  display: none !important;
}
.type-menu_section.layout-10 ul li a {
  font-family: "fs_joeymedium", "Roboto", "Arial" !important;
  font-weight: 500 !important !important;
  font-size: 1rem;
  display: block;
  color: white;
  background: #212121;
  border-radius: 1rem;
  padding: .8em 1em;
  margin-right: 1em;
  margin-bottom: 1rem;
  margin-top: 0;
  transition: background-color 0.3s;
}
@media (min-width: 981px) {
  .type-menu_section.layout-10 ul li a {
    font-size: 1.1rem;
    line-height: 1.4em;
  }
}
.type-menu_section.layout-10 ul li a:hover {
  background: #333333;
}
.hakenteaser {
  margin: 2rem auto;
  background: #f9f9f9;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 3rem 3rem 3rem 35%;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
}
.hakenteaser h2 {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.2em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 479px) {
  .hakenteaser h2 {
    font-size: 1.1rem;
  }
}
.hakenteaser ul li {
  padding-left: 0rem;
  padding-bottom: .5rem;
  position: relative;
}
.hakenteaser ul li:before {
  content: "-";
  position: absolute;
  left: -1rem;
}
.hakenteaser.addHaken {
  max-width: 760px;
  margin: 4rem auto;
  padding: 3rem  5rem 3rem 8rem;
}
.hakenteaser.addHaken:before {
  content: "";
  top: -3rem;
  left: -3rem;
  position: absolute;
  width: 8rem;
  height: 8rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/hacken_mit_weissen_rand.svg) center center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .hakenteaser {
    padding: 3rem 4rem !important;
  }
  .hakenteaser.addHaken {
    padding-top: 4rem !important;
  }
  .hakenteaser.addHaken:before {
    top: -1rem;
    left: -1rem;
    width: 5rem;
    height: 5rem;
  }
}
.fixedheightImageteaser .fixedheightImageteaser-images img {
  max-height: 16rem;
  object-fit: cover;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="1"] img {
  width: 100%;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="2"] {
  display: flex;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="2"] img {
  width: calc(50% - .25rem);
  max-height: 16rem;
  object-fit: cover;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="2"] img:nth-child(even) {
  margin-left: .25rem;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="2"] img:nth-child(odd) {
  margin-right: .25rem;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="3"] {
  display: flex;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="3"] img {
  width: calc(33.3% - .25rem);
  display: flex;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="3"] img:nth-child(1) {
  align-items: flex-start;
  margin-right: .25rem;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="3"] img:nth-child(2) {
  margin-right: .25rem;
  margin-left: .25rem;
}
.fixedheightImageteaser .fixedheightImageteaser-images[data-count="3"] img:nth-child(3) {
  margin-left: .25rem;
}
.fixedheightImageteaser .fixedheightImageteaser-images.fixedheightImageteaser-images--noborder img {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.fixedheightImageteaser .fixedheightImageteaser-images.fixedheightImageteaser-images--noborder[data-count="2"] img {
  width: 50% !important;
}
.fixedheightImageteaser .fixedheightImageteaser-content {
  padding: 2rem;
  background-color: #f9f9f9 !important;
  color: #000000;
}
.fixedheightImageteaser .fixedheightImageteaser-content .col1 {
  width: 42%;
}
.fixedheightImageteaser .fixedheightImageteaser-content h2,
.fixedheightImageteaser .fixedheightImageteaser-content .size2 {
  line-height: 1.2;
}
.fixedheightImageteaser .fixedheightImageteaser-content .badge {
  width: 110px;
  display: inline-block;
  opacity: .5;
  margin: 1rem 2rem 1rem;
}
.fixedheightImageteaser .fixedheightImageteaser-content .leftbadge {
  height: 130px;
  width: 110px;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .fixedheightImageteaser .fixedheightImageteaser-content .col1 {
    width: 100%;
  }
  .fixedheightImageteaser .fixedheightImageteaser-content .badge {
    margin-top: -.5rem;
    margin-bottom: .8rem;
    margin-left: 0;
    margin-right: 0;
    width: 90px !important;
    vertical-align: middle;
  }
  .fixedheightImageteaser .fixedheightImageteaser-content .leftbadge {
    position: static;
    margin-left: 0;
    margin-right: 0;
    height: 110px !important;
    width: 80px !important;
    vertical-align: middle;
    transform: none;
  }
  .fixedheightImageteaser .fixedheightImageteaser-content .leftbadge.shooteqbadge {
    width: 110px !important;
  }
  .fixedheightImageteaser .fixedheightImageteaser-content .button-gold {
    margin-top: .5rem;
  }
  .fixedheightImageteaser .fixedheightImageteaser-content * {
    text-align: center !important;
  }
  .fixedheightImageteaser .fixedheightImageteaser-content .caption {
    text-align: left !important;
  }
}
.fixedheightImageteaser .fixedheightImageteaser-content img {
  height: auto;
  margin: 0 1rem .8rem;
  display: inline-block;
  vertical-align: middle;
}
.fixedheightImageteaser .fixedheightImageteaser-content img.pistole-icon {
  width: 5.4rem;
}
.fixedheightImageteaser .fixedheightImageteaser-content img.einbruch-icon {
  width: 4rem;
}
@media only screen and (max-width: 979px) {
  .fixedheightImageteaser .fixedheightImageteaser-content img.pistole-icon {
    width: 4.8rem;
  }
  .fixedheightImageteaser .fixedheightImageteaser-content img.einbruch-icon {
    width: 3.5rem;
  }
}
.conversionTeaserGold {
  position: relative;
  background: white;
  border-top: 2rem solid #f9f9f9;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGold {
    border-bottom: 2rem solid #f9f9f9;
  }
}
.conversionTeaserGold .conversionTeaserGold-image {
  overflow: hidden;
}
.conversionTeaserGold img {
  height: 16rem;
  width: auto;
  max-width: none;
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGold img {
    height: 10rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGold img {
    height: 15rem;
  }
}
.conversionTeaserGold .conversionTeaserGold-content {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGold .conversionTeaserGold-content {
    text-align: right;
    padding-right: 1.25rem;
  }
  .conversionTeaserGold .conversionTeaserGold-content .conversionTeaserGold-content-inner {
    display: inline-block;
    text-align: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
  }
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGold .conversionTeaserGold-content {
    background: #f9f9f9;
    padding: 2rem 1.25rem;
  }
  .conversionTeaserGold .conversionTeaserGold-content * {
    text-align: center;
  }
}
.conversionTeaserGold .conversion-chat-bubble {
  margin-top: 1rem;
  background: #a59478;
  display: inline-block;
  padding: 1.2rem .8rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.conversionTeaserGold .conversion-chat-bubble * {
  color: white;
}
.conversionTeaserGold .conversion-chat-bubble > span {
  display: inline-block;
  max-width: 5em;
  text-transform: uppercase;
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
  line-height: 1;
  vertical-align: middle;
  white-space: normal;
}
.conversionTeaserGold .conversion-chat-bubble .icon {
  margin: 0 .5em;
}
.conversionTeaserGold .conversion-chat-bubble > .icon-mail {
  display: inline-block;
  font-size: 2rem;
  line-height: 1rem;
  vertical-align: middle;
}
.conversionTeaserGold .conversion-chat-bubble > .icon-sprtechblase {
  display: inline-block;
  font-size: 2.3rem;
  line-height: 1rem;
  vertical-align: middle;
  padding-top: .2em;
}
.conversionTeaserGold .conversion-chat-bubble > .icon-telefon {
  display: inline-block;
  font-size: 2rem;
  line-height: 1rem;
  vertical-align: middle;
}
.conversionTeaserGold .conversion-chat-bubble .icon-telefon div.telephoneNumber {
  display: none;
  line-height: 2.8rem;
}
.conversionTeaserGold .conversion-chat-bubble.telephoneNumberActive .conversion-chat-claim,
.conversionTeaserGold .conversion-chat-bubble.telephoneNumberActive .icon-sprtechblase,
.conversionTeaserGold .conversion-chat-bubble.telephoneNumberActive .icon-mail {
  display: none;
}
.conversionTeaserGold .conversion-chat-bubble.telephoneNumberActive .icon-telefon div.telephoneNumber {
  display: inline-block;
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGold .conversion-chat-bubble {
    text-align: right;
  }
  .conversionTeaserGold .conversion-chat-bubble > span {
    float: left;
    text-align: left;
  }
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGold .conversion-chat-bubble {
    margin-top: 2rem;
  }
}
.imageLeftTextRight {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f9f9f9;
  margin-bottom: 2rem;
  display: flex;
  flex-flow: row wrap;
}
.imageLeftTextRight .imageLeftTextRight-image {
  max-width: 290px;
}
.imageLeftTextRight.imageLeftTextRight--flexible .imageLeftTextRight-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.imageLeftTextRight .imageLeftTextRight-content {
  flex: 1;
  border: 2rem solid transparent;
  border-right: 2rem solid transparent;
  border-left: 2rem solid transparent;
}
.imageLeftTextRight .imageLeftTextRight-content .size2 {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.imageLeftTextRight .imageLeftTextRight-content h3 {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  margin-bottom: 1rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 479px) {
  .imageLeftTextRight .imageLeftTextRight-content h3 {
    padding-right: 0;
  }
}
.imageLeftTextRight.imageLeftTextRight--collapsable .imageLeftTextRight-content {
  position: relative;
  border-left: 2rem solid transparent;
}
.imageLeftTextRight.imageLeftTextRight--collapsable .imageLeftTextRight-content:after {
  content: "...";
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.6em;
  line-height: .3;
  position: absolute;
  cursor: pointer;
}
.imageLeftTextRight.imageLeftTextRight--collapsable a.imageLeftTextRight-trigger {
  position: absolute;
  right: -3.5rem;
  top: 0rem;
  font-size: 2rem;
  z-index: 100;
}
.imageLeftTextRight.imageLeftTextRight--collapsable a.imageLeftTextRight-trigger .icon-minus {
  display: none;
}
.imageLeftTextRight.imageLeftTextRight--collapsable .imageLeftTextRight-content-text {
  max-height: 6.5em;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  .imageLeftTextRight.imageLeftTextRight--collapsable .imageLeftTextRight-content-text {
    max-height: 2em;
  }
}
.imageLeftTextRight.imageLeftTextRight--collapsable.imageLeftTextRight--expanded a.imageLeftTextRight-trigger .icon-minus {
  display: block;
}
.imageLeftTextRight.imageLeftTextRight--collapsable.imageLeftTextRight--expanded a.imageLeftTextRight-trigger .icon-plus {
  display: none;
}
.imageLeftTextRight.imageLeftTextRight--collapsable.imageLeftTextRight--expanded .imageLeftTextRight-content:after {
  display: none;
}
.imageLeftTextRight.imageLeftTextRight--collapsable.imageLeftTextRight--expanded .imageLeftTextRight-content-text {
  max-height: none;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .imageLeftTextRight {
    display: block;
  }
  .imageLeftTextRight .imageLeftTextRight-image {
    max-width: 100%;
  }
  .imageLeftTextRight .imageLeftTextRight-content {
    flex: none;
    border: 2rem solid transparent;
  }
  .imageLeftTextRight a.imageLeftTextRight-trigger {
    right: -.5rem !important;
  }
}
@media only screen and (min-width: 980px) {
  .imageLeftTextRight.imageLeftTextRight--collapse-not-desktop a.imageLeftTextRight-trigger {
    display: none;
  }
  .imageLeftTextRight.imageLeftTextRight--collapse-not-desktop .imageLeftTextRight-content:after {
    display: none;
  }
}
.bgblack .imageLeftTextRight {
  background: #212121;
}
.bgblack .imageLeftTextRight * {
  color: white;
}
.imageLeftTextRightFull {
  background: #f9f9f9;
  display: flex;
  flex-flow: row wrap;
}
.imageLeftTextRightFull .imageLeftTextRight-image {
  max-width: 50vw;
}
.imageLeftTextRightFull .imageLeftTextRight-content {
  flex: 1;
  border: 2rem solid transparent;
  text-align: center;
}
.imageLeftTextRightFull .imageLeftTextRight-content h3 {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  margin-bottom: 1rem;
}
.imageLeftTextRightFull .imageLeftTextRight-content:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.imageLeftTextRightFull .imageLeftTextRight-content .imageLeftTextRight-content-inner {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  max-width: 35rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .imageLeftTextRightFull {
    display: block;
  }
  .imageLeftTextRightFull .imageLeftTextRight-image {
    max-width: none;
  }
  .imageLeftTextRightFull .imageLeftTextRight-content:before {
    content: none;
    display: none;
  }
  .imageLeftTextRightFull .imageLeftTextRight-content .imageLeftTextRight-content-inner {
    width: 100%;
    max-width: none;
  }
}
.teaserhtmlcontent {
  padding: 2rem;
}
.teaserhtmlcontent .col1 {
  width: 42%;
}
.teaserhtmlcontent h2,
.teaserhtmlcontent .size2 {
  line-height: 1.2;
}
.teaserhtmlcontent .badge {
  width: 110px;
  display: inline-block;
  opacity: .5;
  margin: 1rem 2rem 1rem;
}
.teaserhtmlcontent .leftbadge {
  height: 130px;
  width: 110px;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .teaserhtmlcontent .col1 {
    width: 100%;
  }
  .teaserhtmlcontent .badge {
    margin-top: -.5rem;
    margin-bottom: .8rem;
    margin-left: 0;
    margin-right: 0;
    width: 90px !important;
    vertical-align: middle;
  }
  .teaserhtmlcontent .leftbadge {
    position: static;
    margin-left: 0;
    margin-right: 0;
    height: 110px !important;
    width: 80px !important;
    vertical-align: middle;
    transform: none;
  }
  .teaserhtmlcontent .leftbadge.shooteqbadge {
    width: 110px !important;
  }
  .teaserhtmlcontent .button-gold {
    margin-top: .5rem;
  }
  .teaserhtmlcontent * {
    text-align: center !important;
  }
  .teaserhtmlcontent .caption {
    text-align: left !important;
  }
}
.conversionBubbleSolo {
  text-align: center;
}
.conversionBubbleSolo .conversion-chat-bubble {
  background: #a0bb2c;
  display: inline-block;
  padding: 1.2rem .8rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.conversionBubbleSolo .conversion-chat-bubble * {
  color: white;
}
.conversionBubbleSolo .conversion-chat-bubble > span {
  display: inline-block;
  max-width: 5em;
  text-transform: uppercase;
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
  line-height: 1;
  vertical-align: middle;
  white-space: normal;
}
.conversionBubbleSolo .conversion-chat-bubble .icon {
  margin: 0 .5em;
}
.conversionBubbleSolo .conversion-chat-bubble > .icon-mail {
  display: inline-block;
  font-size: 2rem;
  line-height: 1rem;
  vertical-align: middle;
}
.conversionBubbleSolo .conversion-chat-bubble > .icon-sprtechblase {
  display: inline-block;
  font-size: 2.3rem;
  line-height: 1rem;
  vertical-align: middle;
  padding-top: .2em;
}
.conversionBubbleSolo .conversion-chat-bubble > .icon-telefon {
  display: inline-block;
  font-size: 2rem;
  line-height: 1rem;
  vertical-align: middle;
}
.conversionBubbleSolo .conversion-chat-bubble .icon-telefon div.telephoneNumber {
  display: none;
  line-height: 2.8rem;
}
.conversionBubbleSolo .conversion-chat-bubble.telephoneNumberActive .conversion-chat-claim,
.conversionBubbleSolo .conversion-chat-bubble.telephoneNumberActive .icon-sprtechblase,
.conversionBubbleSolo .conversion-chat-bubble.telephoneNumberActive .icon-mail {
  display: none;
}
.conversionBubbleSolo .conversion-chat-bubble.telephoneNumberActive .icon-telefon div.telephoneNumber {
  display: inline-block;
}
@media only screen and (max-width: 979px) {
  .conversionBubbleSolo .conversion-chat-bubble {
    text-align: right;
  }
  .conversionBubbleSolo .conversion-chat-bubble > span {
    float: left;
    text-align: left;
  }
}
dl.iconlist {
  display: flex;
  flex-wrap: wrap;
}
dl.iconlist dt,
dl.iconlist dd {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
dl.iconlist dt {
  color: #a59478;
  font-size: 4rem;
  width: 20%;
  float: left;
  text-align: center;
}
dl.iconlist dd {
  margin-left: auto;
  width: 75%;
}
@media only screen and (max-width: 479px) {
  dl.iconlist {
    display: block;
  }
  dl.iconlist dt {
    font-size: 3rem;
  }
  dl.iconlist dt,
  dl.iconlist dd {
    float: none;
    width: 100%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center !important;
    padding-top: .3rem;
    padding-bottom: .3rem;
  }
  dl.iconlist dd {
    padding-bottom: 1rem;
  }
}
.toplink {
  height: 0;
}
.toplink a {
  display: inline-block;
  position: absolute;
  right: 1rem;
  text-align: center;
  width: 2rem;
  height: 2rem;
  margin-top: 1rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/pfeil_gold.svg) center center no-repeat;
  background-size: contain;
}
.toplink a i,
.toplink a span {
  display: block;
}
.toplink a i {
  display: none;
  font-size: 1.5rem;
  line-height: 0;
}
.toplink a span {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  display: none;
  font-size: .8rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (max-width: 479px) {
  .toplink a {
    width: 3rem;
    height: 3rem;
  }
}
@media only screen and (max-width: 979px) {
  .toplink {
    display: none;
    padding: 1rem;
    height: auto;
    text-align: center;
  }
  .toplink a {
    position: static;
  }
}
.imageLinks {
  background: #f9f9f9;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 479px) {
  .imageLinks .csc-header h4 {
    font-size: 1.5rem !important;
  }
}
@media only screen and (max-width: 479px) {
  .imageLinks {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 479px) {
  .imageLinks .imageLinks-image br {
    display: none;
  }
}
.imageLinks .imageLinks-image .imageLinks-image-overflow {
  overflow: hidden;
}
.imageLinks .imageLinks-image img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.imageLinks .imageLinks-image a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.imageLinks .imageLinks-image figure figcaption {
  font-size: 1.1rem;
  line-height: 1.4em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  display: block;
  margin-top: 2rem;
  height: 4rem;
  line-height: 1.1;
}
@media only screen and (max-width: 479px) {
  .imageLinks .imageLinks-image figure figcaption {
    height: auto;
    min-height: 2.5rem;
    margin-bottom: .75rem;
  }
}
.imageLink img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.imageLink:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.imageLink figure {
  display: block;
  position: relative;
  overflow: hidden;
}
.imageLink figure figcaption {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  padding: 1rem;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 479px), only screen and (min-width: 768px) and (max-width: 979px) {
  .imageLink figure figcaption {
    padding: .5rem;
    font-size: .8rem;
  }
}
.fishtank2019 {
  background: linear-gradient(90deg, #bfc3c6 0%, #ebf1f1 100%) !important;
  background: center no-repeat #ffffff;
  position: relative;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.fishtank2019.overflow {
  overflow: visible;
}
.fishtank2019 > * {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .fishtank2019 > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (max-width: 479px) {
  .fishtank2019.mobileNoPadding {
    padding-top: 1rem !important;
    padding-bottom: .5rem !important;
  }
  .fishtank2019.mobileNoPadding > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
  }
}
.fishtank2019.maxwidth800 > div {
  max-width: 840px;
}
.fishtank2019.opSectionPadding {
  padding: 0;
}
.fishtank2019.opSectionPadding1 {
  padding: 1em 0;
}
.fishtank2019.opSectionPadding2 {
  padding: 2em 0;
}
.fishtank2019.opSectionPadding3 {
  padding: 3em 0;
}
.fishtank2019.opSectionPadding4 {
  padding: 4em 0;
}
@media only screen and (max-width: 979px) {
  .fishtank2019.opSectionPadding4 {
    padding: 2em 0;
  }
}
.fishtank2019.opSectionPadding5 {
  padding: 5em 0;
}
.fishtank2019.opSectionPadding6 {
  padding: 6em 0;
}
@media only screen and (max-width: 979px) {
  .fishtank2019.opSectionPadding6 {
    padding: 2em 0 ;
  }
}
.fishtank2019.opSectionPadding7 {
  padding: 7em 0;
}
@media only screen and (max-width: 979px) {
  .fishtank2019.opSectionPadding7 {
    padding: 2em 0 ;
  }
}
.fishtank2019.opSectionPadding8 {
  padding: 8em 0;
}
.fishtank2019.opSectionPadding9 {
  padding: 9em 0;
}
.fishtank2019.opSectionPadding10 {
  padding: 10em 0;
}
.fishtank2019.opSectionPadding11 {
  padding: 11em 0;
}
.fishtank2019.opSectionFullwidthContent {
  padding-left: 0;
  padding-right: 0;
}
.fishtank2019.opSectionFullwidthContent > * {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.fishtank2019.opSectionFullwidthContent img {
  max-width: none;
  width: 100%;
}
.fishtank2019.opSectionFullwidthContent.tableContainer > * {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .fishtank2019.opSectionFullwidthContent.tableContainer > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.fishtank2019.opSectionFullwidthContent.yellowborder > * {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.fishtank2019.opSectionFullFrame {
  height: 100vh;
}
@media only screen and (max-width: 479px) {
  .fishtank2019.opSectionFullFrame {
    height: 80vh;
  }
}
.fishtank2019.opSectionFullImage {
  padding: 0;
}
.fishtank2019.opSectionFullImage > img {
  display: block;
  width: 100%;
  height: auto;
}
.fishtank2019.opSectionFullImage > div.opSectionContent {
  position: absolute;
  width: 100%;
  max-width: none;
  z-index: 3;
  top: 0;
}
.fishtank2019.opSectionFullImage > div.opSectionContent > div {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fishtank2019.opSectionParallax {
  overflow: hidden;
  background-size: cover !important;
  background-position: center center;
  z-index: -1;
}
.fishtank2019.opSectionParallax > img {
  width: 100%;
  display: block;
}
.fishtank2019.opSectionFixed {
  background-color: transparent !important;
}
.fishtank2019.opSectionFixed .opSectionFixedBackground {
  width: 100%;
  max-width: none;
  height: 100%;
  background-size: cover !important;
  background-position: center center;
  position: fixed;
  background-position: top;
  z-index: -1;
}
.fishtank2019 .opFullFrameHeading {
  position: absolute;
  width: 100%;
  padding-bottom: 65px;
  padding-top: 40px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  text-shadow: 0 0 2rem rgba(0, 0, 0, 0.7);
}
.fishtank2019 .opFullFrameHeading * {
  color: #a59478;
}
.fishtank2019 .opFullFrameHeading h2 {
  font-size: 4.2rem;
  line-height: 1em;
  text-transform: uppercase;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .fishtank2019 .opFullFrameHeading h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 320px) {
  .fishtank2019 .opFullFrameHeading h2 {
    font-size: 2.2rem;
  }
}
.fishtank2019 .opFullFrameHeading h1 {
  margin-top: .5rem;
  font-size: 1.6rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .fishtank2019 .opFullFrameHeading h1 {
    font-size: 1.2rem;
  }
}
@media (max-width: 320px) {
  .fishtank2019 .opFullFrameHeading h1 {
    font-size: 1rem;
  }
}
.fishtank2019.productIntro {
  margin: 0 2.5rem;
  padding: 1em 2.5rem;
  background: #ffe448;
}
@media only screen and (max-width: 979px) {
  .fishtank2019.productIntro {
    padding: 1.25rem;
    margin: 0 1.25rem;
  }
}
.fishtank2019.productIntro .csc-header {
  position: relative;
}
.fishtank2019.productIntro .csc-header h2 {
  font-size: 1rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.fishtank2019.productIntro .csc-header h2:before {
  content: "";
  height: 0;
  display: block;
  width: 24px;
  text-align: left;
  margin: 0.5em 0 0.5em -3px;
  background: none;
  border: 1px solid #000000;
}
.fishtank2019.productIntro .csc-header h2:after {
  content: "";
  height: 0;
  display: block;
  width: 24px;
  text-align: left;
  margin: 0.5em 0 0.5em -3px;
  background: none;
  border: 1px solid #000000;
}
.fishtank2019.productIntro .csc-header:after {
  content: "";
  height: 0;
  display: block;
  width: 24px;
  text-align: left;
  margin: 0.5em 0 0.5em -3px;
  background: none;
  border: 1px solid #000000;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 479px) {
  .fishtank2019 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.fishtank2019 ul {
  margin-top: 1rem;
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .fishtank2019 ul li {
    width: 33.33333333% !important;
  }
  .fishtank2019 ul li:nth-child(3n+1) {
    clear: both !important;
  }
  .fishtank2019 ul li:nth-child(4n+1) {
    clear: none !important;
  }
}
.fishtank2019 ul li a {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-align: center;
  display: block;
  min-height: 8.5rem;
  padding: 2rem 1.5rem;
  background: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 479px) {
  .fishtank2019 ul li a {
    line-height: 1.1;
  }
}
.fishtank2019 ul li a:hover {
  background-color: #ffffff !important;
  color: #000000;
}
.typo3-feedit-element {
  position: relative;
}
.typo3-editPanel {
  padding: 2px !important;
  position: absolute;
  top: 0;
  z-index: 1000;
  max-width: 840px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 242, 0, 0.49) !important;
}
.typo3-editPanel .typo3-editPanel-label {
  margin: 0;
  padding: 0;
}
.typo3-editPanel img {
  width: 16px !important;
  height: 16px !important;
  display: inline-block;
}
.frontEndEditIconLinks,
.frontEndEditIcons {
  position: absolute;
  z-index: 1000;
  width: 16px !important;
  height: 16px !important;
}
.frontEndEditIconLinks img,
.frontEndEditIcons img,
.frontEndEditIconLinks svg,
.frontEndEditIcons svg {
  width: 16px !important;
  height: 16px !important;
  display: inline-block;
}
.conversionTeaserGreen {
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.conversionTeaserGreen.conversionTeaserGreen--standard {
  background-color: #f9f9f9 !important;
  color: #000000;
  overflow-x: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard {
    background: center no-repeat #ffffff;
    position: relative;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.overflow {
    overflow: visible;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard > * {
    max-width: 1240px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.maxwidth800 > div {
    max-width: 840px;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding {
    padding: 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding1 {
    padding: 1em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding2 {
    padding: 2em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding3 {
    padding: 3em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding4 {
    padding: 4em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding5 {
    padding: 5em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding6 {
    padding: 6em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding7 {
    padding: 7em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding8 {
    padding: 8em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding9 {
    padding: 9em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding10 {
    padding: 10em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding11 {
    padding: 11em 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullwidthContent {
    padding-left: 0;
    padding-right: 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullwidthContent > * {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullwidthContent img {
    max-width: none;
    width: 100%;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullwidthContent.tableContainer > * {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullwidthContent.yellowborder > * {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullFrame {
    height: 100vh;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullImage {
    padding: 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullImage > img {
    display: block;
    width: 100%;
    height: auto;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullImage > div.opSectionContent {
    position: absolute;
    width: 100%;
    max-width: none;
    z-index: 3;
    top: 0;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullImage > div.opSectionContent > div {
    max-width: 1240px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionParallax {
    overflow: hidden;
    background-size: cover !important;
    background-position: center center;
    z-index: -1;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionParallax > img {
    width: 100%;
    display: block;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFixed {
    background-color: transparent !important;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFixed .opSectionFixedBackground {
    width: 100%;
    max-width: none;
    height: 100%;
    background-size: cover !important;
    background-position: center center;
    position: fixed;
    background-position: top;
    z-index: -1;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard .opFullFrameHeading {
    position: absolute;
    width: 100%;
    padding-bottom: 65px;
    padding-top: 40px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    text-shadow: 0 0 2rem rgba(0, 0, 0, 0.7);
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard .opFullFrameHeading * {
    color: #a59478;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard .opFullFrameHeading h2 {
    font-size: 4.2rem;
    line-height: 1em;
    text-transform: uppercase;
    font-family: "fs_joeybold", "Roboto", "Arial";
    font-weight: normal !important;
    text-align: center;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard .opFullFrameHeading h1 {
    margin-top: .5rem;
    font-size: 1.6rem;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
    text-align: center;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.productIntro {
    margin: 0 2.5rem;
    padding: 1em 2.5rem;
    background: #ffe448;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.productIntro .csc-header {
    position: relative;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.productIntro .csc-header h2 {
    font-size: 1rem;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.productIntro .csc-header h2:before {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.productIntro .csc-header h2:after {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.productIntro .csc-header:after {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px), only screen and (min-width: 980px) and only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 980px) and only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 980px) and only screen and (min-width: 2100px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard.mobileNoPadding {
    padding-top: 1rem !important;
    padding-bottom: .5rem !important;
  }
  .conversionTeaserGreen.conversionTeaserGreen--standard.mobileNoPadding > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding4 {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding6 {
    padding: 2em 0 ;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionPadding7 {
    padding: 2em 0 ;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px), only screen and (min-width: 980px) and only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 980px) and only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullwidthContent.tableContainer > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard.opSectionFullFrame {
    height: 80vh;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard .opFullFrameHeading h2 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 320px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard .opFullFrameHeading h2 {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard .opFullFrameHeading h1 {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 320px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard .opFullFrameHeading h1 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard.productIntro {
    padding: 1.25rem;
    margin: 0 1.25rem;
  }
}
.conversionTeaserGreen.conversionTeaserGreen--standard .fluid > * {
  padding-bottom: 0;
}
.conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image {
  padding: 0 2rem;
  text-align: center;
}
.conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image img {
  display: inline-block;
  max-width: 100%;
  width: 420px;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image img {
    width: 240px;
  }
}
.conversionTeaserGreen .conversionTeaserGreen-content {
  text-align: center;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen .conversionTeaserGreen-content {
    padding: 0 3em;
  }
}
.conversionTeaserGreen .conversionTeaserGreen-content h3 {
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  font-size: 2rem;
  line-height: 1.2em;
  color: #a59478;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen .conversionTeaserGreen-content h3 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen .conversionTeaserGreen-content h3 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen .conversionTeaserGreen-content h3 {
    font-size: 1.1rem;
  }
}
.conversionTeaserGreen .conversionTeaserGreen-content .conversionTeaserGreen-phone {
  display: block;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.5rem;
  line-height: 1.2em;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen .conversionTeaserGreen-content .conversionTeaserGreen-phone {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen .conversionTeaserGreen-content .conversionTeaserGreen-phone {
    font-family: "fs_joeybold", "Roboto", "Arial" !important;
    font-weight: normal !important !important;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen .conversionTeaserGreen-content .conversionTeaserGreen-phone {
    margin-bottom: 1.5em;
  }
}
.conversionTeaserGreen .conversionTeaserGreen-content .button-green {
  padding: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen .conversionTeaserGreen-content .button-green {
    padding: .3em 1em .5em;
  }
}
.conversionTeaserGreen .conversionTeaserGreen-content .conversionTeaserGreen-footnote {
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .8rem;
}
#c8816 .conversionTeaserGreen.conversionTeaserGreen--standard > * {
  padding: 0 1.25rem !important;
}
#c8816 .conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image {
  padding: 0 !important;
}
#c8816 .conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image img {
  width: 100% !important;
  display: block !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #c8816 .conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image img {
    margin-top: 1.3rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  #c8816 .conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image img {
    margin-top: 1.2rem;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px), only screen and (min-width: 2100px) {
  #c8816 .conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image img {
    margin-top: 0;
  }
  #c8816 .conversionTeaserGreen.conversionTeaserGreen--standard .conversionTeaserGreen-image img .conversionTeaserGreen-phone {
    margin-top: .3rem;
  }
}
.conversionTeaserGreen-new {
  overflow: hidden !important;
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.conversionTeaserGreen-new.conversionTeaserGreen--standard {
  background-color: #f9f9f9 !important;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow-x: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard {
    background: center no-repeat #ffffff;
    position: relative;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.overflow {
    overflow: visible;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard > * {
    max-width: 1240px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.maxwidth800 > div {
    max-width: 840px;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding {
    padding: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding1 {
    padding: 1em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding2 {
    padding: 2em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding3 {
    padding: 3em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding4 {
    padding: 4em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding5 {
    padding: 5em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding6 {
    padding: 6em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding7 {
    padding: 7em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding8 {
    padding: 8em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding9 {
    padding: 9em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding10 {
    padding: 10em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding11 {
    padding: 11em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullwidthContent {
    padding-left: 0;
    padding-right: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullwidthContent > * {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullwidthContent img {
    max-width: none;
    width: 100%;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullwidthContent.tableContainer > * {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullwidthContent.yellowborder > * {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullFrame {
    height: 100vh;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullImage {
    padding: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullImage > img {
    display: block;
    width: 100%;
    height: auto;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullImage > div.opSectionContent {
    position: absolute;
    width: 100%;
    max-width: none;
    z-index: 3;
    top: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullImage > div.opSectionContent > div {
    max-width: 1240px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionParallax {
    overflow: hidden;
    background-size: cover !important;
    background-position: center center;
    z-index: -1;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionParallax > img {
    width: 100%;
    display: block;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFixed {
    background-color: transparent !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFixed .opSectionFixedBackground {
    width: 100%;
    max-width: none;
    height: 100%;
    background-size: cover !important;
    background-position: center center;
    position: fixed;
    background-position: top;
    z-index: -1;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .opFullFrameHeading {
    position: absolute;
    width: 100%;
    padding-bottom: 65px;
    padding-top: 40px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    text-shadow: 0 0 2rem rgba(0, 0, 0, 0.7);
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .opFullFrameHeading * {
    color: #a59478;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .opFullFrameHeading h2 {
    font-size: 4.2rem;
    line-height: 1em;
    text-transform: uppercase;
    font-family: "fs_joeybold", "Roboto", "Arial";
    font-weight: normal !important;
    text-align: center;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .opFullFrameHeading h1 {
    margin-top: .5rem;
    font-size: 1.6rem;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
    text-align: center;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.productIntro {
    margin: 0 2.5rem;
    padding: 1em 2.5rem;
    background: #ffe448;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.productIntro .csc-header {
    position: relative;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.productIntro .csc-header h2 {
    font-size: 1rem;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.productIntro .csc-header h2:before {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.productIntro .csc-header h2:after {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.productIntro .csc-header:after {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px), only screen and (min-width: 980px) and only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 980px) and only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 980px) and only screen and (min-width: 2100px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.mobileNoPadding {
    padding-top: 1rem !important;
    padding-bottom: .5rem !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.mobileNoPadding > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding4 {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding6 {
    padding: 2em 0 ;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionPadding7 {
    padding: 2em 0 ;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px), only screen and (min-width: 980px) and only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 980px) and only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullwidthContent.tableContainer > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.opSectionFullFrame {
    height: 80vh;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .opFullFrameHeading h2 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 320px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .opFullFrameHeading h2 {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .opFullFrameHeading h1 {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 320px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .opFullFrameHeading h1 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard.productIntro {
    padding: 1.25rem;
    margin: 0 1.25rem;
  }
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard {
    padding-left: 0rem;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--standard .fluid > * {
  padding-bottom: 0;
}
@media (min-width: 980px) and (max-width: 1200px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .conversionTeaserGreen-content {
    -webkit-transform: translate(50px, 0);
    -moz-transform: translate(50px, 0);
    -o-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .conversionTeaserGreen-content .h3,
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .conversionTeaserGreen-content h3 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .conversionTeaserGreen-image {
    min-height: 10px;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .conversionTeaserGreen-image img {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
  }
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--standard .conversionTeaserGreen-image img {
    height: 108%;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo {
  background: white;
  border-top: 2rem solid #f9f9f9;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo {
    border-bottom: 2rem solid #f9f9f9;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-image,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-image {
  overflow: hidden;
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-image img,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-image img {
  height: 16rem;
  width: auto;
  max-width: none;
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-image img,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-image img {
    height: 10rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-image img,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-image img {
    height: 15rem;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content .h3,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content .h3,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content h3,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content h3 {
  margin-bottom: 1rem;
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content img.conversionTeaserGreen--liveDemo-tuv,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content img.conversionTeaserGreen--liveDemo-tuv {
  display: none;
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content {
    text-align: right;
    padding-right: 3.75rem;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content .conversionTeaserGreen-content-inner,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content .conversionTeaserGreen-content-inner {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content .conversionTeaserGreen-content-inner img.conversionTeaserGreen--liveDemo-badge,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content .conversionTeaserGreen-content-inner img.conversionTeaserGreen--liveDemo-badge {
    display: inline-block;
    width: 85%;
    max-width: 11rem;
    margin: -7rem 0 1rem;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content .conversionTeaserGreen-content-inner img.conversionTeaserGreen--liveDemo-tuv,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content .conversionTeaserGreen-content-inner img.conversionTeaserGreen--liveDemo-tuv {
    display: inline-block;
    width: 3rem;
    margin-right: 1rem;
    left: 0;
    height: auto;
    vertical-align: middle;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content .conversionTeaserGreen-content-inner .conversionTeaserGreen-footnote,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content .conversionTeaserGreen-content-inner .conversionTeaserGreen-footnote {
    padding-left: 4.4rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content {
    background: #f9f9f9;
    padding: 2rem 1.25rem;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content *,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content * {
    text-align: center;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content img.conversionTeaserGreen--liveDemo-badge,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content img.conversionTeaserGreen--liveDemo-badge {
    position: absolute;
    width: 8rem;
    top: -3rem;
    right: 1rem;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-content img.conversionTeaserGreen--liveDemo-tuv,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content img.conversionTeaserGreen--liveDemo-tuv {
    position: absolute;
    display: block;
    width: 3rem;
    right: 1rem;
    top: 1rem;
    height: auto;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content .h3,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemo .conversionTeaserGreen-content h3 {
  font-size: 5.5rem;
}
.conversionTeaserGreen-new.conversionTeaserGreen--noImage {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--noImage {
    margin-top: 0 !important;
    background: #f9f9f9 !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--noImage .conversionTeaserGreen-content {
    padding: 1rem !important;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--noImage .conversionTeaserGreen-content .h3,
.conversionTeaserGreen-new.conversionTeaserGreen--noImage .conversionTeaserGreen-content h3 {
  margin-top: 0;
  margin-bottom: .5em;
}
.conversionTeaserGreen-new .conversionTeaserGreen-content {
  text-align: center;
  padding: 1.5rem 1rem !important;
}
.conversionTeaserGreen-new .conversionTeaserGreen-content .h3,
.conversionTeaserGreen-new .conversionTeaserGreen-content h3 {
  font-size: 3rem;
  line-height: 1em;
  color: #000000;
  opacity: .9;
  font-family: 'VeneerTwo';
  white-space: nowrap !important;
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  -o-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen-new .conversionTeaserGreen-content .h3,
  .conversionTeaserGreen-new .conversionTeaserGreen-content h3 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen-new .conversionTeaserGreen-content .h3,
  .conversionTeaserGreen-new .conversionTeaserGreen-content h3 {
    font-size: 2.4rem;
  }
}
.conversionTeaserGreen-new .conversionTeaserGreen-content .conversionTeaserGreen-phone {
  display: block;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen-new .conversionTeaserGreen-content .conversionTeaserGreen-phone {
    font-family: "fs_joeybold", "Roboto", "Arial" !important;
    font-weight: normal !important !important;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen-new .conversionTeaserGreen-content .conversionTeaserGreen-phone {
    margin-bottom: 1.5em;
  }
}
.conversionTeaserGreen-new .conversionTeaserGreen-content .button-green {
  padding: .66em 1em .85em;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen-new .conversionTeaserGreen-content .button-green {
    padding: .3em 1em .5em;
  }
}
.conversionTeaserGreen-new .conversionTeaserGreen-content .conversionTeaserGreen-footnote {
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .8rem;
}
.conversionTeaserGreen-new.conversionTeaserGreen--suisse {
  background-color: #f9f9f9 !important;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow-x: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse {
    background: center no-repeat #ffffff;
    position: relative;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.overflow {
    overflow: visible;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse > * {
    max-width: 1240px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.maxwidth800 > div {
    max-width: 840px;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding {
    padding: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding1 {
    padding: 1em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding2 {
    padding: 2em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding3 {
    padding: 3em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding4 {
    padding: 4em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding5 {
    padding: 5em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding6 {
    padding: 6em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding7 {
    padding: 7em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding8 {
    padding: 8em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding9 {
    padding: 9em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding10 {
    padding: 10em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding11 {
    padding: 11em 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullwidthContent {
    padding-left: 0;
    padding-right: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullwidthContent > * {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullwidthContent img {
    max-width: none;
    width: 100%;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullwidthContent.tableContainer > * {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullwidthContent.yellowborder > * {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullFrame {
    height: 100vh;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullImage {
    padding: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullImage > img {
    display: block;
    width: 100%;
    height: auto;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullImage > div.opSectionContent {
    position: absolute;
    width: 100%;
    max-width: none;
    z-index: 3;
    top: 0;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullImage > div.opSectionContent > div {
    max-width: 1240px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionParallax {
    overflow: hidden;
    background-size: cover !important;
    background-position: center center;
    z-index: -1;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionParallax > img {
    width: 100%;
    display: block;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFixed {
    background-color: transparent !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFixed .opSectionFixedBackground {
    width: 100%;
    max-width: none;
    height: 100%;
    background-size: cover !important;
    background-position: center center;
    position: fixed;
    background-position: top;
    z-index: -1;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .opFullFrameHeading {
    position: absolute;
    width: 100%;
    padding-bottom: 65px;
    padding-top: 40px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    text-shadow: 0 0 2rem rgba(0, 0, 0, 0.7);
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .opFullFrameHeading * {
    color: #a59478;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .opFullFrameHeading h2 {
    font-size: 4.2rem;
    line-height: 1em;
    text-transform: uppercase;
    font-family: "fs_joeybold", "Roboto", "Arial";
    font-weight: normal !important;
    text-align: center;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .opFullFrameHeading h1 {
    margin-top: .5rem;
    font-size: 1.6rem;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
    text-align: center;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.productIntro {
    margin: 0 2.5rem;
    padding: 1em 2.5rem;
    background: #ffe448;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.productIntro .csc-header {
    position: relative;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.productIntro .csc-header h2 {
    font-size: 1rem;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.productIntro .csc-header h2:before {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.productIntro .csc-header h2:after {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.productIntro .csc-header:after {
    content: "";
    height: 0;
    display: block;
    width: 24px;
    text-align: left;
    margin: 0.5em 0 0.5em -3px;
    background: none;
    border: 1px solid #000000;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px), only screen and (min-width: 980px) and only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 980px) and only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 980px) and only screen and (min-width: 2100px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.mobileNoPadding {
    padding-top: 1rem !important;
    padding-bottom: .5rem !important;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.mobileNoPadding > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding4 {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding6 {
    padding: 2em 0 ;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionPadding7 {
    padding: 2em 0 ;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px), only screen and (min-width: 980px) and only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 980px) and only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullwidthContent.tableContainer > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.opSectionFullFrame {
    height: 80vh;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .opFullFrameHeading h2 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 320px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .opFullFrameHeading h2 {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .opFullFrameHeading h1 {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 320px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .opFullFrameHeading h1 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse.productIntro {
    padding: 1.25rem;
    margin: 0 1.25rem;
  }
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse {
    padding-left: 0rem;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--suisse .fluid > * {
  padding-bottom: 0;
}
.conversionTeaserGreen-new.conversionTeaserGreen--suisse .button-green {
  background: #a59478 !important;
  border-color: #a59478 !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-content {
    position: relative;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-content .conversion-chat-open {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-image {
    min-height: 250px;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-image img {
    position: absolute;
    top: 0;
    right: calc(50%  - 13rem);
    height: 100%;
    width: auto;
    max-width: none;
  }
}
@media (min-width: 1240px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-image img {
    right: calc(50% - 10rem);
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-image {
    min-height: 190px;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-image img {
    right: calc(50% - 10rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-image {
    min-height: 152px;
  }
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-image img {
    right: calc(50% - 9rem);
  }
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--suisse .conversionTeaserGreen-image img {
    width: 118%;
    margin-left: -18%;
    max-width: none;
  }
}
.conversionTeaserGreen--chatContainer {
  position: relative;
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup.conversion-chat-form-container {
  background: white;
  position: relative;
  z-index: 10000;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup.conversion-chat-form-container {
    padding: 0;
    background: white;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -3em;
    width: 80%;
    max-width: 900px;
    text-align: left;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup.conversion-chat-form-container {
    position: relative;
    width: 100vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup.conversion-chat-form-container .conversion-chat-close {
  position: absolute;
  right: .9rem;
  top: 50%;
  display: inline-block;
  font-size: 2rem;
  color: white;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -moz-transform: translate(0, -50%) rotate(45deg);
  -o-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup h4 {
  position: relative;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.5rem;
  line-height: 1.2em;
  background: #a59478;
  color: white;
  text-align: center;
  padding: 1rem 3rem;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup h4 {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup h4 {
    padding: 1rem 5rem;
    font-family: "fs_joeybold", "Roboto", "Arial";
    font-weight: normal !important;
  }
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-image {
  overflow: hidden;
  text-align: center;
  background: #f6f6ee;
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-image img {
  display: block;
  height: 240px;
  width: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 979px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-image img {
    height: 200px;
  }
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-image img {
    height: 150px;
  }
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content {
  padding: 2rem;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content {
    padding: 3rem;
  }
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content .conversionTeaserGreen-popup-content-intro {
  margin-bottom: 2rem;
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content .conversionTeaserGreen-popup-content-left {
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content .conversionTeaserGreen-popup-content-left {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content .conversionTeaserGreen-popup-content-left {
    font-size: 2rem;
    line-height: 1.2em;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content .conversionTeaserGreen-popup-content-left {
    font-size: 1.5rem;
  }
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content .conversionTeaserGreen-popup-content-left .icon {
  display: block;
  margin-bottom: 1rem;
}
.conversionTeaserGreen--chatContainer .conversionTeaserGreen-popup .conversionTeaserGreen-popup-content .conversionTeaserGreen-popup-content-left .icon:before {
  display: inline-block;
  width: 2em;
}
.conversion-form-small label {
  display: none;
}
.conversion-form-small textarea,
.conversion-form-small select,
.conversion-form-small input[type=text],
.conversion-form-small input[type=tel],
.conversion-form-small input[type=number],
.conversion-form-small input[type=email] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-transform: none;
  border-bottom: 1px solid #4a4a49;
  padding: 0 0 .5rem 0;
  margin: 0 0 .5rem 0;
}
.conversion-form-small textarea::-moz-placeholder,
.conversion-form-small select::-moz-placeholder,
.conversion-form-small input[type=text]::-moz-placeholder,
.conversion-form-small input[type=tel]::-moz-placeholder,
.conversion-form-small input[type=number]::-moz-placeholder,
.conversion-form-small input[type=email]::-moz-placeholder {
  color: #000000;
  text-transform: none;
  opacity: 1;
}
.conversion-form-small textarea:-ms-input-placeholder,
.conversion-form-small select:-ms-input-placeholder,
.conversion-form-small input[type=text]:-ms-input-placeholder,
.conversion-form-small input[type=tel]:-ms-input-placeholder,
.conversion-form-small input[type=number]:-ms-input-placeholder,
.conversion-form-small input[type=email]:-ms-input-placeholder {
  color: #000000;
  text-transform: none;
}
.conversion-form-small textarea::-webkit-input-placeholder,
.conversion-form-small select::-webkit-input-placeholder,
.conversion-form-small input[type=text]::-webkit-input-placeholder,
.conversion-form-small input[type=tel]::-webkit-input-placeholder,
.conversion-form-small input[type=number]::-webkit-input-placeholder,
.conversion-form-small input[type=email]::-webkit-input-placeholder {
  color: #000000;
  text-transform: none;
}
.conversion-form-small textarea:focus::-moz-placeholder,
.conversion-form-small select:focus::-moz-placeholder,
.conversion-form-small input[type=text]:focus::-moz-placeholder,
.conversion-form-small input[type=tel]:focus::-moz-placeholder,
.conversion-form-small input[type=number]:focus::-moz-placeholder,
.conversion-form-small input[type=email]:focus::-moz-placeholder {
  color: #c0c0c0;
  text-transform: none;
  opacity: 1;
}
.conversion-form-small textarea:focus:-ms-input-placeholder,
.conversion-form-small select:focus:-ms-input-placeholder,
.conversion-form-small input[type=text]:focus:-ms-input-placeholder,
.conversion-form-small input[type=tel]:focus:-ms-input-placeholder,
.conversion-form-small input[type=number]:focus:-ms-input-placeholder,
.conversion-form-small input[type=email]:focus:-ms-input-placeholder {
  color: #c0c0c0;
  text-transform: none;
}
.conversion-form-small textarea:focus::-webkit-input-placeholder,
.conversion-form-small select:focus::-webkit-input-placeholder,
.conversion-form-small input[type=text]:focus::-webkit-input-placeholder,
.conversion-form-small input[type=tel]:focus::-webkit-input-placeholder,
.conversion-form-small input[type=number]:focus::-webkit-input-placeholder,
.conversion-form-small input[type=email]:focus::-webkit-input-placeholder {
  color: #c0c0c0;
  text-transform: none;
}
.conversion-form-small input[type="checkbox"] {
  margin: 0 0 0 1rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.conversion-form-small textarea {
  line-height: 1;
  padding: .5rem;
  margin-top: 2rem;
  border: 1px solid #4a4a49;
  height: 10rem;
}
.conversion-form-small .error input,
.conversion-form-small .error textarea {
  border-color: #eb5c5b !important;
}
.conversion-form-small .error input::-moz-placeholder,
.conversion-form-small .error textarea::-moz-placeholder {
  color: #eb5c5b;
  text-transform: none;
  opacity: 1;
}
.conversion-form-small .error input:-ms-input-placeholder,
.conversion-form-small .error textarea:-ms-input-placeholder {
  color: #eb5c5b;
  text-transform: none;
}
.conversion-form-small .error input::-webkit-input-placeholder,
.conversion-form-small .error textarea::-webkit-input-placeholder {
  color: #eb5c5b;
  text-transform: none;
}
.conversion-form-small .csc-form-element-checkbox {
  font-size: .8rem;
  text-align: right;
  margin-top: 1rem;
  line-height: 1.1;
}
.conversion-form-small .csc-form-element-checkbox label {
  display: block;
}
.conversion-form-small .csc-form-element-submit {
  margin-top: 1rem;
  text-align: right;
}
.conversion-form-small .csc-form-element-submit button[type="submit"],
.conversion-form-small .csc-form-element-submit input[type="submit"] {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: white !important;
  background: #a0bb2c !important;
  border: 2px solid #a0bb2c;
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-image img {
    height: 25rem;
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content .conversionTeaserGreen--liveDemo-tuv {
  display: none !important;
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content .conversionTeaserGreen-footnote {
  padding-left: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content .conversionTeaserGreen-content-inner {
    -webkit-transform: translate(-110%, -50%);
    -moz-transform: translate(-110%, -50%);
    -o-transform: translate(-110%, -50%);
    -ms-transform: translate(-110%, -50%);
    transform: translate(-110%, -50%);
  }
}
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content .h3,
.conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content h3 {
  color: #4a4a49 !important;
  font-size: 2rem;
  line-height: 1.2em;
  transform: none !important;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content .h3,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content h3 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content .h3,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content h3 {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content .h3,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content h3 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px) {
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content .h3,
  .conversionTeaserGreen-new.conversionTeaserGreen--liveDemoSmall.conversionTeaserGreen--liveDemoHigh .conversionTeaserGreen-content h3 {
    font-size: 1.1rem;
  }
}
html[lang="ru"] .conversionTeaserGreen-content .h3,
html[lang="ru-RU"] .conversionTeaserGreen-content .h3 {
  font-weight: 700 !important;
}
html[lang="ru"] .conversionTeaserBeige-phone .telephoneNumber,
html[lang="ru-RU"] .conversionTeaserBeige-phone .telephoneNumber,
html[lang="ru"] .conversionTeaserGreen-phone .telephoneNumber,
html[lang="ru-RU"] .conversionTeaserGreen-phone .telephoneNumber {
  font-weight: 500 !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  html[lang="ru"] .conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-image,
  html[lang="ru-RU"] .conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-image {
    overflow: hidden;
  }
  html[lang="ru"] .conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-image img,
  html[lang="ru-RU"] .conversionTeaserGreen--liveDemoSmall .conversionTeaserGreen-image img {
    transform: translate(-5%, 0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) and (max-width: 1080px) {
  html[lang="ru"] .conversionTeaserGreen--standard .conversionTeaserGreen-image img,
  html[lang="ru-RU"] .conversionTeaserGreen--standard .conversionTeaserGreen-image img {
    transform: translate(-15%, 0);
    max-height: 17rem;
  }
  html[lang="ru"] .conversionTeaserGreen--standard .conversionTeaserGreen-content .h3,
  html[lang="ru-RU"] .conversionTeaserGreen--standard .conversionTeaserGreen-content .h3,
  html[lang="ru"] .conversionTeaserGreen--standard .conversionTeaserGreen-content h3,
  html[lang="ru-RU"] .conversionTeaserGreen--standard .conversionTeaserGreen-content h3 {
    white-space: normal !important;
  }
}
.layout-3 .conversionTeaserGreen-new {
  display: none;
}
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  border: none;
}
.flickity-button:hover {
  opacity: 1;
  cursor: pointer;
}
.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
  opacity: 0.8;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
  display: none !important;
}
.flickity-button-icon {
  fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  /* vertically center */
}
.flickity-prev-next-button.previous {
  left: 24px;
}
.flickity-prev-next-button.next {
  right: 24px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 24px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 24px;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  padding: 0 8px;
  cursor: pointer;
  opacity: .25;
}
.flickity-page-dots .dot:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #333;
  border-radius: 50%;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
.flickity-cell {
  margin: 1rem .5rem;
}
.flickity {
  padding-left: 1rem;
}
button.flickity-button {
  width: 4rem !important;
  height: 4rem !important;
  min-width: auto !important;
  opacity: 1;
}
.flickity-prev-next-button.previous {
  left: 4.5rem;
}
.flickity-prev-next-button.next {
  right: 4.5rem;
}
@media only screen and (max-width: 979px) {
  .flickity-prev-next-button.previous {
    left: .5rem;
  }
  .flickity-prev-next-button.next {
    right: .5rem;
  }
}
@media only screen and (max-width: 479px) {
  .flickity-prev-next-button {
    display: none !important;
  }
}
.flickity-prev-next-button {
  margin-top: -2rem;
}
.flickity-prev-next-button {
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/pfeil_gold.svg) center center no-repeat;
  background-size: contain;
}
.flickity-prev-next-button svg {
  display: none !important;
}
.flickity-prev-next-button.next {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.flickity-prev-next-button.previous {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.flickity:hover .flickity-prev-next-button {
  display: inline-block;
}
@media only screen and (max-width: 979px) {
  .flickity img {
    width: 300px !important;
  }
}
.flickity-layout .flickity-spacer,
.flickity-layout .csc-header {
  display: none;
}
.flickity-layout2 .opSection,
.flickity-layout1 .opSection {
  background: #f9f9f9;
}
.flickity-layout2 .csc-header,
.flickity-layout1 .csc-header {
  display: block;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
@media (min-width: 1240px) {
  .flickity-layout2 .csc-header,
  .flickity-layout1 .csc-header {
    padding-left: 4.25rem;
  }
  .flickity-layout2 .flickity,
  .flickity-layout1 .flickity {
    padding-left: .25rem;
  }
  .flickity-layout2 .flickity-spacer,
  .flickity-layout1 .flickity-spacer {
    display: block;
    background: transparent;
    height: 1px;
    width: 3rem;
  }
}
.flickity-layout1 {
  background: #f9f9f9;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.flickity-layout2 {
  background: white;
  margin-top: 4rem;
}
.flickity-layout2 .csc-header {
  background: #f9f9f9;
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.flickity-layout2 .csc-header > * {
  font-size: 2.7rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  padding: 2rem 0;
}
.flickity-layout3 .flickity-cell {
  margin-top: 0;
  margin-bottom: 0;
}
.plyr-overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10000;
}
.plyr-overlay .maxwidthMenu {
  position: relative;
}
.plyr-overlay.plyr-overlay-active {
  display: block;
}
.plyr-overlay .plyr-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 4rem;
  height: 4rem;
  z-index: 20;
  color: white;
  display: block;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-align: center;
  line-height: 4rem;
  background: #a59478 url(/typo3conf/ext/onepager/Resources/Public/gfx/close.svg) no-repeat center center;
  background-size: 25%;
}
@media only screen and (max-width: 479px) {
  .plyr-overlay .plyr-close {
    font-size: 1.1rem;
  }
}
.plyr-overlay .video-container {
  width: 100%;
  position: relative;
  margin: 10vh auto 0;
}
.plyr-overlay .video-container .plyr {
  z-index: 10;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.plyr-overlay .video-info-container .sharer {
  margin-bottom: 1rem;
}
.plyr-overlay .video-info-container h1,
.plyr-overlay .video-info-container h2,
.plyr-overlay .video-info-container h3,
.plyr-overlay .video-info-container h4 {
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  margin-bottom: .5em;
}
.plyr-overlay .video-info-container > * {
  color: white;
  font-size: 1rem;
  padding: 1rem;
  background: black;
}
.plyr-overlay.has-playlist {
  background: rgba(0, 0, 0, 0.95);
  transition: all .3s;
  overflow: scroll;
}
.plyr-overlay.has-playlist .plyr-close,
.plyr-overlay.has-playlist .video-container {
  transition: all .3s;
}
.plyr-overlay.has-playlist .plyr {
  border-radius: 1rem;
}
@media only screen and (max-width: 979px) {
  .plyr-overlay.has-playlist .plyr {
    border-radius: 0;
  }
}
.plyr-overlay.has-playlist .plyr-close {
  width: 3rem;
  height: 3rem;
  border-radius: .5rem;
  top: -4rem;
}
@media only screen and (max-width: 979px) {
  .plyr-overlay.has-playlist .plyr-close {
    top: 0rem;
  }
}
.plyr-overlay.has-playlist .video-container {
  width: calc(74%);
  margin: 10vh 0 0;
}
@media only screen and (max-width: 979px) {
  .plyr-overlay.has-playlist .video-container {
    width: 100%;
    margin: 0 0 0;
  }
}
.plyr-overlay.has-playlist .video-info-container {
  width: calc(74%);
}
.plyr-overlay.has-playlist .video-info-container > * {
  background: transparent;
  padding-left: 0;
}
@media only screen and (max-width: 979px) {
  .plyr-overlay.has-playlist .video-info-container {
    width: 100%;
  }
  .plyr-overlay.has-playlist .video-info-container > * {
    padding-left: 1rem;
  }
}
.plyr-overlay.has-playlist .video-page-playlist-item-title {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (max-width: 979px) {
  .plyr-overlay.has-playlist .video-page-playlist-item-description {
    display: none;
  }
}
.plyr-overlay.has-playlist .video-playlist {
  position: absolute;
  width: 25%;
  right: 0;
  top: 0;
  max-height: 90vh;
  overflow: scroll;
}
@media only screen and (max-width: 979px) {
  .plyr-overlay.has-playlist .video-playlist {
    position: relative;
    width: 100%;
    max-height: 90vh;
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 2px solid #212121;
  }
}
.plyr-overlay.has-playlist .video-playlist .video-playlist-item {
  margin-bottom: 1rem;
}
.plyr-overlay.has-playlist .video-playlist .video-playlist-item.current {
  display: none;
}
.plyr-overlay.has-playlist .video-playlist .video-playlist-item[data-youtubeid] {
  padding: 0;
  height: auto;
  cursor: pointer;
}
.plyr-overlay.has-playlist .video-playlist .video-playlist-item[data-youtubeid]:before {
  display: none;
}
.plyr-overlay.has-playlist .video-playlist .video-playlist-item img {
  border-radius: 1rem;
  margin-bottom: .51rem;
}
.plyr-overlay.has-playlist .video-playlist .video-playlist-item h3 {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 979px) {
  .plyr-overlay.has-playlist .video-playlist .video-playlist-item {
    display: flex;
    align-items: center;
  }
  .plyr-overlay.has-playlist .video-playlist .video-playlist-item img {
    width: 50%;
    border-radius: 0;
  }
  .plyr-overlay.has-playlist .video-playlist .video-playlist-item h3 {
    padding-left: 1rem;
  }
}
.plyr button {
  display: inline-block;
  border-radius: 5px;
  border: none !important;
  background: transparent !important;
  min-width: auto !important;
}
.plyr button:hover {
  background: #a59478 !important;
}
.plyr input[type="range"] {
  color: #a59478 !important;
}
a.lightbox {
  display: block;
  position: relative;
}
a.lightbox:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/plus.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lightbox-container {
  position: fixed;
  z-index: 10000;
  top: 5vh;
  left: 5vw;
  width: 90vw;
  height: 90vh;
  background: no-repeat center center;
  background-size: contain;
}
.lightbox-container .lightbox-close {
  position: fixed;
  right: 0;
  top: 0;
  width: 4rem;
  height: 4rem;
  z-index: 20;
  color: white;
  display: block;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  text-align: center;
  line-height: 4rem;
  background: #a59478 url(/typo3conf/ext/onepager/Resources/Public/gfx/close.svg) no-repeat center center;
  background-size: 25%;
}
@media only screen and (max-width: 479px) {
  .lightbox-container .lightbox-close {
    font-size: 1.1rem;
  }
}
.dynamicToplink {
  position: fixed;
  top: 10rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/pfeil_gold.svg) center center no-repeat;
  background-size: contain;
  z-index: 20000;
}
#screentime-top,
#screentime-middle {
  position: absolute;
  left: 0;
  width: 1px;
  height: 100vh;
}
#screentime-top {
  top: 0;
}
#screentime-middle {
  top: 100vh;
  height: 100%;
}
.faqHeaderBulletproof {
  background-position: left top !important;
}
.faqHeaderBulletproof:before {
  content: "";
  background: #f9f9f9;
  position: absolute;
  height: 25%;
  width: 100%;
  left: 35%;
  top: 0;
}
.faqHeaderBulletproof:after {
  content: "";
  background: #f9f9f9;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 35%;
  top: 0;
  transform: skew(-7deg, 5deg);
  transform-origin: left top;
}
.faqHeaderBulletproof .faqHeaderBulletproof-images {
  position: absolute;
  z-index: 2;
  height: 50%;
  width: 60%;
  top: 30%;
  right: 0;
  text-align: left;
}
.faqHeaderBulletproof .faqHeaderBulletproof-images img {
  display: inline-block;
  height: 100%;
  width: auto;
  margin: 0 .5rem;
}
.faqHeaderBulletproof .faqHeaderBulletproof-images img:nth-child(2) {
  margin-right: 2rem;
}
@media only screen and (max-width: 479px) {
  .faqHeaderBulletproof .faqHeaderBulletproof-images {
    height: 60%;
    top: 25%;
  }
  .faqHeaderBulletproof .faqHeaderBulletproof-images img {
    margin: 0 .3rem;
  }
  .faqHeaderBulletproof .faqHeaderBulletproof-images img:nth-child(2) {
    margin-right: 1rem;
  }
}
.faqBulletproofShooteQTable table.contenttable {
  margin-top: 0;
}
.faqBulletproofShooteQTable > *:nth-child(odd) > div {
  background: #f6f6f6;
  height: 100%;
}
.faqBulletproofShooteQTable > *:nth-child(odd) > div img {
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 980px) {
  .faqBulletproofShooteQTable > *:nth-child(odd) {
    flex: 1 !important;
    max-width: 35.5% !important;
  }
  .faqBulletproofShooteQTable > *:nth-child(even) {
    flex: 1 !important;
    max-width: none !important;
  }
}
@media only screen and (max-width: 479px) {
  .shooteQTeaser {
    background-position: left bottom;
  }
  .shooteQTeaser .whitetext {
    text-shadow: black 0 0 3px;
  }
}
.securaTeaser {
  background-position: left center;
}
.securaTeaser .whitetext {
  text-shadow: black 0 0 3px;
}
@media only screen and (max-width: 479px) {
  .securaTeaser {
    background-size: cover !important;
    background-position: -65vw center;
  }
}
.p4aTeaser {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  background-position: left center;
  background-size: 50% !important;
}
@media only screen and (max-width: 479px) {
  .p4aTeaser {
    background-size: cover !important;
    background-position: -65vw center;
  }
}
.faqHeaderBulletproofCost {
  background-position: left bottom !important;
}
@media only screen and (min-width: 980px) {
  .faqHeaderBulletproofCost {
    margin-bottom: -2rem;
  }
}
.faqHeaderBulletproofCost .faqHeaderBulletproofCost-images {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 30%;
  right: 0;
  text-align: center;
  font-size: 4.5rem;
}
@media (max-width: 1240px) {
  .faqHeaderBulletproofCost .faqHeaderBulletproofCost-images {
    font-size: 5.5vw;
  }
}
.faqHeaderBulletproofCost .faqHeaderBulletproofCost-images span {
  color: #4a4a49;
  display: inline-block;
  margin: 0 2rem;
}
@media only screen and (max-width: 479px) {
  .faqHeaderBulletproofCost .faqHeaderBulletproofCost-images {
    font-size: 7vw;
  }
  .faqHeaderBulletproofCost .faqHeaderBulletproofCost-images span {
    margin: 0  0 0 1rem;
  }
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .faqHowWorksBulletProof-bullets > *:nth-child(odd) {
    flex: 1 0 60% !important;
    width: auto !important;
    max-width: 60% !important;
    padding-bottom: 0 !important;
  }
  .faqHowWorksBulletProof-bullets > *:nth-child(even) {
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
    padding-bottom: 0 !important;
  }
}
.faqHowWorksBulletProof-bullets .bggray {
  height: 100%;
  position: relative;
}
.faqHowWorksBulletProof-bullets .bggray .caption {
  padding: 1rem;
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .faqHowWorksBulletProof-bullets .bggray .caption {
    position: absolute;
    bottom: 0;
  }
}
.skewedVideo {
  position: relative;
}
.skewedVideo .csc-header {
  padding: 2rem 0 3rem !important;
}
.skewedVideo:before {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -66%);
  -moz-transform: translate(-50%, -66%);
  -o-transform: translate(-50%, -66%);
  -ms-transform: translate(-50%, -66%);
  transform: translate(-50%, -66%);
}
@media only screen and (max-width: 479px) {
  .skewedVideo:before {
    -webkit-transform: translate(-50%, -56%);
    -moz-transform: translate(-50%, -56%);
    -o-transform: translate(-50%, -56%);
    -ms-transform: translate(-50%, -56%);
    transform: translate(-50%, -56%);
  }
}
.skewedVideo .skewedVideo-image {
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #ffffff no-repeat left center;
  background-size: 60%;
  height: 19rem;
  -webkit-transform: translate(-50%, 0) skew(0, -2deg);
  -moz-transform: translate(-50%, 0) skew(0, -2deg);
  -o-transform: translate(-50%, 0) skew(0, -2deg);
  -ms-transform: translate(-50%, 0) skew(0, -2deg);
  transform: translate(-50%, 0) skew(0, -2deg);
  transform-origin: left top;
}
@media only screen and (max-width: 479px) {
  .skewedVideo .skewedVideo-image {
    background-size: cover;
  }
}
@media (max-width: 1240px) {
  .skewedVideo .skewedVideo-image {
    height: 12rem;
  }
}
.skewedVideo.skewedVideo-full[data-youtubeid]:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/youtube-button-red-white.svg) no-repeat center center;
}
.skewedVideo.skewedVideo-full.skewedVideo-gold[data-youtubeid]:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/youtube-button-red-white.svg);
}
.skewedVideo.skewedVideo-full .skewedVideo-image {
  background-size: 100% !important;
}
.skewedVideo.skewedVideo-full h2 {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: white;
  z-index: 2;
  font-size: 2.7rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .skewedVideo.skewedVideo-full h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .skewedVideo.skewedVideo-full h2 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .skewedVideo.skewedVideo-full h2 {
    font-size: 1.5rem;
    line-height: 1.2em;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .skewedVideo.skewedVideo-full h2 {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 479px) {
  .skewedVideo.skewedVideo-full .skewedVideo-image {
    height: 10rem;
    background-position: center center !important;
    background-size: cover !important;
  }
  .skewedVideo.skewedVideo-full h2 {
    font-size: 1.1rem;
    line-height: 1.4em;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
    text-align: center;
  }
}
@media only screen and (max-width: 979px) {
  .skewedVideoHeader {
    padding-top: 1rem !important;
  }
  .skewedVideo-full {
    margin-top: -1.5rem;
  }
  .skewedVideo.skewedVideo-full.skewedVideo-p6b .skewedVideo-image {
    background-position: left center !important;
    background-size: 140% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .skewedVideo.skewedVideo-full.skewedVideo-p6b .skewedVideo-image {
    background-position: left center !important;
    background-size: 120% !important;
  }
}
@media only screen and (max-width: 479px) {
  .intro {
    background-color: #E0E0E0;
  }
}
.intro .intro-stage {
  height: 50vh;
  background: center center no-repeat;
  background-size: cover;
  background-position: 0 60%;
  border-bottom-right-radius: 15vw 10vw;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .intro .intro-stage {
    height: 40vh;
  }
}
@media only screen and (max-width: 479px) {
  .intro .intro-stage {
    height: 20vh;
    background-size: 110%;
    background-position: center center;
  }
}
.intro .intro-content {
  background: no-repeat;
  background-position: -5vw 40%;
  background-size: 1680px;
  padding: 3rem 0;
  background-image: url(/fileadmin/user_upload/2020/Home/silatec_glas_2500_big.jpg);
}
@media only screen and (max-width: 979px), only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 1600px) {
  .intro .intro-content {
    background-position: -10vw 42%;
    background-size: 110%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .intro .intro-content {
    background-position: -8vw 42%;
    background-size: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .intro .intro-content {
    padding: 1rem 0;
    background: no-repeat;
    background-image: url(/fileadmin/user_upload/2020/Home/silatec_square_1200.jpg) !important;
    background-position: center 40%;
    background-size: 150%;
  }
}
.intro .intro-content .intro-content-inner {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}
.intro .intro-content .intro-content-inner .intro-content-badges {
  text-align: left;
  display: inline-block;
  width: 40%;
  white-space: nowrap;
}
.intro .intro-content .intro-content-inner .intro-content-badges img {
  display: inline-block;
  height: 7rem;
  width: auto;
}
.intro .intro-content .intro-content-inner .intro-content-badges img:nth-child(1),
.intro .intro-content .intro-content-inner .intro-content-badges img:nth-child(2) {
  margin-right: 2rem;
}
.intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim {
  white-space: normal;
  margin-top: 2rem;
  padding-right: 1rem;
}
.intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h2,
.intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h2 {
  color: #4a4a49;
  text-transform: uppercase;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  font-size: 3.8rem;
  line-height: .8;
  margin-bottom: 2rem;
}
.intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h1,
.intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h1 {
  color: #4a4a49;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.5rem;
  line-height: 1.2em;
  line-height: 1.2;
}
@media only screen and (max-width: 479px) {
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h1,
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h1 {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 979px), only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 1600px) {
  .intro .intro-content .intro-content-inner .intro-content-badges img {
    height: 9vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges img:nth-child(1),
  .intro .intro-content .intro-content-inner .intro-content-badges img:nth-child(2) {
    margin-right: 2vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim {
    margin-top: 2vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h2,
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h2 {
    font-size: 4vw;
    margin-bottom: 2vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h1,
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h1 {
    font-size: 1.6vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .intro .intro-content .intro-content-inner .intro-content-badges {
    width: 47%;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges img {
    height: 10vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges img:nth-child(1),
  .intro .intro-content .intro-content-inner .intro-content-badges img:nth-child(2) {
    margin-right: 2vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim {
    margin-top: 2vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h2,
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h2 {
    font-size: 5.5vw;
    margin-bottom: 2vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h1,
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h1 {
    font-size: 2.5vw;
  }
}
@media only screen and (max-width: 479px) {
  .intro .intro-content .intro-content-inner .intro-content-badges {
    width: 100%;
    text-align: center;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges img {
    height: 20vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges img:nth-child(1),
  .intro .intro-content .intro-content-inner .intro-content-badges img:nth-child(2) {
    margin-right: 2vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim {
    margin-top: 10rem;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h2,
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h2 {
    font-size: 1.4rem;
    margin-bottom: 2vw;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h2 br,
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h2 br {
    display: none;
  }
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim .h1,
  .intro .intro-content .intro-content-inner .intro-content-badges .intro-content-claim h1 {
    font-size: 1rem;
    margin-bottom: .5rem;
  }
}
@media only screen and (max-width: 479px) {
  html[lang="ru"] .intro .intro-content,
  html[lang="ru-RU"] .intro .intro-content {
    background-position: center 45%;
  }
}
.papersketch {
  background: #ECE1D2  center center;
  background-size: contain;
  position: relative;
  overflow: hidden;
  padding-bottom: 4rem;
}
.papersketch .maxwidth {
  max-width: 1240px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .papersketch .maxwidth {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.papersketch .papersketch-badge {
  position: relative;
  z-index: 4;
  padding: 2rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .papersketch .papersketch-badge {
    padding: 1rem 0 2rem;
  }
}
.papersketch .papersketch-badge img {
  width: auto;
  max-height: 12rem;
  height: 12vw;
  min-height: 7rem;
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .papersketch .papersketch-badge {
    padding: 1rem 0 1.5rem;
  }
  .papersketch .papersketch-badge img {
    min-height: 6rem;
  }
}
.papersketch .papersketch-badge:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #4a4a49;
  width: 100%;
  -webkit-transform: skew(0, -8deg);
  -moz-transform: skew(0, -8deg);
  -o-transform: skew(0, -8deg);
  -ms-transform: skew(0, -8deg);
  transform: skew(0, -8deg);
  transform-origin: left top;
}
@media (min-width: 1240px) {
  .papersketch .papersketch-badge:before {
    height: calc(100% + 2.5vw);
  }
}
@media (min-width: 1920px) {
  .papersketch .papersketch-badge:before {
    height: calc(100% + 4vw);
  }
}
.papersketch .papersketch-sketch {
  text-align: right;
  margin-top: -6rem;
}
@media only screen and (min-width: 980px) {
  .papersketch .papersketch-sketch {
    margin-top: -6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .papersketch .papersketch-sketch {
    margin-top: -4rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .papersketch .papersketch-sketch {
    margin-top: -2rem;
  }
}
.papersketch .papersketch-sketch img {
  display: inline-block;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
  width: 80%;
}
@media only screen and (max-width: 979px) {
  .papersketch .papersketch-sketch img {
    width: 100% !important;
  }
}
@media (min-width: 1300px) {
  .papersketch .papersketch-sketch img {
    -webkit-transform: translate(7%, 0);
    -moz-transform: translate(7%, 0);
    -o-transform: translate(7%, 0);
    -ms-transform: translate(7%, 0);
    transform: translate(7%, 0);
  }
}
.papersketch .papersketch-content {
  position: absolute;
  bottom: 4rem;
  left: 1rem;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  font-size: 2.7rem;
  line-height: 1.1em;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  line-height: .8;
  text-align: center;
}
@media only screen and (min-width: 2100px) {
  .papersketch .papersketch-content {
    left: -1rem;
  }
}
@media only screen and (max-width: 979px) {
  .papersketch .papersketch-content {
    position: relative;
    display: inline-block;
    left: 50% !important;
    bottom: 0 !important;
    -webkit-transform: rotate(-3deg) translate(-50%, 0);
    -moz-transform: rotate(-3deg) translate(-50%, 0);
    -o-transform: rotate(-3deg) translate(-50%, 0);
    -ms-transform: rotate(-3deg) translate(-50%, 0);
    transform: rotate(-3deg) translate(-50%, 0);
    width: auto;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 479px) {
  .papersketch .papersketch-content {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .papersketch .papersketch-content {
    font-size: 2.4rem;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  .papersketch .papersketch-content {
    font-size: 2rem;
    line-height: 1.2em;
    line-height: .8;
  }
}
@media (min-width: 980px) and (max-width: 1200px) and only screen and (max-width: 479px) {
  .papersketch .papersketch-content {
    font-size: 1.5rem;
  }
}
.papersketch .papersketch-content img {
  width: auto;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (max-width: 979px) {
  .papersketch {
    padding-bottom: 3rem;
  }
}
.papersketch:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1rem;
  width: 100%;
  background: #4a4a49;
  -webkit-transform: skew(0, -0.5deg);
  -moz-transform: skew(0, -0.5deg);
  -o-transform: skew(0, -0.5deg);
  -ms-transform: skew(0, -0.5deg);
  transform: skew(0, -0.5deg);
  transform-origin: right top;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .papersketch.paperSketchSecura .papersketch-content {
    left: 3.5rem;
    bottom: 0;
  }
}
.papersketch.paperSketchShooteQ .papersketch-content {
  left: 2.5rem;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .papersketch.paperSketchShooteQ .papersketch-content {
    left: 5.5rem;
  }
}
.papersketch.paperSketchPrivateProtection .papersketch-sketch img {
  width: 70%;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .papersketch.paperSketchPrivateProtection .papersketch-content {
    left: 4.5rem;
    bottom: 0;
  }
}
.papersketch.paperSketchPrivateProtection .papersketch-content .paperSketchPrivateProtection-line1 {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  margin-top: -.2em;
  margin-bottom: -.1em;
}
@media only screen and (min-width: 980px) {
  body.lang1 .papersketch.paperSketchSecura .papersketch-content {
    font-size: 2.6rem;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  body.lang1 .papersketch.paperSketchSecura .papersketch-content {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 980px) {
  body.lang7 .papersketch.paperSketchPrivateProtection .papersketch-content {
    font-size: 2.6rem;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  body.lang7 .papersketch.paperSketchPrivateProtection .papersketch-content {
    font-size: 2rem;
  }
}
body.lang5 .papersketch.paperSketchPrivateProtection .papersketch-content {
  line-height: 1;
}
body.lang5 .papersketch.paperSketchPrivateProtection img.paperSketchPrivateProtection-line2 {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  margin-top: -.5rem;
}
.imageLeftTextRightFull.timers {
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .imageLeftTextRightFull.timers .imageLeftTextRight-image span {
    font-size: .8rem;
  }
}
@media only screen and (max-width: 479px) {
  .imageLeftTextRightFull.timers .imageLeftTextRight-image {
    overflow: hidden;
  }
  .imageLeftTextRightFull.timers .imageLeftTextRight-image img {
    width: 120%;
    max-width: none;
  }
  .imageLeftTextRightFull.timers .imageLeftTextRight-image span {
    -webkit-transform: translate(20%, 0);
    -moz-transform: translate(20%, 0);
    -o-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    transform: translate(20%, 0);
  }
}
.imageLeftTextRightFull.timers .timer {
  display: inline-block;
  text-align: center;
  margin: 0 1rem;
}
.imageLeftTextRightFull.timers .timer img {
  display: inline-block;
  max-width: 10rem;
  width: 12vw;
  min-width: 5rem;
  margin-bottom: 1rem;
}
.imageLeftTextRightFull.timers .timer strong {
  display: block;
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .imageLeftTextRightFull.timers .timer {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px) and only screen and (max-width: 479px), only screen and (min-width: 2100px) and only screen and (max-width: 479px) {
  .imageLeftTextRightFull.timers .timer {
    font-size: 1.1rem;
  }
}
.imageLeftTextRightFull.timers .timer span {
  margin: 0 .2em;
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .imageLeftTextRightFull.timers .timer span {
    margin: 0 .4em;
    font-size: 1.1rem;
    line-height: 1.4em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (max-width: 479px) {
  .imageLeftTextRightFull.timers .timer span {
    font-family: "fs_joeyregular", "Roboto", "Arial";
    font-weight: 400 !important;
  }
}
.imageLeftTextRightFull.timers .timer.timer-green * {
  color: #27533e;
}
.imageLeftTextRightFull.timers .timer.timer-gold * {
  color: #a59478;
}
.summit {
  background: #e4e0d6;
  padding: 2rem 0 1rem;
  overflow: hidden;
}
.summit .summit-inner {
  background: #666666;
  -webkit-transform: skew(0, -1deg);
  -moz-transform: skew(0, -1deg);
  -o-transform: skew(0, -1deg);
  -ms-transform: skew(0, -1deg);
  transform: skew(0, -1deg);
  transform-origin: left bottom;
}
.summit .summit-inner .summit-image {
  width: 60%;
  max-width: 900px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: translate(-30%, 0);
  -moz-transform: translate(-30%, 0);
  -o-transform: translate(-30%, 0);
  -ms-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
}
.summit .summit-inner .summit-image:before {
  content: "";
  position: absolute;
  left: -10%;
  top: 0;
  width: 10%;
  height: 100%;
  background: #666666;
  -webkit-transform: skew(5deg, 0);
  -moz-transform: skew(5deg, 0);
  -o-transform: skew(5deg, 0);
  -ms-transform: skew(5deg, 0);
  transform: skew(5deg, 0);
  transform-origin: left top;
}
@media only screen and (max-width: 479px) {
  .summit .summit-inner .summit-image {
    max-width: none;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .summit .summit-inner .summit-image:before {
    display: none;
  }
}
.summit .summit-inner .summit-image .summit-content {
  width: 66%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 100%;
}
.summit .summit-inner .summit-image .summit-content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  -webkit-transform: skew(-6deg, 0);
  -moz-transform: skew(-6deg, 0);
  -o-transform: skew(-6deg, 0);
  -ms-transform: skew(-6deg, 0);
  transform: skew(-6deg, 0);
}
.summit .summit-inner .summit-image .summit-content .summit-content-inner {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%) rotate(1deg);
  -moz-transform: translate(0, -50%) rotate(1deg);
  -o-transform: translate(0, -50%) rotate(1deg);
  -ms-transform: translate(0, -50%) rotate(1deg);
  transform: translate(0, -50%) rotate(1deg);
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.4em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.summit .summit-inner .summit-image .summit-content .summit-content-inner img {
  display: inline-block;
  height: 8rem;
  width: auto;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 979px) {
  .summit .summit-inner .summit-image .summit-content .summit-content-inner img {
    height: 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .summit .summit-inner .summit-image .summit-content .summit-content-inner {
    font-size: 1rem;
    line-height: 1.2;
  }
  .summit .summit-inner .summit-image .summit-content .summit-content-inner img {
    height: 6rem;
  }
}
@media only screen and (max-width: 479px) {
  .summit .summit-inner .summit-image .summit-content {
    max-width: none;
    width: 100%;
    height: auto;
    position: relative;
    left: auto;
  }
  .summit .summit-inner .summit-image .summit-content:before {
    -webkit-transform: skew(0, 0);
    -moz-transform: skew(0, 0);
    -o-transform: skew(0, 0);
    -ms-transform: skew(0, 0);
    transform: skew(0, 0);
    background: #f9f9f9;
  }
  .summit .summit-inner .summit-image .summit-content .summit-content-inner {
    position: static;
    padding: 1rem 0;
    -webkit-transform: translate(0, 0) rotate(1deg);
    -moz-transform: translate(0, 0) rotate(1deg);
    -o-transform: translate(0, 0) rotate(1deg);
    -ms-transform: translate(0, 0) rotate(1deg);
    transform: translate(0, 0) rotate(1deg);
    font-size: 1rem;
    font-family: "fs_joeyregular", "Roboto", "Arial";
    font-weight: 400 !important;
    line-height: 1.1;
  }
  .summit .summit-inner .summit-image .summit-content .summit-content-inner img {
    height: 6rem;
    margin-bottom: .5rem;
  }
}
.uvKillsArt {
  margin-top: 16vw;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .uvKillsArt {
    margin-top: 20vw;
  }
}
@media only screen and (max-width: 479px) {
  .uvKillsArt {
    margin-top: 30vw;
  }
}
.uvKillsArt:before {
  content: "";
  display: block;
  height: 20vw;
  width: 100%;
  position: absolute;
  top: -10vw;
  background: url(/fileadmin/user_upload/2020/Kunstraub/uv.svg) no-repeat;
  background-size: 160%;
  background-position: 35% center;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .uvKillsArt:before {
    height: 25vw;
    background-size: 190%;
    background-position: 40% center;
    top: -15vw;
  }
}
@media only screen and (max-width: 479px) {
  .uvKillsArt:before {
    height: 30vw;
    top: -20vw;
    background-size: 250%;
    background-position: 40% center;
  }
}
.uvKillsArt .uvKillsArt-image {
  height: 40vw;
  background: #f5f5f5 no-repeat;
  background-position: -25vw 40%;
  background-size: 120%;
  overflow: hidden;
  position: relative;
}
.uvKillsArt .uvKillsArt-image:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 6vw;
  background: white;
  bottom: 0;
  left: 0;
  -webkit-transform: skew(0, 3deg);
  -moz-transform: skew(0, 3deg);
  -o-transform: skew(0, 3deg);
  -ms-transform: skew(0, 3deg);
  transform: skew(0, 3deg);
  transform-origin: left top;
}
@media only screen and (max-width: 479px) {
  .uvKillsArt .uvKillsArt-image {
    height: 50vw;
    background-position: 47% 40%;
    background-size: 190%;
  }
}
.uvKillsArt .uvKillsArt-content {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  position: absolute;
  right: 5%;
  bottom: 25%;
}
@media only screen and (max-width: 479px) {
  .uvKillsArt .uvKillsArt-content {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .uvKillsArt .uvKillsArt-content {
    font-size: 1.1rem;
    line-height: 1.4em;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 479px) {
  .uvKillsArt .uvKillsArt-content {
    position: static;
    padding: 1rem 1rem 3rem;
    background: white;
    text-align: center;
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
  }
}
.silatecFactory {
  height: 50vw;
  max-height: 500px;
  background: #000000 no-repeat;
  background-size: 130% !important;
  background-position: left 20%;
  position: relative;
}
@media only screen and (min-width: 980px) {
  .silatecFactory.inViewport {
    background-image: url(/fileadmin/user_upload/2020/Home/fima_silatec_2000.jpg);
  }
}
@media only screen and (max-width: 979px), only screen and (min-width: 980px) and (max-width: 1080px) {
  .silatecFactory {
    background-position: -5vw 20%;
    background-size: 150% !important;
    height: 40vw;
    max-height: 450px;
  }
}
.silatecFactory img {
  position: absolute;
  right: 3vw;
  top: 3vw;
  width: 10vw !important;
  max-width: 10rem;
}
.silatecFactory span {
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  font-size: 4vw;
  line-height: 1.2;
  color: white;
  position: absolute;
  right: 5vw;
  bottom: 5vw;
}
@media only screen and (max-width: 979px), only screen and (min-width: 980px) and (max-width: 1080px) {
  .silatecFactory span {
    font-size: 5vw;
  }
}
@media (min-width: 1240px) {
  .silatecFactory img {
    width: 7rem !important;
    right: 3rem;
    top: 3rem;
  }
  .silatecFactory span {
    font-size: 3.5rem;
    right: 8rem;
    bottom: 5rem;
  }
}
@media only screen and (max-width: 479px) {
  .silatecFactory img {
    width: 4.5rem !important;
  }
}
@media only screen and (max-width: 479px) {
  html[lang="ru"] .silatecFactory img,
  html[lang="ru-RU"] .silatecFactory img,
  body.lang7 .silatecFactory img,
  body.lang1 .silatecFactory img {
    width: 3.5rem !important;
  }
}
.train {
  position: relative;
  margin-top: 5rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .train {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 479px) {
  .train {
    margin-top: 5rem;
  }
}
.train .opSectionContent {
  position: relative;
}
.train h2 {
  z-index: 10;
  position: absolute;
  text-align: center;
  width: 100vw;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.train h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 4rem;
  background: #ffe448;
  z-index: 1;
  -webkit-transform: skew(0, -2deg);
  -moz-transform: skew(0, -2deg);
  -o-transform: skew(0, -2deg);
  -ms-transform: skew(0, -2deg);
  transform: skew(0, -2deg);
}
.train h2 span {
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  top: -.4em;
  font-size: 5rem;
  color: #000000;
  font-family: 'VeneerTwo';
  z-index: 2;
  line-height: .8;
}
.train h2 span img {
  -webkit-transform: translate(30%, 0);
  -moz-transform: translate(30%, 0);
  -o-transform: translate(30%, 0);
  -ms-transform: translate(30%, 0);
  transform: translate(30%, 0);
  margin-top: -.7rem;
}
.train .type-mask_plainimage {
  position: relative;
}
.train .type-mask_plainimage img {
  opacity: .9;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transform-origin: left bottom;
}
@media only screen and (max-width: 479px) {
  .train .type-mask_plainimage img {
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -o-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
    transform-origin: 70% bottom;
  }
}
.train .type-mask_plainimage:after {
  content: "";
  position: absolute;
  z-index: 5;
  height: 111%;
  width: 12rem;
  bottom: -1px;
  left: 104%;
  background: #f9f9f9;
  -webkit-transform: skew(-20deg, 0);
  -moz-transform: skew(-20deg, 0);
  -o-transform: skew(-20deg, 0);
  -ms-transform: skew(-20deg, 0);
  transform: skew(-20deg, 0);
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .train h2:before {
    height: 3rem;
  }
  .train h2 span {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 479px) {
  .train .type-mask_plainimage:after {
    display: none;
  }
  .train h2 {
    top: -2.5rem;
  }
  .train h2:before {
    height: 2rem;
  }
  .train h2 span {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 980px) {
  html[lang="ru"] .train h2:before,
  html[lang="ru-RU"] .train h2:before {
    height: 4.3rem;
  }
}
html[lang="ru"] .train h2 span,
html[lang="ru-RU"] .train h2 span {
  font-family: "Roboto Condensed" !important;
  font-weight: 700 !important;
}
@media only screen and (min-width: 980px) {
  html[lang="ru"] .train h2 span,
  html[lang="ru-RU"] .train h2 span {
    top: -2rem;
  }
}
.homeSpecialProducts {
  position: relative;
}
.homeSpecialProducts .colpos102 {
  position: relative;
}
.homeSpecialProducts .colpos102 img {
  max-width: none;
  width: calc(100% + 1rem);
}
.homeSpecialProducts .colpos102:after {
  content: "";
  position: absolute;
  background: #f9f9f9;
  right: -1rem;
  top: 0;
  height: 100%;
  width: 10%;
  -webkit-transform: skew(-4deg, 0);
  -moz-transform: skew(-4deg, 0);
  -o-transform: skew(-4deg, 0);
  -ms-transform: skew(-4deg, 0);
  transform: skew(-4deg, 0);
  transform-origin: bottom right;
}
.homeSpecialProducts:after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 4rem;
  left: 0;
  top: 30%;
  background: rgba(255, 228, 72, 0.5);
  z-index: 1;
  -webkit-transform: skew(0, 10deg);
  -moz-transform: skew(0, 10deg);
  -o-transform: skew(0, 10deg);
  -ms-transform: skew(0, 10deg);
  transform: skew(0, 10deg);
}
@media only screen and (max-width: 479px) {
  .homeSpecialProducts:after {
    -webkit-transform: skew(0, 50deg);
    -moz-transform: skew(0, 50deg);
    -o-transform: skew(0, 50deg);
    -ms-transform: skew(0, 50deg);
    transform: skew(0, 50deg);
  }
  .homeSpecialProducts .colpos102 {
    margin-top: 1rem;
  }
}
:root {
  --green1: #a0bb2c !important;
  --green2: #d9dbda !important;
  --notice-right: 3% !important;
  --notice-left: 3% !important;
  --notice-max-width: 94% !important;
  --font-size: 1rem !important;
  --dark-gray: #4a4a49 !important;
}
.klaro.we_cookie_consent {
  position: relative;
  z-index: 1000000000000;
  /*

  // for disabling website during consent
  &:before {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
  }
*/
}
.klaro.we_cookie_consent .cn-body p span strong {
  display: none;
}
.klaro.we_cookie_consent .cn-body p span span a:before {
  content: "\A";
  white-space: pre;
}
.klaro.we_cookie_consent a.cn-learn-more {
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  color: white !important;
  background-color: var(--dark2, #5c5c5c);
  border-radius: var(--border-radius, 4px);
  display: inline-block;
  margin-right: 0;
  border-style: none;
  padding: 0.4em;
  font-size: 1em;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .klaro.we_cookie_consent a.cn-learn-more {
    margin-right: 0.5em;
  }
}
.klaro.we_cookie_consent .cm-btn {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
    flex-grow: unset !important;
  }
}
@media only screen and (max-width: 479px) {
  .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
    margin-bottom: 5px;
  }
}
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  align-items: start !important;
  margin-top: 1rem;
}
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok .cn-buttons .cm-btn-success {
  background-color: var(--dark2, #5c5c5c);
}
@media only screen and (max-width: 479px) {
  .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok .cn-buttons .cm-btn-success {
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .klaro.we_cookie_consent .cn-decline {
    width: 100% !important;
  }
}
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
  margin-top: 0 !important;
}
.klaro.we_cookie_consent .cookie-modal .cm-modal .hide {
  min-width: auto !important;
  padding: 0 !important;
  line-height: 0 !important;
}
.cm-footer-buttons .cn-decline {
  display: none !important;
}
.shopTeaser {
  background: #4a4a49;
  padding: 2rem 0;
  text-align: center;
}
.shopTeaser .shopTeaser-image:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.shopTeaser .shopTeaser-image img {
  vertical-align: middle;
  display: inline;
  max-width: 280px;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .shopTeaser .shopTeaser-image img {
    display: inline-block;
    max-width: 240px;
    margin-bottom: 3rem;
  }
}
.shopTeaser h3 {
  font-size: 3rem;
  line-height: 1em;
  color: white;
  opacity: .9;
  font-family: 'VeneerTwo';
  white-space: nowrap !important;
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  -o-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .shopTeaser h3 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 479px) {
  .shopTeaser h3 {
    font-size: 2.4rem;
  }
}
.pressContainer {
  padding: 3rem 0;
}
.pressContainer .col-12 {
  margin-bottom: 3rem;
}
.pressTeaser {
  display: block;
  text-decoration: none;
  color: inherit;
}
.pressTeaser:hover {
  text-decoration: none;
  color: inherit;
}
.pressTeaser:hover .pressTeaser-headline {
  opacity: 0.75;
}
.pressTeaser-image img {
  display: block;
  width: 100%;
  height: auto;
}
.pressTeaser-body {
  padding-top: 21px;
}
.pressTeaser-line {
  border: none;
  border-top: 3px solid #000000;
  margin: 0;
}
.pressTeaser-line--sub {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.pressTeaser-line--bottom {
  border-top-width: 7px;
  margin-top: 1.1rem;
}
.pressTeaser-headline {
  font-size: 38px;
  line-height: 40px;
  font-weight: bold;
  color: rgba(5, 5, 5, 0.9);
  margin-top: 11px;
  margin-bottom: 0.5rem;
  transition: opacity 0.2s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .pressTeaser-headline {
    font-size: 28px;
    line-height: 32px;
  }
}
.pressTeaser-meta {
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000;
  margin: 0.75rem 0 0;
}
.pressTeaser-text {
  font-size: 17px;
  line-height: 25px;
  color: #4a4a49;
}
.pressTeaser-text p:last-child {
  margin-bottom: 0;
}
.pressTeaser-text p {
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 1em;
}
.pressHero-banner {
  position: relative;
  height: 505px;
  overflow: hidden;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .pressHero-banner {
    height: 280px;
  }
}
.pressHero-bg {
  display: block;
  position: absolute;
  top: -7.53%;
  left: 0;
  width: 100%;
  height: 115%;
  object-fit: cover;
  object-position: center center;
  max-width: none;
}
.pressHero-overlay {
  position: absolute;
  inset: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 200px;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .pressHero-overlay {
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 1.5rem;
  }
}
.pressHero-headline {
  font-family: "fs_joeybold", sans-serif;
  font-size: 65px;
  line-height: 62px;
  color: #f5f5f5;
  font-weight: normal;
  margin: 0;
  text-align: left;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .pressHero-headline {
    font-size: 36px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .pressHero-headline {
    font-size: 48px;
    line-height: 50px;
  }
}
.pressHero-intro {
  max-width: 860px;
  margin: 0 auto;
  padding: 3rem 0 2rem;
  text-align: center;
  font-size: 1.3rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  line-height: 1.2;
  color: rgba(15, 14, 14, 0.9);
}
@media only screen and (max-width: 479px) {
  .pressHero-intro {
    font-size: 1.1rem;
  }
}
.pressHero-intro p:last-child {
  margin-bottom: 0;
}
.pressHero-intro p {
  font-size: 1.3rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 479px) {
  .pressHero-intro p {
    font-size: 1.1rem;
  }
}
.warning-box .fluid.flex > * {
  padding: 3rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.warning-box img {
  display: inline-block;
  max-width: 4.5rem;
  margin-bottom: 1rem;
}
.warning-box-small {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.warning-box-small .bggreen,
.warning-box-small .bgred,
.warning-box-small .bggray {
  padding: 1.5rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.warning-box-small img {
  display: inline-block;
  width: 4rem;
}
.warning-box-small .bggray {
  flex: 1;
}
.polycarbonateHeader {
  transform: skew(0, 5deg);
  transform-origin: right top;
  background-image: url(/fileadmin/user_upload/2020/polycarbonat/nice_try_header_fade.jpg);
  background-size: 1200px !important;
  background-position: 30% 2vw;
}
.polycarbonateHeader .polycarbonateHeader-images {
  transform: skew(0, -5deg);
}
.polycarbonateHeader .polycarbonateHeader-images img {
  width: 4.5rem;
  height: auto;
  position: absolute;
  right: 1rem;
  bottom: 10%;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
  filter: alpha(opacity=60);
}
@media (max-width: 1280px) {
  .polycarbonateHeader {
    background-size: cover !important;
  }
  .polycarbonateHeader .polycarbonateHeader-images img {
    width: 6vw;
  }
}
@media only screen and (min-width: 980px) {
  .polycarbonateHeader {
    margin-bottom: -5vw;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .polycarbonateHeader {
    background-position: -5vw 0vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .polycarbonateHeader {
    background-position: -10vw -1vw;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .polycarbonateHeader {
    background-position: -10vw -1vw;
  }
  .polycarbonateHeader .polycarbonateHeader-images img {
    width: 8vw !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .polycarbonateConstructionImage.flex > *:nth-child(odd) {
    flex: 1 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .polycarbonateConstructionImage.flex > *:nth-child(even) {
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
.polycarbonateConstructionImage .colpos101 {
  position: relative;
}
.polycarbonateConstructionImage .colpos101 img.polycarbonateConstructionImage-tuv {
  position: absolute;
  width: 7%;
  bottom: 12%;
  left: 10%;
  opacity: .5;
}
@media only screen and (max-width: 479px) {
  .polycarbonateConstructionImage .colpos101 img.polycarbonateConstructionImage-tuv {
    bottom: 15%;
  }
}
.polycarbonateConstructionImage .colpos102 > div {
  background-color: #f9f9f9 !important;
  color: #000000;
  height: 100%;
}
.polycarbonateConstructionImage .colpos102 > div .polycarbonateConstructionImage-image {
  height: 100%;
  padding: 1rem;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.polycarbonateConstructionImage .colpos102 > div .polycarbonateConstructionImage-image:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  width: 0;
}
.polycarbonateWineglass {
  background-size: contain !important;
  background-position: right center !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (max-width: 979px) {
  .polycarbonateWineglass {
    background-size: cover !important;
    background-position: left center !important;
  }
  .polycarbonateWineglass p {
    text-shadow: black 0 0 3px;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .polycarbonateWineglass {
    background-position: 150% center !important;
  }
}
.polycarbonateWineglass h4 {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (max-width: 479px) {
  .polycarbonateWineglass h4 {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 479px) {
  .polycarbonateWineglass h4 {
    font-size: 1.8rem !important;
  }
  .polycarbonateWineglass p.medium {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    width: 75%;
  }
  .polycarbonateWineglass p {
    width: 85%;
  }
  .polycarbonateWineglass .fluid > * {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 980px) {
  .polycarbonateComparison.imageLeftTextRightFull .imageLeftTextRight-image {
    max-width: 66vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .polycarbonateComparison.imageLeftTextRightFull .imageLeftTextRight-image {
    max-width: 66vw;
  }
}
.polycarbonateComparison.imageLeftTextRightFull .imageLeftTextRight-content {
  text-align: left;
  position: relative;
}
.polycarbonateComparison.imageLeftTextRightFull .imageLeftTextRight-content:before {
  display: none;
}
@media only screen and (min-width: 980px) {
  .polycarbonateComparison.imageLeftTextRightFull .imageLeftTextRight-content .caption {
    position: absolute;
    bottom: 0;
    width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .polycarbonateComparison.imageLeftTextRightFull .imageLeftTextRight-content .caption {
    position: absolute;
    bottom: 0;
  }
}
.wreckingBall {
  position: relative;
  margin-top: 5rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .wreckingBall {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 479px) {
  .wreckingBall {
    margin-top: 8rem;
  }
}
.wreckingBall .opSectionContent {
  position: relative;
}
.wreckingBall h2 {
  z-index: 10;
  position: absolute;
  text-align: center;
  width: 100vw;
  left: 50%;
  top: -3rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wreckingBall h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3rem;
  background: #ffe448;
  z-index: 1;
  -webkit-transform: skew(0, 6deg);
  -moz-transform: skew(0, 6deg);
  -o-transform: skew(0, 6deg);
  -ms-transform: skew(0, 6deg);
  transform: skew(0, 6deg);
}
.wreckingBall h2 span {
  position: relative;
  display: inline-block;
  top: -.7em;
  font-size: 4rem;
  color: #000000;
  font-family: 'VeneerTwo';
  z-index: 2;
  line-height: .8;
}
.wreckingBall h2 span img {
  -webkit-transform: translate(30%, 0);
  -moz-transform: translate(30%, 0);
  -o-transform: translate(30%, 0);
  -ms-transform: translate(30%, 0);
  transform: translate(30%, 0);
  margin-top: -.7rem;
}
.wreckingBall .type-mask_plainimage {
  position: relative;
  perspective: 125px;
  /*
    &:before {
      content: "";
      position: absolute;
      z-index: 5;
      height: 111%;
      width: 3rem;
      bottom: -1px;
      left: 0;
      background: @lightergray;
      transform-origin: right bottom;
      .transform(skew(5deg, 0))
    }

    &:after {
      content: "";
      position: absolute;
      z-index: 5;
      height: 111%;
      width: 12rem;
      bottom: -1px;
      left: 100%;
      background: @lightergray;
      .transform(skew(-20deg, 0))
    }
*/
}
.wreckingBall .type-mask_plainimage img {
  width: 90%;
  transform: rotateY(-1deg) rotateX(-2deg);
  transform-origin: left bottom;
  outline: 1px solid transparent;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .wreckingBall .type-mask_plainimage img {
    width: 130%;
    transform: rotateY(-3deg) rotateX(-2deg);
  }
}
@media only screen and (max-width: 479px) {
  .wreckingBall .type-mask_plainimage img {
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -o-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
    transform-origin: 9% bottom;
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .wreckingBall h2 {
    top: -1rem;
  }
  .wreckingBall h2:before {
    height: 3rem;
  }
  .wreckingBall h2 span {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 479px) {
  .wreckingBall .type-mask_plainimage:before,
  .wreckingBall .type-mask_plainimage:after {
    display: none;
  }
  .wreckingBall h2 {
    top: -2.5rem;
  }
  .wreckingBall h2:before {
    height: 2rem;
    top: 2rem;
  }
  .wreckingBall h2 span {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 479px) {
  .polycarbonateContstructions {
    text-align: center;
  }
  .polycarbonateContstructions .caption {
    text-align: center !important;
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .flex .align-bottom:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .flex .align-bottom .caption {
    max-width: 95% !important;
  }
}
@media only screen and (max-width: 479px) {
  .sledgeHammerVideo .skewedVideo .skewedVideo-image {
    background-position: -30% center;
  }
}
@media only screen and (max-width: 479px) {
  .polycabonateWeaponTable .csc-header-alignment-center,
  .polycabonateWeaponTable .align-center {
    text-align: left !important;
  }
}
.opSection.bglightyellow .csc-header,
.opSection.bglightyellow .csc-header h4 {
  padding-bottom: 0 !important;
}
.polycarbonatePanicDoor .bggray {
  padding: 2rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .polycarbonatePanicDoor.fluid.max2.flex {
    display: block !important;
  }
  .polycarbonatePanicDoor.fluid.max2.flex > * {
    width: 100% !important;
    max-width: none !important;
  }
  .polycarbonatePanicDoor .bggray {
    padding: 0 0 2rem 0 !important;
    background: white !important;
  }
  .polycarbonatePanicDoor .bgdarkgray img {
    max-width: 240px !important;
  }
}
@media only screen and (max-width: 479px) {
  .polycarbonatePanicDoor .bggray {
    padding: 0 0 1rem 0 !important;
    background: white !important;
  }
}
.testimonials {
  background: #F1F0EB;
  border-top: 1rem solid #a59478;
  border-bottom: 1rem solid #a59478;
}
@media only screen and (max-width: 479px) {
  .testimonials {
    padding-bottom: 2rem;
  }
}
@media (min-width: 1601px) {
  .testimonials {
    font-size: 17px !important;
  }
}
.testimonials .flickity {
  padding: 0 1rem;
}
.testimonials .flickity-page-dots {
  display: none;
}
@media only screen and (max-width: 479px) {
  .testimonials .flickity-page-dots {
    display: block;
    bottom: -1.2rem;
    left: 0;
    z-index: 560;
  }
}
.testimonials .flickity-prev-next-button {
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/pfeil_gold.svg) center center no-repeat;
  background-size: contain;
  width: 3rem !important;
  height: 3rem !important;
}
.testimonials .flickity-prev-next-button.next {
  transform: rotate(90deg) !important;
}
@media only screen and (min-width: 980px) {
  .testimonials .flickity-prev-next-button.next {
    right: 6.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .testimonials .flickity-prev-next-button.next {
    right: 1.5rem;
  }
}
.testimonials .flickity-prev-next-button.previous {
  transform: rotate(-90deg) !important;
}
@media only screen and (min-width: 980px) {
  .testimonials .flickity-prev-next-button.previous {
    left: 6.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .testimonials .flickity-prev-next-button.previous {
    left: 1.5rem;
  }
}
.testimonials .testimonial {
  display: block;
  width: 100%;
}
.testimonials .testimonial .testimonial-inner {
  /*

      padding-bottom: 4rem;


      .maxwidth840;

      .testimonial-image {
        height: 0;

        width: 75%;
        margin: 0 auto;
        padding-top: 50%;
        background: center center no-repeat;
        background-size: contain;
        margin-bottom: 2rem;

        overflow: hidden;

      }

 */
}
@media only screen and (max-width: 479px) {
  .testimonials .testimonial .testimonial-inner .testimonial-image {
    margin-bottom: 1rem;
  }
}
.testimonials .testimonial .testimonial-inner .testimonial-image > img {
  width: 100%;
  max-width: none;
  height: 17rem;
  object-fit: contain;
}
@media only screen and (max-width: 479px) {
  .testimonials .testimonial .testimonial-inner .testimonial-image > img {
    height: 14rem;
  }
}
.testimonials .testimonial .testimonial-inner .testimonial--name {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) {
  .testimonials .testimonial .testimonial-inner .testimonial--name {
    text-align: right;
  }
}
.testimonials .testimonial .testimonial-inner .testimonial--name .h2,
.testimonials .testimonial .testimonial-inner .testimonial--name h2 {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.1rem;
  font-style: oblique;
}
.testimonials .testimonial .testimonial-inner .testimonial--name .h3,
.testimonials .testimonial .testimonial-inner .testimonial--name h3 {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1rem;
  font-style: oblique;
  color: #a59478;
}
.testimonials .testimonial .testimonial-inner .testimonial--name img.testimonial-stars {
  margin-top: .7rem;
  display: inline-block;
  width: 8rem !important;
  margin-bottom: 1rem;
}
.testimonials .testimonial .testimonial-inner .testimonial--text {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  font-size: 1.1rem;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) {
  .testimonials .testimonial .testimonial-inner .testimonial--text {
    text-align: left;
  }
}
.testimonials .testimonial .testimonial-inner:after {
  content: "";
  display: block;
  clear: both;
}
footer .country-address {
  display: none;
}
body.lang3 footer {
  overflow: hidden;
}
body.lang3 footer > div:first-child br {
  display: none;
}
body.lang3 footer .silatec-name {
  display: none;
}
body.lang3 footer .silatec-address {
  margin-bottom: 6rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  body.lang3 footer .bottomlinks {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-bottom: 0;
  }
}
body.lang3 footer div[data-country] {
  display: none;
}
body.lang3 footer div[data-country="de-ch"] {
  display: block;
  position: relative;
}
body.lang3 footer div[data-country="de-ch"]:before {
  content: "";
  display: block;
  top: 0;
  right: 100%;
  margin-right: 2rem;
  position: absolute;
  width: 3rem;
  height: 8rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/swiss-flag.svg) top center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  body.lang3 footer div[data-country="de-ch"]:before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  body.lang3 footer div[data-country="de-ch"] {
    margin-top: -5rem;
    padding-top: 3rem;
  }
}
body.lang3 footer div[data-country="de-ch"] .country-address {
  margin-top: 1em;
  display: block;
  font-size: 1rem;
  line-height: 1.2;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  body.lang3 footer {
    position: relative;
  }
  body.lang3 footer:before {
    content: "";
    display: block;
    top: 0;
    right: 0;
    margin-right: 2rem;
    position: absolute;
    width: 3rem;
    height: 8rem;
    background: url(/typo3conf/ext/onepager/Resources/Public/gfx/swiss-flag.svg) top center no-repeat;
    background-size: contain;
  }
}
.b6bHeader {
  background-position: 0 30%;
  background-color: #FDFDFD !important;
}
@media (min-width: 1700px) {
  .b6bHeader {
    background-position: 0 50%;
    background-size: 70% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .b6bHeader {
    background-position: 20% 50%;
    background-size: 130% !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .b6bHeader {
    background-position: 20% 30%;
    background-size: 110% !important;
  }
}
.p6bHeader-headline {
  width: 50%;
  margin: 0 0 0 auto;
  position: relative;
}
.p6bHeader-headline:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 74.8125%;
  position: relative;
}
.p6bHeader-headline > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .p6bHeader-headline > div {
    top: 56%;
  }
}
.p6bHeader-headline > div h1,
.p6bHeader-headline > div .h1 {
  display: block;
  font-size: 2rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  line-height: 1.1;
  margin-bottom: .5em;
}
@media only screen and (max-width: 479px) {
  .p6bHeader-headline > div h1,
  .p6bHeader-headline > div .h1 {
    font-size: 1.5rem;
  }
}
.p6bHeader-headline > div h2,
.p6bHeader-headline > div .h2 {
  font-size: 1rem;
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .p6bConstruction,
  .b6bHeader {
    padding-top: 50%;
    background-image: url('/fileadmin/user_upload/2020/P6B/P6B-Glas-Silatec-mobile.jpg?') !important;
    background-size: contain !important;
    background-position: left top;
  }
  .p6bConstruction > div,
  .b6bHeader > div {
    padding-left: 0;
    padding-right: 0;
  }
  .p6bConstruction .p6bHeader-headline,
  .b6bHeader .p6bHeader-headline {
    padding: 1.25rem;
    width: 100%;
    background-color: #697185 !important;
  }
  .p6bConstruction .p6bHeader-headline:before,
  .b6bHeader .p6bHeader-headline:before {
    display: none;
  }
  .p6bConstruction .p6bHeader-headline > div,
  .b6bHeader .p6bHeader-headline > div {
    transform: none;
    position: static;
  }
  .p6bConstruction .p6bHeader-headline *,
  .b6bHeader .p6bHeader-headline * {
    color: white !important;
  }
  .p6bConstruction {
    text-align: center;
  }
  .p6bConstruction .p6bHeader-headline {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .p6bConstruction {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-position: 20% 50%;
    background-size: 130% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .p6bConstructionImages .bggray .caption {
    padding: 0 !important;
  }
  .p6bConstructionImages .bggray img {
    height: 7em !important;
  }
}
.p6bTimers {
  white-space: nowrap;
  padding: 3rem;
  background: #f9f9f9;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .p6bTimers .imageLeftTextRight-image span {
    font-size: .8rem;
  }
}
@media only screen and (max-width: 479px) {
  .p6bTimers .imageLeftTextRight-image {
    overflow: hidden;
  }
  .p6bTimers .imageLeftTextRight-image img {
    width: 120%;
    max-width: none;
  }
  .p6bTimers .imageLeftTextRight-image span {
    -webkit-transform: translate(20%, 0);
    -moz-transform: translate(20%, 0);
    -o-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    transform: translate(20%, 0);
  }
}
.p6bTimers .timer {
  display: inline-block;
  text-align: center;
  margin: 0 1rem;
}
.p6bTimers .timer img {
  display: inline-block;
  max-width: 10rem;
  width: 10vw;
  min-width: 5rem;
  margin-bottom: 1rem;
}
.p6bTimers .timer strong {
  display: block;
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .p6bTimers .timer {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px) and only screen and (max-width: 479px), only screen and (min-width: 2100px) and only screen and (max-width: 479px) {
  .p6bTimers .timer {
    font-size: 1.1rem;
  }
}
.p6bTimers .timer span {
  margin: 0 .2em;
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .p6bTimers .timer span {
    margin: 0 .4em;
    font-size: 1.1rem;
    line-height: 1.4em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (max-width: 479px) {
  .p6bTimers .timer span {
    font-family: "fs_joeyregular", "Roboto", "Arial";
    font-weight: 400 !important;
  }
}
.p6bTimers .timer.timer-green * {
  color: #27533e;
}
.p6bTimers .timer.timer-gold * {
  color: #a59478;
}
.p6bTimersLabel {
  background: #666666;
  position: relative;
}
.p6bTimersLabel > span {
  color: white;
  font-size: 1.3rem;
  line-height: 1.3;
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  display: inline-block;
  max-width: 75%;
  padding: 2rem;
}
@media only screen and (max-width: 479px) {
  .p6bTimersLabel > span {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .p6bTimersLabel > span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 479px) {
  .p6bCatalogTeaser h4 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px) {
  .p6bCatalogTeaser h4 {
    font-size: 1.1rem;
  }
}
.p6bCatalogTeaser .p6bCatalogTeaserImage {
  min-height: 18rem;
  position: relative;
  background: center center;
  background-size: cover;
}
@media only screen and (max-width: 479px) {
  .p6bCatalogTeaser .p6bCatalogTeaserImage {
    min-height: 22rem;
  }
}
.p6bCatalogTeaser .bgdarkblue {
  padding: 3rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .p6bCatalogTeaser .bgdarkblue {
    padding: 2rem !important;
  }
}
@media only screen and (max-width: 479px) {
  .securaTeaserP6b {
    background-position: -40vw center !important;
  }
}
.link-tile {
  padding: 2rem 3rem;
  text-align: center;
  background: #f9f9f9;
  border-radius: .8rem;
}
.link-tile a {
  margin-top: .5rem;
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  color: white !important;
  background: #555555 !important;
  border: 2px solid #555555;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: 1em;
  text-transform: none;
  padding: .5em 1em;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .link-tile {
    padding: 1rem 2rem;
  }
  .link-tile a {
    min-width: auto;
  }
}
img + .link-tile {
  padding-top: 1rem;
  border-radius: 0 0 .8rem .8rem;
}
.p2aHeader {
  background-position: left center;
  background-color: #697185 !important;
  overflow: hidden;
  position: relative;
}
.p2aHeader .p2aHeader-image img {
  position: absolute;
  right: 50%;
  margin-right: 5rem;
  top: 0;
  height: 100%;
  width: auto;
  -webkit-transform: skew(-6deg, 0deg);
  -moz-transform: skew(-6deg, 0deg);
  -o-transform: skew(-6deg, 0deg);
  -ms-transform: skew(-6deg, 0deg);
  transform: skew(-6deg, 0deg);
  transform-origin: right top;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .p2aHeader .p2aHeader-image img {
    margin-right: 2rem;
  }
}
.p2aHeader .p6bHeader-headline h2,
.p2aHeader .p6bHeader-headline .h2 {
  font-size: 1.1rem;
  line-height: 1.4em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (max-width: 479px) {
  .p2aHeader {
    padding-top: 50%;
  }
  .p2aHeader > div {
    padding-left: 0;
    padding-right: 0;
  }
  .p2aHeader .p2aHeader-image img {
    right: auto;
    left: 0;
    top: 0;
    height: 58%;
    width: 100%;
    object-fit: cover;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transform-origin: right top;
  }
  .p2aHeader .p6bHeader-headline {
    padding: 1.25rem;
    width: 100%;
    background-color: #697185;
  }
  .p2aHeader .p6bHeader-headline:before {
    display: none;
  }
  .p2aHeader .p6bHeader-headline > div {
    transform: none;
    position: static;
  }
  .p6bConstruction {
    text-align: center;
  }
  .p6bConstruction .p6bHeader-headline {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 980px) {
  .p2aReferences {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
.imageLeftTextRightFull.bgdarkblue .imageLeftTextRight-image img {
  height: 100%;
  object-fit: cover;
}
.p6bConstructionOverview img,
.p4aConstructionOverview img {
  transform: rotate(180deg);
}
@media only screen and (max-width: 479px) {
  .p6bConstructionOverview .align-center,
  .p4aConstructionOverview .align-center {
    padding-left: 23vw;
    text-align: left !important;
  }
}
/* // removed 2021-12-12
body.pid958 [data-target="958"],
body.pid959 [data-target="959"],
body.pid960 [data-target="960"],
body.pid961 [data-target="961"],
body.pid962 [data-target="962"],
body.pid963 [data-target="963"] {
  display: none;
}
*/
footer.footer2021 {
  background: #f9f9f9;
  padding: 1.875rem 1.25rem 1.875rem;
}
@media only screen and (max-width: 979px) {
  footer.footer2021 {
    padding: 2.5rem 2.5rem 1.25rem;
  }
}
footer.footer2021 > div {
  line-height: 100%;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  footer.footer2021 > div {
    padding-left: 1em;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  footer.footer2021 > div {
    padding-left: 4em;
  }
}
footer.footer2021 .footer-logo {
  height: 33px;
  width: auto;
}
footer.footer2021 .bottomlinks {
  margin-top: 2rem;
}
footer.footer2021 .bottomlinks img {
  display: inline-block;
  width: 33px;
  height: 33px;
}
footer.footer2021 .country-name {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  font-size: 1rem;
  display: none !important;
}
footer.footer2021 .country-name span.upper {
  font-size: 1.1rem;
  line-height: 1.4em;
  display: block;
}
footer.footer2021 .country-phone {
  margin-top: 1rem;
  font-size: 2rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (max-width: 479px) {
  footer.footer2021 .country-phone {
    font-size: 1.5rem;
  }
}
footer.footer2021 .country-phone a {
  color: #014587;
}
@media only screen and (max-width: 979px) {
  footer.footer2021 .footer-right {
    padding-top: 2rem;
  }
  footer.footer2021 .footer-buttons {
    padding-top: 2rem;
  }
  footer.footer2021 .button-gold,
  footer.footer2021 .button-darkgray {
    margin-bottom: .5rem;
    font-size: .8rem;
  }
  footer.footer2021 .footer-menu {
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 980px) {
  footer.footer2021 .flex {
    display: flex;
    flex-wrap: wrap;
  }
  footer.footer2021 .footer-left {
    flex-grow: 1;
  }
  footer.footer2021 .footer-buttons {
    /*
      position: absolute;
      bottom: 0;
  */
    white-space: nowrap;
  }
  footer.footer2021 .footer-buttons .button-gold,
  footer.footer2021 .footer-buttons .button-darkgray {
    line-height: 1.5em;
    margin-top: .2rem;
    min-width: auto;
  }
  footer.footer2021 .footer-right {
    position: relative;
    min-width: 21rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
footer.footer2021 .footer-menu {
  max-width: 21rem;
  display: flex;
  flex-wrap: wrap;
}
footer.footer2021 .footer-menu a {
  display: block;
  padding-top: .5rem;
  font-size: .8rem;
}
footer.footer2021 .footer-menu ul {
  width: 50%;
}
@media only screen and (min-width: 980px) {
  html[lang="ru"] footer.footer2021 .footer-right,
  html[lang="ru-RU"] footer.footer2021 .footer-right {
    min-width: 24rem;
  }
}
.trust-icons {
  background: white;
  padding: 2.5rem 1.25rem;
}
@media only screen and (max-width: 979px) {
  .trust-icons {
    padding: 2.5rem 2.5rem 1.25rem;
  }
}
.trust-icons > div {
  margin: 0 -0.3rem;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .trust-icons > div {
    padding: 0 1em;
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .trust-icons > div {
    padding: 0 4em;
  }
}
.trust-icons-icons img,
.trust-icons > div img {
  display: inline-block;
  width: auto;
  height: 2.6rem;
  margin: 0 .3rem;
}
.trust-icons-icons img.logo-beschussamt-ulm,
.trust-icons > div img.logo-beschussamt-ulm {
  height: 3rem;
}
.trust-icons-icons img.logo-beschussamt-muenchen,
.trust-icons > div img.logo-beschussamt-muenchen {
  height: 3.7rem;
}
.trust-icons-icons img.logo-tuv-sud,
.trust-icons > div img.logo-tuv-sud {
  height: 3rem;
}
.trust-icons-icons img.logo-g7,
.trust-icons > div img.logo-g7 {
  height: 3.2rem;
}
.trust-icons-icons img.logo-g20,
.trust-icons > div img.logo-g20 {
  height: 3.2rem;
}
.trust-icons-icons img.logo-tu-berlin,
.trust-icons > div img.logo-tu-berlin {
  height: 3rem;
}
.trust-icons-icons img.logo-tu-dresden,
.trust-icons > div img.logo-tu-dresden {
  height: 2rem;
}
.trust-icons-icons img.logo-iwf,
.trust-icons > div img.logo-iwf {
  height: 2rem;
}
@media only screen and (min-width: 980px) {
  .trust-icons-icons,
  .trust-icons > div {
    display: flex;
    justify-content: space-between;
    align-items: center !important;
  }
}
@media only screen and (max-width: 979px), only screen and (min-width: 768px) and (max-width: 979px) {
  .trust-icons-icons,
  .trust-icons > div {
    text-align: center;
  }
  .trust-icons-icons img,
  .trust-icons > div img {
    vertical-align: middle;
    margin: 0 .5rem 1rem;
  }
}
.file__Update2021 h1,
.file__Update2021 h2,
.file__Update2021 h3,
.file__Update2021 h4 {
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
}
.file__Update2021 .spacetable th,
.file__Update2021 .spacetable td {
  vertical-align: top !important;
}
.file__Update2021 .imageLeftTextRight {
  max-width: none;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .file__Update2021 > * > .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 479px) {
  .file__Update2021 > * > .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (max-width: 479px) {
  .file__Update2021 .legendTriggerHide + br + br,
  .file__Update2021 .legendTriggerHide + br {
    display: none !important;
  }
}
@media only screen and (min-width: 980px) {
  .file__Update2021 .csc-default .csc-header h4 {
    font-size: 2rem !important;
    line-height: 1.2em !important;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .file__Update2021 .csc-default .csc-header h4 {
    font-size: 1.5rem;
  }
}
.file__Update2021 p.size2 {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5 {
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .round {
    overflow: hidden;
    border-radius: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .round-top {
    overflow: hidden;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .round-bottom {
    overflow: hidden;
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .round-top-mobile {
    overflow: hidden;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .round-bottom-mobile {
    overflow: hidden;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .round-top-small {
    overflow: hidden;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
}
.round-small {
  overflow: hidden;
  border-radius: 1rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .round-mobile-small {
    overflow: hidden;
    border-radius: 1rem;
  }
}
.row .bggray .maxwidth600,
.row .bggray .maxwidth640,
.row .bggray .maxwidth840 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ipad-padding0 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .mobile-padding0 {
    padding-right: 0;
    padding-left: 0;
  }
}
.mobilepaddingx {
  padding-right: 1rem;
  padding-left: 1rem;
}
.nopadding {
  padding: 0 !important;
}
.crispimage {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
ul.footnotes li {
  position: relative;
  line-height: 1.2;
  font-size: 1.1rem;
  line-height: 1.4em;
  padding-left: 1rem;
  margin-bottom: .5em;
}
ul.footnotes li sup {
  position: absolute;
  left: 0;
}
sup.footnote {
  color: inherit;
  vertical-align: top;
  position: relative;
  top: 0;
  font-size: .6em;
  line-height: 1;
}
sup.footnote:before {
  content: '*';
}
h1 sup.footnote,
h2 sup.footnote,
h3 sup.footnote,
h4 sup.footnote,
h5 sup.footnote {
  font-size: .5em;
}
body > div.footnotes,
[itemscope] > div.footnotes,
.content > div.footnotes {
  margin-top: 4rem;
  margin-bottom: -3em;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1240px) {
  body > div.footnotes,
  [itemscope] > div.footnotes,
  .content > div.footnotes {
    padding-left: 4.25rem;
    padding-right: 4.25rem;
  }
}
body > div.footnotes ul,
[itemscope] > div.footnotes ul,
.content > div.footnotes ul {
  padding: 0;
}
body > div.footnotes ul li,
[itemscope] > div.footnotes ul li,
.content > div.footnotes ul li {
  padding: 0;
  font-size: .8rem;
  display: inline;
  line-height: 1;
  height: 1em;
  color: #666666;
}
body > div.footnotes ul li sup,
[itemscope] > div.footnotes ul li sup,
.content > div.footnotes ul li sup {
  display: inline;
  font-size: inherit !important;
}
.rc2rc3-header {
  position: relative;
  background-color: #FDFDFD !important;
}
.rc2rc3-header .rc2rc3-header-image {
  height: 100%;
  width: 60%;
  position: absolute;
  background: no-repeat bottom center;
  background-size: cover;
}
.rc2rc3-header .rc2rc3-headline {
  width: 40%;
  background: #697185;
  color: white;
  margin: 0 0 0 auto;
  position: relative;
}
.rc2rc3-header .rc2rc3-headline:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 70%;
  position: relative;
}
.rc2rc3-header .rc2rc3-headline h1 {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  font-size: 3.5rem;
  line-height: 1.1em;
  padding: 70px 3rem 0;
  z-index: 1;
}
@media only screen and (max-width: 479px) {
  .rc2rc3-header .rc2rc3-headline h1 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-header .rc2rc3-headline h1 {
    padding: 30px 2rem 0;
    font-size: 2.7rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc2rc3-header .rc2rc3-headline h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-header .rc2rc3-headline h1 {
    font-size: 2.4rem;
  }
}
.rc2rc3-header .rc2rc3-headline:after {
  position: absolute;
  display: block;
  top: 100%;
  content: "";
  height: 4rem;
  width: 100%;
  background: #697185;
  -webkit-transform: skew(0, -5deg);
  -moz-transform: skew(0, -5deg);
  -o-transform: skew(0, -5deg);
  -ms-transform: skew(0, -5deg);
  transform: skew(0, -5deg);
  transform-origin: left bottom;
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-header .rc2rc3-headline,
  .rc2rc3-header .rc2rc3-header-image {
    width: 50%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .rc2rc3-header .rc2rc3-headline,
  .rc2rc3-header .rc2rc3-header-image {
    width: 100%;
    position: relative;
  }
  .rc2rc3-header .rc2rc3-header-image {
    height: 100px;
  }
  .rc2rc3-header .rc2rc3-headline {
    height: auto;
    margin-bottom: 3rem;
  }
  .rc2rc3-header .rc2rc3-headline h1 {
    position: relative;
    padding: 1rem;
    transform: none;
  }
  .rc2rc3-header .rc2rc3-headline:before {
    display: none;
  }
  .rc2rc3-header .rc2rc3-headline:after {
    transform-origin: right bottom;
    top: auto;
    bottom: 0;
  }
}
.rc2rc3-table1 .bggray {
  color: black;
}
.rc2rc3-table1 .rc2rc3-table1-window,
.rc2rc3-table1 .rc2rc3-table1-door {
  background: #d9dbda;
  padding: 2rem;
}
.rc2rc3-table1 .rc2rc3-table1-window img,
.rc2rc3-table1 .rc2rc3-table1-door img {
  width: auto;
  height: 18rem;
  margin: 0 auto;
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table1 .rc2rc3-table1-window,
  .rc2rc3-table1 .rc2rc3-table1-door {
    padding: 1rem;
    height: 100%;
  }
  .rc2rc3-table1 .rc2rc3-table1-window img,
  .rc2rc3-table1 .rc2rc3-table1-door img {
    width: 80% !important;
    height: auto !important;
  }
}
.rc2rc3-table1 .rc2rc3-table1-window img {
  height: 16rem;
  margin: 1rem auto;
}
.rc2rc3-table1 .rc2rc3-table1-door {
  background: #666666;
}
.rc2rc3-table1 .row-border {
  border: 1px solid #d9dbda;
  margin-bottom: -1px;
}
.rc2rc3-table1 .col-border {
  border-right: 1px solid #d9dbda;
}
.rc2rc3-table1 .header-padding {
  padding: 1rem;
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table1 .header-padding {
    padding: .5rem;
  }
}
.rc2rc3-table1 .col-padding {
  padding: 2rem 3rem;
}
@media only screen and (max-width: 979px) {
  .rc2rc3-table1 .col-padding {
    padding: 1rem;
  }
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table1 .col-padding {
    padding: .5rem;
  }
}
.rc2rc3-table1 .col-padding-top {
  padding: 2rem 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table1 .col-padding-top {
    padding: 2rem 0;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc2rc3-table1 .bggray {
    background: transparent !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table1 .size3 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc2rc3-table1 .size3 {
    font-size: 1.1rem;
  }
}
.rc2rc3-table1 .rc2rc3-table1-mobileheader {
  background: #f9f9f9;
  text-align: center;
  padding: .5rem;
  margin: -0.5rem -0.5rem 0.5rem -0.5rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.rc2rc3-table2 .rc2rc3-table2-left {
  padding: 3rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table2 .rc2rc3-table2-left {
    padding-right: 1.5rem;
  }
}
.rc2rc3-table2 .rc2rc3-table2-right {
  padding: 3rem 0;
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) {
  .rc2rc3-table2 .rc2rc3-table2-right {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 3rem;
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table2 .rc2rc3-table2-right {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: auto;
    padding-right: 3rem;
  }
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table2 .rc2rc3-table2-right h4 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px) {
  .rc2rc3-table2 .rc2rc3-table2-right h4 {
    font-size: 1.1rem;
  }
}
.rc2rc3-table3 img {
  display: inline-block;
}
.rc2rc3-table3 .rc2rc3-table3-deco {
  position: relative;
  z-index: 5;
}
.rc2rc3-table3 .rc2rc3-table3-deco:before {
  position: absolute;
  display: block;
  content: "";
  height: 8rem;
  z-index: 5;
  width: 100%;
  top: -8px;
  border-top: 8px solid white;
  background: #f9f9f9;
  -webkit-transform: skew(0, 5deg);
  -moz-transform: skew(0, 5deg);
  -o-transform: skew(0, 5deg);
  -ms-transform: skew(0, 5deg);
  transform: skew(0, 5deg);
  transform-origin: right top;
}
.rc2rc3-table3 .round-bottom {
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table5,
  .rc2rc3-table4,
  .rc2rc3-table8 {
    background: #f9f9f9;
  }
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table5 .bggray .maxwidth840 {
    padding: 0 !important;
  }
}
.rc2rc3-table5 .spacetable td:nth-child(2) {
  white-space: nowrap;
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table5 .spacetable td:nth-child(2) {
    white-space: normal;
  }
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table4 {
    padding: 0 !important;
  }
  .rc2rc3-table4 img {
    height: 110px;
    object-fit: cover;
    object-position: 0 0;
  }
  .rc2rc3-table4 .size2 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px) {
  .rc2rc3-table4 .size2 {
    font-size: 1.1rem;
  }
}
.rc2rc3-table6 .container {
  background: no-repeat center top;
  background-size: cover;
}
.rc2rc3-table6 .rc2rc3-table6-header {
  color: #4a4a49;
  background: rgba(255, 255, 255, 0.6);
  padding: 2rem;
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) {
  .rc2rc3-table6 .rc2rc3-table6-header {
    min-height: 350px;
  }
}
.rc2rc3-table6 .rc2rc3-table6-header > * {
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table6 .rc2rc3-table6-header > * {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table6 .rc2rc3-table6-header > * {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc2rc3-table6 .rc2rc3-table6-header > * {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table6 .rc2rc3-table6-header > * {
    font-size: 2.4rem;
  }
}
.rc2rc3-table7 {
  overflow: hidden;
}
.rc2rc3-table7 img {
  max-width: 90%;
  height: 180px;
  width: auto;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table7 img {
    height: 100px;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc2rc3-table7 img {
    height: 100px;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc2rc3-table7 .align-right {
    text-align: center !important;
  }
}
.rc2rc3-table7 .row > * {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc2rc3-table7 .row > * {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.rc2rc3-table7 .rc2rc3-table7-header {
  position: relative;
  padding-left: 2rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .rc2rc3-table7 .rc2rc3-table7-header > * {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table7 .rc2rc3-table7-header {
    text-align: center;
  }
}
.rc2rc3-table7 .rc2rc3-table7-header:before {
  content: "";
  background: #ffe448;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 75vw;
  -webkit-transform: skew(-25deg, 0);
  -moz-transform: skew(-25deg, 0);
  -o-transform: skew(-25deg, 0);
  -ms-transform: skew(-25deg, 0);
  transform: skew(-25deg, 0);
  transform-origin: left top;
}
.rc2rc3-table7 .rc2rc3-table7-header * {
  position: relative;
  z-index: 5;
  font-size: 3.5rem;
  line-height: 1.1em;
  color: #4a4a49;
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table7 .rc2rc3-table7-header * {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table7 .rc2rc3-table7-header * {
    font-size: 2rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc2rc3-table7 .rc2rc3-table7-header * {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc2rc3-table7 .rc2rc3-table7-header * {
    font-size: 2rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) and only screen and (max-width: 479px) {
  .rc2rc3-table7 .rc2rc3-table7-header * {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table8 .bggray .maxwidth840 {
    padding: 0 !important;
  }
}
.rc2rc3-table8 .rc2rc3-table8-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 270px;
}
.rc2rc3-table8 .rc2rc3-table8-right {
  padding: 2rem 0;
}
@media only screen and (min-width: 1081px)  and (max-width: 1600px) {
  .rc2rc3-table8 .rc2rc3-table8-right {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table8 .rc2rc3-table8-right .size3 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc2rc3-table8 .rc2rc3-table8-right .size3 {
    font-size: 1.1rem;
  }
}
.rc2rc3-table8 .button-white-solid {
  color: #697185 !important;
}
@media only screen and (max-width: 479px) {
  .rc2rc3-table8 .spacetable .align-left {
    text-align: center !important;
  }
}
.rc2rc3-table10 img {
  display: inline-block;
  height: 220px;
  width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table10 img {
    height: 120px;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .rc2rc3-table10 img {
    height: 140px;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc2rc3-table10 img {
    height: 80px;
  }
}
.rc2rc3-table10 .row > * {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc2rc3-table10 .row > * {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc2rc3-table10 .rc2rc3-table10-right {
    margin-top: -2rem !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) {
  .rc2rc3-table10 .rc2rc3-table10-right {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc2rc3-table10 .rc2rc3-table10-right .size3 {
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc2rc3-table10 .rc2rc3-table10-right .size3 {
    font-size: 1.1rem;
  }
}
.rc234-header .row > * {
  padding-top: calc(70px + 3rem);
  padding-bottom: 3rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-header .row > * {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc234-header .row > * {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-header img {
    height: 140px;
  }
}
@media only screen and (min-width: 2100px), only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .rc234-header img {
    height: 200px;
  }
}
.rc234-element1 .rc234-element1-header {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .rc234-element1 .rc234-element1-header {
    padding: 5rem 4rem;
  }
  .rc234-element1 .rc234-element1-header img {
    position: absolute;
    width: 45%;
    top: 0;
    height: 100%;
    left: 50%;
    object-fit: cover;
  }
}
.rc234-element1 .rc234-element1-header h2 {
  color: #4a4a49;
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .rc234-element1 .rc234-element1-header h2 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-element1 .rc234-element1-header h2 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc234-element1 .rc234-element1-header h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-element1 .rc234-element1-header h2 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .rc234-element1 .rc234-element1-header {
    text-align: center;
    padding: 2rem 3rem;
  }
}
.rc234-signs {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (max-width: 479px) {
  .rc234-signs {
    padding: 3rem 2rem;
  }
  .rc234-signs .col-12 {
    margin-bottom: 2rem;
  }
}
.rc234-signs img {
  display: inline-block;
  width: 4.5rem;
  margin: 0 3rem 1rem 0;
  vertical-align: top;
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .rc234-signs img {
    margin: 0 2rem 1rem 0;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-signs img {
    margin: 0 1rem 1rem 0;
    width: 3.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-signs h3 {
    font-size: 1.3rem !important;
  }
  .rc234-signs .medium {
    max-width: 12rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc234-signs h3 {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 479px) {
  .rc234-signs .medium {
    max-width: 13rem;
  }
}
@media only screen and (max-width: 479px) {
  html[lang="ru"] .rc234-signs .medium,
  html[lang="ru-RU"] .rc234-signs .medium {
    max-width: none;
  }
}
.rc234-claim {
  padding: 2rem;
}
@media only screen and (max-width: 479px) {
  .rc234-claim {
    padding-top: 1.5rem;
  }
}
.rc234-trust-icons {
  text-align: center;
}
.rc234-trust-icons img {
  display: inline-block;
  height: 3rem;
  width: auto;
  margin: 0 1rem;
}
.rc234-conversion {
  overflow: hidden;
  position: relative;
  padding: 2rem 0;
  text-align: center;
}
.rc234-conversion * {
  color: #4a4a49 !important;
}
.rc234-conversion .size5 {
  line-height: .9;
  margin-bottom: .5rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-conversion .size5 {
    font-size: 2.7rem;
    line-height: 1.1em;
    line-height: .9 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .rc234-conversion .size5 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-conversion .size5 {
    font-size: 2.4rem;
  }
}
.rc234-conversion .rc234-conversion-image {
  text-align: center;
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-conversion .rc234-conversion-image {
    position: absolute;
    width: 100%;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc234-conversion .rc234-conversion-image {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
  }
}
.rc234-conversion .rc234-conversion-image img {
  display: inline-block;
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .rc234-conversion .rc234-conversion-image img {
    max-width: 580px;
    max-height: 450px;
    object-fit: contain;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-conversion .rc234-conversion-image .col-12 > img {
    margin-top: 3rem;
  }
}
.rc234-conversion .rc234-trust-icons {
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.rc234-conversion .rc234-conversion-header {
  padding: 1rem 0;
}
.rc234-conversion .rc234-conversion-content {
  margin-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 479px) {
  .rc234-conversion .rc234-conversion-content {
    padding-bottom: 1rem;
  }
}
.rc234-conversion .rc234-conversion-content .button-yellow {
  margin-top: 1rem;
  font-size: 1.3rem;
  min-width: 16rem;
  margin-bottom: .3rem;
}
@media only screen and (max-width: 479px) {
  .rc234-conversion .rc234-conversion-content .button-yellow {
    font-size: 1.1rem;
  }
}
.rc234-conversion .rc234-conversion-content img {
  max-width: 280px;
  margin: 1rem auto 0;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .rc234-conversion .rc234-conversion-content img {
    max-width: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-conversion .rc234-conversion-content img {
    max-width: 220px;
  }
}
.rc234-conversion .rc234-conversion-content .telephoneLink {
  display: inline-block;
  margin-bottom: 2rem;
  line-height: 1;
}
.rc234-element3 .rc234-element3-background {
  padding: 1rem;
}
@media only screen and (min-width: 980px) {
  .rc234-element3 .rc234-element3-background {
    background: url(/fileadmin/user_upload/2021/rc234/SVG/pfeil.svg) no-repeat left center;
    background-size: calc(50% - 330px);
    padding: 3rem 1rem;
  }
}
.rc234-element3 .rc234-element3-background .rc234-element3-content {
  max-width: 520px;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3rem 1rem;
}
@media only screen and (max-width: 479px) {
  .rc234-element3 .rc234-element3-background .rc234-element3-content {
    padding: 2rem 2rem;
  }
}
.rc234-element3 .rc234-element3-background .rc234-element3-content h3 {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .rc234-element4 {
    background-color: #f9f9f9 !important;
    color: #000000;
  }
}
.rc234-element4-background {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background: url(/fileadmin/user_upload/2021/rc234/SVG/panicdoor_gray.svg) no-repeat center 80%;
  background-size: 80%;
}
@media only screen and (max-width: 979px) {
  .rc234-element4-background {
    background: none;
  }
}
@media only screen and (max-width: 479px) {
  .rc234-element4-background {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
  .rc234-element4-background h2 {
    text-align: center;
  }
}
.rc234-element5-background {
  padding: 3rem 1rem;
}
@media only screen and (max-width: 479px) {
  .rc234-element5-background.bggray2 {
    padding: 2rem;
  }
}
.rc234-element5-background .lightbox {
  display: inline-block;
  max-width: 130px;
  margin: .5rem;
}
@media only screen and (max-width: 479px) {
  .rc234-element5-background .lightbox {
    max-width: 50px;
  }
}
.rc234-element5-background .button-yellow {
  min-width: 17rem;
}
.rc234-element5-background .check-list-darkgray li {
  font-family: "fs_joeyregular", "Roboto", "Arial";
  font-weight: 400 !important;
  font-size: 1.3rem;
}
.rc234-element5-background .check-list-darkgray li:before {
  font-size: 1.1rem;
  line-height: 1.4em;
}
@media only screen and (max-width: 479px) {
  .rc234-element5-background .check-list-darkgray li {
    font-size: 1.1rem;
  }
}
.rc234-element6-header {
  padding: 3rem;
}
@media only screen and (max-width: 479px) {
  .rc234-element6-header {
    padding: 2rem;
  }
}
.rc234-element6-header h2 {
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .rc234-element6-header h2 {
    font-size: 2rem;
  }
}
.rc234-element6-header img {
  margin-top: 2rem;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rc234-element6-header img {
    max-width: 480px;
  }
}
.rc234-element6 .bgdarkblue {
  color: #e6eaed;
}
.rc234-element6 .rc234-border {
  border-top: 4px solid #697185;
}
.rc234-element6 .rc234-border h2 {
  text-align: center;
}
.rc234-element6 .button-blue {
  padding-left: 3rem;
  padding-right: 3rem;
  color: #e6eaed !important;
}
.rc234-element5-icons span {
  vertical-align: middle;
  display: inline-block;
  margin: 1rem 1rem;
}
.rc234-element5-icons span:before {
  font-size: 1em;
}
.rc234-element5-icons span.icon-beschuss:before {
  font-size: .8em;
}
.rc234-element7 {
  padding: 1rem;
}
@media only screen and (max-width: 479px) {
  .rc234-element7 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.rc234-element7 .producttable {
  background: transparent !important;
}
.rc234-element7 .producttable td,
.rc234-element7 .producttable th,
.rc234-element7 .producttable caption {
  border: 1px solid black;
}
.rc234-element7 .producttable caption {
  border-bottom: none;
}
.rc234-element7 .producttable * {
  background: transparent !important;
}
.rc234-element7 .type-mask_spacer {
  display: none;
}
.rc234-element7 .legendContainer {
  margin-bottom: -2rem;
}
.rc234-element7-background {
  padding: 1rem;
}
@media only screen and (min-width: 980px) {
  .rc234-element7-background {
    padding: 3rem 1rem 0;
  }
}
@media only screen and (max-width: 479px) {
  .rc234-element7-background {
    padding-bottom: 0;
  }
}
.rc234-element7-background img {
  margin-top: -1rem;
}
.seminar-page-header {
  height: 490px;
  background: no-repeat;
  background-size: auto 104%;
  background-position: calc(50% - 20vw) bottom;
  position: relative;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar-page-header {
    height: 160px;
    background-size: auto 110%;
    background-position: calc(50% - 30vw) bottom;
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .seminar-page-header {
    height: 300px;
    background-size: auto 110%;
    background-position: calc(50% - 30vw) bottom;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .seminar-page-header {
    height: 430px;
    background-size: auto 100%;
    background-position: calc(50% - 30vw) bottom;
  }
}
.seminar-page-header .seminar-header-headline {
  position: absolute;
  left: 50%;
  top: 100px;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar-page-header .seminar-header-headline {
    left: 38%;
    top: 38px;
    height: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .seminar-page-header .seminar-header-headline {
    left: 38%;
    top: 38px;
    height: 180px;
  }
}
.seminar-page-header .seminar-header-headline h1 {
  font-size: 3.5rem;
  line-height: 1.1em;
  color: #4a4a49;
}
@media only screen and (max-width: 479px) {
  .seminar-page-header .seminar-header-headline h1 {
    font-size: 2rem;
  }
}
.seminar-page-header .seminar-header-headline h2 {
  font-size: 2rem;
  line-height: 1.2em;
  color: #4a4a49;
}
@media only screen and (max-width: 479px) {
  .seminar-page-header .seminar-header-headline h2 {
    font-size: 1.5rem;
  }
}
.seminar-page-header .trust-icons-icons {
  width: auto;
  position: absolute;
  left: 50%;
  top: 260px;
}
.seminar-page-header .trust-icons-icons img {
  margin-right: 1.5rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar-page-header .trust-icons-icons {
    width: 100%;
    left: 0;
    top: 180px;
  }
  .seminar-page-header .trust-icons-icons img {
    margin: -1rem 0.5rem 0;
    display: inline-block !important;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .seminar-page-header .trust-icons-icons {
    left: 38%;
    top: 150px;
    height: 180px;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .seminar-page-header .trust-icons-icons {
    top: 230px;
  }
}
.seminar {
  margin-top: 4rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar {
    margin-top: 3rem;
  }
  .seminar .round-top {
    overflow: hidden;
    border-radius: 1rem 1rem 0 0 ;
  }
  .seminar .round-bottom {
    overflow: hidden;
    border-radius: 0 0 1rem 1rem ;
  }
  .seminar .seminar-content {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.seminar .seminar-badge {
  background: #a59478;
  color: white;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  width: 6rem;
  height: 6rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  font-size: 1.3rem;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transform: translate(50%, -50%);
}
@media only screen and (max-width: 479px) {
  .seminar .seminar-badge {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar .seminar-badge {
    font-size: 1.1rem;
    line-height: 1.4em;
    line-height: 1;
    width: 5rem;
    height: 5rem;
    right: .5rem;
    transform: translate(0, -50%);
  }
}
.seminar .seminar-header {
  position: relative;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar .seminar-header {
    margin-right: -1rem;
    margin-left: -1rem;
  }
}
.seminar .seminar-header .seminar-header-default h3 {
  color: white;
  z-index: 1;
  font-size: 2.7rem;
  line-height: 1.1em;
  position: absolute;
  bottom: 15%;
  width: 100%;
  text-align: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 479px) {
  .seminar .seminar-header .seminar-header-default h3 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .seminar .seminar-header .seminar-header-default h3 {
    font-size: 2.4rem;
  }
}
.seminar .seminar-header .seminar-header-left h3 {
  color: white;
  z-index: 1;
  font-size: 3.5rem;
  line-height: 1.1em;
  position: absolute;
  bottom: 15%;
  width: 100%;
  text-align: center;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 479px) {
  .seminar .seminar-header .seminar-header-left h3 {
    font-size: 2rem;
  }
}
.seminar .seminar-content {
  padding-top: 5rem;
}
.seminar .seminar-content ul {
  display: inline-block;
  padding: 2rem;
}
.seminar .seminar-content ul li {
  text-align: left;
  width: auto;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  line-height: 1.5em;
  padding: .5em 0 .5em 2em;
  position: relative;
}
.seminar .seminar-content ul li:before {
  content: "";
  display: inline-block;
  width: 1.5em;
  margin-right: .5em;
  height: 1.5em;
  vertical-align: middle;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
.seminar .seminar-content ul.blue li:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken_blue.svg);
}
.seminar .seminar-content ul.simple li:before {
  top: .7em;
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/haken_only.svg);
}
.seminar .seminar-content ul.check-list-yellow li:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken_yellow.svg);
}
.seminar .seminar-content ul.check-list-darkgray li:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken_darkgray.svg);
}
.seminar .seminar-content ul.check-list-green li:before {
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/hacken_green.svg);
}
.seminar .seminar-dates {
  text-align: center;
  margin-top: 3rem;
}
.seminar .seminar-dates h2 {
  margin-bottom: 1rem;
  color: #4a4a49;
}
.seminar .seminar-dates .seminar-date {
  font-size: 2.7rem;
  line-height: 1.1em;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  color: #4a4a49;
}
@media only screen and (max-width: 479px) {
  .seminar .seminar-dates .seminar-date {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .seminar .seminar-dates .seminar-date {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar .seminar-dates .seminar-date {
    font-size: 2rem;
  }
}
.seminar .seminar-dates .seminar-date .seminar-date-date {
  display: inline-block;
  min-width: 3.8em;
  text-align: right;
}
.seminar .seminar-dates .seminar-date .seminar-date-time {
  display: inline-block;
  min-width: 4.3em;
  text-align: right;
}
.seminar .button-price {
  margin-top: 1rem;
  min-width: auto !important;
  padding: .3rem 2rem;
}
.seminar .button-price span {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (max-width: 479px) {
  .seminar .button-price span {
    font-size: 1.1rem;
  }
}
.seminar .seminar-buttons {
  margin-top: 3rem;
  text-align: center;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar .seminar-buttons .seminar-claim {
    font-size: 1.1rem;
    line-height: 1.4em;
  }
}
.seminar .round-bottom {
  height: 5rem;
}
.seminar-form .conversionTeaserGreen-popup-content h2 {
  text-align: center;
  margin-bottom: 2em;
}
.seminar-form .seminar-dates {
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.1rem;
  line-height: 1.4em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .seminar-form .seminar-dates {
    padding-left: 1rem;
  }
}
.seminar-form .seminar-dates .seminar-date-date {
  display: inline-block;
  min-width: 3.8em;
  text-align: right;
}
.seminar-form .seminar-dates .seminar-date-time {
  display: inline-block;
  min-width: 4em;
  text-align: right;
}
.seminar-form [type="submit"] {
  margin-top: 2rem;
  display: block !important;
  width: 100%;
}
.seminar-form input[type="radio"] {
  display: none;
}
.seminar-form input[type="radio"] + label {
  position: relative;
  cursor: pointer;
}
.seminar-form input[type="radio"] + label::before {
  width: 1rem;
  height: 1rem;
  border: 1px solid #000000;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-right: .6rem;
}
.seminar-form input[type="radio"]:checked + label::after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/conversion-chat/haken_gold.svg?1) center center no-repeat;
  background-size: 70%;
  border: 1px solid transparent;
  left: 0;
  top: .35rem;
}
.seminar-form .submit {
  display: block !important;
  width: 100% !important;
}
.seminar-footer .seminar-badge {
  width: 8rem;
  height: 8rem;
  right: 1rem;
  top: 1rem;
}
.seminar-footer .seminar-badge img {
  width: 80%;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar-footer .seminar-badge {
    width: 6rem;
    height: 6rem;
    right: .5rem;
    transform: translate(0, -70%);
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .seminar-footer .maxwidth640 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.shop-products {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.shop-products > .container {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 479px) {
  .shop-products > .container {
    margin-bottom: 0rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .shop-products .row {
    margin: 0 -6px !important;
  }
  .shop-products .row > * {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.shop-product {
  margin-bottom: 1rem;
}
.shop-product .shop-product-content {
  padding: 2rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .shop-product .shop-product-content {
    padding: 1rem;
  }
}
.shop-product .shop-product-content .button-yellow {
  min-width: auto !important;
}
.offerForm {
  height: 0;
  font-size: 1.1rem;
  line-height: 1.4em;
  overflow: hidden;
}
.offerForm.open {
  height: auto;
  margin-top: .5rem;
}
.offerForm .bgsand,
.offerForm .bglightestblue,
.offerForm .bglightrose {
  overflow: hidden;
  padding: 0 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .offerForm .bgsand,
  .offerForm .bglightestblue,
  .offerForm .bglightrose {
    padding: 0 3rem;
  }
}
.offerForm input[type="submit"] {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: white !important;
  background: #eb5c5b !important;
  border: 2px solid #eb5c5b;
  white-space: normal;
}
.offerForm .csc-header {
  padding: 1rem 0;
  position: relative;
}
.offerForm .csc-header:before {
  content: "";
  height: 100%;
  width: 100vw;
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.offerForm fieldset {
  margin-bottom: 2rem;
}
.offerForm fieldset > legend {
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.3rem;
  margin-bottom: 2rem;
  padding: 1rem 0;
  position: relative;
  display: block;
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .offerForm fieldset > legend {
    font-size: 1.1rem;
  }
}
.offerForm fieldset > legend:before {
  content: "";
  height: 100%;
  width: 100vw;
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.offerForm .input-wrap,
.offerForm .csc-form-element-textline,
.offerForm .csc-form-element-textarea {
  margin-bottom: 1rem;
}
.offerForm .input-wrap label,
.offerForm .csc-form-element-textline label,
.offerForm .csc-form-element-textarea label {
  display: none;
}
.offerForm .input-wrap input,
.offerForm .csc-form-element-textline input,
.offerForm .csc-form-element-textarea input,
.offerForm .input-wrap textarea,
.offerForm .csc-form-element-textline textarea,
.offerForm .csc-form-element-textarea textarea {
  font-size: 1.1rem;
  line-height: 1.4em;
  text-transform: none;
  display: block;
  border-bottom: 1px solid black;
  background: transparent;
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #4a4a49;
  width: 100%;
}
.offerForm .input-wrap input::-moz-placeholder,
.offerForm .csc-form-element-textline input::-moz-placeholder,
.offerForm .csc-form-element-textarea input::-moz-placeholder,
.offerForm .input-wrap textarea::-moz-placeholder,
.offerForm .csc-form-element-textline textarea::-moz-placeholder,
.offerForm .csc-form-element-textarea textarea::-moz-placeholder {
  color: #000000;
  text-transform: none;
  opacity: 1;
}
.offerForm .input-wrap input:-ms-input-placeholder,
.offerForm .csc-form-element-textline input:-ms-input-placeholder,
.offerForm .csc-form-element-textarea input:-ms-input-placeholder,
.offerForm .input-wrap textarea:-ms-input-placeholder,
.offerForm .csc-form-element-textline textarea:-ms-input-placeholder,
.offerForm .csc-form-element-textarea textarea:-ms-input-placeholder {
  color: #000000;
  text-transform: none;
}
.offerForm .input-wrap input::-webkit-input-placeholder,
.offerForm .csc-form-element-textline input::-webkit-input-placeholder,
.offerForm .csc-form-element-textarea input::-webkit-input-placeholder,
.offerForm .input-wrap textarea::-webkit-input-placeholder,
.offerForm .csc-form-element-textline textarea::-webkit-input-placeholder,
.offerForm .csc-form-element-textarea textarea::-webkit-input-placeholder {
  color: #000000;
  text-transform: none;
}
.offerForm .csc-form-element-textarea {
  padding-top: 1rem;
}
.offerForm .csc-form-element-textarea textarea {
  border: 1px solid black;
  height: 8rem;
  padding-left: .5rem;
}
.offerForm .checkbox-wrap,
.offerForm .csc-form-element-checkbox {
  margin-bottom: 3rem;
}
.offerForm .checkbox-wrap .form-check-label,
.offerForm .csc-form-element-checkbox .form-check-label {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.offerForm .checkbox-wrap label,
.offerForm .csc-form-element-checkbox label {
  display: block;
  padding-left: 5rem;
  line-height: 1.2;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 479px), only screen and (min-width: 768px) and (max-width: 979px) {
  .offerForm .checkbox-wrap label,
  .offerForm .csc-form-element-checkbox label {
    padding-left: 3rem;
  }
}
.offerForm .checkbox-wrap label input,
.offerForm .csc-form-element-checkbox label input {
  display: none;
}
.offerForm .checkbox-wrap label .check-indicator:after,
.offerForm .csc-form-element-checkbox label .check-indicator:after {
  font-family: 'silatec' !important;
  content: '';
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid black;
  text-align: center;
  line-height: 1.5rem;
  color: #4a4a49;
}
.offerForm .checkbox-wrap label input:checked ~ .check-indicator::after,
.offerForm .csc-form-element-checkbox label input:checked ~ .check-indicator::after {
  content: "\e960";
}
.offerForm .checkbox-wrap .icon,
.offerForm .csc-form-element-checkbox .icon {
  display: block;
  margin-bottom: 1rem;
  color: #4a4a49;
  font-size: 1.8rem;
}
@media only screen and (min-width: 980px) {
  .offerForm .checkbox-wrap .icon,
  .offerForm .csc-form-element-checkbox .icon {
    font-size: 2.5rem;
  }
}
.offerForm .checkbox-wrap strong,
.offerForm .csc-form-element-checkbox strong {
  display: inline-block;
  margin-bottom: .3em;
}
.offerForm .upload-fieldset {
  text-align: center;
}
.offerForm .upload-fieldset .csc-form-element-fileupload label {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: white !important;
  background: #bdaba5 !important;
  border: 2px solid transparent;
  cursor: pointer;
}
.offerForm .upload-fieldset .csc-form-element-fileupload label.fileSelected {
  background: #a0bb2c !important;
}
.offerForm .upload-fieldset .csc-form-element-fileupload input {
  display: none;
}
.offerForm .csc-form-element-textblock {
  text-align: center;
}
.offerForm .csc-form-element-submit {
  margin-top: 3rem;
  text-align: center;
}
.offerForm .csc-form-element-textblock.after-submit {
  margin-bottom: 0;
}
.offerForm .rc2-fenster,
.offerForm .rc3-fenster,
.offerForm .rc4-fenster {
  text-transform: uppercase;
  position: relative;
  height: 7rem;
}
.offerForm .rc2-fenster span.label,
.offerForm .rc3-fenster span.label,
.offerForm .rc4-fenster span.label {
  padding-top: 3rem;
}
@media only screen and (max-width: 479px) {
  .offerForm .rc2-fenster span.label,
  .offerForm .rc3-fenster span.label,
  .offerForm .rc4-fenster span.label {
    padding-top: 2rem;
  }
}
.offerForm .rc2-fenster .check-indicator:after,
.offerForm .rc3-fenster .check-indicator:after,
.offerForm .rc4-fenster .check-indicator:after {
  top: 2rem !important;
}
.offerForm .rc2-fenster span,
.offerForm .rc3-fenster span,
.offerForm .rc4-fenster span {
  display: block;
  padding-left: 9rem;
}
@media only screen and (max-width: 479px) {
  .offerForm .rc2-fenster span,
  .offerForm .rc3-fenster span,
  .offerForm .rc4-fenster span {
    padding-left: 8rem;
  }
}
.offerForm .rc2-fenster .help-block,
.offerForm .rc3-fenster .help-block,
.offerForm .rc4-fenster .help-block {
  font-size: .8rem;
}
.offerForm .rc2-fenster img,
.offerForm .rc3-fenster img,
.offerForm .rc4-fenster img {
  position: absolute;
  top: 0;
  left: 5rem;
  height: 100%;
  width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .offerForm .rc2-fenster img,
  .offerForm .rc3-fenster img,
  .offerForm .rc4-fenster img {
    left: 4rem;
  }
}
@media only screen and (max-width: 479px) {
  .offerForm .rc2-fenster img,
  .offerForm .rc3-fenster img,
  .offerForm .rc4-fenster img {
    left: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .offerForm form {
    width: 90%;
  }
}
.bpw-header {
  position: relative;
}
.bpw-header .bpw-headline h1 {
  text-align: center;
  padding: 1rem;
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .bpw-header .bpw-headline h1 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-header .bpw-header-image {
    object-fit: cover;
    position: absolute;
    width: 60%;
    height: 100%;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 80%);
  }
  .bpw-header .bpw-headline {
    width: 40%;
    max-height: 500px;
    margin: 0 0 0 auto;
    position: relative;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 90%);
  }
  .bpw-header .bpw-headline:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 80%;
    position: relative;
  }
  .bpw-header .bpw-headline h1 {
    text-align: left;
    max-width: 10em;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "fs_joeybold", "Roboto", "Arial";
    font-weight: normal !important;
    font-size: 3.5rem;
    line-height: 1.1em;
    padding: 0 0 0 5rem;
  }
  .bpw-header.bpw-header-burglarproof .bpw-header-image,
  .bpw-header.bpw-header-burglarproof .bpw-headline {
    clip-path: none !important;
  }
  .bpw-header.bpw-header-burglarproof .bpw-headline h1 {
    max-width: 10em;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .bpw-header .bpw-headline h1 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .bpw-header .bpw-headline h1 {
    font-size: 2.7rem;
    line-height: 1.1em;
    max-width: none;
    padding: 0 3rem 0;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) and only screen and (max-width: 479px) {
  .bpw-header .bpw-headline h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) and (max-width: 1080px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-header .bpw-headline h1 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-header .bpw-header-image {
    width: 50%;
    height: 100%;
  }
  .bpw-header .bpw-headline {
    width: 50%;
  }
  .bpw-header .bpw-headline:before {
    padding-top: 70%;
  }
  .bpw-header .bpw-headline h1 {
    font-size: 2rem;
    line-height: 1.2em;
    max-width: none;
    padding: 0 0 0 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .bpw-header .bpw-headline h1 {
    font-size: 1.5rem;
  }
}
.bpw-element1-image .csc-header h2 {
  max-width: 10em;
  margin: 0 auto;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .bpw-element1-image .container {
    padding: 0;
  }
  .bpw-element1-image .csc-header h2 {
    padding: .5rem;
    text-align: center;
    max-width: none;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .bpw-element2-form .bpw-element2-form2-right {
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element2-form {
    text-align: center;
    padding-bottom: 1rem;
  }
  .bpw-element2-form img.bpw-element2-form-icons {
    display: inline-block;
    max-width: 260px;
  }
  .bpw-element2-form img.bpw-element2-form-image {
    display: inline-block;
    max-width: 320px;
  }
  .bpw-element2-form .align-left {
    text-align: center !important;
  }
}
@media only screen and (max-width: 479px) {
  .bpw-element2-form {
    text-align: center;
  }
  .bpw-element2-form img.bpw-element2-form-icons {
    display: inline-block;
    max-width: 200px;
  }
  .bpw-element2-form img.bpw-element2-form-image {
    display: inline-block;
    max-width: 260px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element3-resistance .bgdarkgray {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.bpw-element3-resistance table.spacetable {
  background: rgba(255, 255, 255, 0.1);
}
.bpw-element3-resistance table.spacetable td {
  white-space: nowrap;
  border-color: white !important;
}
.bpw-element4-weapons .bpw-element4-weapons-legend {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.2rem;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 979px) {
  .bpw-element4-weapons .bpw-element4-weapons-legend {
    text-align: left;
    padding: 1rem 0 3rem 60%;
  }
}
.bpw-element4-weapons .bpw-element4-weapons-image {
  background: center center no-repeat;
  background-size: cover;
  min-height: 240px;
}
@media only screen and (max-width: 479px) {
  .bpw-element4-weapons .bpw-element4-weapons-image {
    min-height: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element4-weapons .bpw-element4-weapons-image {
    min-height: 180px;
  }
}
@media only screen and (min-width: 980px) {
  .bpw-element4-weapons .bpw-element4-weapons-image {
    min-height: 370px;
  }
}
.bpw-element4-weapons .csc-header {
  max-width: 650px;
}
.bpw-element4-weapons .csc-header h2 {
  max-width: 11em;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element4-weapons .csc-header h2 {
    max-width: 10em;
  }
}
.bpw-element4-weapons .round-bottom {
  margin-top: .5rem;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .bpw-element4-weapons .csc-header h2 {
    padding: .5rem;
    text-align: center;
    max-width: none;
  }
  .bpw-element4-weapons .round-bottom {
    padding: 0 1rem;
  }
}
.bpw-element4-weapons .bpw-element4-weapons-weapon {
  display: inline-block;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.4em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  padding: 2rem;
}
.bpw-element4-weapons .bpw-element4-weapons-weapon .icon {
  position: relative;
  margin-bottom: 1rem;
  font-size: 3.5rem;
  line-height: 1.1em;
  display: block;
  color: #4a4a49;
}
@media only screen and (max-width: 479px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 980px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br12 {
    margin-left: .6em;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br22 {
    margin-left: .6em;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br32 {
    margin-left: .6em;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br42 {
    margin-right: -1em;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-ak472 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-M16 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br6 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-sg1_sg22 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br6 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-ak472 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-ak472 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-M16 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-M16 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br6 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br6 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-sg1_sg22 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-sg1_sg22 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br6 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon-br6 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 979px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon {
    display: block;
    text-align: left;
    position: relative;
    padding: 2.5rem 0 2rem 60%;
    margin: 1rem 0 2rem 0;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon {
    position: absolute;
    font-size: 2.5em;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon.icon-br12,
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon.icon-br22,
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon.icon-br32,
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon.icon-br42 {
    width: auto;
    font-size: 3em;
    left: auto;
    top: auto;
    right: 40%;
    margin-right: 2rem;
  }
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon.icon-M16 {
    margin-top: -.5rem;
  }
}
@media only screen and (max-width: 479px) {
  .bpw-element4-weapons .bpw-element4-weapons-weapon .icon {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element4-weapons .icon.icon-druganov2 {
    font-size: 3em;
    margin-top: -1rem;
  }
}
@media only screen and (max-width: 979px) {
  .bpw-element4-weapons .bgshortweapons .bpw-element4-weapons-weapon {
    padding: 1rem 0 3rem 60%;
    margin: 0 0 1rem 0;
  }
}
.bpw-conversion .button-red {
  color: white !important;
}
.bpw-conversion .rc234-trust-icons {
  margin-top: 1rem !important;
}
.bpw-conversion .rc234-trust-icons img {
  height: 4rem;
}
.bpw-element8-retrofit .row {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 479px) {
  .bpw-element8-retrofit .row {
    padding-top: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element9-material .crispimage {
    width: 360px;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element10-material .col-lg-7:first-child img {
    margin-bottom: 1rem;
  }
  .bpw-element10-material .col-lg:first-child {
    margin-bottom: 1rem;
  }
}
.bpw-element11-factors .bpw-element11-factors-background {
  padding: 2rem 1rem 4rem;
  background: #e9e9e9 center top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element11-factors .bpw-element11-factors-background {
    background-size: 140%;
  }
}
@media only screen and (max-width: 479px) {
  .bpw-element11-factors .bpw-element11-factors-background {
    background-size: 180%;
    background-position: 60% 0;
  }
  .bpw-element11-factors .bpw-element11-factors-background h2 span.size5 {
    font-size: 1.5rem !important;
    line-height: 1.2em !important;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px) {
  .bpw-element11-factors .bpw-element11-factors-background h2 span.size5 {
    font-size: 1.1rem;
  }
}
.bpw-element11-factors .bpw-element11-factors-background-spacer {
  height: 0;
  padding-top: 50%;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .bpw-element11-factors .bpw-element11-factors-background-spacer {
    padding-top: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element11-factors .bpw-element11-factors-background-spacer {
    padding-top: 70%;
  }
}
.bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-glas,
.bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-silatecglas {
  position: absolute;
  bottom: 10%;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-glas,
  .bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-silatecglas {
    bottom: 12%;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-glas,
  .bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-silatecglas {
    bottom: 10%;
  }
}
.bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-glas {
  right: 59%;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-glas {
    right: 70%;
  }
}
.bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-silatecglas {
  left: 49%;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .bpw-element11-factors .bpw-element11-factors-background-spacer .bpw-element11-factors-silatecglas {
    left: 40%;
  }
}
.bpw-element11-factors .bpw-element11-factors-background-spacer a {
  display: inline-block;
  position: absolute;
  right: 25%;
  top: 25%;
}
.bpw-element11-factors .bpw-element11-factors-background-spacer a img {
  width: 7rem;
}
@media only screen and (max-width: 479px) {
  .bpw-element11-factors .bpw-element11-factors-background-spacer a {
    right: 10%;
  }
  .bpw-element11-factors .bpw-element11-factors-background-spacer a img {
    width: 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .bpw-element11-factors .bpw-element11-factors-background-spacer a {
    right: 15%;
  }
}
@media only screen and (max-width: 979px) {
  .bpw-headline h1 nobr {
    white-space: normal !important;
  }
}
.conversionTeaserBeige {
  background: #f1f0eb;
  padding: 1rem 1rem;
  position: relative;
}
.conversionTeaserBeige:before,
.conversionTeaserBeige:after {
  content: "";
  display: block;
  height: 1rem;
  width: 100%;
  left: 0;
  background: #a59478;
  position: absolute;
}
.conversionTeaserBeige:before {
  bottom: 100%;
  clip-path: polygon(0 66%, 100% 0, 100% 100%, 0% 100%);
}
.conversionTeaserBeige:after {
  top: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 33%, 0% 100%);
}
.conversionTeaserBeige .row {
  align-items: center !important;
}
.conversionTeaserBeige .conversionTeaserBeige-image img {
  display: inline-block;
  max-width: 85%;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserBeige .conversionTeaserBeige-image img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .conversionTeaserBeige .conversionTeaserBeige-image img {
    max-width: 240px;
    margin-bottom: 0rem;
  }
}
.conversionTeaserBeige .conversionTeaserBeige-content h3 {
  font-size: 2.7rem;
  line-height: 1.1em;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
  line-height: 1em !important;
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  -o-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
@media only screen and (max-width: 479px) {
  .conversionTeaserBeige .conversionTeaserBeige-content h3 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserBeige .conversionTeaserBeige-content h3 {
    font-size: 2.4rem;
  }
}
.conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize1 {
  font-size: 1.1rem;
  line-height: 1.4em;
}
.conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize2 {
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize2 {
    font-size: 1.1rem;
  }
}
.conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize3 {
  font-size: 2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize3 {
    font-size: 1.5rem;
  }
}
.conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize4 {
  font-size: 2.7rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize4 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize4 {
    font-size: 2.4rem;
  }
}
.conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize5 {
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserBeige .conversionTeaserBeige-content h3.conversionTeaserBeige-headersize5 {
    font-size: 2rem;
  }
}
.conversionTeaserBeige .conversionTeaserBeige-content .conversionTeaserBeige-phone {
  display: block;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 479px) {
  .conversionTeaserBeige .conversionTeaserBeige-content .conversionTeaserBeige-phone {
    font-family: "fs_joeybold", "Roboto", "Arial" !important;
    font-weight: normal !important !important;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserBeige .conversionTeaserBeige-content .conversionTeaserBeige-phone {
    margin-bottom: 1.5em;
  }
}
.conversionTeaserBeige .conversionTeaserBeige-content .button-green {
  padding: .66em 1em .85em;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .conversionTeaserBeige .conversionTeaserBeige-content .button-green {
    padding: .3em 1em .5em;
  }
}
.conversionTeaserBeige .conversionTeaserBeige-content .conversionTeaserBeige-footnote {
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .8rem;
}
.esf-element1-rc img {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 979px) {
  .esf-element1-rc img {
    width: 120px;
  }
  .esf-element1-rc img.esf-element1-rc-window {
    width: 80px;
  }
}
@media only screen and (max-width: 479px) {
  .esf-element1-rc img.esf-element1-rc-window {
    width: 65px;
  }
}
.esf-element1-rc h3 {
  margin-bottom: .3em;
}
.esf-element5-polizei-images {
  margin: 0 -0.5rem;
}
.esf-element5-polizei-images-cell {
  padding: 0 0 1rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .esf-element5-polizei-images-table {
    display: table;
    width: 100%;
  }
  .esf-element5-polizei-images-table .esf-element5-polizei-images-row {
    display: table-row;
  }
  .esf-element5-polizei-images-table .esf-element5-polizei-images-cell {
    display: table-cell;
    padding: 0 .5rem;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-element6-rc234 .seminar {
    margin-top: 0;
  }
  .esf-element6-rc234 .seminar-header .seminar-header-left h3 {
    bottom: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 479px) {
  .esf-element6-rc234 .seminar {
    margin-top: 0;
  }
  .esf-element6-rc234 .seminar-header .seminar-header-left h3 {
    bottom: 1rem;
    height: auto;
    background: rgba(0, 0, 0, 0.4);
  }
  .esf-element6-rc234 .seminar-header .seminar-header-left img {
    height: 280px;
    object-fit: cover;
    object-position: 60% center;
  }
}
@media only screen and (min-width: 980px) {
  .esf-element6-rc234 .rc234-signs .redtext .medium {
    max-width: 18em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-element6-rc234 .rc234-signs {
    padding-bottom: 0;
  }
}
.esf-element7-imageheader {
  background: no-repeat center center;
  background-size: cover;
  padding: 9rem 0 7rem;
}
@media only screen and (max-width: 479px) {
  .esf-element7-imageheader {
    padding: 4rem 0 3rem;
  }
}
.esf-element7-imageheader .esf-element7-imageheader-content {
  padding: 1rem;
  background: rgba(255, 255, 255, 0.5);
}
.esf-element9-fensterglas .container {
  background: no-repeat center center;
  background-size: cover;
  padding: 5rem 0 10rem;
}
.esf-element9-fensterglas .esf-element9-fensterglas-header {
  color: #000000;
  background: rgba(255, 255, 255, 0.6);
  padding: 2rem;
}
.esf-element9-fensterglas .esf-element9-fensterglas-header > * {
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .esf-element9-fensterglas .esf-element9-fensterglas-header > * {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-element9-fensterglas .esf-element9-fensterglas-header > * {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .esf-element9-fensterglas .esf-element9-fensterglas-header > * {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-element9-fensterglas .esf-element9-fensterglas-header > * {
    font-size: 2.4rem;
  }
}
.esf-element10-tiles--new .esf-element10-tiles--new-tile {
  display: block;
  background: #f2f2f2;
  margin-bottom: 1rem;
}
.esf-element10-tiles--new .esf-element10-tiles--new-tile[data-name="pilzkopf.svg"] [data-type] {
  background: #4a4a49;
}
.esf-element10-tiles--new .esf-element10-tiles--new-tile[data-name="fenster3.png"] [data-type] {
  background: #697185;
}
.esf-element10-tiles--new .esf-element10-tiles--new-tile[data-name="teure-fehler.svg"] [data-type] {
  background: #eb5c5b;
}
.esf-element10-tiles--new .esf-element10-tiles--new-tile [data-type="png"],
.esf-element10-tiles--new .esf-element10-tiles--new-tile [data-type="svg"] {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.esf-element10-tiles--new .esf-element10-tiles--new-tile [data-type="png"] img,
.esf-element10-tiles--new .esf-element10-tiles--new-tile [data-type="svg"] img {
  position: absolute;
  width: 60%;
  height: 60%;
  top: 50%;
  left: 50%;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
.esf-element10-tiles--new .esf-element10-tiles--new-tile span {
  display: block;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  padding: .5rem 1rem .7rem;
  line-height: 1.2;
}
@media only screen and (max-width: 479px) {
  .esf-element10-tiles--new .esf-element10-tiles--new-tile span br {
    display: none;
  }
}
/*
.esf-element10-tiles {


  @media @mobile_portrait {

    .grid-container {
      a{
        display: block;
        min-height: 14rem;
        margin-bottom: 1rem;
      }
    }
  }

  @media @pad_portrait {

    a{
      display: block;
      min-height: 14rem;
    }

    .grid-container {
      display: grid;
      grid-template-columns: 0.7fr 1.2fr;
      gap: 2rem 2rem;
      grid-template-areas:
    "grid1 grid2 "
    "grid4 grid "
    "grid5 grid "
    "grid8 grid8"
    "grid-right grid-right";
    }

    .grid-right {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem 2rem;
      grid-template-areas:
    "grid9 grid3"
    "grid9 grid7";
      grid-area: grid-right;
    }
  }

  @media @pad_landscape, @desktop {

    .grid-container {
      display: grid;
      grid-template-columns: 0.7fr 1.2fr 1.1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      gap: 2rem 2rem;
      grid-template-areas:
    "grid1 grid2 grid-right"
    "grid4 grid grid-right"
    "grid5 grid grid-right"
    "grid8 grid8 grid-right";
    }

    .grid-right {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1.2fr 0.9fr .9fr;
      gap: 2rem 0;
      grid-template-areas:
    "grid3"
    "grid7"
    "grid9";
      grid-area: grid-right;
    }
  }

  .grid8 {
    grid-area: grid8;
  }

  .grid6 {
    grid-area: grid;
  }

  .grid1 {
    grid-area: grid1;
  }

  .grid2 {
    grid-area: grid2;
  }

  .grid4 {
    grid-area: grid4;
  }

  .grid5 {
    grid-area: grid5;
  }



  .grid3 {
    grid-area: grid3;
  }

  .grid7 {
    grid-area: grid7;
  }

  .grid9 {
    grid-area: grid9;
  }


  .grid-a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1rem;

    span{
      .size1;
      .medium;
      color: white;
      display: block;
      margin-top: 1rem;
    }

    img{
      height: 120px;
      width: auto;
    }

    &.grid1 {
      padding: .5rem 1rem 1rem;
      span{
        margin-top: .5rem;
      }
      img {
        height: 150px;
        width: auto;
      }
    }
  }

  .grid-b,
  .grid-c{
    position: relative;
    img{
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    span{
      .bold;
      position: absolute;
    }
  }

  .grid-b{
    span{
      font-size: 1.7rem;
      line-height: 1.2em;
      color: @black;
      padding: 1rem 2rem;
      background: rgba(255,255,255,0.7);
      position: absolute;
      width: 100%;
      bottom: 0;
    }


    &.grid2 span{
      bottom: 10%;
    }

    &.grid6 span{
      bottom: 15%;
    }

    &.grid8 span{
      .size1-3;
      top: 10%;
      bottom: auto;
    }
  }

  .grid-c{
    span{
      .size1-3;
      color: white;
      padding: 1.6rem 15%;
      background: rgba(0,0,0,0.7);
      position: absolute;
      width: 100%;
      bottom: 0;
    }
  }

  @media @pad_portrait{

    .grid3{
      img{
        object-position: left 60%;
      }
    }

    .grid9{
      img{
        object-position: left bottom;
      }
    }
  }

  @media @mobile_portrait{
    .grid-a{
      padding: 2rem !important;
      span{
        margin-left: auto;
        margin-right: auto;
        max-width: 12rem;
      }
    }
  }

  a{
    overflow: hidden;
    img{
      transition: transform .2s;
    }
    &:hover{
      img{
        transform: scale(1.1);
      }
    }
  }

}
*/
.esf-conversion.rc234-conversion .button-green {
  color: white !important;
}
.esf-conversion.rc234-conversion .rc234-trust-icons {
  margin-top: 1rem !important;
}
.esf-conversion.rc234-conversion .rc234-trust-icons img {
  height: 4rem;
}
.esf-conversion.rc234-conversion .rc234-conversion-content img {
  max-width: 100%;
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .esf-conversion.rc234-conversion .rc234-conversion-content img {
    max-width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-conversion.rc234-conversion .rc234-conversion-content img {
    max-width: 280px;
  }
}
.esf-tile1-musseen-uvkillsart {
  padding-top: 10%;
  position: relative;
}
.esf-tile1-musseen-uvkillsart .esf-tile1-musseen-uvkillsart-image {
  background: no-repeat 39% top;
  background-size: 180%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
@media only screen and (max-width: 479px) {
  .esf-tile1-musseen-uvkillsart .esf-tile1-musseen-uvkillsart-image {
    background: no-repeat 42% 1%;
    background-size: 280%;
  }
}
.esf-tile1-musseen-uvkillsart .esf-tile1-musseen-uvkillsart-content {
  padding: 18% 2rem 5rem;
  clip-path: polygon(0 30%, 100% 0, 100% 90%, 0 100%);
}
@media only screen and (max-width: 479px) {
  .esf-tile1-musseen-uvkillsart .esf-tile1-musseen-uvkillsart-content {
    padding-top: 35%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-tile1-musseen-2 h3 {
    font-size: 1.5rem !important;
    line-height: 1.2em !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .esf-tile1-musseen-2 h3 {
    font-size: 1.1rem;
  }
}
.esf-header-tile8 img.bpw-header-image {
  clip-path: none !important;
  transform: scale(0.85);
  transform-origin: bottom;
  object-fit: contain;
  bottom: -10%;
  left: 5%;
}
@media only screen and (min-width: 980px) {
  .esf-header-tile8 .bpw-headline {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-header-tile8 .bpw-headline {
    width: 55%;
  }
}
@media only screen and (max-width: 479px) {
  .esf-header-tile8 img.bpw-header-image {
    margin: 0 auto;
  }
}
.bpw-header-museum img.bpw-header-image {
  clip-path: none !important;
}
@media only screen and (min-width: 980px) {
  .esf-element1-rc-padding {
    padding: 0 5rem;
  }
}
.esf-element4-form1 .bpw-element2-form-icons {
  width: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-element4-form1 .bpw-element2-form-icons {
    width: 180px;
  }
  .esf-element4-form1 .bpw-element2-form-image {
    width: 420px;
    max-width: 420px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-element8-experts h2 {
    text-align: center;
  }
  .esf-element8-experts .size5 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .esf-element8-experts .size5 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .esf-element8-experts .size5 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .esf-element8-experts h2 {
    text-align: center;
  }
  .esf-element8-experts .half-gutters > *:first-child {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ipad-size4 {
    font-size: 2.7rem !important;
    line-height: 1.1em !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .ipad-size4 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .ipad-size4 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 479px) {
  .bpw-header h1 {
    padding-bottom: 1.3rem !important;
  }
}
@media only screen and (max-width: 479px) {
  .bpw-tile7-image {
    clip-path: none !important;
  }
}
@media only screen and (max-width: 479px) {
  .esf-title5-villen {
    text-align: center;
  }
  .esf-title5-villen img {
    margin-bottom: 1rem;
  }
}
.esf-element1-rc-new h2 {
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .esf-element1-rc-new .row {
    position: relative;
    overflow: hidden;
  }
  .esf-element1-rc-new .row .col-lg-2.col-md-3:before,
  .esf-element1-rc-new .row .col-lg-2.col-md-3:after {
    position: absolute;
    display: inline-block;
    top: -50%;
    content: "";
    width: 2px;
    height: 200%;
    background: white;
  }
  .esf-element1-rc-new .row .col-lg-2.col-md-3:before {
    left: -1rem;
  }
  .esf-element1-rc-new .row .col-lg-2.col-md-3:after {
    right: -1rem;
  }
}
.esf-element1-rc-new .col .medium {
  max-width: 20rem;
  margin: 0 auto;
  padding: 0 1rem;
}
.ballisticWall-header-2022 {
  background: #323953;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.ballisticWall-header-2022 .ballisticWall-headline {
  padding: 2rem;
}
.ballisticWall-header-2022 .ballisticWall-headline h1 {
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .ballisticWall-header-2022 .ballisticWall-headline h1 {
    font-size: 2rem;
  }
}
.ballisticWall-header-2022 .ballisticWall-header-icons {
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .ballisticWall-header-2022 .ballisticWall-header-icons {
    max-width: 14rem;
  }
  .ballisticWall-header-2022 .ballisticWall-header-image {
    object-fit: cover;
    object-position: top;
    height: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .ballisticWall-header-2022 {
    text-align: left;
  }
  .ballisticWall-header-2022 .ballisticWall-headline {
    position: relative;
    z-index: 2;
    max-width: 1500px;
    margin: 0 auto;
    padding: 7rem 1rem 12rem;
  }
  .ballisticWall-header-2022 .ballisticWall-headline h1 {
    width: 35rem;
  }
  .ballisticWall-header-2022 .ballisticWall-header-image {
    position: absolute;
    right: 0;
    width: 60vw;
    height: 100%;
    object-fit: cover;
    object-position: top;
    clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ballisticWall-header-2022 .ballisticWall-headline {
    padding: 4rem 1rem 8rem;
  }
  .ballisticWall-header-2022 .ballisticWall-headline h1 {
    width: 19rem;
  }
  .ballisticWall-header-2022 .ballisticWall-headline .ballisticWall-header-icons {
    max-width: 16rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .ballisticWall-header-2022 {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 90%);
  }
  .ballisticWall-header-2022 .ballisticWall-headline h1 {
    width: 24rem;
  }
  .ballisticWall-header-2022 .ballisticWall-headline .ballisticWall-header-icons {
    max-width: 18rem;
  }
}
@media only screen and (min-width: 2100px) {
  .ballisticWall-header-2022 .ballisticWall-header-image {
    width: 75rem;
    right: auto;
    left: 40%;
    clip-path: polygon(15% 0%, 100% 0, 90% 100%, 0% 100%);
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .ballisticWall-header-2022 {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 70%);
  }
}
.ballisticWall-header {
  text-align: center;
  overflow: hidden;
}
.ballisticWall-header .ballisticWall-headline {
  padding: 2rem;
}
.ballisticWall-header .ballisticWall-headline h1 {
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .ballisticWall-header .ballisticWall-headline h1 {
    font-size: 2rem;
  }
}
.ballisticWall-header .ballisticWall-header-icons {
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .ballisticWall-header .ballisticWall-header-icons {
    max-width: 14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .ballisticWall-header {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%);
  }
  .ballisticWall-header .ballisticWall-headline {
    margin-bottom: -2vw;
    order: 1;
    width: 40vw;
    max-width: 33em;
  }
  .ballisticWall-header .ballisticWall-header-image {
    order: 2;
    width: 60vw;
    max-width: 1000px;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ballisticWall-header .ballisticWall-header-image {
    transform: translate(0, 8%);
  }
  .ballisticWall-header .ballisticWall-header-icons {
    max-width: 14rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .ballisticWall-header {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 90%);
    padding-top: 3rem;
  }
  .ballisticWall-header .ballisticWall-headline {
    transform: translate(0, 0);
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
  .ballisticWall-header .ballisticWall-header-image {
    width: 66vw;
    transform: translate(0, 10%);
  }
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .ballisticWall-header {
    padding-top: 5rem;
    margin-bottom: -5vw;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 70%);
  }
  .ballisticWall-header .ballisticWall-headline {
    transform: translate(0, -30%);
  }
}
@media only screen and (max-width: 479px) {
  .ballisticWall-header .ballisticWall-header-image {
    object-fit: cover;
    object-position: top;
    height: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ballisticWall-conversion .bpw-element2-form-image {
    max-width: 20rem;
  }
}
.ballisticWallForm-bullet-1 {
  right: 80%;
  height: 4rem;
  width: auto;
  max-width: none;
  transform: translate(-50%, 0%);
  transition: all 1s ease-in-out !important;
}
.ballisticWallForm-bullet-1.slideInDone {
  transform: translate(0, 0);
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) {
  .ballisticWallForm-bullet-1 {
    position: absolute;
    transform: translate(-50%, -100%);
  }
  .ballisticWallForm-bullet-1.slideInDone {
    transform: translate(0, -100%);
  }
}
@media only screen and (max-width: 479px) {
  .ballisticWallForm-bullet-1 {
    height: 2rem;
  }
}
.ballisticWallForm-bullet-2 {
  height: 5rem;
  width: auto;
  max-width: none;
  transform: translate(-80%, 0);
  transition: all 1s ease-in-out !important;
}
.ballisticWallForm-bullet-2.slideInDone {
  transform: translate(0, 0);
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ballisticWallForm-bullet-2 {
    height: 3.5rem;
  }
}
@media only screen and (max-width: 479px) {
  .ballisticWallForm-bullet-2 {
    height: 2rem;
  }
  .ballisticWallForm-bullet-2.slideInDone {
    transform: translate(-20%, 0);
  }
}
.ballisticWallForm-bullet-3 {
  height: 3rem;
  width: auto;
  max-width: none;
  transform: translate(-90%, 0);
  transition: all 1s ease-in-out !important;
}
.ballisticWallForm-bullet-3.slideInDone {
  transform: translate(-40%, 0);
}
@media only screen and (max-width: 479px) {
  .ballisticWallForm-bullet-3 {
    height: 1rem;
  }
}
.offerForm.ballisticWallForm form {
  width: 100%;
}
@media only screen and (min-width: 1081px)  and (max-width: 2099px) {
  .offerForm.ballisticWallForm .fieldset-weapons {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
.offerForm.ballisticWallForm .fieldset-weapons .checkbox-wrap label .check-indicator:after {
  top: 35%;
}
.offerForm.ballisticWallForm .fieldset-weapons label {
  font-size: 1.3rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  .offerForm.ballisticWallForm .fieldset-weapons label {
    font-size: 1.1rem;
  }
}
.offerForm.ballisticWallForm .fieldset-weapons .label {
  display: none;
}
.offerForm.ballisticWallForm .fieldset-weapons .row > *:nth-child(2) {
  text-align: center;
}
.offerForm.ballisticWallForm .fieldset-weapons .row > *:nth-child(2) .icon {
  font-size: 5rem;
}
.offerForm.ballisticWallForm .fieldset-weapons .row > *:nth-child(2) .icon.icon-mag {
  font-size: 3.5rem;
}
.offerForm.ballisticWallForm .fieldset-weapons .row > *:nth-child(2) .icon.icon-br_hartkern {
  color: #eb5c5b;
}
@media only screen and (max-width: 479px) {
  .offerForm.ballisticWallForm .icon.icon-M16 {
    font-size: 1.5rem;
  }
  .offerForm.ballisticWallForm .icon.icon-br6 {
    font-size: 1.5rem;
  }
}
.ballisticWallForm-g7 .container {
  background: no-repeat center center;
  background-size: cover;
  background-position: top;
  padding: 2rem 0 22rem;
}
.ballisticWallForm-g7 .ballisticWallForm-g7-header {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  padding: 1rem 2rem;
}
.ballisticWallForm-g7 .ballisticWallForm-g7-header img {
  height: 2em;
  width: auto;
}
.ballisticWallForm-g7 .ballisticWallForm-g7-header > * {
  font-size: 2.7rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .ballisticWallForm-g7 .ballisticWallForm-g7-header > * {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) {
  .ballisticWallForm-g7 .ballisticWallForm-g7-header > * {
    font-size: 2.4rem;
  }
}
.ballisticWallForm-riot {
  background: no-repeat center center;
  background-size: cover;
  padding: 3rem 0 10rem;
}
@media only screen and (max-width: 479px) {
  .ballisticWallForm-riot {
    background: no-repeat 20% center;
  }
}
.ballisticWallForm-riot .ballisticWallForm-riot-content {
  color: #ffffff;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.6);
}
.ballisticWallForm-variable {
  padding: 9rem 0;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ballisticWallForm-variable h2 {
  max-width: 11em;
  color: #4a4a49 !important;
}
@media only screen and (max-width: 479px) {
  .ballisticWallForm-variable h2 {
    max-width: none;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ballisticWallForm-variable {
    padding: 4rem 0 ;
    background-position: 30% center;
    background-size: 140%;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .ballisticWallForm-variable {
    padding: 6rem 0 ;
    background-position: 30% center;
    background-size: 130%;
  }
  .ballisticWallForm-variable h2 {
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 479px) {
  .ballisticWallForm-variable {
    background-size: 280%;
  }
}
.imagelist.indexpage-imagelist figure {
  background: rgba(0, 0, 0, 0.05);
}
.imagelist.indexpage-imagelist figure figcaption {
  padding: .5rem;
  font-size: .8rem;
  line-height: 1.2;
  text-transform: none;
}
.indexpage-imageheader * {
  color: #4a4a49;
}
.indexpage-imageheader img {
  max-height: 400px;
  object-fit: cover;
  object-position: center center;
}
.indexpage-imageheader--panicdoor > .row > *:first-child {
  background: #4a4a49;
  position: relative;
  clip-path: polygon(0 0%, 100% 0, 85% 100%, 0% 100%);
  padding: 5% 10% 5% 5%;
}
.indexpage-imageheader--panicdoor > .row > *:first-child img {
  max-height: 340px;
}
.indexpage-imageheader--machinesafety > .row > *:first-child {
  background: #e6aa66;
  position: relative;
  clip-path: polygon(0 0%, 100% 0, 85% 100%, 0% 100%);
  padding: 1% 10% 2% 5%;
}
.indexpage-imageheader--machinesafety > .row > *:first-child img {
  max-height: none;
}
.indexpage-news .indexpage-article {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  position: relative;
}
.indexpage-news .indexpage-article img {
  margin-bottom: 1rem;
}
.indexpage-news .indexpage-article h3 {
  font-size: 1.1rem;
  line-height: 1.4em;
  text-transform: uppercase;
  margin-bottom: 0;
}
.indexpage-news .indexpage-article h3 * {
  color: #7f0d19 !important;
}
.indexpage-news .indexpage-article .button-darkred {
  position: absolute;
  bottom: 0;
  width: calc(100% - 1rem - 1rem);
}
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
}
.skip-link:focus {
  left: 0;
  padding: .75rem 1.25rem;
  background: white;
  color: #014587;
}
body > header.header2021 {
  padding: 0;
  position: sticky;
  background-color: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(5px);
}
body > header.header2021:before {
  content: "";
  z-index: 100;
  display: block;
  border-top: 5px solid #014587;
}
body > header.header2021 .meta-navi {
  background: white;
}
body > header.header2021 .open > a,
body > header.header2021 a:hover {
  color: #014587;
}
body > header.header2021 a.menutrigger {
  position: absolute;
  height: 100%;
  left: auto;
  right: .8rem;
  top: 0;
  width: 28px;
}
body > header.header2021 a.menutrigger div.lines {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  margin: 0 auto;
  display: inline-block;
  padding: 0;
  background: none;
  cursor: pointer;
}
body > header.header2021 a.menutrigger div.lines span {
  display: block;
  background: #4a4a49;
  height: 2px;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  top: 11px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  width: 28px;
}
body > header.header2021 a.menutrigger div.lines:before {
  content: "";
  display: block;
  background: #4a4a49;
  height: 2px;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 2px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  width: 28px;
}
body > header.header2021 a.menutrigger div.lines:after {
  content: "";
  display: block;
  background: #4a4a49;
  height: 2px;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 20px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  width: 28px;
}
@media (min-width: 1536px) {
  body > header.header2021 .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1500px;
  }
}
body > header.header2021 .meta-navi {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
body > header.header2021 .meta-navi-links {
  text-align: right;
}
body > header.header2021 .meta-navi-links ul {
  font-size: .8rem;
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  line-height: 1;
  margin-left: -.5rem;
  margin-right: -.5rem;
}
body > header.header2021 .meta-navi-links ul li {
  display: inline-block;
  padding-left: .5rem;
  padding-right: .5rem;
  vertical-align: middle;
}
body > header.header2021 .meta-navi-links ul li.video-link {
  margin-left: 1rem;
}
body > header.header2021 .meta-navi-links .lang-menu {
  position: relative;
  z-index: 2;
}
body > header.header2021 .meta-navi-links .lang-menu ul {
  display: none;
  padding: .5rem;
  background: white;
  position: absolute;
  right: 0;
}
body > header.header2021 .meta-navi-links .lang-menu ul li {
  padding-top: .75rem;
  padding-bottom: .75rem;
}
body > header.header2021 .meta-navi-links .lang-menu.open ul {
  display: block;
}
body > header.header2021 .container.main-navi > .row > * {
  position: static;
}
@media (max-width: 979px) {
  body > header.header2021 .container.main-navi .col-main-menu {
    background: white;
    position: relative !important;
  }
}
body > header.header2021 .container.main-navi ul.menu {
  margin-left: -.75rem;
}
@media (max-width: 979px) {
  body > header.header2021 .container.main-navi ul.menu {
    padding-left: 1rem;
    padding-top: 1rem;
  }
  body > header.header2021 .container.main-navi ul.menu .mainmenu-sub-item-header {
    padding-left: 1rem;
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media (max-width: 979px) and only screen and (max-width: 479px) {
  body > header.header2021 .container.main-navi ul.menu .mainmenu-sub-item-header {
    font-size: 1.1rem;
  }
}
@media (min-width: 980px) {
  body > header.header2021 .container.main-navi ul.menu > li {
    display: inline-block;
  }
}
body > header.header2021 .container.main-navi ul.menu > li > a {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  display: inline-block;
  padding: .3rem .75rem ;
  font-size: 2rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  body > header.header2021 .container.main-navi ul.menu > li > a {
    font-size: 1.5rem;
  }
}
@media (min-width: 980px) {
  body > header.header2021 .container.main-navi ul.menu > li > a {
    font-size: 1rem;
    padding: .75rem;
  }
}
@media (max-width: 979px) {
  body > header.header2021 .container.main-navi ul.menu > li.first-link-bold li:first-child a {
    font-family: "fs_joeybold", "Roboto", "Arial";
    font-weight: normal !important;
  }
}
body > header.header2021 .container.main-navi ul.menu > li .submenu {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: white;
  padding: 1rem 0;
  z-index: -1;
  transition: translate 0.3s ease-in-out;
  translate: 0 -200vh;
}
@media (min-width: 980px) {
  body > header.header2021 .container.main-navi ul.menu > li .submenu {
    padding: 3rem 0;
    top: 100%;
  }
}
@media (max-width: 979px) {
  body > header.header2021 .container.main-navi ul.menu > li .submenu {
    translate: -105% 0;
    z-index: 5;
    padding-bottom: 25vh;
  }
  body > header.header2021 .container.main-navi ul.menu > li .submenu ul {
    padding-left: 1rem;
  }
}
body > header.header2021 .container.main-navi ul.menu > li .submenu .backbutton > span {
  display: block;
  width: 2em;
  height: 2em;
  margin-bottom: 1rem;
  margin-left: 1rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/pfeil_back.svg) no-repeat center left;
  background-size: contain;
  cursor: pointer;
}
@media (min-width: 980px) {
  body > header.header2021 .container.main-navi ul.menu > li .submenu .backbutton > span {
    width: 1em;
    height: 1em;
    float: right;
    background: url(/typo3conf/ext/onepager/Resources/Public/gfx/close_black.svg) no-repeat center left;
  }
}
body > header.header2021 .container.main-navi ul.menu > li .submenu .imagelist figure {
  background: rgba(0, 0, 0, 0.05);
}
body > header.header2021 .container.main-navi ul.menu > li .submenu .imagelist figure img {
  max-width: 100% !important;
}
body > header.header2021 .container.main-navi ul.menu > li .submenu .imagelist figure figcaption {
  padding: .5rem;
  font-size: .8rem;
  line-height: 1.2;
}
body > header.header2021 .container.main-navi ul.menu > li .submenu ul {
  margin-top: -.7rem;
  margin-bottom: 2rem;
}
body > header.header2021 .container.main-navi ul.menu > li .submenu li {
  position: relative;
}
body > header.header2021 .container.main-navi ul.menu > li .submenu li > a {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: 1.1rem;
  line-height: 1.4em;
  display: block;
  padding: .25rem 0 .25rem 0;
}
body > header.header2021 .container.main-navi ul.menu > li .submenu li > a:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'silatec' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body > header.header2021 .container.main-navi ul.menu > li .submenu li > a:hover:before {
  left: .5rem;
}
body > header.header2021 .container.main-navi ul.menu > li.open > .submenu {
  translate: 0 0;
  display: block;
}
body > header.header2021 .container.main-navi ul.mobile-meta-menu {
  padding-bottom: 1.5rem;
}
body > header.header2021 .container.main-navi ul.mobile-meta-menu:before {
  height: 1px;
  content: "";
  display: block;
  margin: 1.5rem .5rem;
  border-top: 1px solid #666666;
}
body > header.header2021 .container.main-navi ul.mobile-meta-menu > li a {
  padding-top: .2rem;
  padding-bottom: .2rem;
  font-size: 1rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  color: #666666;
}
body > header.header2021 .container.main-navi .telephoneLink {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  display: inline-block;
  line-height: 1;
}
body > header.header2021 .container.main-navi .telephoneLink i {
  font-size: 1.3rem;
  vertical-align: middle;
}
body > header.header2021 .container.main-navi .contactLink {
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-left: 1rem;
}
body > header.header2021 .container.main-navi .contactLink i {
  font-size: 1.3rem;
}
@media only screen and (max-width: 479px) {
  body > header.header2021 .container.main-navi .contactLink {
    font-size: 1.1rem;
  }
}
@media (max-width: 979px) {
  body > header.header2021 .container.main-navi .videoLink,
  body > header.header2021 .container.main-navi .telephoneLink,
  body > header.header2021 .container.main-navi .contactLink {
    position: absolute;
    top: 1.3rem;
    right: 56px;
  }
  body > header.header2021 .container.main-navi .telephoneLink {
    right: 92px;
  }
  body > header.header2021 .container.main-navi .videoLink {
    right: 124px;
  }
  body > header.header2021 .container.main-navi .videoLink img {
    height: 1.3rem;
    width: auto;
  }
}
body > header.header2021:after {
  content: "";
  position: absolute;
  top: 100%;
  display: block;
  height: 7px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  body > header.header2021 {
    margin-bottom: -3.2rem;
  }
}
.menu-html-content img {
  margin: 1rem .5rem;
}
.menu-html-content .menu-product-icons img {
  max-height: 4rem !important;
  width: auto;
}
@media (max-width: 979px) {
  .menu-html-content img {
    max-height: 4rem !important;
    width: auto;
  }
}
body.menuactive > header.header2021 a.menutrigger div.lines:before,
body.menuactive > header.header2021 a.menutrigger div.lines:after {
  top: 11px !important;
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}
body.menuactive > header.header2021 a.menutrigger div.lines span {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}
@media (max-width: 979px) {
  body.menuactive > header.header2021 {
    min-height: 100vh;
    overflow: scroll;
  }
  body.menuactive > header.header2021 .col-main-menu {
    display: block !important;
  }
}
@media (max-width: 480px) {
  body.submenuactive > header.header2021 .footerimages {
    display: none;
  }
}
@media (max-width: 979px) {
  body.submenuactive > header.header2021 .mobile-meta-menu > li > a {
    display: none !important;
  }
  body.submenuactive > header.header2021:after {
    display: none;
  }
}
body.header2021-layout.submenuactive > header.header2021,
body.header2021-layout.menuactive > header.header2021 {
  background-color: white !important;
}
body.header2021-layout.submenuactive .content,
body.header2021-layout.menuactive .content {
  background-color: white;
  filter: blur(3px) brightness(35%);
}
.mainmenu-sub-item-header {
  margin-bottom: 1em;
}
.mainmenu-sub-list-item-more {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.mainmenu-sub-list-item-more.sr-only {
  opacity: .1;
}
.mainmenu-sub-item-more-toggle {
  height: 1em;
  position: relative;
  cursor: pointer;
}
.mainmenu-sub-item-more-toggle a {
  position: absolute;
  left: 0;
  top: .5rem;
  right: 2rem;
  text-align: center;
  opacity: 0;
  text-transform: uppercase;
  font-size: .8rem !important;
}
.mainmenu-sub-item-more-toggle a:after {
  content: 'Show More';
}
.mainmenu-sub-item-more-toggle:before {
  content: '';
  top: 0;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/expand_menu.svg) no-repeat center center;
  background-size: contain;
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out;
}
.mainmenu-sub-item-more-toggle:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  right: 2rem;
  top: calc(0.5rem);
  height: 2px;
  background: #4C4E53;
}
.mainmenu-sub-list-item-more.sr-only ~ .mainmenu-sub-item-more-toggle:before {
  transform: rotate(0deg);
}
.mainmenu-sub-list-item-more.sr-only ~ .mainmenu-sub-item-more-toggle a {
  opacity: .4;
}
.submenu-mobile-header a {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  display: inline-block;
  padding: 1rem;
  font-size: 2rem;
  line-height: 1.2em;
  color: #014587;
}
@media only screen and (max-width: 479px) {
  .submenu-mobile-header a {
    font-size: 1.5rem;
  }
}
html[lang="de-DE"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Mehr anzeigen';
}
html[lang="de-CH"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Mehr anzeigen';
}
html[lang="de-AT"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Mehr anzeigen';
}
html[lang="fr"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Voir plus';
}
html[lang="it"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Vedi altro';
}
html[lang="nl"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Meer weergeven';
}
html[lang="es"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Mostrar más';
}
html[lang="pt"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Mostrar mais';
}
html[lang="ru"] .mainmenu-sub-item-more-toggle a:after {
  content: 'Показать больше';
}
.expert-inner {
  padding: 1.5rem 1em;
}
.expert-country {
  height: 3em;
  line-height: 1;
}
.expert-footnote {
  font-size: .8rem;
  font-family: "fs_joeylight", "Roboto", "Arial";
  font-weight: 300 !important;
  line-height: 1;
}
.expert {
  margin-bottom: 4em;
}
.expert * {
  color: #4a4a49 !important;
}
.contact-2021 .bggray {
  padding: 3rem;
}
@media only screen and (max-width: 479px) {
  .contact-2021 .bggray {
    padding: 3rem 1.5rem;
  }
  .contact-2021 .bggray img {
    display: inline-block;
    max-width: 180px;
  }
}
.image-header {
  position: relative;
}
.image-header .image-headline h1 {
  padding: 1rem;
  font-size: 3.5rem;
  line-height: 1.1em;
}
@media only screen and (max-width: 479px) {
  .image-header .image-headline h1 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .image-header .image-header-image {
    object-fit: cover;
    object-position: left center;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .image-header .image-headline {
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
  }
  .image-header .image-headline:before {
    content: "";
    display: block;
    height: 100%;
    min-height: 500px;
    position: relative;
  }
  .image-header .image-headline h1 {
    max-width: 12em;
    text-align: left;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "fs_joeybold", "Roboto", "Arial";
    font-weight: normal !important;
    font-size: 3.5rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .image-header .image-headline h1 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .image-header .image-headline:before {
    min-height: 350px;
  }
  .image-header .image-headline h1 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) and only screen and (max-width: 479px) {
  .image-header .image-headline h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 980px) and (max-width: 1080px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .image-header .image-headline h1 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .image-header .image-headline:before {
    min-height: 250px;
  }
  .image-header .image-headline h1 {
    font-size: 2rem;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .image-header .image-headline h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 479px) {
  .image-header .image-headline h1 {
    text-align: center;
    max-width: none !important;
  }
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .image-header.image-header--swg {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 70%);
  }
  .image-header.image-header--swg .image-headline h1 {
    transform: translate(0, -90%);
    max-width: none;
    padding-left: 10%;
  }
  .image-header.image-header--swg .image-header-image {
    width: 50%;
    right: 0;
  }
}
.swgForm-badge {
  position: absolute;
  z-index: 1;
  top: 1rem;
  right: 1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .swgForm-badge {
    width: 2.5em;
  }
}
/*
.swgForm-cycle-3{

  // private badge bigger
  .swgForm-badge{
    top: 0;
    right: .5rem;
    transform: translate(33%,-33%) scale(1.3);
    @media @pad_portrait{
      top: 1rem;
      right: 1.5rem;
      transform: translate(15%,-10%) scale(1.8);
    }

    @media @mobile_portrait,@mobile_landscape{
      top: 1rem;
      right: 1.3rem;
      transform: translate(0%,-00%) scale(1.1);
    }
  }
}
*/
.swgForm-icons {
  background: #6D6F6E;
  margin-top: 3px;
  padding: 1rem;
  display: none !important;
  align-items: center;
  justify-content: center;
}
.swgForm-icons img {
  margin: 0 .5rem;
}
.swgForm-checkbox {
  margin-top: 3px;
  padding: 1rem;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
.swgForm-checkbox input {
  position: absolute;
  z-index: -100;
}
.swgForm-checkbox .check-indicator:after {
  display: inline-block;
  font-family: 'silatec' !important;
  content: "\e960";
  font-size: .7rem;
  left: 0;
  top: 1rem;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid white;
  text-align: center;
  line-height: 1.2rem;
  color: transparent;
  margin-right: .5em;
}
.swgForm-checkbox input:checked ~ .check-indicator::after {
  color: white;
}
.offerForm.swgForm .checkboxes .input-wrap,
.offerForm.swgForm .checkbox-wrap {
  display: none;
}
.swgImageHeader h2 {
  background-position: center center;
  background-size: cover;
  padding: 4rem 3rem 7rem;
}
@media only screen and (max-width: 479px) {
  .swgImageHeader h2 {
    padding: 4rem 2rem 7rem;
  }
}
.container .container.producttilecontainer {
  padding-left: 0;
  padding-right: 0;
}
.producttilecontainer-tiles * {
  color: white;
}
.image-header.image-header--panicdoor * {
  color: #d9dbda !important;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .image-header.image-header--panicdoor {
    padding-top: 1rem;
  }
  .image-header.image-header--panicdoor .image-header-image {
    width: 50%;
    margin: 0 auto 1rem;
    height: auto;
  }
  .image-header.image-header--panicdoor .image-headline h1 {
    text-align: center;
  }
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .image-header.image-header--panicdoor {
    position: relative;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 80%);
  }
  .image-header.image-header--panicdoor .image-headline h1 {
    margin-top: -2rem;
  }
  .image-header.image-header--panicdoor .image-header-image {
    margin-top: -2rem;
    left: 2.5rem;
    width: 36% !important;
    height: auto;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media only screen and (min-width: 980px) and (min-width: 1600px), only screen and (min-width: 768px) and (max-width: 979px) and (min-width: 1600px) {
  .image-header.image-header--panicdoor .image-headline h1 {
    right: calc(50vw - 750px);
  }
}
@media only screen and (min-width: 980px) and (min-width: 1600px), only screen and (min-width: 768px) and (max-width: 979px) and (min-width: 1600px) {
  .image-header.image-header--panicdoor .image-header-image {
    left: calc(50vw - 750px);
    height: 50% !important;
    width: auto !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .image-header.image-header--panicdoor .image-headline h1 {
    font-size: 2rem !important;
    line-height: 1.2em !important;
  }
  .image-header.image-header--panicdoor .image-headline h1 .size4 {
    font-size: 1.5rem !important;
    line-height: 1.2em !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .image-header.image-header--panicdoor .image-headline h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .image-header.image-header--panicdoor .image-headline h1 .size4 {
    font-size: 1.1rem;
  }
}
.burglarproof22-header,
.bulletproof22-header {
  position: relative;
}
@media only screen and (min-width: 980px), only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-header,
  .bulletproof22-header {
    height: 500px;
  }
  .burglarproof22-header img.burglarproof22-header-bg,
  .bulletproof22-header img.burglarproof22-header-bg,
  .burglarproof22-header img.bulletproof22-header-bg,
  .bulletproof22-header img.bulletproof22-header-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
  }
  .burglarproof22-header .container,
  .bulletproof22-header .container {
    position: relative;
    height: 100%;
    z-index: 1;
  }
  .burglarproof22-header .container h1,
  .bulletproof22-header .container h1 {
    text-shadow: 0 0 .5rem white;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
  }
  .burglarproof22-header .container h1 img.bulletproof22-header-logo,
  .bulletproof22-header .container h1 img.bulletproof22-header-logo {
    max-width: 9rem;
  }
  .burglarproof22-header .container h1 img.burglarproof22-header-logo,
  .bulletproof22-header .container h1 img.burglarproof22-header-logo {
    max-width: 6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-header,
  .bulletproof22-header {
    height: 400px;
  }
  .burglarproof22-header h1,
  .bulletproof22-header h1 {
    font-size: 2.7rem !important;
    line-height: 1.1em !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .burglarproof22-header h1,
  .bulletproof22-header h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-header h1,
  .bulletproof22-header h1 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .burglarproof22-header h1,
  .bulletproof22-header h1 {
    font-size: 2rem !important;
    line-height: 1.2em !important;
    line-height: 1;
    padding: 1rem;
    text-shadow: 0 0 .5rem white;
  }
  .burglarproof22-header h1 img,
  .bulletproof22-header h1 img {
    position: absolute;
    width: 5rem;
    top: 2.5rem;
    right: 2rem;
  }
  .burglarproof22-header h1 img.burglarproof22-header-logo,
  .bulletproof22-header h1 img.burglarproof22-header-logo {
    max-width: 4rem;
    top: 2.5rem;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) and only screen and (max-width: 479px) {
  .burglarproof22-header h1,
  .bulletproof22-header h1 {
    font-size: 1.5rem;
  }
}
.burglarproof22-imageheader-2,
.burglarproof22-imageheader-1 {
  position: relative;
}
.burglarproof22-imageheader-2 h2,
.burglarproof22-imageheader-1 h2 {
  position: absolute;
  left: 1em;
  top: 1em;
  text-shadow: 0 0 .5rem white;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-imageheader-2 h2,
  .burglarproof22-imageheader-1 h2 {
    font-size: 2.7rem;
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (max-width: 479px) {
  .burglarproof22-imageheader-2 h2,
  .burglarproof22-imageheader-1 h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 768px) and (max-width: 979px) and only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-imageheader-2 h2,
  .burglarproof22-imageheader-1 h2 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .burglarproof22-imageheader-1 h2 {
    top: 10%;
  }
}
@media only screen and (max-width: 479px) {
  .burglarproof22-imageheader-1 h2 {
    top: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .burglarproof22-imageheader-2 h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 45%;
    top: 30%;
  }
}
@media only screen and (max-width: 479px) {
  .burglarproof22-imageheader-2 h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: auto;
    right: 0;
    width: 50%;
    top: 30%;
    font-size: 1.5rem;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px) {
  .burglarproof22-imageheader-2 h2 {
    font-size: 1.1rem;
  }
}
.burglarproof22-badge {
  height: 3rem;
  position: relative;
  z-index: 1;
}
.burglarproof22-badge span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8rem;
  height: 8rem;
  background: #f2f2f2;
  border: .5rem solid white;
  border-radius: 50%;
  padding: 3rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-badge span {
    top: -1rem;
  }
}
@media only screen and (max-width: 479px) {
  .burglarproof22-badge span {
    width: 5rem;
    height: 5rem;
    padding: 1.5rem;
    top: -.5rem;
  }
}
.burglarproof22-badge span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.burglarproof22-badge-g7 img {
  position: relative;
  top: .5rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-badge-germany {
    margin-top: 2rem;
  }
}
.burglarproof22-badge-germany img {
  transform: scale(1.2);
}
.burglarproof22-badge-beschuss {
  height: 3rem;
  position: relative;
  z-index: 1;
}
.burglarproof22-badge-beschuss span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #f2f2f2;
  border: .5rem solid white;
  border-radius: 3rem;
  padding: 2rem 1rem;
  width: auto;
  white-space: nowrap;
  text-align: center;
}
.burglarproof22-badge-beschuss span img {
  vertical-align: middle;
  display: inline-block;
  box-sizing: unset;
  margin: 0 2rem;
}
@media only screen and (max-width: 479px) {
  .burglarproof22-badge-beschuss span {
    width: 70%;
    border-radius: 2rem;
    padding: 1rem .5rem;
  }
  .burglarproof22-badge-beschuss span img {
    margin: 0;
  }
  .burglarproof22-badge-beschuss span img:first-child {
    height: 50px;
  }
  .burglarproof22-badge-beschuss span img:last-child {
    height: 80px;
  }
}
.burglarproof22-ak47 {
  position: relative;
}
.burglarproof22-ak47:after {
  content: "";
  background-color: #ece0dd;
  height: 60%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  clip-path: polygon(0 66%, 100% 0, 100% 100%, 0% 100%);
}
.burglarproof22-ak47 img {
  position: relative;
  z-index: 2;
}
.burglarproof22-graphicHeader-rose {
  background: url(/fileadmin/user_upload/2022/Burglarproof/SVG/triangle2.svg?v2) center top no-repeat;
  background-size: 100% auto;
  background-position: bottom;
}
.burglarproof22-graphicHeader-rose > h2 {
  line-height: 1;
  padding: .3em 1em 1em;
}
.burglarproof22-weapons .icon-br_vollmantel,
.burglarproof22-weapons .icon-mag {
  font-size: 7rem !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-weapons .col.align-center .bpw-element4-weapons-weapon {
    position: relative;
    left: -20%;
    margin: 0;
  }
  .burglarproof22-weapons .col.align-center .bpw-element4-weapons-weapon .icon {
    margin-bottom: 0;
  }
  .burglarproof22-weapons .col.align-center .bpw-element4-weapons-weapon .icon img {
    width: 2rem !important;
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 479px) {
  .burglarproof22-weapons .bgshortweapons .bpw-element4-weapons-weapon {
    padding-left: 40%;
  }
  .burglarproof22-weapons .longweapons .bpw-element4-weapons-weapon {
    padding-left: 40%;
    padding-right: 2rem;
  }
  .burglarproof22-weapons .hardcore .bpw-element4-weapons-weapon {
    padding-left: 40%;
  }
  .burglarproof22-weapons .hardcore .icon {
    margin-bottom: 0;
    left: 30%;
  }
  .burglarproof22-weapons .hardcore .icon img {
    width: 1.8rem !important;
  }
  .burglarproof22-weapons .col.align-center .icon {
    left: 30%;
  }
  .burglarproof22-weapons .col.align-center .icon-mag {
    font-size: 4rem !important;
    left: 30%;
    top: 15%;
  }
  .burglarproof22-weapons .col.align-center .icon-br_vollmantel {
    font-size: 5rem !important;
    margin-bottom: 0 !important;
  }
}
.burglarproof22-silatecFactory.silatecFactory {
  background-size: cover !important;
  background-position: 50% center;
}
.burglarproof22-silatecFactory.silatecFactory span {
  line-height: 1;
  bottom: 3rem;
}
.burglarproof22-silatecFactory.silatecFactory .burglarproof22-silatecFactory-icons {
  margin-left: -1rem;
  margin-top: 2rem;
}
.burglarproof22-silatecFactory.silatecFactory .burglarproof22-silatecFactory-icons img {
  position: static;
  margin: 1rem;
  display: inline-block;
  height: 2.5rem;
  width: auto !important;
  opacity: .9;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-silatecFactory.silatecFactory {
    background-position: 70% center;
  }
  .burglarproof22-silatecFactory.silatecFactory span {
    width: 40%;
    bottom: 1rem;
  }
  .burglarproof22-silatecFactory.silatecFactory .burglarproof22-silatecFactory-icons {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .burglarproof22-silatecFactory.silatecFactory span {
    width: 45%;
    bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.2em;
    line-height: 1;
  }
  .burglarproof22-silatecFactory.silatecFactory .burglarproof22-silatecFactory-icons {
    margin: 0 0 0 -0.5rem;
  }
  .burglarproof22-silatecFactory.silatecFactory .burglarproof22-silatecFactory-icons img {
    height: 1.5rem;
    margin: 1rem .5rem 0;
  }
}
@media only screen and (max-width: 479px) and only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) and only screen and (max-width: 479px) {
  .burglarproof22-silatecFactory.silatecFactory span {
    font-size: 1.1rem;
  }
}
.burglarproof22-beschussamt.silatecFactory {
  background-size: cover !important;
  background-position: center center;
  height: 22rem;
}
@media only screen and (max-width: 479px) {
  .burglarproof22-beschussamt.silatecFactory {
    height: 13rem;
  }
}
.burglarproof22-beschussamt.silatecFactory span {
  line-height: 1;
  right: auto;
  width: 50%;
  left: 48%;
  bottom: 45%;
  transform: translateY(50%);
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  .burglarproof22-beschussamt.silatecFactory span {
    bottom: 5.5rem;
    transform: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-beschussamt.silatecFactory span {
    bottom: 5.5rem;
    transform: none;
  }
}
@media only screen and (max-width: 479px) {
  .burglarproof22-beschussamt.silatecFactory span {
    bottom: 3rem;
    left: 45%;
    transform: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .burglarproof22-table-image img {
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.burglarproof22-table {
  margin: 0;
}
.burglarproof22-table th,
.burglarproof22-table td {
  font-size: 1rem;
  border-color: white;
}
.burglarproof22-pianoTile {
  margin-bottom: 1rem;
}
.burglarproof22-pianoTile .round {
  height: 100%;
}
.burglarproof22-pianoTile .burglarproof22-pianoTile-icon {
  padding: 1rem;
}
@media only screen and (max-width: 479px) {
  .burglarproof22-pianoTile .burglarproof22-pianoTile-icon {
    padding-bottom: 2rem;
  }
}
.burglarproof22-pianoTile .burglarproof22-pianoTile-icon img {
  height: 6rem;
  width: auto;
  display: inline-block;
  margin-bottom: -1rem;
}
.burglarproof22-pianoTile .burglarproof22-pianoTile-text {
  padding: 1rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (min-width: 980px) {
  .burglarproof22-pianoTile .burglarproof22-pianoTile-text {
    padding: 2rem;
  }
}
.burglarproof22-graphicHeader-beige {
  background: url(/fileadmin/user_upload/2022/Burglarproof/SVG/gold.svg) center top no-repeat;
  background-size: auto 100%;
}
.burglarproof22-graphicHeader-beige > * {
  color: white;
  line-height: 1;
  padding: .3em 1em 1.3em;
}
.burglarproof22-graphicHeader-red {
  background: url(/fileadmin/user_upload/2022/Burglarproof/SVG/red.svg) center top no-repeat;
  background-size: auto 100%;
}
.burglarproof22-graphicHeader-red > * {
  color: white;
  line-height: 1;
  padding: .3em 1em 1.3em;
}
@media only screen and (max-width: 979px), only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-graphicHeader-red {
    padding-bottom: 2em;
  }
}
.burglarproof22-graphicHeader-blue {
  background: url(/fileadmin/user_upload/2022/Burglarproof/SVG/blue.svg) center top no-repeat;
  background-size: cover;
}
.burglarproof22-graphicHeader-blue > * {
  color: white;
  line-height: 1;
  padding: .3em 1rem 1.5em;
}
img.burglarproof22-graphicHeader-uvkillsart {
  position: relative;
  z-index: 1;
  margin-bottom: -2rem;
  width: 100%;
  height: 17rem;
  object-fit: cover;
}
@media only screen and (max-width: 979px) {
  img.burglarproof22-graphicHeader-uvkillsart {
    object-position: 45%;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  img.burglarproof22-graphicHeader-uvkillsart {
    height: 8rem;
    object-position: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  img.burglarproof22-graphicHeader-uvkillsart {
    height: 13rem;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1080px) {
  img.burglarproof22-graphicHeader-uvkillsart {
    height: 15rem;
    object-position: 40%;
  }
}
@media (min-width: 1830px) {
  img.burglarproof22-graphicHeader-uvkillsart {
    object-fit: contain;
  }
}
.burglarproof22-panzerglass {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-panzerglass .offset-md-1 {
    padding: 0 !important;
    position: relative;
    top: 2rem;
  }
}
img.burglarproof22-panzerglass-logo {
  position: absolute;
  right: 4rem;
  top: 3rem;
  width: 6rem;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  img.burglarproof22-panzerglass-logo {
    width: 5rem;
    top: 2rem;
  }
}
.burglarproof2-producttable table.producttable {
  background: transparent;
}
.burglarproof2-producttable table.producttable caption {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.burglarproof2-producttable .bggray {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.burglarproof2-producttable .tx-silatec {
  margin: 0 2rem;
}
.burglarproof2-producttable .opSection {
  background: transparent !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof2-producttable {
    border-radius: 0 !important;
  }
}
.burglarproof2-burglarycount-header {
  position: relative;
}
.burglarproof2-burglarycount-header img {
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
}
@media only screen and (max-width: 479px) {
  .burglarproof2-burglarycount-header img {
    height: 13rem;
  }
}
.burglarproof2-burglarycount-header h2 {
  position: absolute;
  font-size: 3.5rem;
  line-height: 1.1em;
  color: white;
  text-align: center;
  width: 40%;
  right: 2rem;
  top: 35%;
  transform: translate(0, -50%);
  line-height: 1;
}
@media only screen and (max-width: 479px) {
  .burglarproof2-burglarycount-header h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 979px), only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof2-burglarycount-header img {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
  }
  .burglarproof2-burglarycount-header h2 {
    width: 60%;
    top: 43%;
    right: 2rem;
  }
}
.bgbeigedark .goldtext {
  color: #746754 !important;
}
.offerForm.open + .container.bgmediumrose {
  display: none;
}
.burglarproof22-alarm img {
  width: 100%;
  max-width: 250px;
}
@media only screen and (max-width: 479px) {
  .burglarproof22-alarm img {
    max-width: 100px;
  }
}
@media only screen and (max-width: 479px) {
  .bulletproof22-conversion {
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  .safari .bulletproof22-conversion .size5 {
    letter-spacing: -.05em;
  }
}
.burglarproof22-p8bimage {
  max-width: 24rem;
}
@media only screen and (max-width: 979px) {
  .burglarproof22-p8bimage {
    max-width: 14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .burglarproof22-p8bimage {
    max-width: 20rem;
  }
}
h4.medium[style="font-size: 2.7rem"] {
  line-height: 1;
}
.opSection.legendContainer {
  background: transparent !important;
}
.imageLeftTextRight--flexible p {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
.p4aGlassTable tr:nth-child(3) td:nth-child(2),
.p4aGlassTable tr:nth-child(2) td:nth-child(2) {
  position: relative;
}
.p4aGlassTable tr:nth-child(3) td:nth-child(2):after,
.p4aGlassTable tr:nth-child(2) td:nth-child(2):after {
  content: "";
  min-height: 300px;
  min-width: 200px;
  display: block;
}
@media only screen and (max-width: 479px) {
  .p4aGlassTable tr:nth-child(3) td:nth-child(2):after,
  .p4aGlassTable tr:nth-child(2) td:nth-child(2):after {
    content: "";
    min-height: 180px;
    min-width: 80px;
    display: block;
  }
}
.p4aGlassTable tr:nth-child(3) td:nth-child(2) img,
.p4aGlassTable tr:nth-child(2) td:nth-child(2) img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bgblack .type-mask_youtube {
  height: 100%;
  background: #212121;
}
.bgblack .youtubecaption {
  padding: 1rem 1rem 2rem;
}
.bgblack .youtubecaption .youtubetitle {
  color: #b5ad9b;
  font-size: 1.5rem;
  line-height: 1.2em;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 479px) {
  .bgblack .youtubecaption .youtubetitle {
    font-size: 1.1rem;
  }
}
.video-page-playlist .col-12 {
  margin-bottom: 2.5rem;
}
.video-page-playlist .ytContainer:before {
  display: none !important;
}
@media (min-width: 1536px) {
  .video-page-playlist .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1500px;
  }
}
.video-page-playlist .video-page-playlist-item {
  height: 100%;
  background: #212121;
  border-radius: 1rem;
  overflow: hidden;
}
.video-page-playlist .video-page-playlist-item .video-page-playlist-item-title {
  margin: 1rem;
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 479px) {
  .video-page-playlist .video-page-playlist-item .video-page-playlist-item-title {
    font-size: 1.1rem;
  }
}
.video-page-playlist .video-page-playlist-item .sharer,
.video-page-playlist .video-page-playlist-item .video-page-playlist-item-description {
  display: none;
}
.sharer {
  position: relative;
}
.sharer * {
  color: white;
}
.sharer .sharer-trigger {
  background: #212121;
  border-radius: 1rem;
  padding: .3em .7em .4em;
  display: inline-block;
  transition: background-color 0.3s;
  line-height: 1;
}
.sharer .sharer-trigger:hover {
  background: #333333;
}
.sharer .sharer-trigger svg {
  width: 1em;
  height: 1em;
  pointer-events: none;
  margin-right: .5em;
}
.sharer .sharer-trigger svg,
.sharer .sharer-trigger span {
  display: inline-block;
  vertical-align: middle;
}
.sharer .sharer-links {
  position: absolute;
  bottom: 110%;
  left: 0;
  background: #212121;
  border-radius: 1rem;
  padding: 2rem .5rem .5rem;
  width: auto;
  z-index: 100;
  opacity: 0;
  transform: scale(0);
  transform-origin: left bottom;
  transition: all .3s;
}
.sharer .sharer-links.active {
  opacity: 1;
  transform: scale(1);
}
.sharer .sharer-links li {
  display: inline-block;
}
.sharer .sharer-links li.sharer-close {
  position: absolute;
  right: 1rem;
  top: .75rem;
  opacity: .5;
  cursor: pointer;
}
.sharer .sharer-links li.sharer-close:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(/typo3conf/ext/onepager/Resources/Public/gfx/close.svg);
  background-size: contain;
}
.sharer .sharer-links li.sharer-close:hover {
  opacity: 1;
}
.sharer .sharer-links li a {
  display: block;
  text-align: center;
  margin: .5rem;
}
.sharer .sharer-links li a:before {
  content: "";
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  margin: 0 auto .3rem;
  background-position: center;
}
.sharer .sharer-links li a[data-share="facebook"]:before {
  background-image: url('/typo3conf/ext/onepager/Resources/Public/gfx/sharer/facebook.svg');
}
.sharer .sharer-links li a[data-share="linkedin"]:before {
  background-image: url('/typo3conf/ext/onepager/Resources/Public/gfx/sharer/linkedin.svg');
}
.sharer .sharer-links li a[data-share="email"]:before {
  background-image: url('/typo3conf/ext/onepager/Resources/Public/gfx/sharer/email.svg');
}
.sharer .sharer-links li a[data-share="twitter"]:before {
  background-image: url('/typo3conf/ext/onepager/Resources/Public/gfx/sharer/twitter.svg');
}
.sharer .sharer-links li a[data-share="whatsapp"]:before {
  background-image: url('/typo3conf/ext/onepager/Resources/Public/gfx/sharer/whatsapp.svg');
}
.sharer .sharer-links li a[data-share="instagram"]:before {
  background-image: url('/typo3conf/ext/onepager/Resources/Public/gfx/sharer/instagram.svg');
}
.statistic-search input.statistic-search-zip {
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #4a4a49;
  background: white;
  min-width: 16em;
  text-align: center;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  font-size: .9rem;
  padding: .2em 1em;
  line-height: 2.2em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.1rem;
  line-height: 1.4em;
  min-width: 14rem;
  padding: .5em 1em;
  text-transform: none;
  color: white !important;
  background: #eb5c5b !important;
  border: 2px solid #eb5c5b;
  background: white !important;
  border-color: white !important;
  color: black !important;
}
.statistic-search .statistic-search-result {
  background: rgba(228, 27, 24, 0.2);
}
.statistic-search .statistic-search-result * {
  color: #4a4a49 !important;
}
.statistic-search table.statistic-search-table td,
.statistic-search table.statistic-search-table th {
  padding-top: .2em;
  padding-bottom: .2em;
}
.statistic-search table.statistic-search-table th {
  background: rgba(228, 27, 24, 0.3);
}
.statistic-labeledimage {
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .statistic-labeledimage img {
    max-width: 70vw;
  }
}
.statistic-labeledimage .statistic-labeledimage-label {
  text-align: left;
  margin-top: 1rem;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .statistic-labeledimage .statistic-labeledimage-label {
    position: absolute;
    top: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .statistic-labeledimage.statistic-labeledimage-2 .statistic-labeledimage-label {
    position: absolute;
    top: 0rem;
  }
}
.statistic-tabs {
  max-width: 850px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .statistic-tabs img {
    max-width: 85vw;
  }
}
.statistic-tabs ul {
  display: flex;
  border-top: 1px solid #E41B18;
  padding: .3rem .5rem;
}
.statistic-tabs ul li {
  width: 50%;
}
.statistic-tabs ul li a {
  display: block;
  text-align: center;
  padding: .5rem 1rem;
  font-size: 1.1rem;
  line-height: 1.4em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  color: #818181;
  background: #eae6df;
  transition: .2s all;
}
.statistic-tabs ul li a.active {
  color: #4A4A49;
  background: #dcd9d0;
}
.statistic-tabs ul li:first-child a {
  border-radius: 0 0 0 1rem;
}
.statistic-tabs ul li:last-child a {
  border-radius: 0 0 1rem 0;
}
@media only screen and (min-width: 980px) {
  .statistic-mechanic-section {
    width: 40%;
    position: relative;
    padding-top: 5%;
    margin-bottom: 2rem;
  }
  .statistic-mechanic-section img {
    position: absolute;
    top: 0;
    height: 40%;
    width: 50%;
    object-fit: contain;
  }
  .statistic-mechanic-section.statistic-mechanic-section-1 img {
    transform: scale(1.4);
  }
  .statistic-mechanic-section.statistic-mechanic-section-2 img {
    transform: scale(1.5);
  }
  .statistic-mechanic-section.statistic-mechanic-section-3 img {
    transform: scale(1.3);
  }
  .statistic-mechanic-section:nth-child(even) img {
    left: 100%;
  }
  .statistic-mechanic-section:nth-child(odd) {
    margin-left: auto;
  }
  .statistic-mechanic-section:nth-child(odd) img {
    right: 100%;
  }
  .statistic-mechanic-section:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .statistic-mechanic-section {
    max-width: 480px;
    margin: 0 auto;
  }
  .statistic-mechanic-section p {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .statistic-mechanic-section img {
    height: 6rem;
    width: auto;
    margin: 2rem auto 1rem;
  }
  .statistic-mechanic-section.statistic-mechanic-section-1 img {
    height: 8.4rem;
  }
  .statistic-mechanic-section.statistic-mechanic-section-2 img {
    height: 9rem;
  }
  .statistic-mechanic-section.statistic-mechanic-section-3 img {
    height: 7.8em;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {
  .statistic-mechanic-section {
    max-width: 480px;
    margin: 0 auto;
  }
  .statistic-mechanic-section p {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .statistic-mechanic-section img {
    height: 5rem;
    width: auto;
    margin: 2rem auto 1rem;
  }
  .statistic-mechanic-section.statistic-mechanic-section-1 img {
    height: 8rem;
  }
  .statistic-mechanic-section.statistic-mechanic-section-2 img {
    height: 8rem;
  }
  .statistic-mechanic-section.statistic-mechanic-section-3 img {
    height: 7.3em;
  }
}
.statistic-mechanic-section h3 {
  text-align: center;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.2em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 479px) {
  .statistic-mechanic-section h3 {
    font-size: 1.1rem;
  }
}
.statistic-mechanic-section h3:before {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 0;
  top: 50%;
  margin-top: -1px;
  border: 1px solid #4a4a49;
}
.statistic-mechanic-section h3 span {
  position: relative;
  display: inline-block;
  background: #fceeed;
  padding: 0 1em;
}
.statistic-info {
  background: #e6ddd4;
  border-radius: 0 0 2rem 2rem;
}
.statistic-info .statistic-info-image {
  padding: 1rem;
}
.statistic-info .statistic-info-title {
  padding: 1rem;
}
.statistic-info .statistic-info-data {
  padding: 1rem;
  font-size: .9em;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-width: 980px) {
  .statistic-info .statistic-info-title {
    transform: translate(0, -1rem);
  }
  .statistic-info.statistic-info--left {
    border-radius: 0 2rem 2rem 0;
  }
  .statistic-info.statistic-info--right {
    border-radius: 2rem 0 0 2rem;
  }
  .statistic-info .statistic-info-data {
    padding: 1rem 3rem 1rem 0;
  }
  .statistic-info .statistic-info-data img {
    margin-bottom: 1rem;
  }
  .statistic-info.statistic-info--right .statistic-info-title {
    order: 1;
  }
  .statistic-info.statistic-info--right .statistic-info-data {
    order: 2;
  }
  .statistic-info.statistic-info--right .statistic-info-image {
    order: 3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .statistic-info .statistic-info-title {
    transform: scale(0.8) translate(0, -0.6rem);
  }
  .statistic-info .statistic-info-data img {
    height: 1.8em;
    width: auto;
    margin-bottom: .5rem;
  }
  .statistic-info .statistic-info-data {
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
  }
  .statistic-info .statistic-info-data .size-1 {
    font-family: "fs_joeyregular", "Roboto", "Arial";
    font-weight: 400 !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .statistic-info {
    padding-bottom: .5rem;
  }
  .statistic-info .statistic-info-title {
    transform: scale(1) translate(0, -0.6rem);
  }
  .statistic-info .statistic-info-data img {
    height: 1.8em;
    width: auto;
    margin-bottom: .5rem;
  }
  .statistic-info .statistic-info-data {
    font-family: "fs_joeymedium", "Roboto", "Arial";
    font-weight: 500 !important;
  }
  .statistic-info .statistic-info-data .size-1 {
    font-family: "fs_joeyregular", "Roboto", "Arial";
    font-weight: 400 !important;
  }
}
.statistic-safety-text {
  padding-left: 20.2%;
  color: #023554;
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media only screen and (max-width: 479px) {
  .statistic-safety-text {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .statistic-safety-text {
    font-size: 1.1rem;
    line-height: 1.4em;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .statistic-safety-text {
    font-size: 1rem;
    padding: 1rem;
    text-align: center !important;
  }
}
.statistic-safety-image-mobile {
  max-width: 320px;
  margin: 0 auto;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 479px) {
  .align-mobile-left {
    text-align: left !important;
  }
}
.image-table {
  display: flex;
  max-width: 100%;
  align-content: stretch;
  gap: .5rem;
}
@media only screen and (max-width: 479px) {
  .image-table > div {
    margin: 0 -1rem;
  }
}
@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  .bgdmediumgray[style] > .container {
    padding: 0 !important;
  }
}
.sge-01-intro {
  background: #f0ece6;
  color: #383838;
}
.sge-01-intro.sge-01-intro--layout1 {
  background: white;
}
.sge-01-intro > .container {
  padding-bottom: 3rem;
}
.sge-01-intro-head {
  position: relative;
}
.sge-01-intro-head .container {
  position: relative;
  z-index: 2;
}
.sge-01-intro-head .sge-01-intro-head-image {
  object-fit: cover;
  object-position: top center;
  max-height: 40vw;
}
.sge-01-intro-head h1 {
  background: #f2f2f2;
  text-align: center;
  font-size: 2rem;
  line-height: 1.2em;
  padding: 1rem;
}
@media only screen and (min-width: 980px) {
  .sge-01-intro-head h1 {
    font-size: 3.5rem;
    line-height: 1.1em;
    background: transparent;
    text-align: left;
    color: white;
    text-shadow: black 0 0 1rem;
  }
  .sge-01-intro-head .sge-01-intro-head-sizer {
    min-height: 500px;
  }
  .sge-01-intro-head .sge-01-intro-head-image {
    max-height: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 980px) and only screen and (max-width: 479px) {
  .sge-01-intro-head h1 {
    font-size: 2rem;
  }
}
.sge-01-intro-breadcrumb {
  text-align: center;
  padding: 0 1rem;
  margin: 1rem 0;
}
.sge-01-intro-breadcrumb:before,
.sge-01-intro-breadcrumb:after {
  content: '';
  max-width: 100px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  display: block;
  margin: 0 auto;
}
.sge-01-intro-breadcrumb .breadcrumb-menu {
  padding: .25rem 0;
}
.sge-01-intro-text {
  margin: 1rem 0;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.2;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
@media only screen and (max-width: 479px) {
  .sge-01-intro-text {
    font-size: 1.1rem;
  }
}
.sge-01-intro-readingtime {
  margin: 1rem 0;
  font-size: .8rem;
  text-align: center;
}
.sge-01-intro-readingtime:before {
  content: "";
  display: inline-block;
  width: 1rem;
  vertical-align: middle;
  height: 1rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/sge/uhr.svg) no-repeat center;
  background-size: contain;
  margin-right: .5rem;
}
.sge-02-text {
  margin: 3rem 0;
  color: #383838;
}
.sge-02-text header {
  margin-top: 2rem;
}
.type-mask_sge_02_text + .type-mask_sge_02_text .sge-02-text header {
  margin-top: 0;
}
.sge-03-video .csc-header {
  padding-bottom: 0;
}
.sge-04-encyclopedia img {
  max-width: 16rem;
  display: inline-block;
}
.sge-04-encyclopedia .sge-04-encyclopedia-box {
  background: #fde6da;
  border-radius: 1.5rem;
  padding: 1rem 2rem;
}
.sge-04-encyclopedia a.sge-04-encyclopedia-back {
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
}
.sge-04-encyclopedia a.sge-04-encyclopedia-back:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  padding-right: 1rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/sge/back-to-landingpage.svg) no-repeat center;
  background-size: contain;
}
.sge-04-encyclopedia h3,
.sge-04-encyclopedia .h3 {
  margin-bottom: 1.5rem;
}
.sge-04-encyclopedia .type-menu_section ul li {
  padding-left: 2rem;
}
.sge-04-encyclopedia .type-menu_section ul li:before {
  content: "";
  width: 1rem;
  height: 1rem;
  top: .35rem;
  background: url(/typo3conf/ext/onepager/Resources/Public/gfx/sge/verlinkung.svg) no-repeat center;
}
.sge-05-expert {
  background: #f0ece6;
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #383838;
}
.sge-05-expert h3 {
  margin-bottom: 1rem;
}
.sge-05-expert img {
  display: inline-block;
}
.sge-05-expert img.sge-05-expert-image {
  margin-bottom: 1rem;
}
.sge-05-expert.sge-05-expert-image--burglarproof img.sge-05-expert-image {
  max-width: 16rem;
}
.sge-05-expert.sge-05-expert-image--bulletproof img.sge-05-expert-image {
  max-width: 24rem;
}
.sge-06-autor {
  background: #f0ece6;
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #4a4a49;
}
.sge-06-autor h3 {
  font-size: 1.5rem;
  line-height: 1.2em;
  letter-spacing: .15em;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 479px) {
  .sge-06-autor h3 {
    font-size: 1.1rem;
  }
}
.sge-06-autor .sge-05-author-image {
  max-width: 20rem;
  display: inline-block;
}
.sge-06-autor .sge-06-autor-links a {
  display: inline-block;
  vertical-align: middle;
  margin: 1rem  1.5rem;
}
.sge-06-autor .sge-06-autor-links .sge-06-autor-link--profile {
  background: #575756;
  border: .5rem solid  #575756;
  border-radius: .3rem;
}
.sge-06-autor .sge-06-autor-links .sge-06-autor-link--email,
.sge-06-autor .sge-06-autor-links .sge-06-autor-link--phone {
  margin: .5rem;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  letter-spacing: .1rem;
  line-height: 1.2em !important;
}
.sge-07-conversion {
  background: #ebf3f7;
}
.sge-07-conversion .csc-header {
  padding-bottom: 0;
}
.sge-12-checklist {
  max-width: 1083px;
}
.sge-12-checklist > div {
  padding: 3rem;
}
@media only screen and (max-width: 479px) {
  .sge-12-checklist > div {
    padding: 2rem 2rem;
  }
}
.sge-12-checklist > div .csc-header {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 980px) and (max-width: 1080px), only screen and (min-width: 1081px)  and (max-width: 2099px), only screen and (min-width: 2100px) {
  .sge-12-checklist > div ul {
    max-width: 70% !important;
    margin: 0 auto;
    column-count: 2;
    column-gap: 4rem;
    display: block;
  }
  .sge-12-checklist > div li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .sge-12-checklist > div .avoid-column {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    /* Theoretically FF 20+ */
    break-inside: avoid-column;
    /* Chrome, Safari, IE 11 */
  }
}
.sge-13-imagetext {
  margin: 2rem 0;
}
.sge-13-imagetext:nth-of-type(2n+1) .col-lg-7 {
  order: 2;
}
.sge-21-image figure {
  position: relative;
}
.sge-21-image figure figcaption {
  width: 100%;
  position: absolute;
  font-size: 3.5rem;
  line-height: 1.1em;
  font-family: "fs_joeymedium", "Roboto", "Arial";
  font-weight: 500 !important;
  color: white;
  text-shadow: black 0 0 1rem;
}
@media only screen and (max-width: 479px) {
  .sge-21-image figure figcaption {
    font-size: 2rem;
  }
}
.sge-21-image.text-left-top figure figcaption {
  left: 10%;
  top: 10%;
  text-align: left;
}
.sge-21-image.text-right-top figure figcaption {
  right: 10%;
  top: 10%;
  text-align: right;
}
.sge-21-image.text-left-bottom figure figcaption {
  left: 10%;
  bottom: 10%;
  text-align: left;
}
.sge-21-image.text-right-bottom figure figcaption {
  right: 10%;
  bottom: 10%;
  text-align: right;
}
.sge-23-factcounter {
  padding: 2rem 0;
}
.sge-23-factcounter .col-auto {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.sge-23-factcounterelement {
  text-align: center;
  padding: 3rem;
  border-radius: 2rem;
  height: 100%;
}
.sge-23-factcounterelement.sge-23-factcounterelement--gray {
  background: #f9f9f9;
}
.sge-23-factcounterelement.sge-23-factcounterelement--gold {
  background: #a59478;
  color: white;
}
.sge-23-factcounterelement.sge-23-factcounterelement--yellow {
  background: #ffe448;
}
.sge-23-factcounterelement.sge-23-factcounterelement--orange {
  background: #f15321;
  color: white;
}
.sge-23-factcounterelement.sge-23-factcounterelement--orange-text {
  color: #f15321;
}
.sge-23-factcounterelement .fact-count {
  font-size: 6.5rem;
  line-height: 1;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
}
.sge-23-factcounterelement .fact-label {
  font-size: 1.8rem;
  line-height: 1.1;
  font-family: "fs_joeybold", "Roboto", "Arial";
  font-weight: normal !important;
}