.hx-nw-detail {
  background: #fff;
  color: #111820;
  font-family: "Roboto","Roboto Fallback";
}
.ffffff {
  background-color: #fff;
}

.hx-nw-detail a,
.hx-nw-detail .btn {
  text-decoration: none;
}

.hx-nw-hero-stage {
  background: #f0f0f0;
  padding: 0 0 10px;
  position: relative;
}

.hx-nw-hero-inner {
  margin: 0 auto;
  
  padding-left: 15px;
  padding-right: 15px;
  margin-top: clamp(22px,3vw,22px);
}


.hx-nw-image-stage {
  background: #1f2429;
  display: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  position: relative;
}

.hx-nw-has-image .hx-nw-image-stage {
  display: block;
}

#content .hx-nw-image-stage .hx-nw-image {
  display: block;
  height: clamp(440px, 38vw, 690px);
  object-fit: cover;
  width: 100%;
}

.hx-nw-image-shade {
  background: linear-gradient(180deg, rgba(0,0,0,0) 58%, rgba(0,0,0,.68) 100%);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.hx-nw-image-inner {
  bottom: 0;
  left: 50%;
  max-width: 1170px;
  padding: 0 15px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
}

.hx-nw-image-offer-number {
  background: rgba(40, 47, 55, .86);
  border-radius: 4px;
  color: #fff;
  font-size: clamp(12px,.88vw,13px);
  font-weight: 700;
  line-height: 1.45;
  padding: 12px 18px;
  position: absolute;
  right: 15px;
  text-align: right;
  top: 28px;
}

.hx-nw-image-offer-number span {
  color: #fff;
  font-weight: 700;
}

.hx-nw-image-bottom {
  bottom: 18px;
  color: #fff;
  left: 15px;
  position: absolute;
  right: 15px;
}

.hx-nw-image-consumption {
  font-size: clamp(12px,.82vw,13px);
  font-weight: 700;
  line-height: 1.45;
  margin-top: 18px;
}

.hx-nw-image-logo-wrap {
  align-items: center;
  display: none;
  gap: 34px;
  justify-content: center;
  margin: 0 0 20px;
  width: 100%;
}

.hx-nw-image-logo-wrap span {
  border-top: 1px solid #111820;
}

.hx-nw-image-logo-wrap span:first-child {
  flex: 1 1 auto;
}

.hx-nw-image-logo-wrap span:last-child {
  flex: 0 0 clamp(120px, 10vw, 170px);
}

.hx-nw-image-logo-wrap .hx-nw-detail-logo {
  flex: 0 0 auto;
  margin: 0;
  max-height: 62px;
  max-width: 78px;
}

.hx-nw-has-image .hx-nw-detail-top,
.hx-nw-has-image .hx-nw-separator,
.hx-nw-has-image .hx-nw-consumption-top {
  display: none;
}

.hx-nw-has-image .hx-nw-hero-stage {
  padding-top: 54px;
}

.hx-nw-has-image .hx-nw-hero-inner {
  margin-top: 0;
}

.hx-nw-has-image .hx-nw-hero {
  align-items: flex-start;
}

.hx-nw-has-image .hx-nw-image-logo-wrap {
  display: flex;
}

.hx-nw-white-stage {
  background: #fff;
  padding: 1px 0;
  
}

.hx-nw-detail-top {
  padding: 18px 0 8px;
}
#content .hx-nw-fact img {
height: clamp(34px,3.5vw,52px);
}

.hx-nw-share-toggle {

  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(44px,2.6vw,44px);
  height: clamp(44px,2.6vw,44px);
  border-radius: 50%;
  color: #000;
}
.hx-nw-share-toggle:hover {
  background: rgba(0,0,0,.07);
}


#content .hx-nw-share img {
  width: clamp(15px,1.3vw,22px);
  height: auto;
  max-width: none;
}

  

.citysign {
  position: absolute;
  right: 98px;
  bottom: -37px;
  max-width: 100px;
}
#content a.hx-nw-back,
#content a.hx-nw-cta,
#content a.hx-nw-back-bottom {
  background: #007cdb !important;
  border-color: #007cdb !important;
  color: #fff !important;
  border-radius: 5px;
  font-weight: 700;
