/* Custom CSS KAEFER-THEME-S */
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-Black-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 900;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-BlackItalic-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-Bold-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 800;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-BoldItalic-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-SemiBold-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-SemiBoldItalic-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-Medium-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 500;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-MediumItalic-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-Regular-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-RegularItalic-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 350;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-Book-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 350;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-BookItalic-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-Light-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 300;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-LightItalic-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-Ultralight-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 200;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-UltralightItalic-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-Thin-WebXL.woff') format('woff'); 
}
  
@font-face {
  font-display: swap;
  font-family: 'SuisseIntl';
  font-style: italic;
  font-weight: 100;
  src: url('/wp-content/themes/yootheme_str8up/fonts/SuisseIntl/SuisseIntl-ThinItalic-WebXL.woff') format('woff'); 
}

:root {
  --default-color: #ffffff;
  --primary-color-red: #e63719;
  --secondary-color-greysilver: #2c414a;
  --tertiary-color-silver:#929ea5;
  --muted-color:#d8dcdf;
  --black-color:#000000;
  /*kaefer2026*/
  --grey-color:#ebebeb;
  --black2-color:#323c46;
}

/* LAYOUT
****************************************************/
.uk-text-lead {
  text-decoration: underline;
}

input[type="checkbox"],
input[type="radio"] {
  transform: scale(1.8);
  margin: 8px;
}

/* HEADER
****************************************************/

/* Toolbar */
.tm-toolbar {
  color:var(--default-color);
}
.tm-toolbar a:hover {
  text-decoration: none;
}

div#polylang-2 ul {
  padding-left:0;
  margin-left: -30px!important;
}

div#polylang-3 ul {
  padding-left:0;
  margin-left: 0;
}

.widget_polylang ul li {
  display: inline-block;
  margin-right: 5px;
}

li.lang-item.current-lang a{
  color:var(--primary-color-red);
}

li.lang-item.lang-item-6.lang-item-en {
  
}

.kfr-divider-pre {
  position: relative;
  padding-right: 11px; 
  margin-right: 10px;
}

.kfr-divider-pre:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  display: inline-block;
  width: 1px;
  height: 90%;
  background-color:var(--default-color);
}

/* Navbar */
.uk-icon.uk-navbar-toggle-icon svg {
  width: 30px;   
 }
 header.tm-header.uk-visible\@m .uk-sticky-fixed .uk-navbar-container .uk-logo {
  width:160px;
  height:60px;
}
.tm-header .uk-navbar-sticky .uk-navbar-item, 
.tm-header .uk-navbar-sticky .uk-navbar-nav > li > a, 
.tm-header .uk-navbar-sticky .uk-navbar-toggle {
  min-height: 60px;
  transition: min-height 0.25s ease-in;
}
.tm-header .uk-navbar-sticky .uk-logo img {
  height: 60px;
  width: auto;
  transition: width 0.25s ease-in;
}

/* MAIN
****************************************************/
.pfeilmargin {
  top:-5px;
  left:5px;
  position: relative;
}

.arrow {
  display:inline-block;
  position: relative;
  height: 4px;
  background-color: var(--black-color);
  vertical-align:middle;
  top:-4px;
}

.arrow::after {
  content: '';
  position: absolute;
  left:100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 20px solid var(--black-color);
}

.arrowg {
  display: flex;
  align-items: baseline;
  gap: 28px; /* Abstand zwischen Pfeil und Text */
}

.pfeilg {
  position: relative;
  width: 90px;
  height: 4px;
  top:-5px;
  background-color: black;
}

.pfeilg::after {
  content: '';
  position: absolute;
  left:100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 20px solid black;
}

.textg {
  font-weight: bold;
  line-height: 1.2;
}

.overlay-karriere h3 {
  color: var(--tertiary-color-silver)!important;
  font-weight: 800;
}
.uk-overlay-primary.uk-transition-fade.uk-position-cover {
  z-index: 10;
}
.uk-position-top-left.uk-transition-fade {
  z-index: 20;
}

span.wpcf7-list-item-label small a {
  color:var(--primary-color-red)!important;
}

/* Contact-Form */

select.wpcf7-form-control.wpcf7-select.uk-select,
select.wpcf7-form-control.wpcf7-select.uk-select:focus,
input.wpcf7-form-control.wpcf7-text.uk-input,
input.wpcf7-form-control.wpcf7-text.uk-input::placeholder,
input.wpcf7-form-control.wpcf7-text.uk-input:focus,
input.wpcf7-form-control.wpcf7-number.uk-input,
input.wpcf7-form-control.wpcf7-number.uk-input::placeholder,
input.wpcf7-form-control.wpcf7-number.uk-input:focus,
textarea.wpcf7-form-control.wpcf7-textarea.uk-textarea,
textarea.wpcf7-form-control.wpcf7-textarea.uk-textarea::placeholder,
textarea.wpcf7-form-control.wpcf7-textarea.uk-textarea:focus {
  background-color: var(--default-color);
  color:var(--secondary-color-greysilver);
}

