/*
 Theme Name:   MobiTec
 Theme URI:    https://www.neckarmedia.com
 Description:  MobiTec Theme
 Author:       Neckarmedia
 Author URI:   https://www.neckarmedia.com
 Template:     mobitec
 Version:      1.0
*/


/* prompt-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/prompt-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/prompt-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/prompt-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/prompt-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/prompt-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/prompt-v10-latin-regular.svg#Prompt') format('svg'); /* Legacy iOS */
}
/* prompt-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/prompt-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/prompt-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/prompt-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/prompt-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/prompt-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/prompt-v10-latin-600.svg#Prompt') format('svg'); /* Legacy iOS */
}
/* prompt-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/prompt-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/prompt-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/prompt-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/prompt-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/prompt-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/prompt-v10-latin-700.svg#Prompt') format('svg'); /* Legacy iOS */
}


/* =======================================================================================================================================
Global variables
======================================================================================================================================= */
:root{
    --blue: #1D3353;
    --green: #186C34;
    --green-hover: #124D26;
    --gray: #6e6e6e;
    --shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}


/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{-webkit-tap-highlight-color: transparent;}
body{-webkit-font-smoothing: antialiased;}
body,p{font-family: 'Prompt', sans-serif; font-size: 1rem;}
h1,h2,h3,h4,h5,h6{font-family: 'Prompt', sans-serif;}

#top .special_amp{color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}

#top h1{text-transform: none; font-weight: 700; font-size: 3rem;}
#top h2{text-transform: none; font-weight: 700; font-size: 2.4rem;}
#top h3{font-weight: 700;}
#top .av-subheading{text-transform: uppercase; color: var(--green); font-weight: 600; letter-spacing: 0.1em;}

@media only screen and (min-width: 768px){
    #top h1{}
    #top h2{}
    #top h3{}
}

@media only screen and (min-width: 990px){
    #top h1{}
    #top h2{}
    #top h3{}
}


/* =======================================================================================================================================
Header
======================================================================================================================================= */
/* Logo */
#top .logo{padding: 5px 0;}

/* Navigation */
#header_main .container, .main_menu ul:first-child > li a{font-weight: 400; text-transform: uppercase;}
#top .av-main-nav > li > a{padding: 0 30px; font-size: 1rem;}
#top .av-menu-button > a .avia-menu-text {padding: 9px 30px; font-weight: 600;}
#top #header .mega_menu_title a {
    text-transform: none;
    font-weight: 600;
    margin-bottom: 10px !important;align-content}
#top #header .avia_mega_div > .sub-menu > li > ul li {
    text-transform: none;
    color: var(--gray);
}

#top #header.header-scrolled{padding: 15px 0;}

/* =======================================================================================================================================
Misc
======================================================================================================================================= */
/* Images */
#top .image-overlay{display: none !important;}
.avia-image-container img.avia_image{width: 100%;}

/* Buttons */
#top .avia-button-wrap, #top .avia-buttonrow-wrap{margin-top: 30px}
#top .avia-button{border-radius: 0; font-weight: 600; text-transform: uppercase; padding: 20px; font-size: 1em;}
#top .avia-button.avia-color-dark { color: var(--blue); border: 2px solid var(--blue); padding: 19px 20px; background: transparent;} 

/* Leistungsboxen */
#top .__leistung-box{-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow); padding: 2.5%; background-color: #fff; z-index: 10; margin-bottom: -160px;}
#top .__leistung-box img{width: 35%; margin: 0 auto;}

/* Lead-in box */
@media only screen and (min-width: 767px){#top .__leadin{padding: 0 80px;}}
#top .__leadin .container {
    background: #fff;
    -webkit-box-shadow: var(--shadow);
            box-shadow: var(--shadow);
    margin: -80px auto; 
    max-width: 1600px;
    padding: 40px;
    z-index: 10; 
}
#top .__leadin img{max-width:70%; margin: 0 auto;}


