/* eschen orange */
/* #f07d00 */
:root {
  --bs-btn-hover-color: white;
}

.border-radius-3 {
  border-radius: 1rem;
}

html {
  scroll-padding-top: 200px;
}

a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  color: var(--primaryh);

}

.far,
.fa-regular {
  font-weight: 700 !important;
}

/* .accordion-item {
  scroll-padding-top: 300px;
}
 */

select.form-control {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  -ms-appearance: menulist !important;
  -o-appearance: menulist !important;
  appearance: menulist !important;
}

button.navbar-toggler::after {
  content: " Unternehmen entdecken";
}

[lang="en"] button.navbar-toggler::after {
  content: " Dicover the Company";
}

[lang="ru"] button.navbar-toggler::after {
  content: " Узнайте о компании";
}

[lang="pl"] button.navbar-toggler::after {
  content: " Odkryj firmę";
}

[lang="es"] button.navbar-toggler::after {
  content: " Descubra la empresa";
}

.btn.btn-primary {
  --bs-btn-hover-color: white;
}

.btn-primary {
  color: #fff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.main-content img {
  width: 100%;
  height: auto;
}

/* montserrat-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* encode-sans-semi-expanded-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans Semi Expanded';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/encode-sans-semi-expanded-v20-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* encode-sans-semi-expanded-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans Semi Expanded';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/encode-sans-semi-expanded-v20-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* encode-sans-semi-expanded-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans Semi Expanded';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/encode-sans-semi-expanded-v20-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* encode-sans-semi-expanded-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans Semi Expanded';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/encode-sans-semi-expanded-v20-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* 1. Oblique Regular (ob-regular.woff) */
@font-face {
  font-family: 'Eschen';
  src: url('../fonts/ob-regular.woff') format('woff');
  font-weight: normal;
  /* Or 400 */
  font-style: normal;
  font-display: swap;
  /* Best practice for performance */
}

/* 2. Oblique Black (ob-black.woff) */
@font-face {
  font-family: 'Eschen';
  src: url('../fonts/ob-black.woff') format('woff');
  font-weight: 800;
  /* Use 900 or 800 for "Black" weight */
  font-style: normal;
  font-display: swap;
}

/* saira-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/saira-v22-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/saira-v22-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/saira-v22-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/saira-v22-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  overflow-x: hidden;
  /*
  font-family: 'Montserrat';

  font-family: 'Encode Sans Semi Expanded';
  */
  font-family: 'Saira', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.1rem;
  color: black;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  text-transform: uppercase;

}

h1,
.h1 {
  font-weight: 700;
}

.h1 h2 {
  font-size: 2.5rem;
  font-weight: 500;
}

@media (min-width: 1200px) {

  .h2,
  h2 {
    font-size: 1.75rem;
  }
}

.h2 h3 {
  font-size: 1.75rem;
}

h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-weight: 700;
  padding-bottom: 1rem;
}

.start-teaser-left h2 {
  padding-bottom: 0;
}

.bold h1,
.bold h2,
.bold h3,
.bold h4,
.bold .h1,
.bold .h2,
.bold .h3,
.bold .h4 {
  font-weight: 700;
}

@media (max-width: 991.98px) {

  h2,
  .h2 {
    font-size: calc(1.325rem + 0.2vw);
  }
}

.sub-thin .subheader {
  font-weight: 500;
}

.blog-news h3 {
  font-size: 1.25rem;
}

[class*="ce-news"] h3.card-title {
  font-size: 1.25rem;
  font-weight: 500;
}

strong,
b {
  font-weight: 600;
}

.homeStartButton {
  border-radius: 1rem;
}

span.star-text {
  position: relative;
}

[lang="en"] span.star-text,
[lang="ru"] span.star-text,
[lang="pl"] span.star-text,
[lang="es"] span.star-text {
  color: transparent !important;
}

[lang="en"] span.star-text::after,
[lang="ru"] span.star-text::after,
[lang="pl"] span.star-text::after,
[lang="es"] span.star-text::after {
  color: black !important;
  position: absolute;
  left: 0;
  font-size: 80%;
  padding-top: 0.25rem;
}

[lang="en"] span.star-text::after {
  content: "Stars";
  font-size: 100%;
  left: 0.5rem;
  padding-top: 0;
}

[lang="ru"] span.star-text::after {
  content: "Звезды";
  font-size: 87.5%;
}

[lang="pl"] span.star-text::after {
  content: "Gwiazdy";
}

[lang="es"] span.star-text::after {
  content: "estrellas";
}

.font-smaller h2.mainheader {
  font-size: 1.75rem;
}

[class*="g-score"] p.card-text {
  word-break: break-word;
  overflow-x: hidden;
  font-size: 90%;
  color: black !important;
}

.navbar .trust-stars i {
  position: relative;
  top: 0.25rem;
}


@media (max-width:768px) {
  body>* {
    overflow-x: hidden;
  }

  figure.video {
    margin-left: 0 !important;
  }
}

body.layout-1 #page-content {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width:992px) {
  body.layout-1 #page-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.bg-brightgray {
  background-color: var(--brightgray);
}


.hr-big hr {
  border-top-width: 5px;
  border-radius: 5rem;
}

.hr-big.hr-orange hr {
  border-top-color: var(--primary);
  opacity: 1;
}

.text-size-90 p,
.text-size-90 td,
.text-size-90 li {
  font-size: 90%;
}

.main-content .gallery .text-center.first-figure.last-figure {
  display: flex;
  justify-content: center;
}


.anchor {
  position: relative;
  top: -150px;
  visibility: hidden;
  display: block;
}

@media (min-width: 1320px) {
  .container .full-width {
    margin-left: calc(-100vw + (1320px / 2));
    margin-right: calc(-100vw + (1320px / 2));
  }
}

