/*
Theme Name: YOOtheme Child
Theme URI: https://yootheme.com
Template: yootheme
Author: YOOtheme@import 'style-extra.scss';
Author URI: https://yootheme.com
Description: A powerful, flexible and elegant website builder that allows you to create complex pages within minutes and customize every aspect of the theme.
Version: 2.5.17
Updated: 2021-09-02 09:28:39

*/
@media screen and (min-width: 769px) {
  .shown_mobile {
    display: none; } }
@media screen and (max-width: 768px) {
  .shown_mobile {
    display: block; } }
.uk-section-secondary {
  background: #a71921; }

#footer a {
  margin: 0 !important; }

.footer-icons {
  text-align: right; }

.uk-light .uk-slidenav {
  width: 45px;
  height: 45px; }

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  padding: 0 8px; }

.uk-navbar-dropdown-nav > li > a {
  color: #333;
  font-size: 14px; }

.uk-navbar-dropdown-nav > li > a:hover {
  color: #000; }

.uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded="true"], .uk-navbar-toggle {
  color: #fff; }

@media screen and (min-width: 769px) {
  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    font-size: 14px;
    margin: 15px auto;
    font-family: 'Open Sans Condensed' !important;
    font-weight: 700 !important;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.25em;
    box-sizing: border-box;
    padding: 0 10px;
    text-decoration: none;
    min-height: 40px; }

  .uk-navbar-nav li.highlight a {
    margin: 15px;
    padding: 0 20px;
    border: 1px solid transparent;
    background: #fff;
    color: #333 !important;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); }
    .uk-navbar-nav li.highlight a:hover {
      border: 1px solid #fff;
      background: transparent;
      color: #fff !important;
      box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6); } }
