sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
button,
input,
optgroup,
select,
textarea {
  color:inherit;
  font:inherit;
  margin:0
}
html {
  font-family:sans-serif
}
html input[type="button"] {
  cursor:pointer
}
html input[disabled] {
  cursor:default
}
body {
  margin:0
}
article {
  display:block
}
aside {
  display:block
}
details {
  display:block
}
figcaption {
  display:block
}
figure {
  display:block;
  margin:0
}
footer {
  display:block
}
header {
  display:block
}
hgroup {
  display:block
}
main {
  display:block
}
menu {
  display:block
}
nav {
  display:block
}
section {
  display:block
}
summary {
  display:block
}
audio {
  display:inline-block;
  vertical-align:baseline
}
audio:not([controls]) {
  display:none;
  height:0
}
canvas {
  display:inline-block;
  vertical-align:baseline
}
progress {
  display:inline-block;
  vertical-align:baseline
}
video {
  display:inline-block;
  vertical-align:baseline
}
[hidden] {
  display:none
}
template {
  display:none
}
a {
  background-color:transparent
}
a:active {
  outline:0
}
a:hover {
  outline:0
}
abbr[title] {
  border-bottom:1px dotted
}
b {
  font-weight:bold
}
strong {
  font-weight:bold
}
dfn {
  font-style:italic
}
h1 {
  font-size:2em;
  margin:0
}
mark {
  background:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub {
  bottom:-0.25em
}
sup {
  top:-0.5em
}
img {
  border:0
}
hr {
  box-sizing:content-box;
  height:0
}
pre {
  overflow:auto;
  font-family:monospace, monospace;
  font-size:1em
}
code {
  font-family:monospace, monospace;
  font-size:1em
}
kbd {
  font-family:monospace, monospace;
  font-size:1em
}
samp {
  font-family:monospace, monospace;
  font-size:1em
}
button {
  overflow:visible;
  text-transform:none;
  cursor:pointer
}
input {
  line-height:normal
}
optgroup {
  font-weight:bold
}
select {
  text-transform:none
}
textarea {
  overflow:auto
}
input[type="reset"] {
  cursor:pointer
}
input[type="submit"] {
  cursor:pointer
}
button[disabled] {
  cursor:default
}
button::-moz-focus-inner {
  border:0;
  padding:0
}
input::-moz-focus-inner {
  border:0;
  padding:0
}
input[type="checkbox"] {
  box-sizing:border-box;
  padding:0
}
input[type="radio"] {
  box-sizing:border-box;
  padding:0
}
input[type="number"]::-webkit-inner-spin-button {
  height:auto
}
input[type="number"]::-webkit-outer-spin-button {
  height:auto
}
input[type="search"] {
  box-sizing:content-box
}
fieldset {
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:0.35em 0.625em 0.75em
}
legend {
  border:0;
  padding:0
}
table {
  border-collapse:collapse;
  border-spacing:0
}
td {
  padding:0
}
th {
  padding:0
}
svg:not(:root) {
  overflow:hidden
}
@font-face {
  font-family:'Open Sans';
  src:url("/fonts/OpenSans-Bold.woff2") format("woff2"),
  url("fonts/OpenSans-Bold.woff") format("woff");
  font-weight:bold;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:'Open Sans';
  src:url("/fonts/OpenSans-Regular.woff2") format("woff2"),
  url("/fonts/OpenSans-Regular.woff") format("woff");
  font-weight:normal;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:'Open Sans';
  src:url("/fonts/OpenSans-Light.woff2") format("woff2"),
  url("/fonts/OpenSans-Light.woff") format("woff");
  font-weight:300;
  font-style:normal;
  font-display:swap
}
body {
  font-family:"Open Sans", sans-serif;
  font-weight:400
}
.bold {
  font-family:"Open Sans", sans-serif;
  font-weight:700
}
p {
  font-size:16px;
  line-height:24px
}
p+p {
  margin-bottom:24px
}
p+h2 {
  margin-top:80px
}
p .btn {
  margin-top:20px
}
h1 {
  font-size:36px
}
h1+h2 {
  margin-top:60px
}
@media screen and (max-width: 767px) {
  h1 {
    font-size:26px
  }
}
h1+p {
  margin-top:60px
}
h2 {
  font-size:28px;
  margin-top:0
}
@media screen and (max-width: 767px) {
  h2 {
    font-size:22px
  }
}
h3 {
  font-size:20px
}
@media screen and (max-width: 767px) {
  h3 {
    font-size:18px
  }
}
p+h3 {
  margin-top:60px
}
p.centered {
  text-align:center
}
span.light {
  font-family:"Open Sans", sans-serif;
  font-weight:300
}
p.light.small {
  font-family:"Open Sans", sans-serif;
  font-weight:300;
  margin-top:80px
}
span.intro {
  font-family:"Open Sans", sans-serif;
  font-weight:300;
  width:100%;
  font-size:24px;
  margin-bottom:20px;
  display:inline-block
}
span.intro.small {
  font-size:18px
}
span.caption {
  font-family:"Open Sans", sans-serif;
  font-weight:700;
  font-size:14px;
  text-transform:uppercase;
  display:inline-block;
  position:relative;
  padding-bottom:10px;
  margin-bottom:10px
}
span.caption::after {
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  width:60px;
  height:1px;
  background-color:black
}
ol.list {
  padding:0;
  padding-left:15px;
  display:flex;
  flex-direction:column
}
ol.list li {
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px
}
ul.list {
  padding:0;
  display:flex;
  flex-direction:column
}
ul.list li {
  position:relative;
  display:flex;
  align-items:center;
  padding-top:20px;
  padding-bottom:20px
}
ul.list li a,
ul.list li a:visited {
  text-decoration:none;
  line-height:40px;
  color:black
}
ul.list li a:hover,
ul.list li a:visited:hover {
  color:#ffed00
}
ul.list li::before {
  content:"";
  display:block;
  position:absolute;
  height:2px;
  width:60px;
  top:0;
  background-color:black
}
ul.list li:first-child::before {
  display:none
}
*,
:after,
:before,
input,
textarea {
  box-sizing:border-box
}
*:focus {
  outline:none
}
body {
  padding:0;
  margin:0
}
@media screen and (max-width: 767px) {
  body.noscroll {
    overflow:hidden
  }
}
article {
  max-width:1080px;
  margin:0 auto
}
article.half {
  width:50%;
  padding:40px
}
.bg-stripes {
  background:#efefef00 url(/images/karriere/assets/stripes-22811553b62846124ba1b7d6ecfbfba64281c50494338348e8c930c6cadc6c30.svg) no-repeat center 0;
  background-size:cover;
  padding-top:50px; /*120px*/
  padding-bottom:30px; /*80px*/
  position:relative;
  z-index:0
}
.bg-stripes .centered .btn {
  margin-bottom:40px
}
.pages.index .bg-stripes {
  margin-bottom:0
}
@media screen and (max-width: 767px) {
  .pages.index .bg-stripes {
    padding-top:85px
  }
}
.pages.training .bg-stripes {
  padding-top:10px
}
.pages.training .bg-stripes.first {
  padding-top:120px
}
@media screen and (max-width: 767px) {
  .pages.training .bg-stripes {
    padding-top:120px
  }
}
.without-stripes {
  padding-top:1px;
  padding-bottom:1px;
  box-shadow:0px 0px 11px 1px #c8c8c8;
  position:relative;
  /*z-index:10;*/
  margin-bottom:-10px;
  background-color:white
}
.border-top {
  box-shadow:0px 0px 11px 1px #c8c8c8;
  background-color:white;
  position:relative;
  /*z-index:10;*/
  margin-bottom:-60px
}
.third_row {
  display:flex;
  flex-wrap:wrap;
  max-width:1200px;
  width:100%;
  margin:0 auto;
  justify-content:flex-end
}
.third_row .ctrl {
  width:50%;
  max-width:600px;
  background-color:#f9f9f9;
  padding:40px;
  margin-left:auto
}
@media screen and (max-width: 767px) {
  .third_row .ctrl {
    width:100%;
    margin-left:0;
    max-width:100%;
    margin-left:20px;
    margin-right:20px;
    padding:20px
  }
}
.third_row .ctrl:nth-child(2) {
  background-color:#f1f1f1
}
.third_row .ctrl:nth-child(3) {
  background-color:#eaeaea
}
.third_row .ctrl article {
  width:100%
}
.flex_row {
  max-width:1200px;
  width:100%;
  display:flex;
  flex-direction:row;
  margin:0 auto;
  position:relative;
  z-index:1
}
@media screen and (max-width: 767px) {
  .flex_row {
    flex-direction:column
  }
}
@media screen and (max-width: 767px) {
  .flex_row.feature-row {
    flex-direction:column
  }
}
.flex_row article {
  position:relative
}
@media screen and (max-width: 1024px) {
  .flex_row article {
    padding-left:20px;
    padding-right:20px
  }
}
.flex_row article.feature {
  width:40%;
  box-shadow:-28px 0 0 #ffed00;
  padding:80px;
  padding-right:108px;
  background-color:#ffed00;
  margin-top:30px;
  order:0;
  z-index:1
}
@media screen and (max-width: 1024px) {
  .flex_row article.feature {
    padding:50px
  }
}
@media screen and (max-width: 767px) {
  .flex_row article.feature {
    width:calc(100% - 60px);
    padding:30px;
    margin-left:30px;
    margin-right:40px;
    box-shadow:none;
    margin-top:-30px
  }
  .flex_row article.feature::after {
    display:none !important
  }
}
.flex_row article.feature::after {
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:200px;
  left:-28px;
  background-color:#ffed00
}
.flex_row article.continued {
  width:100%;
  height:auto;
  padding:80px;
  padding-right:108px;
  background-color:white;
  margin-top:0;
  margin-right:0;
  z-index:2
}
@media screen and (max-width: 767px) {
  .flex_row article.continued {
    padding:60px;
    margin-top:-10px;
    background-color:transparent
  }
}
.flex_row .card {
  position:relative
}
.flex_row .card .vimeo-notice {
  position:absolute;
  bottom:20px;
  right:20px;
  color:black;
  z-index:100;
  background-color:white;
  padding:5px 20px;
  font-size:12px
}
.flex_row .card.video {
  width:840px;
  margin-left:-40px;
  order:1
}
@media screen and (max-width: 1024px) {
  .flex_row .card.video {
    margin-left:0
  }
}
@media screen and (max-width: 767px) {
  .flex_row .card.video {
    order:0;
    margin-left:0;
    width:100% !important
  }
}
.flex_row .card.video .play_button:hover+.image img {
  -webkit-filter:blur(0);
  filter:blur(0)
}
.flex_row .card.video .image {
  width:100%;
  height:100%;
  overflow:hidden
}
.flex_row .card.video .image img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -webkit-filter:blur(8px);
  filter:blur(8px);
  transform:scale(1.1);
  transition:-webkit-filter 0.2s linear;
  transition:filter 0.2s linear;
  transition:filter 0.2s linear, -webkit-filter 0.2s linear
}
.flex_row .card.video .image img.no_blured {
  -webkit-filter:none;
  filter:none
}
.flex_row .card.black {
  background-color:black;
  width:840px;
  height:auto;
  margin-bottom:60px;
  color:white
}
.flex_row .card.yellow {
  background-color:#ffed00;
  width:840px;
  height:auto;
  margin-bottom:60px;
  color:black
}
.flex_row .card.orange {
  background-color:#E74623;
  width:840px;
  height:auto;
  margin-bottom:60px;
  color:white
}
.flex_row .card.jobs {
  width:50%;
  background-color:#f9f9f9
}
.flex_row .card.text {
  padding:40px
}
@media screen and (max-width: 767px) {
  .flex_row .card {
    width:100%
  }
  .flex_row .card.text {
    width:calc(100% - 40px) !important;
    margin-left:20px !important;
    margin-right:20px !important
  }
}
.flex_row.video_text {
  margin-top:100px
}
.flex_row.video_text .video {
  width:calc(50% + 30px)
}
.flex_row.video_text .text {
  padding:40px;
  order:0;
  margin-top:30px;
  width:50%
}
.flex_row.video_text.reverse .video {
  order:0
}
.flex_row.video_text.reverse .text {
  order:1;
  margin-left:-30px
}
.flex_row.video_text+article {
  margin-top:60px
}
@media screen and (max-width: 767px) {
  .flex_row.video_text+article {
    margin-top:10px
  }
}
.flex_row.small_video {
  position:relative;
  z-index:0;
  justify-content:center;
  margin-top:-70px !important
}
.card.headline {
  background-color:black;
  color:white;
  padding:20px 60px;
  text-transform:uppercase;
  display:block
}
section.index--jobs {
  padding-top:160px;
  padding-bottom:160px;
  background-color:white
}
article.t {
  margin-top:120px;
  margin-bottom:-40px
}
article.t h2 {
  font-size:30px
}
@media screen and (max-width: 1024px) {
  article {
    padding-left:20px;
    padding-right:20px
  }
}
section.jobs {
  padding-bottom:160px
}
section.jobs .flex_row+.flex_row {
  margin-top:80px
}
@media screen and (max-width: 767px) {
  section.jobs .flex_row {
    flex-direction:column
  }
  section.jobs .flex_row .initiative,
  section.jobs .flex_row .jobs {
    width:100%;
    max-width:100%
  }
  section.jobs .flex_row .initiative {
    order:1;
    margin-top:0
  }
}
section.jobs article.jobs {
  background-color:black;
  color:white;
  padding:60px;
  margin-right:0;
  margin-left:0
}
section.jobs article.jobs li::before {
  background-color:white
}
section.jobs article.jobs li a {
  color:white
}
section.jobs article.initiative {
  background-color:white;
  margin-right:0;
  margin-left:0;
  padding:60px;
  height:auto;
  margin-top:30px;
  margin-bottom:30px;
  max-width:40%
}
section.jobs article.initiative p {
  font-size:30px;
  line-height:45px;
  font-family:"Open Sans", sans-serif;
  font-weight:300
}
.box {
  padding:40px;
  background-color:#efefef;
  margin-top:200px
}
.job-image {
  background-color:#ffed00 !important;
  background-size:cover;
  color:black
}
.job-image article {
  padding:40px
}
.job-image h2 {
  font-size:60px;
  line-height:60px;
  text-transform:uppercase;
  margin-bottom:0
}
@media screen and (max-width: 767px) {
  .job-image {
    margin-left:0 !important
  }
}
section.job {
  padding-top:40px;
  padding-bottom:160px
}
@media screen and (max-width: 767px) {
  section.job {
    padding-top:120px
  }
}
section.job h2 {
  margin-bottom:48px
}
section.job ul+h2 {
  margin-top:80px
}
.dreieck {
  position:absolute;
  top:-1px;
  right:0;
  width:50px;
  height:50px
}
.dreieck svg {
  width:100%
}
.dreieck.yellow {
  fill:#ffed00
}
@media screen and (max-width: 767px) {
  .reverse-on-mobile div {
    order:1
  }
  .reverse-on-mobile div+div {
    order:0;
    margin-bottom:40px
  }
}
@media screen and (max-width: 767px) {
  .special-video .vimeo-notice {
    bottom:-20px !important
  }
}
.special-video+article {
  margin-top:20px !important
}
.play_button {
  width:100px;
  height:100px;
  cursor:pointer;
  transition:border-radius 0.2s ease;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-50px;
  margin-top:-50px;
  z-index:10;
  background:#ffed00 url(/images/karriere/assets/play.svg) no-repeat center center;
  background-size:60px 60px;
  border-radius:50px;
  z-index:201
}
.play_button.orange {
  background:#E74623 url(/images/karriere/assets/play_white.svg) no-repeat center center
}
.play_button:hover {
  border-radius:50px
}
@media screen and (max-width: 767px) {
  .play_button {
    width:60px;
    height:60px;
    margin-left:-30px;
    margin-top:-30px;
    background-size:40px 40px
  }
}
.btn,
.btn:visited {
  background-color:black;
  display:inline-block;
  padding:20px 40px;
  text-transform:uppercase;
  color:white;
  text-decoration:none;
  transition:all 0.2s ease;
  border-radius:10px;
  position:relative
}
.btn:hover,
.btn:visited:hover {
  background-color:#ffed00;
  color:black
}
.btn:hover.orange,
.btn:visited:hover.orange {
  background-color:#E74623;
  color:white
}
.backlink,
.backlink:visited {
  color:black;
  display:inline-block;
  margin-bottom:80px;
  text-decoration:none;
  font-family:"Open Sans", sans-serif;
  font-weight:700
}
.backlink:hover,
.backlink:visited:hover {
  color:#ffed00
}
.button-text {
  position:absolute;
  width:200px;
  z-index:200;
  left:50%;
  margin-left:-100px;
  top:50%;
  margin-top:-100px;
  pointer-events:none;
  opacity:1
}
@media screen and (max-width: 767px) {
  .button-text {
    width:120px;
    margin-left:-60px;
    margin-top:-60px
  }
}
nav {
  position:relative;
  display:flex;
  flex-direction:row
}
nav .dreieck {
  top:auto;
  bottom:-50px;
  right:60px;
  z-index:200
}
@media screen and (max-width: 767px) {
  nav .dreieck {
    display:none
  }
}
nav a,
nav a:visited {
  text-decoration:none;
  color:black;
  position:relative
}
nav a .ausbildung-typo,
nav a:visited .ausbildung-typo {
  display:block;
  position:absolute;
  left:-20px;
  right:-20px;
  top:-2px
}
nav a.active .ausbildung-typo .st0-a,
nav a:visited.active .ausbildung-typo .st0-a {
  fill:#ffed00
}
nav .desktop {
  width:100%;
  display:flex;
  flex-direction:row
}
@media screen and (max-width: 767px) {
  nav .desktop {
    display:none
  }
}
nav a.home {
  width:200px;
  display:block;
  margin-left:40px
}
nav a.home svg {
  width:200px;
  height:200px
}
nav a.home img {
  width:200px;
  margin-top:67px
}
@media screen and (max-width: 767px) {
  nav a.home {
    width:100px
  }
  nav a.home svg {
    width:100px;
    height:100px
  }
  nav a.home img {
    width:100px;
    margin-top:20px
  }
}
nav.mobile {
  width:100%;
  height:100%
}
.navigation-bg {
  background-color:black
}
header.main {
  max-width:1200px;
  width:100%;
  margin:0 auto;
  z-index:999
}
header.main nav ul {
  display:flex;
  list-style-type:none
}
header.main nav ul a,
header.main nav ul a:visited {
  color:white
}
@media screen and (max-width: 767px) {
  header.main {
    margin-top:0;
    margin-bottom:10px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:85px;
    background-color:white
  }
  header.main nav {
    display:flex;
    flex-direction:column
  }
}
header.main nav ul {
  display:flex;
  flex-direction:row;
  list-style-type:none;
  padding:0;
  margin-top:122px;
  margin-left:15%
}
header.main nav ul li {
  margin-left:40px
}
header.main nav ul li a {
  font-family:"Open Sans", sans-serif;
  font-weight:700;
  font-size:18px;
  position:relative;
  padding-bottom:10px
}
header.main nav ul li a::after {
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  width:0;
  height:3px;
  background-color:white;
  transition:width 0.3s ease
}
header.main nav ul li a:hover::after {
  width:60px
}
header.main nav ul li a.active {
  color:#ffed00
}
span.burger {
  width:60px;
  height:60px;
  padding:10px;
  position:absolute;
  right:20px;
  top:11px;
  display:none
}
@media screen and (max-width: 767px) {
  span.burger {
    display:block
  }
}
span.burger svg {
  width:100%;
  height:100%
}
header .mobile-menu {
  display:none;
  visibility:hidden;
  transition:visibility 0s linear 1s;
  transform:translateZ(0);
  position:fixed;
  top:85px;
  bottom:0;
  left:0;
  right:0
}
@media screen and (max-width: 767px) {
  header .mobile-menu {
    display:block
  }
}
header .mobile-menu .nav {
  background-color:#ffed00;
  width:100vw;
  height:100%;
  display:flex;
  left:0;
  flex-direction:column;
  justify-content:center;
  position:absolute;
  z-index:999;
  overflow-y:scroll;
  transform:translateX(100vw);
  transition:transform 0.4s ease
}
header .mobile-menu .nav ul {
  padding:0 !important;
  margin-top:0 !important;
  flex-direction:column !important
}
header .mobile-menu .nav ul li {
  margin-left:0 !important
}
header .mobile-menu .nav ul li a {
  color:black
}
header .mobile-menu .nav ul li a:after {
  display:none
}
header .mobile-menu .nav ul li a.active {
  color:#797979
}
header .mobile-menu .nav ul li+li {
  margin-top:15px
}
header .mobile-menu .nav ul li+li a {
  text-decoration:none
}
header .mobile-menu.visible {
  visibility:visible;
  transition:visibility 0s linear 0s
}
header .mobile-menu.visible .nav {
  transform:translateX(0)
}
.video--background {
  position:relative;
  overflow:hidden;
  padding-top:56.25%
}
.video--background iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0
}
.index--contact {
  background-color:#ffed00;
  padding-bottom:60px;
  margin-top:60px;
  position:relative;
  /*z-index:100*/
}
@media screen and (max-width: 767px) {
  .index--contact .flex_row {
    flex-direction:column
  }
}
.index--contact .card.image {
  width:65%;
  margin-top:-60px;
  flex-grow:1
}
@media screen and (max-width: 767px) {
  .index--contact .card.image {
    width:85%
  }
}
.index--contact .card.image img {
  max-width:100%;
  display:block;
  margin:0
}
.index--contact .card.text {
  width:35%;
  background-color:#efefef;
  margin-top:-30px;
  margin-bottom:30px;
  padding:40px
}
@media screen and (max-width: 767px) {
  .index--contact .card.text {
    width:85%;
    margin-left:auto
  }
}
section.training--contact {
  background-color:#ffed00;
  padding-bottom:60px;
  position:relative;
  /*z-index:100*/
}
section.training--contact .flex_row {
  position:relative
}
section.training--contact .card.text-and-image {
  width:100%;
  margin-top:-30px;
  margin-bottom:30px;
  padding-left:100px;
  padding-right:100px;
  display:flex;
  flex-direction:row
}
@media screen and (max-width: 767px) {
  section.training--contact .card.text-and-image {
    padding-left:0;
    padding-right:0;
    margin-top:0;
    flex-direction:column-reverse
  }
}
section.training--contact .card.text-and-image .text {
  box-shadow:-70px 0 0 white;
  width:80%;
  padding:60px 40px;
  background-color:white;
  margin-bottom:30px;
  box-shadow:none
}
@media screen and (max-width: 767px) {
  section.training--contact .card.text-and-image .text {
    align-self:flex-end;
    margin-top:-80px;
    box-shadow:none !important;
    z-index:2;
    flex-direction:column-reverse
  }
}
.pages.job section.training--contact .card.text-and-image .text {
  box-shadow:-70px 0 0 #efefef;
  background-color:#efefef
}
section.training--contact .card.text-and-image .image {
  width:30%;
  margin-top:30px
}
@media screen and (max-width: 767px) {
  section.training--contact .card.text-and-image .image {
    width:250px
  }
}
section.training--contact .card.text-and-image .image .img {
  max-height:100%
}
section.training--contact .card.text-and-image .image img {
  max-width:100%;
  display:block;
  margin:0
}
section.training--contact .card.headline {
  position:absolute;
  top:-60px;
  left:0px;
  z-index:100;
  background-color:#7d7d7d;
  font-family:"Open Sans", sans-serif;
  font-weight:700;
  font-size:26px
}
@media screen and (max-width: 767px) {
  section.training--contact .card.headline {
    position:relative;
    top:0
  }
}
/*
footer {
  width:100%;
  background-color:black;
  color:white;
  padding-bottom:60px;
  padding-left:40px;
  padding-right:40px;
  position:relative
}
footer .contact {
  position:relative
}
@media screen and (max-width: 767px) {
  footer .contact {
    width:100%
  }
}
footer img {
  width:160px
}
footer a,
footer a:visited {
  color:white;
  font-size:18px;
  text-decoration:none;
  font-family:"Open Sans", sans-serif;
  font-weight:700
}
footer nav {
  margin-left:auto;
  align-self:flex-end
}
@media screen and (max-width: 767px) {
  footer nav {
    display:none
  }
}
footer nav ul {
  display:flex;
  flex-direction:row;
  padding:0;
  margin:0
}
footer nav ul li {
  list-style-type:none;
  margin-left:40px
}
footer .footer_content {
  padding-top:120px;
  width:100%;
  max-width:1080px;
  margin:0 auto;
  position:relative
}
*/
#modal {
  visibility:hidden;
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.9);
  z-index:1000;
  transition:visibility 0s linear 0.4s, opacity 0.2s linear 0.2s;
  opacity:0;
  padding-top:200px;
  padding-bottom:200px;
  padding-left:100px;
  padding-right:100px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
