/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 FONTS & SCHRIFTSTILE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://mainzl.innsiders.dev/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.h1-big {
   font-size: 65px;
   text-transform: none; 
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}
.h1-start{
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--dark-black);
}
h2{
 padding-bottom: 5px;
    border-bottom: 1px solid var(--dark-black);
}
.heading-like-h2,
.heading-like-h2 p{
    font-family: "Open Sans";
font-weight: 600;
font-size: 32px;
line-height: 42px;
    color: var(--dark-black);
}
.heading-like-h2.with-border{
     padding-bottom: 5px;
    border-bottom: 1px solid var(--dark-black);
}
.heading-like-h3{
    font-family: "Open Sans";
font-weight: 600;
font-size: 24px;
line-height: 1.3;
    color: var(--dark-black);
}
@media only screen and (max-width: 992px){
    .heading-like-h2,
	.heading-like-h2 p{
font-size: 25px;
line-height: 1.3; 
}
	.seitentitel h1{
        line-height: 1.2;
    }
}
    @media only screen and (max-width: 778px){
    .heading-like-h2,
		.heading-like-h2 p{
font-size: 22px;
line-height: 1.3; 
}
		.heading-like-h3{
    font-size: 18px;
}
	}
.zitat{
  color: var(--medium-grey); 
    font-size:36px;
    line-height: 1.3; 
}
.line-before::before{
    content:"";
    width: 1px;
    height: calc(100% - 35px);
    left: 0px;
    display: block;
    position: absolute;
    background-color: var(--medium-grey);
    opacity: 0.6;
}
@media only screen and (max-width: 992px){
    .h1-big {
        font-size: 50px;  
    margin-bottom: 5px;
}
    .h1-start{
    padding-bottom: 1.5rem;
}
	.zitat{
    font-size:30px;
}
}
@media only screen and (max-width: 778px){
    .h1-big {
    font-size: 37px;  
    margin-bottom: 10px;
}
	.zitat{
    font-size:24px;
}
}
.wpb_text_column.wpb_content_element ul {
    list-style: square;
}
.anmerkung{
    font-size: 12px;
    line-height: 1.4;
    display: flex;
}
.anmerkung::before{
    content:"*";
    margin-right: 3px;
}
.app-link::after{
    content: "\e803";
    font-family: icomoon-the7-font!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: 6px;
}
.app-link{
    display: flex;
    align-content: center;
    align-items: center;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 ALLGEMEIN
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/

:root {
  --dark-black: #020A0A;
  --dark-black-50percent: #9D9D9C;
  --dark-grey: #333333;
--light-grey: #F7F7F7;
--medium-grey: #8E979C;
--color-neuwagen: #D60D47;
--color-gebrauchtwagen:#D60D47;
--color-karriere:#A2C617;
--color-aktionen:#D60D47;
--color-service:#F39325;
}
#comments{
    display: none
}

/* ----- BUTTONS -------------------------------------------------------------------------------------------------------------------------------*/
.dt-btn{
    padding: 12px 28px;
    font-family: "Open Sans";
    font-size: 15px;
    border: 1px solid var(--dark-black);
    letter-spacing: 0.6;
    text-transform: uppercase;
    background-color: transparent;
}
.dt-btn:hover{
    color: #fff;
    background-color:var(--dark-black);
}
.btn-green{
   border-color: var(--color-karriere);
    color:var(--color-karriere)!important;
}
.btn-green:hover{
    color:#fff!important;
    border-color: var(--color-karriere)!important;
    background-color: var(--color-karriere)!important;
}
.btn-green.highlight{
    background-color: var(--color-karriere)!important;
    color: #fff!important;
}
.btn-green.highlight:hover{
   transform: scale(1.05);
}
.btn-pink{
   border-color: var(--color-aktionen);
   color:var(--color-aktionen)!important;
z-index: 20!important;
}
.btn-pink:hover{
    color:#fff!important;
    border-color: var(--color-aktionen)!important;
    background-color: var(--color-aktionen)!important;
}
.btn-black{
    background-color: var(--dark-black)!important;
    color: #fff!important;
}
.btn-orange{
   border-color: var(--color-service);
    color:var(--color-service)!important;
}
.btn-orange:hover{
    color:#fff!important;
    border-color: var(--color-service)!important;
    background-color: var(--color-service)!important;
}
.btn-black:hover{
    background-color: var(--dark-grey)!important;
    color: #fff!important;
    border-color: var(--dark-grey)!important;
}
.btn-mail span,
.btn-phone span{
    display: flex;
    align-items: center;
}
.btn-mail,
.btn-phone{
    transition: all ease 0.2s!important;
}
.btn-mail span::before{
    content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-mail-dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 13px;
    width: 15px;
    margin-right: 10px;
    top: 1px;
}
.btn-phone span::before{
    content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-phone-dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 10px;
    top: 2px;
}
.btn-mail:hover span::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-mail.svg");
}
.btn-phone:hover span::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-phone.svg");
}
.dt-btn.ansprechpartner,
.dt-btn.btn-tertiary{
    font-size: 19px;
    color: var(--medium-grey)!important;
    border:none!important;
    padding: 0 0!important;
    background-color: transparent!important;
}
.dt-btn.ansprechpartner i,
.dt-btn.btn-tertiary i{
    color: var(--dark-black)!important;
    font-size: 21px;
    margin-right: 0!important;
    transform: translatex(-18px);
    transition: ease 0.4s;
}
.dt-btn.ansprechpartner:hover i,
.dt-btn.btn-tertiary:hover i{
  transform: translatex(-12px);
}
.dt-btn.ansprechpartner:hover,
.dt-btn.btn-tertiary:hover{
   color: var(--dark-black)!important;
}
@media only screen and (max-width: 603px){
    .dt-btn.ansprechpartner.btn-inline-right,
	.dt-btn.btn-tertiary.btn-inline-right{
        float: inherit;
        display: flex;
        width: auto!important;
        margin-top: 30px;
        max-width: 380px;      
}
    .dt-btn.ansprechpartner span,
	.dt-btn.btn-tertiary span{
       text-align: left;
        line-height: 1.1;
}
}
/* ----- STÖRER --------------------------------------------------------------------------------------------------------------------------------*/
.karriere h2::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/karriere-badermainzl-stoerer.svg");
    background-repeat: no-repeat;
    background-size: contain;
    content:"";
    position: absolute;
    display: block;
    height: 190px;
    width: 190px;
    top: -60px;
    right:25px;
    z-index: 5;
}
.page-id-390 .karriere h2::before{
    display: none;
}
@media only screen and (max-width: 820px){
    .karriere h2::before{
   height: 125px;
    width: 125px;
    top: -10px;
    right:35px;
}
}
@media only screen and (max-width: 778px){
    .karriere h2::before{
    right:4rem;
}
}
@media only screen and (max-width: 560px){
    .karriere h2::before{
    right:10px;
    top: -75px;    
}
}
/*.aktionen-carousel-row::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/aktionen-badermainzl-stoerer.svg");
    background-repeat: no-repeat;
    background-size: contain;
    content:"";
    position: absolute;
    display: block;
    height: 190px;
    width: 190px;
    top: -80px;
    left:5rem;
    z-index: 5;
}*/
#formular.aktion::before,
#formular.service.wohnmobil::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/jetzt-anfragen-badermainzl-stoerer.svg");
    background-repeat: no-repeat;
    background-size: contain;
    content:"";
    position: absolute;
    display: block;
    height: 190px;
    width: 190px;
    top: -160px;
    left:5rem;
    z-index: 5;
}
#formular.service.wohnmobil::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/jetzt-anfragen-service-badermainzl-stoerer.svg");
}
@media only screen and (max-width: 820px){
    /*.aktionen-carousel-row::before,*/
	#formular.aktion::before,
	#formular.service.wohnmobil::before{
   height: 125px;
    width: 125px;
    top: -20px;
    left: 15px;
}
}
@media only screen and (max-width: 820px){
    #formular.aktion::before,
	#formular.service.wohnmobil::before{
   height: 125px;
    width: 125px;
    top: -105px;
    left: 15px;
}
}
/*@media only screen and (max-width: 820px){
    .aktionen-carousel-row::before{
    top: -55px;
}
}*/
.aktionen-carousel-row,
#formular.aktion{
    overflow: visible!important;
}
.wir-kaufen-ihr-auto-row::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/wir-kaufen-ihr-auto-badermainzl-stoerer.svg");
    background-repeat: no-repeat;
    background-size: contain;
    content:"";
    position: absolute;
    display: block;
    height: 190px;
    width: 190px;
    top: -60px;
    left:3rem;
    z-index: 5;
}
@media only screen and (max-width: 820px){
    .wir-kaufen-ihr-auto-row::before{
   height: 125px;
    width: 125px;
}
}
@media only screen and (max-width: 503px){
    .wir-kaufen-ihr-auto-row::before{
   left: 25px;
}
}

/* ----- SEITENTITEL  --------------------------------------------------------------------------------------------------------------------------------*/
.seitentitel{
    background-color: #fff;
    border-bottom: 4px solid var(--medium-grey);
     -webkit-box-shadow: 0px 4px 50px 0px rgba(0,0,0,0.24); 
box-shadow:0px 4px 50px 0px rgba(0,0,0,0.24);
    padding: 4.5rem 0 4.5rem;
	 position: relative;
    z-index:1;
}
.seitentitel.jobs{
   padding: 4.5rem 0 4rem;
	}
.seitentitel .wpb_content_element {
    margin-bottom: 0;
}
.seitentitel .small-heading,
.page-id-473 .small-heading{
    font-size: 22px;
    position: relative;
    display: inline-block;
    line-height: 1.3;   
}
.seitentitel.jobs{
     margin-bottom: 4.5rem;
    border-color: var(--color-karriere);
}
.seitentitel.service{
    border-color: var(--color-service);
}
.seitentitel.aktionen{
    border-color: var(--color-aktionen);
}
.seitentitel.neuwagen{
    border-color: var(--color-neuwagen);
}
.page-image .wpb_single_image{
    margin-bottom: 0;
    max-height: 630px;
}
.page-image .wpb_single_image img{
    max-height: 630px;
    object-fit: cover;
    object-position: center 85%;
}
/* PAGE-IMAGE GESCHÄFTSKUNDEN */
.page-id-944 .page-image .wpb_single_image img {
    object-position: center center;
}
.page-image.standort .wpb_single_image{
    max-height: 390px;
}
@media only screen and (max-width: 992px){
    .seitentitel {
       padding: 4rem 0 4rem;
    }
    .seitentitel.jobs{
     margin-bottom: 4rem;
	padding: 4rem 0 3.5rem;
}
}
@media only screen and (max-width: 778px){
    .seitentitel {
       padding: 3rem 0;
    }
    .seitentitel.jobs{
     margin-bottom: 3rem;
}
	.seitentitel .small-heading,
	.page-id-473 .small-heading{
    font-size: 19px; 
	margin-bottom: 5px;
}
	.seitentitel.jobs .small-heading{
	top:6px;
	margin-bottom: 0px;
}
	.page-id-507 .seitentitel.jobs .small-heading,
	.page-id-491 .seitentitel.jobs .small-heading{
	top:0px!important;
}
}

/* ----- ROWS --------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1021px){
.row-zitat-text .vc_col-sm-8,
.row-zitat-text .vc_col-sm-4,
	.row-zitat-text .vc_col-sm-6{
    width: 50%;
}
}
@media only screen and (max-width: 649px){
.row-zitat-text .vc_col-sm-8,
.row-zitat-text .vc_col-sm-4,
	.row-zitat-text .vc_col-sm-6{
    width: 100%;
}
.line-before::before{
        display: none;
    }
}
.row-6-cols .vc_col-sm-2{
    width: 33%;
}
.row-6-cols .ult-video,
.row-6-cols .wpb_single_image{
    margin: 0 0 25px 0!important;
}
@media only screen and (max-width: 1010px){
   .row-6-cols .vc_col-sm-2{
    width: 50%;
} 
}
@media only screen and (max-width: 767px){
   .row-6-cols .vc_col-sm-2{
    width: 100%;
       margin-bottom: 20px;
} 
    .row-6-cols .vc_col-sm-2 img{
        width: 100%;
        max-width: 400px;       
    }
    .row-6-cols .ult-video{
        width: 100%;
        max-width: 400px;       
    }
    .row-6-cols .ult-video img{
        max-width: inherit;
    }
}

/* ----- VORTEILE ROW  ----------------------------------------------------------------------------------------------------------------------*/

.vorteile-row{
    background-color: #fff;
    padding: 5rem 3rem;
}
@media only screen and (max-width: 520px){
    .vorteile-row{
    background-color: #fff;
    padding: 4rem 2rem;
}
}
@media only screen and (max-width: 425px){
    .vorteile-row{
    background-color: #fff;
    padding: 3.5rem 1rem;
}
}
.vorteile-row .vc_inner .wpb_text_column.wpb_content_element{
 margin-bottom: 0;   
}
.vorteile-row li {
  padding-left: 12px; 
margin-bottom: 18px;
}  
.vorteile-row ul {
   list-style-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-check-dark.svg")!important;
    max-width: 580px;
}
.vorteile-row.no-padding{
    background-color: transparent!important;
    padding: 0rem 0rem!important;
}
.vorteile-row.no-padding{
    background-color: transparent!important;
    padding: 0rem 0rem!important;
}
@media only screen and (max-width: 767px){
	.vorteile-row .vc_inner .wpb_column:first-child li:last-child{
    margin-bottom: 18px!important;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 HEADER
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header-bar .location-wrapper,
.dt-mobile-header .location-wrapper{
    display: flex;
    flex-direction: row;
    gap: 25px;
	left: 60px;
    position: relative;
}
.header-bar .location-wrapper a,
.dt-mobile-header .location-wrapper a{
    color: var(--medium-grey);
    opacity: 0.7;
    text-decoration: none!important;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.3!important; 
    position: relative!important;
}
.header-bar .location-wrapper a:hover,
.dt-mobile-header .location-wrapper a:hover{
    color: var(--dark-black);
}
.header-bar .location-wrapper .location-col,
.dt-mobile-header .location-wrapper .location-col{
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;       
}
.header-bar .logos-wrapper{
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: flex-end; 
}
.header-bar .branding{
    border-bottom: 1px solid rgba(112,112,112,0.16);
    padding-bottom: 25px;
}
.header-bar .sub-nav{
    -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1); 
box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1);
}
.header-bar .sub-nav::before{
    content: "";
    position: absolute;
    top:-13px;
    left:25px;
    display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
    border-top: 8px solid rgba(142,152,156,0.15);
    z-index: 5;
    transition: all ease 0.2s!important;
}
.header-bar .menu-item a[data-level="1"]{
    transition: all ease 0.9s!important;
}
.mini-contacts:hover{
       color: var(--dark-black)!important;
}
@media only screen and (max-width:1451px){
    .mini-widgets .text-area.show-on-desktop .location-wrapper{
        display: none;
    }
    .menu-item.depth-0 a{
        margin-left:5px;
        margin-right: 5px;
    }
}
@media only screen and (max-width:1278px){
    .navigation .mini-widgets a.mini-contacts.show-on-desktop{
       color:transparent; 
        width: 15px;
    }
    .navigation .mini-widgets {
      padding-left: 20px!important;
    }
}
.menu-item.new-tab .menu-item-text::after{
    content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-new-tab.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative!important;
    display: block!important;
    height: 12px!important;
    width: 12px!important;
    margin-left: 7px;
    top: 3px!important;
    right: 0!important;
}
.menu-item.new-tab .menu-item-text{
    display: flex;
}
.menu-item a:hover{
    background-color: #EEF0F0;
}
/* ------ MEGA MENU STANDORTE & MARKEN -----*/
#primary-menu .menu-item-1515 .sub-nav{
   box-shadow: none!important;
 }
