/*
 Theme Name:   Mezger Rent & Service
 Theme URI:    http://www.neckarmedia.com
 Description:  Mezger Rent & Service Child Theme
 Author:       Antonello Vertucci
 Author URI:   http://www.neckarmedia.com
 Template:     mezger
 Version:      1.0
*/

/* yantramanav-regular - latin */
@font-face {
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/yantramanav-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/yantramanav-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/yantramanav-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/yantramanav-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/yantramanav-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/yantramanav-v6-latin-regular.svg#Yantramanav') format('svg'); /* Legacy iOS */
}
/* yantramanav-300 - latin */
@font-face {
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/yantramanav-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/yantramanav-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/yantramanav-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/yantramanav-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/yantramanav-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/yantramanav-v6-latin-300.svg#Yantramanav') format('svg'); /* Legacy iOS */
}
/* yantramanav-700 - latin */
@font-face {
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/yantramanav-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/yantramanav-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/yantramanav-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/yantramanav-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/yantramanav-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/yantramanav-v6-latin-700.svg#Yantramanav') format('svg'); /* Legacy iOS */
}
/* averia-sans-libre-regular - latin */
@font-face {
  font-family: 'Averia Sans Libre';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/averia-sans-libre-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/averia-sans-libre-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/averia-sans-libre-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/averia-sans-libre-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/averia-sans-libre-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/averia-sans-libre-v9-latin-regular.svg#AveriaSansLibre') format('svg'); /* Legacy iOS */
}
/* material-icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/*
    ==================================== Transition
*/

.infoblatt,
.infoblatt i,
.infoblatt span,
.bild-block .flex_column,
.av-main-nav ul,
.stuck{
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

/*
    ==================================== Typo
*/

h1,h2,h3,h4,h5,h6{font-family: 'Yantramanav', sans-serif !important;}
body,p{font-family: 'Yantramanav', sans-serif !important; font-weight: 300}
h2{font-size: 44px;}
.modern-quote .av-special-heading-tag{font-weight: 700}
.modern-quote h1.av-special-heading-tag{font-weight: 700; font-size: 44px}
.av-subheading_above{margin:0;}
.main_color stro
ng{color: inherit;}
.special_amp{color: inherit!important; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit;}

.template-page .entry-content-wrapper h1, 
.template-page .entry-content-wrapper h2, 
.widgettitle{text-transform: inherit; letter-spacing: inherit;}

.text-shadow, .text-shadow > *{text-shadow: 1px 1px 10px #000000}

/* Material google icons */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

/*
    ==================================== Header
*/

/* Top bar */
#top .av_header_transparency .phone-info, #top .av_header_transparency .social_bookmarks li a {color: #fff;}
#top .av_header_transparency #header_meta, #header_meta{background: #C4151C !important;}
#top .av_header_transparency #header_meta li, #top #header_meta li{border-color: rgba(255,255,255,0.25);}
#header_meta .sub_menu > ul > li{padding: 0px 4px;}
#header_meta .sub_menu > ul > li > a,
#top #wrap_all .av_header_transparency .sub_menu > ul > li > a{
    padding: 2px 10px; 
    background: #c4151c; 
    border-radius: 30px; 
    color: #ffffff; 
    font-size: 12px; 
    font-weight: 400;
    text-transform: uppercase;
}
#header_meta nav.sub_menu ul li a sup {
    position: absolute;
    top: -3px;
    right: -5px;
    vertical-align: inherit;
    width: 15px;
    height: 15px;
    text-align: center;
    display: inline-block;
    line-height: 15px;
    background: #c4151c;
    font-weight: 400;
    color: #ffffff;
    border-radius: 50%;
}
#header_meta .sub_menu > ul > li > a:hover,
#top .header_color .sub_menu ul li a:hover,
#top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover{opacity: inherit; color: #abdaff; text-decoration: none !important}

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header_meta .container{width: 95%; max-width: 95%;}
    .responsive #header_meta .sub_menu>ul{text-align: left;}
    .responsive #header_meta .sub_menu>ul>li{padding: 0 4px}
    #header_meta .sub_menu > ul > li > a, 
    #top #wrap_all .av_header_transparency .sub_menu > ul > li > a{padding: 2px; color: #ffffff !important}
    #header_meta nav.sub_menu ul li a sup{right: -12px}
}