@media only screen and (max-width: 767px){
    .responsive #top #wrap_all .__leadin .container {
        margin-top: -60px;
        margin-bottom: -60px;
        padding: 0 20px;
    }
    
    .responsive #top #wrap_all .__leadin.avia-section-large .content{
        padding: 40px 0;
    }
    
    #top .__leadin img{
        width: 50%;
        margin: 0 auto;
    }
    
}

/* Shadow */
.__shadow{-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow)}

/* Partnerlogos */
#top .avia-logo-element-container .slide-entry{
    margin: 1%;
    width: 31.33%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
}

/* Accordion */
#top .single_toggle{-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow); margin-bottom: 10px;}
#top .single_toggle .toggler{color: var(--blue); font-weight: 600;}
#top .toggle_icon{opacity: 1;}
#top .single_toggle .vert_icon, #top .single_toggle .hor_icon{border-color: var(--blue); border-width: 4px;} 
#top .single_toggle .vert_icon{height: 18px}
#top .single_toggle .hor_icon{width: 18px}
#top .toggle_content{background: transparent;}
#top a.__bewerben{background-color: var(--blue); font-weight: 600; text-transform: uppercase; padding: 20px; font-size: 1em; color: #fff;}

/* Unordered List Text */
#top ul{margin-left: 0;}
section.av_textblock_section ul li, div.toggle_content ul li{list-style: none}
section.av_textblock_section ul.disc, .entry-content-wrapper ul li{list-style: none;}
section.av_textblock_section ul li::before, div.toggle_content ul li::before, section.av_textblock_section ul.disc, section.av_textblock_section .entry-content-wrapper ul li::before{
    content: "■";  
    color: var(--green); 
    display: inline-block; 
    width: 1em; 
    margin-left: -1em;
    margin-top: -5px;
}

/* Symbol List Small */
.av-iconlist-small .iconlist-char::before{color: var(--green); }
.avia-icon-list-container{margin-top: 0;}
#top .av-iconlist-small .iconlist_icon{margin-right: 0.1em;}
.avia-icon-list .iconlist_icon{text-align: left;}



/* =======================================================================================================================================
Modal
======================================================================================================================================= */
#top #__modal{
    display: none; 
    pointer-events: none; 
    width: 100vw; 
    height: 100vh;
    background: #fff;
    position: fixed; 
    top: 50%; 
    left: 50%; 
    -webkit-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
        transform: translate(-50%, -50%); 
    z-index: 0; 
    -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 20%); 
            box-shadow: 0 0 50px rgb(0 0 0 / 20%);
}
#top #__modal .__close{cursor: pointer; color: var(--blue); font-size: 32px; display: inline-block; line-height: 1; position: absolute; right: 8px; top: 44px; width: 44px; height: 44px; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 10;}
#top #__modal .__wrap{max-width: 1330px; padding: 100px 15px 50px 15px; margin: auto; overflow: hidden; height: 100%; width: 100%;}
#top #__modal .__wrap .__content{height: 100%; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain;}
#top #__modal .__wrap .__content h2{margin-bottom: 30px; color: var(--blue)}
#top #__modal .__wrap .__content a{color: var(--blue);}

html.__modalOpen{height: 100vh; overflow: hidden; position: fixed; top: 0; left: 0; right: 0;}
html.__modalOpen #top #__modal{display: -webkit-box;display: -ms-flexbox;display: flex; z-index: 5000; pointer-events: auto;}

@media only screen and (min-width: 1200px){
    html #wrap_all:after{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100vw; height: 100vh; background: #000; z-index: 1000; pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
    html.__modalOpen #wrap_all:after{visibility: visible; opacity: .5; pointer-events: auto;}
    #top #__modal{width: 1230px; max-width: 40vw; max-height: 95vh; height: auto;}
    #top #__modal .__close{top: 8px;}
    #top #__modal .__wrap{padding: 50px;}
}

