/*
 Theme Name:   YOOtheme Child
 Description:  YOOtheme Theme
 Template:     yootheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  yootheme-child
*/

:root {
      --zeitgemaess-primary: #223573;
      --zeitgemaess-secondary: #d8a55a;
}

/* Startseite */

.homeslider .el-meta,
.header-hero .header-headline {
      background: #d8a55a;
      width: fit-content;
      padding: 10px 20px;
}

.homeslider .uk-button-primary,
.buttonborder {
      border-bottom: 2px solid var(--zeitgemaess-secondary) !important;
}

.uk-section-primary:not(.uk-preserve-color) .uk-button-default {
      border-bottom: 2px solid #fff !important;
}

.home-firstsection .el-item {
      border-left: 2px solid var(--zeitgemaess-secondary);
      padding-left: 20px;
}

.home-icongrid .el-item,
.panel-icon.uk-card {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.05);
}

.home-icongrid .el-link {
      color: var(--zeitgemaess-secondary);
}

.home-icongrid .el-link:hover {
      opacity: 90%;
}

.zeitg-panel .uk-card {
      border: none !important;
      border-left: 2px solid var(--zeitgemaess-secondary) !important;
}

.zeitg-panel-top .uk-card {
      border: none !important;
      border-top: 2px solid var(--zeitgemaess-secondary) !important;
}

/* Unternehmen */

.counter-grid .el-item {
      border-top: 2px solid var(--zeitgemaess-secondary);
      padding-top: 20px;
}

.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider {
      border-bottom-color: #ffffff !important;
}

.list-panel .el-item {
      background-color: rgba(255, 255, 255, 0.4);
      padding: 5px 10px;
}

.zeitg-kachelcolumn .uk-card {
      border: none !important;
            border-left: 2px solid var(--zeitgemaess-secondary) !important;
}

/* Leistungen */

.divider-secondary::after {
      border-top-color: var(--zeitgemaess-secondary) !important;
}

/* Karriere */

.karriere-grid .uk-grid div.uk-first-column .el-item.uk-panel {
      border-top: 2px solid var(--zeitgemaess-secondary) !important;
}

/* Formular */

.wpcf7-list-item {
      margin-left: 0px !important;
}

.uk-checkbox,
.uk-input,
.uk-radio,
.uk-select,
.uk-textarea,
.wpcf7-list-item-label {
      font-size: 14px !important;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
      border-bottom: 2px solid var(--zeitgemaess-secondary) !important;
}

.uk-input,
.uk-select,
.uk-textarea {
      padding-right: 10px !important;
      padding-left: 10px !important;
}

.wpcf7-form .uk-form-label+br+.wpcf7-form-control-wrap {
      display: block !important;
      margin-top: 8px !important;
}

input[type="file"].uk-input {
      padding: 0 0 12px 0 !important;
      background: none !important;
      border: 0;
      height: auto;
      min-height: 92px;
      line-height: normal;
      font-size: 18px;
      color: #1f1f1f;
}

input[type="file"].uk-input::file-selector-button,
input[type="file"].uk-input::-webkit-file-upload-button {
      display: block;
      width: 100%;
      height: 40px;
      margin: 0 0 12px 0;
      padding: 0 22px;
      border: 0;
      background: var(--zeitgemaess-secondary);
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
      cursor: pointer;
}

input[type="file"].uk-input::file-selector-button:hover,
input[type="file"].uk-input::-webkit-file-upload-button:hover {
      background: rgba(34, 53, 115, .93);
}

/* Kontakt */

.contact-cta {
      position: relative;
}

.contact-cta>.uk-container {
      position: absolute;
      z-index: 9999;
      top: 0px;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;
}

/* Footer */

footer {
      border-top: 2px solid var(--zeitgemaess-secondary);
}

footer h5,
.zeitg-secondcolor,
.uk-card-primary a:not(.uk-button),
.counter-grid .el-title {
      color: var(--zeitgemaess-secondary) !important;
}

footer .el-content a,
h1.uk-h1,
h5.uk-h5 {
      hyphens: auto;
      overflow-wrap: break-word;
}

/* Responsive */

@media only screen and (max-width: 959px) {

      .uk-h1,
      h1 {
            font-size: clamp(30px, 5vw, 52px) !important;
      }

      .uk-h2,
      h2 {
            font-size: clamp(32px, 5vw, 48px) !important;
      }

      .uk-h3,
      h3 {
            font-size: clamp(22px, 2.92vw, 28px) !important;
            line-height: 1.3 !important;
      }

      .uk-h4,
      h4 {
            font-size: clamp(20px, 2.5vw, 24px) !important;
      }

      .contact-cta {
            padding-bottom: 28px !important;
      }

      .contact-cta>.uk-container {
            position: static;
            transform: none;
      }

      .zeitgemaess-taetigkeitsbereiche {
            padding-top: 50px !important;
            padding-bottom: 50px !important;
      }

      .zeitgemaess-taetigkeitsbereiche .uk-container>.uk-grid>.uk-first-column:first-child {
            padding-top: 0px !important;
            padding-bottom: 30px !important;
      }

      .zeitgemaess-taetigkeitsbereiche .uk-container>.uk-grid>.uk-first-column:last-child {
            height: 400px !important;
      }

      .karriere-stellen .uk-tile {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
      }

      .karriere-ausbildungbilder, .unternehmen-column {
            display: none !important;
      }

      .einzelleistung-imagecolumn, .home-imagecolumn {
            height: 240px !important;
      }

      .home-keyfacts .uk-grid-item-match.uk-width-1-1 {
            position: static !important;
      }
}

@media only screen and (max-width: 720px) {
.homeslider .uk-slideshow-items {
      aspect-ratio: auto !important;
            height: 500px !important;
            object-fit: cover !important;
}
}

@media only screen and (max-width: 560px) {
      .contact-cta>.uk-container {
            width: 80% !important;
      }
}

@media only screen and (max-width: 639px) {
      .unternehmen-imagecolumn {
            height: 240px;
      }

      .leistungen-grid img {
            height: 400px !important;
      }
}

@media only screen and (max-width: 440px) {
      .leistungen-grid img {
            height: 280px !important;
      }
}

@media only screen and (max-width: 400px) {
      .contact-cta>.uk-container {
            width: 90% !important;
      }
}