/* Logo */
div .logo{top: 10px}
@media only screen and (min-width: 1100px) {
    .home div .logo{overflow: visible; top: 20px}
    .home div .logo a{height: 170px}
}
@media only screen and (max-width: 767px){
    .responsive #top .logo{text-align: center; width: 100%; display: block;}
    .responsive .logo a{display: inline-block;}
}

/* Navigation */
@media only screen and (min-width: 990px){
    html #top #header_main > .container .main_menu ul:first-child > li > a{
        height: 29px; 
        line-height: 29px; 
        font-size: 16px; 
        text-transform: uppercase; 
        font-weight: 400;
        padding: 0 20px;
    }
    html #top #header_main > .container .main_menu ul:first-child > li > a i{position: relative; top: 3px}
    html #top #header_main > .container .main_menu ul:first-child > li > a:hover{color: #c4151c;}
    html #top #header_main > .container .main_menu ul:first-child > li.current-menu-item > a{-webkit-box-shadow: 0px 10px 20px -10px #808080;box-shadow: 0px 10px 20px -10px #808080; font-weight: 400; color: #c4151c;}
    nav.main_menu{padding-top: 45px}
    nav.main_menu .av-main-nav-wrap{background: #ffffff; float: right;}
    .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a{padding-right: 20px}
    html #top #header_main > .container .main_menu ul:first-child > li:not(:nth-last-child(2)) > a:after{position: absolute; right: -3px; content: '/'; color: #c4151c; font-weight: 400}
    html #top #header_main > .container .main_menu ul:first-child > li:last-child > a:after{content: '';}

    .av-main-nav ul{width: 222px; transform: translateY(15px); -webkit-transform: translateY(15px);}
    .av-main-nav li:hover ul{transform: translateY(0px); -webkit-transform: translateY(0px);}

    #top #wrap_all .av-main-nav ul > li > a:before{content: '\e898'; position: relative; margin-right: 10px; color: #c4151c; font-family: 'entypo-fontello' !important}
}

/* Sticky Header Waypoint */
@media only screen and (min-width: 990px){
    .sticky-wrapper{min-width: 614px}
    .stuck{position: fixed; top: 0; left: 0; padding-left: 10px; padding-right: 10px;}
}
@media (min-width: 990px){
    .stuck {
        /*width: 491px}*/
        min-width: 614px;
        left: auto;
        right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}
.hide-menu .stuck{top: -29px; opacity: 0}

@media only screen and (max-width: 989px){
    nav.main_menu > div{width: auto !important;}
}

/* Mobile navigation 
.av_header_transparency #advanced_menu_toggle{
    background: #c4151c;
    color: #ffffff;
    border: 0 !important;
}
#mobile-advanced{
    width: 300px;
    right: -300px;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.avia_transform3d .show_mobile_menu #mobile-advanced {
    -webkit-transform: scale3d(1);
    transform: scale3d(1);
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}
#advanced_menu_toggle{background-color: #c4151c; color: #ffffff; border: 0 !important;}
#advanced_menu_hide{background-color: transparent; color: #c3c3c3; border: 0 !important;}

#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before{content: ''; display: none;}
#mobile-advanced li > a{text-transform: uppercase;}
#mobile-advanced li ul.sub-menu{display: none;}

#header, 
#main{
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.show_mobile_menu #header, 
.show_mobile_menu #main{
    opacity: .5 !important;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
}
*/


/* Page header */
#page_title_section{border-bottom: 12px solid #434F5B !important}

/* Full screen title */
.full-screen-title .av-subheading p{
    /*background: rgb(255, 255, 255);
    display: inline-block;
    padding: 3px 9px;
    color: #333333;
    text-shadow: none;*/
    color: #c4151c;
    font-weight: bold;
    text-shadow: none;
} 
#top .scroll-down-link {
    background: #c4151c;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    line-height: 80px;
    bottom: 15vh;
}