.deftrans, .gform_button, .gform_next_button, .gform_previous_button, .slick-prev, .slick-next, .blog-entry {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.benefits-stoerer {
  position: absolute;
  z-index: 10;
  width: 200px;
  right: 10%;
  cursor: pointer; }

.benefits.dark {
  color: white; }
  .benefits.dark h2 {
    color: white; }
  .benefits.dark > .uk-container {
    background-image: url("/wp-content/uploads/2023/05/benefits_back2.png");
    background-size: cover; }
.benefits .benefits-inner {
  padding-left: 40px;
  padding-right: 40px; }
.benefits .benefits-list-container {
  height: 310px;
  overflow-y: hidden; }
  .benefits .benefits-list-container ul {
    margin-bottom: 10px; }
  .benefits .benefits-list-container:not(.normal-size) li {
    font-size: 24px;
    margin-bottom: 5px;
    padding: 0 5px; }
    .benefits .benefits-list-container:not(.normal-size) li.current {
      background: rgba(255, 255, 255, 0.2); }
.benefits .show-all-benefits {
  float: right;
  cursor: pointer;
  text-decoration: underline; }

.uk-modal-dialog {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  border: 3px solid #a60d1f; }

.videoheader iframe, .video169 iframe {
  width: 100% !important;
  aspect-ratio: 16/9.5 !important; }

.postid-49259 .videoheader, .postid-51649 .videoheader, .postid-51650 .videoheader {
  background: #7D2222; }
.postid-49259 .lass-dich-inspirieren, .postid-51649 .lass-dich-inspirieren, .postid-51650 .lass-dich-inspirieren {
  display: none; }

.lehrstelle-offen-patch .logo {
  height: 32px; }
.lehrstelle-offen-patch > .uk-card {
  padding: 30px 5px; }
.lehrstelle-offen-patch h4 {
  position: relative; }
  .lehrstelle-offen-patch h4 .zusatztext {
    position: absolute;
    bottom: -15px;
    width: 100%;
    left: 0;
    font-size: small;
    line-height: 1.1;
    font-weight: bold; }
.lehrstelle-offen-patch .address a.email, .lehrstelle-offen-patch .address a.phone {
  word-break: break-all;
  font-size: smaller;
  line-height: 1; }
.lehrstelle-offen-patch .address i {
  opacity: 0.7; }

.smaller-font {
  font-size: 80%; }

.wideimage {
  aspect-ratio: 16/9; }

#step-text .el-item {
  text-align: center; }

.step-container {
  margin-top: 2em;
  text-align: center; }
  .step-container::before {
    content: "";
    display: block;
    height: 2px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background: #a60d1f;
    position: relative;
    top: 15px; }
  .step-container .step {
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    background-color: #f4f4f4;
    border: 2px solid #a60d1f;
    border-radius: 50%;
    z-index: 10; }
    .step-container .step:nth-child(1) {
      float: left;
      margin: 6px 0 0 14%; }
    .step-container .step:nth-child(2) {
      float: none;
      margin: 6px auto 0 auto; }
    .step-container .step:nth-child(3) {
      float: right;
      margin: 6px 14% 0 0; }
  .step-container .step.active {
    background-color: #a60d1f; }
  .step-container .el-content.uk-panel.uk-margin-top {
    text-align: center; }

.gform_wrapper .fileupload_ input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
.gform_wrapper .fileupload_ .gfield_description {
  line-height: 1.6 !important;
  padding-top: 0; }
.gform_wrapper .fileupload_ .gfield_label {
  background: #fff;
  padding: 10px 15px;
  border-radius: 4px;
  color: #a60d1f;
  border: 2px solid #a60d1f;
  cursor: pointer; }
  .gform_wrapper .fileupload_ .gfield_label:hover, .gform_wrapper .fileupload_ .gfield_label:focus {
    background: #a60d1f;
    color: #fff; }
    .gform_wrapper .fileupload_ .gfield_label:hover .gfield_required_text, .gform_wrapper .fileupload_ .gfield_label:focus .gfield_required_text {
      color: #fff; }
  .gform_wrapper .fileupload_ .gfield_label.active {
    background: #a60d1f;
    color: #fff; }
    .gform_wrapper .fileupload_ .gfield_label.active * {
      color: #fff !important; }
    .gform_wrapper .fileupload_ .gfield_label.active:before {
      margin-right: 10px;
      content: "\f00c";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

.smaller-font {
  line-height: 1.6 !important;
  padding-top: 0; }

.gform_wrapper .top_label input[type=file].medium {
  width: calc(54.5% - 8px);
  cursor: pointer; }

.gform_button, .gform_next_button, .gform_previous_button {
  background-color: #a60d1f !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  padding: 0 15px;
  line-height: 28px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Open Sans Condensed'; }
  .gform_button:active, .gform_button:hover, .gform_next_button:active, .gform_next_button:hover, .gform_previous_button:active, .gform_previous_button:hover {
    background-color: #91161d !important;
    color: #fff;
    border-color: transparent; }

.tm-headerbar-default .uk-navbar-nav > li > a, .tm-toolbar-default .uk-navbar-nav > li > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a, .uk-light .uk-navbar-nav > li > a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a, .uk-offcanvas-bar .uk-navbar-nav > li > a, .uk-overlay-primary .uk-navbar-nav > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a {
  color: white; }

.slick-prev, .slick-next {
  border: 1px solid #a60d1f;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%; }
  .slick-prev:hover, .slick-next:hover {
    background: rgba(166, 13, 31, 0.2); }

.slick-prev {
  left: -40px; }
  .slick-prev:before {
    content: url(./img/arrow-left.svg); }

.slick-next {
  right: -40px; }
  .slick-next:before {
    content: url(./img/arrow-right.svg); }

.slick-slider {
  margin-left: -20px;
  margin-right: -20px; }

.blog-entry {
  margin: 20px;
  margin-bottom: 30px;
  top: 0;
  position: relative;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
  .blog-entry .desc {
    padding: 20px;
    text-align: left; }
    .blog-entry .desc .title {
      margin-top: 10px;
      min-height: 60px; }
    .blog-entry .desc .source {
      margin-top: 10px; }
      .blog-entry .desc .source > * {
        margin-bottom: 15px; }
  .blog-entry:hover {
    top: -3px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
  .blog-entry a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.patch169 {
  aspect-ratio: 16/9;
  background-size: cover;
  background-repeat: no-repeat; }

.redbox {
  background: #a71921; }

.full-width img {
  width: 100% !important;
  height: auto; }

#footer a {
  color: #fff;
  margin: 0 10px;
  text-decoration: none;
  border-bottom: 1px solid #fff; }
#footer .footer-icons a {
  border-bottom: none; }
#footer * {
  color: #fff; }

.uk-slideshow .el-content {
  margin-left: 50%; }
.uk-slideshow .uk-button {
  background-color: #a71921;
  border-color: #fff;
  border: 2px solid #fff;
  color: white;
  padding: 5px 25px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px; }
.uk-slideshow button {
  background-color: #a71921;
  border-color: #fff;
  border: 2px solid #fff;
  color: white;
  padding: 16px 32px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px; }
  .uk-slideshow button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #a71921; }
.uk-slideshow p {
  font-size: 16px !important; }

.uk-slideshow-items > li:nth-of-type(1) .el-content {
  margin-left: 0%;
  text-align: center; }

.slider-shine {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0; }

.uk-container-expand {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.8); }

.tm-header {
  z-index: 100; }

.tm-header-mobile {
  z-index: 100; }

.uk-light .uk-slidenav {
  border-radius: 50%;
  padding: 10px 0 0 0;
  border-radius: 50;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  border: 1px solid #fff;
  text-align: center;
  background-color: rgba(255, 255, 255, 0); }
  .uk-light .uk-slidenav:hover {
    background-color: rgba(255, 255, 255, 0.1); }

.uk-totop {
  padding: 17px 0 0 0;
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  transition: .1s ease-in-out;
  transition-property: color,background-color,border-color,box-shadow;
  border-radius: 50%;
  width: 45px;
  height: 28px;
  border: 1px solid #fff; }
  .uk-totop:focus {
    background-color: rgba(255, 255, 255, 0.1); }
  .uk-totop:hover {
    background-color: rgba(255, 255, 255, 0.1); }

.uk-button-small {
  text-transform: uppercase;
  font-size: 16px; }

.uk-navbar-nav > li > a {
  color: #333;
  transition: .1s ease-in-out;
  transition-property: color,background-color,border-color,box-shadow;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  font-style: normal;
  font-size: 16px;
  font-family: 'Open Sans';
  font-weight: 600; }

.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a {
  color: #fff; }
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:active {
  color: #fff; }
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a:focus {
  color: #fff; }
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a[aria-expanded=true] {
  color: #fff; }

.uk-navbar-dropdown {
  min-width: 200px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.95);
  color: #333; }

.uk-navbar-dropdown-nav > li > a {
  color: #666;
  padding: 5px 0;
  font-size: 16px; }
  .uk-navbar-dropdown-nav > li > a:hover {
    color: #333; }
.uk-navbar-dropdown-nav > li.uk-active a {
  color: black; }

.header_slider_mobile .shown_mobile {
  display: none; }

.lehrstellen {
  /*    .uk-navbar-dropdown-nav {
          -moz-column-count: 2;
          -moz-column-gap: 20px;
          -webkit-column-count: 2;
          -webkit-column-gap: 20px;
          column-count: 2;
          column-gap: 20px;
      }*/ }
  .lehrstellen.uk-navbar-dropdown {
    min-width: 400px; }

img.el-image.uk-transition-opaque {
  width: 80%; }

.gform_required_legend {
  display: none; }

.grecaptcha-badge {
  visibility: hidden; }

.recaptcha_notice {
  font-size: smaller; }

.mobile_slider .mainslider-first .content .berufung-bild {
  max-width: 80%; }
.mobile_slider .mainslider-first .content h3 {
  font-size: 18px;
  padding-top: 20px; }
.mobile_slider .mainslider-first .content .uk-button {
  background-color: #a71921;
  border-color: #fff;
  border: 2px solid #fff;
  color: white;
  padding: 0px 15px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px; }

.uk-dotnav > .uk-active > * {
  background-color: transparent;
  border-color: #a60d1f; }

@media screen and (max-width: 1100px) {
  .uk-modal-dialog li {
    font-size: small; }

  .benefits-stoerer {
    position: absolute;
    z-index: 10;
    width: 120px !important;
    right: 0px;
    cursor: pointer;
    bottom: 0;
    left: unset; }

  .benefits .benefits-inner {
    padding-left: 40px;
    padding-right: 40px; }
  .benefits .benefits-list-container {
    height: 310px;
    overflow-y: hidden; }
    .benefits .benefits-list-container ul {
      margin-bottom: 10px; }
    .benefits .benefits-list-container li {
      font-size: 18px;
      margin-bottom: 2px;
      padding: 0 4px; }
      .benefits .benefits-list-container li.current {
        background: rgba(255, 255, 255, 0.2); }
  .benefits .show-all-benefits {
    float: right;
    cursor: pointer;
    margin-top: -30px;
    text-decoration: underline; }

  div#planzer-chart {
    margin: 0 auto; }

  .chart {
    text-align: center !important; } }
@media screen and (max-width: 768px) {
  .hidden_mobile {
    display: none; }

  .shown_mobile {
    display: block !important; }

  .blog-entries {
    margin-bottom: 40px !important; }

  .mobile_slider .content {
    color: #fff;
    position: absolute;
    top: 35%;
    width: 100%;
    left: 0%; }
    .mobile_slider .content h3 {
      font-size: 38px;
      line-height: 1.1;
      text-shadow: 0px 5px 10px #000;
      text-align: center;
      padding: 0 5%; }
    .mobile_slider .content .uk-button-primary {
      padding: 15px 25px;
      font-size: 28px;
      line-height: 1;
      box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.8); }
    .mobile_slider .content small a {
      background: rgba(0, 0, 0, 0.6);
      padding: 5px 10px;
      text-decoration: none; }
      .mobile_slider .content small a:hover {
        color: white; }
  .mobile_slider * {
    color: #fff; }
  .mobile_slider .uk-button-small {
    border: 1px solid #fff; }
  .mobile_slider .uk-button-default {
    border: 1px solid #fff; }
  .mobile_slider .uk-button-primary {
    border: 1px solid #fff; }

  .slick-dots {
    bottom: -5px; }
    .slick-dots li {
      width: 10px;
      height: 10px; } }
@media screen and (max-width: 690px) {
  .mobile_slider p span {
    top: -150%; }

  .uk-h1, h1 {
    font-size: 32px;
    line-height: 1.1; } }
@media screen and (max-width: 570px) {
  .mobile_slider p span {
    top: -100%; }
  .mobile_slider .content h3 {
    font-size: 26px; }
  .mobile_slider .content .uk-button-primary {
    padding: 10px 15px;
    font-size: 22px; }

  .uk-modal-dialog li {
    font-size: small; }

  .benefits .benefits-inner {
    padding-left: 20px;
    padding-right: 20px; }
  .benefits .benefits-list-container {
    height: 310px;
    overflow-y: hidden;
    margin-bottom: 20px; }
    .benefits .benefits-list-container ul {
      margin-bottom: 10px; }
    .benefits .benefits-list-container li {
      font-size: 18px;
      margin-bottom: 2px;
      padding: 0 4px; }
      .benefits .benefits-list-container li.current {
        background: rgba(255, 255, 255, 0.2); }
  .benefits .show-all-benefits {
    float: right;
    cursor: pointer;
    margin-top: -30px;
    text-decoration: underline; } }
@media screen and (max-width: 450px) {
  .mobile_slider p {
    border-top: 0;
    font-size: 16px;
    line-height: 1.4; }
    .mobile_slider p span {
      display: block;
      position: static;
      width: 100%;
      text-align: center;
      top: auto;
      left: auto;
      right: auto;
      padding: 25px 0 0 0; }
      .mobile_slider p span .uk-button-primary {
        font-size: inherit;
        line-height: inherit; }
  .mobile_slider h3 {
    margin-top: 0 !important;
    padding: 25px 25px 0 25px;
    position: static;
    top: auto;
    width: auto;
    left: auto;
    margin-left: 0;
    font-size: inherit;
    line-height: inherit;
    text-shadow: none; }

  .uk-h1, h1 {
    font-size: 24px;
    line-height: 1.1; } }
@media screen and (max-width: 980px) and (orientation: landscape) {
  .mobile_slider .mainslider-first .content .berufung-bild {
    max-width: 80%; }
  .mobile_slider .mainslider-first .content h3 {
    font-size: 18px;
    padding-top: 20px; }
  .mobile_slider .mainslider-first .content .uk-button {
    background-color: #a71921;
    border-color: #fff;
    border: 2px solid #fff;
    color: white;
    padding: 0px 15px;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px; } }

/*# sourceMappingURL=style.css.map */