padding: 0 clamp(9px,.8vw,12px);
font-size: clamp(12px,.88vw,13px);
min-height: clamp(30px,2.4vw,34px);
align-items: center;
  justify-content: center;
  display: inline-flex;
}




#content a.hx-nw-back:hover,
#content a.hx-nw-cta:hover,
#content a.hx-nw-back-bottom:hover {
  background: #1F6499 !important;
  border-color: #1F6499 !important;
  color: #fff !important;
}


#content a.hx-nw-cta {
font-size:clamp(14px,1.18vw,18px);
min-height: 48px;
border-radius: 14px;
}

.hx-nw-logo-wrap {
  min-height: 124px;
}

.hx-nw-detail-logo {
  display: inline-block;
  max-width: 130px;
  max-height: 156px;
  margin: 0 auto 10px;
}

.hx-nw-offer-kicker {
  color: #6f7780;
  font-weight: 700;
  font-size:  clamp(12px,.88vw,13px);
  letter-spacing: 1px;
  text-transform: uppercase;
}

.hx-nw-offer-number {
  display: inline-block;
  min-width: 150px;
  background: #fff;
  color: #3b4652;
  font-size:  clamp(12px,.88vw,13px);
  line-height: 1.4;
  padding: 9px 13px;
  text-align: right;
  border: 1px solid rgba(19,16,14,.14);
  border-radius: 5px;
  font-weight: 700;
  font-family: Roboto,"Roboto Fallback";
}

.hx-nw-offer-number span {
  font-weight: 700;
  font-size: clamp(12px,.88vw,13px);
  color: #3B4145;
}

.hx-nw-separator {
  border-top: 1px solid #8f969d;
  margin: 35px 0 45px;
}

.hx-nw-hero {
  padding-bottom: 28px;
}

.hx-nw-hero h1 {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 6px;
}

.hx-nw-share {
  align-items: center;
  display: inline-flex;
  margin-left: 14px;
  position: relative;
  vertical-align: middle;
}

.hx-nw-share-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  border-radius: 50%;
  height: 42px;
  justify-content: center;
  padding: 0;
  width: 42px;
}

.hx-nw-share-toggle img {
  display: block;
  height: 22px;
  width: 22px;
}
.hx-nw-share-menu {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
  display: none;
  font-size: 14px;
  left: 0;
  min-width: 150px;
  padding: 6px 0;
  position: absolute;
  top: 30px;
  z-index: 5;
}

.hx-nw-share.is-open .hx-nw-share-menu {
  display: block;
}

#content .hx-nw-share-menu a {
  color: #002b66;
  display: block;
  font-weight: 700;
  padding: 7px 12px;
  text-decoration: none;
}

#content .hx-nw-share-menu a i {
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  width: 16px;
}

#content .hx-nw-share-menu a:hover {
  background: #eef1f5;
}

.hx-nw-modelline {
  padding-top: 8px;
  font-size: clamp(16px, 1.2vw, 20px);
  font-weight: 700;
  margin-bottom: 8px;
  color:#13100E;
  
}

.hx-nw-consumption-top {
  color: #4E5255;
  font-size: clamp(12px,.82vw,13px);
  line-height: 1.5;
  margin-bottom: 15px;
  margin-top: clamp(16px,2vw,30px);
}

.hx-nw-note {
  color: #6b7280;
  font-size: 12px;
  margin-bottom: 15px;
}

.hx-nw-rate-wrap {
  padding-top: 0;
}

.hx-nw-rate {
  color: #111820;
  font-size: clamp(26px,3.1vw,48px);
  font-weight: 700;
  line-height: 1.05;
  font-family: Roboto,"Roboto Fallback";
}

.hx-nw-rate-label {
  font-size: clamp(16px, 1.2vw, 20px);
  font-weight: 700;
  margin-top: 4px;
  padding-bottom: 35px;
  font-family: Roboto,"Roboto Fallback";
}

.hx-nw-city-sign {
  display: inline-block;
  max-width: 84px;
  margin-top: 22px;
}

.hx-nw-facts {
  background: #fff;
  padding: 60px 0 60px;
  font-family: Roboto,"Roboto Fallback";
}