/*
    ==================================== Misc
*/

.header_color .social_bookmarks a {color: #ffffff;}

#top a:hover, #top a:focus, #top a:visited, #top .av_inherit_color a{text-decoration: none !important;}
.justify{text-align: justify;}
.none{display: none;}
.border-bottom-grey{border-bottom: 4px solid #efefef !important;}
.border-top-grey{border-top: 4px solid #efefef !important;}
.main_color .avia-icon-list .iconlist-timeline{border-color: #c4151c;}

/* Image */
.avia_transform a:hover .image-overlay{display: none !important;}
.image-overlay.overlay-type-extern .image-overlay-inside:before, 
.image-overlay.overlay-type-image .image-overlay-inside:before{background-color: transparent; color: #333333; border-color: transparent; font-size: 40px}
.main_color .avia-content-slider .slide-image{background: transparent;}

/* List */
ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 4px;}
.av_textblock_section ul{list-style: none;}
.av_textblock_section ul li{position: relative;}
.av_textblock_section ul li:before{content: '\e898'; position: absolute; left: -20px; color: #C4151C; font-family: 'entypo-fontello' !important}
.av_textblock_section ul.red-list li:before{color: #434F5B}
.av_textblock_section ul.no-style-list li:before{content: ''}

/* Bild block */
.bild-block .av-special-heading-h4{background: #ffffff; margin: 0; padding: 5% 5% 10% 5% !important}
.bild-block .av-special-heading-h4 h4.av-special-heading-tag{text-transform: uppercase; font-weight: 700; font-size: 18px}
.bild-block .av-special-heading-h4 .av-subheading_below p{color: #726e6e}
.bild-block .flex_column{-webkit-box-shadow: 1px 2px 2px #cacaca;box-shadow: 1px 2px 2px #cacaca}
.bild-block .flex_column:hover{-webkit-box-shadow: 1px 8px 20px 5px #cacaca;box-shadow: 1px 8px 20px 5px #cacaca; -webkit-transform: translateY(-3px); transform: translateY(-3px);}
@media only screen and (min-width: 990px) and (max-width: 1230px){
    .bild-block .av-special-heading-h4 h4.av-special-heading-tag{font-size: 14px}
}

/* Content slider */
#top .avia-smallarrow-slider-heading{display: block;}
#top .avia-smallarrow-slider .avia-slideshow-arrows{width: 50px}
#top .avia-smallarrow-slider  .avia-slideshow-arrows a{width: 25px; height: 25px; line-height: 25px}
.avia-slideshow-dots{display: none;}
@media screen and (max-width: 767px) {
#top .av-control-minimal .avia-slideshow-arrows a:before{border: 0;}
#top .av-control-minimal .avia-slideshow-arrows a.prev-slide {left: -36px;}
#top .av-control-minimal .avia-slideshow-arrows a.next-slide {right: -36px;}
#top .avia-slideshow-arrows a {font-size: 33px;}
}
/* Tooltip */
.main_color .avia-tt, 
.main_color .avia-tt .avia-arrow, .main_color .avia-tt .avia-arrow{background: #ffffff;}
.avia-tt p strong{color: #c4151c}
.av-hotspot-container .av-image-hotspot-pulse {background: #ececec;}

/* Avia Tabs */
#top .main_color .tabcontainer .tab{font-size: 20px; border: 0 !important;}
#top .main_color .tabcontainer .tab.active_tab{font-size: 24px; color: #ffffff; font-weight: inherit;}
div  .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer  .active_tab{background-color: rgba(67,79,91,0.55); border: 0;}
#top .main_color .invers-color .input-text, #top .main_color .invers-color input[type='text'], #top .main_color .invers-color input[type='input'], #top .main_color .invers-color input[type='password'], #top .main_color .invers-color input[type='email'], #top .main_color .invers-color input[type='number'], #top .main_color .invers-color input[type='url'], #top .main_color .invers-color input[type='tel'], #top .main_color .invers-color input[type='search'], #top .main_color .invers-color textarea, #top .main_color .invers-color select{
    background-color: #ffffff;
    -webkit-box-shadow: 0 4px 7px -5px #717171;
            box-shadow: 0 4px 7px -5px #717171;
}

.kontakt form > span.wpcf7-form-control-wrap.Anrede > span > span.wpcf7-list-item > span{color: #ffffff}

/* Logo parade */
.logo-parade .new-special-heading{display: block !important; text-align: center;}

/* NM Tabs */
ul.tabs{margin: 0px; padding: 0px; list-style: none;}
ul.tabs li{
    margin-bottom: 1px;
    color: #434F5B;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    cursor: pointer;
    position: relative;
}
ul.tabs li h4{
    padding: 20px 10px;
    font-size: 14px;
    margin: 0;
    background: #ffffff;
    font-weight: 400
}
@media only screen and (max-width: 1024px) {
    ul.tabs li h4{font-size: 12px}
}
ul.tabs li:hover{cursor: pointer;}
/*ul.tabs li.current{box-shadow: 0px 8px 20px -5px #131313; z-index: 1000}*/
ul.tabs li.current h4{background: #434F5B; color: #ffffff;}
ul.tabs li img{opacity: .5; -webkit-filter: grayscale(100%); filter: grayscale(100%); display: block;}
ul.tabs li.current img{opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0);}

.js_active .active_tab_content{top: 1px}
.tab-content{text-align: justify; display: none; background: none; padding: 15px 0;}
.tab-content.current{display: inherit;}
.tab-content{
    -webkit-animation: scale .8s ease-in-out;
    animation: scale .8s ease-in-out;
}
.tab-content p{min-height: 130px}

@-webkit-keyframes scale{
    0% {opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px);}
   77% {opacity: 1; -webkit-transform: translateY(-6px); transform: translateY(-6px);}
  100% {opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
}

@keyframes scale{
    0% {opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px);}
   77% {opacity: 1; -webkit-transform: translateY(-6px); transform: translateY(-6px);}
  100% {opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
}

@media only screen and (min-width: 769px) {
    ul.tabs{display: table; table-layout: fixed; width: 100%}
    ul.tabs li{display: table-cell; text-align: center;}
}
@media only screen and (max-width: 768px) { ul.tabs li img{display: none;} }

/* CTA right */
.cta-right{
    position: fixed;
    top: 50%;
    right: 20px;
    background:#c4151c;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0px 4px 8px -3px #4c4c4c;
            box-shadow: 0px 4px 8px -3px #4c4c4c;
    z-index: 99;
}
.cta-right i{color: #ffffff; line-height: 60px; font-size: 2em; text-shadow: 0px 2px #434F5B}
.cta-right span {
    width: 60px;
    text-align: center;
    position: absolute;
    bottom: -16px;
    left: 0;
    background: #ffffff;
    color: #c4151c;
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1px 5px;
    -webkit-box-shadow: 0 2px 13px -5px #4c4c4c;
            box-shadow: 0 2px 13px -5px #4c4c4c;
}
@media only screen and (max-width: 767px) { .cta-right{display: none;} }

/* Button */
input[type="submit"], #submit{ background: #c4151c;color: #ffffff;text-transform: uppercase;}

a.icon-button{
    vertical-align: bottom;
    line-height: 0;
    min-width: 35px;
    display: inline-block;
    text-align: center;
    margin: 3px 0px;
}
.fleft{float: left;}

/* Form / Contact Form 7 */
#top .wpcf7-form-control-wrap{position: inherit;}
#top input.nm-form-one-half{width: 49.5%; margin-left: 1%; clear: none; float: left;}
#top input.nm-form-one-half-first{width: 49.5%; margin-left: 0; clear: both; float: left;}

@media only screen and (min-width: 767px) {
#top input.nm-form-one-third{width: 32.6%; margin-left: 1%; clear: none; float: left;}
#top input.nm-form-one-third-first{width: 32.6%; margin-left: 0; clear: both; float: left;}
}

::-webkit-input-placeholder {font-size: 13px !important; color: #c4151c !important}
:-moz-placeholder {font-size: 13px !important; color: #c4151c !important}
::-moz-placeholder {font-size: 13px !important; color: #c4151c !important}
:-ms-input-placeholder {font-size: 13px !important; color: #c4151c !important}

span.wpcf7-not-valid-tip{display: none;}
div.wpcf7-validation-errors, 
div.wpcf7-mail-sent-ok{
    border: 1px dashed #434F5B;
    background: #434F5B;
    font-size: 12px;
    color: #ffffff;
}
div.wpcf7-mail-sent-ok:before, div.wpcf7-validation-errors:before {
    font: 20px/30px 'entypo-fontello';
    margin-right: 15px;
    vertical-align: middle;
}
div.wpcf7-validation-errors:before{content: "\e813"; color: #c4151c}
div.wpcf7-mail-sent-ok:before{content: "\e812"; color: #434F5B}

/* Highlight */
.highlight{
    font-family: 'Averia Sans Libre', cursive !important;
    font-size: 1.5em;
    color: #c4151c;
    letter-spacing: -2px;
    margin: 6px 0;
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}

.highlight i{vertical-align: text-bottom; font-size: 30px; color: #434F5B}

button.mfp-close, button.mfp-arrow {
    background: #c4151c;
}

/*
    ==================================== Home
*/

#h1-mobile-wrap,
.h1-mobile h1{display: none;}
@media only screen and (max-width: 767px) { #h1-mobile-wrap, .h1-mobile h1{display: block;} #h1-mobile-wrap .content {padding-top: 0; padding-bottom: 85%;} #home-section-5 .container {height: 500px !important;} .av-builder-el-46 {margin-bottom: 50px;}}

/* Home hero */
@media only screen and (max-width: 767px) { #home-hero{display: none;} }

/* Home section 1 */
#home-section-1 .avia-builder-el-last .flex_column{padding: 3% 5%; -webkit-box-shadow: 1px 2px 2px #cacaca; box-shadow: 1px 2px 2px #cacaca}
@media only screen and (min-width: 767px) {
    #home-section-1:before{
        border-top: 1px dashed #434F5B; 
        width: 25%;
        position: absolute;
        right: 25%;
        top:50%;
        content: '';
    }
}

/* Home section 2 */
@media only screen and (min-width: 990px) {
    #home-section-2{position: relative;}
    #home-section-2:before{
        border-top: 1px dashed #434F5B;
        width: 64%;
        position: absolute;
        left: 50%;
        margin-left: -32%;
        top: 50%;
        content: '';
    }
    #home-section-2.bild-block .flex_column:first-child .avia-image-container:before{
        border-left: 1px dashed #434F5B;
        height: 70px;
        position: absolute;
        top: -70px;
        left: 50%;
        content: '';
    }
}

@media only screen and (min-width: 1920px) {
    #home-section-2:before{
        border-top: 1px dashed #434F5B;
        width: 1300px;
        position: absolute;
        left: 50%;
        margin-left: -650px;
        top: 50%;
        content: '';
    }
}

/* Home section 3 */
#home-section-3 .circle-wrap .av-image-caption-overlay{max-width: 300px}
@media only screen and (min-width: 990px) {
    #home-section-3 .avia-content-slider-element-container:before{
        position: absolute;
        left: -115px;
        width: 75px;
        height: calc(100% + 100px);
        top: 50%;
        margin-top: -24%;
        border: 1px dashed #434F5B; 
        border-right: 0 !important;
        content: '';
    }
    #home-section-3 .av-special-heading:after{
        position: absolute;
        right: -150px;
        width: 120px;
        height: calc(100% + 110px);
        top: -8px;
        margin-top: -24%;
        border: 1px dashed #c4151c;
        border-left: 0 !important;
        border-top: 0 !important;
        content: '';
    }
    #home-section-3 .circle-wrap{position: relative;}
    #home-section-3 .circle-wrap img{max-width: 250px; border: 5px solid #e1e1e1;}
    #home-section-3 .circle-wrap .av-image-caption-overlay{max-width: 250px}
    #home-section-3 .circle-2,
    #home-section-3 .circle-3{position: absolute; width: 100%}
    #home-section-3 .circle-1{position: relative; left: 25%; top: 5px; z-index: 100}
    #home-section-3 .circle-2{top: 150px; left: 25%; z-index: 200}
    #home-section-3 .circle-3{top: 300px; left: 25%; z-index: 300}
    #home-section-3 .circle-wrap:hover .circle-1{left: 30%; top: -40px}
    #home-section-3 .circle-wrap:hover .circle-2{left: 5%;}
    #home-section-3 .circle-wrap:hover .circle-3{left: 45%; top: 317px;}

    .circle-1, .circle-2, .circle-3{
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
}

#home-section-3 .avia-content-slider-element-container h3.slide-entry-title a{
    position: absolute;
    bottom: 16px;
    color: #c4151c !important;
    display: -ms-inline-grid;
    display: inline-grid;
    line-height: 18px;
    padding: 3px 17px;
    background: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    -webkit-box-shadow: 0px 10px 20px -10px #808080;
            box-shadow: 0px 10px 20px -10px #808080;
    z-index: 100;
}

/* Home section 4 */
#home-section-4{position: relative;}
#home-section-4:before{
    border-left: 1px dashed #c4151c;
    height: 100px;
    position: absolute;
    left: 50%;
    top: -50px;
    content: '';
}
#home-section-4{
    background: rgb(247,247,247);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, rgba(247,247,247,1)),color-stop(77%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
    background: linear-gradient(to bottom, rgba(247,247,247,1) 4%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 );
}
#home-section-4 .av-hotspot-fallback-tooltip-count{display: none;}
#home-section-4 .av-hotspot-fallback-tooltip-inner{margin-left: 0; background: #ffffff; border:0; -webkit-box-shadow: 1px 2px 2px #cacaca; box-shadow: 1px 2px 2px #cacaca;}
#home-section-4 .av-hotspot-fallback-tooltip-inner p strong{color: #c4151c}
@media only screen and (max-width: 767px){
    .responsive #home-section-4 .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner {
        text-indent: 50000px;
    }
}

/* Home section 5 */
@media only screen and (min-width: 990px) {
    #home-section-5 .av-special-heading:before{
        position: absolute;
        left: 15%;
        width: 120px;
        height: 333px;
        top: -230px;
        margin-top: -24%;
        border: 1px dashed #c4151c;
        border-right: 0 !important;
        border-bottom: 0 !important;
        content: '';
    }
}


/* Home section 6 */
@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #home-section-6.av-flex-cells .no_margin{padding: 0px !important;} 
}

/*
    ==================================== Truck & Trailer 
*/

.truck-trailer-mobile-img{display: none !important;}
@media only screen and (max-width: 1024px){
    .responsive .av-hotspot-fallback-tooltip {display: block;}
    .responsive .av-mobile-fallback-active.avia-tooltip {visibility: hidden;}
    .truck-trailer-mobile-img{display: block !important;}
    .av-hotspot-container{display: none;}
}
.truck-trailer-tooltip .inner_tooltip p{line-height: 16px;}
.truck-trailer-tooltip .inner_tooltip img{width: 150px; margin-top: 8px}
.av-tt-pos-above.av-tt-align-centered, .av-tt-pos-below.av-tt-align-centered{text-align: left;}
.truck-trailer-tooltip .av-hotspot-container .av-image-hotspot-pulse{background: #c4151c;}
.avia-arrow-wrap,
.truck-trailer-tooltip .av-image-hotspot_inner,
.truck-trailer-tooltip .av-image-hotspot-pulse{display: none;}

/* Truck & Trailer services fixed menu */
.truck-trailer-services-fixed-menu{border: 0 !important}
.truck-trailer-services-fixed-menu li{padding: 0 !important}
.truck-trailer-services-fixed-menu li a{line-height: 51px; position: relative; z-index: 101; background: transparent !important; border: 0 !important;}
.truck-trailer-services-fixed-menu li a span.avia-menu-text{text-transform: uppercase; font-size: 12px; font-weight: 700; display: block;}
.truck-trailer-services-fixed-menu li a:hover span.avia-menu-text{color: inherit;}
.truck-trailer-services-fixed-menu li.active a:hover span.avia-menu-text{color: #ffffff;}
.truck-trailer-services-fixed-menu li.active a{color: #ffffff}
.lavalamp-menu .lavalamp{
    z-index: 0;
    position: absolute;
    top: 0;
    height: 51px;
    background: #c4151c;
}
.lavalamp-menu li{position: inherit !important;}

.lavalamp-menu .lavalamp,
span.avia-menu-text{
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}


/*
    ==================================== Vermietung
*/

/* Produkt Ansicht Mietfahrzeuge */
#mietfahrzeuge .av-image-caption-overlay-center{vertical-align: bottom; text-align: left}
#mietfahrzeuge .av-image-caption-overlay-center p{
    position: relative;
    bottom: 16px;
    color: #c4151c;
    display: -ms-inline-grid;
    display: inline-grid;
    line-height: 18px;
    padding: 3px 17px;
    background: #ffffff;
    font-size: 15px; 
    text-transform: uppercase;
    font-weight: 400;
    -webkit-box-shadow: 0px 10px 20px -10px #808080;
            box-shadow: 0px 10px 20px -10px #808080;
}

#mietfahrzeuge .avia-image-container-inner a.avia_image .av-image-caption-overlay-position .infoblatt{
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    text-align: center;
    width: 100%;
    background: transparent;
}
/*
#mietfahrzeuge .avia-image-container-inner a.avia_image:hover .av-image-caption-overlay-position .infoblatt{
    box-shadow: 0px 0px 50px 30px rgba(255,255,255, .45);
    background: rgba(255,255,255, .45);
}
*/
#mietfahrzeuge .avia-image-container-inner a.avia_image .av-image-caption-overlay-position .infoblatt i{
    background: #c4151c;
    height: 50px;
    margin: auto;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 25px;
    -webkit-box-shadow: 0 2px 13px -5px #333;
            box-shadow: 0 2px 13px -5px #333;
    display: block;
    opacity: 0;
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
}
#mietfahrzeuge .avia-image-container-inner a.avia_image:hover .av-image-caption-overlay-position .infoblatt i{
    opacity: 1; 
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

#mietfahrzeuge .avia-image-container-inner a.avia_image .av-image-caption-overlay-position .infoblatt span{
    text-align: center;
    background: #ffffff;
    color: #c4151c;
    display: inline-block;
    line-height: 16px;
    clear: both;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1px 5px;
    -webkit-box-shadow: 0 2px 13px -5px #333;
            box-shadow: 0 2px 13px -5px #333;
    bottom: -12px;
    left: -50px;
    opacity: 0;
    transform: translateY(35px);
    -webkit-transform: translateY(35px);
}
#mietfahrzeuge .avia-image-container-inner a.avia_image:hover .av-image-caption-overlay-position .infoblatt span{
    opacity: 1; 
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

#mietfahrzeuge .wunschfahrzeug-anfrage .infoblatt{display: none !important;}

@media only screen and (max-width: 767px){
    #mietfahrzeuge .avia-image-container-inner a.avia_image .av-image-caption-overlay-position .infoblatt i{opacity: 1}
}

@media only screen and (max-width: 960px){
    .responsive #top #wrap_all #mietfahrzeuge .flex_column{
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1260px){
    #mietfahrzeuge .av-image-caption-overlay-center p small{display: none}
}
@media only screen and (max-width: 767px){
    #mietfahrzeuge .av-image-caption-overlay-center p small{display: none}
}

/*
    ==================================== Unternehmen
*/

.company-section .template-page.content {
    padding-bottom: 35%;
}


/*
    ==================================== Footer
*/

#footer .widgettitle{font-size: 22px; border-bottom: 1px dashed #565656; margin-bottom: 1.2em; padding: 6px 0;}
#footer .widget_nav_menu ul.menu li{width: 50%; float: left; clear: inherit;}
#footer .widget_nav_menu ul.menu li a{font-size: 16px; padding: 0; border-bottom: 1px dashed #565656; display: inline-block;}
#footer .widget_nav_menu ul.menu li a sup{display: none}
#footer .footer-kontakt{line-height: 33px}
#footer .footer-kontakt i{position: relative; margin-right: 4px; top: 2px}
#footer .textwidget {text-align: justify;}

#socket .copyright{font-size: 13px}
#socket .copyright span{color: #808080}
#socket nav.sub_menu_socket li a{color: #ffffff; font-size: 13px; position: relative;}
#socket nav.sub_menu_socket li a:after{position: absolute; right: -13px; content: '/'; color: #ffffff; font-weight: 300}

#scroll-top-link.avia_pop_class{opacity: 1}
#scroll-top-link{width: 60px; height: 25px; line-height: 25px; bottom: 25px; right: 20px}


/*
    ==================================== Magnific popup
*/
#top .mfp-bg{background: #ffffff;}
#top .my-mfp-zoom-in.mfp-ready.mfp-bg{background: #ffffff; opacity: .9}
.mfp-close-btn-in .mfp-close{color: #ffffff}

#popup_form{
    background-image: url(img/cta_bg.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 35%;
    background-color: #c4151c;
    color: #ffffff;
    padding: 20px 30px 20px 30px;
    text-align: left;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    display: table;
    width: 100%;
}
#popup_form .popup_form_cell{display: table-cell; padding: 10px; vertical-align: bottom;}
#popup_form .popup_form_cell:first-child{width: 300px;}
#popup_form .popup_form_cell, #popup_form .popup_form_cell a{color: #ffffff !important}

@media only screen and (max-width: 767px){
    #popup_form,
    #popup_form .popup_form_cell{display: block; padding: 10px}
}

.wpcf7-not-valid {
    background-color: #c4151c !important;
    border-color: #ffffff !important;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
    -webkit-transform: scale(0.8); 
    transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1); 
    transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8); 
    transform: scale(0.8); 
    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/*
    ==================================== @MEDIA QUERIES
*/

@media only screen and (max-width: 1024px){
    .no-tablet{display: none !important}
    #home-section-5 {background-image: none !important;}
}
@media only screen and (max-width: 960px){.responsive .logo img {padding: 8px}}
@media only screen and (max-width: 767px){
    .responsive #top #wrap_all .container{width: 90%; max-width: 90%;}
    .responsive #top #wrap_all .av-flex-cells .no_margin{padding-left: 5% !important; padding-right: 5% !important;}
    .no-mobile{display: none !important}
    .responsive #top .main_color .tabcontainer .tab {background: #C4151C; color: #ffffff; border-top: 1px solid #ffffff !important;}
    .responsive #top .main_color .tabcontainer .active_tab {background: #C4151C;}
}

@media only screen and (min-width: 500px) and (max-width: 767px){
    .responsive #top #wrap_all #home-section-2 .flex_column { width: 48% !important; }
    .responsive #top #wrap_all #home-section-2 .avia-builder-el-14, .responsive #top #wrap_all #home-section-2 .avia-builder-el-20 { margin-left: 4%; }
}