@media only screen and (min-width: 760px){
    top #__modal{width: 1230px; max-width: 80vw; max-height: 95vh; height: auto;}
}

/* =======================================================================================================================================
CF7 Contact Form 7
======================================================================================================================================= */
/* CF7 Style */
#top form.wpcf7-form input,
#top form.wpcf7-form select,
#top form.wpcf7-form textarea{padding: 1em; border-radius: 0x; border: 1px solid var(--blue) !important; color: var(--grey) !important; font-size: 1rem; margin-bottom: 15px; background-color: transparent !important; font-family: 'Prompt';}
#top form.wpcf7-form input.wpcf7-submit{padding: 1em 2em; border-radius: 0px; border: 1px solid var(--blue) !important; color: #fff !important; font-size: 1rem; background-color: var(--blue) !important; font-weight: 600; text-transform: uppercase; font-family: 'Prompt';}

#top form.wpcf7-form .wpcf7-acceptance{display: block; margin-bottom: 1em}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{margin: 0}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label{display: -webkit-box;display: -ms-flexbox;display: flex;}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label > input{margin: .2em .8em 0 0;}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label > .wpcf7-list-item-label{line-height: 1.5; color: #000; font-size: small}

/* CF7 Grid */
@media only screen and (min-width: 768px){
    :root{--f-row-gap: 20px;}
    #top .f_row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--f-row-gap); gap: var(--f-row-gap)}
    #top .f_row > div{-ms-flex-preferred-size: 0;flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
    #top .f_row > div.one-third{-webkit-box-flex: 0;-ms-flex: 0 0 calc( 33.333333% - (var(--f-row-gap) / 3 * 2) );flex: 0 0 calc( 33.333333% - (var(--f-row-gap) / 3 * 2) ); max-width: calc( 33.333333% - (var(--f-row-gap) / 3 * 2) );}
    #top .f_row > div input, #top .f_row > div select, #top .f_row > div textarea{margin: 0}
    #top .f_row p{margin: 0;}
}

/* CF7 Output */
#top form.wpcf7-form .ajax-loader{display: none;}
#top form.wpcf7-form .wpcf7-not-valid-tip{display: none;}
#top form.wpcf7-form .wpcf7-response-output{font-size: 1rem; padding: 1em 2em; margin: 0; border: 0; line-height: 1.5; background: #eee; border-left: 2px solid #7d7d7d; color: #7d7d7d;}
#top form.wpcf7-form .wpcf7-not-valid{border-bottom: 1px solid darkred !important;}
#top form.wpcf7-form.invalid .wpcf7-response-output{background: #fff0f0; border-color: darkred; color: darkred}
#top form.wpcf7-form.sent .wpcf7-response-output{background: #daffda; border-color: green; color: green;}


/* Upload Plugin */
.codedropz-upload-inner h3{font-weight: 400; font-size: 22px;}


/* =======================================================================================================================================
FAB floating support button
======================================================================================================================================= */
#top #__fab{
    width: 120px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    right: 0;
    top: 20%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    background: var(--green);
    -webkit-box-shadow: var(--shadow);
            box-shadow: var(--shadow);
    z-index: 900;
    padding: 10px 5px 5px 5px;
    cursor: pointer;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}
#top #__fab > span.av-icon-char{font-size: 30px; line-height: 1; margin-bottom: 5px;}
#top #__fab > span.text{font-size: 13px; font-weight: 400; font-family: 'Prompt'; line-height: 14px; text-align: center; text-transform: uppercase;}

#top #__fab:hover{background: var(--green-hover);}

@media only screen and (min-width: 768px){
    #top #__fab{top: 20%; right: 0;}
}


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

#footer{-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow); padding: 30px 0;}
#footer .widgettitle{text-transform: none; color: var(--blue); letter-spacing: 0;}
#footer a.__link{font-weight: 700;}
#footer .__intern{margin-top: 80px; }