#primary-menu .menu-item-1515 .sub-nav::before{
   display: none!important;
 }
.dt-mega-menu-wrap{
    padding: 2rem 5rem;
    background-color: #fff!important;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1)!important; 
box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1)!important;
}
.menu-item.dt-mega-menu.depth-0 > a:hover > .menu-item-text::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 10px;
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(142,152,156,0.15);
    z-index: 5;
    transition: all ease 0.2s!important;
}
.dt-mega-menu-wrap  li.dt-mega-parent > a .menu-text {
    text-transform: normal!important;
    color: var(--dark-black)!important;
    font-size: 15px!important;
}
.dt-mega-menu-wrap .menu-item a[data-level="4"]:not(.menu-heading)::before,
#mobile-menu .menu-item a[data-level="4"]::before{
    height: 30px;
    width:40px;
    content: "";
    display: inline-block;
    position: relative;
    background-image:url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/vw.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto!important;
}
.dt-mega-menu-wrap .seat.menu-item a[data-level="4"]::before,
#mobile-menu .seat.menu-item a[data-level="4"]::before{
    height: 39px;
    width:50px;
    background-image:url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/seat.jpg");
    top:-7px;   
}
.dt-mega-menu-wrap .cupra.menu-item a[data-level="4"]::before,
#mobile-menu .cupra.menu-item a[data-level="4"]::before{
    height: 39px;
    width:50px;
    background-image:url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/cupra.jpg");
    top:-8px;   
}
.dt-mega-menu-wrap .skoda.menu-item a[data-level="4"]::before,
#mobile-menu .skoda.menu-item a[data-level="4"]::before{
    height: 37px;
    width:48px;
    background-image:url("https://mainzl.innsiders.dev/wp-content/uploads/2023/06/skoda-neu.png");
    top:-5px;   
}
.dt-mega-menu-wrap .audi.menu-item a[data-level="4"]::before,
#mobile-menu .audi.menu-item a[data-level="4"]::before{
    height: 37px;
    width:48px;
    background-image:url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/audi.jpg");
    top:-5px;   
}
.dt-mega-menu-wrap .vw-nfz.menu-item a[data-level="4"]::before,
#mobile-menu .vw-nfz.menu-item a[data-level="4"]::before{
    height: 37px;
    width:48px;
    background-image:url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/vw_nfz.jpg");
    top:-4px;   
}
.dt-mega-menu-wrap .menu-item a[data-level="4"] .menu-item-text,
#mobile-menu .menu-item a[data-level="4"] .menu-item-text{
    display: none;
}
.dt-mega-menu-wrap  li.dt-mega-parent  {
display: flex;
    justify-content: flex-start!important;
    justify-items: flex-start!important;
    align-content: center!important;
    align-items: center!important;
}
.dt-mega-menu-wrap .menu-item li .sub-nav{
    display: flex;
    justify-content: center;
    justify-items: center;
    gap: 10px!important; 
}
.dt-mega-menu-wrap .menu-item .sub-nav li a{
    padding: 0px!important;  
    text-align: center!important;
    margin: 0 0!important;
}
.dt-mega-menu-wrap .menu-item a[data-level="3"],
.dt-mega-menu-wrap .menu-item a[data-level="4"],
#mobile-menu .menu-item a[data-level="4"],
#mobile-menu .menu-item a[data-level="3"]{
    pointer-events: none!important;
}
.dt-mega-menu-wrap .menu-item a[data-level="2"]:hover .menu-text {
    background-color: rgba(142,152,156,0.15);
}
.dt-mega-menu-wrap .menu-item a[data-level="2"] .menu-text,
#mobile-menu .menu-item-1515 .menu-item-has-children a[data-level="2"] .menu-text{
    font-weight: 600!important;
}
.dt-mega-menu-wrap .menu-item a[data-level="2"]:hover {
    background-color: rgba(142,152,156,0.0)!important;
}
.dt-mega-menu-wrap .menu-item a[data-level="2"] .menu-text::before,
#mobile-menu .menu-item-1515 .menu-item-has-children a[data-level="2"] .menu-text::before {
    content: "";
    position: relative;
    top:2px;
    left:0;
    display: inline-block;
  border-top: 8px solid transparent;
  border-left: 10px solid rgba(142,152,156,0.15);
  border-bottom: 8px solid transparent;
    height: 0px;
    width:0px;
    margin-right: 6px;
}
#mobile-menu .menu-item-1515 .menu-item-has-children > ul.sub-nav{
    display: flex!important;
    flex-direction: row!important;
    justify-content: flex-start!important;
    justify-items: flex-start!important;
	flex-wrap: wrap;
    gap: 10px!important; 
    padding: 0 0 2px 0!important;
    margin: 0 0!important;
    visibility: visible!important;
}
#mobile-menu .menu-item-1515 .menu-item-has-children.depth-1 > ul.sub-nav{
    border-bottom: 1px solid var(--medium-grey);
}
#mobile-menu .menu-item-451 ul.sub-nav{
    border-bottom: 0px !important;
}
#mobile-menu .menu-item-1515 ul.sub-nav a[data-level="3"] .menu-item-text{
 text-align: left!important;   
}
#mobile-menu .menu-item-1515 .menu-item-has-children > ul.sub-nav li{
    padding: 0px!important;  
    text-align: center!important;
    margin: 0 0!important;
    width: auto!important;
    display: inline-block;
}
#mobile-menu .menu-item-1515 a[data-level="2"]{
    padding-top: 15px;
    z-index: 5!important;
}
#mobile-menu .menu-item-1515 a[data-level="3"]{
    pointer-events: none!important;
}
#mobile-menu .menu-item-1515 .menu-item-has-children i {
    display: none!important;
}
.dt-mega-menu-wrap .menu-item a[data-level="3"] .menu-item-text,
#mobile-menu .menu-item a[data-level="3"] .menu-item-text{
    text-align: center!important;
    display: block!important;
    width: 100%!important;
    z-index: 999!important;
    text-transform: uppercase!important;
    font-weight: 600!important;
    margin-bottom: 10px;
    margin-top: 10px;
}
.dt-mega-menu-wrap .menu-item a[data-level="3"] .menu-item-text .menu-text,
#mobile-menu .menu-item a[data-level="3"] .menu-item-text .menu-text{
    font-weight: 500!important;
    font-size: 13px;
}
.dt-mega-menu-wrap .menu-item a[data-level="2"] .menu-item-text .menu-text,
#mobile-menu .menu-item a[data-level="2"] .menu-item-text .menu-text{
    text-transform: uppercase;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 SIDE BUTTONS BAR + SCROLL TOP
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.side-buttons-wrapper{
    display: flex;
    flex-direction: column;
    position: fixed;
    right: -140px!important;
    top: 217px; 
	z-index: 99;
}
.side-buttons-wrapper a{
    background-color: var(--dark-black);   
    color: #fff;
    text-decoration: none;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 12px 15px;
    transform: translatex(0px);
    transition: ease-in-out 0.5s;
}
.side-buttons-wrapper a:hover{
transform: translatex(-140px);
}
.side-buttons-wrapper a::before{
    content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-car.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 25px;
}
.side-buttons-wrapper a:nth-child(2)::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-tool.svg");
}
.side-buttons-wrapper a:nth-child(3)::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-phone.svg");
	width: 25px;
}
.side-buttons-wrapper a:nth-child(4)::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-warning.svg");
}
.side-buttons-wrapper a:nth-child(5)::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-shop.svg");
}
.side-buttons-wrapper a::after{
    content:"";
    position: absolute;
    display: block;
    height: 1px;
    width: 40px;
    margin-right: 20px;
    background-color:rgba(255,255,255,0.23);
    bottom: 0px!important;
    left: 9px!important;
}
.scroll-top::before{
   content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
}
.scroll-top svg{
    display: none!important;
}
.scroll-top{
    background-color: var(--medium-grey)!important;
}
@media only screen and (max-width:560px){
    .scroll-top{
        position: fixed;
        right:0!important;
        bottom:0;
        padding: 8px 6px 8px;
    }
    .side-buttons-outer{
    position: fixed;
      bottom: 0;
        left: 0!important;
        z-index:98;
        width: 100%;
    background-color: var(--dark-black); 
        height:56px;
}
    .side-buttons-wrapper{
    display: flex;
    flex-direction: row;
        justify-content: space-around!important;
    position: fixed;
    right: inherit!important;
    top: inherit;
    bottom: 0;
        left: 0!important;
        z-index:99;
        width: calc(100% - 51px);
        height: 56px;
}
     .side-buttons-wrapper span{
    display: none;
}
    .side-buttons-wrapper a{
    transform: translatex(0px);
		padding: 12px 15px;
        justify-content: center!important;
        justify-items: center!important;
        width: 100%!important;
         display: flex!important;
        flex-basis: 100%!important;
        align-content: center!important;
        align-items: center!important;
        text-align: center!important;
}
   .side-buttons-wrapper a::after{
    content:"";
    position: absolute;
    display: block;
    height: 35px;
    width: 1px;
    background-color:rgba(255,255,255,0.23);
    bottom: 9px!important;
    left: inherit!important;
     right: 0;
    margin-right: inherit;
}
    .side-buttons-wrapper a::before{
    margin-right: inherit;
}
    .side-buttons-wrapper a:last-child::after{
   display: none;
}
	.side-buttons-wrapper a:hover{
transform: translatex(0px);
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 MOBILE HEADER
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mobile-branding a{
    position: absolute!important;
    top: 0!important;
}
.logos-wrapper-mobile-header{
    background-color: #fff!important;
    background: #fff!important;
    padding: 7px 1rem 4px;
    -webkit-box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 3%);
    box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 3%);
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: space-evenly;
    justify-items: space-evenly;
    position: relative;
    z-index: 3;
    margin-bottom: -1px;
}
@media only screen and (min-width:1173px){
    .logos-wrapper-mobile-header{
        display: none;
    }
}
@media only screen and (max-width:656px){
    .logos-wrapper-mobile-header a img{
        height: 45px!important;
        width: auto;
    }
}
@media only screen and (max-width:656px){
    .logos-wrapper-mobile-header a img{
        height: 33px!important;
    }
}
@media only screen and (max-width:373px){
    .logos-wrapper-mobile-header a img{
        height: 25px!important;
    }
}
@media only screen and (max-width: 600px){ 
.show-overlay-mobile-header.show-sticky-mobile-header .dt-mobile-header {
    max-width: 100vw!important;
    width: 100vw!important;
    right: 100vw!important;
}
    .show-overlay-mobile-header.show-sticky-mobile-header .dt-mobile-header .mobile-header-scrollbar-wrap {
    max-width: calc(100vw - 25px)!important;
    width: calc(100vw - 25px)!important;
}
}
.dt-mobile-header .mobile-mini-widgets-in-menu{
    flex-direction: column;
    justify-content: flex-start;
    justify-items: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .mini-contacts{
    order: 1!important;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .soc-ico{
    order: 2!important;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .text-area{
    order: 3!important;
}
.dt-mobile-header .location-wrapper{
    flex-direction: column;
    gap: 10px;
	left: 0px;
}
.mobile-mini-widgets-in-menu .logos-wrapper{
    gap: 15px!important;
    margin-top: 2rem;
    display: grid!important;
    grid-template-columns: repeat(6, 1fr)!important;
	}
.mobile-mini-widgets-in-menu .logos-wrapper img{
   height: 30px;
    width: auto!important;
	}
.mobile-mini-widgets-in-menu .logos-wrapper br{
    display: none!important;
	}
@media only screen and (max-width: 600px){
    .mobile-mini-widgets-in-menu .logos-wrapper img{
   height: 40px;
    width: auto!important;
	}
}
@media only screen and (max-width: 401px){
    .mobile-mini-widgets-in-menu .logos-wrapper img{
   height: 30px;
    width: auto!important;
	}
}
@media only screen and (max-width: 322px){
    .mobile-mini-widgets-in-menu .logos-wrapper img{
   height: 25px;
    width: auto!important;
	}
}
.mobile-mini-widgets-in-menu{
    padding-top: 0;
}
.mobile-menu-show-divider .mobile-main-nav > li > a {
    padding: 12px 45px 12px 0;
}
.mobile-mini-widgets-in-menu .mini-contacts{
    width: auto!important;
    width: 100%!important;
    border-top: 1px solid rgba(142,151,156,0.5);
    margin: 0 0!important;
    padding: 12px 0px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.mobile-mini-widgets-in-menu .soc-ico{
    margin: 2rem 0;
    left:-10px;
    position: relative;
}
.mobile-mini-widgets-in-menu .soc-ico .soc-font-icon{
font-size: 25px;
}
.mobile-mini-widgets-in-menu .soc-ico a{
    border-radius: 0px!important;
    width:30px;
    height:30px;
    margin-right: 15px;
}
.mobile-mini-widgets-in-menu .soc-font-icon::after{
    content:"";
    position: absolute;
    display: block;
    width:1px;
    height:19px;
    background-color: var(--medium-grey);
    top: 2px;
    right: -10px;
}
.mobile-mini-widgets-in-menu .soc-ico a:nth-child(4) .soc-font-icon::before{
    content:""!important;
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/logo-tiktok.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px!important;
    aspect-ratio: 1 /1;
    position: relative;
    display: block;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 FOOTER
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{
       z-index: 20!important;
}
@media only screen and (max-width:560px){
    #footer{
        margin-bottom: 49px;
    }
}
@media only screen and (min-width:779px){
	#footer.footer.solid-bg.full-width .wf-container-footer .wf-container {
   width: 100%;
    margin: 0 auto;
}
}
#bottom-bar .wf-float-right{
 margin-right: 0!important;
justify-content: flex-start;
    color: rgba(255,255,255,0.7)!important;
}
#footer .footer-heading{
    text-transform: uppercase;
    font-size: 15px;
    color: #ffF;
}
#footer p,
#footer p a{
   color: rgba(255,255,255,0.55);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
}
#footer p a:hover{
color: #fff;
}
#footer p a.footer-standort{
color: #fff;
    font-size: 11px;
    text-transform: uppercase;  
    display: flex;
    align-items: center;
}
#footer p a.footer-standort::before{
background-color: #fff;
    content:"";
    height: 13px;
    width: 1px;
    position: relative;
    display: inline-block;
    margin-right: 8px; 
    transform:translatex(0px);
    transition: ease-in-out 0.2s;
}
#footer p a.footer-standort:hover::before{
 transform:translatex(3px);
}
#footer #block-11 .wp-block-social-links{
 margin-bottom: 28px;   
}
#footer #block-11 .wp-block-social-link {
    background-color: transparent!important;
    color: rgba(255,255,255,0.6);
}
#footer #block-11 .wp-block-social-link:hover {
    color: rgba(255,255,255,1);
}
#footer #block-11 .wp-block-social-link a{
   padding: 0 0;
}
#footer #block-11 img{
    height: 40px;
    width: auto;
}
#footer #menu-bottom-menu li a{
    text-transform: uppercase;
    font-size: 15px;
	text-decoration: none;
}
#footer #menu-bottom-menu li{
   border-top: 1px solid rgba(142,152,156,0.6);
}
#footer #menu-bottom-menu li a:hover{
    color: rgba(255,255,255,0.7);
}
#footer .wp-social-link.wp-social-link-tiktok{
  height: 20px!important;
    width: 20px!important;
	 top: 1px!important;
    position: relative;
} 
#footer .wp-social-link.wp-social-link-tiktok svg{
  height: 19px!important;
} 
#footer .wp-social-link{
    border-radius: 0px!important;
}
#bottom-bar{
padding-bottom: 2.5rem!important;
}
/* --------------- FOOTER LAYOUT / MEDIA QUERIES -------------------*/
#footer .widget, .wf-cell {
   padding: 0;
    margin-bottom: 10px;
}
#footer .wf-1-6 {
    width: auto;
}
#footer .wf-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between!important;
}
#footer .wf-container::before,
#footer .wf-container::after{
    display: none;
}
@media only screen and (max-width: 990px){
#bottom-bar .wf-container-bottom{
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start!important;
    justify-content: flex-start!important;
    justify-items: flex-start!important;
    align-items: flex-start!important;
    align-content: flex-start!important;
}
#bottom-bar .bottom-text-block {
    text-align: left!important;
}
}
@media only screen and (max-width: 778px){
    #footer .wf-container{
        padding:  0 2rem;
    }
}
@media only screen and (max-width: 655px){
    #footer .wf-container{
    display: grid;
   grid-template-columns: 1fr 1fr 1fr;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between!important;
}
	#bottom-bar{