.hx-nw-fact img {
  display: block;
  height: 40px;
  margin: 0 auto 9px;
  object-fit: contain;
  width: 40px;
}

.hx-nw-fact span {
  color: #555f69;
  display: block;
  font-size:  clamp(16px, 1.2vw, 20px);
}

.hx-nw-fact strong {
  display: block;
  font-size: clamp(15px,1.35vw,20px);
  margin-top: 3px;
}

.hx-nw-offer-box,
.hx-nw-highlights {
  background: #e7e7e7;
  border-radius: 16px;
  margin: 0 0 28px;
  overflow: hidden;
}

.hx-nw-box-head {
  background: #001e50;
  color: #fff;
  font-size: clamp(19px,1.75vw,26px);
  font-weight: 800;
 padding: clamp(8px,.8vw,12px) clamp(12px,2.6%,42px) clamp(8px,.8vw,12px) clamp(14px,4%,65px);
}

.hx-nw-box-body {
  padding: clamp(14px,1.7vw,26px) clamp(14px,4%,65px) clamp(16px,1.9vw,30px);
  font-size:clamp(14px,1.18vw,18px);
    font-family: Roboto,"Roboto Fallback";
}

#content .hx-nw-box-body h2 {
  font-size:  clamp(22px,2.4vw,36px);
  font-weight: 800;
  margin: 0 0 4px;
  font-family: Roboto,"Roboto Fallback";
}

.hx-nw-offer-subline
 {
  color: #343a40;
  font-size: clamp(14px,1.18vw,18px);
}

.hx-nw-bank,
.hx-nw-consumption,
.hx-nw-legal {
  color: #343a40;
  font-size: 12px;
}

.


.hx-nw-offer-table {
  background: transparent;
  margin: 16px 0;
}

.hx-nw-offer-table td {
  border-top: 1px solid #d1d1d1;
  font-size: clamp(14px,1.18vw,18px);
  padding: 7px 10px;
}

.hx-nw-offer-table td:first-child {
  font-weight: 700;
  width: 62%;
}

.hx-nw-highlight-list {
  column-count: 3;
  list-style: none;
  margin: 0;
  padding: 0;
}

.hx-nw-highlight-list li {
  break-inside: avoid;
  font-size: clamp(14px,1.18vw,18px);
  margin-bottom: 7px;
  padding-left: 19px;
  position: relative;
}

#content .hx-nw-highlight-list li::before {
  color: #111820;
  content: "\2713";
  font-weight: 800;
  left: 0;
  position: absolute;
  top: 0;
}

.hx-nw-info-area {
  margin-bottom: 0;
}

.hx-nw-info-cards {
  margin-bottom: 40px;
  display: flex;
}

.hx-nw-info-card {
  background: #d9d9d9;
  min-height: 185px;
  border-radius: 8px;
     background-color: #E4E4E4;
  
}

#content .hx-nw-info-card h3 {
  font-size: clamp(15px,1.35vw,20px);
   font-family: Roboto,"Roboto Fallback";
  font-weight: normal;
  margin:0;
  font-weight: 700;
  text-transform: uppercase;
  background: #D3D3D3;
  padding: clamp(8px,1vw,14px) clamp(12px,2.4vw,23px);
  min-height: clamp(40px,3.5vw,56px);
  border-radius: 8px 8px 0 0;
}

#content .hx-nw-info-card p {
  color: #13100E;
  font-size: clamp(14px,1.18vw,18px);
  line-height: 1.45;
  margin: 0;
 padding: clamp(11px,1.2vw,18px) clamp(12px,1.4vw,21px) clamp(14px,1.5vw,22px) clamp(12px,2.4vw,23px);
   background-color: #E4E4E4;
   flex:1;
}

.hx-nw-sale-banner {
  align-items: center;
  background-color: #001e50;
  color: #fff;
  display: flex;

  flex-direction: column;
  justify-content: center;
  margin-left: calc((100vw - 101% - 1px) / -2);
  margin-right: calc((100vw - 101% - 1px) / -2);
  min-height: 108px;
  padding: 22px 15px;
  text-align: center;
  margin-bottom: 45px;
}

.hx-nw-sale-banner .btn-light {
  min-height: 44px;
  padding: 0 clamp(14px,1.4vw,24px);
font-size:clamp(15px,1.3vw,20px);
}