.main-content>.container-fluid {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* [class*="background_wrapper"].container-fluid{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% - 3rem);
} */
[class*="background_wrapper"].container-fluid {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

[class*="background_wrapper"].container-fluid.rounded,
[class*="background_wrapper"].container-fluid.mx-4 {
  width: calc(100% - 3rem);
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.jumbotron [class*="background_wrapper"].container-fluid.rounded {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.jumbotron .video-start .local-video {
  max-height: 404px;
}

@media (min-width:992px) {
  .video-start .card-text .d-xl-block {
    display: inline-flex !important;
  }
}

.video-start .video::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgb(0 0 0 / 15%);
}

.video-start .card-text {
  color: white !important;
}

/* .jumbotron .jumbotron-content .ce-background_wrapper {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: 100%;
} */

/* if class c-f.. set by hand  */
.row.container-fluid {
  margin-left: 0;
  margin-right: 0;
}

.row.ce-row_columns.container,
.row[class*="_columns"].container,
.ce-background_wrapper .row.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}


.mt-n1 {
  margin-top: -0.5rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mt-n4 {
  margin-top: -2rem !important;
}

.mt-n5 {
  margin-top: -3rem !important;
}

/* trick for background color opacity */

.bg-dark-op-25 {
  background-color: black !important;
  box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 25%);
}

.bg-dark-op-50 {
  background-color: black !important;
  box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 50%);
}

.bg-dark-op-75 {
  background-color: black !important;
  box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 75%);
}

.bg-dark {
  background-color: black !important;
  color: white !important;
}

.align-items-stretch>section {
  width: 100%;
}

.header-mobile {
  position: relative;
  transform: translateX(-1.5rem);
  width: calc(100% + 3rem);
  overflow: hidden;
}

.mobile-6-6 .row>.col-sm {
  width: 50%;
}

[class*="ce-news"] a,
[class*="ce-news"] .card {
  text-decoration: none;
}

[class*="ce-news"] .card {
  position: relative;
}

.card {
  border-width: 0;
}

.card figure {
  margin-bottom: 1rem;
}

a.card {
  background-color: whitesmoke;
  border-radius: 1rem;
}

.masonry .card {
  background-color: whitesmoke;
  border-radius: 1rem;
}

.card-text {
  font-weight: 400;
}

.card-body *,
.card-title,
.card-text {
  color: black !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

.card a,
a.card,
a.card * {
  text-decoration: none !important;
}

a.card:hover {
  text-decoration: underline;
}

.card-title span {
  text-decoration: none;
}

a.card:hover {
  text-decoration: underline;
}

@media (min-width:1200px) {

  .news-swiper .news {
    max-width: calc(100% - 3rem);
  }
}

@media (max-width:1400px) {
  h3.card-title {
    font-size: 1.125rem;
  }

  .card figure {
    aspect-ratio: 4 / 3;
    width: 100%;
    display: flex;
    align-items: center;
    /* vertical centering */
    justify-content: center;
    /* horizontal centering */
    overflow: hidden;
    position: relative;
    border-radius: 1rem !important;
  }

  .card figure img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    /* keeps image aspect ratio, fills box */
    display: block;
  }
}



@media (min-width:1400px) {

  .news-title-over .overlay.img-overlay a,
  .news-title-over .overlay.img-overlay * {
    color: white !important;
  }

  .news-title-over .overlay.img-overlay {
    position: absolute;
    top: 20%;
    background-color: rgb(0 0 0 / 0.7);
    color: white;
    opacity: 0;
    transition: all 150ms ease-in;
    transform: translateY(3rem);
  }

  .news-title-over a.card:hover .overlay.img-overlay,
  .news-title-over .overlay.img-overlay:hover {
    opacity: 1;
    transition: all 150ms ease-out;
    transform: translateY(0);
  }

  .news-title-over .card:hover img,
  .news-title-over .card:hover video {
    -webkit-transform: scale(1.05) !important;
    -ms-transform: scale(1.05) !important;
    transform: scale(1.05) !important;
  }

  /* newsswiper */


  .news-title-over .card-body {
    position: absolute;
    top: 40%;
    background-color: rgb(0 0 0 / 0.5);
    color: white;
    opacity: 0;
    transition: all 150ms ease-out;
  }

  .news-title-over .card-body .card-title {
    color: white !important;
  }

  .news-title-over .slider-link:hover .card-body {
    position: absolute;
    top: 33%;
    background-color: rgb(0 0 0 / 0.5);
    color: white;
    opacity: 1;
    transition: all 150ms ease-in;
  }

}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 700 !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: '\f137' !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: '\f138' !important;

}

.swiper-button-next,
.swiper-button-prev {
  height: 100% !important;
  top: 1rem !important;
  width: 3rem !important;
}

.news-single .mediaelement.mediaelement-image {
  margin-bottom: 1rem;
}

@media (min-width:768px) {
  .news-single .article .col-12 {
    width: 50%;
  }
}

/* .bt_hidden {
  opacity: 1;
}
 */
.trust-stars {
  background-color: var(--bg-light);
  transition: all ease 150ms;
}

.sticky-buttons {
  position: fixed;
  right: 0;
  bottom: 42vh;
}

.sticky-buttons .btn-light {
  border-width: 0;
  border-left-width: 0.5rem;
  width: 100%;
  text-align: start;
  font-size: 1.33333rem;
  font-weight: 500;
  position: relative;
  right: -7.5rem;
  transition: all 300ms ease-in;
  padding: 0.5rem 1rem;
  box-shadow: 0 0 0 rgb(0 0 0 / 0);
}

.sticky-buttons .btn-light [class*="fa-"] {
  margin-right: 2rem;
  transition: all 150ms ease-in;
}

.sticky-buttons .btn-light:hover {
  right: 0;
  transition: all 150ms ease-in;
  box-shadow: 0 0.5rem 0.5rem rgb(0 0 0 / 0.1);
  background-color: white;
}

.sticky-buttons .btn-light:hover [class*="fa-"] {
  margin-right: 0;
  transition: all 150ms ease-in;
}

.for-control {
  border-width: 2px;
  border-color: #ccc;
}

.border {
  border: 2px solid black !important;
  border-radius: 1rem;
  padding: 1rem;
}

.btn {
  font-weight: 500;
  font-size: 1.1rem;
  border-radius: 1.5rem;
}

.btn.btn-primary {
  color: white;
}


.bg-primary .btn-default {
  background-color: white;
  border-color: white;
  color: black;
}

.bg-light {
  background-color: var(--bg-light) !important;
}

.btn-light,
.btn-light:hover,
.btn-light:active,
.btn-light:focus {
  background-color: whitesmoke;
  border-color: var(--bs-primary);
  color: black;
  border-width: 2px;
}

.btn-light:hover,
.btn-light:active,
.btn-light:focus {
  background-color: white;
}

.lead {
  font-size: 1.3333rem;
  font-weight: 400;
}

.bg-whitesmoke {
  background-color: whitesmoke;
}

