@font-face {
  font-family: "icon";
  src: url("../../statics/icons/icon-dc7226094ba3c44f4480bc664ca41628.eot");
  src: url("../../statics/icons/icon-dc7226094ba3c44f4480bc664ca41628.eot?#iefix") format("embedded-opentype"), url("../../statics/icons/icon-dc7226094ba3c44f4480bc664ca41628.woff") format("woff"), url("../../statics/icons/icon-dc7226094ba3c44f4480bc664ca41628.ttf") format("truetype"), url("../../statics/icons/icon-dc7226094ba3c44f4480bc664ca41628.svg?#icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
    font-family:"icon";
    src:url("../../icons/icon-dc7226094ba3c44f4480bc664ca41628.eot");
    font-weight:normal;
    font-style:normal;
}
*/
/*
@font-face {
	font-family:"icon";
	src:url("../../icons/icon-dc7226094ba3c44f4480bc664ca41628.eot");
	src:url("../../icons/icon-dc7226094ba3c44f4480bc664ca41628.eot?#iefix") format("embedded-opentype"),
		url("../../icons/icon-dc7226094ba3c44f4480bc664ca41628.woff") format("woff"),
		url("../../icons/icon-dc7226094ba3c44f4480bc664ca41628.ttf") format("truetype"),
		url("../../icons/icon-dc7226094ba3c44f4480bc664ca41628.svg?#icon") format("svg");
	font-weight:normal;
	font-style:normal;
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icon";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-OLD_print:before,
.icon-arrow_down:before,
.icon-arrow_down_small:before,
.icon-arrow_left:before,
.icon-arrow_right:before,
.icon-arrow_up:before,
.icon-arrow_up_small:before,
.icon-close:before,
.icon-connect:before,
.icon-document:before,
.icon-extern:before,
.icon-facebook:before,
.icon-flashmessage_error:before,
.icon-flashmessage_info:before,
.icon-flashmessage_ok:before,
.icon-google:before,
.icon-ical:before,
.icon-lesezeit:before,
.icon-link:before,
.icon-linkedin:before,
.icon-links:before,
.icon-logout:before,
.icon-lupe:before,
.icon-mail:before,
.icon-navi:before,
.icon-print:before,
.icon-rss:before,
.icon-spinner:before,
.icon-tick:before,
.icon-twitter:before,
.icon-vcard:before,
.icon-view:before,
.icon-xing:before,
.icon-youtube:before {
  font-family: "icon";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
.icon-OLD_print:before {
  content: "\f101";
}
.icon-arrow_down:before {
  content: "\f102";
}
.icon-arrow_down_small:before {
  content: "\f103";
}
.icon-arrow_left:before {
  content: "\f104";
}
.icon-arrow_right:before {
  content: "\f105";
}
.icon-arrow_up:before {
  content: "\f106";
}
.icon-arrow_up_small:before {
  content: "\f107";
}
.icon-close:before {
  content: "\f108";
}
.icon-connect:before {
  content: "\f109";
}
.icon-document:before {
  content: "\f10a";
}
.icon-extern:before {
  content: "\f10b";
}
.icon-facebook:before {
  content: "\f10c";
}
.icon-flashmessage_error:before {
  content: "\f10d";
}
.icon-flashmessage_info:before {
  content: "\f10e";
}
.icon-flashmessage_ok:before {
  content: "\f10f";
}
.icon-google:before {
  content: "\f110";
}
.icon-ical:before {
  content: "\f111";
}
.icon-lesezeit:before {
  content: "\f112";
}
.icon-link:before {
  content: "\f113";
}
.icon-linkedin:before {
  content: "\f114";
}
.icon-links:before {
  content: "\f115";
}
.icon-logout:before {
  content: "\f116";
}
.icon-lupe:before {
  content: "\f117";
}
.icon-mail:before {
  content: "\f118";
}
.icon-navi:before {
  content: "\f119";
}
.icon-print:before {
  content: "\f11a";
}
.icon-rss:before {
  content: "\f11b";
}
.icon-spinner:before {
  content: "\f11c";
}
.icon-tick:before {
  content: "\f11d";
}
.icon-twitter:before {
  content: "\f11e";
}
.icon-vcard:before {
  content: "\f11f";
}
.icon-view:before {
  content: "\f120";
}
.icon-xing:before {
  content: "\f121";
}
.icon-youtube:before {
  content: "\f122";
}
/*
font-family: 'Source Serif Pro';
400 -> light
700 -> semibold

font-family: 'Roboto';
700 -> bold
600 -> medium
500 -> light
400 -> thin
*/
.stage {
  margin-bottom: 40px;
}
.stage .image-slides {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}
.stage .image-slides .slide {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.stage .wrap {
  position: relative;
  height: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
.stage .slide-text {
  display: block;
  width: 380px;
  height: 380px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 120px;
  margin: 0;
  margin-top: -190px;
  padding: 15px 20px;
  box-sizing: border-box;
  opacity: 0;
}
.stage .slide-text .hl3 {
  color: #f7a600;
  padding-bottom: 15px;
}
.stage .slide-text p {
  font-size: 16px;
  line-height: 26px;
  color: #242424;
}
.stage .slide-text-left {
  right: auto;
  left: 120px;
}
.stage .previous,
.stage .next {
  width: 48px;
  height: 48px;
  position: absolute;
  right: 48px;
  top: 50%;
  opacity: 0.5;
}
.stage .previous i:before,
.stage .next i:before {
  font-size: 48px;
  color: #fff;
}
.stage .previous:hover,
.stage .next:hover {
  opacity: 0.8;
}
.stage .previous {
  left: 48px;
  right: auto;
}
.stage .slick-dots {
  display: none !important;
}
.stage,
.stage .image-slides,
.stage .image-slides .slide {
  height: 500px;
}
@media screen and (max-width: 980px) {
  .stage .next {
    right: 0;
  }
  .stage .previous {
    left: 0;
  }
}
@media screen and (max-width: 640px) {
  .stage .slide-text {
    right: 50%;
    margin-right: -190px;
  }
}
@media screen and (max-width: 480px) {
  .stage {
    overflow: hidden;
  }
  .stage .image-slides {
    overflow: visible;
  }
  .stage .slick-list {
    overflow: visible;
  }
  .stage .slide-text,
  .stage .slide-text-left {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    padding: 20px 15px;
    box-sizing: border-box;
    right: 0;
    left: 0;
  }
  .stage .slide-text .hl3,
  .stage .slide-text-left .hl3 {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 15px;
  }
  .stage .slide-text p,
  .stage .slide-text-left p {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 0;
  }
  .stage .previous,
  .stage .next {
    display: none !important;
  }
  .stage .slick-dots {
    display: block !important;
    padding-top: 20px;
    position: absolute;
    width: 100%;
    top: 150px;
    margin: 0;
  }
  .stage .slick-dots li {
    width: 16px;
    height: 16px;
    border: 0;
  }
  .stage,
  .stage .image-slides {
    height: auto;
  }
  .stage .image-slides .slide {
    height: auto;
    min-height: 200px;
    background-size: auto 200px;
    background-position: center top;
  }
  .stage .wrap {
    padding: 0;
    height: auto;
    margin-top: 200px;
  }
  .stage .image-slides {
    position: relative;
    overflow: visible;
  }
}
/*# sourceMappingURL=style.css.map */