.hx-nw-sale-banner strong {
  display: block;
   font-size:clamp(19px,1.75vw,26px);
   font-weight: 700;
}

.hx-nw-sale-banner span {
  display: block;
  font-size:clamp(15px,1.3vw,20px);
  margin: 4px 0 12px;
  font-weight: 700;
}

.hx-nw-sale-banner .btn {
  border-radius: 8px;
  font-weight: 700;
  color:#001E50;
  padding: 6px 18px;
}

.hx-nw-slider-title {
  background: #002b66;
  border-radius: 16px 16px 0 0;
  display: flex;
  font-size: 13px;
  font-weight: 800;
  margin-top: 30px;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
.hx-nw-form-title {
color: #fff;
border-radius: 16px 16px 0 0;
  
  font-size: clamp(19px,1.75vw,26px);
  font-weight: 700;
   background: #001E50;
 
  text-align: left;
 padding:clamp(8px,.8vw,12px) clamp(12px,2.6%,42px) clamp(8px,.8vw,12px) clamp(14px,4%,65px);
}

.frame-hx-nw-form-stage .custom-select ,.frame-hx-nw-form-stage .tx-hxcustomforms input[type="text"],
.frame-hx-nw-form-stage .tx-hxcustomforms input[type="email"],
.frame-hx-nw-form-stage .tx-hxcustomforms input[type="tel"],
.frame-hx-nw-form-stage .tx-hxcustomforms textarea
{
  border: 1px solid #000;
}
.frame-hx-nw-form-stage .btn.btn-primary.mb-2 {
  background-color: #0072ce;
  
}


.hx-nw-slider-title span, .hx-nw-form-title span {
  flex: 1 1 100%;
  padding: 10px;
}

.hx-nw-slider-title span:first-child {
  background: #001e50;
  color: #fff;
  font-weight: 700;
  font-size: clamp(15px,1.35vw,20px);
}

.hx-nw-slider-stage,
.frame-hx-nw-slider-stage {
  background: #fff;

 
  padding: 0 0 30px;
}

#content .content-small-col.ffffff .frame-hx-nw-slider-stage
{
  padding-left: 15px;
  padding-right: 15px;
}


.hx-nw-slider-stage > *,
.frame-hx-nw-slider-stage > * {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  
}
.container-small.ffffff {
  font-family: Roboto,"Roboto Fallback";
}


.container-small.ffffff .tx-hxcustomforms{
  background-color: #f0f0f0;
  padding: clamp(14px,1.7vw,26px) clamp(14px,4%,65px) clamp(18px,2.1vw,32px);
  margin:0 15px 0 15px;
  border-radius: 0px 0 18px 18px;
}

.


.hx-nw-contact-area {
  margin-top: 38px;
}

.hx-nw-contact-area h2 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 28px;
}

.hx-nw-contact-area h2 small {
  color: #343a40;
  font-size: 20px;
  font-weight: 400;
  margin-left: 10px;
}

#content .hx-nw-contact-area a
{
  border:none;
}


.hx-nw-contact-area > .row > .col-md-4 {
  display: flex;
}

.hx-nw-map-placeholder {
  background: #eef1f5;
  border-radius: 32px;
  flex: 1 1 auto;
  min-height: 360px;
  overflow: hidden;
  position: relative;
}

#content .hx-nw-map-placeholder img,
.hx-nw-map-placeholder iframe {
  border: 0;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.hx-nw-map-placeholder iframe {
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

.hx-nw-map-placeholder.is-loaded iframe {
  opacity: 1;
  pointer-events: auto;
}

.hx-nw-map-placeholder.is-loaded img,
.hx-nw-map-placeholder.is-loaded .hx-nw-map-load {
  display: none;
}

.hx-nw-map-placeholder .btn,
#content .hx-nw-map-placeholder .hx-nw-route-link {
  bottom: 24px;
  color: #002b66;
  font-size: 18px;
  font-weight: 800;
  left: 24px;
  position: absolute;
  z-index: 2;
}

#content .hx-nw-map-placeholder .hx-nw-route-link {
  background: #fff;
  border-radius: 4px;
  display: none;
  padding: 8px 16px;
}