padding-bottom: 4rem!important;
}
}
@media only screen and (max-width: 629px){
    #footer .wf-container{
   grid-template-columns: 1fr 1fr;
} 
}
@media only screen and (max-width: 404px){
    #footer .wf-container{
   grid-template-columns: 1fr;
}
    #footer .wf-cell {
   margin-bottom: 0px;
}
	#footer #menu-bottom-menu{
    margin-bottom: 20px;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 STARTSEITE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
#start-img {
   max-height:630px;  
}
#start-img img {
   object-fit: cover;
    max-height:630px;  
    object-position: center center;
}
.box-row-start{
 	padding: 0 95px;
 	margin: -9% 0 9%;
}
.box-column-start  > .vc_column-inner {
    height: 100%!important;
    display: flex;
    width: 100%!important;
    min-width: 100%!important;
}
.box-row-start .box-column-start > .vc_column-inner > .wpb_wrapper{
    display: flex!important;
    flex-direction: row;
    gap:3rem;
	width: 100%!important;
}
.box-row-start .vc_row.wpb_row.vc_row-fluid{
    margin: 0 0!important;
}
@media only screen and (max-width:1076px){
    .box-row-start .box-column-start > .vc_column-inner > .wpb_wrapper{
    display: flex!important;
    flex-direction: column-reverse;
    gap:3rem;
    justify-content: center!important;
    justify-items: center!important;
        align-content: center!important;
        align-items: center!important;
        margin-bottom: 3rem!important;
}
}
@media only screen and (max-width:763px){
.page-id-2 .css-1oojr1r{
    flex-direction: column;
    align-content: center;
    align-items: center;  
}
    .page-id-2 .css-jg2jyt{
        width: 100%!important;
        max-width: inherit!important;
    }
}
@media only screen and (max-width:763px){
    .box-row-start{
 	padding: 0 55px;
 	margin: -9% 0 9%;
}
    .box-row-start .kontakt-box .ult-content-box{
    max-width: 100%!important;
        min-width: 100%!important;
        width: 100%!important;
}
 .box-row-start .kontakt-box,
.box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid,
.box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid .vc_column-inner{
    display: flex!important;
     flex-direction: row!important;
    align-content: stretch!important;
    align-items: stretch!important;
    justify-content: stretch!important;
    justify-items: stretch!important;
    height: 100%!important;
    width: 100%!important;
}
    .box-row-start .templatera_shortcode,
    .box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid .vc_column-inner > .wpb_wrapper{
        display: flex!important;
     flex-direction: row!important;
        width: 100%!important;     
    }
    .box-row-start .kontakt-box a{
        max-width:100px;
    }
}
@media only screen and (max-width:640px){
    .box-row-start .box-column-start > .vc_column-inner > .wpb_wrapper{
    gap:2rem;
}
}
@media only screen and (max-width:763px){
    .box-row-start{
 	padding: 0 65px;
}
}
@media only screen and (max-width:560px){
    .box-row-start{
 	padding: 0 1.5rem;
}
    .box-row-start .kontakt-buttons{
        margin-bottom: 0!important;
    }
}
@media only screen and (max-width:425px){
    .box-row-start{
 	padding: 0 1rem;
}
    .box-row-start .search-card .ult-content-box,
    .box-row-start .kontakt-box .ult-content-box{
	padding: 2rem 0.5rem;
}
}

/* --- SCHNELLSUCHE / FAHRZEUGSUCHE --------------------------------------------------------------*/

.search-card {
   display: block!important;
   width: 100%!important;
}
.search-card .ult-content-box{
    background-color: var(--dark-black)!important; 
	padding: 3rem 2rem;
}
.search-card .heading-like-h2 p{
    color: #fff!important;
}
.search-card .wpb_raw_code{
    margin-bottom: 0!important;
}
.page-id-2 .MuiPaper-root{
    background-color: transparent!important;  
    border: none!important;
	padding-bottom:  0px!important;
}
.page-id-2 .MuiButtonBase-root{
    background-color: #fff!important;
    color:  var(--dark-black)!important;
    font-weight: 500!important;
    transition: ease 0.3s!important;
    padding: 11px 35px!important;
}
.page-id-2 .MuiButtonBase-root:hover{
    background-color: var(--color-aktionen)!important;
    color:  #fff!important;
    font-weight: 500!important;
    transform: translatex(0px)!important;
}
.page-id-2 .css-1up6vdn{
    flex-direction: column;
    align-content: center;
    align-items: center;  
}
.page-id-2 .MuiSelect-select{
    background-color: var(--dark-black)!important;
    border: 0px!important; 
    border-radius: 0px!important;
}
.page-id-2 fieldset{
    border: 0px!important;
    border-bottom: 1px solid #fff!important;
    border-radius: 0px!important;
}
.page-id-2 .MuiSvgIcon-root {
fill: #fff!important;
}
.page-id-2 .MuiPopover-paper{
    background-color: #fff!important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1)!important; 
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1)!important; 
    border-top: none!important;
}
.page-id-2 .MuiGrid-item label{
    background-color: transparent!important;
    color: rgba(255,255,255,0.6)!important;
    font-family: "Open Sans"!important;
    font-weight: 500!important;
}
.page-id-2 .MuiSelect-select span{
    color: #fff!important;
    font-weight: 600!important;
}
.MuiFormControl-root{
    background-color: transparent!important;
}
.page-id-2 .css-h6l6xv path {
    fill: #fff!important;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 JOBS
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 

/* --- JOBS KATEGORIEN / CATEGORIES --------------------------------------------------------------*/
.category-link{
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: wrap!important;
    gap: 4px!important;
	grid-row-gap: 10px!important;
    margin-bottom: 10px!important;
	color:#fff!important;
}
.category-link a{
    padding: 1px 4px;
    background-color: var(--color-karriere);
    color: #fff!important;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 14px;
	pointer-events: none;
}
.category-link a[href$="/category/jobs/ausbildung/"]{
    background-color: var(--dark-black);
}
/* ---- JOBS BLOG LIST -------------------------------------------------------------------------*/
.articles-list.blog-shortcode article .post-entry-content{
    display: flex;
    flex-direction: column-reverse;
}
.articles-list article:hover{
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1)!important; 
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1)!important; 
    position: relative;
    z-index: 5!important;
    border-color: #fff!important;
}
.articles-list article{
    transition: ease 0.2s;
}
.articles-list article h3{
    font-weight: 600!important;
    font-size: 22px!important;
}	
@media only screen and (max-width: 768px){
.articles-list.blog-shortcode article{
    border-bottom: 1px solid rgba(142,151,156,0.6)!important;
    margin-top: 0!important;
}
}
/* ---- JOBS BLOG LIST WITH IMAGE --- */
.job-list.with-image article{
   display: flex;
    align-content: stretch!important;
    align-items: stretch!important;
    margin-bottom: 1.5rem;
    background-color: #fff;
}
.job-list.with-image article:hover{
 	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); 
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15)!important; 
}
.job-list.with-image .post-entry-content{
    display: flex;
    flex-direction: column!important;
    justify-content: center !important;
    padding: 3rem!important;   
    width: 100%!important;
}
.job-list.with-image .post-entry-content .entry-meta{
   order: 1;
    margin-bottom: 0;
    width: 100%;
    max-width: calc(100% - 110px)!important;
}
.job-list.with-image .post-entry-content .entry-title{
    order: 2;
    margin-bottom: 15px;
    width: 100%;
    max-width: calc(100% - 110px)!important;
}
.job-list.with-image .post-entry-content .entry-excerpt{
    order: 3;
    width: 100%;
    max-width: calc(100% - 110px)!important;
}
.job-list.with-image .post-entry-content .details-type-link{
    order: 4;
    font-size: 19px;
    color: var(--medium-grey)!important;
    border:none!important;
    padding: 0 0!important;
    background-color: transparent!important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px!important;
    display: flex;
    align-content: center;
    align-items: center;  
    gap: 14px;
    transition: ease 0.4s;
    position: absolute;
    right: 3rem;
    bottom: 3rem;
}
.job-list.with-image .post-entry-content .details-type-link:hover,
.job-list.with-image article:hover .details-type-link{
    color: var(--dark-black)!important;   
}
.job-list.with-image .post-entry-content .details-type-link::before{ 
    content: "\f029";
    font-family: icomoon-the7-font!important;
    speak: none;
    font-style: normal;
    color: var(--dark-black)!important;
    font-size: 21px;
    transition: ease 0.4s;
}
.job-list.with-image .post-entry-content .details-type-link:hover::before,
.job-list.with-image article:hover .details-type-link::before{ 
    transform: translatex(6px);
}
.job-list.with-image .post-entry-content .details-type-link::after,
.job-list.with-image .post-entry-content .details-type-link i{
    display: none;
}
.job-list.with-image .post-thumbnail-wrap,
.job-list.with-image .post-thumbnail,
.job-list.with-image .post-thumbnail img{
    display: flex;
    width: 100%!important;
    max-width: 450px!important;
}
.job-list.with-image .post-thumbnail img{
    height: 100%;
    object-fit: cover;
}
.job-list .filter-categories .show-all{
    order: 1!important;
}
.job-list .filter-categories .bruckmuehl-heufeld{
    order: 2!important;
}
.job-list .filter-categories .feldkirchen-westerham{
    order: 3!important;
}
.job-list .filter-categories .rosenheim{
    order: 4!important;
}
.job-list .filter-categories .wolfratshausen{
    order: 4!important;
}
.job-list .filter-categories .ausbildung{
    order: 5!important;
}
@media only screen and (max-width: 1200px){
    .job-list.with-image .details-type-link{
        position: relative!important;
        bottom: inherit!important;
        right: inherit!important;
        margin-top:  0.7rem;
    }
 	.job-list.with-image .post-entry-content .entry-meta,
	.job-list.with-image .post-entry-content .entry-title,
	.job-list.with-image .post-entry-content .entry-excerpt{
    	width: 100%;
    	max-width: inherit!important;
}
}
@media only screen and (max-width: 768px){
	.job-list.with-image .post-thumbnail-wrap,
	.job-list.with-image .post-thumbnail{
   		 max-width: inherit!important;
   		 height: 100%;
   		 max-height: 350px;
}
	.job-list.with-image .post-thumbnail img{
    	max-width: inherit!important;
    	height: 100%;
}
	.job-list.with-image .post-entry-content{
    	padding: 2rem!important;   
}
}
@media only screen and (max-width: 540px){
	.job-list.with-image .post-thumbnail-wrap,
	.job-list.with-image .post-thumbnail{
    	max-height: 250px;
}
	.job-list.with-image .post-entry-content{
    	padding: 1.5rem 1rem!important;   
}
}

