/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/

:root {
  --primary-color: #91B632;
  --secondary-color: #86A82C;
  --text-color: #091526;
  --white: #ffffff;
  --light-grey: #F8F8F8;
}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

html {
    scroll-behavior: smooth;
}

body {
  font-family: 'Montserrat', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 400;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

@media (min-width: 1600px) {
.container {
    max-width: 1420px!important;
}
}

.abstand {
    margin-top: 120px;
    margin-bottom: 120px;
}

.abstandtop {
    margin-top: 120px;
}

.abstandpadding {
    padding-top: 120px;
    padding-bottom: 120px;
}

.abstandpaddingtop {
    padding-top: 120px;
}

@media (max-width: 991px) {
.abstand {
    margin-top: 100px;
    margin-bottom: 100px;
}
.abstandtop {
    margin-top: 100px;
}
.abstandpadding {
    padding-top: 100px;
    padding-bottom: 100px;
}
.abstandpaddingtop {
    padding-top: 120px;
}
}

@media (max-width: 1199px) {
.abstandxl-small {
    margin-bottom: 30px;
}
}

@media (max-width: 991px) {
.abstandlg {
    margin-bottom: 50px;
}
.abstandlg-small {
    margin-bottom: 30px;
}
}

@media (max-width: 575px) {
.abstandsm-small {
    margin-bottom: 30px;
}
}

@media (max-width: 767px) {
.abstandmd {
    margin-bottom: 50px;
}
}

.slidescroller {
    margin-top: -126.5px;
    padding-top: 126.5px;
}

@media (max-width: 1199px) {
.slidescroller {
    margin-top: -84.63px;
    padding-top: 84.63px;
}
}

/*--------------------------------------------------------------
# Backgrounds
--------------------------------------------------------------*/

.hero {
    width: 100%;
    height: 100vh;
    background: url(../dmxDaten/home/Hero-Image.jpg) top right no-repeat;
    background-position-x: 100%;
    background-position-y: 0%;
    background-size: cover;
    padding-top: 92px;
}

.titlesection {
    width: 100%;
    height: calc(100vh - 126.5px);
    background-color: #ffffff;
}

.titlesectionbild {
    position: absolute;
    width: 50%;
    height: calc(100vh - 126.5px);
    margin-left: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.autotitlesection {
    width: 100%;
    height: calc(100vh - 126.5px);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-shadow: #09152690 1px 0 5px;
}

@media (max-width: 1199px) {
.titlesection {
    height: calc(100vh - 84.63px);
}
.titlesectionbild {
    height: calc(100vh - 84.63px);
}
.autotitlesection {
    height: calc(100vh - 84.63px);
}
}

@media (max-width: 991px) {
.titlesection {
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.titlesectionbild {
    display: none;
}
.autotitlesection {
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}
}

.titlesectionbild#aktuelles {
    background-image: url(../dmxDaten/backgrounds/bg-aktuelles.jpg);
}

.titlesectionbild#service-reparaturen {
    background-image: url(../dmxDaten/backgrounds/bg-service-reparaturen.jpg);
    background-position: center center;
}

.titlesectionbild#reifenservice {
    background-image: url(../dmxDaten/backgrounds/bg-reifenservice.jpg);
    background-position: center center;
}

.titlesectionbild#service-wartung {
    background-image: url(../dmxDaten/backgrounds/bg-service-wartung.jpg);
    background-position: center center;
}

.titlesectionbild#reparaturen {
    background-image: url(../dmxDaten/backgrounds/bg-reparaturen.jpg);
    background-position: center center;
}

.titlesectionbild#inspektion {
    background-image: url(../dmxDaten/backgrounds/bg-inspektion.jpg);
    background-position: center center;
}

.titlesectionbild#unternehmen {
    background-image: url(../dmxDaten/backgrounds/bg-unternehmen.jpg);
    background-position: center center;
}

.titlesectionbild#ueber-uns {
    background-image: url(../dmxDaten/backgrounds/bg-ueber-uns.jpg);
    background-position: center center;
}

.titlesectionbild#kontakt {
    background-image: url(../dmxDaten/backgrounds/bg-kontakt.jpg);
    background-position: center center;
}

