/* ------------------------------------------------------------ *\
  Vendor
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  SCSS Functions
\* ------------------------------------------------------------ */
/* example usage*/
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}
template {
  display: none;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
/* img, */
iframe,
video,
audio,
object {
  /* max-width: 100%; */
  width: 100%;
}
.shell img {
  /* width: 100%; */
}
.section-post .shell img {
  width: 100%;
}
img,
iframe {
  border: 0 none;
}
img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
b,
strong {
  font-weight: bold;
}
address {
  font-style: normal;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
  cursor: pointer;
}
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
button,
select {
  text-transform: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
nav ul,
nav ol {
  list-style: none outside none;
}
input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
input::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
input::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
input::placeholder {
  color: inherit;
  opacity: 1;
}
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
textarea::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
textarea::placeholder {
  color: inherit;
  opacity: 1;
}
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
input[type="text"],
input[type="button"],
input[type="tel"],
input[type="email"],
input[type="submit"],
input[type="date"],
input[type="search"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
figure {
  padding: 1rem 0;
}
/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */
@font-face {
  font-family: "Albra Grotesk";
  src: url("../fonts/AlbraGrotesk-Light.woff2") format("woff2"),
    url("../fonts/AlbraGrotesk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url("../fonts/AlbraGrotesk-Regular.woff2") format("woff2"),
    url("../fonts/AlbraGrotesk-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url("../fonts/AlbraGrotesk-Medium.woff2") format("woff2"),
    url("../fonts/AlbraGrotesk-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url("../fonts/AlbraGrotesk-Bold.woff2") format("woff2"),
    url("../fonts/AlbraGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Albra Grotesk";
  src: url("../fonts/AlbraGrotesk-Black.woff2") format("woff2"),
    url("../fonts/AlbraGrotesk-Black.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
html {
  font-size: 62.5%;
}
body {
  min-width: 320px;
  font-family: "Albra Grotesk", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.56;
  color: #191723;
  /* background: -o-radial-gradient(#dfdfe4, #fff);
  background: radial-gradient(#dfdfe4, #fff); */
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a[href^="tel"] {
  text-decoration: none;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin-bottom: calc(1.56em / 2);
}
.h1,
h1 {
  font-size: 5.4rem;
  line-height: 1.04;
  font-weight: 800;
}
.h2,
h2 {
  font-size: 4.8rem;
  line-height: 1.05;
  font-weight: 800;
}
.h3,
h3 {
  font-size: 3.2rem;
  line-height: 1.06;
  font-weight: 800;
}
.h4,
h4 {
  font-size: 2.4rem;
  line-height: 1.08;
  font-weight: 700;
}
.h6,
h6 {
  font-size: 1.6rem;
  font-weight: 700;
}

.div__textmarkdown .h5,
.div__textmarkdown h5 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 30px;
  text-transform: uppercase;
}
.div__textmarkdown .h6,
.div__textmarkdown h6 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 30px;
  text-transform: uppercase;
}

.level__fontzweisize48rem .h2,
.level__fontzweisize48rem h2,
.level__fontzweisize32rem .h2,
.level__fontzweisize32rem h2,
.level__fontzweisize24rem .h2,
.level__fontzweisize24rem h2,
.level__fontzweisize18rem .h2,
.level__fontzweisize18rem h2,
.level__fontzweisize16rem .h2,
.level__fontzweisize16rem h2,
.level__fontdreisize32rem .h3,
.level__fontdreisize32rem h3,
.level__fontdreisize24rem .h3,
.level__fontdreisize24rem h3,
.level__fontdreisize18rem .h3,
.level__fontdreisize18rem h3,
.level__fontdreisize16rem .h3,
.level__fontdreisize16rem h3,
.level__fontviersize24rem .h4,
.level__fontviersize24rem h4,
.level__fontviersize18rem .h4,
.level__fontviersize18rem h4,
.level__fontviersize16rem .h4,
.level__fontviersize16rem h4 {
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.level__fontzweisize48rem .h2,
.level__fontzweisize48rem h2 {
  font-size: 4.8rem;
  overflow-wrap: break-word;
}
.level__fontzweisize32rem .h2,
.level__fontzweisize32rem h2,
.level__fontdreisize32rem .h3,
.level__fontdreisize32rem h3 {
  font-size: 3.2rem;
  overflow-wrap: break-word;
}
.level__fontzweisize24rem .h2,
.level__fontzweisize24rem h2,
.level__fontdreisize24rem .h3,
.level__fontdreisize24rem h3,
.level__fontviersize24rem .h4,
.level__fontviersize24rem h4 {
  font-size: 2.4rem;
  overflow-wrap: break-word;
}
.level__fontzweisize18rem .h2,
.level__fontzweisize18rem h2,
.level__fontdreisize18rem .h3,
.level__fontdreisize18rem h3,
.level__fontviersize18rem .h4,
.level__fontviersize18rem h4 {
  font-size: 1.8rem;
}
.level__fontzweisize16rem .h2,
.level__fontzweisize16rem h2,
.level__fontdreisize16rem .h3,
.level__fontdreisize16rem h3,
.level__fontviersize16rem .h4,
.level__fontviersize16rem h4 {
  font-size: 1.6rem;
}

nav li.empty,
.empty {
  display: none;
}
@media (max-width: 767px) {
  nav li.empty,
  .empty {
    display: block;
    height: 5px;
  }
  .h1,
  h1 {
    font-size: 4.2rem;
    line-height: 1.04;
    font-weight: 800;
  }
  .h2,
  h2 {
    font-size: 3.9rem;
    line-height: 1.05;
    font-weight: 800;
  }
  .h3,
  h3 {
    font-size: 2.8rem;
    line-height: 1.06;
    font-weight: 800;
  }
  .h4,
  h4 {
    font-size: 2.2rem;
    line-height: 1.08;
    font-weight: 700;
  }
}
@media (max-width: 450px) {
  .h1,
  h1 {
    font-size: 3.4rem;
    line-height: 1.04;
    font-weight: 800;
  }
  .h2,
  h2 {
    font-size: 2.8rem;
    line-height: 1.05;
    font-weight: 800;
  }
  .h3,
  h3 {
    font-size: 2.2rem;
    line-height: 1.06;
    font-weight: 800;
  }
  .h4,
  h4 {
    font-size: 2rem;
    line-height: 1.08;
    font-weight: 700;
  }
}
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: 1.56em;
}
.div__textmarkdown ul {
  margin-top: 15px;
  margin-left: 15px;
}
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
p.untertitel {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.17;
}
/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after {
  content: "";
  line-height: 0;
  display: table;
  clear: both;
}
/* sr-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*  Notext  */
.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none;
  overflow: hidden;
}
.notext-old {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
}
/*  Hidden  */
[hidden],
.hidden {
  display: none;
}
/*  Disabled  */
[disabled],
.disabled {
  cursor: default;
}
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .hidden-xs {
    display: none !important;
  }

  .visible-xs-block {
    display: block !important;
  }

  .visible-xs-inline {
    display: inline !important;
  }

  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }

  .visible-sm-block {
    display: block !important;
  }

  .visible-sm-inline {
    display: inline !important;
  }

  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1023.02px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }

  .visible-md-block {
    display: block !important;
  }

  .visible-md-inline {
    display: inline !important;
  }

  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important;
  }

  .visible-lg-block {
    display: block !important;
  }

  .visible-lg-inline {
    display: inline !important;
  }

  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
.visible-mobile {
  display: none !important;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .visible-mobile {
    display: block !important;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .hidden-mobile {
    display: none !important;
  }
}

/* ------------------------------------------------------------ *\
	Seiten Hintergrund
\* ------------------------------------------------------------ */
.body__hellgrauer_gradient {
  background: -o-radial-gradient(#dfdfe4, #fff);
  background: radial-gradient(#dfdfe4, #fff);
}
.body__dunkelgrauer_gradient {
  background: -o-radial-gradient(#262529, #131317);
  background: radial-gradient(#262529, #131317);
}
.body__oranger_gradient {
  background: -o-radial-gradient(#ff8700, #bb6401);
  background: radial-gradient(#262529, #131317);
}
.body__bg_weiss {
  background: #ffffff;
}
.body__bg_hellgrau {
  background: #dfdfe4;
}
.body__bg_dunkel_grau {
  background: #262529;
}
.body__bg_dunkel_blau {
  background: #191723;
}
.body__bg_orange {
  background: #ff8700;
}

/* ------------------------------------------------------------ *\
	Flex Container
\* ------------------------------------------------------------ */
.container__flex {
  display: flex;
  flex-direction: row;
}
.container__flex-horizontal-links {
  justify-content: flex-start;
}
.container__flex-horizontal-mittig {
  justify-content: center;
}
.container__flex-horizontal-rechts {
  justify-content: flex-end;
}
.container__flex-horizontal-around {
  justify-content: space-around;
}
.container__flex-horizontal-between {
  justify-content: space-between;
}
.container__flex-vertikal-oben {
  align-items: flex-start;
}
.container__flex-vertikal-mittig {
  align-items: center;
}
.container__flex-vertikal-unten {
  align-items: flex-end;
}
.container__flex-vertikal-stretch {
  align-items: stretch;
}

@media (max-width: 767px) {
  .container__flex-horizontal-rechts {
    justify-content: center;
  }
}
/* ------------------------------------------------------------ *\
    Standards
\* ------------------------------------------------------------ */
/* Grid- / Spaltenbreiten */
.width__01-12 {
  width: 8.33%;
}
.width__02-12 {
  width: 16.66%;
}
.width__03-12 {
  width: 25%;
}
.width__04-12 {
  width: 33.33%;
}
.width__05-12 {
  width: 41.66%;
}
.width__06-12 {
  width: 50%;
}
.width__07-12 {
  width: 58.33%;
}
.width__08-12 {
  width: 66.66%;
}
.width__09-12 {
  width: 75%;
}
.width__10-12 {
  width: 83.33%;
}
.width__11-12 {
  width: 91.66%;
}
.width__12-12 {
  width: 100%;
}
/* .width__06-12 img {
  width: 90%;
} */
@media (max-width: 767px) {
  .width__01-12,
  .width__02-12,
  .width__03-12,
  .width__04-12,
  .width__05-12,
  .width__06-12,
  .width__07-12,
  .width__08-12,
  .width__09-12,
  .width__10-12,
  .width__11-12,
  .width__12-12 {
    width: 100%;
  }
}
.container__content {
  position: relative;
}
div.text__zentriert h2 {
  margin-left: auto;
  margin-right: auto;
}
/* .shell Padding in Sektionen oben und unten */
/* .shell padding-top */
.padtop5 {
  padding-top: 5px;
}
.padtop10 {
  padding-top: 10px;
}
.padtop15 {
  padding-top: 15px;
}
.padtop20 {
  padding-top: 20px;
}
.padtop25 {
  padding-top: 25px;
}
.padtop30 {
  padding-top: 30px;
}
.padtop35 {
  padding-top: 35px;
}
.padtop40 {
  padding-top: 40px;
}
.padtop45 {
  padding-top: 45px;
}
.padtop50 {
  padding-top: 50px;
}
.padtop55 {
  padding-top: 55px;
}
.padtop60 {
  padding-top: 60px;
}
.padtop70 {
  padding-top: 70px;
}
.padtop80 {
  padding-top: 80px;
}
.padtop90 {
  padding-top: 90px;
}
.padtop100 {
  padding-top: 100px;
}
.padtop110 {
  padding-top: 110px;
}
.padtop120 {
  padding-top: 120px;
}
.padtop130 {
  padding-top: 130px;
}
.padtop140 {
  padding-top: 140px;
}
.padtop150 {
  padding-top: 150px;
}
.padtop175 {
  padding-top: 175px;
}
.padtop200 {
  padding-top: 200px;
}
.padtop225 {
  padding-top: 225px;
}
.padtop250 {
  padding-top: 250px;
}
.padtop275 {
  padding-top: 275px;
}
.padtop300 {
  padding-top: 300px;
}
/* .shell padding-bottom */
.padbot10 {
  padding-bottom: 10px;
}
.padbot15 {
  padding-bottom: 15px;
}
.padbot20 {
  padding-bottom: 20px;
}
.padbot25 {
  padding-bottom: 25px;
}
.padbot30 {
  padding-bottom: 30px;
}
.padbot35 {
  padding-bottom: 35px;
}
.padbot40 {
  padding-bottom: 40px;
}
.padbot45 {
  padding-bottom: 45px;
}
.padbot50 {
  padding-bottom: 50px;
}
.padbot60 {
  padding-bottom: 60px;
}
.padbot70 {
  padding-bottom: 70px;
}
.padbot80 {
  padding-bottom: 80px;
}
.padbot90 {
  padding-bottom: 90px;
}
.padbot100 {
  padding-bottom: 100px;
}
.padbot110 {
  padding-bottom: 110px;
}
.padbot120 {
  padding-bottom: 120px;
}
.padbot130 {
  padding-bottom: 130px;
}
.padbot140 {
  padding-bottom: 140px;
}
.padbot150 {
  padding-bottom: 150px;
}
.padbot175 {
  padding-bottom: 175px;
}
.padbot200 {
  padding-bottom: 200px;
}
.padbot225 {
  padding-bottom: 225px;
}
.padbot250 {
  padding-bottom: 250px;
}
.padbot275 {
  padding-bottom: 275px;
}
.padbot300 {
  padding-bottom: 300px;
}

/* mobil padding-top */
@media (max-width: 767px) {
  .padtop50 {
    padding-top: 25px;
  }
  .padtop55 {
    padding-top: 28px;
  }
  .padtop60 {
    padding-top: 30px;
  }
  .padtop70 {
    padding-top: 35px;
  }
  .padtop80 {
    padding-top: 40px;
  }
  .padtop90 {
    padding-top: 45px;
  }
  .padtop100 {
    padding-top: 50px;
  }
  .padtop110 {
    padding-top: 55px;
  }
  .padtop120 {
    padding-top: 60px;
  }
  .padtop130 {
    padding-top: 65px;
  }
  .padtop140 {
    padding-top: 70px;
  }
  .padtop150 {
    padding-top: 75px;
  }
  .padtop175 {
    padding-top: 88px;
  }
  .padtop200 {
    padding-top: 100px;
  }
  .padtop225 {
    padding-top: 112px;
  }
  .padtop250 {
    padding-top: 125px;
  }
  .padtop275 {
    padding-top: 137px;
  }
  .padtop300 {
    padding-top: 150px;
  }
  .padbot50 {
    padding-bottom: 25px;
  }
  .padbot60 {
    padding-bottom: 30px;
  }
  .padbot70 {
    padding-bottom: 35px;
  }
  .padbot80 {
    padding-bottom: 40px;
  }
  .padbot90 {
    padding-bottom: 45px;
  }
  .padbot100 {
    padding-bottom: 50px;
  }
  .padbot110 {
    padding-bottom: 55px;
  }
  .padbot120 {
    padding-bottom: 60px;
  }
  .padbot130 {
    padding-bottom: 65px;
  }
  .padbot140 {
    padding-bottom: 70px;
  }
  .padbot150 {
    padding-bottom: 75px;
  }
  .padbot175 {
    padding-bottom: 88px;
  }
  .padbot200 {
    padding-bottom: 100px;
  }
  .padbot225 {
    padding-bottom: 112px;
  }
  .padbot250 {
    padding-bottom: 125px;
  }
  .padbot275 {
    padding-bottom: 137px;
  }
  .padbot300 {
    padding-bottom: 150px;
  }

  .mobilpadtop10 {
    padding-top: 10px;
  }
  .mobilpadtop20 {
    padding-top: 20px;
  }
  .mobilpadtop30 {
    padding-top: 30px;
  }
  .mobilpadtop40 {
    padding-top: 40px;
  }
  .mobilpadtop50 {
    padding-top: 50px;
  }
  .mobilpadtop60 {
    padding-top: 60px;
  }
  .mobilpadtop70 {
    padding-top: 70px;
  }
  .mobilpadtop80 {
    padding-top: 80px;
  }
  .mobilpadtop90 {
    padding-top: 90px;
  }
  .mobilpadtop100 {
    padding-top: 100px;
  }
  .mobilpadtop110 {
    padding-top: 110px;
  }
  .mobilpadtop120 {
    padding-top: 120px;
  }
  .mobilpadtop130 {
    padding-top: 130px;
  }
  .mobilpadtop140 {
    padding-top: 140px;
  }
  .mobilpadtop150 {
    padding-top: 150px;
  }
  .mobilpadtop175 {
    padding-top: 175px;
  }
  .mobilpadtop200 {
    padding-top: 200px;
  }
  /* .shell padding-bottom */
  .mobilpadbot10 {
    padding-bottom: 10px;
  }
  .mobilpadbot20 {
    padding-bottom: 20px;
  }
  .mobilpadbot30 {
    padding-bottom: 30px;
  }
  .mobilpadbot40 {
    padding-bottom: 40px;
  }
  .mobilpadbot50 {
    padding-bottom: 50px;
  }
  .mobilpadbot60 {
    padding-bottom: 60px;
  }
  .mobilpadbot70 {
    padding-bottom: 70px;
  }
  .mobilpadbot80 {
    padding-bottom: 80px;
  }
  .mobilpadbot90 {
    padding-bottom: 90px;
  }
  .mobilpadbot100 {
    padding-bottom: 100px;
  }
  .mobilpadbot110 {
    padding-bottom: 110px;
  }
  .mobilpadbot120 {
    padding-bottom: 120px;
  }
  .mobilpadbot130 {
    padding-bottom: 130px;
  }
  .mobilpadbot140 {
    padding-bottom: 140px;
  }
  .mobilpadbot150 {
    padding-bottom: 150px;
  }
  .mobilpadbot175 {
    padding-bottom: 175px;
  }
  .mobilpadbot200 {
    padding-bottom: 200px;
  }
}

@media (max-width: 420px) {
  .padtop100 {
    padding-top: 50px;
  }
  .padtop110 {
    padding-top: 55px;
  }
  .padtop120 {
    padding-top: 60px;
  }
  .padtop130 {
    padding-top: 65px;
  }
  .padtop140 {
    padding-top: 70px;
  }
  .padtop150 {
    padding-top: 75px;
  }
  .padtop175 {
    padding-top: 85px;
  }
  .padtop200 {
    padding-top: 100px;
  }
  .padbot100 {
    padding-bottom: 50px;
  }
  .padbot110 {
    padding-bottom: 55px;
  }
  .padbot120 {
    padding-bottom: 60px;
  }
  .padbot130 {
    padding-bottom: 65px;
  }
  .padbot140 {
    padding-bottom: 70px;
  }
  .padbot150 {
    padding-bottom: 75px;
  }
  .padbot175 {
    padding-bottom: 85px;
  }
  .padbot200 {
    padding-bottom: 100px;
  }
}

.marginoben_0px {
  margin-top: 0;
}
.marginoben_10px {
  margin-top: 10px;
}
.marginoben_20px {
  margin-top: 20px;
}
.marginoben_30px {
  margin-top: 30px;
}
.marginoben_40px {
  margin-top: 40px;
}
.marginoben_50px {
  margin-top: 50px;
}
.marginoben_75px {
  margin-top: 75px;
}
.marginoben_100px {
  margin-top: 100px;
}
.marginoben_125px {
  margin-top: 125px;
}
.marginoben_150px {
  margin-top: 150px;
}

.marginunten_0px {
  margin-bottom: 0;
}
.marginunten_10px {
  margin-bottom: 10px;
}
.marginunten_20px {
  margin-bottom: 20px;
}
.marginunten_30px {
  margin-bottom: 30px;
}
.marginunten_40px {
  margin-bottom: 40px;
}
.marginunten_50px {
  margin-bottom: 50px;
}
.marginunten_75px {
  margin-bottom: 75px;
}
.marginunten_100px {
  margin-bottom: 100px;
}
.marginunten_125px {
  margin-bottom: 125px;
}
.marginunten_150px {
  margin-bottom: 150px;
}

/* Breiten Prozent 50-100*/
.breite50prozent {
  width: 50%;
}
.breite60prozent {
  width: 60%;
}
.breite70prozent {
  width: 70%;
}
.breite80prozent {
  width: 80%;
}
.breite90prozent {
  width: 90%;
}
.breite100prozent {
  width: 100%;
}
@media (max-width: 767px) {
  .breite50prozent,
  .breite60prozent,
  .breite70prozent,
  .breite80prozent,
  .breite90prozent {
    width: 90%;
  }
  .breite50prozent figure,
  .breite60prozent figure,
  .breite70prozent figure,
  .breite80prozent figure,
  .breite90prozent figure {
    text-align: center;
  }
  .breite50prozent img,
  .breite60prozent img,
  .breite70prozent img,
  .breite80prozent img,
  .breite90prozent img {
    text-align: center;
    width: 80%;
  }
}

/* Breiten Pixel 100-1800 */
.breite100max {
  max-width: 100px;
  width: 100%;
}
.breite150max {
  max-width: 150px;
  width: 100%;
}
.breite200max {
  max-width: 200px;
  width: 100%;
}
.breite250max {
  max-width: 250px;
  width: 100%;
}
.breite300max {
  max-width: 300px;
  width: 100%;
}
.breite400max {
  max-width: 400px;
  width: 100%;
}
.breite425max {
  max-width: 425px;
  width: 100%;
}
.breite450max {
  max-width: 450px;
  width: 100%;
}
.breite475max {
  max-width: 475px;
  width: 100%;
}
.breite500max {
  max-width: 500px;
  width: 100%;
}
.breite600max {
  max-width: 600px;
  width: 100%;
}
.breite700max {
  max-width: 700px;
  width: 100%;
}
.breite800max {
  max-width: 800px;
  width: 100%;
}
.breite900max {
  max-width: 900px;
  width: 100%;
}
.breite1000max {
  max-width: 1000px;
  width: 100%;
}
.breite1100max {
  max-width: 1000px;
  width: 100%;
}
.breite1200max {
  max-width: 1200px;
  width: 100%;
}
.breite1400max {
  max-width: 1400px;
  width: 100%;
}
.breite1600max {
  max-width: 1600px;
  width: 100%;
}
.breite1800max {
  max-width: 1800px;
  width: 100%;
}
/* If class .breiteXXXXmax is defined, section needs flex to center content */
.section__flex {
  display: flex;
  justify-content: space-around;
}
.font__gewicht400 {
  font-weight: 400;
}
.font__gewicht500 {
  font-weight: 500;
}
.font__gewicht600 {
  font-weight: 600;
}
.font__gewicht700 {
  font-weight: 700;
}
.font__gewicht900 {
  font-weight: 900;
}

/* Font Größen */
.shell__seite .font__size96rem {
  font-size: 8.4rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size90rem {
  font-size: 9rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size84rem {
  font-size: 8.4rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size78rem {
  font-size: 7.8rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size72rem {
  font-size: 7.2rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size66rem {
  font-size: 6.6rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size60rem {
  font-size: 6rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size54rem {
  font-size: 5.4rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size48rem {
  font-size: 4.8rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size32rem {
  font-size: 3.2rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size24rem {
  font-size: 2.4rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size18rem {
  font-size: 1.8rem;
  overflow-wrap: break-word;
}
.shell__seite .font__size16rem {
  font-size: 1.6rem;
  overflow-wrap: break-word;
}

/* Hintergrundfarben */
.bg-ECF3F7 {
  background-color: rgb(236, 243, 247);
}
.bg-FF8700 {
  background-color: #ff8700;
}
.bg-FFFFFF {
  background-color: #ffffff;
}
.bg-FAFAFA {
  background-color: #fafafa;
}
.bg-F4F4F4 {
  background-color: #f4f4f4;
}
.bg-ECF3F7 {
  background-color: #ecf3f7;
}
.bg-BCBCBC {
  background-color: #bcbcbc;
}
.bg-838383 {
  background-color: #838383;
}
.bg-383838 {
  background-color: #383838;
}
.bg-191723 {
  background-color: #191723;
}
.bg-000000 {
  background-color: #000000;
}

.pos__higher_50px {
  position: absolute;
  top: -50px;
}
.pos__higher_75px {
  position: absolute;
  top: -75px;
}
.pos__higher_100px {
  position: absolute;
  top: -100px;
}
.pos__higher_125px {
  position: absolute;
  top: -125px;
}
.pos__higher_150px {
  position: absolute;
  top: -150px;
}
.pos__higher_175px {
  position: absolute;
  top: -175px;
}
.pos__higher_200px {
  position: absolute;
  top: -200px;
}
.pos__higher_225px {
  position: absolute;
  top: -225px;
}
.pos__higher_250px {
  position: absolute;
  top: -250px;
}
.pos__higher_275px {
  position: absolute;
  top: -275px;
}
.pos__higher_300px {
  position: absolute;
  top: -300px;
}
.pos__lower_50px {
  position: absolute;
  top: 50px;
}
.pos__lower_75px {
  position: absolute;
  top: 75px;
}
.pos__lower_100px {
  position: absolute;
  top: 100px;
}
.pos__lower_125px {
  position: absolute;
  top: 125px;
}
.pos__lower_150px {
  position: absolute;
  top: 150px;
}
.pos__lower_175px {
  position: absolute;
  top: 175px;
}
.pos__lower_200px {
  position: absolute;
  top: 200px;
}
.pos__lower_225px {
  position: absolute;
  top: 225px;
}
.pos__lower_250px {
  position: absolute;
  top: 250px;
}
.pos__lower_275px {
  position: absolute;
  top: 275px;
}
.pos__lower_300px {
  position: absolute;
  top: 300px;
}

@media (max-width: 767px) {
  .pos__higher_50px {
    position: relative;
    top: 0;
  }
  .pos__higher_75px {
    position: relative;
    top: 0;
  }
  .pos__higher_100px {
    position: relative;
    top: 0;
  }
  .pos__higher_125px {
    position: relative;
    top: 0;
  }
  .pos__higher_150px {
    position: relative;
    top: 0;
  }
  .pos__higher_175px {
    position: relative;
    top: 0;
  }
  .pos__higher_200px {
    position: relative;
    top: 0;
  }
  .pos__higher_225px {
    position: relative;
    top: 0;
  }
  .pos__higher_250px {
    position: relative;
    top: 0;
  }
  .pos__higher_275px {
    position: relative;
    top: 0;
  }
  .pos__higher_300px {
    position: relative;
    top: 0;
  }
  .pos__lower_50px {
    position: relative;
    top: 0;
  }
  .pos__lower_75px {
    position: relative;
    top: 0;
  }
  .pos__lower_100px {
    position: relative;
    top: 0;
  }
  .pos__lower_125px {
    position: relative;
    top: 0;
  }
  .pos__lower_150px {
    position: relative;
    top: 0;
  }
  .pos__lower_175px {
    position: relative;
    top: 0;
  }
  .pos__lower_200px {
    position: relative;
    top: 0;
  }
  .pos__lower_225px {
    position: relative;
    top: 0;
  }
  .pos__lower_250px {
    position: relative;
    top: 0;
  }
  .pos__lower_275px {
    position: relative;
    top: 0;
  }
  .pos__lower_300px {
    position: relative;
    top: 0;
  }
}

.pos__left_10px {
  left: -10px;
}
.pos__left_20px {
  left: -20px;
}
.pos__left_30px {
  left: -30px;
}
.pos__left_40px {
  left: -40px;
}
.pos__left_50px {
  left: -50px;
}
.pos__left_75px {
  left: -75px;
}
.pos__left_100px {
  left: -100px;
}
.pos__left_125px {
  left: -125px;
}
.pos__left_150px {
  left: -150px;
}
.pos__left_175px {
  left: -175px;
}
.pos__left_200px {
  left: -200px;
}
.pos__left_225px {
  left: -225px;
}
.pos__left_250px {
  left: -250px;
}
.pos__left_275px {
  left: -275px;
}
.pos__left_300px {
  left: -300px;
}
.pos__rechts_10px {
  left: 10px;
}
.pos__rechts_20px {
  left: 20px;
}
.pos__rechts_30px {
  left: 30px;
}
.pos__rechts_40px {
  left: 40px;
}
.pos__rechts_50px {
  left: 50px;
}
.pos__rechts_75px {
  left: 75px;
}
.pos__rechts_100px {
  left: 100px;
}
.pos__rechts_125px {
  left: 125px;
}
.pos__rechts_150px {
  left: 150px;
}
.pos__rechts_175px {
  left: 175px;
}
.pos__rechts_200px {
  left: 200px;
}
.pos__rechts_225px {
  left: 225px;
}
.pos__rechts_250px {
  left: 250px;
}
.pos__rechts_275px {
  left: 275px;
}
.pos__rechts_300px {
  left: 300px;
}

@media (max-width: 767px) {
  .pos__left_10px {
    left: 0;
  }
  .pos__left_20px {
    left: 0;
  }
  .pos__left_30px {
    left: 0;
  }
  .pos__left_40px {
    left: 0;
  }
  .pos__left_50px {
    left: 0;
  }
  .pos__left_75px {
    left: 0;
  }
  .pos__left_100px {
    left: 0;
  }
  .pos__left_125px {
    left: 0;
  }
  .pos__left_150px {
    left: 0;
  }
  .pos__left_175px {
    left: 0;
  }
  .pos__left_200px {
    left: 0;
  }
  .pos__left_225px {
    left: 0;
  }
  .pos__left_250px {
    left: 0;
  }
  .pos__left_275px {
    left: 0;
  }
  .pos__left_300px {
    left: 0;
  }
  .pos__rechts_10px {
    left: 0;
  }
  .pos__rechts_20px {
    left: 0;
  }
  .pos__rechts_30px {
    left: 0;
  }
  .pos__rechts_40px {
    left: 0;
  }
  .pos__rechts_50px {
    left: 0;
  }
  .pos__rechts_75px {
    left: 0;
  }
  .pos__rechts_100px {
    left: 0;
  }
  .pos__rechts_125px {
    left: 0;
  }
  .pos__rechts_150px {
    left: 0;
  }
  .pos__rechts_175px {
    left: 0;
  }
  .pos__rechts_200px {
    left: 0;
  }
  .pos__rechts_225px {
    left: 0;
  }
  .pos__rechts_250px {
    left: 0;
  }
  .pos__rechts_275px {
    left: 0;
  }
  .pos__rechts_300px {
    left: 0;
  }
}

.bildbreiteabsolute__300px {
  width: 300px;
}
.bildbreiteabsolute__350px {
  width: 350px;
}
.bildbreiteabsolute__400px {
  width: 400px;
}
.bildbreiteabsolute__450px {
  width: 450px;
}
.bildbreiteabsolute__500px {
  width: 500px;
}
.bildbreiteabsolute__550px {
  width: 550px;
}
.bildbreiteabsolute__600px {
  width: 600px;
}
.bildbreiteabsolute__650px {
  width: 650px;
}
.bildbreiteabsolute__700px {
  width: 700px;
}
.bildbreiteabsolute__750px {
  width: 750px;
}
.bildbreiteabsolute__800px {
  width: 800px;
}
.bildbreiteabsolute__850px {
  width: 850px;
}

@media (max-width: 767px) {
  .bildbreiteabsolute__300px {
    width: 100%;
  }
  .bildbreiteabsolute__350px {
    width: 100%;
  }
  .bildbreiteabsolute__400px {
    width: 100%;
  }
  .bildbreiteabsolute__450px {
    width: 100%;
  }
  .bildbreiteabsolute__500px {
    width: 100%;
  }
  .bildbreiteabsolute__550px {
    width: 100%;
  }
  .bildbreiteabsolute__600px {
    width: 100%;
  }
  .bildbreiteabsolute__650px {
    width: 100%;
  }
  .bildbreiteabsolute__700px {
    width: 100%;
  }
  .bildbreiteabsolute__750px {
    width: 100%;
  }
  .bildbreiteabsolute__800px {
    width: 100%;
  }
  .bildbreiteabsolute__850px {
    width: 100%;
  }
}

.container__hoehe_100px {
  height: 100px;
}
.container__hoehe_150px {
  height: 150px;
}
.container__hoehe_200px {
  height: 200px;
}
.container__hoehe_250px {
  height: 250px;
}
.container__hoehe_300px {
  height: 300px;
}
.container__hoehe_350px {
  height: 350px;
}
.container__hoehe_400px {
  height: 400px;
}
.container__hoehe_450px {
  height: 450px;
}
.container__hoehe_500px {
  height: 500px;
}
.container__hoehe_550px {
  height: 550px;
}
.container__hoehe_600px {
  height: 600px;
}
.container__hoehe_650px {
  height: 650px;
}
.container__hoehe_700px {
  height: 700px;
}
.container__hoehe_750px {
  height: 750px;
}
.container__hoehe_800px {
  height: 800px;
}

.container__hoehe_100px .shell__seite {
  height: 100px;
}
.container__hoehe_150px .shell__seite {
  height: 150px;
}
.container__hoehe_200px .shell__seite {
  height: 200px;
}
.container__hoehe_250px .shell__seite {
  height: 250px;
}
.container__hoehe_300px .shell__seite {
  height: 300px;
}
.container__hoehe_350px .shell__seite {
  height: 350px;
}
.container__hoehe_400px .shell__seite {
  height: 400px;
}
.container__hoehe_450px .shell__seite {
  height: 450px;
}
.container__hoehe_500px .shell__seite {
  height: 500px;
}
.container__hoehe_550px .shell__seite {
  height: 550px;
}
.container__hoehe_600px .shell__seite {
  height: 600px;
}
.container__hoehe_650px .shell__seite {
  height: 650px;
}
.container__hoehe_700px .shell__seite {
  height: 700px;
}
.container__hoehe_750px .shell__seite {
  height: 750px;
}
.container__hoehe_800px .shell__seite {
  height: 800px;
}

@media (max-width: 767px) {
  .container__hoehe_100px {
    height: auto;
  }
  .container__hoehe_150px {
    height: auto;
  }
  .container__hoehe_200px {
    height: auto;
  }
  .container__hoehe_250px {
    height: auto;
  }
  .container__hoehe_300px {
    height: auto;
  }
  .container__hoehe_350px {
    height: auto;
  }
  .container__hoehe_400px {
    height: auto;
  }
  .container__hoehe_450px {
    height: auto;
  }
  .container__hoehe_500px {
    height: auto;
  }
  .container__hoehe_550px {
    height: auto;
  }
  .container__hoehe_600px {
    height: auto;
  }
  .container__hoehe_650px {
    height: auto;
  }
  .container__hoehe_700px {
    height: auto;
  }
  .container__hoehe_750px {
    height: auto;
  }
  .container__hoehe_800px {
    height: auto;
  }

  .container__hoehe_100px .shell__seite {
    height: auto;
  }
  .container__hoehe_150px .shell__seite {
    height: auto;
  }
  .container__hoehe_200px .shell__seite {
    height: auto;
  }
  .container__hoehe_250px .shell__seite {
    height: auto;
  }
  .container__hoehe_300px .shell__seite {
    height: auto;
  }
  .container__hoehe_350px .shell__seite {
    height: auto;
  }
  .container__hoehe_400px .shell__seite {
    height: auto;
  }
  .container__hoehe_450px .shell__seite {
    height: auto;
  }
  .container__hoehe_500px .shell__seite {
    height: auto;
  }
  .container__hoehe_550px .shell__seite {
    height: auto;
  }
  .container__hoehe_600px .shell__seite {
    height: auto;
  }
  .container__hoehe_650px .shell__seite {
    height: auto;
  }
  .container__hoehe_700px .shell__seite {
    height: auto;
  }
  .container__hoehe_750px .shell__seite {
    height: auto;
  }
  .container__hoehe_800px .shell__seite {
    height: auto;
  }
}

.container__breite_300px {
  width: 100%;
  max-width: 300px;
}
.container__breite_350px {
  width: 100%;
  max-width: 350px;
}
.container__breite_400px {
  width: 100%;
  max-width: 400px;
}
.container__breite_450px {
  width: 100%;
  max-width: 450px;
}
.container__breite_500px {
  width: 100%;
  max-width: 500px;
}
.container__breite_550px {
  width: 100%;
  max-width: 550px;
}
.container__breite_600px {
  width: 100%;
  max-width: 600px;
}
.container__breite_650px {
  width: 100%;
  max-width: 650px;
}
.container__breite_700px {
  width: 100%;
  max-width: 700px;
}
.container__breite_750px {
  width: 100%;
  max-width: 750px;
}
.container__breite_800px {
  width: 100%;
  max-width: 800px;
}
.container__breite_850px {
  width: 100%;
  max-width: 850px;
}
.container__breite_900px {
  width: 100%;
  max-width: 900px;
}
.container__breite_950px {
  width: 100%;
  max-width: 950px;
}
.container__breite_980px {
  width: 100%;
  max-width: 980px;
}
.container__breite_1000px {
  width: 100%;
  max-width: 1000px;
}
.container__breite_1050px {
  width: 100%;
  max-width: 1050px;
}
.container__breite_1100px {
  width: 100%;
  max-width: 1100px;
}
.container__breite_1150px {
  width: 100%;
  max-width: 1150px;
}
.container__breite_1200px {
  width: 100%;
  max-width: 1200px;
}
.container__breite_1250px {
  width: 100%;
  max-width: 1250px;
}
.container__breite_1300px {
  width: 100%;
  max-width: 1300px;
}
.container__breite_1350px {
  width: 100%;
  max-width: 1350px;
}
.container__breite_1400px {
  width: 100%;
  max-width: 1400px;
}
.container__breite_1450px {
  width: 100%;
  max-width: 1450px;
}
.container__breite_1500px {
  width: 100%;
  max-width: 1500px;
}
.container__breite_1550px {
  width: 100%;
  max-width: 1550px;
}
.container__breite_1600px {
  width: 100%;
  max-width: 1600px;
}

@media (max-width: 1640px) {
  .shell__seite.container__breite_1600px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1590px) {
  .shell__seite.container__breite_1550px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1540px) {
  .shell__seite.container__breite_1500px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1490px) {
  .shell__seite.container__breite_1450px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1440px) {
  .shell__seite.container__breite_1400px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1390px) {
  .shell__seite.container__breite_1350px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1340px) {
  .shell__seite.container__breite_1300px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1290px) {
  .shell__seite.container__breite_1250px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1240px) {
  .shell__seite.container__breite_1200px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1190px) {
  .shell__seite.container__breite_1150px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1140px) {
  .shell__seite.container__breite_1100px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1090px) {
  .shell__seite.container__breite_1050px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1040px) {
  .shell__seite.container__breite_1000px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 990px) {
  .shell__seite.container__breite_950px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 940px) {
  .shell__seite.container__breite_900px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 890px) {
  .shell__seite.container__breite_850px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 840px) {
  .shell__seite.container__breite_800px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 790px) {
  .shell__seite.container__breite_750px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 740px) {
  .shell__seite.container__breite_700px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 690px) {
  .shell__seite.container__breite_650px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 640px) {
  .shell__seite.container__breite_600px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 590px) {
  .shell__seite.container__breite_550px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 540px) {
  .shell__seite.container__breite_500px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 490px) {
  .shell__seite.container__breite_450px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 440px) {
  .shell__seite.container__breite_400px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 390px) {
  .shell__seite.container__breite_350px {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 340px) {
  .shell__seite.container__breite_300px {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.container__sektion_abstand_oben_10px {
  margin-top: 10px;
}
.container__sektion_abstand_oben_20px {
  margin-top: 20px;
}
.container__sektion_abstand_oben_30px {
  margin-top: 30px;
}
.container__sektion_abstand_oben_40px {
  margin-top: 40px;
}
.container__sektion_abstand_oben_50px {
  margin-top: 50px;
}
.container__sektion_abstand_oben_60px {
  margin-top: 60px;
}
.container__sektion_abstand_oben_70px {
  margin-top: 70px;
}
.container__sektion_abstand_oben_80px {
  margin-top: 80px;
}
.container__sektion_abstand_oben_90px {
  margin-top: 90px;
}
.container__sektion_abstand_oben_100px {
  margin-top: 100px;
}
.container__sektion_abstand_oben_110px {
  margin-top: 110px;
}
.container__sektion_abstand_oben_120px {
  margin-top: 120px;
}
.container__sektion_abstand_oben_130px {
  margin-top: 130px;
}
.container__sektion_abstand_oben_140px {
  margin-top: 140px;
}
.container__sektion_abstand_oben_150px {
  margin-top: 150px;
}

.container__grid_zwei_bild_komplette_breite {
  position: relative;
}
.forsitHomeWellen {
  position: absolute;
  margin: 0 auto;
  overflow: hidden;
  top: 0;
  width: 100%;
}
.forsitHomeWellen img {
  max-height: 600px;
  min-width: 1400px;
  width: 100%;
}
.shell__seite {
  align-items: center;
  display: flex;
  margin: 0 auto;
}
.container__grid_zwei_bild_komplette_breite .shell__seite {
  /* max-width: 1400px;
  padding-right: 20px;
  padding-left: 20px;  */
}
.shell__seite h1 {
  font-size: 5.4rem;
}

@media (max-width: 767px) {
  /* Spalte 2 hinter Spalte 1 bewegen */
  .container__spalte2_hinter_spalte1 .shell__seite {
    display: block;
    position: relative;
  }
  .container__spalte2_hinter_spalte1 .column__one {
    position: relative;
    z-index: 5;
  }
  .container__spalte2_hinter_spalte1 .column__two {
    position: absolute;
    z-index: 1;
  }
  .container__spalte2_hinter_spalte1 .column__two.container__flex {
    /* display: initial;
    position: absolute; */
    z-index: 1;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__flex-horizontal-mittig {
    justify-content: flex-end;
  }
  /* .container__spalte2_hinter_spalte1 .column__two.container__flex-horizontal-mittig .breite600max {
    max-width: auto;
    width: auto;
  } */
  /* Spalte 1 hinter Spalte 2 bewegen */
  .container__spalte1_hinter_spalte2 .shell__seite {
    display: block;
    position: relative;
  }
  .container__spalte1_hinter_spalte2 .column__two {
    position: relative;
    z-index: 5;
  }
  .container__spalte1_hinter_spalte2 .column__one {
    position: absolute;
    z-index: 1;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__flex-horizontal-mittig {
    justify-content: flex-end;
  }
  /* .container__spalte1_hinter_spalte2 .column__one.container__flex-horizontal-mittig .breite600max {
    max-width: auto;
    width: auto;
  } */

  .container__spalte2_hinter_spalte1 .column__two .breite100max,
  .container__spalte1_hinter_spalte2 .column__one .breite100max,
  .container__spalte2_hinter_spalte1 .column__two .breite150max,
  .container__spalte1_hinter_spalte2 .column__one .breite150max,
  .container__spalte2_hinter_spalte1 .column__two .breite200max,
  .container__spalte1_hinter_spalte2 .column__one .breite200max,
  .container__spalte2_hinter_spalte1 .column__two .breite250max,
  .container__spalte1_hinter_spalte2 .column__one .breite250max,
  .container__spalte2_hinter_spalte1 .column__two .breite300max,
  .container__spalte1_hinter_spalte2 .column__one .breite300max,
  .container__spalte2_hinter_spalte1 .column__two .breite400max,
  .container__spalte1_hinter_spalte2 .column__one .breite400max,
  .container__spalte2_hinter_spalte1 .column__two .breite500max,
  .container__spalte1_hinter_spalte2 .column__one .breite500max,
  .container__spalte2_hinter_spalte1 .column__two .breite600max,
  .container__spalte1_hinter_spalte2 .column__one .breite600max,
  .container__spalte2_hinter_spalte1 .column__two .breite700max,
  .container__spalte1_hinter_spalte2 .column__one .breite700max,
  .container__spalte2_hinter_spalte1 .column__two .breite800max,
  .container__spalte1_hinter_spalte2 .column__one .breite800max,
  .container__spalte2_hinter_spalte1 .column__two .breite900max,
  .container__spalte1_hinter_spalte2 .column__one .breite900max,
  .container__spalte2_hinter_spalte1 .column__two .breite1000max,
  .container__spalte1_hinter_spalte2 .column__one .breite1000max,
  .container__spalte2_hinter_spalte1 .column__two .breite1100max,
  .container__spalte1_hinter_spalte2 .column__one .breite1100max,
  .container__spalte2_hinter_spalte1 .column__two .breite1200max,
  .container__spalte1_hinter_spalte2 .column__one .breite1200max,
  .container__spalte2_hinter_spalte1 .column__two .breite1400max,
  .container__spalte1_hinter_spalte2 .column__one .breite1400max,
  .container__spalte2_hinter_spalte1 .column__two .breite1600max,
  .container__spalte1_hinter_spalte2 .column__one .breite1600max,
  .container__spalte2_hinter_spalte1 .column__two .breite1800max,
  .container__spalte1_hinter_spalte2 .column__one .breite1800max {
    max-width: auto;
    width: auto;
  }

  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus100px {
    top: -100px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus90px {
    top: -90px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus80px {
    top: -80px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus70px {
    top: -70px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus60px {
    top: -60px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus50px {
    top: -50px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus40px {
    top: -40px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus30px {
    top: -30px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus20px {
    top: -20px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_minus10px {
    top: -10px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_0px {
    top: 0;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus10px {
    top: 10px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus20px {
    top: 20px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus30px {
    top: 30px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus40px {
    top: 40px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus50px {
    top: 50px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus60px {
    top: 60px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus70px {
    top: 70px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus80px {
    top: 80px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus90px {
    top: 90px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_oben_plus100px {
    top: 100px;
  }

  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus100px {
    top: -100px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus90px {
    top: -90px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus80px {
    top: -80px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus70px {
    top: -70px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus60px {
    top: -60px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus50px {
    top: -50px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus40px {
    top: -40px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus30px {
    top: -30px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus20px {
    top: -20px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_minus10px {
    top: -10px;
  }
  .container__spalte1_hinter_spalte2
    .column__two.container__spaltehinten_abstand_oben_0px {
    top: 0;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus10px {
    top: 10px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus20px {
    top: 20px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus30px {
    top: 30px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus40px {
    top: 40px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus50px {
    top: 50px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus60px {
    top: 60px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus70px {
    top: 70px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus80px {
    top: 80px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus90px {
    top: 90px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_oben_plus100px {
    top: 100px;
  }

  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus300px {
    right: -300px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus250px {
    right: -250px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus200px {
    right: -200px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus175px {
    right: -175px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus150px {
    right: -150px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus125px {
    right: -125px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus100px {
    right: -100px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus90px {
    right: -90px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus80px {
    right: -80px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus70px {
    right: -70px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus60px {
    right: -60px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus50px {
    right: -50px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus40px {
    right: -40px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus30px {
    right: -30px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus20px {
    right: -20px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_minus10px {
    right: -10px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_0px {
    right: 0;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus10px {
    right: 10px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus20px {
    right: 20px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus30px {
    right: 30px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus40px {
    right: 40px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus50px {
    right: 50px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus60px {
    right: 60px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus70px {
    right: 70px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus80px {
    right: 80px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus90px {
    right: 90px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus100px {
    right: 100px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus125px {
    right: 125px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus150px {
    right: 150px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus175px {
    right: 175px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus200px {
    right: 200px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus250px {
    right: 250px;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_abstand_rechts_plus300px {
    right: 300px;
  }

  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus300px {
    right: -300px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus250px {
    right: -250px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus200px {
    right: -200px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus175px {
    right: -175px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus150px {
    right: -150px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus125px {
    right: -125px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus100px {
    right: -100px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus90px {
    right: -90px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus80px {
    right: -80px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus70px {
    right: -70px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus60px {
    right: -60px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus50px {
    right: -50px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus40px {
    right: -40px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus30px {
    right: -30px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus20px {
    right: -20px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_minus10px {
    right: -10px;
  }
  .container__spalte1_hinter_spalte2
    .column__two.container__spaltehinten_abstand_rechts_0px {
    right: 0;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus10px {
    right: 10px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus20px {
    right: 20px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus30px {
    right: 30px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus40px {
    right: 40px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus50px {
    right: 50px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus60px {
    right: 60px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus70px {
    right: 70px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus80px {
    right: 80px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus90px {
    right: 90px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus100px {
    right: 100px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus125px {
    right: 125px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus150px {
    right: 150px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus175px {
    right: 175px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus200px {
    right: 200px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus250px {
    right: 250px;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_abstand_rechts_plus300px {
    right: 300px;
  }

  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_01opacity {
    opacity: 0.1;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_02opacity {
    opacity: 0.2;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_03opacity {
    opacity: 0.3;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_04opacity {
    opacity: 0.4;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_05opacity {
    opacity: 0.5;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_06opacity {
    opacity: 0.6;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_07opacity {
    opacity: 0.7;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_08opacity {
    opacity: 0.8;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_09opacity {
    opacity: 0.9;
  }
  .container__spalte2_hinter_spalte1
    .column__two.container__spaltehinten_10opacity {
    opacity: 1;
  }

  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_01opacity {
    opacity: 0.1;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_02opacity {
    opacity: 0.2;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_03opacity {
    opacity: 0.3;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_04opacity {
    opacity: 0.4;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_05opacity {
    opacity: 0.5;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_06opacity {
    opacity: 0.6;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_07opacity {
    opacity: 0.7;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_08opacity {
    opacity: 0.8;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_09opacity {
    opacity: 0.9;
  }
  .container__spalte1_hinter_spalte2
    .column__one.container__spaltehinten_10opacity {
    opacity: 1;
  }
}

@media (max-width: 450px) {
  .shell__seite h1 {
    font-size: 4.5rem;
  }
}

.text__links {
  text-align: left;
}
.text__zentriert,
.zentriert {
  text-align: center;
}
.text__rechts {
  text-align: right;
}
/* Font Größen */
.font_0_25rem {
  font-size: 0.25rem;
}
.font_0_50rem {
  font-size: 0.5rem;
}
.font_0_75rem {
  font-size: 0.75rem;
}
.font_1rem {
  font-size: 1rem;
}
.font_1_25rem {
  font-size: 1.25rem;
}
.font_1_50rem {
  font-size: 1.5rem;
}
.font_1_75rem {
  font-size: 1.75rem;
}
.font_2rem {
  font-size: 2rem;
}
.font_2_25rem {
  font-size: 2.25rem;
}
.font_2_50rem {
  font-size: 2.5rem;
}
.font_2_75rem {
  font-size: 2.75rem;
}
.font_3rem {
  font-size: 3rem;
}
.font_3_25rem {
  font-size: 3.25rem;
}
.font_3_50rem {
  font-size: 3.5rem;
}
.font_3_75rem {
  font-size: 3.75rem;
}

.buchstaben__uppercase {
  text-transform: uppercase;
}

.border__dicke_1px {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.border__dicke_2px {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.border__dicke_3px {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
.border__dicke_4px {
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
.border__dicke_5px {
  border-bottom-width: 5px;
  border-bottom-style: solid;
}

/* ------------------------------------------------------------ *\
	Projekte
\* ------------------------------------------------------------ */
.container__projektdetails {
  padding: 15.2rem 0 10.6rem;
  /* padding-left: 1.5rem;
  padding-right: 1.5rem; */
  /* margin: auto;
  width: 100%; */
}
.container__projektsubdetailstitle {
  padding: 5rem 0 6rem;
}
.container__projektextradetails {
  padding: 0 0 10.6rem;
}
.shell__projekte {
  align-items: center;
  display: flex;
}
.container__projektdetails .shell__projekte,
.container__projektsubdetailstitle .shell__projekte,
.container__projektextradetails .shell__projekte,
.container__kunde_sagt .shell__projekte {
  max-width: calc(98.4rem + 1.5rem * 2);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin: auto;
  width: 100%;
}
.container__projektdetails .shell__projekte,
.container__projektsubdetailstitle .shell__projekte,
.container__projektextradetails .shell__projekte {
  align-items: flex-start;
}
.shell__projekte figure,
.container__bilder_2auf2 figure {
  padding: 0;
}
.container__bilder_2auf2 img,
.container__bild_komplette-breite img {
  width: 100%;
}
.container__bild_komplette-breite img {
  position: relative;
  width: 100%;
  /* height:500px; */
  margin: 0;
  overflow: hidden;
}
.container__kunde_sagt img {
  max-width: 240px;
  width: 100%;
}
.show_mobile__alternative_unter1024,
.show_mobile__alternative_unter0768,
.show_mobile__alternative_unter0576 {
  display: none;
}
.text__right {
  text-align: right;
}
.projekt__details-titel {
  padding-right: 20px;
}
.projekt__details-titel p {
  font-size: 1.3em;
  letter-spacing: 0em;
  line-height: 1.2em;
}
.projekt__details-zeit-www {
  display: flex;
  font-size: 1.6rem;
  flex-direction: row;
}
.projekt__details-zeit {
  padding-right: 30px;
}
.detail__inhalt {
  font-weight: 700;
}
.detail__inhalt a {
  color: #ff8700;
}
.projekt__details-inhalt {
  font-size: 1.6rem;
}
.projekt__details-beschreibung {
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .show_mobile__alternative_unter1024 {
    display: initial;
  }
  .hide_mobile__alternative_unter1024 {
    display: none;
  }
}
@media (max-width: 767px) {
  .container__projektdetails {
    padding: 12rem 0 4rem;
  }
  .container__projektsubdetailstitle {
    padding: 2 0 1rem;
  }
  .container__projektextradetails {
    padding: 0 0 4rem;
  }
  .shell__projekte {
    flex-direction: column;
  }
  .shell__seite {
    flex-direction: column;
    padding-right: 20px;
    padding-left: 20px;
  }
  .container__projektdetails .shell__projekte .container__content.breite500max,
  .container__projektsubdetailstitle
    .shell__projekte
    .container__content.breite500max,
  .container__projektextradetails
    .shell__projekte
    .container__content.breite500max {
    margin: 0 auto;
  }
  .container__kunde_sagt .shell__projekte {
    flex-direction: column-reverse;
  }
  .container__kunde_sagt img {
    max-width: 200px;
    width: 100%;
  }
  .container__bild_komplette-breite img {
    /* height: 600px;
    max-width: auto !important;
    width: auto; */
  }
  .show_mobile__alternative_unter0768 {
    display: initial;
  }
  .hide_mobile__alternative_unter0768 {
    display: none;
  }
}
@media (max-width: 576px) {
  .projekt__details-zeit-www {
    flex-direction: column;
  }
  .projekt__details-www {
    padding-top: 20px;
    word-break: break-word;
  }
  .show_mobile__alternative_unter0576 {
    display: initial;
  }
  .hide_mobile__alternative_unter0576 {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article {
  padding: 12.2rem 0 10.5rem;
  /*  Article Main  */
  /*  Article Main Primary  */
  /*  Article Main Secondary  */
  /*  Article Size1  */
  /*  Article Size2  */
  /*  Article Size3  */
  /*  Article Size4  */
  /*  Article Secondary  */
  /*  Article Size5  */
}
@media (max-width: 1023px) {
  .article {
    padding: 4rem 0 10rem;
  }
}
.article h1 {
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 374px) {
  .article h1 {
    word-break: break-word;
  }
}
.article h1 + p {
  margin: 2.9rem 0 0;
}
.article h2 {
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 374px) {
  .article h2 {
    word-break: break-word;
  }
}
.article__sideswitch-titeltextimagelinks h2 {
  text-align: right;
}
article.article__sideswitch-titeltextimagelinks p {
  padding-right: 0;
  padding-left: 2rem;
  text-align: right;
}
.article h2 + p {
  margin: 2.8rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article h2 + p {
    margin: 2.3rem -0.2rem 0 0;
  }
}
.article p {
  margin: 0;
  letter-spacing: 0.011em;
  padding-right: 2rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article p {
    padding-right: 0;
  }
}
.article p + .btn {
  margin: 4.7rem 0 0;
}

.article__sideswitch-titeltextimagelinks .shell,
.article__sideswitch-titeltextimagerechts .shell {
  align-items: center;
  display: flex;
}

.article__sideswitch-titeltextimagelinks .shell {
  flex-direction: row-reverse;
  position: relative;
}
.article__sideswitch-titeltextimagerechts .shell {
  flex-direction: row;
  position: relative;
}
.article--size1.article__sideswitch-titeltextimagerechts
  .article__image-container,
.article--size2.article__sideswitch-titeltextimagerechts
  .article__image-container,
.article--size3.article__sideswitch-titeltextimagerechts
  .article__image-container,
.article--size4.article__sideswitch-titeltextimagerechts
  .article__image-container,
.article--size5.article__sideswitch-titeltextimagerechts
  .article__image-container {
  text-align: right;
}

.article .shell div.article__content {
  width: 60%;
  vertical-align: middle;
  z-index: 10;
}
.article .shell div.article__image-container {
  width: 40%;
  vertical-align: middle;
}
.article--main-primary {
  padding: 20.8rem 0 15.7rem;
}
.article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
  .shell
  div.article__image-container
  img {
  left: 60%;
  top: -100px;
}
@media (max-width: 1250px) {
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 55%;
    top: -100px;
  }
}
@media (max-width: 1150px) {
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 50%;
    top: -100px;
  }
}
.desktop-overlap-top-mobile-overlap-top div.article__image-container img,
.desktop-overlap-top-mobile-overlap-bottom div.article__image-container img,
.desktop-overlap-bottom-mobile-overlap-top div.article__image-container img,
.desktop-overlap-bottom-mobile-overlap-bottom div.article__image-container img,
.desktop-overlap-top-mobile-not div.article__image-container img,
.desktop-overlap-bottom-mobile-not div.article__image-container img {
  position: absolute;
}
.desktop-overlap-bottom-mobile-overlap-top div.article__image-container img,
.desktop-overlap-bottom-mobile-not div.article__image-container img,
.desktop-overlap-bottom-mobile-overlap-bottom div.article__image-container img {
  left: -80px;
  top: -80px;
}
@media (max-width: 1023px) {
  .desktop-overlap-bottom-mobile-overlap-top div.article__image-container img,
  .desktop-overlap-bottom-mobile-not div.article__image-container img,
  .desktop-overlap-bottom-mobile-overlap-bottom
    div.article__image-container
    img {
    left: -20px;
    top: -80px;
  }
}
.article--main.desktop-overlap-bottom-mobile-overlap-top
  div.article__image-container
  img,
.article--main.desktop-overlap-bottom-mobile-overlap-bottom
  div.article__image-container
  img {
  left: 64%;
  top: -120px;
}
.article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-top
  div.article__image-container
  img,
.article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-bottom
  div.article__image-container
  img {
  left: -10%;
  top: -100px;
}
.article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-not
  div.article__content,
.article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-not
  div.article__content {
  width: 55%;
}
.width-767px-over-350-under-400 {
  max-width: 350px;
  width: 100%;
}
.desktop-overlap-bottom-mobile-overlap-top .width-767px-over-350-under-400 {
  max-width: 425px;
  width: 100%;
}
.article--main-secondary {
  padding: 20.9rem 0 19rem;
}
@media (max-width: 767px) {
  .article--main-secondary {
    padding: 17rem 0 25rem;
  }
}
.article--main-secondary .shell {
  position: relative;
}
.article--main-secondary h1 + p {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.17;
  margin: 2.8rem 0 0;
  max-width: 52.3rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article--main-secondary h1 + p {
    margin: 1.9rem 0 0;
  }
}
.article--main-secondary .article__label {
  position: absolute;
  bottom: -10rem;
  right: 2.3rem;
  font-size: 1.6rem;
  padding-left: 1.6rem;
  letter-spacing: -0.007em;
}
@media (max-width: 1023px) {
  .article--main-secondary .article__label {
    bottom: -9rem;
    right: 23rem;
  }
}
@media (max-width: 898px) {
  .article--main-secondary .article__label {
    bottom: -6rem;
    right: 23rem;
  }
}
@media (max-width: 500px) {
  .article--main-secondary .article__label {
    position: absolute;
    bottom: -7rem;
    right: 2.3rem;
    font-size: 1.6rem;
    padding-left: 1.6rem;
    letter-spacing: -0.007em;
  }
}
/* @media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article--main-secondary .article__label {
    bottom: -27.7rem;
    right: 1.5rem;
    font-weight: 700;
  }
} */
.article--main-secondary .article__label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ff8700;
  -webkit-box-shadow: 0 0 1rem 0 #ff8700;
  box-shadow: 0 0 1rem 0 #ff8700;
}
.article--main-secondary .article__image {
  right: 2.2rem;
  margin-top: 0.3rem;
}
.article--main-secondary .article__image {
  position: absolute;
  top: 49%;
  right: -14.8 rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 3.1 rem;
  pointer-events: none;
}
@media (max-width: 767px) {
  .article--main-secondary .article__image {
    top: 90%;
  }
  .article--main-secondary .article__label {
    position: absolute;
    bottom: -17rem;
    right: 25rem;
    font-size: 1.6rem;
    padding-left: 1.6rem;
    letter-spacing: -0.007em;
  }
}
@media (max-width: 400px) {
  .article--main-secondary .article__image {
    left: 20px;
    max-width: 300px;
    right: auto;
    top: 100px;
  }
  .article--main-secondary .article__image {
    top: 100%;
  }
}

@media (max-width: 1249px) {
  .article__sideswitch-titeltextimagerechts-overlap-below
    .shell
    div.article__image-container
    img {
    right: 0;
    top: -100px;
  }
  .desktop-overlap-bottom-mobile-overlap-top
    .shell
    div.article__image-container
    img {
    left: 0;
    top: -80px;
  }
  .article--main.desktop-overlap-bottom-mobile-overlap-top
    div.article__image-container
    img,
  .article--main.desktop-overlap-bottom-mobile-overlap-bottom
    div.article__image-container
    img {
    left: 60%;
    top: -120px;
  }
}
@media (max-width: 1023px) {
  .desktop-overlap-top-mobile-not div.article__image-container img,
  .desktop-overlap-bottom-mobile-not div.article__image-container img {
    position: relative;
  }
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 45%;
  }
  .article__sideswitch-titeltextimagelinks h2 {
    text-align: left;
  }
  article.article__sideswitch-titeltextimagelinks p {
    padding-right: 2rem;
    padding-left: 0;
    text-align: left;
  }
  .article__sideswitch-titeltextimagelinks .shell {
    flex-direction: column;
  }
  .article__sideswitch-titeltextimagelinks.article__sideswitch-bildvor .shell {
    flex-direction: column-reverse;
  }
  .article__sideswitch-titeltextimagerechts.article__sideswitch-bildvor .shell {
    flex-direction: column-reverse;
  }
  .article__sideswitch-titeltextimagelinks.article__sideswitch-bildnach .shell {
    flex-direction: column;
  }
  .article__sideswitch-titeltextimagerechts.article__sideswitch-bildnach
    .shell {
    flex-direction: column;
  }
  .article .shell div.article__content,
  .article .shell div.article__image-container {
    width: 100%;
  }
  .article--main-secondary .shell img {
    z-index: -1;
  }
  .article--size1.article__sideswitch-titeltextimagelinks
    .article__image-container,
  .article--size2.article__sideswitch-titeltextimagelinks
    .article__image-container,
  .article--size3.article__sideswitch-titeltextimagelinks
    .article__image-container,
  .article--size4.article__sideswitch-titeltextimagelinks
    .article__image-container,
  .article--size5.article__sideswitch-titeltextimagelinks
    .article__image-container,
  .article--size1.article__sideswitch-titeltextimagerechts
    .article__image-container,
  .article--size2.article__sideswitch-titeltextimagerechts
    .article__image-container,
  .article--size3.article__sideswitch-titeltextimagerechts
    .article__image-container,
  .article--size4.article__sideswitch-titeltextimagerechts
    .article__image-container,
  .article--size5.article__sideswitch-titeltextimagerechts
    .article__image-container {
    text-align: center;
  }
  .article__sideswitch-titeltextimagelinks .shell .article__image-container {
    margin-top: 75px;
  }
  .article__sideswitch-titeltextimagelinks.article__sideswitch-bildvor
    .shell
    .article__image-container {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .article__sideswitch-titeltextimagerechts .shell .article__image-container {
    margin-bottom: 75px;
  }
  .width-767px-over-350-under-400 {
    max-width: 400px;
  }
  .article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-top
    .shell {
    flex-direction: column-reverse;
  }
  .article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-top
    .shell
    div.article__image-container
    img {
    left: 50%;
    top: -200px;
  }
  .article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-top
    .shell
    div.article__content {
    padding-top: 50px;
  }
  .article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-top
    .shell
    div.article__content
    p {
    max-width: 70%;
  }
  .article--main.desktop-overlap-bottom-mobile-overlap-top
    div.article__image-container
    img,
  .article--main.desktop-overlap-bottom-mobile-overlap-bottom
    div.article__image-container
    img {
    left: 55%;
    top: -50px;
  }
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-top
    div.article__image-container
    img {
    left: 55%;
    top: 0;
  }
}
@media (max-width: 900px) {
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 40%;
  }
}
@media (max-width: 767px) {
  .article__sideswitch-titeltextimagerechts .shell {
    flex-direction: column;
  }
  .article--main-primary {
    padding: 20rem 0 6rem;
  }
  .article .shell div.article__content.article__content--primary {
    width: 100%;
  }
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 35%;
  }
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-top
    div.article__image-container
    img {
    left: 40%;
  }
}
@media (max-width: 719px) {
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 20%;
    top: -55%;
  }
}
@media (max-width: 600px) {
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 10%;
    top: -40%;
  }
}
@media (max-width: 500px) {
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 0%;
  }
}
@media (max-width: 450px) {
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-top
    div.article__image-container
    img {
    left: 40%;
    top: 20%;
  }
  .article--main-primary.desktop-overlap-bottom-mobile-overlap-bottom
    .shell
    div.article__image-container
    img {
    left: 0;
    top: -30%;
  }
  .article__sideswitch-titeltextimagerechts .shell .article__image-container {
    margin-bottom: 30px;
  }
}
.article--dark {
  background: -o-radial-gradient(#262529, #131317);
  background: radial-gradient(#262529, #131317);
  color: #fff;
}
.article--main.desktop-overlap-bottom-mobile-overlap-top {
  padding: 21rem 0 16.2rem;
  /*  Tablet  */
}
.desktop-overlap-bottom-mobile-overlap-top {
  padding: 14rem 0 13rem;
  /*  Tablet  */
}
@media (max-width: 599px) {
  .article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-top
    .shell
    div.article__content {
    padding-top: 160px;
  }
  .article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-top
    .shell
    div.article__content
    p {
    max-width: 90%;
  }
  .article__sideswitch-titeltextimagelinks.desktop-overlap-bottom-mobile-overlap-top
    .shell
    div.article__image-container
    img {
    left: 30%;
  }
  .desktop-overlap-bottom-mobile-overlap-top {
    padding: 14rem 0 7rem;
  }
  .article--main.desktop-overlap-bottom-mobile-overlap-top {
    padding: 14rem 0 7rem;
  }
  .article--main-secondary {
    padding: 15rem 0 20rem;
  }
}
@media (max-width: 399px) {
  .article--main-secondary {
    padding: 15rem 0 20rem;
  }
  .article--main-secondary .article__label {
    bottom: -15rem;
    right: 20rem;
  }
}
.article.article__kundesagt {
  padding: 10rem 0;
}
.article__kundesagt .article__content {
  max-width: 540px;
}
.article__kundesagt .shell {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 899px) {
  .article__kundesagt .article__content {
    max-width: 450px;
  }
}
@media (max-width: 767px) {
  .article__kundesagt .shell {
    flex-direction: column;
  }
  .article__kundesagt .article__content {
    padding-top: 50px;
  }
}
/* ------------------------------------------------------------ *\
	Article Alt
\* ------------------------------------------------------------ */
.article-alt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article-alt {
    display: block;
    position: relative;
    padding-top: 9rem;
    /* border-bottom: 1px dashed #999999;
    padding-bottom: 4.2rem; */
  }
}
.article-alt h6 {
  margin: 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article-alt h6 {
    position: absolute;
    border-top: 1px dashed #999999;
    padding-top: 4rem;
    top: 0.5rem;
    left: 0;
    width: 100%;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
  }
  div.section__body > div.article-alt:first-child {
    padding-top: 5.5rem;
  }
  div.section__body > div.article-alt:first-child h6 {
    border-top: 0;
    padding-top: 1rem;
  }
}
.article-alt h6 + h3 {
  margin: 0.4rem 0 0;
}
.article-alt h3 {
  color: #ff8700;
  line-height: 1.13;
  font-size: 2.8rem;
  font-weight: 700;
  margin: 0;
  padding-right: 2rem;
  transition: color 0.5s;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article-alt h3 {
    font-size: 2rem;
    line-height: 1.2;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
  }
}
.article-alt h3:hover {
  color: #fa9c3e;
}
.article-alt h3 a {
  text-decoration: none;
}
.article-alt h3 br {
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .article-alt h3 br {
    display: none;
  }
}
.article-alt h3 + h5 {
  margin: 1.8rem 0 0;
}
.article-alt h5 {
  font-size: 1.6rem;
  font-weight: 400;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article-alt h5 {
    display: none;
  }
}
.article-alt h5 span {
  display: inline-block;
  text-align: center;
  width: 1.9rem;
}
.article-alt h5 span:after {
  content: "";
  position: relative;
  top: -0.2rem;
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background: #191723;
  border-radius: 50%;
  border-radius: 50%;
}
.article-alt .article__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.3rem;
  flex: 0 0 31.3rem;
  position: relative;
  background: #f1f1f3;
  min-height: 21.5rem;
  border-radius: 1rem;
  -webkit-box-shadow: -0.2rem -0.2rem 0.1rem 0 white,
    0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  box-shadow: -0.2rem -0.2rem 0.1rem 0 white, 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article-alt .article__image {
    min-height: 22.2rem;
  }
}
.article-alt .article__image:hover {
  -webkit-box-shadow: -0.2rem -0.2rem 0.1rem 0 white,
    0.1rem 0.1rem 1.2rem 0 #c9c6cc;
  box-shadow: -0.2rem -0.2rem 0.1rem 0 white, 0.1rem 0.1rem 1.2rem 0 #c9c6cc;
}
.article-alt .article__image > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.article-alt .article__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .article-alt .article__image img {
    max-height: 90%;
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  .article-alt .article__image img {
    max-height: 90%;
  }
}
.article-alt .article__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1.5rem 0 0 2.9rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article-alt .article__body {
    padding: 2rem 0 0;
  }
}
.article-alt + .article-alt {
  margin-top: 3.2rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .article-alt + .article-alt {
    margin-top: 3.8rem;
  }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  color: #ff8700;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  min-width: 17rem;
  padding: 1rem 1rem;
  border-radius: 2.5rem;
  background: #f9f9fb;
  -webkit-box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.2rem 0.3rem 0 #c9c6cc;
  box-shadow: -0.1rem -0.2rem 0.1rem 0 white, 0rem 0.2rem 0.3rem 0 #c9c6cc;
  letter-spacing: 0.047em;
  border: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  /*  Button Medium  */
  /*  Button Border  */
}
.btn:hover {
  -webkit-box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.4rem 1rem 0 rgba(201, 198, 204, 0.5);
  box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.4rem 1rem 0 rgba(201, 198, 204, 0.5);
}
.btn:focus {
  -webkit-box-shadow: inset -0.2rem -0.2rem 0.1rem 0 white,
    inset 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  box-shadow: inset -0.2rem -0.2rem 0.1rem 0 white,
    inset 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
}
.btn--medium {
  min-width: 21.7rem;
}
.btn--border {
  color: #fff;
  background: #191723;
  -webkit-box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89,
    0rem 0.2rem 0.3rem 0 #000004;
  box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89, 0rem 0.2rem 0.3rem 0 #000004;
}
.btn--border:hover {
  -webkit-box-shadow: -0.1rem -0.3rem 0.8rem 0 rgba(125, 123, 137, 0.5),
    0rem 0.2rem 0.3rem 0 #000004;
  box-shadow: -0.1rem -0.3rem 0.8rem 0 rgba(125, 123, 137, 0.5),
    0rem 0.2rem 0.3rem 0 #000004;
}
.btn--border:focus {
  -webkit-box-shadow: inset -0.2rem -0.2rem 0.1rem 0 rgba(125, 123, 137, 0.5),
    inset 0.1rem 0.1rem 0.3rem 0 #000004;
  box-shadow: inset -0.2rem -0.2rem 0.1rem 0 rgba(125, 123, 137, 0.5),
    inset 0.1rem 0.1rem 0.3rem 0 #000004;
}
/* ------------------------------------------------------------ *\
	Button Buger
\* ------------------------------------------------------------ */
.btn-burger {
  display: inline-block;
  position: relative;
  width: 2.7rem;
  height: 1.9rem;
}
.btn-burger:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 0.3rem;
  background: #191723;
  border-radius: 0.5rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  -webkit-transition: 0.2s 0.25s;
  -o-transition: 0.2s 0.25s;
  transition: 0.2s 0.25s;
}
.btn-burger span {
  width: 100%;
  height: 0.3rem;
  background: #191723;
  position: absolute;
  left: 0;
  -webkit-transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s,
    -webkit-transform 0.2s 0s;
  transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s,
    -webkit-transform 0.2s 0s;
  -o-transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s,
    transform 0.2s 0s;
  transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s,
    transform 0.2s 0s;
  transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s,
    transform 0.2s 0s, -webkit-transform 0.2s 0s;
  border-radius: 0.5rem;
}
.btn-burger span:first-child {
  top: 0;
}
.btn-burger span:nth-child(2) {
  top: 0.8rem;
}
.btn-burger span:last-child {
  top: 1.6rem;
}
/* ------------------------------------------------------------ *\
	Checkbox
\* ------------------------------------------------------------ */
.checkbox input {
  display: none;
}
.checkbox input:checked + label:after {
  -webkit-box-shadow: -0.1rem -0.1rem 0.1rem 0 #000004,
    0.1rem 0.1rem 0.2rem 0 #7d7b89;
  box-shadow: -0.1rem -0.1rem 0.1rem 0 #000004, 0.1rem 0.1rem 0.2rem 0 #7d7b89;
}
.checkbox input:checked + label:before {
  opacity: 1;
  background-image: url(../images/svg/ico-check-orange.svg);
}
.checkbox label {
  position: relative;
  display: block;
  padding-left: 3.6rem;
  font-size: 1.6rem;
  line-height: 1.13;
  font-weight: 400;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .checkbox label {
    padding-left: 3.6rem;
  }
}
.checkbox label:hover:after {
  -webkit-box-shadow: -0.3rem -0.2rem 0.2rem 0 rgba(125, 123, 137, 0.5),
    0rem 0.2rem 0.3rem 0 #000004;
  box-shadow: -0.3rem -0.2rem 0.2rem 0 rgba(125, 123, 137, 0.5),
    0rem 0.2rem 0.3rem 0 #000004;
}
.checkbox label:hover:before {
  opacity: 1;
}
.checkbox label:after {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.3rem;
  background: #1a191e;
  -webkit-box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89,
    0rem 0.2rem 0.3rem 0 #000004;
  box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89, 0rem 0.2rem 0.3rem 0 #000004;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.checkbox label:before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0.2rem;
  /* background: url(../images/svg/ico-check-white.svg) no-repeat 0 0; */
  background-size: 100% 100%;
  width: 1.8rem;
  height: 1.3rem;
  z-index: 5;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.checkbox label a {
  color: #ff8700;
  text-decoration: none;
}

/* ------------------------------------------------------------ *\
	Textarea
\* ------------------------------------------------------------ */
.contact__message {
  background-color: #191723;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89, 0rem 0.2rem 0.3rem 0 #000004;
  padding: 5px;
  height: 350px;
  margin: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .contact__message {
    height: 350px;
    width: 100%;
  }
}
.uniform__potty {
  position: absolute;
  left: -9999px;
}
/* ------------------------------------------------------------ *\
	Features
\* ------------------------------------------------------------ */
.features {
  margin-right: -2rem;
  /*  Small Desktop  */
}
@media (max-width: 1199px) {
  .features {
    margin-right: 0;
  }
}
.features .grid {
  max-width: 989px;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .features .grid {
    display: block;
    margin: 0;
  }
}
.features .grid .grid__col {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .features .grid .grid__col {
    padding: 0;
    max-width: 100%;
  }
  .features .grid .grid__col + .grid__col {
    margin-top: 1rem;
  }
}
/* ------------------------------------------------------------ *\
	Feature
\* ------------------------------------------------------------ */
.feature {
  position: relative;
  background: #fff;
  color: #191723;
  min-height: 51.3rem;
  padding: 4rem 2.7rem;
  font-size: 1.4rem;
  line-height: 1.29;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  overflow: hidden;
  /*  Feature Dark  */
  /*  Feature Primary  */
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .feature {
    padding: 2.5rem 2.7rem;
    min-height: 48.2rem;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
  }
}
.feature:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  cursor: pointer;
}
.feature h4 {
  margin: 0;
}
.feature h4 + p {
  margin: 1.1rem 3rem 0 0;
}
.feature h4 + h6 {
  margin: 2.9rem 0 0;
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .feature h4 + h6 {
    margin: 1rem 0 0;
  }
}
.feature h6 {
  font-size: 1.4rem;
  line-height: 1.29;
}
.feature h6 span {
  display: block;
  font-weight: 400;
}
.feature p {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.feature .feature__image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .feature .feature__image {
    bottom: -18px;
  }
}
.feature .feature__content {
  position: relative;
  z-index: 5;
}
.feature .feature__link {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
.feature--dark {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.feature--primary {
  padding: 1.8rem 2.4rem;
}
@media (max-width: 499px) {
  .feature {
    min-height: 530px;
  }
  .feature.feature--primary {
    min-height: 570px;
  }
}
@media (max-width: 400px) {
  .feature {
    min-height: 530px;
  }
  .feature.feature--primary {
    min-height: 500px;
  }
}
.feature--primary h4 {
  line-height: 1.09;
}
/* ------------------------------------------------------------ *\
	Fields
\* ------------------------------------------------------------ */
.field {
  background: none;
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 0.1rem solid #fff;
  width: 100%;
  padding: 0 0 0.1rem;
}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {
  background: #e8e8ea;
  padding: 9.9rem 0 11.2rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .footer {
    padding: 6rem 0 4rem;
  }
}
.footer .logo {
  width: 13.7rem;
}
.footer .logo + .footer__inner {
  margin-top: 5.1rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .footer .logo + .footer__inner {
    margin-top: 4.1rem;
  }
}
.footer .socials {
  position: relative;
  top: -0.4rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .footer .socials {
    top: 0;
  }
}
.footer .footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .footer .footer__inner {
    display: block;
  }
}
.footer .footer__content {
  width: 38rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .footer .footer__content {
    width: 100%;
  }
}
.footer .footer__content h3 {
  text-transform: uppercase;
  margin: 0;
}
.footer .footer__content h3 + .btn {
  margin: 4.2rem 0 0;
  padding: 0.8rem 1rem;
}
.footer .footer__aside {
  width: 28.5rem;
  position: relative;
  top: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .footer .footer__aside {
    width: 100%;
    top: 0;
    margin: 7.9rem 0 0;
    padding-right: 2.9rem;
  }
}
/* .footer .footer__nav {
  width: 21.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.028em;
/*} */
.footer .footer__nav {
  width: 21.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.028em;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .footer .footer__nav {
    width: 19.6rem;
  }
}
.footer .footer__nav a {
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.footer .footer__nav a:hover {
  color: #ff8700;
}
/* .footer .footer__nav ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
} */
.footer .footer__nav ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 107px;
  flex-direction: column;
}
/* .footer .footer__nav ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 1rem 1.2rem 0;
} */
.footer .footer__nav ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  max-width: 100%;
  padding: 0 1rem 1.2rem 0;
}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form .field {
  /* max-width: 31.6rem; */
  max-width: 93%;
}
@media (max-width: 767px) {
  .form .field {
    max-width: 100%;
  }
}
.form .checkbox {
  max-width: 31.6rem;
  margin: 3.5rem 0 0;
  position: relative;
  z-index: 20;
}
.form .form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__inner {
    display: block;
  }
}
.form .form__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__body {
    max-width: 100%;
  }
}
.form .form__body .checkbox {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__body .checkbox {
    display: none;
  }
}
.form .form__aside {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  border-left: 0.2rem solid #fff;
  position: relative;
  top: 0.6rem;
  padding: 0 0 0 3rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__aside {
    border: none;
    padding: 3.4rem 0 0;
  }
  .form .form__aside {
    max-width: 100%;
  }
}
.form .form__aside h6 {
  margin: -0.5rem 0 2.8rem;
  font-weight: 400;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__aside h6 {
    margin-bottom: 1.2rem;
  }
}
.form .form__aside p {
  opacity: 0.4;
  letter-spacing: 0.011em;
}
.form .form__label {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  font-weight: 400;
}
.form .form__row + .form__row {
  margin-top: 2.6rem;
}
.form .form__row + .form__row .form__label {
  margin: 0 0 0.5rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__row + .form__row .form__label {
    margin: 0 0 0.1rem;
  }
}
.form .form__actions {
  text-align: right;
  margin-top: -3.8rem;
  padding-right: 0.8rem;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__actions {
    margin: 4rem 0 0;
    text-align: left;
  }
}
.form .form__actions .checkbox {
  display: none;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__actions .checkbox {
    display: block;
    margin: 0 0 3.1rem;
  }
}
.form .form__actions .btn {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .form .form__actions .btn {
    width: 100%;
  }
}
/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -0.5rem -1rem;
  /*  Grid col 1of2  */
  /*  Grid col 1of3  */
}
.grid .grid__col {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0 0.5rem 1rem;
}
.grid .grid__col--1of2 {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.grid .grid__col--1of3 {
  max-width: calc(100% / 3);
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% / 3);
  flex-basis: calc(100% / 3);
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: right;
  padding: 4.6rem 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  /*  Header Fixed  */
  /*  Header Active  */
  /*  Header Alt  */
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header {
    text-align: left;
    padding: 2.4rem 0;
  }
}
.header .shell {
  position: relative;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header .shell {
    position: static;
  }
}
.header .logo {
  position: absolute;
  top: 50%;
  left: 1.9rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0.5rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header .logo {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin: 0;
    z-index: 10;
  }
}
.header .btn-burger {
  display: none;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header .btn-burger {
    display: block;
    position: absolute;
    top: 50%;
    right: 2.4rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0.4rem;
    z-index: 10;
  }
}
.header .header__body {
  padding-right: 0.4rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header .header__body {
    background: -o-radial-gradient(#dfdfe4, #fff);
    background: radial-gradient(#dfdfe4, #fff);
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    padding: 12.9rem 2.5rem 6rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
    transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
    transition: opacity 0.4s, visibility 0.4s, transform 0.4s,
      -webkit-transform 0.4s;
  }
}
.header .header__body .btn {
  display: none;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header .header__body .btn {
    display: inline-block;
    margin: 7.8rem 0 0;
  }
}
.header.is-fixed {
  background: rgba(223, 223, 228, 0.4);
  -webkit-backdrop-filter: blur(0.7rem);
  backdrop-filter: blur(0.7rem);
  padding: 2.7rem 0 3.9rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header.is-fixed {
    padding: 1.6rem 0 2.4rem;
  }
}
.header.is-active .btn-burger {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header.is-active .btn-burger:after {
    width: 100%;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .header.is-active .btn-burger span {
    -webkit-transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s,
      -webkit-transform 0.2s 0.25s;
    transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s,
      -webkit-transform 0.2s 0.25s;
    -o-transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s,
      transform 0.2s 0.25s;
    transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s,
      transform 0.2s 0.25s;
    transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s,
      transform 0.2s 0.25s, -webkit-transform 0.2s 0.25s;
  }
  .header.is-active .btn-burger span:first-child {
    top: 0.1rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header.is-active .btn-burger span:nth-child(2) {
    opacity: 0;
  }
  .header.is-active .btn-burger span:nth-child(3) {
    top: 0.1rem;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.header.is-active .header__body {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header.is-active .header__body {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.header--alt {
  color: #fff;
}
.header--alt .btn-burger span {
  background: #fff;
}
.header--alt .btn-burger:after {
  background: #fff;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header--alt .header__body {
    background: -o-radial-gradient(#262529, #131317);
    background: radial-gradient(#262529, #131317);
  }
}
.header--alt.is-fixed {
  background: rgba(38, 37, 41, 0.4);
}
/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
[class^="ico-"] {
  display: inline-block;
  background-size: 100% 100%;
}
.ico-check {
  background-image: url(../images/svg/ico-check.svg);
  width: 1.8rem;
  height: 1.3rem;
}
.ico-instagram-orange,
.ico-instagram {
  background-image: url(../images/svg/ico-instagram.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.ico-instagram-orange {
  background-image: url(../images/svg/ico-instagram-orange.svg);
}
.ico-linkedin-orange,
.ico-linkedin {
  background-image: url(../images/svg/ico-linkedin.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.ico-linkedin-orange {
  background-image: url(../images/svg/ico-linkedin-orange.svg);
}
.ico-xing-orange,
.ico-xing {
  background-image: url(../images/svg/ico-xing.svg);
  width: 1.4rem;
  height: 1.6rem;
}
.ico-xing-orange {
  background-image: url(../images/svg/ico-xing-orange.svg);
}
.ico-arrow-dark {
  background-image: url(../images/svg/ico-arrow-dark.svg);
  width: 1.5rem;
  height: 0.9rem;
}
.ico-arrow-dark--alt {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ico-facebook-orange,
.ico-facebook {
  background-image: url(../images/svg/ico-facebook.svg);
  width: 1.6rem;
  height: 1.6rem;
}
.ico-facebook-orange {
  background-image: url(../images/svg/ico-facebook-orange.svg);
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] {
  list-style: none;
}
/* ------------------------------------------------------------ *\
	List Steps
\* ------------------------------------------------------------ */
.list-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  -webkit-box-shadow: 0 1rem 5rem 0 rgba(112, 112, 112, 0.3);
  box-shadow: 0 1rem 5rem 0 rgba(112, 112, 112, 0.3);
  padding: 1.9rem 3.3rem 0.9rem;
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .list-steps {
    padding: 2rem 0 1rem;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .list-steps {
    background: none;
    padding: 0;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.list-steps h6 {
  font-size: 1.4rem;
  font-weight: 400;
  color: #6f6f6f;
  text-transform: uppercase;
}
.list-steps h6 strong {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: none;
  color: #191723;
  margin-top: 0.2rem;
  letter-spacing: 0.032em;
}
.list-steps li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 20rem;
  padding: 0 3rem 3rem;
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .list-steps li {
    padding: 0 1.5rem 3rem;
    max-width: 18.2rem;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .list-steps li {
    max-width: 100%;
    padding: 0;
  }
  .list-steps li + li {
    margin: 1.6rem 0 0;
  }
}
.list-steps div {
  position: relative;
  padding: 1.5rem;
  padding-left: 4.2rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .list-steps div {
    background: #fff;
    padding: 3.6rem 3.6rem 5.3rem 9.6rem;
  }
}
.list-steps div > span {
  position: absolute;
  bottom: 1.1rem;
  left: 0.1rem;
  width: 2.8rem;
  height: 2.8rem;
  -webkit-box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .list-steps div > span {
    bottom: 5.1rem;
    left: 5.3rem;
  }
}
.list-steps div > span i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* ------------------------------------------------------------ *\
	List Data
\* ------------------------------------------------------------ */
.list-data {
  font-size: 1.6rem;
  line-height: 1.13;
}
.list-data strong {
  display: block;
  font-weight: 700;
  margin: 0.7rem 0 0;
}
.list-data strong a {
  text-decoration: none;
  color: #ff8700;
}
.list-data li > span {
  display: inline-block;
}
.list-data li > span + span {
  margin-left: 2.4rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .list-data li > span + span {
    margin-left: 6.5rem;
  }
}
.list-data li + li {
  margin: 2.5rem 0 0;
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo {
  display: inline-block;
  width: 15.1rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .logo {
    width: 105px;
  }
}
.logo img {
  width: 100%;
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {
  font-size: 1.6rem;
}
.nav li {
  display: inline-block;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .nav li {
    display: block;
  }
}
.nav li + li {
  margin-left: 4.6rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .nav li + li {
    margin: 1.8rem 0 0;
  }
}
.nav li + .visible-mobile {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .nav li + .visible-mobile {
    margin: 2.6rem 0 0;
  }
}
.nav a {
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.nav a:hover {
  color: #ff8700;
}
.nav .is-active {
  font-weight: 700;
}
li.select__language img {
  max-width: 25px;
}
/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */
.pagination {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .pagination {
    text-align: left;
    padding-left: 4rem;
  }
}
.pagination a {
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.pagination > a {
  position: relative;
  top: -0.2rem;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  text-decoration: none;
  -webkit-box-shadow: -0.2rem -0.2rem 0.1rem 0 white,
    0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  box-shadow: -0.2rem -0.2rem 0.1rem 0 white, 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagination > a:hover {
  -webkit-box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.4rem 1rem 0 rgba(201, 198, 204, 0.5);
  box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.4rem 1rem 0 rgba(201, 198, 204, 0.5);
}
.pagination > a + a {
  margin-left: 2.9rem;
}
.pagination ul {
  display: inline-block;
  margin-right: 2.4rem;
}
.pagination ul li {
  display: inline-block;
}
.pagination ul li + li {
  margin-left: 0.3rem;
}
.pagination ul a {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  line-height: 4rem;
  -webkit-box-shadow: -0.2rem -0.2rem 0.1rem 0 white,
    0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  box-shadow: -0.2rem -0.2rem 0.1rem 0 white, 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.pagination ul a:hover {
  -webkit-box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.4rem 1rem 0 rgba(201, 198, 204, 0.5);
  box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.4rem 1rem 0 rgba(201, 198, 204, 0.5);
}
.pagination .is-active {
  color: #ff8700;
}
.pagination .is-active a {
  -webkit-box-shadow: inset -0.2rem -0.2rem 0.1rem 0 white,
    inset 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  box-shadow: inset -0.2rem -0.2rem 0.1rem 0 white,
    inset 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section {
  padding: 15rem 0 22rem;
  /*  Section Dark  */
  /*  Section Primary  */
  /*  Section Size1  */
  /*  Section Images  */
  /*  Section Blog  */
  /*  Section Secondary  */
  /*  Section Form  */
  /*  Section Size2  */
  /*  Section Contact  */
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section {
    padding: 12.5rem 0 10.3rem;
  }
}
.section .section__head {
  max-width: 63.5rem;
  margin: 0 0 6.8rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__head {
    margin: 0 0 4.1rem;
  }
}
.section .section__head h2,
.section .section__head h1 {
  text-transform: uppercase;
  margin: 0;
}
.section .section__head h1 {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__head h1 {
    font-size: 4.5rem;
    line-height: 1.05;
  }
}
.section .section__head h2 + p {
  margin: 3rem 0 0;
  letter-spacing: 0.011em;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__head h2 + p {
    margin: 2rem 0 0;
  }
}
.section .section__head p + .select {
  margin: 4.8rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__head p + .select {
    margin: 3.6rem 0 0;
  }
}
.section .section__head--primary {
  max-width: 68rem;
}
.section .section__actions {
  text-align: right;
  margin: 4.2rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__actions {
    text-align: center;
    margin: 4.1rem 0 0;
  }
}
.section .section__image-full {
  width: 100%;
}
.section .section__image-full + img {
  margin: 8.8rem 0 0;
}
.section .section__content-def {
  max-width: 73.6rem;
}
.section .section__content-def h2 {
  text-transform: uppercase;
  margin: 0 -12rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__content-def h2 {
    margin: 0;
    word-break: break-word;
  }
}
.section .section__content-def h2 + h4 {
  margin: 2.9rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__content-def h2 + h4 {
    margin: 1.9rem 0 0;
  }
}
.section .section__content-def h4 {
  line-height: 1.17;
  font-weight: 400;
  margin: 0;
  letter-spacing: 0.01em;
}
.section .section__content-def h4 + h5 {
  margin: 3.1rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__content-def h4 + h5 {
    margin: 3.2rem 0 0;
  }
}
.section .section__content-def h5 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.031em;
}
.section .section__content-def h5 + ul {
  margin: 2rem 0 0;
}
.section .section__content-def h5 + p {
  margin: 2rem 0 0;
}
.section .section__content-def ul {
  list-style: none;
  margin: 0;
  letter-spacing: 0.011em;
  margin-bottom: 1em;
}
.section .section__content-def p {
  margin: 0;
  letter-spacing: 0.011em;
  margin-bottom: 1em;
}
.section .section__content-def ul li {
  position: relative;
  padding-left: 2.8rem;
}
.section .section__content-def ul li:after {
  content: "";
  position: absolute;
  top: 1.4rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #000;
}
.section .section__content-def ul + h5 {
  margin: 3rem 0 0;
}
.section .pagination {
  margin: 6.7rem 0 0;
}
.section .section__title {
  margin: 0 0 1.6rem;
}
.section--dark {
  background: -o-radial-gradient(#262529, #131317);
  background: radial-gradient(#262529, #131317);
  color: #fff;
}
.section--light {
  background: -o-radial-gradient(#262529, #131317);
  background: radial-gradient(#eae9ec, #bebec0);
  color: #fff;
}
.section--color_dark {
  background-color: #262529;
}
.section--color_light {
  background-color: #eae9ec;
}
.section--primary {
  padding: 7.4rem 0 10.4rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--primary {
    padding: 9.4rem 0 10.4rem;
  }
}
.section--primary .section__head {
  margin: 0 0 4.6rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--primary .section__head {
    margin: 0 0 2.6rem;
  }
}
.section--primary .section__head p {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--primary .section__head p {
    padding-right: 2rem;
  }
}
.section--size1 {
  padding: 15.2rem 0 10.6rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--size1 {
    padding: 12.6rem 0 11.2rem;
  }
}
.section--images {
  padding: 0;
  text-align: center;
  margin-bottom: -1.6rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--images {
    padding: 8rem 0 0;
    margin: 0 -0.7rem -2.4rem;
  }
  .section--images img {
    width: 100%;
  }
}
.section--blog {
  padding: 15.2rem 0 10.6rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--blog {
    padding: 12.3rem 0 10.6rem;
  }
}
.section--secondary {
  padding-bottom: 8rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--secondary {
    padding: 12.2rem 0 8rem;
  }
}
.section--secondary .article-alt h6,
.section--secondary .article-alt h3 {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--secondary .article-alt h6,
  .section--secondary .article-alt h3 {
    opacity: 1;
  }
}
.section--secondary .section__head {
  margin: 0 0 4.1rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--secondary .section__head {
    margin: 0 0 3.5rem;
  }
}
.section--secondary .section__head h1 {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--secondary .section__head h1 {
    font-size: 5.4rem;
    line-height: 1.05;
  }
}
.section--secondary .section__head h1 + p {
  margin: 2.1rem 2.5rem 0 0;
}
.section--secondary .section__head p {
  font-size: 2.4rem;
  line-height: 1.17;
  font-weight: 400;
}
.section--form {
  padding: 15rem 0 17.5rem;
}
.section--size2 {
  padding: 6.8rem 0;
}
.section--size2 > img {
  width: 104%;
  max-width: 110%;
  margin-left: -0.7rem;
}
.section--contact {
  min-height: 100vh;
}
.section--contact .section__head {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section--contact .section__head {
    margin: 0 0 3.6rem;
  }
}
/* ------------------------------------------------------------ *\
	Section Post
\* ------------------------------------------------------------ */
.section-post {
  padding: 17.3rem 0 10.4rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post {
    padding: 13.5rem 0 10.4rem;
  }
}
.section-post .section__image {
  text-align: center;
}
.section-post .section__image + .section__head {
  margin-top: 4.4rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__image + .section__head {
    margin-top: 1.3rem;
  }
}
.section-post .section__head {
  margin: 0 0 9.4rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__head {
    margin: 0 0 1.3rem;
  }
}
.section-post .section__head h6 {
  margin: 0;
}
.section-post .section__head h6 + h2 {
  margin: 1.3rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__head h6 + h2 {
    margin: 2rem 0 0;
  }
}
.section-post .section__head h2 {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__head h2 {
    font-size: 4rem;
    line-height: 1.05;
  }
}
.section-post .section__head h2 + h5 {
  margin: 4.3rem 0 0;
}
.section-post .section__head h5 {
  font-size: 1.6rem;
  font-weight: 400;
}
.section-post .section__head h5 span {
  display: inline-block;
  text-align: center;
  width: 1.9rem;
}
.section-post .section__head h5 span:after {
  content: "";
  position: relative;
  top: -0.2rem;
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background: #191723;
  border-radius: 50%;
  border-radius: 50%;
}
.section-post .section__content h5 {
  font-size: 2.2rem;
  line-height: 1.09;
  font-weight: 500;
  letter-spacing: 0.005em;
  margin: 0;
}
.section-post .section__content h5 + p {
  margin: 2.7rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__content h5 + p {
    margin: 2.7rem -0.2rem 0 0;
  }
}
.section-post .section__content h6 {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.031em;
  margin: 0;
}
.section-post .section__content h6 strong {
  color: #ff8700;
  font-weight: 400;
  letter-spacing: 0.031em;
}
.section-post .section__content h6 + p {
  margin: 1.4rem 0 0;
}
.section-post .section__content h6 + div {
  margin: 2.5rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__content h6 + div {
    margin: 3.9rem 0 0;
  }
}
.section-post .section__content p {
  letter-spacing: 0.011em;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__content p {
    margin-right: -0.5rem;
  }
}
.section-post .section__content p + p {
  margin: 2.3rem 0 0;
}
.section-post .section__content p + ul {
  margin: 2.3rem 0 2.3rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__content p + ul {
    margin: 2.5rem 0 2.5rem;
  }
}
.section-post .section__content p + ol {
  margin: 2.3rem 0 0;
}
.section-post .section__content p + img {
  margin: 4.3rem 0 0;
}
.section-post .section__content p + h6 {
  margin: 4.2rem 0 0;
}
.section-post .section__content ul {
  list-style: none;
  color: #ff8700;
  letter-spacing: 0.011em;
}
.section-post .section__content ul li {
  position: relative;
  padding-left: 1.6rem;
}
.section-post .section__content ul li:after {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background: #000;
  border-radius: 50%;
}
.section-post .section__content ul + h3 {
  margin: 3.7rem 0 0;
}
.section-post .section__content ol {
  padding-left: 2.5rem;
  color: #000;
}
.section-post .section__content ol li strong {
  font-weight: 400;
  color: #ff8700;
}
.section-post .section__content ol + h4 {
  margin: 4rem 0 0;
}
.section-post .section__content h3 + p {
  margin: 2.1rem 0 0;
}
.section-post .section__content img {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__content img {
    width: calc(100% + 5rem);
    max-width: calc(100% + 5rem);
    margin-left: -2.5rem !important;
  }
}
.section-post .section__content img + h3 {
  margin: 3.3rem 0 0;
}
.section-post .section__content h4 + p {
  margin: 1.8rem 0 0;
}
.section-post .section__content > div {
  background: #191723;
  color: #fff;
  padding: 2.6rem 4.8rem 3.5rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post .section__content > div {
    padding: 2.7rem 2.5rem 3.5rem;
  }
}
.section-post .section__content > div h6 {
  text-transform: uppercase;
}
.section-post .section__content > div h6 + p {
  margin: 2.3rem 0 0;
}
/* ------------------------------------------------------------ *\
	Section Post Alt
\* ------------------------------------------------------------ */
.section-post-alt {
  padding: 15rem 0 10.7rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post-alt {
    padding: 12.4rem 0 10.7rem;
  }
}
.section-post-alt .section__content h1 {
  font-size: 4rem;
  font-weight: 600;
  text-transform: uppercase;
  /* margin: 4rem 0 0; */
}
.section-post-alt .section__content h2 {
  font-size: 3rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 4rem 0 0;
}
.section-post-alt .section__content h3 {
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 2rem 0 1rem;
}
.section-post-alt .section__content h2 + p {
  margin: 3rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post-alt .section__content h2 {
    word-break: break-word;
  }
  .section-post-alt .section__content h2 + p {
    margin: 3.1rem 0 0;
  }
}
.section-post-alt .section__content p {
  margin: 0;
  letter-spacing: 0.011em;
}
.section-post-alt .section__content p a {
  text-decoration: none;
}
.section-post-alt .section__content p strong {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
}
.section-post-alt .section__content p + p {
  margin: 2.8rem 0 0;
}
.section-post-alt .section__content p + p strong {
  margin-bottom: -1.4rem;
}
.section-post-alt .section__content p + h4 {
  margin: 3.6rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-post-alt .section__content p + h4 {
    word-break: break-word;
    margin: 4.3rem -0.5rem 0 0;
  }
}
.section-post-alt .section__content p + h6 {
  margin: 4.1rem 0 0;
}
.section-post-alt .section__content h4 {
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.section-post-alt .section__content h4 + p {
  margin: 2.6rem 0 0;
}
.section-post-alt .section__content h6 {
  font-size: 1.8rem;
  line-height: 1.11;
  text-transform: uppercase;
  margin: 0;
}
.section-post-alt .section__content h6 + p {
  margin: 2.6rem 0 0;
}
.section-post-alt .section__content h6 + p strong {
  margin-top: -1.2rem;
  margin-bottom: -1.5rem;
}
@media (max-width: 600px) {
  .section-post-alt .section__content h1 {
    font-size: 2.8rem;
  }
  .section-post-alt .section__content h2 {
    font-size: 2.2rem;
    margin: 4rem 0 0;
  }
  .section-post-alt .section__content h3 {
    font-size: 1.9rem;
    margin: 2rem 0 1rem;
  }
  .section-post-alt .section__content h2 + p {
    margin: 3rem 0 0;
  }
}
@media (max-width: 400px) {
  .section-post-alt .section__content h1 {
    font-size: 2.3rem;
  }
  .section-post-alt .section__content h2 {
    font-size: 2rem;
    margin: 4rem 0 0;
  }
  .section-post-alt .section__content h3 {
    font-size: 1.7rem;
    margin: 2rem 0 1rem;
  }
  .section-post-alt .section__content h2 + p {
    margin: 3rem 0 0;
  }
}
@media (max-width: 340px) {
  .section-post-alt .section__content h1 {
    font-size: 2rem;
  }
  .section-post-alt .section__content h2 {
    font-size: 1.8rem;
    margin: 4rem 0 0;
  }
  .section-post-alt .section__content h3 {
    font-size: 1.6rem;
    margin: 2rem 0 1rem;
  }
  .section-post-alt .section__content h2 + p {
    margin: 3rem 0 0;
  }
}
/* ------------------------------------------------------------ *\
	Select
\* ------------------------------------------------------------ */
.select {
  position: relative;
  /* max-width: 31.6rem; */
  max-width: 93%;
  /*  Select Dark  */
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .select {
    max-width: 100%;
  }
}
.select select::-ms-expand {
  display: none;
}
.select .selectric {
  border: none;
  background: none;
  border-radius: 0.7rem;
  -webkit-box-shadow: -0.2rem -0.2rem 0.1rem 0 white,
    0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  box-shadow: -0.2rem -0.2rem 0.1rem 0 white, 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.select .selectric:hover {
  -webkit-box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.4rem 1rem 0 rgba(201, 198, 204, 0.5);
  box-shadow: -0.1rem -0.2rem 0.1rem 0 white,
    0rem 0.4rem 1rem 0 rgba(201, 198, 204, 0.5);
}
.select .selectric .label {
  margin: 0;
  height: 5rem;
  line-height: 5rem;
  padding: 0 2rem;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  position: relative;
}
.select .selectric .label:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.2rem;
  -webkit-transform: translateY(-50%) rotate(135deg);
  -ms-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  width: 0.8rem;
  height: 0.8rem;
  border-top: 0.2rem solid #000;
  border-right: 0.2rem solid #000;
}
.select .selectric .button {
  display: none;
}
.select .selectric-open .selectric {
  -webkit-box-shadow: inset -0.2rem -0.2rem 0.1rem 0 white,
    inset 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
  box-shadow: inset -0.2rem -0.2rem 0.1rem 0 white,
    inset 0.1rem 0.1rem 0.3rem 0 #c9c6cc;
}
.select .selectric-items {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: -0.6rem;
  z-index: 10;
  background: #fff;
}
.select .selectric-items li {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 1.5rem 2.1rem;
  background: none !important;
  background: #19181d !important;
  color: #fff;
  -webkit-transition: background 0.4s, color 0.4s;
  -o-transition: background 0.4s, color 0.4s;
  transition: background 0.4s, color 0.4s;
}
.select .selectric-items li:hover {
  background: #fff !important;
  color: #19181d !important;
}
.select .selectric-items .selectric-scroll {
  border-radius: 0.7rem;
}
.select--dark .selectric {
  -webkit-box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89,
    0rem 0.2rem 0.3rem 0 #000004;
  box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89, 0rem 0.2rem 0.3rem 0 #000004;
}
.select--dark .selectric:hover {
  -webkit-box-shadow: 0rem -0.2rem 0.5rem 0 #7d7b89,
    0rem 0.2rem 0.3rem 0 #000004;
  box-shadow: 0rem -0.2rem 0.5rem 0 #7d7b89, 0rem 0.2rem 0.3rem 0 #000004;
}
.select--dark .selectric .label {
  height: 4.8rem;
  line-height: 4.8rem;
  color: #fff;
}
.select--dark .selectric .label:after {
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
}
.select--dark .selectric-open .selectric {
  -webkit-box-shadow: inset -0.2rem -0.2rem 0.1rem 0 #7d7b89,
    inset 0.1rem 0.1rem 0.3rem 0 #000004;
  box-shadow: inset -0.2rem -0.2rem 0.1rem 0 #7d7b89,
    inset 0.1rem 0.1rem 0.3rem 0 #000004;
}
.select--dark .selectric-items {
  background: #19181d;
}
.select--dark .selectric-items li {
  background: #fff !important;
  color: #000;
}
.select--dark .selectric-items li:hover {
  background: #1a1a1d !important;
  color: #fff !important;
}
/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.shell {
  max-width: calc(98.4rem + 1.5rem * 2);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin: auto;
  width: 100%;
  /*  Shell Medium  */
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .shell {
    padding: 0 2.5rem;
  }
}
.shell--medium {
  max-width: 67.8rem;
}
/* ------------------------------------------------------------ *\
	Slick
\* ------------------------------------------------------------ */
.slick-arrow {
  background: #1a191e;
  -webkit-box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89,
    0rem 0.2rem 0.3rem 0 #000004;
  box-shadow: -0.1rem -0.1rem 0.1rem 0 #7d7b89, 0rem 0.2rem 0.3rem 0 #000004;
  border: none;
  font-size: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-size: 100% 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.slick-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../images/svg/ico-arrow.svg) no-repeat 0 0;
  background-size: 100% 100%;
  width: 1.5rem;
  height: 0.9rem;
}
.slick-arrow:hover {
  -webkit-box-shadow: -0.3rem -0.2rem 0.3rem 0 rgba(125, 123, 137, 0.5),
    0rem 0.2rem 0.3rem 0 #000004;
  box-shadow: -0.3rem -0.2rem 0.3rem 0 rgba(125, 123, 137, 0.5),
    0rem 0.2rem 0.3rem 0 #000004;
}
.slick-arrow:active {
  -webkit-box-shadow: inset -0.2rem -0.2rem 0.1rem 0 rgba(125, 123, 137, 0.5),
    inset 0.1rem 0.1rem 0.3rem 0 #000004;
  box-shadow: inset -0.2rem -0.2rem 0.1rem 0 rgba(125, 123, 137, 0.5),
    inset 0.1rem 0.1rem 0.3rem 0 #000004;
}
.slick-prev:after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.slick-dots {
  display: none !important;
  list-style: none;
  text-align: center;
  margin: 2rem 1.5rem 0 0;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slick-dots {
    margin: 0.6rem -1.9rem 0 0;
  }
}
.slick-dots button {
  display: none;
}
.slick-dots li {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 50%;
  opacity: 0.4;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.slick-dots li + li {
  margin-left: 0.5rem;
}
.slick-dots .slick-active {
  opacity: 1;
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {
  background: -o-radial-gradient(#262529, #131317);
  background: radial-gradient(#262529, #131317);
  color: #fff;
  padding: 9.5rem 0 16.1rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider {
    padding: 9.5rem 0 10.4rem;
  }
}
.slider .shell {
  position: relative;
}
.slider .slick-arrow {
  position: absolute;
  bottom: -5.7rem;
  right: 1.9rem;
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .slider .slick-arrow {
    display: none !important;
  }
}
.slider .slick-prev {
  right: 7.8rem;
}
.slider .slick-dots {
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .slider .slick-dots {
    display: block !important;
  }
}
.slider .slick-list {
  margin: 0 -0.5rem;
  overflow: visible !important;
}
.slider .slick-slide {
  padding: 0 0.5rem;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.slider .slick-slide:not(.slick-active) {
  opacity: 0.38;
}
.slider .slider__clip {
  margin-right: -2rem;
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .slider .slider__clip {
    margin-right: 0;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider .slider__clip {
    margin-right: 0;
    padding-right: 1.8rem;
  }
}
.slider .slider__head {
  max-width: 56.2rem;
  margin: 0 0 7.8rem;
}
.slider .slider__head h2 {
  text-transform: uppercase;
}
.slider .slider__actions {
  position: absolute;
  top: 0.9rem;
  right: -0.6rem;
  /*  Small Desktop  */
  /*  Tablet  */
}
@media (max-width: 1199px) {
  .slider .slider__actions {
    right: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .slider .slider__actions {
    position: static;
    text-align: center;
    margin: 3rem 0 0;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider .slider__actions {
    margin: 4.2rem 0 0;
  }
}
/* ------------------------------------------------------------ *\
	Slider Mobile
\* ------------------------------------------------------------ */
.slider-mobile {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider-mobile {
    padding-right: 1rem;
  }
}
.slider-mobile .slick-dots {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider-mobile .slick-dots {
    display: block !important;
    margin: 2.9rem -0.7rem 0 0;
  }
}
.slider-mobile .slick-dots li {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider-mobile .slick-dots li {
    background: #191723;
  }
}
.slider-mobile .slick-arrow {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider-mobile .slick-arrow {
    display: none !important;
  }
}
.slider-mobile .slick-list {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider-mobile .slick-list {
    margin: 0 -0.5rem;
    overflow: visible;
  }
}
.slider-mobile .slick-slide {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider-mobile .slick-slide {
    padding: 0 0.5rem;
  }
}
.slider-mobile .slick-slide.slick-active {
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .slider-mobile .slick-slide.slick-active h3,
  .slider-mobile .slick-slide.slick-active h6 {
    opacity: 1;
  }
}
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials ul {
  list-style: none;
}
.socials li + li {
  margin: 1.2rem 0 0;
}
.socials a {
  position: relative;
  line-height: 0;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.socials a:hover i {
  opacity: 0;
}
.socials a:hover i + i {
  opacity: 1;
}
.socials a i {
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.socials a i + i {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
/* ------------------------------------------------------------ *\
	Widget Alt
\* ------------------------------------------------------------ */
.widget-alt {
  padding: 9.3rem 0;
}
.widget-alt .widget__title {
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 6.1rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .widget-alt .widget__title {
    text-align: left;
    margin: 0 0 5.3rem;
  }
}
@media (max-width: 374px) {
  .widget-alt .widget__title {
    word-break: break-word;
  }
}
/* ------------------------------------------------------------ *\
	Widget Def
\* ------------------------------------------------------------ */
.widget-def .grid {
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .widget-def .grid {
    display: block;
    margin: 0;
  }
}
.widget-def .grid .grid__col {
  /*  Tablet  */
}
@media (max-width: 1023px) {
  .widget-def .grid .grid__col {
    max-width: 100%;
    padding: 0;
  }
}
.widget-def .widget__head {
  padding-right: 20px;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .widget-def .widget__head {
    margin: 0 0 4.3rem;
  }
}
.widget-def .widget__head h2 {
  /* text-transform: uppercase; */
  margin: 0;
}
.widget-def .widget__head h2 + p {
  margin: 2rem 0 0;
}
.widget-def .widget__head p {
  font-size: 2.4rem;
  line-height: 1.17;
}
.widget-def .widget__body {
  padding-left: 20px;
  padding-top: 3rem;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .widget-def .widget__body {
    padding: 0;
  }
}
.widget-def .widget__body ul {
  margin: 0;
}
.widget-def .widget__body ul + p {
  margin: 5.6rem 0 0;
}
.widget-def .widget__body p {
  margin: 0;
  letter-spacing: 0.011em;
}
.widget-def .widget__body p + p {
  margin: 2.8rem 0 0;
}
/* ------------------------------------------------------------ *\
	Widget Gallery
\* ------------------------------------------------------------ */
.widget-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .widget-gallery {
    display: block;
  }
}
.widget-gallery .widget__item {
  padding-top: 35.2%;
  background-size: cover;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .widget-gallery .widget__item {
    max-width: 100%;
    padding-top: 73.1%;
  }
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
/* ------------------------------------------------------------ *\
	Overwrites
\* ------------------------------------------------------------ */
.div__textmarkdown a {
  color: #fa9c3e;
  text-decoration: none;
}
.div__textmarkdown a:hover {
  color: #c77e35;
}
.bewirb__email {
  padding-top: 5rem;
}
.bewirb__email a,
.bewirb__ansprechpartner_titel {
  font-weight: 700;
}
.bewirb__email:hover a {
  text-decoration: underline;
}
.bewirb__ansprechpartner {
  padding-top: 5rem;
}
.contact-thank-u-top h4 {
  margin-top: 20px;
}
.contact-thank-u-top .mitParagraph {
  margin-top: 20px;
}
.contact-thank-u-button {
  margin-top: 30px;
}