/* ---- JOBS UNTERSEITE  -------------------------------------------------------------------------*/
@media only screen and (min-width: 768px){
	.job-standort-col .vc_col-sm-12{
    padding: 0!important;
}
}
.standort-infos p a,
.team-desc a{
    text-decoration: none;
    color: var(--dark-black);  
}
.standort-infos p a:hover,
.team-desc a:hover{
    background-color: #ffffff; 
}
.standort-infos a,
.team-desc a{
    pointer-events: none;
}
.standort-infos a.tel,
.standort-infos a.mail,
.team-desc a.tel,
.team-desc a.mail{
    pointer-events: initial!important;
}
.standort-infos p a::before,
.team-desc .team-content a::before{
    content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-fax-dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 7px;
}
.standort-infos p a.tel::before,
.team-desc .team-content a.tel::before{
    content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-phone-dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 7px;
}
.standort-infos p a.mail::before,
.team-desc .team-content a.mail::before{
    content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-mail-dark.svg");
    top:2px;
}
@media only screen and (max-width: 1250px){
    .job-standort-row .vc_col-sm-6{
        width: 100%;
    }  
    .job-standort-row img{
        max-width: 350px;
		width: 100%;
    }  
}
.ansprechpartner-jobs .team-container{
    padding: 0;
    margin-bottom: 1rem;
}
#formular{
    background-color: #fff;
   -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06); 