#content .hx-nw-map-placeholder.is-loaded .hx-nw-route-link {
  display: inline-block;
}

.hx-nw-location-card {
  background: #002b66;
  border-radius: 32px;
  color: #fff;
  overflow: hidden;
}

#content .hx-nw-contact-area {
  margin-top: 25px;
  margin-bottom: 25px;
}

#content .hx-nw-contact-area h2 {
  font-size:clamp(19px,1.75vw,26px);
  font-weight: 700;
  font-family: Roboto,"Roboto Fallback";
}

#content .hx-nw-contact-area h2 small{
  font-size:clamp(16px, 1.2vw, 20px);
 font-family: Roboto,"Roboto Fallback";

}

 


#content .hx-nw-location-card img {
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.hx-nw-location-info {
  padding: 34px 48px;
}

.hx-nw-dealer-address {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}

.hx-nw-dealer-address .dealer__pin {
  fill: currentColor;
  flex: 0 0 auto;
  height: 25px;
  margin-top: 2px;
  width: 19px;
}

.hx-nw-location-info h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.hx-nw-location-info p {
  font-size: 18px;
  line-height: 1.45;
  margin: 0;
}

.hx-nw-contact-buttons {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr 1fr;
}

.hx-nw-contact-buttons a {
  align-items: center;
  background: #2c83d8;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
  padding: 6px clamp(10px,1.1vw,16px);
  text-align: center;
  font-size:clamp(12px,.88vw,13px);
}

.hx-nw-contact-buttons a svg {
  fill: currentColor;
  flex: 0 0 auto;
  height: 16px;
  width: 16px;
}

.hx-nw-back-bottom {
  margin-top: 30px;
}


#content .hx-nw-hero-stage h1.vhtitel {
 font-family: Roboto,"Roboto Fallback";
font-size:clamp(26px,3.1vw,48px);
line-height: inherit;
}

/* Slider */
#content .frame-hx-nw-slider-stage .slide {
  padding-bottom: 30px;
}

 .frame-hx-nw-slider-stage .nwteaserlist .beschbox {
  background-color: #e7e7e7;
}

.frame-hx-nw-slider-stage .nwteaserlist .bluebox, .frame-hx-nw-slider-stage .nwteaserlist .price-badge {
  background-color: #002b66;
}

.frame-hx-nw-slider-stage .nwteaserlist .yellowbg {
  background-color: #D3D3D3;
  
}

#content .frame-hx-nw-slider-stage .owl-control-col {
  background-color: #e7e7e7;
}

.frame-hx-nw-slider-stage .hxcarportal-branchenslider .branchenslider,
.frame-hx-nw-slider-stage .branchenslider.nw .nwteaserlist .fhzbox,
.frame-hx-nw-slider-stage .hxcarportal-branchenslider .details.werbung {
 
 

  background-color: #e7e7e7;
}

@media (max-width: 767.98px) {
  .hx-nw-detail-top,
  .hx-nw-hero,
  .hx-nw-rate-wrap {
    text-align: center;
  }


  .hx-nw-rate-wrap {
  padding-top: 20px;
}

.citysign {
   display: none;
  }

  .hx-nw-offer-number {
    margin-top: 14px;
  }

  .hx-nw-hero h1,
  .hx-nw-rate {
    font-size: 28px;
  }

  .hx-nw-highlight-list {
    column-count: 1;
  }

  .hx-nw-info-card {
    margin-bottom: 16px;
  }

  .hx-nw-map-placeholder,
  .hx-nw-location-card {
    border-radius: 8px;
    margin-bottom: 18px;
  }

  .hx-nw-location-info {
    padding: 24px;
  }

  .hx-nw-contact-buttons {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .hx-nw-contact-area h2 small {
    display: block;
    margin: 6px 0 0;
  }
}

@media (max-width: 575.98px) {
 .hx-nw-hero-inner {
  margin: 0 auto;
  
  padding-left: 0px;
  padding-right: 0px;
 }

 #content a.hx-nw-cta,
 #content a.btn-light {
  width: 100%;
 }
#content .content-small-col.ffffff .frame-hx-nw-slider-stage {
  padding:0;
}


.container-small.ffffff .tx-hxcustomforms {
margin:0;
}



}