.rounded {
  border-radius: 1rem !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.border-radius-1 {
  border-radius: 1rem !important;
}

.background-image {
  height: 300px;
  justify-content: center;
}

@media (max-width:767.98px) {
  .background-image {
    height: auto;
  }

}

@media (min-width:1400px) {
  .background-image {
    height: calc(100vw / 4.4444);
  }
}

.background-image>.d-flex {
  width: 100%;
}

.lead-h1 .lead {
  font-size: 2.5rem;
  text-transform: uppercase;
}

.lead-h2 .lead {
  font-size: 2rem;
  text-transform: uppercase;
}

.lead-h3 .lead {
  font-size: 1.5rem;
  text-transform: uppercase;
}

#page-wrapper figure {
  border-radius: 1rem;
}

#page-wrapper #page-content figure {
  border-radius: 0;
}

#page-content figure image {
  /* border-radius: 1rem; */
}

#page-content .main-content [class*="timeline-"] figure {
  border-radius: 1.5rem !important;
}

.main-content picture {
  display: flex;
  border-radius: 1rem;
}

.video-ipad {
  margin-top: -3rem;
}

/*
#page-1 .main-content {
    padding-top: 0 !important;
}
*/

/* star-wrap top*/

.nav-tel .fa-phone {
  margin-right: 0.5rem;
  display: flex !important;
  border: 2px solid white;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-radius: 5rem;
  padding-top: 0.33333rem;
  top: 0 !important;
}

.nav-tel .fa-phone::before {
  font-size: 85%;
}

.nav-item.nav-tel {
  display: flex;
}

.nav-link.nav-wa i.fa-square-whatsapp {
  position: relative;
  font-size: 2rem;
  line-height: 0.5;
  top: 0.333333rem;
}

.navbar-shrink .trust-stars {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  transition: all ease 150ms;
}

.star-wrap a {
  color: whitesmoke;
  text-decoration: none;
}

.star-wrap a:hover {
  color: white;
}

/* lang menu */
.star-wrap .nav-item.dropdown {
  /* margin-left: auto; */
}

.nav-item.dropdown.lang-dropdown {
  color: black;
  margin-left: 1.5rem;
}

.nav-item.dropdown.lang-dropdown a,
.nav-item.dropdown.lang-dropdown * {
  color: black;
}

.nav-link#language {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: white;
  border-radius: 0.75rem;
  transition: all 150ms ease;
}

.nav-link.show#language {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: all 150ms ease;
}

.lang-dropdown .dropdown-menu.show {
  border-width: 0;
  box-shadow: 0 0 1rem rgb(0 0 0 / 25%);
}

.dropdown-item-language-menu::after {
  position: relative;
  z-index: 1;
}

.dropdown-item-language-menu span.nav-label {
  margin-right: 0.25rem;
}

.lang-dropdown span.nav-label::before {
  content: "";
  position: absolute;
  right: 0.8rem;
  top: 0.275rem;
  width: 1rem;
  height: 1.05rem;
  background-color: #ccc;
  z-index: 0;
  border-radius: 2rem;
}



button.navbar-toggler {
  position: relative;
  border-color: transparent;
}

.navbar-toggler:focus {
  box-shadow: none;
}

button.navbar-toggler::after {

  position: absolute;
  line-height: 1.75;
  left: 3.5rem;
  font-weight: 600;
  white-space: nowrap;
  font-size: 1.125rem;
}

@media (max-width:767.98px) {
  button.navbar-toggler::after {
    content: "Menu";
  }
}


.hot {
  font-weight: 700;
  font-size: 1.5rem;
  padding-left: 3rem;
  transition: all 150ms ease;
}

.navbar-shrink .hot {
  padding-left: 0;
  transition: all 150ms ease;
}

.navbar-shrink img.hot-img {
  height: 35px !important;
  width: auto !important;
}

.navbar-brand img,
.navbar-shrink .navbar-brand img {
  transition: all 150ms ease;
}

@media (min-width:992px) {
  .navbar-brand img {
    padding-top: 0.75rem;
    width: 240px;
    height: auto;
  }

  .navbar-shrink .navbar-brand img {
    padding-top: 0.5rem;
    width: 140px;
    height: auto;
  }
}


.breadcrumb {
  margin-top: 0.75rem;
}

div#page-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width:1400px) {
  .jumbotron.w-100 {
    /*     padding-left: 7.5%;
    padding-right: 7.5%; */
  }

}

.jumbotron {
  padding-top: 0;
  padding-bottom: 0;
  order: 10;
  margin-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.jumbotron.w-100>div {
  width: 100%;
}

.jumbotron h1 {
  font-weight: 700;
}

.jumbotron h2 {
  font-weight: 400;
}

.jumbo-inner-main h1,
.jumbo-inner-main h2 {
  background-color: rgb(0 0 0 / 0.5);
  display: inline-flex;
  padding: 0.5rem 1rem;
}


.jumbotron .height-inner-stretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.jumbotron .height-inner-stretch>div {
  height: 30%;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 10;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  height: 100%;
  padding: 2rem 8% 2rem 2rem;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 10;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.20);
  top: -50%;
  padding: 0 20% 0 4rem;
  display: flex;
  align-items: center;
  border-radius: 50%;
  height: 220%;
  width: 60%;
  display: flex !important;
  align-items: center !important;
}

.carousel-caption p {
  font-size: 2rem;
  line-height: 1.2;
}

.carousel-caption .lead {
  font-weight: 700;
}

.extra-content-top {
  order: 15;
  background-color: var(--primary);
  padding-top: 1rem !important;
}

#page-wrapper>.container {
  order: 20;
}

main.main-content {
  /*   padding-left: 1.25rem;
  padding-right: 1.25rem; */
}

.main-content .ce-textmedia figcaption.image-caption {
  padding: 0.25rem 0.75rem;
  font-size: 0.9rem;
}

.extra-content-top>div {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

nav#main-navbar {
  display: flex;
  flex-direction: column;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  transition: all 150ms ease-in;
  max-width: 100vw;
}


[class*="ce-background_wrapper"] {
  display: flex;
  flex-direction: column;
}

[class*="ce-background_wrapper"]>div {
  /*   max-width: 1320px;
  margin-left: auto;
  margin-right: auto; */
}