.autotitlesection#nissan {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-uebersicht/Header-Nissan.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-uebersicht/Header-Nissan.jpg);
}

.autotitlesection#nissan-x-trail {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-x-trail/Header-Nissan-X-Trail.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-x-trail/Header-Nissan-X-Trail.jpg);
}

.autotitlesection#nissan-ariya {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-ariya/Header-Nissan-Ariya.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-ariya/Header-Nissan-Ariya.jpg);
}

.autotitlesection#nissan-qashqai {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-qashqai/Header-Nissan-Qashqai.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-qashqai/Header-Nissan-Qashqai.jpg);
}

.autotitlesection#nissan-micra {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-micra/Header-Nissan-Micra.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-micra/Header-Nissan-Micra.jpg);
}

.autotitlesection#nissan-juke {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-juke/Header-Nissan-Juke.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-juke/Header-Nissan-Juke.jpg);
}

.autotitlesection#nissan-leaf {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-leaf/Header-Nissan-Leaf.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-leaf/Header-Nissan-Leaf.jpg);
}

.autotitlesection#nissan-townstar-kombi {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-townstar-kombi/Header-Nissan-Townstar-Kombi.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-townstar-kombi/Header-Nissan-Townstar-Kombi.jpg);
}

.autotitlesection#nissan-primastar-kombi {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-primastar-kombi/Header-Nissan-Primastar-Kombi.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-primastar-kombi/Header-Nissan-Primastar-Kombi.jpg);
}

.autotitlesection#nissan-townstar-ev {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-townstar-ev/Header-Nissan-Townstar-EV.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-townstar-ev/Header-Nissan-Townstar-EV.jpg);
}

.autotitlesection#nissan-townstar-kastenwagen {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-townstar-kastenwagen/Header-Nissan-Townstar-Kastenwagen.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-townstar-kastenwagen/Header-Nissan-Townstar-Kastenwagen.jpg);
}

.autotitlesection#nissan-primastar {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-primastar/Header-Nissan-Primastar.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-primastar/Header-Nissan-Primastar.jpg);
}

.autotitlesection#nissan-interstar {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-interstar/Header-Nissan-Interstar.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-interstar/Header-Nissan-Interstar.jpg);
}

.autotitlesection#suzuki {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-uebersicht/Header-Suzuki.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-uebersicht/Header-Suzuki.jpg);
}

.autotitlesection#suzuki-s-cross {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-s-cross/Header-suzuki-s-cross.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-s-cross/Header-suzuki-s-cross.jpg);
    background-position: bottom right;
}

.autotitlesection#suzuki-vitara {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-vitara/Header-suzuki-vitara.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-vitara/Header-suzuki-vitara.jpg);
    background-position: center right;
}

.autotitlesection#suzuki-swift {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-swift/Header-suzuki-swift.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-swift/Header-suzuki-swift.jpg);
    background-position: center right;
}

.autotitlesection#suzuki-swift-sport {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-swift-sport/Header-suzuki-swift-sport.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-swift-sport/Header-suzuki-swift-sport.jpg);
    background-position: center right;
}

.autotitlesection#suzuki-ignis {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-ignis/Header-suzuki-ignis.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-ignis/Header-suzuki-ignis.jpg);
    background-position: center right;
}

.autotitlesection#suzuki-jimny-country {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-jimny-country/Header-suzuki-jimny-country.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-jimny-country/Header-suzuki-jimny-country.jpg);
    background-position: center right;
}

.autotitlesection#suzuki-across {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-across/Header-suzuki-across.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-across/Header-suzuki-across.jpg);
    background-position: center right;
}

.autotitlesection#suzuki-swace {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-swace/Header-suzuki-swace.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-swace/Header-suzuki-swace.jpg);
    background-position: center right;
}



@media (max-height: 660px) {
.hero {
    padding-top: 200px;
    padding-bottom: 120px;
    height: 100%;
    background-attachment: scroll;
}
}

@media (max-width: 991px) {
.hero {
    padding-top: 80px;
    padding-bottom: 100px;
    height: 100%;
    background-attachment: scroll;
    background-image: none;
    background-color: var(--primary-color)!important;
}
}

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

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

