@charset "UTF-8";
html {
  font-size: 16px;
}

/*deep space blue*/
/*deep space blue abgeschwächt*/
/*vivid green*/
/*vivid green abgeschwächt*/
/*electric neon*/
/*active elements*/
/*active elements*/
/*button in vivid green hover background*/
/*button in deepspaceblue hover background*/
@font-face {
  font-family: TheGroupHead-Light;
  src: url(../fonts/TheGroupHEAD-Light.woff) format("woff"), url(../fonts/TheGroupHEAD-Light.woff2) format("woff2");
  font-style: normal;
}
@font-face {
  font-family: TheGroupHead-LightItalic;
  src: url(../fonts/TheGroupHEAD-LightItalic.woff) format("woff"), url(../fonts/TheGroupHEAD-LightItalic.woff2) format("woff2");
  font-style: normal;
}
@font-face {
  font-family: TheGroupText-Bold;
  src: url(../fonts/TheGroupTEXT-Bold.woff) format("woff"), url(../fonts/TheGroupTEXT-Bold.woff2) format("woff2");
  font-style: normal;
}
@font-face {
  font-family: TheGroupText-BoldItalic;
  src: url(../fonts/TheGroupTEXT-BoldItalic.woff) format("woff"), url(../fonts/TheGroupTEXT-BoldItalic.woff2) format("woff2");
  font-style: normal;
}
@font-face {
  font-family: TheGroupText-Medium;
  src: url(../fonts/TheGroupTEXT-Medium.woff) format("woff"), url(../fonts/TheGroupTEXT-Medium.woff2) format("woff2");
  font-style: normal;
}
@font-face {
  font-family: TheGroupText-MediumItalic;
  src: url(../fonts/TheGroupTEXT-MediumItalic.woff) format("woff"), url(../fonts/TheGroupTEXT-MediumItalic.woff2) format("woff2");
  font-style: normal;
}
@font-face {
  font-family: TheGroupText-Regular;
  src: url(../fonts/TheGroupTEXT-Regular.woff) format("woff"), url(../fonts/TheGroupTEXT-Regular.woff2) format("woff2");
  font-style: normal;
}
@font-face {
  font-family: TheGroupText-RegularItalic;
  src: url(../fonts/TheGroupTEXT-RegularItalic.woff) format("woff"), url(../fonts/TheGroupTEXT-RegularItalic.woff2) format("woff2");
  font-style: normal;
}
/* ––––––––––– Header –––––––––– */
.tm-header-mobile .uk-navbar-container > div > div:first-child a {
  color: #008c82;
}
.tm-header-mobile .uk-navbar-container > div > div:first-child a:hover {
  color: #c2fe06;
}

.tm-toolbar a {
  color: #008c82;
}
.tm-toolbar a:hover {
  color: #c2fe06;
}
.tm-toolbar > div > div {
  width: 100%;
  justify-content: end;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5333333333);
  padding-bottom: 5px;
}

.uk-navbar {
  display: flex;
  justify-content: flex-start;
}
.uk-navbar a.uk-logo {
  display: none;
  visibility: hidden;
}
.uk-navbar .uk-navbar-center {
  align-items: end;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #002733;
}

.uk-navbar-nav {
  gap: 0;
}

.uk-navbar-nav > li > a {
  font-size: 1rem;
  color: #fff;
  letter-spacing: 0;
  padding: 0 17px;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded=true] {
  color: #c2fe06;
}

.uk-navbar-nav > li.uk-active > a {
  color: #c2fe06;
  border-bottom: 4px solid #c2fe06;
}

.uk-dropnav-dropbar {
  /* box-shadow: 0 6px 4px -3px rgba(0, 140, 130, .1); */
  border-top: 1px solid rgba(255, 255, 255, 0.5411764706);
}