box-shadow:0px 0px 25px 0px rgba(0,0,0,0.06);  
    padding: 5rem 5rem 4rem;
}
#formular.bewerbung{
    padding: 0 5rem 4rem;
}
.heading-bewerbung {
    width: auto!important;
    max-width: 290px;
    background-color: var(--color-karriere);
    color: #fff;
    text-transform: uppercase;
    font-size: 43px;
    line-height: 1.1;
    font-weight: 600;
    padding: 1rem 0 1rem 1rem;
}
.heading-bewerbung .thin {
font-weight: 300;
    left: 8px;
    position: relative;  
}
#formular.bewerbung .gform_wrapper{
    max-width: 580px;
}
#formular.bewerbung .contact-col .vc_column-inner .wpb_wrapper {
    max-width: 260px;
    margin: 0 auto!important;
}
@media only screen and (max-width:1040px){
    #formular{
  padding: 3rem 3rem;
}
	#formular.bewerbung{
  padding: 0 3rem 3rem;
}
}
@media only screen and (max-width:819px){
    #formular.bewerbung .vc_col-sm-3\/5,
    #formular.bewerbung .vc_col-sm-2\/5{
    width: 100%!important;
}
    #formular.bewerbung .contact-col .vc_column-inner .wpb_wrapper {
    margin: 45px 0!important;
        max-width: inherit;
}
	.heading-bewerbung {
    font-size: 30px;
    line-height: 1.1;
    max-width: 210px;
}
}
@media only screen and (max-width:499px){
   #formular{
  padding: 2rem 1rem 1.5rem;
}
	#formular.bewerbung{
  padding: 0 1rem 1.5rem;
}
}
#benefits{
    background-color: #fff;
    padding: 3rem;
    margin:4rem 0!important;
}
#benefits .liste{
   width: 100%;
    max-width: 680px;
    margin: 0 auto;
}
.benefits-wrapper .vc_column-inner > .wpb_wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(245px,100%),1fr))!important;
    gap:2rem;
}
@media only screen and (min-width: 1250px){
    .benefits-wrapper .vc_column-inner > .wpb_wrapper{
    grid-template-columns: repeat(auto-fit,minmax(min(200px,100%),280px))!important;
        justify-content: center;
        justify-items: center;
    }
}
.benefit-item img{
    width: 100%;
    max-width: 120px;
    margin-bottom: 1rem;
}
.benefit-item .wpb_text_column.wpb_content_element{
 margin-bottom: 0px;   
}
/* ---- Sticky Button ------------------------------------------------*/
.jetzt-bewerben-button::before{
   background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/karriere-badermainzl-stoerer.svg");
    background-repeat: no-repeat;
    background-size: contain;
    content:"";
    position: absolute;
    display: block;
    height: 190px;
    width: 190px;
}
.jetzt-bewerben-button,
.jetzt-bewerben-button a{
   position: fixed;
    height:190px;
    width: 190px;
    bottom: 160px;
    right: 8px;
	scroll-behavior: smooth!important;
}
@media only screen and (max-width: 770px){
    .jetzt-bewerben-button::before{
    width: 125px;
    height: 125px;
}
    .jetzt-bewerben-button,
.jetzt-bewerben-button a{
    height:125px;
    width: 125px;
}
	#main .wf-wrap article.single-postlike{
    margin-bottom: 0;
}
	#formular{
	position: relative;
    z-index: 3;
}
}
@media only screen and (max-width: 768px){
.jetzt-bewerben-button,
.jetzt-bewerben-button a{
    bottom: 120px;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 FORMULARE GRAVITY FORMS
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.gform_footer.top_label{
    padding-bottom:  0!important;
}
.gform_wrapper.gravity-theme .gform_fields {
   grid-row-gap: 30px;
}
.gform_fields [type="checkbox"] {
  -webkit-appearance: none;
}
.gform_fields input[type=checkbox]:before {
    content: "";
    font-size: 18px;
    color: var(--dark-black);
    font-weight: 600;
    text-align: center;
    background-color: transparent!important;   
    display: inline-block!important;
    height: 25px!important;
    width: 25px!important;
    position: relative;
    left: 0px!important;
    top:0!important;
    margin-bottom: 0px!important;
    border-radius: 0px;
    border: 1px solid var(--medium-grey);
}
.gform_fields input[type=checkbox]:checked:before {
    content: "\2713";
    font-size: 18px;
    color: var(--dark-black);
    font-weight: 600;
    text-align: center;
    background-color: transparent!important;     
    display: inline-block!important;
    height: 25px!important;
    width: 25px!important;
    position: relative;
    left: 0px!important;
    top:0!important;
    border-radius: 0px;
    border: 1px solid var(--medium-grey);
}
.gfield_checkbox input {
    cursor: pointer!important;
    border-width: 0px!important;
    height: 25px!important;
	vertical-align: top!important;
}
.gfield_checkbox label{
    padding-left: 10px!important;
    font-size: 13px!important;
    line-height: 1.4;
    top: -4px;
    position: relative;
    font-family:"Open Sans";
}
.gfield_checkbox label a{
    text-decoration: none;
    color: var(--dark-black);
    font-weight: 600;
}
.gfield_checkbox label a:hover{
    text-decoration: underline;
    color: var(--color-karriere);
}
@media only screen and (max-width: 560px){
    .gfield_checkbox label{
    padding-left: 15px!important;
}
}
#formular.bewerbung .gform_button{
    background-color:var(--color-karriere)!important;
    color:#fff!important;
    border-color: var(--color-karriere)!important;
}
#formular.aktion .gform_button{
    background-color:var(--color-aktionen)!important;
    color:#fff!important;
    border-color: var(--color-aktionen)!important;
}
#formular.service .gform_button{
    background-color:var(--color-service)!important;
    color:#fff!important;
    border-color: var(--color-service)!important;
}
#formular.bewerbung .gform_button.button:hover,
#formular.aktion .gform_button.button:hover,
#formular.service .gform_button.button:hover{
    background-color: var(--dark-black)!important;
    border-color: var(--dark-black)!important;
}
.ginput_container_email input, 
.ginput_container_text input,
.ginput_container_textarea  textarea{
    color: #08061B!important;
    padding-left: 10px!important;
    font-size: 14px!important;
    border: 0px;
    border-bottom: solid 1px var(--medium-grey)!important;
    background-color: #fff!important;
    border-radius: 0px!important;
}
.ginput_container_email input:focus, 
.ginput_container_text input:focus,
.ginput_container_textarea  textarea:focus{
    border-bottom: solid 1px var(--dark-black)!important;
}
.ginput_container_textarea  textarea {
    max-height: 140px!important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(2,10,10,0.5)!important;
    opacity: 1!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(2,10,10,0.5)!important;
    opacity: 1!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(2,10,10,0.5)!important;
    opacity: 1!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(2,10,10,0.5)!important;
    opacity: 1!important;
}
.gform_drop_area {
   background-color: rgba(142,152,156,0.06); 
    border-radius: 0px!important;
    border: dashed 1px var(--medium-grey);
}
.gform_required_legend {
   display: none!important; 
}
select.gfield_select .gf_placeholder,
select.gfield_select,
select.gfield_select option{
    margin-bottom: 0px!important;
    color: rgba(2,10,10,0.5)!important;
    opacity: 1!important;
    font-size: 14px!important;
}
select.gfield_select{
    border-radius: 0px!important;
    border: 1px solid var(--medium-grey);
}
@media only screen and (max-width: 930px){
    .gform_wrapper.gravity-theme .gfield.gfield--width-third {
    -ms-grid-column-span: 6;
    grid-column: span 6;
    }
}
@media only screen and (max-width: 640px){
    .gform_wrapper.gravity-theme .gfield.gfield--width-third {
    -ms-grid-column-span: 12;
    grid-column: span 12;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 FORMULAR WOHNMOBIL MIETEN
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#field_3_4 .gchoice {
    margin-bottom: 10px; 
}
#field_3_4 .gchoice label {
    top: 1px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 FORMULAR LOGIN KUNDENKARTE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.login{
    padding: 5rem 4rem;
    background-color: #fff;
     -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1)!important; 
box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1)!important;
    width: 100%;
    max-width: 700px;
    margin: 0 auto!important;   
}
@media only screen and (max-width: 560px){
    .login{
    padding: 2.5rem 1rem!important;   
}
}
#bonuskarteform input{
    width: 100%;
    color: #08061B!important;
    padding-left: 10px!important;
    font-size: 14px!important;
    border: 0px;
    border-bottom: solid 1px var(--medium-grey)!important;
    background-color: #fff!important;
    border-radius: 0px!important;
}
#bonuskarteform button{
    padding: 12px 28px;
    font-family: "Open Sans";
    font-size: 15px;
    border: 1px solid var(--dark-black);
    letter-spacing: 0.6;
    text-transform: uppercase;
    background-color: var(--dark-black);
    color: #fff;
    transition: ease 0.3s;
    width: auto;
	margin: 1rem auto!important;
	font-weight: 400!important;
}
#bonuskarteform button:hover{
    background-color: var(--medium-grey)!important;
    border: 1px solid var(--medium-grey);
}
#bonuskarteform{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
}
#bonuskarteform .message{
    width: 100%;
    text-align: center;
    margin: 2.5rem auto 0;
    font-size: 12px;
    line-height: 1.3;
    color: var(--dark-black-50percent);
}
#bonuskarteform .message a{
    color: var(--dark-black);
}
#bonuskarteform .message a:hover{
    color: var(--color-aktionen);
    text-decoration: underline;
}
.page-id-555 .wpb_raw_code{
    margin-bottom: 0px;
}
@media only screen and (max-width: 950px){
    .app-row .vc_col-sm-6{
    width: 100%;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 AKTIONEN
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.fancy-categories a {
    padding: 3px 4px 2px;
    font-family: "Open Sans"!important;
    font-weight: 500;
    letter-spacing: 0.5px!important;
    line-height: 1;
    font-size: 14px;
    pointer-events: none;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/neuwagen/"]{
    order: 1!important;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/gebrauchtwagen/"]{
    order: 2!important;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/service-zubehoer/"]{
    order: 3!important;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/marken/audi/"]{
    order: 4!important;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/marken/cupra/"]{
    order: 5!important;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/marken/seat/"]{
    order: 6!important;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/marken/skoda/"]{
    order: 7!important;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/marken/vw/"]{
    order: 8!important;
}
.fancy-categories a[href^="https://badermainzl.de/category/aktionen/marken/vw-nutzfahrzeuge/"]{
    order: 9!important;
}
.aktionen .entry-title{
   font-family: "Open Sans"!important;
    font-weight: 600!important;
    text-transform: uppercase;
    font-size: 22px!important;
     line-height: 1.2!important;
    border-left: 0px solid transparent;
    padding-left: 0px;
	padding-right:9px;
    transition: ease 0.2s;
    margin-bottom: 15px!important;
}
.aktionen .entry-title:hover,
.aktionen article:hover .entry-title{
    border-left: 3px solid var(--color-aktionen);
    padding-left: 6px;
	padding-right:0px;
}
.aktionen .entry-title a::before{
    background-color: transparent;
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.aktionen article.category-service-zubehoer:hover .entry-title,
.aktionen article.category-service-zubehoer .entry-title:hover{
    border-left: 3px solid var(--color-service);
}
.aktionen article.category-neuwagen:hover .entry-title,
.aktionen article.category-neuwagen .entry-title:hover{
    border-left: 3px solid var(--color-neuwagen);
}
.aktionen article.category-gebrauchtwagen .entry-title:hover,
.aktionen article.category-gebrauchtwagen:hover .entry-title{
    border-left: 3px solid var(--color-gebrauchtwagen);
}
.aktionen .entry-excerpt{
    font-family: "Open Sans";
    font-size: 16px;
    line-height:1.4;
}
.aktionen article .post-entry-content{
    padding: 20px 5rem!important;
}
.aktionen .fancy-categories{
    position: relative;
    left: 0;
    top: 0;
    padding: 0 5rem;
    flex-direction: row;
    gap: 8px;
}
@media only screen and (max-width: 955px){
   .aktionen article .post-entry-content{
    padding: 20px 3rem!important;
}
    .aktionen .fancy-categories{
    padding: 0 3rem;
}
}
@media only screen and (max-width: 480px){
   .aktionen article .post-entry-content{
    padding: 20px 2rem!important;
}
    .aktionen .fancy-categories{
    padding: 0 2rem;
}
}
.aktionen .post-thumbnail{
    display: flex!important;
    flex-direction: column-reverse!important;
}
.aktionen .owl-prev,
.aktionen .owl-next{
   padding: 10px 0px; 
}
/*.aktionen-carousel-row .owl-carousel::before{
    position: absolute;
    display: block;
    content: "";
    background-color: #fff;
    width: 100%!important;
    height:100%!important;
    top: 55%;
    left:0;
    z-index: 0!important;
}
#aktionen-start .owl-carousel::before {
    height: 75%!important;
}*/
@media only screen and (max-width: 1550px){
  /*  .aktionen-carousel-row .owl-carousel::before{
    top: 35%;
}*/
}
@media only screen and (max-width: 778px){
    .owl-prev{
        left:0!important;
    }
    .owl-next{
        right:0!important;
    }
}

/* ----- AKTIONEN GRID ÜBERSICHT ---- */
.aktionen .blog-shortcode.mode-grid .entry-excerpt{
    opacity: 0.7;
	font-size:15px;
}
.page-id-371 #main{
    background-color: #fff!important;
    background: #fff!important;
}
@media only screen and (max-width: 1330px){
   .aktionen .blog-shortcode.mode-grid article .post-entry-content{
    padding: 20px 3rem!important;
}
    .aktionen .blog-shortcode.mode-grid .fancy-categories{
    padding: 0 3rem;
}
}
	@media only screen and (max-width: 480px){
   .aktionen .blog-shortcode.mode-grid article .post-entry-content{
    padding: 20px 2rem!important;
}
    .aktionen .blog-shortcode.mode-grid .fancy-categories{
    padding: 0 2rem;
}
}
.page-id-371 .filter {
    margin-bottom: 25px;
    justify-content: flex-start;
    justify-items: flex-start;
    padding: 0 5rem!important;
}
@media only screen and (max-width: 1330px){
 .page-id-371 .filter {
    padding: 0 3rem!important;
}   
}
@media only screen and (max-width: 480px){
 .page-id-371 .filter {
    padding: 0 2rem!important;
}   
}
.page-id-371 .btn-wrapper .wpb_wrapper{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.page-id-371 a.button-load-more span {
    font-family: "Open Sans";
    font-weight: 500!important;
    text-transform: uppercase!important;
    color: var(--color-aktionen);  
    line-height: 1;
}
.page-id-371 a.button-load-more:hover span{
    color: #fff!important;   
}
.page-id-371 a.button-load-more {
    border: 1px solid var(--color-aktionen);
    padding: 12px 28px!important;
    width: inherit!important;
    height: inherit!important;
}
.page-id-371 a.button-load-more:hover {
    background-color: var(--color-aktionen);
}
.page-id-371 a.button-load-more span::before {
   display: none!important;
    order: 1px solid var(--color-aktionen);
}
.page-id-371 .stick{
    display: none!important;
}
.page-id-371 .paginator{
    margin-top: 2rem;
}
.aktionen .filter-categories .show-all{
    order: 0!important;
}
.aktionen .filter-categories .neuwagen{
    order: 1!important;
}
.aktionen .filter-categories .gebrauchtwagen{
    order: 2!important;
}
.aktionen .filter-categories .service-zubehoer{
    order: 3!important;
}
.aktionen .filter-categories .audi{
    order: 4!important;
}
.aktionen .filter-categories .cupra{
    order: 5!important;
}
.aktionen .filter-categories .seat{
    order: 6!important;
}
.aktionen .filter-categories .skoda{
    order: 7!important;
}
.aktionen .filter-categories .vw{
    order: 8!important;
}
.aktionen .filter-categories .vw-nutzfahrzeuge{
    order: 9!important;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 AKTIONEN UNTERSEITE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.aktionsbild img{
    max-width: 1100px;
	width: 100%;
	height: auto;
}
.aktion-liste-button .ult-content-box{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    justify-items: space-between;
    width: 100%;
    padding: 1rem 0rem;
    border-bottom: 1px solid #e0e0e0!important;
}
.aktion-liste-button .wpb_text_column{
    margin-bottom: 0px;
}
.aktion-liste-button h3{
    font-size: 20px;
    line-height: 1.3;
}
@media only screen and (max-width:778px){
    .aktion-liste-button h3{
    font-size: 17px;
    line-height: 1.2;
}
}
.aktion-liste-button .ult-content-box::after{
    display: none;
}
@media only screen and (max-width:720px){
  .aktion-liste-button .ult-content-box{
    display: flex;
      flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    justify-items: flex-start;
    padding: 1.2rem 0rem;
}  
    .aktion-liste-button .wpb_text_column{
    margin-bottom: 15px;
}
}
.anmerkung-box{
    background-color: #fff;
    padding: 4rem 3rem;
    border-top: solid 2px var(--color-aktionen);
}
.anmerkung-box .wpb_text_column{
    margin-bottom: 0px;
}
@media only screen and (max-width: 778px){
    .anmerkung-box{
    padding: 2.5rem 0.5rem;
}
}

/* ---- TABELLEN AKTIONEN ---- */
.single-postlike table,
.single-postlike table td{
    width: auto; 
    border: none!important;
    padding: 0 0;
}
.single-postlike table td{
    padding: 0 15px 10px 0;
}
@media only screen and (max-width: 540px){
    .single-postlike .wpb_text_column tr{
        display: flex;
        flex-direction: column;
}
   .single-postlike .wpb_text_column tr:not(:last-child){
        margin-bottom: 10px;
}
	.single-postlike table td{
    padding: 0 15px 0px 0;
}
}
/* ---- ANMERKUNGEN OHNE STERNCHEN  ---- */
.anmerkung.ohne-sternchen::before{
    display: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 WIR KAUFEN IHR AUTO STARTSEITE CTA ROW
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.wir-kaufen-ihr-auto-row h2{
border-bottom: none;    
}
.box-white .ult-content-box{
    background-color: #fff!important;
     -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06)!important; 
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06)!important;
    padding: 5.5rem;
    max-width: 800px;
    margin: -22% auto 10%!important;
    position: relative;
}
.box-white .ult-content-box p{
    max-width: 300px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.4;
    color: var(--font-dark);
    margin-top: 15px; 
}
.wir-kaufen-ihr-auto-row{
max-height:620px;    
    width: auto;
	position: relative;
    z-index: 20!important;
}
.wir-kaufen-ihr-auto-row img{
max-height:735px;    
    object-fit: cover;
    object-position: top;
}
@media only screen and (max-width:945px){
  .box-white .ult-content-box{
    padding: 5rem;
    max-width: 600px;
}  
}
@media only screen and (max-width:742px){
  .box-white .ult-content-box{
    padding: 4.5rem;
    max-width: 450px;
}  
}
@media only screen and (max-width:600px){
  .box-white .ult-content-box{
    padding: 4rem;
    max-width: 400px;
}  
}
@media only screen and (max-width:560px){
  .box-white .ult-content-box{
    padding: 3.5rem;
    max-width: calc(100% - 45px);
}  
    .box-white .ult-content-box p{
   font-size: 17px;
}  
    .wir-kaufen-ihr-auto-row .vc_column-inner{
        padding: 0;
    }
.wir-kaufen-ihr-auto-row{
        padding: 0;
    margin: 0 -20px!important;
    }
}
@media only screen and (max-width:473px){
  .box-white .ult-content-box{
    padding: 3rem 2rem;
    max-width: calc(100% - 30px);
}    
}
@media only screen and (max-width:405px){
  .box-white .ult-content-box{
    padding: 2.5rem 1rem 2rem;
    max-width: calc(100% - 30px);
}    
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 KONTAKT-BOX
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.kontakt-box .ult-content-box{
    padding: 3rem 2rem;
    background-color: #fff;
    max-width: 460px;
}
.box-row-start .kontakt-box,
.box-row-start .templatera_shortcode,
.box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid,
.box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid .vc_column-inner{
    display: flex!important;
     flex-direction: row!important;
    align-content: stretch!important;
    align-items: stretch!important;
    justify-content: stretch!important;
    justify-items: stretch!important;
    height: 100%!important;
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    gap: 0px!important;
    justify-content: center!important;
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p{
    display: flex;
    margin-bottom: 0!important;
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:last-child a{
    border-right: none;
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper a{
	text-decoration: none;
    color: var(--dark-black);
    width: auto!important;
    padding: 3px 20px;
    border-right: 1px solid var(--medium-grey);
    text-align: center!important;
    font-size: 12px;
    line-height: 1.2;
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p a::before{
	content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-tool-dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 23px;
    width: 23px;
    margin-bottom: 5px;
    transition: ease 0.3s;
    transform: scale(1);
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper a:hover::before{
	transform: scale(1.2);
   background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-tool-hover.svg");
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:first-child a::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-road-dark.svg");
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:first-child a:hover::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-road-hover.svg");
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(2) a::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-mail-dark.svg");
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(2) a:hover::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-mail-hover.svg");
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(3) a::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-ansprechpartner-dark.svg");
}
.kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(3) a:hover::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-ansprechpartner-hover.svg");
}
@media only screen and (max-width:360px){
    .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper{
	display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center!important;
        max-width: 180px;
        grid-row-gap: 20px!important;
        margin: 0 auto;
}
    .kontakt-box .kontakt-buttons a{
	max-width: 90px;
}
    .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(2) a{
        border-right: 1px solid #fff;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 COUNTER HIGHLIGHT BOX
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.counter-highlight{
    background-color: var(--dark-black);
    color: #fff;
}
.counter-highlight .wpb_text_column.wpb_content_element{
    margin-bottom: 0px;
}
.counter-highlight p{
    text-align: center; 
}
.counter-number{
    color: rgba(255,255,255,0.7);
    font-size: 74px;
    line-height: 1;
    font-weight:500;
}
.counter-head{
    font-size: 18px;
    font-weight:600;
    margin-bottom: 1rem!important  
}
.counter-text{
    font-size: 15px;
    line-height: 1.5!important;
}
.counter-highlight .counter-left .vc_column-inner .vc_col-sm-6 .vc_column-inner,
.counter-highlight .counter-right > .vc_column-inner{
    padding: 2rem;
}
.counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:first-child .vc_column-inner{
    border-right: 1px solid #fff;
}
.counter-highlight .counter-left > .vc_column-inner{
    border-right: 1px solid #fff;
}
.counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper{
    display: grid;
    grid-template-columns: 1fr 2fr; 
    padding: 1rem;  
	grid-column-gap: 25px;
}
.counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper p{
     text-align: left;
}
.counter-highlight .counter-right .counter-header,
.counter-highlight .counter-right .counter-text{
    align-self: center!important;
}
.counter-highlight .counter-right .vc_row:first-child{
    border-bottom: 1px solid #fff;
}
.counter-highlight .counter-right > .vc_column-inner > .wpb_wrapper {
    padding: 0 1rem;
}
.counter-highlight .counter-right .counter-head{
    min-width:165px;
}
@media only screen and (max-width: 949px){
    .counter-highlight{
    padding: 1rem;
}
.counter-highlight > .vc_col-sm-6{
     width: 100%;   
    }
.counter-highlight .counter-right .vc_row:first-child{
    border-top: 1px solid #fff;
}
.counter-highlight .counter-right .vc_row{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.counter-highlight .counter-left > .vc_column-inner{
    border-right: none;
}
.counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper{
        padding-bottom: 0rem;  
}
}
@media only screen and (max-width: 767px){
   .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper{
       display: flex;
       flex-direction: column;
       align-content: center;
       align-items: center;
       justify-content: center;
       justify-items: center;
} 
    .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper p{
     text-align: center;
}
    .counter-highlight .counter-right .counter-head{
    min-width:inherit;
}
    .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper{
        padding-bottom: 1.5rem;  
}
    .counter-highlight .counter-right > .vc_column-inner{
        padding-top: 0rem!important;
        padding-bottom: 0.5rem;
}
    .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:first-child .vc_column-inner{
    border-right: none;
        /*border-bottom: 1px solid #fff;*/
}
    .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:first-child .vc_column-inner .wpb_text_column:last-child p{
        border-bottom: 1px solid #fff;
        padding-bottom: 2.5rem;
}
    .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:last-child .vc_column-inner{
    padding-bottom: 2.5rem;
}
    .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:first-child .vc_column-inner{
    padding-bottom: 0rem;
}
	.counter-highlight .vc_column_container.vc_col-sm-12 .vc_column-inner,
.counter-highlight .vc_column_container.vc_col-sm-12 .vc_column-inner > .wpb_wrapper{
    padding-left:0!important;
    padding-right: 0!important;
}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 FAQ ACCORDION AKKORDEON
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.wpb_accordion_header{
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
    margin-top: 0!important;
}
.wpb_accordion_section{
    border-bottom: 1px solid rgba(142,152,156,0.6);
    margin-bottom: 0;
}
.wpb_accordion_content{
    padding-bottom: 2.5rem!important;
}
h3.wpb_accordion_header span{
    font-size: 20px!important;
}
@media only screen and (max-width: 778px){
   h3.wpb_accordion_header span{
    font-size: 17px!important;
}
}
.content .wpb_content_element.dt-style:not(.dt-accordion-bg-on) .wpb_accordion_header > a:before {
    background-color: transparent;
}
.wpb_content_element .wpb_accordion_header>a:after, .wpb_content_element .wpb_accordion_header>a:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 19px;
    height: 19px;
    content: "";
}
.wpb_content_element .wpb_accordion_header>a:after {
    margin-top: -8px;
    content: ""!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    line-height: 16px;
    text-align: center;
    background-image:url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-arrow-dark.svg");
    background-repeat: no-repeat;
    background-size:contain;
    transform: scale(-1);
}
.wpb_content_element .wpb_accordion_header.ui-state-active>a:after{
    transform: scale(1);
}
#faq .wpb_accordion_wrapper{
width:100%;
  max-width: 1195px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 VIDEO
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.video.wpb_column .vc_column-inner > .wpb_wrapper .ult-video{
    margin: 0 0!important;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 AUSBILDUNG
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
/*.wpb_accordion_content .wpb_row.vc_inner .wpb_column:last-child .vc_column-inner > .wpb_wrapper .wpb_content_element:last-child{
    margin-bottom: 0;
} */
.page-id-507 .filter-categories .ausbildung{
    display: none;
}
.page-id-507 article.category-bruckmuehl-heufeld:not(.category-ausbildung),
.page-id-507 article.category-rosenheim:not(.category-ausbildung),
.page-id-507 article.category-wolfratshausen:not(.category-ausbildung),
.page-id-507 article.category-feldkirchen-westerham:not(.category-ausbildung){
    display: none;
}
@media only screen and (max-width: 1020px){
    .wpb_accordion_content .wpb_row.vc_inner .wpb_column.vc_col-sm-6{
        width: 100%;
    } 
}
@media only screen and (max-width: 540px){
    .info-box .ult-content-box {
        display: grid!important;
        grid-template-columns:  1fr 1fr!important;
}
}
@media only screen and (max-width:320px){
    .info-box .ult-content-box {
        grid-template-columns: 1fr!important;
}
}
.info-box .ult-content-box {
    gap: 25px;
    display: flex;
    flex-direction: row;
	border-bottom: 1px solid var(--medium-grey)!important;
    padding-bottom: 1.5em;
    margin-bottom: 2rem!important;
}
.info-box .ult-content-box .icon-with-text-shortcode{
   width: auto;
    min-width: 90px;   
}
.info-box .dt-text-title{
   text-transform: uppercase;
    color: var(--dark-black);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
}
.info-box .dt-text-desc{
    line-height: 1.2;
    font-size: 14px;
    margin-top: 5px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 CTA BROSCHÜRE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.cta-row{
background: rgb(215,218,219);
background: linear-gradient(45deg, rgba(215,218,219,1) 0%, rgba(234,235,235,1) 100%);  
    padding: 8rem 5rem;
    overflow: visible;
}
.cta-row .wpb_single_image{
    max-width: 360px;
    -webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.24); 
box-shadow:0px 4px 25px 0px rgba(0,0,0,0.24);
    position: absolute;
    top: -180px!important;
    transform: rotate(2deg) translatex(-50%)!important;
    margin: 0 auto!important;
    left: 50%;
}
.cta-row{
background: rgb(215,218,219);
background: linear-gradient(45deg, rgba(215,218,219,1) 0%, rgba(234,235,235,1) 100%);  
    padding: 8rem 5rem;
    overflow: visible;
}
.cta-row .wpb_single_image{
    max-width: 60%;
    -webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.24); 
box-shadow:0px 4px 25px 0px rgba(0,0,0,0.24);
    position: absolute;
    top: -11rem!important;
    transform: rotate(2deg) translatex(-50%)!important;
    margin: 0 auto!important;
    left: 50%;
}
@media only screen and (max-width: 1360px){
    .cta-row{
   padding: 6rem 3rem;
    overflow: visible;
}
.cta-row .wpb_single_image{
    max-width: inherit;
    width: 300px;
    top: -9rem!important;
}
}
@media only screen and (max-width: 1244px){
    .cta-row{
   padding: 5rem 3rem;
    overflow: visible;
}
.cta-row .wpb_single_image{
    max-width: inherit!important;
    width: 300px;
    top: -6rem!important;
}
}
@media only screen and (max-width: 831px){
.cta-row{
   padding: 3rem 3rem;
    overflow: visible;
}
    .cta-row .wpb_single_image{
    max-width: inherit!important;
    width: 250px;
    top: -4rem!important;
}
}
@media only screen and (max-width: 776px){
.cta-row{
   padding: 4rem 2rem;
    overflow: visible;
}
    .cta-row{
    display: flex;
    flex-direction: column-reverse;
    }
    .cta-row .wpb_single_image{
    position: relative;
    width: 100%;
    max-width: 400px!important;
    top: -5rem!important;
    left:inherit!important;
    transform: rotate(2deg) translatex(0%)!important;
}
}
@media only screen and (max-width: 493px){
.cta-row{
   padding: 4rem 1rem;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 DATENSCHUTZ & IMPRESSUM
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
#impressum h2{
    padding-bottom: 0;
    border-bottom: 0;
    margin-top: 2rem;
    margin-bottom: 0px;
    font-size: 23px;
}
#impressum h2:first-child{
    margin-top: 0rem;
}
#datenschutz h2{
    padding-bottom: 0;
    margin-top: 3rem;
    font-size: 26px;
}
#datenschutz h2:first-child{
    margin-top: 0rem;
}
#datenschutz h3{
    margin-top: 2rem;
    font-size: 22px;
}
#datenschutz h4{
    margin-top: 1rem;
    font-size: 18px;
    color: #393939;
    margin-bottom: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 STANDORT INFO BOX
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.standort-box{
    padding: 3rem 2rem;
    background-color: #fff;
    margin: -6% 0 1%;
}
.standort-box .kontakt-box .ult-content-box{
    padding:0rem 0rem 0 2rem;
}
.standort-logos .ult-content-box{
 display: flex;
    gap: 25px;
}
.standort-logos .ult-content-box img{
max-height: 55px;
    width:auto;
	mix-blend-mode: multiply;
}
.standort-data .wpb_text_column,
.standort-data .wpb_single_image{ 
    margin-bottom: 0px;
}
.standort-data .wpb_column:first-child .vc_column-inner > .wpb_wrapper{
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}
.standort-data .standort-logos{
    width: 100%!important;
}
.standort-box > .wpb_column:first-child::after{
    content:"";
    height: 100%;
    width: 1px;
    background-color: var(--medium-grey);
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 3;
}

/* ---- MEDIA QUERIES ---- */
@media only screen and (max-width:1359px){
    .standort-data .wpb_column{
        width: 100%;
    }
    .standort-data .standort-pic{
        max-width: 350px;
        margin-top: 1.5rem;
    }
    .standort-box > .wpb_column:first-child{
        width: 55%;
    }
    .standort-box > .wpb_column:last-child{
        width: 45%;
    }
}
@media only screen and (max-width:1082px){
    .standort-data .wpb_column{
        width: 100%;
    }
     .standort-data .standort-pic{
       display: none;
    }
    .standort-box > .wpb_column{
        width: 100%!important;
        justify-content: center;
        justify-items: center;
    }
    .standort-box .kontakt-box .ult-content-box{
        margin: 0 auto;
        padding: 0 0;
        max-width: 400px;
    }
    .standort-box .kontakt-box{
        margin: 0 auto;
        max-width: 400px;
    }
    .page-image.standort .wpb_single_image{
    max-height: 590px!important;
}
    .page-image.standort .wpb_single_image img{
    max-height: 590px!important;
    object-fit: cover;
    object-position: center 85%;
}
    .standort-box > .wpb_column:first-child::after{
    content:"";
    height: 1px;
    display: inline-block;
    width: 100%;
    background-color: var(--medium-grey);
    position: relative;
    right: -20px;
    z-index: 3;
    margin: 3rem auto;
    left: 0;
    top:inherit;
}
    .standort-data .wpb_column:first-child .vc_column-inner > .wpb_wrapper{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
}
    .standort-box .heading-like-h2{
        text-align: center;
    }
    .standort-logos .ult-content-box{
 display: flex;
    gap: 25px;
        justify-content: center;
        justify-items: center;
}
}
@media only screen and (max-width:590px){
    .standort-box{
    padding: 2rem 1rem;
}
	.standort-data .wpb_column:first-child .vc_column-inner > .wpb_wrapper .wpb_text_column{
       width: 100%;
    }
    .standort-logos .ult-content-box{
    flex-wrap:wrap;
    display: grid;
    grid-template-columns:repeat(auto-fit,minmax(min(60px,100%),1fr))!important;
	}
    .standort-logos .ult-content-box img{
max-height: 50px;
        height: 50px;
    width:auto;
}
    .standort-data .wpb_column:first-child .vc_column-inner > .wpb_wrapper{
    gap: 10px;
    justify-content: center;
    justify-items: center;     
}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 STANDORT MARKEN TABS
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.standort-marken-tab .vc_tta-tab a::before,
.standort-marken-tab .vc_tta-tab.vc_active a::before{
    content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/vw.jpg");
    background-repeat: no-repeat!important;
    background-size: contain!important;
    height: 55px!important;
    width: 55px!important;
    display: inline-block!important;
    position: relative!important;
    left:0!important;
    top:0!important;
	mix-blend-mode: multiply!important;
}
.standort-marken-tab .vc_tta-tab a span,
.standort-marken-tab .vc_tta-tab.vc_active a span{
    display: none!important;
}
.standort-marken-tab .vc_tta-tab a,
.standort-marken-tab .vc_tta-tab.vc_active a{
    border-radius: 0px!important;
    border: 0px!important;
    padding: 10px 25px 8px!important;
}
.standort-marken-tab .vc_tta-tab a{
   background-color: var(--light-grey)!important; 
}
.standort-marken-tab .vc_tta-tab a:hover,
.standort-marken-tab .vc_tta-tab.vc_active a{
     background-color: #D8DBDC!important; 
}
.standort-marken-tab .vc_tta-tab a[href="#volkswagen-standort"]::before,
.standort-marken-tab .vc_tta-tab.vc_active a[href="#volkswagen-standort"]::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/vw.jpg")!important;
}
.standort-marken-tab .vc_tta-tab a[href="#seat-standort"]::before,
.standort-marken-tab .vc_tta-tab.vc_active a[href="#seat-standort"]::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/seat.jpg")!important;
	height: 55px!important;
    width: 51px!important;
}
.standort-marken-tab .vc_tta-tab a[href="#cupra-standort"]::before,
.standort-marken-tab .vc_tta-tab.vc_active a[href="#cupra-standort"]::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/cupra.jpg")!important;
	 width: 73px!important;
    height: 55px!important;
}
.standort-marken-tab .vc_tta-tab a[href="#skoda-standort"]::before,
.standort-marken-tab .vc_tta-tab.vc_active a[href="#skoda-standort"]::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/2023/06/skoda_Hersteller-Logoleiste-ab-2023.png")!important;
	    width: 78px!important;
	height: 55px!important;
}
.standort-marken-tab .vc_tta-tab a[href="#audi-standort"]::before,
.standort-marken-tab .vc_tta-tab.vc_active a[href="#audi-standort"]::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/audi.jpg")!important;
	    width: 74px!important;
	height: 55px!important;
}
.standort-marken-tab .vc_tta-tab a[href="#vw-nutzfahrzeuge-standort"]::before,
.standort-marken-tab .vc_tta-tab.vc_active a[href="#vw-nutzfahrzeuge-standort"]::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/2022/11/vw_nfz.jpg")!important;
	    width: 65px!important;
	height: 55px!important;
}
.standort-marken-tab .btn-mail{
    margin-left: 20px;
}
.standort-marken-tab .tab-row .wpb_column:first-child .vc_column-inner > .wpb_wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.standort-marken-tab .tab-row .wpb_text_column{
    margin-bottom: 0px;
}
.standort-marken-tab .tab-row{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(142,152,156,0.6);
}
.oeffnungszeit{
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
.oeffnungszeit .day{
    width: 57px;
}
.vc_tta-panel-body > *:last-child{
    border-bottom: none;
}
.vc_tta-panel-body{
    padding: 2rem 0  0!important;
    border: 0px!important;
    border-radius: 0px!important;
}
.vc_tta-panels{
    border: 0px!important;
    border-radius: 0px!important;
}
.vc_tta-tabs-container{
    border-bottom: 1px solid var(--dark-black);
}
.standort-marken-tab h3{
    margin-top: 2rem;
}
.standort-marken-tab .vc_tta-panel-body .wpb_text_column:first-child > .wpb_wrapper h3{
    margin-top: 0rem;
}
@media only screen and (max-width: 767px){
    .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
    display: block!important;
}
    .vc_tta.vc_tta-tabs .vc_tta-panel-heading {
    display: none;
}
}
.standort-marken-tab .anmerkung{
    margin-top: -20px;
}
/* ---- MEDIA QUERIES MARKEN TABS STANDORTE---- */
@media only screen and (max-width: 989px){
    .standort-marken-tab .btn-phone{
    margin-top: 20px;
}
}
@media only screen and (max-width: 949px){
    .tab-row .vc_col-sm-6:first-child{
        width:60%;
    }
    .tab-row .vc_col-sm-6:last-child{
        width:40%;
    }
}
@media only screen and (max-width: 795px){
    .tab-row .vc_col-sm-6:first-child{
        width:70%;
    }
    .tab-row .vc_col-sm-6:last-child{
        width:30%;
    }
    .tab-row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{
        display: flex;
        margin-right: 55px;
        justify-content: flex-end;
        justify-items: flex-end;
        gap: 12px;
    }
    .standort-marken-tab .btn-mail span,
    .standort-marken-tab .btn-phone span{
     display: none;
}
    .standort-marken-tab .btn-mail::before{
     content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-mail-dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 15px!important;
    width: 18px!important;
    max-width: 18px!important;
}
    .standort-marken-tab .btn-phone::before{
     content:"";
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-phone-dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 15px!important;
    width: 18px!important;
        max-width: 18px!important;
}
	.standort-marken-tab .btn-phone:hover::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-phone.svg");
}
	.standort-marken-tab .btn-mail:hover::before{
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-mail.svg");
}
    .standort-marken-tab .btn-mail,
    .standort-marken-tab .btn-phone {
     padding: 12px 12px!important;
        max-width: 45px!important;
}
    .standort-marken-tab .btn-phone{
    margin-top: 0px;
}
}
@media only screen and (max-width: 703px){
    .tab-row .vc_col-sm-6:first-child{
        width:75vw;
    }
    .tab-row .vc_col-sm-6:last-child{
        width:25vw;
    }
    .tab-row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{
        display: flex;
        flex-direction: column;
    }
    .standort-marken-tab .btn-mail,
    .standort-marken-tab .btn-phone {
     padding: 12px 12px;
        margin: 0 0!important;
}
    .standort-marken-tab .btn-phone{
    margin-top: 0px;
}
}
@media only screen and (max-width: 617px){
    .tab-row .vc_col-sm-6:first-child .vc_column-inner > .wpb_wrapper{
        display: flex!important;
        flex-direction: column!important;
        gap: 20px;
    }
    .standort-marken-tab .tab-row{
     padding-bottom: 1rem;
    align-content: flex-start;
    align-items: flex-start;
}
    .standort-marken-tab h3{
    margin-top: 1rem;
        margin-bottom: -20px!important;
}
}
@media only screen and (max-width: 560px){
.tab-row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{
        margin-right: 0px;
    align-content: flex-end!important;
    align-items: flex-end!important;
    }
}
@media only screen and (max-width: 323px){
 .standort-marken-tab .tab-row{
     flex-direction: column;
    }
    .tab-row .vc_col-sm-6:last-child,
    .tab-row .vc_col-sm-6:first-child{
        width:100vw;
    }
    .tab-row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        justify-items: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        margin-top: 18px;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 ANSPRECHPARTNER
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
/*.page-id-257 .dt-team-masonry-shortcode .filter-categories .show-all,
.page-id-439 .dt-team-masonry-shortcode .filter-categories .show-all,
.page-id-445 .dt-team-masonry-shortcode .filter-categories .show-all,
.page-id-448 .dt-team-masonry-shortcode .filter-categories .show-all{
    display: none;
}*/

#ansprechpartner h3 a span,
.ansprechpartner h3 a span{
    font-family: "Open Sans";
font-weight: 600;
font-size: 32px!important;
line-height: 42px;
    color: var(--dark-black);
}
#ansprechpartner .wpb_accordion_section{
    border-bottom: 1px solid var(--dark-black);
}
@media only screen and (max-width: 992px){
    #ansprechpartner h3 a span,
	.ansprechpartner h3 a span{
font-size: 25px!important;
line-height: 1.3!important; 
}
}
    @media only screen and (max-width: 778px){
    #ansprechpartner h3 a span,
		.ansprechpartner h3 a span{
font-size: 22px!important;
line-height: 1.3!important; 
}
}

.filter-categories .terminvereinbarung-feldkirchen-westerham,
.filter-categories .terminvereinbarung-bruckmuehl-heufeld,
.filter-categories .terminvereinbarung-rosenheim,
.filter-categories .terminvereinbarung-wolfratshausen{
    order: 1!important;
}
.filter-categories .verkauf-feldkirchen-westerham,
.filter-categories .verkauf-bruckmuehl-heufeld,
.filter-categories .verkauf-rosenheim,
.filter-categories .verkauf-wolfratshausen{
    order: 2!important;
}
.filter-categories .wartung-reparatur-feldkirchen-westerham,
.filter-categories .wartung-reparatur-bruckmuehl-heufeld,
.filter-categories .wartung-reparatur-rosenheim,
.filter-categories .wartung-reparatur-wolfratshausen{
    order: 3!important;
}
.filter-categories .teiledienst-zubehoer-feldkirchen-westerham,
.filter-categories .teiledienst-zubehoer-bruckmuehl-heufeld,
.filter-categories .teiledienst-zubehoer-rosenheim,
.filter-categories .teiledienst-zubehoer-wolfratshausen{
    order: 4!important;
}
.filter-categories .unfallspezialist-feldkirchen-westerham,
.filter-categories .unfallspezialist-bruckmuehl-heufeld,
.filter-categories .unfallspezialist-rosenheim,
.filter-categories .unfallspezialist-wolfratshausen{
    order: 5!important;
}
.filter-categories .marketing-feldkirchen-westerham{
	order:6!important;
}
.filter-categories .show-all{
    order: 7!important;
}
.team-container{
    background-color: #fff!important;
    padding: 1.5rem;
    flex-wrap: wrap!important;
    width:auto!important;
    box-sizing: border-box!important;
}
.team-media{
    max-width: 110px;
    margin-bottom: 12px;
}
.team-desc,
.team-content{
    padding:0!important;
    margin: 0!important;
}
.team-content{
   margin: 10px 0 0 0!important; 
}
.team-author p{
    font-size: 14px!important;
    line-height: 1.4;
    color: var(--medium-grey)!important;
    margin-top: 5px;
}
.team-author{
    margin-bottom: 0!important;
    padding: 0!important;
}
.team-author-name{
    text-transform: uppercase;
    font-weight: 600;
}
.team-desc p{
    margin-bottom:0!important;
}
.dt-team-shortcode .dt-css-grid .team-container {
    height: auto;
    width: auto!important;
}
.dt-team-masonry-shortcode .dt-css-grid .wf-cell{
    margin: 0 0;
}
.dt-team-shortcode .dt-css-grid {
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 30px!important;
    grid-row-gap: 30px;
}
@media only screen and (max-width:1050px){
  .dt-team-shortcode .dt-css-grid {
    grid-column-gap: 20px!important;
    grid-row-gap: 20px!important;
}
}
@media only screen and (max-width:767px){
  .dt-team-shortcode .dt-css-grid {
    grid-column-gap: 10px!important;
    grid-row-gap: 10px!important;
}
}
@media only screen and (max-width:640px){
  .dt-team-shortcode .dt-css-grid {
    grid-template-columns: 1fr!important;
}
}
.filter{
    margin-bottom: 25px;
    justify-content: flex-start;
    justify-items: flex-start;
}
.filter-categories{
    gap: 10px!important;
     justify-content: flex-start;
    justify-items: flex-start;
}
.filter-categories a,
.dt-btn.to-filter{
    margin: 0 0;
    padding: 2px 5px 1px;
    border-radius: 0!important;
    background-color: var(--medium-grey)!important;
    color: #fff!important;
    font-weight: 600!important;
    font-size: 14px!important;
	border: none!important;
}
.filter-categories a:hover,
.filter-categories a.act,
.dt-btn.to-filter:hover{ 
    background-color: var(--dark-black)!important;
    color: #fff!important;
}
.dt-btn.to-filter{
    padding: 3px 6px 2px;
}
.filter-anchor {
    visibility: hidden; 
    height: 0px !important; 
    position: absolute; 
    margin: -50px;
}
.filter-anchor.team {
    margin: -150px;
}
@media only screen and (max-width:600px){
    .filter-anchor.team {
    margin: -50px;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ANSPRECHPARTNER TABS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ansprechpartner-tabs .vc_tta-tabs-list,
.ansprechpartner-tabs .vc_tta-tab{
    margin: 0 0!important;
}
.ansprechpartner-tabs .vc_tta-tabs-container{
    border:none!important;
}
.ansprechpartner-tabs .vc_tta-tab a{
   margin: 0 0;
    padding: 3px 5px 1px!important;
    border-radius: 0 !important;
    background-color: var(--medium-grey) !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px!important;
    border: none !important; 
    font-family: "Roboto";
    line-height: 1.2!important;
}
.ansprechpartner-tabs .vc_tta-tab.vc_active a,
.ansprechpartner-tabs .vc_tta-tab:hover a{
       background-color: var(--dark-black) !important;
}
.ansprechpartner-tabs .vc_tta-tabs-list li:not(:last-child) a{
    margin-right: 10px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 404 ERROR FEHLERSEITE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.error-404 .small-heading{
    opacity: 0.4;
}
.error-slogan{
    font-size: 50px;
    line-height: 1.3;
}
@media only screen and (max-width:600px){
    .error-slogan{
    font-size: 30px;
}
}
.error-404 .dt-btn{
    margin: 0 20px 20px 0;
}
.error-404 .dt-btn.pink:hover{
    background-color: var(--color-aktionen)!important;
    border-color: var(--color-aktionen)!important;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 ELEKTROMOBILITÄT
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.icon-text-wrapper .dt-text-title{
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}
.icon-text-wrapper .ult-content-box{
   display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
}
.page-id-610 .icon-with-text-shortcode {
   display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
@media only screen and (max-width:1085px){
    .thg-row .vc_col-sm-4{
        width:70%;
    } 
    .thg-row .vc_col-sm-8{
        width: 100%;
    margin-top: 3rem;
    }
}
@media only screen and (max-width:992px){
    .thg-row .vc_col-sm-4{
        width:100%;
    } 
}
@media only screen and (max-width:743px){
    .icon-text-wrapper .ult-content-box{
   display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 25px;
}
}
#emobilitaetsrechner .wpb_raw_code{
   margin-bottom: 0;
}
#emobilitaetsrechner{
    background-color: #fff;
    padding: 3rem;
    margin: 0 auto;
}
@media only screen and (max-width: 770px){
  #emobilitaetsrechner{
    padding: 2rem;
}  
}
@media only screen and (max-width: 560px){
  #emobilitaetsrechner{
    padding: 1rem;
}  
	#emobilitaetsrechner .vc_column-inner{
    padding: 0;
}
}
#emobilitaetsrechner .wpb_raw_code{
   margin-bottom: 0;
}
iframe,
#evciframe{
   width:100%!important;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 NOTDIENST
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.notdienst .icon-with-text-shortcode{
    display: flex;
    flex-direction: row!important;
	align-content: center;
	align-items: center;
}
.notdienst .icon-with-text-shortcode .dt-text-title a{
    color: var(--color-service)!important;
    text-decoration: none;
    font-weight: 400;
    font-size: 4rem;
    line-height: 1.0;
    transition: ease-in-out 0.3s;
}
.notdienst .icon-with-text-shortcode i{
    color: var(--color-service)!important;
}
.notdienst .icon-with-text-shortcode .text-icon{
    margin-right: 2.5rem!important;
    font-size: 3.5rem!important;
    transform: scale(1.00);
    transition: ease-in-out 0.3s;
}
.notdienst .icon-with-text-shortcode:hover .text-icon{
    transform: scale(1.1);
}
.notdienst .icon-with-text-shortcode:hover i,
.notdienst .icon-with-text-shortcode:hover .dt-text-title a{
   color: #ff7500!important;
}
.notdienst .wpb_text_column{
    margin-bottom: 20px;
}
@media only screen and (max-width: 1212px){
    .notdienst .vc_col-sm-6{
        width: 100%;
    }
    .notdienst .vc_col-sm-6:last-child{
        margin-top: 4rem;
    }
}
@media only screen and (max-width: 560px){
        .notdienst .vc_col-sm-6:last-child{
        margin-top: 1.5rem;
            margin-bottom: 1.5rem;
    }
    .notdienst .icon-with-text-shortcode .text-icon{
    margin-right: 1.5rem!important;
    font-size: 3rem!important;
}
    .notdienst .icon-with-text-shortcode .dt-text-title a{
    font-size: 3rem;
}
}
@media only screen and (max-width: 560px){
    .notdienst .icon-with-text-shortcode .text-icon{
    margin-right: 1rem!important;
    font-size: 2.5rem!important;
}
    .notdienst .icon-with-text-shortcode .dt-text-title a{
    font-size: 2.5rem;
}
}
@media only screen and (max-width: 368px){
    .notdienst .icon-with-text-shortcode .text-icon{
    margin-right: 0.5rem!important;
    font-size: 2rem!important;
}
    .notdienst .icon-with-text-shortcode .dt-text-title a{
    font-size: 2rem;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 SERVICE TERMINVEREINBARUNG ONLINE 
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.termin-standort .vc_column-inner > .wpb_wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--medium-grey);
    align-content: center;
    align-items: center;
    padding-bottom: 2rem;
}
@media only screen and (max-width: 600px){
    .termin-standort .vc_column-inner > .wpb_wrapper{
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    justify-content: flex-start;
}
}
.termin-standort .wpb_text_column,
.wpb_single_image{
    margin-bottom: 0!important;
}
#main .termin-standort:last-child .vc_column-inner > .wpb_wrapper{
    border-bottom: 0px solid var(--medium-grey);
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 WOHNMOBILVERMIETUNG
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- Accordeons ---*/
.preise {
    width: 100%;
    max-width: 700px;
}
.preise > .wpb_wrapper {
    display: grid!important;
    grid-template-columns: 4fr 1fr;
	align-items: center;
}
.preise > .wpb_wrapper p:last-child {
    justify-self: flex-end;
}
.preise > .wpb_wrapper p{
     margin-bottom: 0;
    padding: 5px 10px;
}
.preise.wpb_text_column{
    margin-bottom: 0;
}
#faq .wpb_accordion_wrapper .preise:nth-child(odd){
    background-color: #fff;
}
#faq .wpb_accordion_wrapper .preise:nth-child(even){
    background-color: rgba(236,237,238,0.75);
}
/*--- Wohnmobil Cards ----*/
.wohnmobil-params ul,
.params ul{
   list-style-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/icon-check-dark.svg")!important;
}
.wohnmobil-card .dt-btn{
    margin: 0 10px 10px 0;
    padding:5px 8px 4px;
    border-radius: 0!important;
    background-color: var(--dark-black)!important;
    color: #fff!important;
    font-weight: 600!important;
    font-size: 14px!important;
	border: none!important;
}
.wohnmobil-card .dt-btn:hover{
    background-color: var(--medium-grey)!important;
}
.wohnmobil-card .dt-btn:last-child{
    background-color: var(--color-service)!important;
    margin: 0 0;
}
.wohnmobil-card .dt-btn:last-child:hover{
    background-color: #ff7500!important;
}
.wohnmobil-card {
    background-color: #fff;
    padding: 3rem;
    transition: ease 0.3s;
	margin-bottom: 2rem;
}
.wohnmobil-card:hover {
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.12); 
box-shadow:0px 0px 35px 0px rgba(0,0,0,0.12);
}
.wohnmobil-card .wohnmobil-params .wpb_wrapper {
    display: flex;
    flex-direction: row;
    gap: 30px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
}
.wohnmobil-params .wpb_wrapper ul{
   margin-bottom: 0;
}
.wohnmobil-params li,
.params li{
   margin-bottom: 5px;
}
.wohnmobil-card .wohnmobil-params .wpb_wrapper p{
   display: none;
}
.wohnmobil-card .wpb_text_column {
  margin-bottom:  15px;
}
.wohnmobil-desc {
font-size: 17px;
    font-weight: 600;
    color: var(--medium-grey);
    margin-bottom: 30px!important;
}
.wohnmobil-card h3 a:hover{
    color: var(--color-service)!important;
}
.wohnmobil-card h3 a{
    transition: ease 0.3s;
}
.wohnmobil-card .wohnmobil-preise{
    margin-bottom: 30px;
	margin-top: 25px;
}
.wohnmobil-card img{
       transition: ease 0.3s;
    }