input.wpcf7-form-control.wpcf7-text.uk-input::placeholder,
input.wpcf7-form-control.wpcf7-number.uk-input::placeholder,
textarea.wpcf7-form-control.wpcf7-textarea.uk-textarea::placeholder {
  color: var(--tertiary-color-silver);
}

span.dtext {
  display: inline-block;
  position: relative;
  padding-left: 34px;
  top: -30px;
}

.wpcf7-list-item {
  margin:0;
}

.fleft {
  padding-right:10px;
}
.right {
  padding-left: 10px;
}

.uk-form p {
  margin: 0 0 10px 0;
}

span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item-label {
  margin-right: 10px;
}

/* End Contact-Form */

.kariereoverlay .el-content {
  max-height:300px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.kariereoverlay .el-content:hover,
.kariereoverlay .el-content:focus{
  overflow-y: auto;
}

.kariereoverlay .el-content::-webkit-scrollbar {
  width: 8px;
}

.kariereoverlay .el-content::-webkit-scrollbar-track {
  background:var(--default-color);
  border-radius: 4px;
}

.kariereoverlay .el-content::-webkit-scrollbar-thumb {
  background-color: var(--tertiary-color-silver); 
  border-radius: 4px;
  border: 2px solid var(--default-color);
}

.kariereoverlay .el-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--tertiary-color-silver);
}

/* SIDEBAR
****************************************************/

.call-box {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 999;
  background-color: var(--tertiary-color-silver);
  color:var(--default-color);
  text-transform: uppercase;
  padding:10px;
}
.call-box p{
  line-height:120%;
}

.call-box .arrow {
  width: 50%;
  background-color: var(--default-color);
  margin-top:10px;
  margin-right:23px;
}
.call-box .arrow::after {
  border-left:20px solid var(--default-color);
}

/* FOOTER
****************************************************/
.footer {
  background:var(--grey-color);
  color:var(--black2-color);
}
.footer a {
  color:var(--black2-color);
  text-decoration: none;
}
.footer a:hover {
  text-decoration:underline;
  text-underline-offset:6px;
}

.footer .uk-list>:nth-child(n+2) {
  margin-top: 15px;
}

.uk-section-secondary:not(.uk-preserve-color) a:hover{
  text-decoration: none;
}

.footer .social img.el-image:hover {
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/*** ToTop icon ***/
.uk-icon.uk-totop {
   background:var(--grey-color);
   border:1px solid var(--black2-color);
   border-radius: 3px;
   padding: 8px;
}
.uk-icon.uk-totop > svg {
    width: 24px;
    height: 24px;
    color:var(--black2-color);
}
.uk-icon.uk-totop:hover {
   background:var(--black2-color);
   color: var(--grey-color);
}
.uk-totop:hover > svg {
  color:var(--grey-color);
}


/* MOBILE DEVICE
****************************************************/

.uk-offcanvas-bar a {
  text-transform: uppercase;
  font-weight: 800;
}

/* Smartphones */
@media (max-width: 480px) {
  .tm-header-mobile,
  .uk-navbar-sticky,
  .uk-navbar-container,
  .uk-container-expand,
  nav.uk-navbar,
  a.uk-logo.uk-navbar-item,
  .uk-navbar-toggle,
  a.uk-navbar-toggle.uk-navbar-toggle-animate{
    min-height:80px;
  }
  .uk-h2, h2,.uk-h3, h3 {
    font-size: 1.625rem;
  }

  .fleft {
    padding-right:0;
  }
 
  .right {
    padding-left:30px;
  }
  .uk-form *+.uk-grid-margin, .uk-form .uk-grid+.uk-grid, .uk-form .uk-grid>.uk-grid-margin {
    margin-top: 10px;
  }
 
  .kariereoverlay .el-content {
    max-height:150px;
  }

  .arrow.fakten {
    width:95%!important;
    margin-right:10px;
  }

  .arrow {
    width: 120px!important;
  }

  .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    width: 100vw !important;
    max-width: 100vw !important;
    right: 0 !important;
    left: auto !important;
  }

}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
  .tright {
    padding-left:30px;
  }
  .fleft {
    padding-right:0;
  }

  .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    width: 100vw !important;
    max-width: 100vw !important;
    right: 0 !important;
    left: auto !important;
  }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
  .fleft {
    padding-right:0;
  }

  .tright {
    padding-left:30px;
  }

  .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    width: 100vw !important;
    max-width: 100vw !important;
    right: 0 !important;
    left: auto !important;
  }
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {}

/* Large Display */
@media (min-width: 1200px) {}