/* ––––––––––– Allgemein –––––––––– */
html {
  color: #000;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

h1, .uk-h1 {
  font-size: 3rem;
}

.emMuted em {
  color: #c2fe06;
  font-style: normal;
}

.uk-heading-2xlarge {
  font-size: 4rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.813rem;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: 0;
}
h4 em {
  color: #008c82;
}

h5 {
  font-size: 1.625rem;
}

h6 {
  font-size: 1.25rem;
}

p {
  font-size: 1rem;
  line-height: 1.3;
}

footer p,
footer a.el-link {
  font-size: 0.875rem;
}
footer a.el-link.uk-link-text, footer a.el-link {
  color: #fff;
}
footer a:hover.el-link.uk-link-text, footer a:hover.el-link {
  color: #c2fe06;
  text-decoration: none;
}

.uk-section-primary {
  background: #002733;
  color: #fff;
}
.uk-section-primary h1, .uk-section-primary h2, .uk-section-primary h3, .uk-section-primary h4, .uk-section-primary h5 {
  color: #fff;
}
.uk-section-primary em {
  color: #c2fe06;
}

.uk-card-primary .uk-card-title {
  font-weight: 700;
}
.uk-card-primary p {
  color: #fff;
}

.uk-card-secondary .el-content {
  color: #fff;
  /*  padding-right: 50px;*/
  padding-right: 3.125rem;
}

.uk-tile-default .uk-card-title {
  font-size: 2rem;
}

.uk-tile-primary .uk-card-title {
  font-size: 2rem;
}
.uk-tile-primary .uk-card-title em {
  color: #c2fe06;
}
.uk-tile-primary p {
  color: #fff;
}

.panelCentered .uk-flex-none,
.panelCentered .uk-width-1-2\@m {
  display: flex;
  align-items: center;
}

/* ––––––––––– Buttons –––––––––– */
.uk-button {
  border: transparent;
  border-radius: 3.125rem;
  /* padding: 7px 19px;*/
  padding: 0.438rem 1.188rem;
  letter-spacing: 0;
  text-transform: none;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
}

.uk-button-large {
  font-size: 1.125rem;
  padding: 7px 23px;
  line-height: 1.688rem;
}

.uk-button-default {
  background-color: #008c82 !important;
  color: #fff !important;
}

.uk-button-primary {
  background-color: #002733 !important;
  color: #fff !important;
}

.uk-button-secondary {
  background-color: #c2fe06 !important;
  color: #002733 !important;
}

.uk-text-meta.uk-text-secondary h4 {
  color: #008c82 !important;
  font-style: italic !important;
}
.uk-text-meta.uk-text-secondary p {
  color: #008c82;
}

.uk-accordion .uk-accordion-title {
  font-size: 1rem;
  font-weight: 700;
}
.uk-accordion > :nth-child(n+2) {
  margin-top: 20px;
  border-top: 1px solid #dcdcdc;
}
.uk-accordion .uk-accordion-content {
  width: 80%;
}

.uk-subnav > .uk-active > a {
  font-weight: 600;
  border-bottom: 3px solid #008c82;
  padding-bottom: 25px;
}
.uk-subnav > li a {
  padding-bottom: 25px;
}
.uk-subnav > li a:hover {
  font-weight: 600;
}

.headerImage {
  max-width: 100px !important;
}

/*#fleetMenu {
  gap: 30px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  .uk-nav-header {
    margin-top: 0;
  }
  li, li a {
    color: $secondary;
    font-weight: 600;
    font-size: 16px;
  }
}*/
.el-contract-logos.uk-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.el-contract-logos.uk-list li {
  align-items: center;
  display: flex;
  margin: 0;
}

.markenlogosLocation {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 10px;
}

.mod_hubmia_locations_filter .locationsContainer .el-item {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
}
.mod_hubmia_locations_filter .locationsContainer .el-item .content .standortdetails {
  padding: 10px;
}

.content {
  padding: 15px;
}

@media (max-width: 1031px) {
  .marginMinus {
    margin-top: 0;
  }
}

/**** Nadine Custom Code ****/
.uk-navbar-left {
  margin-right: 35px;
}

.uk-button-secondary:hover {
  background: #008075 !important;
  color: white !important;
  transition: all ease-in 0.5s !important;
}

.uk-button-default:hover {
  background-color: rgb(51, 163, 155) !important;
  transition: all ease-in 0.2s !important;
}

.uk-navbar-primary .uk-navbar-nav > li > a {
  font-weight: 800;
  border-bottom: 4px solid transparent;
  white-space: nowrap;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded=true] {
  color: #c2fe06;
  border-bottom: 4px solid #c2fe06;
}

.uk-height-medium {
  height: 300px;
  margin-top: 7px;
}

.uk-navbar-center:not(:only-child) {
  position: inherit;
  top: 0;
  left: 0;
  transform: none;
  width: max-content;
  box-sizing: border-box;
  z-index: 990;
  margin-right: 20px;
}

.uk-navbar-right img {
  min-width: 300px;
}

.uk-navbar-left img {
  min-width: 100px;
}

.uk-navbar-center .uk-navbar-nav {
  gap: 0;
}

.uk-offcanvas-bar.uk-flex.uk-flex-column.uk-offcanvas-bar-animation.uk-offcanvas-slide {
  background: #002733;
}

@media screen and (max-width: 1320px) {
  .uk-navbar {
    flex-wrap: wrap;
  }
  .uk-navbar-center {
    order: 3;
  }
}
@media screen and (min-width: 270px) {
  .tm-header-mobile.uk-hidden\@s .uk-navbar-right {
    order: 2;
  }
  .tm-header-mobile.uk-hidden\@s .uk-navbar-center {
    order: 1;
  }
}
@media screen and (max-width: 700px) {
  h1, .uk-h1 {
    font-size: 2.1rem !important;
  }
  .uk-background-norepeat.uk-background-cover.uk-background-center-center.uk-section.uk-section-xsmall.uk-padding-remove-top, .el-image.uk-transition-opaque {
    height: 300px !important;
  }
}
@media (max-width: 959px) {
  .uk-visible\@s {
    display: none !important;
  }
  .uk-hidden\@s {
    display: block !important;
  }
  .uk-nav-default {
    font-size: 1.1rem;
  }
  .uk-nav-default .uk-nav-sub {
    font-size: 1.1rem;
    line-height: 2;
  }
}
@media screen and (max-width: 959px) {
  .uk-grid-item-match.uk-flex-middle.uk-width-1-2\@m.uk-first-column {
    order: 2;
  }
  #page\#1 {
    order: 1;
  }
}
.uk-text-emphasis {
  color: #c2fe06 !important;
}