[class*="ce-background_wrapper"].w-100>div {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

figure {
  position: relative;
}


.pagination li a {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  padding-right: 0.875rem;
  padding-left: 0.875rem;
  border-right-width: 2px;
}

.pagination li:first-child a {
  border-left-color: transparent !important;
}

.pagination li:last-child a {
  border-right-color: transparent !important;
}


body.lg .dd-animate-1,
body.md .dd-animate-1,
body.xl .dd-animate-1 {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-50px);
  transition: 150ms ease all;
}

body.lg .dd-animate-1.show,
body.md .dd-animate-1.show,
body.xl .dd-animate-1.show {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: 150ms ease all;
}

@media (min-width:992px) {
  .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    margin-top: 0 !important;
  }

  .dropdown-item {
    line-height: 1;
    font-weight: 500;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .dropdown-item-language-menu {
    margin-left: 2rem;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    border-width: 0;
    box-shadow: 0 0.75rem 1.5rem rgb(0 0 0 / 0.2);
  }
}

.logo-nav-extra.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo-nav-extra.container {
  order: 10;
}

.nav-main>.container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-main {
  margin-bottom: 0.75rem;
  transition: all 150ms ease;
}

.navbar-shrink .nav-main {
  margin-bottom: 0.25rem;
  transition: all 150ms ease;
}

.navbar-brand {
  padding-bottom: 1rem;
  transition: all 150ms ease;
  text-transform: uppercase;
  padding-top: 0.75rem;
}

.navbar-shrink .navbar-brand {
  padding-bottom: 0.5rem;
  transition: all 150ms ease;
}

nav#main-navbar,
nav#main-navbar.navbar-shrink {
  padding-left: 0;
  padding-right: 0;
}

#main-navbar.navbar-shrink {
  box-shadow: 0 0 1.5rem rgb(0 0 0 / 20%);
}

.navbar-nav .nav-link {
  /* color: white !important; */
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2;
  transition: all 150ms ease;
}

.navbar-shrink .navbar-nav .nav-link {
  line-height: 1.5;
  transition: all 150ms ease;
}

.navbar-shrink .nav-main .nav-link {
  line-height: 1.5;
  transition: all 150ms ease;
}

ul.navbar-nav.small {
  display: flex;
  align-items: center;
}

ul.navbar-nav.small a {
  color: black !important;
  font-size: 1rem;
}

.small li.nav-item:last-child {
  margin-left: 2rem;
  background-color: white;
  color: black;
  border-radius: 1.5rem;
  padding-right: 0.5rem;
}

.small li.nav-item:last-child a {
  color: black !important;
  font-size: 1.25rem;
}

input.form-control.search-top {
  border-width: 1px;
  border-color: var(--primary);
  border-radius: 1.25rem;
}

.nav-main .fa-search {
  color: white;
}

.navbar-nav.small [class*="fa-"] {
  font-size: 2rem;
  color: white;
}

.navbar-nav.small .nav-tel [class*="fa-"] {
  font-size: 1.33333rem;
  color: black;
}

.navbar-toggler-icon {
  background-image: none;
}

/* span.navbar-toggler-icon::before {
  content: "\f078";
  font-family: 'Font Awesome 6 Free';
  font-size: 1.75rem;
} */

span.navbar-toggler-icon::before {
  /* The SVG now uses 'currentColor' for fill */
  /*
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='currentColor'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");
  */
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='currentColor'%3E%3Cg transform='rotate(90 480 -480)'%3E%3Cpath d='m320.23-107.69-42.54-42.54L607.46-480 277.69-809.77l42.54-42.54L692.54-480 320.23-107.69Z'/%3E%3C/g%3E%3C/svg%3E");

  display: inline-block;
  width: 2rem;
  height: 2rem;
  font-size: 1.75rem;
  color: dimgray;
  position: relative;
  top: 0;
}

.float-md-start.mx-auto,
.float-md-end.mx-auto {
  float: none !important;
}

/* karriere jobs */

.job-links li.nav-item {
  background-color: black;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 1rem;
}

.job-links a.nav-link {
  font-size: 1.25rem;
}


/* form */
.form-control {
  border-right-color: transparent;
  border-top-color: transparent;
  border-radius: 0.75rem;
  background-color: rgb(226, 225, 225);
  border-color: rgb(226, 225, 225);
  padding: 0.66666rem 0.75rem;
}

/* special */

[class*="figcaption-big-image"] figcaption {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  background-color: var(--primary);
  color: white;
  padding: 1rem;
}

.bg-light .figcaption-big-image-bg-white figcaption,
.figcaption-big-image-bg-white figcaption {
  border-left: 0.25rem solid white;
  border-bottom: 0.25rem solid white;
}

.bg-light .figcaption-big-image-bg-light figcaption {
  border-left: 0.25rem solid var(--bg-light);
  border-bottom: 0.25rem solid var(--bg-light);
}

/* start cat teaser */
.cat-teaser img.img-fluid {
  border: 3px solid black;
  border-radius: 1rem;
  background-color: whitesmoke;
  transition: 150ms all ease;
}

.ce-textmedia figure,
.swiper-slide:hover img,
.cat-teaser figure {
  transform: scale(1);
  transition: 150ms all ease;
}

.ce-textmedia figure:hover,
.swiper-slide:hover img,
.cat-teaser figure:hover {
  transform: scale(1.05);
  transition: 150ms all ease;
}

.cat-teaser figure:hover img {
  border: 3px solid var(--primary);
  transition: 150ms all ease;
}

/* meiller rent teaser usw */

@media (min-width:1200px) {
  .meiller-teaser {
    padding-right: 0;
    transform: translateX(0.65rem);
  }
}


.meiller-teaser .swiper-horizontal {
  max-height: 100% !important;
}

.meiller-teaser .swiper-slide {
  background-color: black;
  padding: 1rem;
  border-radius: 1rem;
  color: white;
}

.meiller-teaser .swiper-slide {
  display: flex !important;
  flex-direction: column !important;
}

.meiller-teaser .swiper-slide .swiper-slide-content {
  position: relative !important;
}

.meiller-teaser picture {
  border-radius: 0.5rem;
}

.meiller-teaser h3 {
  font-size: 1.5rem;
}

.meiller-teaser .swiper-slide .swiper-slide-content .swiper-caption {
  background-color: transparent !important;
  padding: 0 !important;
}

/* meiller rent PM inquiry */

fieldset.powermail_fieldset.powermail_fieldset_5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

fieldset.powermail_fieldset.powermail_fieldset_5 select {
  border-radius: 0.75rem !important;
  border-color: rgb(226, 225, 225) !important;
}