@media screen and (max-width: 767px) {
  #modal {
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px
  }
}
#modal svg {
  z-index:1002;
  width:40px;
  height:40px;
  position:absolute;
  right:30px;
  top:30px;
  cursor:pointer
}
#modal svg:hover .st0 {
  opacity:1
}
#modal .modal--content {
  z-index:1000;
  padding:40px;
  position:relative;
  margin:0 auto;
  visibility:hidden;
  transform:scale(0.7);
  opacity:0;
  transition:all 0.2s 0.1s;
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  width:100%;
  height:auto
}
#modal .modal--content iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:95%
}
#modal .modal--content h3 {
  margin-top:0
}
#modal.visible {
  visibility:visible;
  opacity:1;
  transition:visibility 0s linear, opacity 0.2s linear
}
#modal.visible .modal--content {
  transform:scale(1);
  opacity:1;
  visibility:visible
}
.image--content {
  padding-bottom:60px;
  margin-top:60px;
  position:relative;
  z-index:9;
  margin-top:95px
}
@media screen and (max-width: 767px) {
  .image--content .flex_row {
    flex-direction:column
  }
}
.image--content .card.image {
  width:65%;
  margin-top:-60px;
  flex-grow:1
}
@media screen and (max-width: 767px) {
  .image--content .card.image {
    width:85%
  }
}
.image--content .card.image img {
  max-width:100%;
  width:100%;
  display:block;
  margin:0
}
.image--content .card.text {
  width:35%;
  background-color:white;
  margin-top:-30px;
  margin-bottom:30px;
  padding:40px
}
@media screen and (max-width: 767px) {
  .image--content .card.text {
    width:85%;
    margin-left:auto
  }
}
img.cover {
  width:100%
}
.training h1 {
  display:none
}
img.cover2 {
  width:100%;
  margin-bottom:-208px
}
img.cover_claim {
  width:100%;
  max-width:600px;
  display:block;
  margin:0 auto;
  margin-bottom:-28px
}
@media screen and (max-width: 767px) {
  img.cover_claim {
    margin-bottom:-40px
  }
}