.uk-section-primary.uk-section .el-content.uk-panel {
  color: white;
}

.uk-section-default.uk-section.uk-padding-remove-top .uk-margin-remove-vertical img {
  width: 100vw;
}

.standortInnerTop {
  margin-top: 20px;
}
.standortInnerTop .uk-h4 {
  height: 70px;
}

.standortInnerDetails {
  margin-bottom: 20px;
}

.standortInnerButtons a {
  margin-right: 10px;
}

.standortInnerTop .uk-h4 {
  height: 30px;
  font-size: 24px;
}

.maItemsContainer .maLanguagesList {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  padding: 0px;
}
.maItemsContainer .maLanguagesList li {
  margin-right: 10px;
}
.maItemsContainer .maButtons {
  display: flex;
  flex-direction: column;
}
.maItemsContainer .maButtons .uk-button {
  text-align: left;
  margin-bottom: 10px;
}

/*** MA Employees **/
.elementContainer a {
  color: inherit;
  text-decoration: inherit;
}
.elementContainer .uk-button {
  max-width: 100%;
}
.elementContainer .uk-button .btnText {
  padding-left: 10px;
}
.elementContainer ul {
  padding: 0;
}
.elementContainer ul li {
  list-style: none !important;
  display: inline-block;
  margin-right: 10px;
}
.elementContainer .el-buttons {
  display: grid;
}

.uk-close svg {
  width: 30px;
  height: 30px;
}

/***Locations Menü***/
.tm-header-mobile .uk-navbar-container > div > div:first-child > div {
  width: 100%;
  justify-content: end;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5333333333);
  padding-bottom: 5px;
}
.tm-header-mobile .uk-navbar {
  margin-top: 10px;
}

.uk-offcanvas-bar {
  padding-left: 40px;
  padding-top: 80px;
}
.uk-offcanvas-bar hr {
  opacity: 0.5;
}
.uk-offcanvas-bar a {
  font-family: TheGroupText-Bold;
  color: rgba(255, 255, 255, 0.5333333333);
}
.uk-offcanvas-bar a:hover {
  color: #fff;
}

.uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-close {
  color: #008c82;
}
.uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-close:hover {
  color: #002733;
}
.uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-nav {
  margin-left: 40px;
}
.uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-nav a {
  color: #002733;
}
.uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-nav .el-item {
  position: relative;
}
.uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-nav .el-item.uk-active a, .uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-nav .el-item:hover a {
  color: #008c82;
}
.uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-nav .el-item.uk-active::after, .uk-offcanvas-bar:not(#tm-dialog-mobile .uk-offcanvas-bar) .uk-nav .el-item:hover::after {
  content: url("data:image/svg+xml,%3Csvg fill='%23008c82' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M128 252.6C128 148.4 214 64 320 64C426 64 512 148.4 512 252.6C512 371.9 391.8 514.9 341.6 569.4C329.8 582.2 310.1 582.2 298.3 569.4C248.1 514.9 127.9 371.9 127.9 252.6zM320 320C355.3 320 384 291.3 384 256C384 220.7 355.3 192 320 192C284.7 192 256 220.7 256 256C256 291.3 284.7 320 320 320z'/%3E%3C/svg%3E");
  position: absolute;
  left: -35px;
  width: 25px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
}

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