.powermail_form_5 fieldset>.row.mb-4 {
  width: 50%;
}

/* slick slider */
.slick-slider .slick-next:before,
.slick-slider .slick-prev:before {
  color: black;
  font-size: 2rem;
}

.slick-prev {
  left: -35px !important;
}

.slick-slider {
  margin-bottom: 3rem !important;
}

.slick-slider .slick-dots li button:before {
  color: var(--primary) !important;
  font-size: 14px !important;
}

/* stimmen aus dem unternehmen -> seite: karriere */
#slickid-176 .slick-slide>div>div {
  min-height: 297px;
}


/* special check icon ul li */
.check ul {
  list-style: none;
}

.check ul li {
  position: relative;
}

.check ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 free";
  position: absolute;
  left: -1.75rem;
  color: var(--primary);
  font-weight: 700;
  font-size: 1.25rem;
}

/* .dropdown-item-language-menu {
  position: relative;
}
.dropdown-item-language-menu::after {
  position: relative;
  left: 1.5rem;
}
.fa-navlink.fa-solid.fa-globe {
  position: relative;
}
.fa-solid.fa-globe::after {
  content: "\f0ac";
  font-family: 'Font Awesome 6 Free';
  transform: skew(15deg) !important;
  position: absolute;
}
 */

/* jumbotron content */

.youtube-wrapper {
  color: white;
  border-radius: 1rem !important;
  background-color: black;
}

.video-container {
  opacity: 0.75;
}

.intro {
  padding: 2rem;
  text-transform: uppercase;
}

.pointer-events-all {
  pointer-events: all;
}


/* start teaser in jumbotron */
.start-teaser-left h2 {
  font-size: 1.5rem;
}

.start-teaser-left h3 {
  font-size: 1.25rem;
  font-weight: 400;
}

.start-teaser-left>div {
  position: relative;
  border-radius: 1rem;
}

.start-teaser-left header {
  margin-bottom: 0.75rem;
}

.start-teaser-left a.more {
  /*   position: absolute;
  right: 0;
  top: auto;
  bottom: 0; */
  transition: all 150ms ease;
}

.start-teaser-left a.more:hover {
  padding-left: 0.5rem;
  transition: all 150ms ease;
}

.start-teaser-left a.more {
  border-width: 0;
  /* border-left: 0.25rem solid white;
  border-top: 0.25rem solid white; */
  color: white;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.start-teaser-left a.more::after {
  /*   content: "\f061";
  font-family: 'Font Awesome 6 Free';
  font-size: 1rem;
  margin-left: 0.5rem; */
}

/* .start-teaser-left a.more::before {
  content: "\f054";
  font-family: 'Font Awesome 6 Free';
  font-size: 1.5rem;
  margin-right: 0.5rem;
  background-color: var(--primary);
  padding: 0rem 0.65rem;
  border-radius: 2rem;
  margin-right: 0.5rem;
}
 */
/* .start-teaser-left a.more::before {
  content: "";
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white"><path d="m320.23-107.69-42.54-42.54L607.46-480 277.69-809.77l42.54-42.54L692.54-480 320.23-107.69Z"/></svg>') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  font-size: 1.5rem;
  margin-right: 0.5rem;
  background-color: var(--primary);
  padding: 0rem 0.65rem;
  border-radius: 2rem;
  margin-right: 0.5rem;
  width: 2.25rem;
  height: 2.25rem;

} */

.start-teaser-left a.more::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="white"><path d="m320.23-107.69-42.54-42.54L607.46-480 277.69-809.77l42.54-42.54L692.54-480 320.23-107.69Z"/></svg>');
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  vertical-align: middle;
  font-size: 1.5rem;
  background-color: var(--primary);
  padding: 0.2rem 0.1rem 0.2rem 0.3rem;
  border-radius: 2rem;
  margin-right: 0.5rem;
  color: white !important;
}

/* .icon-close:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  color: white;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m320.23-107.69-42.54-42.54L607.46-480 277.69-809.77l42.54-42.54L692.54-480 320.23-107.69Z"/></svg>') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
 */
}

[lang*="ru"] .start-teaser-left h2,
[lang*="pl"] .start-teaser-left h2 {
  font-size: 1.3rem;
}

/* modal */
.modal-content {
  color: black;
}

/* powermail */
.tx-powermail>.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width:992px) {
  .powermail_fieldwrap_rueckruferwuenscht {
    position: relative;
    top: -0.75rem;
  }
}

.ce-powermail_pi1 header {
  margin-bottom: 1.5rem;
}

/* ankauf */

.tx-powermail>div>form>.btn-group {
  margin-bottom: 1.5rem;
}

.tx-powermail>div>form>.btn-group>.btn-default {
  opacity: 0.5;
}

.tx-powermail>div>form>.btn-group>.btn-default.btn-primary {
  opacity: 1;
}