.wohnmobil-card img:hover{
       transform: scale(1.04);
    }
@media only screen and (max-width: 1020px){
    .wohnmobil-card {
    padding: 2.5rem 1.5rem;
}
    .wohnmobil-card .vc_col-sm-6{
        width:100%;
    }
    .wohnmobil-card img{
        max-width: 500px;
        width:100%;
        margin-bottom: 1rem;
    }
    .wohnmobil-card h3{
        font-size: 23px!important;
        line-height: 1.3;
    }
}
@media only screen and (max-width: 455px){
    .wohnmobil-card {
    padding: 1.8rem 0.7rem;
}
}
/*--- Wohnmobil Unterseite ----*/
.wohnmobil-pic-col .vc_column-inner{
   background-color: #fff;
    padding-bottom: 0.6rem;
}

/*------------------------------------ FLOW FLOW SOCIAL STREAM -----------------------------------------*/
.ff-stream{
    background-color: transparent!important;
}
.ff-item-bar{
    display: none!important;
}
.ff-item{
-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06)!important;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06)!important;
}
.ff-stream-wrapper{
    margin-top: 0!important;
	transform: translatex(-15px);
	padding: 0 0 2rem 0!important;
}
.ff-stream{
    padding: 0!important;
}
.ff-btn{
   margin: 0 auto!important; 
    padding: 12px 28px!important;
    font-family: "Open Sans"!important;
    font-size: 15px!important;
    border: 1px solid var(--dark-black)!important;
    color: var(--dark-black)!important;
    letter-spacing: 0.6!important;
    text-transform: uppercase!important;
    background-color: transparent!important;
    border-radius: 0px!important;
}
.ff-btn:hover{
    color: #fff!important;
    background-color:var(--dark-black)!important;
}
.social-stream-icons a:last-child .soc-font-icon::before{
    content:""!important;
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/logo-tiktok.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 23px!important;
    aspect-ratio: 1 /1;
    position: relative;
    display: block;
}
.follow-card .ult-content-box{
    display: flex;
    align-content: center;
    align-items: center;
    gap: 1rem;
}
.follow-card .wpb_text_column{
    margin-bottom: 0!important;
}
@media only screen and (max-width: 378px){
  .follow-card .ult-content-box{
    flex-direction: column;
     align-content: flex-start;
      align-items: flex-start;
}  
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 STANDORTE & MARKEN UNTERSEITE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.marken-card {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
	justify-content: center;
	justify-items: center;
    background-color: #fff!important;
    padding: 2rem;
	transition: ease 0.5s;
}
.marken-card:hover {
    -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1); 
box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1);
}
.marken-card .wpb_content_element{
    margin-bottom: 0px;
}
.marken-card img{
    margin-bottom: 2rem;
    max-width:80px;
	aspect-ratio: 1 / 1;
    object-fit: contain;
}
.marken-card-row .vc_column-inner > .wpb_wrapper{
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(6,1fr)!important;
}
@media only screen and (max-width:1480px){
    .marken-card-row .vc_column-inner > .wpb_wrapper{
    grid-template-columns: repeat(3,1fr)!important;
}
}
@media only screen and (max-width:699px){
    .marken-card-row .vc_column-inner > .wpb_wrapper{
    grid-template-columns: repeat(2,1fr)!important;
}
	.marken-card{ 
    padding: 1.5rem;
}
    .marken-card img{
    max-width:60px;
}
}
@media only screen and (max-width:470px){
    .marken-card-row .vc_column-inner > .wpb_wrapper{
    grid-template-columns: repeat(1,1fr)!important;
}
}
.marken-card a {
    text-decoration: none;
    color: var(--dark-black);
    padding: 1px 5px;
}
.marken-card a:hover {
   background-color:#EEF0F0
}
.marken-card p {
    line-height: 1.2;
    font-size: 14px;
    text-decoration: none;
    color: var(--dark-black);
}
.marken-card .wpb_text_column p{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
}
.marken-card .wpb_text_column p:not(:last-child)::after{
    content:"";
    display: block;
    position: relative;
    bottom: 0px;
    height: 1px;
    width: 20px;
    background-color: rgba(0,0,0,0.16);
    margin-top: 0.5rem;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 FREIZEITMOBILE UND NUTZFAHRZEUGE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.app-code{
    max-width: 140px!important;
    mix-blend-mode: multiply;
    margin: 0 auto;
    margin-bottom: 1rem!important;
}
.page-id-1538 .page-image .wpb_single_image img {
    max-height: 630px;
    object-fit: cover;
    object-position: center center;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 SOCIAL MEDIA
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.social-col .vc_column-inner > .wpb_wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(280px,100%),1fr));
    grid-column-gap: 20px;
    grid-row-gap: 50px;
}
.social-col .ult-content-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
}
.social-col .dt-btn {
    margin-top: 1rem;
}
.social-col .dt-shortcode-icon-wrap .icon-inner,
.social-col .dt-shortcode-icon.dt-icon-border-on::before,
.social-col .dt-shortcode-icon-wrap .icon-inner:hover,
.social-col .dt-shortcode-icon.dt-icon-border-on:hover::before{
    width: 150px!important;
    height: 150px;
    border-radius: 25px;
    background-color: var(--dark-black)!important;
     background: var(--dark-black)!important;
    opacity: 1!important;
}
.social-col .dt-shortcode-icon-wrap .icon-inner:hover,
.social-col .dt-shortcode-icon.dt-icon-border-on:hover::before{
-webkit-box-shadow: 3px 0px 20px rgba(0, 0, 0, .4);
    box-shadow: 3px 0px 20px rgba(0, 0, 0, .4);
}
.social-col .icon-inner i{
    font-size: 60px!important;
    font-weight: 400!important;
}
.social-col i.soc-icon{
    color: #ffffff!important;
}
.social-col .ult-content-box-container:last-child i::before{
    content: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/logo-tiktok-weiss.svg")!important;
    height: 55px;
    width: 55px!important;
    display: block;
}
@media only screen and (max-width: 560px){
    .social-col .icon-inner i{
    font-size: 45px!important;
}
.social-col .ult-content-box-container:last-child i::before{
    height: 40px;
    width: 40px!important;
}
    .social-col .dt-shortcode-icon-wrap .icon-inner,
.social-col .dt-shortcode-icon.dt-icon-border-on::before,
.social-col .dt-shortcode-icon-wrap .icon-inner:hover,
.social-col .dt-shortcode-icon.dt-icon-border-on:hover::before{
    width: 110px!important;
    height: 110px;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 ZERTIFIKATE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.zertifikat-row .wpb_single_image:first-child img{
max-width: 180px;
}
.zertifikat-row .zertifikat-box img{
max-width: 300px;
}
.zertifikat-box h2{
    border-bottom: none;
}
.zertifikat-row .vc_column-inner > .wpb_wrapper{
 padding: 3.5rem 0 3.5rem;
    border-bottom: 1px solid var(--dark-black);
    display: flex;
    gap: 30px;
}
.zertifikat-row:last-of-type .vc_column-inner > .wpb_wrapper{
    border-bottom: none;
}
.zertifikat-row .ult_exp_section{
    padding: 0;
    background: none;
    background-color: transparent!important;
}
.zertifikat-row .ult_expheader{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0!important;
    letter-spacing: 1px;
}
.zertifikat-row .ult-just-icon-wrapper{
    padding: 0 5px 0 0!important;
}
.zertifikat-row .ult_expsection_icon i::before{
    color: var(--dark-black);
}
.zertifikat-row .ult_expsection_icon{
    transition: linear 0.2s;
}
.zertifikat-row .ult_active_section .ult_expsection_icon{
    transform: rotate(45deg)!important;
}
.zertifikat-row .ult_exp_content{
    background-color:transparent!important;
    padding: 20px 0 0 0;
    text-align: left!important;
}
.zertifikat-row .ult_exp_content .ult_ecpsub_cont{
    text-align: left!important;
    max-width: inherit!important;
}
.zertifikat-box .ult_exp_section_layer .ult_exp_content .wpb_content_element:last-child,
.zertifikat-box .wpb_content_element:last-child,
.zertifikat-box .ult_exp_section_layer.ult-adjust-bottom-margin{
    margin-bottom: 0!important;
}
@media only screen and (max-width:530px){
    .zertifikat-row .wpb_single_image:first-child img{
    max-width: 250px;
}
.zertifikat-row .vc_column-inner > .wpb_wrapper{
    display: flex;
    flex-direction: column;
}
}
@media only screen and (max-width:315px){
    .zertifikat-row .wpb_single_image:first-child img{
    max-width: 100%;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 ONLINE TERMINVEREINBARUNG WIDGET APP
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px){ 
#mobilapp-appointment-icon {
    right: 0px!important;
}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 NORA-UNTERSEITE
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.location-heading{ 
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-service);
}
.nora-standort .wpb_text_column{
   margin-bottom: 0!important;
}
.nora-standort .wpb_text_column.nora-ansprechpartner{
    margin: 0.5rem 0!important;
}
.nora-standorte{
    display: grid!important;
    grid-template-columns: repeat(auto-fit,minmax(min(300px,100%),1fr));
    grid-row-gap: 2rem;
    row-gap: 2rem;
}
.nora-standort{
    width: 100%;
}
.nora-standorte::before,
.nora-standorte::after{
    display: none;
}
.nora-sub *{
   font-weight: 500;
    font-size: 22px;
    color: var( --dark-black);
}
.nora-sub{
   margin: 0.5rem 0 1.5rem; 
}
.nora-kunde-werden .vc_column-inner{
    padding: 0 0;
}
.nora-kunde-werden .vc_column-inner h2{
    margin-bottom: 5px!important;
}
.nora-kunde-werden{
    padding: 3rem 2rem;
    background-color: var(--color-service);
}
.nora-kunde-werden .vc_column-inner > .wpb_wrapper{
  display: flex; 
    justify-content: space-between;
    gap: 1rem;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.nora-kunde-werden .wpb_text_column{
    display: flex; 
    gap: 1rem;
    align-content: center;
    align-items: center;
}
.nora-kunde-werden .wpb_text_column::before{
    content: "";
    position: relative;
    display: block;
    background-image: url("https://mainzl.innsiders.dev/wp-content/uploads/svgs/doublearrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    width: 60px;
    min-width: 60px;    
}
@media only screen and (max-width: 540px){
    .nora-kunde-werden .wpb_text_column{
     flex-wrap: wrap;
}
}
@media only screen and (max-width: 380px){
    .nora-kunde-werden{
    padding: 2rem 1.5rem;
}
}
@media only screen and (max-width: 767px){
    .row-rev {
       display: flex;
        flex-direction: column-reverse;
        margin-top: 1rem;
    }
}
.nora-heading *{
    color: var(--color-service);
    font-weight: 700;
    text-transform: uppercase;
}
.nora-sub-small{
    color: var(--dark-black);
    margin-top: 5px;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 1.2rem;
}
#nora-agb{
    background-color: #fff;
    padding: 3rem 1.5rem;
}
.nora-agb-text *{
    font-size: 14px!important;
    line-height: 1.4;
}
#nora-agb .nora-agb-text,
#nora-agb .heading-like-h2{
   max-width: 1000px;
    margin: 0 auto;
}
#nora-agb .heading-like-h2{
    margin-bottom: 1.5rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NEWS & EVENTS ARTICLE */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/

article.category-news-events .article-date{
    font-size: 15px;
    font-weight: 600;
    color: var(--medium-grey);
}
article.category-news-events h1{
   margin-bottom: 2.3rem!important;
    margin-top: 0.8rem;
}
article.category-news-events .btn-tertiary{
   margin-left: 1.3rem;
}
article.category-news-events .news-article-content{
    margin-top: 6rem;
    margin-bottom: 3rem;
}
article.category-news-events .news-article-content > *{
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}
@media only screen and (max-width: 778px){
   article.category-news-events .news-article-content{
    margin-top: 3rem;
    margin-bottom: 1rem;
       padding: 0;
} 
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 TABELLE TABLEPRESS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.tablepress>:where(thead,tfoot)>*>th {
    background-color: inherit;
    color: var(--color-service)!important;
}

section:has(.tablepress) {
    margin-top: 3rem;
}

@media only screen and (max-width: 640px) {
    .tablepress.tablepress-id-1 {
    width: 100%!important;
    overflow: scroll!important;
    white-space: nowrap;
    display: block!important;
}
    section:has(.tablepress.tablepress-id-1) .column-1 {
    min-width: 210px;
}

section:has(.tablepress.tablepress-id-1) .column-2 {
    min-width: 240px;
}

section:has(.tablepress.tablepress-id-1) .column-3 {
    min-width: 130px;
}

section:has(.tablepress.tablepress-id-1) .column-4 {
    min-width: 100px;
}
    section:has(.tablepress.tablepress-id-1) .wpb_text_column:has(p strong)::after{
    font-family: "Open Sans";
    content: "Zur Ansicht horizontal scrollen";
    font-size: 14px;
    line-height: 17px;
    position: relative;
    display: block;
    margin-top: 10px;
}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 AKTIONEN NEU ANPASSUNGEN NOVEMBER 2024 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- Angebot Row --- */
@media only screen and (max-width: 1270px) {
    .angebot-row .wpb_column.vc_column_container.vc_col-sm-8 {
        width: 58%;
    }
    .angebot-row .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 42%;
    }
}
@media only screen and (max-width: 1000px) {
    .angebot-row .wpb_column.vc_column_container.vc_col-sm-8 {
        width: 50%;
    }
    .angebot-row .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 50%;
    }
}
@media only screen and (max-width: 880px) {
    .angebot-row .wpb_column.vc_column_container.vc_col-sm-8,
    .angebot-row .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 100%;
    }
    .angebot-row .wpb_column.vc_column_container.vc_col-sm-4 {
        margin-top: 1rem;
    }
}
@media only screen and (max-width: 540px) {
    .single-post article .angebot-row tr {
        display: inherit;
    }
}

/* --- Image Slider --- */
.single-post article .owl-stage{
    display: block!important;
}
/* --- -Countdown ---*/
.countdown-row{
    background-color: var(--color-aktionen);
    padding: 0.7rem 1rem;
    width: 100%;
    max-width: 550px;
    margin: 1rem auto;
}
.countdown-row .ult_countdown{
    margin-bottom: 0!important;
}
.ult_countdown-section{
    margin-bottom: 5px!important;
}
.countdown-row .vc_column-inner{
    padding: 0 0!important;
}
.countdown-row *{
    color: #fff;
}
.countdown-row .wpb_text_column{
   margin-bottom: 10px!important; 
}
.countdown-row .wpb_text_column *{
  font-weight: 600;
    font-size: 24px;
}
.ult_countdown-amount{
    font-weight: 700!important;
}
.single-post article .vc_section:not(:first-of-type){
    margin-top: 4rem;
}
/* --- Disclaimer --- */
.disclaimer-box *{
    font-size: 12px;
    line-height: 1.4;
}
/* ---- Tabs & Accordions ---- */
.ult_tabs .ult_tabmenu{
    border-bottom: 1px solid var(--dark-black);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap!important;
    border-radius: 0px!important;
}
.ult_tabs .ult_tabmenu li,
.ult_tabs .ult_tabmenu li *{
    width: 100%!important;
    display: flex!important;
    border-radius: 0!important;
    justify-content: center;
}
.ult_tab_li{
    background: rgba(142,152,156,0.2)!important;
}
.ult_tab_li a{
background: none!important;
}
.ult_tab_li:not(.current):hover a{
    background-color: var(--medium-grey)!important;
    color: var(--dark-black)!important;
}
.ult_tab_li.current a{
    background-color:  var(--dark-black)!important;
}
.ult_tabcontent .wpb_text_column,
.ult-tabto-accordion .wpb_text_column{
    margin-bottom: 0;
}
.angebot-row .ult-tabto-acontent{
    padding: 12px 15px 20px!important;
}
.angebot-row .ult-tabto-accordionItem{
    width: 100%;
}
.angebot-row .ult_acord{
    margin-bottom: 1rem;
}
.angebot-row .ult-tabto-actitle *{
    font-weight: 500;
    padding: 5px 8px 10px;
    line-height: 1.4;
}
.angebot-row .ult_acord dt:not(:first-of-type) {
    margin-top: 10px;
}
/* ---- Tabelle ---- */
.single-post article .angebot-row table{
 font-size: 15px;   
    line-height: 1.4;
	width: 100%;
}
.single-post article .angebot-row table strong{
    color: var(--dark-black);
    font-weight: 600;
}
.single-post article .angebot-row table tr td{
    padding: 7px 5px;
}
.single-post article .angebot-row table tr td:not([colspan]):first-child{
    width: 50%;
    max-width: 250px!important;
}
.single-post article .angebot-row table tr td:not([colspan]):last-child{
     width: 50%!important;
    text-align: right;
}
.single-post article .angebot-row table tr{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.single-post article .angebot-row table tr:nth-child(even){
    background-color: rgba(255,255,255,0.7);
}
.single-post article .angebot-row table tr td[colspan]{
     background-color: rgba(142,152,156,0.2)!important;
    font-style: italic;
    border-top: 1px solid var(--dark-black)!important;
    font-size: 14px;
}