.bg-nissan-transporter {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-uebersicht/Transporter-Flotte.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-uebersicht/Transporter-Flotte.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    text-shadow: #09152690 1px 0 5px;
}

.bg-suzuki-hybrid {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/suzuki/suzuki-uebersicht/bg-suzuki-hybrid.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/suzuki/suzuki-uebersicht/bg-suzuki-hybrid.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    text-shadow: #09152690 1px 0 5px;
}

.bg-primastar-kombi {
    background-image: 
    -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 25, 0.8)), to(rgba(23, 20, 25, 0))),
    url(../dmxDaten/nissan/nissan-primastar-kombi/Header-Nissan-Primastar-Kombi.jpg);
    background-image: 
    linear-gradient(to right, rgba(23, 20, 25, 0.8), rgba(23, 20, 25, 0)),
    url(../dmxDaten/nissan/nissan-primastar-kombi/Header-Nissan-Primastar-Kombi.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    text-shadow: #09152690 1px 0 5px;
}

/*--------------------------------------------------------------
# Typografie
--------------------------------------------------------------*/

a {
  color: var(--primary-color);
}

a:focus, a:hover {
  color: var(--secondary-color);
  text-decoration: none;
}

h1 {
  font-size: 38px;
  font-weight: 700;
}

h2 {
  font-size: 30px;
  font-weight: 700;
}

h3 {
  font-size: 20px;
  font-weight: 700;
}

.factnumber {
  font-size: 60px !important;
}

.factnumbernissan {
  font-size: 38px !important;
}

@media (min-width: 1200px) {
.factnumbernissan {
  font-size: 48px !important;
}
}

.marked {
  color: var(--secondary-color);  
}