.powermail_tab_navigation {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.powermail_tab_navigation>button {
  min-width: 2.75rem;
}

.powermail_tab_navigation>button:last-child {
  /* margin-left: auto; */
}

.powermail_tab_navigation button.btn-warning {
  background-color: var(--primary);
  color: white !important;
  position: relative;
}

.powermail_tab_navigation button.btn-warning:hover,
.powermail_tab_navigation button.btn-primary.pull-right:hover {
  background-color: var(--primaryh) !important;
  border-color: var(--primaryh) !important;
  color: transparent !important;
}

.powermail_tab_navigation button.btn-warning,
.powermail_tab_navigation button.btn-primary.pull-right {
  color: transparent !important;
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.powermail_tab_navigation button.btn-warning::before,
.powermail_tab_navigation button.btn-primary.pull-right::before {
  font-family: "Font Awesome 6 free";
  color: white !important;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 2.4;
  font-weight: 700;
}

.powermail_tab_navigation button.btn-primary.pull-right::before {
  content: "\f061";

}

.powermail_tab_navigation button.btn-warning::before {
  content: "\f060";
}

.ankauf-beispiele .bodytext {
  font-size: 1rem;
  font-weight: 400;
}

@media (max-width:1199.98px) {
  .ankauf-beispiele [class*="col"] {
    flex: 1 0 25%;
  }

  /* benefits */
  .mobile-small .lead {
    font-size: 90%;
  }
}

@media (max-width:991.98px) {
  .ankauf-beispiele [class*="col"] {
    flex: 1 0 33.33333%;
  }

  .lead-h1 .lead {
    font-size: 1.5rem;
  }

  .video-start h1,
  .video-start h2 {
    font-size: calc(1rem + 0.75vw);
  }
}

@media (max-width:767.98px) {
  .ankauf-beispiele [class*="col"] {
    flex: 1 0 50%;
  }

  /* anfrage meiller rent  */
  .powermail_form_5 fieldset>.row.mb-4 {
    width: 100%;
  }
}

@media (max-width:575.98px) {
  .ankauf-beispiele [class*="col"] {
    flex: 1 0 100%;
  }
}





.powermail_fieldset_1>div:nth-child(1),
.powermail_fieldset_1>div:nth-child(2) {
  width: 52.5%;
  display: inline-flex;
  flex-direction: row;
}

.powermail_fieldset_1>div:nth-child(3),
.powermail_fieldset_1>div:nth-child(4) {
  width: 52.5%;
  display: inline-flex;
  flex-direction: row;
}

.powermail_fieldwrap_type_radio>div {
  display: flex;
  align-items: center;
}

.powermail_fieldwrap_type_radio>div>.radio {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}



/* js counter */

.counter-disc {
  /*   border-radius: 15rem;
  padding: 4rem 0;
  position: relative;
  width: 12.5rem;
  justify-content: center; */
}

.counter-disc>span {
  font-weight: 600;
  color: var(--primary);
}


/* timeline */

.timeline-left {
  border-left: 4px dotted black;
  border-bottom: 4px dotted black;
  border-bottom-left-radius: 1rem;
  position: relative;
}

.timeline-right {
  border-right: 4px dotted black;
  border-bottom: 4px dotted black;
  border-bottom-right-radius: 1rem;
  position: relative;
}

.timeline-left .bodytext {
  padding-right: 3rem;
}

.timeline-right header,
.timeline-right .bodytext {
  padding-left: 2rem;
  padding-right: 3rem;
}

.timeline-left::after,
.timeline-right::after {
  position: absolute;
  content: "";
  width: 3rem;
  height: 3rem;
  background-color: black;
  border-radius: 5rem;
  z-index: 1;
}

.timeline-left::after {
  left: -1.5rem;
  top: -1.5rem;
}

.timeline-right::after {
  right: -1.5rem;
  top: -1.5rem;

}

/* team */

.lila {
  background-color: #b31b80;
}

.gelb {
  background-color: #fcbc58;
}

.blau {
  background-color: #272d7b;
}

.hellblau {
  background-color: #5ee2e7;
}

.pink {
  background-color: #ce6be9;
}

.gruen {
  background-color: #01be62;
}

/* tt_address */

.tt_a_info {
  display: inline-flex;
  min-width: 1.75rem;
}

.tt_a_info>i {
  min-width: 1.5rem;
}

span.tt_a_label {
  position: absolute;
  left: -999em;
  height: 0;
  width: 0;
}

.tt_address_list .img-thumbnail {
  border-width: 0;
}

.tx-ttaddress .col-md-9 {
  display: flex;
  flex-direction: column;
}

.tx-ttaddress .col-md-9>.description {
  order: 2;
}

.tx-ttaddress .col-md-9>ul {
  order: 1;
}

[class*="tt_address"] figcaption.figure-caption {
  display: none;
}

.vcard.tt_address_detail {
  margin-bottom: 1.5rem;
}

@media (max-width:767.98px) {
  .tt_address_detail .list-unstyled li {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 768px) {

  .team .tx-ttaddress .col-md-3,
  .team .tx-ttaddress .col-md-9 {
    width: 100%;
  }

  .tx-ttaddress .col-md-3 figure {
    max-width: 30rem;
  }
}

p.jobTitle {
  min-height: 1.7rem;
}

/*  */
figure.w-100 {
  max-width: 100% !important;
}

.tt_address_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.vcard.tt_address_detail {
  flex: 1 1 100%;
  max-width: 100%;
}

.tx-ttaddress [class*="fa-"] {
  width: 1em;
}

.team .vcard.tt_address_detail>* {
  padding-left: 8%;
  padding-right: 8%;
}

.team.row-odd .vcard.tt_address_detail,
.team.row-even .vcard.tt_address_detail {
  padding: 3rem 1.5rem;
  margin-bottom: 0;
}

.team .vcard.tt_address_detail .description p {
  background-color: #b01d7f;
  color: white;
  display: inline;
}

.team.row-odd .vcard.tt_address_detail:nth-child(odd) {
  background-color: whitesmoke;
}

.team.row-even .vcard.tt_address_detail:nth-child(even) {
  background-color: whitesmoke;
}



.glossar-menu ul.nav.menupages.flex-column {
  align-items: flex-start;
}

.glossar-menu ul.nav.menupages.flex-column li {
  margin-bottom: 0.5rem;
  min-width: 50%;
}

.glossar-menu ul.nav.menupages.flex-column li a {
  background-color: var(--primary);
  color: white;
}

.glossar-menu ul.nav.menupages.flex-column li a:hover {
  background-color: var(--primaryh);
  color: white;
}

.table-sm>:not(caption)>*>* {
  padding: 0.25rem 0.75rem;
}

.ansprechpartner .description {
  display: none;
}

.ansprechpartner h4 {
  font-size: 1rem;
  font-weight: 700;
}

.home-of-trucks-service {
  margin-left: 0;
  padding-left: 0;
}

.home-of-trucks-service li {
  width: 50%;
}

.ankauf-address .tx-ttaddress {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width:992px) {
  .team .vcard.tt_address_detail {
    flex: 1 1 33.33333%;
    max-width: 33.33333%;
  }

  .ankauf-address .vcard.tt_address_detail {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .main-nav-ul .nav-item:first-child {
    margin-left: -1rem;
  }


  :root {
    --animate-duration: 2s;
    --animate-delay: 1s;
    --animate-repeat: 1
  }

  .animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }

  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(3%, 0, 0);
      transform: translate3d(3%, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(3%, 0, 0);
      transform: translate3d(3%, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(13%, 0, 0);
      transform: translate3d(13%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(13%, 0, 0);
      transform: translate3d(13%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
  }

  .left-in {
    -webkit-animation-name: leftIn;
    animation-name: leftIn
  }

  @-webkit-keyframes leftIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-20%, 0, 0) !important;
      transform: translate3d(-20%, 0, 0) !important;
    }

    100% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }
  }

  @keyframes leftIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-20%, 0, 0) !important;
      transform: translate3d(-20%, 0, 0) !important;
    }

    100% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
    }
  }



}

