/*
Theme Name: Quick Rent Theme
Template: Avada
*/

/* =========================================================
   GLOBAL ACCENTS
   ========================================================= */
.highlight{ color:#f9a600; }

/* Avada / Fusion Accordion */
.fusion-accordian .panel-heading .panel-title a{ color:#f9a600 !important; }
.fusion-accordian .panel-heading .panel-title a:hover{ color:#02000c !important; }
body .fusion-accordian .panel-title a.active{ color:#02000c !important; }
.fusion-accordian .panel-title a .fa-fusion-box{ border-radius:4px; }

/* =========================================================
   LISTEN (global)
   ========================================================= */
.fusion-text ul,
.panel-body ul{
  list-style:none;
  padding-left:0;
  margin-left:0;
}
.fusion-text ul li,
.panel-body ul li{
  padding-bottom:0.5rem;
}

/* CHECK-LISTE (gelb) */
.fusion-text ul.list-check li,
.panel-body ul.list-check li{
  position:relative;
  padding-left:28px;
}
.fusion-text ul.list-check li::before,
.panel-body ul.list-check li::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:14px;
  height:5px;
  border-left:3px solid #f9a600;
  border-bottom:3px solid #f9a600;
  transform:rotate(-45deg);
}

/* NEGATIVE LISTE (rotes X) */
.fusion-text ul.list-negative li,
.panel-body ul.list-negative li{
  position:relative;
  padding-left:28px;
}
.fusion-text ul.list-negative li::before,
.fusion-text ul.list-negative li::after,
.panel-body ul.list-negative li::before,
.panel-body ul.list-negative li::after{
  content:"";
  position:absolute;
  left:4px;
  top:10px;
  width:14px;
  height:3px;
  background:#e10600;
  border-radius:2px;
}
.fusion-text ul.list-negative li::before,
.panel-body ul.list-negative li::before{
  border:0 !important;
  transform:rotate(45deg);
}
.fusion-text ul.list-negative li::after,
.panel-body ul.list-negative li::after{
  transform:rotate(-45deg);
}

/* =========================================================
   HEADER / FOOTER
   ========================================================= */
.fusion-header-has-flyout-menu.fusion-mobile-menu-design-flyout.fusion-flyout-active
.fusion-flyout-menu-icons .fusion-toggle-icon-line{
  background-color:#641201;
}
#footer a{ color:#fff; }
#footer a:hover{ color:#f9a600; }

/* =========================================================
   TYPO – MOBILE
   ========================================================= */
@media (max-width:768px){
  .post-content h1{ font-size:32px !important; hyphens:auto; }
  .post-content h2{ font-size:26px !important; hyphens:auto; }
  .post-content h3{ font-size:22px !important; hyphens:auto; }

  .post-content h3.panel-title.toggle,
  .post-content h3.panel-title.toggle a,
  .post-content h3.panel-title.toggle .fusion-toggle-heading{
    font-size: inherit !important;
  }

  .hero p{ font-size:18px !important; }
}

/* =========================================================
   IMAGE SLIDER
   ========================================================= */
.image-slider .fusion-carousel-item-wrapper .fusion-image-wrapper{ height:600px; }
.image-slider .fusion-carousel-item-wrapper .fusion-image-wrapper img{
  height:100%;
  object-fit:cover;
  border-radius:16px;
}
@media (max-width:480px){
  .image-slider .fusion-carousel-item-wrapper .fusion-image-wrapper{ height:400px; }
}

/* =========================================================
   CONTENT BLOCKS
   ========================================================= */
.bg-white{
  background:#641202;
  padding:32px 24px;
  border-radius:16px;
}
.bg-white h2{
  color:#fff;
  font-size:24px !important;
}

/* =========================================================
   RENTAL – GRID
   ========================================================= */
.rental-section{
  background:#f0f0f2;
  padding:28px;
  border-radius:28px;
}

.rental-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
@media (max-width:1024px){
  .rental-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px){
  .rental-grid{ grid-template-columns:1fr; }
}

/* =========================================================
   CARD
   ========================================================= */
.rental-container{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border: 1.5px solid rgba(2,0,12,.07);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .22s ease, border-color .22s ease, transform .22s ease;
}

.rental-container:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(2,0,12,.08), 0 24px 48px rgba(2,0,12,.10);
  border-color: rgba(249,166,0,.50);
}

/* =========================================================
   COLORS BADGE
   ========================================================= */
.colors-label{
  display: block;
  overflow: hidden;
  margin-top: 16px;
}
.colors-label--hidden{
  visibility: hidden;
  pointer-events: none;
}
.colors-label span{
  display: inline-block;
  background: #f9a600;
  color: #02000c;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.6px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 6px 22px 6px 16px;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
}

/* =========================================================
   FAHRZEUGBILD
   ========================================================= */
.rental-img-wrap{
  width: 100%;
  background: linear-gradient(160deg, #f7f7f8 0%, #ebebed 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  min-height: 200px;
}

.rental-img-wrap img,
.vehicle_img img,
.vehicle img{
  width: 100%;
  height: 260px;
  object-fit: contain;
  object-position: center center;
  display: block;
  margin: 0 auto;
  transition: transform .35s ease;
}

.rental-container .fusion-image-wrapper,
.rental-container .fusion-image-wrapper img,
.rental-container .fusion-builder-column-inner img,
.rental-container > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  object-position: center center;
}

.rental-container .fusion-layout-column img,
.rental-container .imageframe-align-center,
.rental-container .imageframe-align-center img,
.rental-container .awb-imageframe img,
.rental-container .post-thumbnail img,
.fusion-li-item .rental-container img,
.fusion-body li.rental-container > img,
li.rental-container > .fusion-image-wrapper img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain;
  object-position: center center;
}

.rental-container:hover .rental-img-wrap img,
.rental-container:hover .vehicle_img img,
.rental-container:hover .vehicle img{
  transform: scale(1.04);
}

.small .rental-img-wrap img,
.small .vehicle_img img{ height: 200px; }

.car .rental-img-wrap img,
.car .vehicle_img img{ height: auto; max-width: 240px; }

@media (max-width:768px){
  .rental-img-wrap img,
  .vehicle_img img,
  .vehicle img{ height: 190px; }
}

/* =========================================================
   CARD BODY
   ========================================================= */
.rental-body{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px 20px 0;
}

.rental-container > .rental-header,
.rental-container > .rental-meta,
.rental-container > .price-content,
.rental-container > .deposit-info,
.rental-container > .rental-mileage,
.rental-container > .rental-insurance,
.rental-container > .rental-footer{
  padding-left: 20px;
  padding-right: 20px;
}

/* =========================================================
   HEADER – Fahrzeugtitel
   ========================================================= */
.rental-header{
  margin-bottom: 0;
  padding-top: 6px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.rental-header h2{
  margin: 0;
  color: #02000c;
  font-size: 20px !important;
  line-height: 1.2;
  letter-spacing: -0.4px;
  font-weight: 900;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  width: 100%;
}

.rental-header h2 small,
.rental-header h2 .rental-subtitle{
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(2,0,12,.45);
  line-height: 1.3;
  word-wrap: break-word;
  letter-spacing: 0;
}

/* =========================================================
   INFO-CHIPS – Kurzbeschreibung, Ausstattung, Kraftstoff
   Statt Fließtext: kompakte Chip-Zeile
   ========================================================= */
.rental-meta{
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Kurzbeschreibung – als leichter Hinweistext */
.rental-shortdesc{
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(2,0,12,.55);
  margin: 0;
  overflow-wrap: break-word;
  hyphens: auto;
}

/* Ausstattung & Kraftstoff – als Chip-Tags */
.rental-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
}

.rental-chip{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(2,0,12,.05);
  border-radius: 99px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 700;
  color: rgba(2,0,12,.70);
  white-space: nowrap;
}

.rental-chip--fuel{
  background: rgba(249,166,0,.12);
  color: rgba(180,110,0,.9);
}

.rental-chip__icon{
  font-size: 10px;
  opacity: 0.7;
}

/* Ausstattungstext direkt (kein Chip-Split) */
.rental-facilities-raw{
  font-size: 11.5px;
  font-weight: 600;
  color: rgba(2,0,12,.55);
  line-height: 1.4;
  margin: 0;
  overflow-wrap: break-word;
}

/* =========================================================
   DIVIDER
   ========================================================= */
.rental-divider{
  height: 1px;
  background: rgba(2,0,12,.07);
  margin: 0 20px;
  flex-shrink: 0;
}

/* =========================================================
   PRICE CONTENT
   ========================================================= */
.price-content{
  background: transparent;
  padding: 0;
  border-radius: 0;
  flex: 1 1 auto;
}

.price-section-label{
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: rgba(2,0,12,.35);
  padding: 12px 0 6px;
  display: block;
}

.price-row{
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 0;
  padding: 9px 0;
  border-bottom: 1px solid rgba(2,0,12,.06);
  min-height: 48px;
  align-items: center;
}

.price-row.is-last-visible{ border-bottom: none !important; }
.price-row.is-empty{ visibility: hidden; min-height: 48px; }

.duration{
  grid-column: 1;
  grid-row: 1;
  font-size: 13px;
  font-weight: 700;
  color: rgba(2,0,12,.68);
  line-height: 1.3;
  align-self: center;
}

.total-info{
  grid-column: 1;
  grid-row: 2;
  display: block;
  margin-top: 1px;
  font-size: 10.5px;
  font-weight: 700;
  color: rgba(2,0,12,.38);
  white-space: nowrap;
}

.price-tag{
  grid-column: 2;
  grid-row: 1 / 3;
  font-size: 14px;
  font-weight: 900;
  color: #02000c;
  white-space: nowrap;
  line-height: 1.2;
  text-align: right;
  align-self: center;
}

.price-row:has(.price-tag.best-deal){
  background: rgba(249,166,0,.07) !important;
  border-radius: 6px !important;
  border: none !important;
  margin: 3px -8px !important;
  padding: 9px 8px !important;
  position: relative !important;
}

.price-tag.best-deal{
  color: #c47f00 !important;
  font-size: 14px !important;
  font-weight: 950;
  white-space: normal;
  word-break: break-word;
  max-width: 110px;
  text-align: right;
  line-height: 1.3;
}

.price-tag.best-deal::after{ display: none; }

@media (max-width:480px){
  .price-tag.best-deal{ font-size: 13px !important; max-width: 90px; }
}

/* =========================================================
   DEPOSIT
   ========================================================= */
.deposit-info{
  margin: 10px 0 0;
  padding: 9px 12px;
  background: rgba(2,0,12,.03);
  border-radius: 8px;
  font-size: 12.5px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.deposit-info::before{
  content: "🔒";
  font-size: 13px;
  flex-shrink: 0;
}

.deposit-info strong{
  color: rgba(2,0,12,.55);
  font-weight: 800;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.deposit-amount{
  color: #02000c;
  font-weight: 900;
}

/* =========================================================
   DETAIL-BLÖCKE: Kilometer + Versicherung
   Neue kompakte Darstellung als Info-Akkordeon-Optik
   ========================================================= */
.rental-details{
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Gemeinsames Block-Styling */
.rental-mileage,
.rental-insurance{
  background: rgba(2,0,12,.025);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(2,0,12,.06);
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}

/* Titel-Zeile – kompakt */
.rental-mileage-title,
.rental-insurance-title{
  padding: 8px 12px 6px;
  margin: 0;
  border-bottom: 1px solid rgba(2,0,12,.06);
}

.rental-mileage-title strong,
.rental-insurance-title strong{
  font-size: 10px;
  font-weight: 900;
  color: rgba(2,0,12,.40);
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

/* Versicherungsname */
.rental-insurance-name{
  padding: 6px 12px 2px;
  font-size: 11.5px;
  font-weight: 800;
  color: rgba(2,0,12,.80);
  margin: 0;
  line-height: 1.3;
}

/* =========================================================
   MILEAGE LIST – nukleare Avada-Overrides via JS + CSS
   ========================================================= */
body ul.rental-mileage-list,
body ul.rental-mileage-list.rental-mileage-list--stack {
  list-style: none !important;
  margin: 0 !important;
  padding: 6px 8px 8px !important;
}

body ul.rental-mileage-list > li {
  list-style: none !important;
  list-style-type: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  background-image: none !important;
  text-indent: 0 !important;
}

body ul.rental-mileage-list > li::before,
body ul.rental-mileage-list > li::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

body ul.rental-mileage-list.rental-mileage-list--stack {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

body ul.rental-mileage-list.rental-mileage-list--stack > li {
  background: rgba(255,255,255,.85) !important;
  border-radius: 6px;
  padding: 6px 8px !important;
  font-size: 11.5px;
  font-weight: 700;
  color: rgba(2,0,12,.80);
  line-height: 1.25;
  display: flex !important;
  flex-direction: column;
  gap: 2px;
  overflow-wrap: anywhere;
}

body ul.rental-mileage-list.rental-mileage-list--stack .mileage-label {
  font-size: 9.5px;
  font-weight: 900;
  color: rgba(2,0,12,.40);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

body ul.rental-mileage-list.rental-mileage-list--stack .mileage-value {
  font-size: 11.5px;
  font-weight: 800;
  color: rgba(2,0,12,.82);
}

body ul.rental-mileage-list.rental-mileage-list--stack > li:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

/* =========================================================
   INSURANCE LIST – nukleare Avada-Overrides
   ========================================================= */
body ul.rental-insurance-list,
body ul.rental-insurance-list.rental-insurance-list--stack {
  list-style: none !important;
  margin: 0 !important;
  padding: 4px 12px 8px !important;
}

body ul.rental-insurance-list > li {
  list-style: none !important;
  list-style-type: none !important;
  margin-left: 0 !important;
  background-image: none !important;
  text-indent: 0 !important;
}

body ul.rental-insurance-list.rental-insurance-list--stack > li {
  position: relative;
  padding: 5px 6px 5px 22px !important;
  margin: 0 0 2px 0 !important;
  border-radius: 6px;
  color: rgba(2,0,12,.72);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
  background: transparent !important;
  background-image: none !important;
}

body ul.rental-insurance-list.rental-insurance-list--stack > li:last-child {
  margin-bottom: 0 !important;
}

/* Checkmark – vollständig überschrieben */
body ul.rental-insurance-list.rental-insurance-list--stack > li::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 6px !important;
  top: 9px !important;
  width: 9px !important;
  height: 3.5px !important;
  background: none !important;
  background-image: none !important;
  border-left: 2px solid #f9a600 !important;
  border-bottom: 2px solid #f9a600 !important;
  transform: rotate(-45deg) !important;
  border-radius: 0 !important;
  border-top: none !important;
  border-right: none !important;
}

body ul.rental-insurance-list.rental-insurance-list--stack > li::after {
  display: none !important;
  content: none !important;
}

/* =========================================================
   FOOTER – Button
   ========================================================= */
.rental-footer{
  margin-top: auto;
  padding: 16px 20px 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rental-container .rental-book-btn{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  text-align: center !important;
  text-decoration: none !important;
  background: #02000c !important;
  border-color: #02000c !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  transition: background .18s ease, border-color .18s ease, transform .15s ease !important;
}

.rental-container .rental-book-btn .fusion-button-text{
  width: 100%;
  text-align: center !important;
  display: block !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.2px;
}

.rental-container .fusion-button.rental-book-btn{
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.rental-container .rental-book-btn:hover{
  background-color: #f9a600 !important;
  border-color: #f9a600 !important;
  transform: translateY(-1px) !important;
}

.rental-container .rental-book-btn:hover .fusion-button-text,
.rental-container .rental-book-btn:hover span{
  color: #02000c !important;
}

/* =========================================================
   SPECS (Detail-Seite)
   ========================================================= */
.specs{
  margin-top: 14px;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  color: #02000c;
}

.specs__title{
  margin: 0 0 14px 0;
  font-size: 44px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -0.6px;
}

.specs__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
@media (min-width:640px){
  .specs__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.specs__item{
  background: rgba(2,0,12,.03);
  border: none;
  border-radius: 22px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.specs__label{
  font-weight: 950;
  font-size: 20px;
  line-height: 1.15;
  color: #02000c;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}

.specs__value{
  font-weight: 500;
  font-size: 20px;
  line-height: 1.25;
  color: rgba(2,0,12,.85);
  width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width:768px){
  .specs__title{ font-size: 34px; }
  .specs__item{ border-radius: 18px; padding: 18px; }
  .specs__label, .specs__value{ font-size: 18px; }
}

/* =========================================================
   RESPONSIVE – Cards
   ========================================================= */
@media (max-width:768px){
  .rental-section{ padding: 16px; border-radius: 20px; }
  .rental-grid{ gap: 14px; }
  .rental-container{ border-radius: 10px; }

  .rental-container > .rental-header,
  .rental-container > .rental-meta,
  .rental-container > .price-content,
  .rental-container > .deposit-info,
  .rental-container > .rental-mileage,
  .rental-container > .rental-insurance,
  .rental-container > .rental-footer{
    padding-left: 16px;
    padding-right: 16px;
  }

  .rental-footer{ padding: 14px 16px 16px; }
  .rental-header{ padding-top: 4px; }
  .rental-header h2{ font-size: 18px !important; }

  body ul.rental-mileage-list.rental-mileage-list--stack {
    grid-template-columns: 1fr 1fr !important;
  }

  .price-row{ padding: 8px 0; min-height: 44px; }
}

@media (max-width:420px){
  .rental-header h2{ font-size: 16px !important; }
  .price-row{ min-height: 42px; }

  body ul.rental-mileage-list.rental-mileage-list--stack {
    grid-template-columns: 1fr !important;
  }
  body ul.rental-mileage-list.rental-mileage-list--stack > li:last-child:nth-child(odd) {
    grid-column: auto;
  }
}

/* =========================================================
   CTA Button Hover Fix (Avada Buttons)
   ========================================================= */
.cta .fusion-button:hover i,
.cta .fusion-button:hover span{
  color:#02000c !important;
}

/* =========================================================
   IFRAME
   ========================================================= */
iframe{ border-radius:16px; }

/* =========================================================
   QUICK RENT – CONTACT BLOCK (compact)
   ========================================================= */
.qr-contact{ margin:20px 0; }
.qr-contact__inner{ max-width:1200px; margin:0 auto; padding:18px 16px; }
.qr-contact__head{ margin-bottom:14px; }
.qr-contact__title{ margin:0; line-height:1.15; font-size:34px; }
.qr-contact__sub{ margin:6px 0 0 0; line-height:1.35; font-size:18px; opacity:0.85; }
.qr-contact__grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
.qr-contact__card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 14px;
  border-radius:14px;
  text-decoration:none !important;
  background:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,0.08);
  transition:transform .18s ease, box-shadow .18s ease;
}
.qr-contact__card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,0.12);
}
.qr-contact__icon{
  width:44px; height:44px; border-radius:12px;
  display:grid; place-items:center;
  background:rgba(0,0,0,0.05);
  flex:0 0 auto;
}
.qr-contact__icon i{ font-size:22px; }
.qr-contact__icon--wa{ background:rgba(37,211,102,0.14); }
.qr-contact__icon--line{ background:rgba(6,199,85,0.14); }
.qr-contact__meta{ display:flex; flex-direction:column; min-width:0; }
.qr-contact__label{ font-weight:700; font-size:16px; line-height:1.2; }
.qr-contact__value{
  font-size:14px; line-height:1.2; opacity:0.8;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
@media (max-width:800px){
  .qr-contact__grid{ grid-template-columns:1fr; }
  .qr-contact__title{ font-size:26px; }
}

/* =========================================================
   MISC
   ========================================================= */
.fusion-header.fusion-sticky-shadow{ background: rgba(2,0,12,0.8) !important; }
.imgslider img{ max-height:600px; object-fit:cover; border-radius: 6px; }

.pll-parent-menu-item a{ border-color: transparent !important; }
.pll-parent-menu-item a .menu-text{ color:#fff !important; }
.pll-parent-menu-item a:hover .menu-text{ color:#f9a600 !important; }
.pll-parent-menu-item .awb-menu__open-nav-submenu-hover:before{ color:#fff !important; }
.fusion-main-menu .sub-menu li:hover > a{ background:#fddcaa !important; }
.awb-menu__sub-a img{ position:relative; top:5px; }

.faqs .accordian.fusion-accordian .fusion-panel { border-radius: 6px; }

a.fusion-button.hotlabel{ position: relative; overflow: visible !important; }
a.fusion-button.hotlabel::after{
  content: "HOT";
  position: absolute; top: -10px; right: -45px;
  background: #fb6d14; color: #fff;
  font-size: 11px; font-weight: 700; line-height: 1;
  padding: 4px 8px; border-radius: 3px;
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
  z-index: 10; pointer-events: none;
}

.footer-block a { color: #fff; }
.footer-block a:hover { color: #f9a600 !important; }
.footer-link a { color: #fff !important; }
.footer-link a:hover { color: #f9a600 !important; }
.icons i { font-size: 22px; }

#link-block:hover h4,
#link-block:hover p { color: #f9a600 !important; }

.cta-img .fusion-builder-row-inner { justify-content: center; }

.verhicle-block .awb-imageframe-caption-title {
  display: inline-block; background: rgba(0,0,0,0.8);
  padding: 8px 16px; border-radius: 5px;
}
.verhicle-block .awb-imageframe-caption-text { padding-top: 8px; padding-left: 16px; }

body .awb-imageframe-caption {
  bottom: 20% !important; display: inline-flex;
  flex-direction: column; align-items: flex-start; gap: .25rem;
}
.verhicle-block .awb-imageframe-caption-title { transform: none !important; }

body .awb-imageframe-style-navin .awb-imageframe-caption .awb-imageframe-caption-text {
  opacity: 1 !important; transform: none !important;
  background: #f9a600; display: inline-block;
  color: #02000c; font-weight: 700;
  padding: 8px 16px; margin-top: 8px; border-radius: 6px;
}
body .awb-imageframe-style-navin .awb-imageframe-caption .awb-imageframe-caption-text:hover {
  background: #fff;
}

#plus-paket .fusion-builder-column-6 .fusion-column-wrapper{
  position: relative !important; overflow: hidden !important;
}
html[lang^="de"] #plus-paket .fusion-builder-column-6 .fusion-column-wrapper::before{
  content: "EMPFEHLUNG";
  position: absolute; top: 40px; right: -40px;
  width: 200px; text-align: center;
  background: #ff7a00; color: #fff;
  font-size: 12px; font-weight: 800; padding: 8px 0;
  letter-spacing: .08em; text-transform: uppercase;
  transform: rotate(45deg); z-index: 9999; pointer-events: none;
}

html[lang^="en"] #plus-paket .fusion-builder-column-6 .fusion-column-wrapper::before{
  content: "RECOMMENDED";
	position: absolute; top: 40px; right: -40px;
  width: 200px; text-align: center;
  background: #ff7a00; color: #fff;
  font-size: 12px; font-weight: 800; padding: 8px 0;
  letter-spacing: .08em; text-transform: uppercase;
  transform: rotate(45deg); z-index: 9999; pointer-events: none;
}

html[lang^="fr"] #plus-paket .fusion-builder-column-6 .fusion-column-wrapper::before{
  content: "RECOMMANDÉ";
	position: absolute; top: 40px; right: -40px;
  width: 200px; text-align: center;
  background: #ff7a00; color: #fff;
  font-size: 12px; font-weight: 800; padding: 8px 0;
  letter-spacing: .08em; text-transform: uppercase;
  transform: rotate(45deg); z-index: 9999; pointer-events: none;
}
@media (max-width: 768px){
  #plus-paket .fusion-builder-column-6 .fusion-column-wrapper { padding-top: 50px; }
  #plus-paket .fusion-builder-column-6 .fusion-column-wrapper::before{
    top: 0 !important; right: 0 !important; left: 0 !important;
    width: auto !important; transform: none !important;
    padding: 10px 12px !important; font-size: 12px !important;
    line-height: 1.2 !important;
  }
}

h1, h2, h3, h4, h5, h6 { text-transform: none !important; }

@media(max-width: 480px) {
	body .awb-imageframe-caption {
		bottom: 0 !important;
	}
	body .awb-imageframe-caption-title {
		font-size: 18px !important;
	}
	body .awb-imageframe-style-navin .awb-imageframe-caption {
		padding: 1rem !important;
	}
}

.box-left, .box-right {
	height: 460px;
}

@media(max-width: 1080px) {
	.box-left, .box-right {
	height: auto;
}
}