@media (max-width: 767px) {
h1 {
  font-size: 28px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 20px;
}
.lead {
    font-size: 18px!important;
}
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.btn {
    padding: 0.5rem 1.25rem;
    border-radius: 1.55rem;
    font-weight: 600;
    letter-spacing: 0.1px;
}

.btn-primary {
  color: var(--white);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-primary:hover {
  color: var(--white);
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-outline-primary:hover {
  color: var(--white);
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.btn-outline-dark {
  color: var(--text-color);
  border-color: var(--text-color);
}

.btn-outline-dark:hover {
  color: var(--white);
  background-color: var(--text-color);
  border-color: var(--text-color);
}

.btn-light {
  color: var(--primary-color);
  background-color: var(--white);
  border-color: var(--white);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

.portraitbild {
  width: 250px;
  border-radius: 100%;
}

.portraitbildrezension {
  width: 150px;
  border-radius: 100%;
}

.card {
  border: none;
  border-radius: 20px;
  background-color: var(--light-grey);
}

.card-img-top {
  border-radius: 20px 20px 0 0;
}

.card-startseite {
  width: 500px;
  margin-top: -55px;
  background-color: var(--text-color);
  color: #ffffff;
  margin-left: auto;
  border-radius: 20px 0 0 20px;
}

.cardservices {
  padding: 3rem!important;
}

@media (max-width: 991px) {
.cardservices {
  padding: 2rem!important;
}
}

.card-profitieren {
  background-color: var(--secondary-color);
  color: #ffffff;
  border-radius: 20px 20px 0 0;
  padding: 15px;
  text-align: center;
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
.card-profitieren-12-xl {
  border-radius: 20px;
}
}

@media (max-width: 991px) {
.card-profitieren-12 {
  border-radius: 20px;
}
}

@media (max-width: 575px) {
.card-profitieren-3 {
  border-radius: 20px;
}
}

.profitieren-icons {
  max-height:120px;
  margin-bottom: 30px;
}

@media (max-width: 533px) {
.card-startseite {
  width: 100%;
  margin-top: 0;
  background-color: var(--text-color);
  color: #ffffff;
  margin-left: auto;
  border-radius: 0;
  padding: 15px;
}
}


li.page-item {
    list-style-type: none!important;
}

.page-link {
    position: relative;
    display: block;
    padding: 0;
    font-size: 50px;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--primary-color);
    background: none!important;
    border: none;
}

.page-item.disabled .page-link {
    opacity: 37%;
    pointer-events: none;
    cursor: auto;
    background: none;
    border: none;
}

.page-link:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}


.accordion .card {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: var(--white);
}

.accordion .card .card-header {
  background-color: var(--white);
  border-radius: 20px;
  border: none;
}

.accordion .card .card-header .btn-link {
  color: var(--primary-color);
}

/*--------------------------------------------------------------
# Übersicht Nissan
--------------------------------------------------------------*/

.nissan-uebersicht-1-col {
  height: 80vh;
  position: relative;
}
.nissan-uebersicht-2-1-col {
  height: 40vh;
  position: relative;
}
.nissan-uebersicht-2-2-col {
  height: 40vh;
  position: relative;
}

@media (max-width: 767px) {
.nissan-uebersicht-1-col {
  height: 40vh;
  position: relative;
}
}

.nissan-uebersicht-1 {
  background-image: url(../dmxDaten/nissan/nissan-x-trail/Nissan-X-Trail-Titelbild.jpg);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.nissan-uebersicht-2-1 {
  background-image: url(../dmxDaten/nissan/nissan-qashqai/Nissan-Qashqai-Titelbild.jpg);
  height: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.nissan-uebersicht-2-2 {
  background-image: url(../dmxDaten/nissan/nissan-ariya/Nissan-Ariya-Titelbild.jpg);
  height: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlay-1, .overlay-2, .overlay-3 {
  width: 100%;
  height: 100%;
  background-color: #09152690;
  margin: 0!important;
}

@media (max-width: 767px) {
.overlay-1, .overlay-2, .overlay-3 {
  display: none;
}
}

@media (min-width: 768px) {
.overlay-1, .overlay-2, .overlay-3 {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
}
}

.nissan-uebersicht-1:hover .overlay-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nissan-uebersicht-2-1:hover .overlay-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nissan-uebersicht-2-2:hover .overlay-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
.nissan-uebersicht-1:hover .overlay-1 {
  visibility: visible;
  opacity: 1;
}
.nissan-uebersicht-2-1:hover .overlay-2 {
  visibility: visible;
  opacity: 1;
}
.nissan-uebersicht-2-2:hover .overlay-3 {
  visibility: visible;
  opacity: 1;
}
}


/*--------------------------------------------------------------
# Übersicht Suzuki
--------------------------------------------------------------*/

.suzuki-uebersicht-1-col {
  height: 80vh;
  position: relative;
}
.suzuki-uebersicht-2-1-col {
  height: 40vh;
  position: relative;
}
.suzuki-uebersicht-2-2-col {
  height: 40vh;
  position: relative;
}

@media (max-width: 767px) {
.suzuki-uebersicht-1-col {
  height: 40vh;
  position: relative;
}
}

.suzuki-uebersicht-1 {
  background-image: url(../dmxDaten/suzuki/suzuki-vitara/Suzuki-Vitara-Titelbild.jpg);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.suzuki-uebersicht-2-1 {
  background-image: url(../dmxDaten/suzuki/suzuki-swift/Suzuki-Swift-Titelbild.jpg);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.suzuki-uebersicht-2-2 {
  background-image: url(../dmxDaten/suzuki/suzuki-s-cross/Suzuki-S-Cross-Titelbild.jpg);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.suzuki-uebersicht-1:hover .overlay-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.suzuki-uebersicht-2-1:hover .overlay-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.suzuki-uebersicht-2-2:hover .overlay-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
.suzuki-uebersicht-1:hover .overlay-1 {
  visibility: visible;
  opacity: 1;
}
.suzuki-uebersicht-2-1:hover .overlay-2 {
  visibility: visible;
  opacity: 1;
}
.suzuki-uebersicht-2-2:hover .overlay-3 {
  visibility: visible;
  opacity: 1;
}
}

.text-overlay {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #ffffff;
}


/*--------------------------------------------------------------
# Übersicht Services
--------------------------------------------------------------*/

.col-services {
  height: 60vh;
}

.card-services {
  padding: 0;
  height: 100%;
  border-radius: 20px 20px 0 0;
  width: 100%;
}

@media (max-width: 991px) {
.col-services {
  height: 40vh;
}
.card-services-1 {
  border-radius: 20px;
}
.card-services-2 {
  border-radius: 20px;
}
}

.card-services-1 {
  background-image: url(../dmxDaten/services/thumbnail-services-1.jpg);
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.card-services-2 {
  background-image: url(../dmxDaten/services/thumbnail-services-2.jpg);
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.card-services-3 {
  background-image: url(../dmxDaten/services/thumbnail-services-3.jpg);
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 991px) {

.card-services-1 {
  background-image: url(../dmxDaten/services/thumbnail-services-1-sm.jpg);
  background-position: top right;
}
.card-services-2 {
  background-image: url(../dmxDaten/services/thumbnail-services-2-sm.jpg);
  background-position: center;
}
.card-services-3 {
  background-image: url(../dmxDaten/services/thumbnail-services-3-sm.jpg);
  background-position: center right;
}
}

.card-overlay {
  width: 100%;
  height: 100%;
  background-color: #09152690;
  margin: 0!important;
}

@media (max-width: 767px) {
.card-overlay {
  display: none;
}
}

@media (min-width: 768px) {
.card-overlay {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
}
}

.card-services-1:hover .card-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-services-2:hover .card-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-services-3:hover .card-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
.card-services-1:hover .card-overlay {
  visibility: visible;
  opacity: 1;
}
.card-services-2:hover .card-overlay {
  visibility: visible;
  opacity: 1;
}
.card-services-3:hover .card-overlay {
  visibility: visible;
  opacity: 1;
}
}

.card-overlay .card-body {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  padding-bottom: 30px;
  text-align: center;
  color: #ffffff!important;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

#navigation {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 997;
  font-size: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  background: var(--text-color);
}

@media (max-width: 1199px) {
#navigation .collapse.show {
  height: calc(100vh - 56px - .5rem);
  overflow-x: hidden;
  overflow-y: auto;
}
}

.navbar-logo {
  width: 300px;
}

@media (max-width: 415px) {
.navbar-logo {
  width: 250px;
}
}

@media (max-width: 395px) {
.navbar-logo {
  width: 200px;
}
}

@media (max-width: 335px) {
.navbar-logo {
  width: 150px;
}
}

@media (max-width: 1199px) {
#main-menu {
    margin-top: 1.5rem!important;
}
}

.navbar-nav .nav-link, .nav-item {
  color: var(--white);
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
  color: var(--primary-color);
}

.navbar-nav .show > .nav-link,
.navbar-nav .active > .nav-link,
.navbar-nav .nav-link.show,
.navbar-nav .nav-link.active {
  color: var(--primary-color);
}

.navbar-toggler {
  padding: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: var(--primary-color);
  color: var(--white);
}

.dropdown-item.active {
  background-color: var(--primary-color);
  color: var(--white);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/*--------------------------------------------------------------
# Sidenavigation
--------------------------------------------------------------*/

#collapsesidenav {
	list-style-type: none;
  margin: 0;
  padding: 0;
}

#collapsesidenav ul {
	list-style-type: none;
  margin: 0;
  padding: 0;
}

#collapsesidenav .active a {
  color: var(--primary-color);
}

#collapsesidenav a:hover {
  color: var(--primary-color);
}

#collapsesidenav a {
  color: var(--text-color);
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {
  background-color: var(--light-grey);
}

/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/

.carousel-inner > .carousel-item {
    height: 400px;
    position: relative;
}

@media (max-width: 768px) {
.carousel-inner > .carousel-item {
    height: 250px;
    position: relative;
}
}

.carousel-inner img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

/*--------------------------------------------------------------
# Cookies
--------------------------------------------------------------*/

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    color: var(--white);
    background-color: rgba(0, 0, 0, 0.85);
    
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-top: 10px;
    vertical-align: baseline;
}

.disclaimer-footer {
  text-align: right;
}

@media (max-width: 768px) {
.disclaimer-footer {
  text-align: left;
}
}

/*--------------------------------------------------------------
# Tiny MCE
--------------------------------------------------------------*/

.tox-tinymce {
  top: auto!important;
  bottom: 0!important;
  position: fixed!important;
}