#page-wrapper>.container {
  /* background-color: #eee; */
}

[class*="_toast"] {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1200;
  width: 30rem;
}

[lang*="ru"] .lkw-icons figcaption {
  color: transparent;
}

/* [lang*="ru"] .lkw-icons figure:hover figcaption {
  display: block;
} */

.lkw-icons .gallery .row [class*="col-"] {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.lkw-icons .col-sm {
  transform: scale(1);
  transition: all 150ms ease;
}

.lkw-icons figure {
  border: 2px solid white;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  min-height: 5rem;
  display: flex;
  flex-direction: column;
  transition: all 150ms ease;
  padding-bottom: 1.5rem;
  align-items: center;
  justify-content: center;
}

.lkw-icons figcaption {
  position: absolute;
  bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
}

.icon-meiller-rent .image-caption {
  bottom: 0.05rem;
}

.icon-meiller-rent img.img-fluid {
  transform: scale(1.05);
  position: relative;
  top: 0.2rem;
}

.lkw-icons figure:hover {
  border: 2px solid black;
  transition: all 150ms ease;
}

.navbar-shrink .lkw-icons .col-sm {
  transform: scale(0.8);
  padding-right: 0;
  padding-left: 0.5rem;
  transition: all 150ms ease;
}

.lkw-icons .gallery>div>.row {
  transition: all 150ms ease;
}

.navbar-shrink .lkw-icons .gallery>div>.row {
  margin-bottom: 0.25rem !important;
  transition: all 150ms ease;
}

.button-d-none {
  display: none;
}

button.ce-modal::after {
  content: "\f061";
  font-family: "Font Awesome 6 free";
  font-weight: 700;
}

div#page-content {
  order: 99;
}


/* accordion collapsable elements */

.accordion-item {
  margin-bottom: 0.5rem;
  box-shadow: none;
  border-width: 0;
}

.accordion-button {
  border-radius: 1rem !important;
  background-color: black;
  font-size: 1.5rem;
  color: white;
  position: relative;
  padding-left: 3rem;

}

.accordion-button:not(.collapsed) {
  color: white;
  background-color: dimgray;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-collapse {
  background-color: whitesmoke;
  border-radius: 1rem;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  content: "";
  background-image: none;
}

.accordion-button::before,
.accordion-button:not(.collapsed)::before {
  font-family: "Font Awesome 6 free";
  content: "\f054";
  color: white;
  width: 2rem;
  left: 1rem;
  position: absolute;
  font-weight: 700;
}

.accordion-button:not(.collapsed)::before {
  content: "\f078";
}


figcaption.image-caption.text-center {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 0;
}

.zahlen-fakten figcaption.image-caption.text-center {
  font-size: 1rem;
  font-weight: 500;
  padding: 1rem 0 0;
}


/* orange tile - karriere*/


.teaser-orange-tiles .fsc-default.ce-textmedia {
  position: relative;
}

.teaser-orange-tiles .fsc-default.ce-textmedia .gallery.imageorient-0 {
  position: absolute;
  max-width: 100%;
  left: 0;
  top: 0;
  height: calc(100%);
  z-index: 0;
  overflow: hidden;
  border-radius: 1rem;
  opacity: 0.5;
}

.teaser-orange-tiles .fsc-default.ce-textmedia .bodytext {
  position: relative;
}

.orange-tiles {
  color: white;
  min-height: 17rem;
}

.orange-tiles>div,
.orange-tiles>section>div {
  background-color: var(--primary);
  opacity: 1;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
}

.orange-tiles>section {
  border-radius: 1rem;
  height: calc(100% - 1.5rem);

}

.orange-tiles>div {
  height: calc(100% - 1.5rem);
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.orange-tiles [class*="backgroundimage-"] {
  box-shadow: inset 0 0 0 1000rem rgb(240 125 0 / 75%);
}

/* google rating widget */
.star-widget {
  background-color: #ececec !important;
  color: white;
  border-radius: 0.75rem !important;
  margin-bottom: 0.5rem !important;
}

.rating-info {
  color: white !important;
  line-height: 1;
  position: relative;
  margin-top: 0 !important;
  border: none !important;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0.75rem !important;
  padding-bottom: 0.5rem !important;
  background-color: #ffcc00 !important;
  padding-top: 0.25rem !important;
  margin-right: 1rem;
}

#page-footer {
  order: 199;
  margin-top: 3rem;
}

#page-1 #page-footer {
  margin-top: 0;

}

footer#page-footer {
  font-size: 1rem;
}

.footer a {
  color: #ccc;
  text-decoration: none;
}

.footer a:hover {
  color: white;
}

.footer b,
.footer strong {
  font-weight: 600;
}

#page-footer .gray p.text-center.small,
#page-footer .gray a,
#page-footer .gray a:hover {
  color: #aaa;
}

.lkw-toggler a {
  text-decoration: none;
}

.lkw-toggler-a i[class*="fa-"] {
  margin-right: 0.9rem;
}

/* hot deals */
.hot-deals p {
  margin-bottom: 0.5rem;
}

.hot-deals small p {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}

p.flow-text.small {
  min-height: 2.875rem;
}

a.a-hot-deals::after {
  content: "\f054";
  font-family: 'Font Awesome 6 free';
  font-weight: 700;
  font-size: 0.875rem;
}

.hot-deals .over-price {
  background-color: var(--primary);
  color: white;
  padding: 1rem;
  position: absolute;
  border-bottom-right-radius: 1rem;
}

.hot-deals .car-slider-element .details.text-secondary {
  /* color: black !important; */
}

.hot-deals span.lead {
  font-size: 1rem;
  font-weight: 700;
}

@media (max-width:991.98px) {
  nav#main-navbar {
    padding-right: 0 !important;
  }

  .cat-teaser .col-sm {
    flex: 1 1 25%;
    width: 25%;
    max-width: 25%;
  }

  h1,
  .h1 {
    font-size: calc(1.375rem + 0.75vw);
  }

  h2,
  .h2 {
    font-size: calc(1.325rem + 0.4vw);
  }

  .start-teaser-left h2 {
    font-size: 1.25rem;
  }

  .lead-h2 .lead {
    font-size: 1.25rem;
    text-transform: uppercase;
  }

}

@media (max-width:767.98px) {
  body {
    padding-top: 150px !important;
  }

  .nav-wrap-inner {
    padding-left: 0;
  }

  img.hot-img {
    height: 25px;
    width: auto;
  }

  .navbar-brand img,
  .navbar-shrink .navbar-brand img {
    height: 45px;
    width: auto;
  }

  .lkw-icons figure {
    border-radius: 0 !important;
  }

  .lkw-icons .gallery>div>.row {
    flex-direction: row;
    display: flex;
  }

  .lkw-icons .gallery .row [class*="col-"] {
    /*     display: flex;
    align-items: center;
    justify-content: space-around; */
    flex: 1 1 25%;
    width: 25%;
  }

  div#lkwIcons {
    box-shadow: 0 0.5rem 0.5rem 0 rgb(0 0 0 / 0.125);
    position: relative;
    /* left: -1.5rem;
    width: calc(100% + 1.5rem); */
  }

  .cat-teaser .col-sm {
    flex: 1 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}

@media (max-width:575.98px) {
  .lkw-icons figcaption {
    font-size: 0.65rem;
  }

  .lkw-icons .last-figure figcaption.image-caption {
    line-height: 1;
    font-size: 0.65rem;
    text-align: center !important;
  }

  .video-start .ratio.ratio-21x9 {
    --bs-aspect-ratio: calc(13 / 21* 100%);
  }

  .video-start .figure.video {
    max-height: 240px;
  }
}



@media (min-width:992px) {
  .cat-teaser .col-sm {
    flex: 1 1 14.28%;
    width: 14.28%;
    max-width: 14.28%;
  }
}

@media (max-width:1023.98px) {
  .navbar-brand img {
    width: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  /* .background-image>div {
    transform: scale(0.8);
  } */
}

/* ipad */
@media (min-width:767px) and (max-width:1024px) {
  .lkw-icons .col-sm {
    margin-top: -1.5rem !important;
    transform: scale(0.8);

  }

  .start-teaser-left h2 {
    font-size: 1.25rem;
  }

  .hot {
    position: relative;
    left: 12%;
  }

  .hot {
    position: relative;
    left: 9%;
  }

  body>* {
    overflow-x: hidden;
  }

  figure.video {
    margin-left: 0 !important;
  }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
  .d-lg-flex.icon-nav {
    padding-top: 1.5rem;
  }

  .lkw-icons figcaption {
    font-size: 0.7rem;
  }

  .icon-meiller-rent .image-caption {
    bottom: 0.05rem;
    line-height: 1.25;
    white-space: nowrap;
    font-size: 0.7rem;
  }

  body>* {
    overflow-x: hidden;
  }

  figure.video {
    margin-left: 0 !important;
  }
}

@media (min-width:768px) and (max-width:1199.98px) and (orientation:landscape) {
  body {
    font-size: 14px;
  }

  .video-start .card-text .ce-t3sbs_button {
    display: none !important;
  }

  [class*="ce-news"] h3.card-title {
    font-size: 1rem;
    font-weight: 500;
  }

  .star-widget {
    transform: scale(0.875);
    transform-origin: left;
  }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  body {
    padding-top: 160px !important;
    font-size: 14px;
  }

  .navbar-brand img {
    max-height: 60px;
  }

  .lkw-icons .col-sm {
    flex: 1 0 25%;
    transform: scale(0.8);
  }

  div#lkwIcons {
    padding-top: 1rem;
  }

  .jumbotron .height-inner-stretch {
    flex-direction: row;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .jumbotron .height-inner-stretch>div {
    height: auto;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .video-start figure.video {
    max-height: 100% !important;
  }

  .video-start figure.video video {
    margin-top: 0 !important;
  }

  .hot {
    position: relative;
    left: 12%;
  }

  img.hot-img,
  .navbar-shrink img.hot-img {
    height: 30px !important;
    width: auto;
  }

  .navbar-shrink .hot {
    padding-left: 3rem;
  }

  .lkw-toggler-a i[class*="fa-"] {
    margin-left: 0.75rem;
  }

  .lead-h1 .lead {
    font-size: 1.5rem;
  }

  .powermail_form_5 fieldset>.row.mb-4 {
    width: 100%;
  }

  .col-md-4 .vcard .col-md-3,
  .col-md-4 .vcard .col-md-9 {
    flex: 1 0 100%;
  }

  [class*="attr_list"][class*="-label"] {
    font-size: 85%;
  }

  [class*="attr_list"][class*="-value"] {
    font-size: 100%;
    text-align: center;
  }

  .list .car h2 a {
    font-size: 1rem !important;
    font-weight: 600;
  }

  .carWrapper h2 {
    min-height: 3.4rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  body {
    padding-top: 200px !important;
  }

  body.layout-1 #page-content {
    padding-left: 0;
    padding-right: 0.75rem;
  }

  .h2,
  h2 {
    font-size: calc(1.325rem + .1vw);
  }

  .carSearchResults .car .noteWrapper {
    right: 1rem;
    position: relative;
    text-align: right;
    margin-top: 0;
  }

  .list .borBot {
    position: relative !important;
  }

  .list .car .noteWrapper {
    position: absolute !important;
    transform: none !important;
    right: 0.5rem !important;
    top: 0.5rem;
    margin-top: 0 !important;
  }
}

@media all and (min-width: 768px) and (max-width: 1023.98px) and (orientation:portrait) {
  body {
    padding-top: 160px !important;
  }

  .teaser-orange-tiles.lead-h1 .lead {
    font-size: 1.5rem;
  }

  .lead-h1 .lead {
    font-size: 1.5rem;
  }

  .powermail_form_5 fieldset>.row.mb-4 {
    width: 100%;
  }

  .col-md-4 .vcard .col-md-3,
  .col-md-4 .vcard .col-md-9 {
    flex: 1 0 100%;
  }

  [class*="attr_list"][class*="-label"] {
    font-size: 85%;
  }

  [class*="attr_list"][class*="-value"] {
    font-size: 100%;
    text-align: center;
  }

  .list .car h2 a {
    font-size: 1rem !important;
    font-weight: 600;
  }

  .carWrapper h2 {
    min-height: 3.4rem !important;
  }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .teaser-orange-tiles.lead-h1 .lead {
    font-size: 1.5rem;
  }

  .lead-h1 .lead {
    font-size: 1.5rem;
  }

  .list .car h2 a {
    font-size: 1rem !important;
    font-weight: 600;
  }

  .carWrapper h2 {
    min-height: 3.4rem !important;
  }
}