/*
Theme Name: aruna
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

p {
    line-height:normal;
    font-size: 18px;
    line-height: 20px;
    color: #51534b;
    font-weight:300;
}

.btn-default.btn {background-color:#A1C53A;color:#FFF;padding:10px 12px;font-size:16px;}
.text-xs {
    font-size: 1.0rem !important;
}

article.post .post-meta {display:none;}

/*Mobile Menue */
.Simple-Line-Icons-menu:before {
    content: "\e601";
    padding-left: 10px;
}
#header .mobile-toggle {
    padding: 9px 13px;
    font-size: 37px;
}

/* Produkte */
.produkt {
    width:26vw;
    float:left;
    margin:1.5vw;
    min-height:540px;}

.produkt h3 {
    font-size:1.6vw;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0;
    color:#FFF;
    background-color:#A1C53A;
    padding:10px 20px;
}

.produkt img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

a.button_download:link,
a.button_download:active,
a.button_download:visited {
    color:#A1C53A;background-color:#FFF;border:1px solid #A1C53A;border-radius:6px;
    font-size:1.2vw;
    padding: 10px 20px;
    display:inline-block;
    margin-top:10px;
}

a.button_download:hover {
    
    color:#FFF;background-color:#A1C53A;border:1px solid #A1C53A;border-radius:6px;
}

/* Formular */
.nf-form-fields-required {display:none;}
.nf-form-content input:not([type="button"]), .nf-form-content textarea {background:#FFF;border:1px solid #51534b;}
.nf-form-content input[type="button"] {
    background: #a1c53a !important;
    font-size:0.9vw;
    border-radius:6px;
  }

/* Footer */
#footer, #footer p, #footer .widget > div > ul li, #footer .widget > ul li {
    color: #51534b;
}

#footer a:not(.btn), #footer .tooltip-icon {
    color: #51534b;
}

.elementor-nav-menu--main .elementor-nav-menu a, 
.elementor-nav-menu--main .elementor-nav-menu a.highlighted, 
.elementor-nav-menu--main .elementor-nav-menu a:focus, 
.elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 13px 0px;
}
.elementor-145 .elementor-element.elementor-element-2a18484 .elementor-heading-title {
    color: #FFFFFF !important;
}

#footer .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 13px 0px;
    text-decoration: underline !important;
}

.footerimg {width:65px;height:65px;float:left;margin-right:20px;margin-top:-17px;}

.ansprechpartner {width:48%;float:left;margin-right:20px;min-height:250px;margin-bottom:30px;}
.ansprechpartnerbild {border-radius: 50% 50% !important;width:150px;float:left;margin-right:20px;margin-bottom:60px;}
.ansprechpartner h3 {margin-top:15px;margin-bottom:0px;}
.ansprechpartner .titel {font-weight:500;margin-bottom:0px;padding-bottom:0px;}

.bildquelle {font-size:12px !important;display:block;text-align:right;margin-top:-5px;}


.white p {color:#FFF;margin-bottom: 10px;}
.white h2 {color:#FFF;line-height: 30px;font-weight: 400;margin-bottom: 5px !important;font-size: 24px;}


/* bAV - Tabs */
#elementor-tab-title-9431 {background-color: #A1C53A;color: #FFF !important;}
#elementor-tab-title-9432 {background-color: #AACA4D;color: #FFF !important;}
#elementor-tab-title-9433 {background-color: #B2CF60;color: #FFF !important;}
#elementor-tab-title-9434 {background-color: #BBD473;color: #FFF !important;}
#elementor-tab-title-9435 {background-color: #C4D986;color: #FFF !important;}

@media only screen and (min-width: 1960px) { 
    .produkt {
        width:26vw;
        float:left;
        margin:1.5vw;
        min-height:560px;}
}


@media only screen and (max-width: 1120px) { 
    .produkt {width:98%;}
    a.button_download:link,
    a.button_download:active,
    a.button_download:visited {
        font-size:3.2vw;
        margin-top:15px;
        display:inline-block;
    }
    .elementor-22 .elementor-element.elementor-element-34a869d > .elementor-element-populated {
        padding: 0px 0px 50px 0px;
    }

    .head1 h2.elementor-heading-title {font-size:4.1vw !important;}
    .head2 h2.elementor-heading-title {font-size:2.7vw !important;}
    .head3 h2.elementor-heading-title {font-size:2.2vw !important;}

    #header .main-menu > li.menu-item > a {
        font-size: 21px !important;
    }

    /*Logo*/
    .elementor-10 .elementor-element.elementor-element-ba8efc4 {
        width: 18%;
        margin-left: 20px;
        margin-top: 20px;
    }
    .elementor-10 .elementor-element.elementor-element-66510ff {
        width: 77% !important;
        float:right;
    }

    /*Button*/
    .nf-form-content input[type="button"] {
        background: #a1c53a !important;
        font-size: 2.5vw;
        border-radius: 6px;
    }

    /*Ansprechpartner*/
    .ansprechpartner {width:47%;}


}

@media only screen and (max-width: 960px) { 
    .produkt {width:98%;}
    a.button_download:link,
    a.button_download:active,
    a.button_download:visited {
        font-size:3.2vw;
        margin-top:15px;
        display:inline-block;
    }
    .elementor-22 .elementor-element.elementor-element-34a869d > .elementor-element-populated {
        padding: 0px 0px 50px 0px;
    }

    .head1 h2.elementor-heading-title {font-size:4.1vw !important;}
    .head2 h2.elementor-heading-title {font-size:2.7vw !important;}

    #header .main-menu > li.menu-item > a {
        font-size: 21px !important;
    }
    .elementor-454 .elementor-element.elementor-element-a1b44fd > .elementor-element-populated,
    .elementor-347 .elementor-element.elementor-element-a1b44fd > .elementor-element-populated,
    .elementor-484 .elementor-element.elementor-element-a1b44fd > .elementor-element-populated,
    .elementor-498 .elementor-element.elementor-element-a1b44fd > .elementor-element-populated,
    .elementor-504 .elementor-element.elementor-element-a1b44fd > .elementor-element-populated,
    .elementor-509 .elementor-element.elementor-element-a1b44fd > .elementor-element-populated,
    .elementor-523 .elementor-element.elementor-element-a1b44fd > .elementor-element-populated,
    .elementor-528 .elementor-element.elementor-element-a1b44fd > .elementor-element-populated {
        padding: 0px 0px 30px 0px;
    }
    .elementor-454 .elementor-element.elementor-element-753a142 > .elementor-element-populated,
    .elementor-347 .elementor-element.elementor-element-753a142 > .elementor-element-populated,
    .elementor-484 .elementor-element.elementor-element-753a142 > .elementor-element-populated,
    .elementor-498 .elementor-element.elementor-element-753a142 > .elementor-element-populated,
    .elementor-504 .elementor-element.elementor-element-753a142 > .elementor-element-populated,
    .elementor-509 .elementor-element.elementor-element-753a142 > .elementor-element-populated,
    .elementor-523 .elementor-element.elementor-element-753a142 > .elementor-element-populated,
    .elementor-528 .elementor-element.elementor-element-753a142 > .elementor-element-populated
     {
        margin: 0px 0px 0px 0px;
        --e-column-margin-right: 0px;
        --e-column-margin-left: 0px;
        padding: 0px 10px 0px 0px;
      }
    
      /*Produkte */
    .elementor-347 .elementor-element.elementor-element-4b43a90 .elementor-tab-title {
        font-family: "Roboto Condensed", Sans-serif;
        font-size: 2.5vw;
    }
    .produkt h3 {
        font-size: 2.6vw;
      }

    /*Startseite */
    .elementor-22 .elementor-element.elementor-element-332b5ba > .elementor-element-populated{
        margin-right: 15px;
      }

    .elementor-22 .elementor-element.elementor-element-0c515ac > .elementor-element-populated {
        margin-left: 15px;
    }

    /*Logo*/
    .elementor-10 .elementor-element.elementor-element-ba8efc4 {
        width: 18%;
        margin-left: 20px;
        margin-top: 20px;
    }
    /*Footer*/
    .elementor-172 .elementor-element.elementor-element-4626dd6 > .elementor-element-populated {
        margin: 0px 10px 0px 0px !important;
        --e-column-margin-right: 10px;
        --e-column-margin-left: 0px !important;
      }
    .elementor-172 .elementor-element.elementor-element-578e969,
    .elementor-172 .elementor-element.elementor-element-7fd95f9,
    .elementor-172 .elementor-element.elementor-element-a295126 .elementor-nav-menu .elementor-item,
    .elementor-172 .elementor-element.elementor-element-91389cf .elementor-nav-menu .elementor-item {
        font-family: "Roboto Condensed", Sans-serif;
        font-size: 1em !important;
        font-weight: 400;
        line-height: 1em;
      }
    .telmailleft {font-size:1.2em}

        /*Ansprechpartner*/
        .ansprechpartner {width:99%;}


}

@media only screen and (max-width: 670px) { 

    h1.elementor-heading-title {font-size:6vw !important;}
    h2.elementor-heading-title {font-size:5vw !important;}
    h3.elementor-heading-title {font-size:4.5vw !important;}
	.produkt {width:98%;}
    .produkt h3 {font-size: 3.6vw;}
    a.button_download:link,
    a.button_download:active,
    a.button_download:visited {
        font-size:3.2vw;
        margin-top:15px;
        display:inline-block;
    }
    .elementor-tab-title {font-size:3.7vw!important;}

    /*Formular */
    .nf-form-content input[type="button"] {
        background: #a1c53a !important;
        font-size: 5.5vw;
        border-radius: 6px;
    }



    /*Header */
    .head1 h2.elementor-heading-title {font-size:6.1vw !important;}
    .head2 h2.elementor-heading-title {font-size:4.7vw !important;}
    .head3 h2.elementor-heading-title {font-size:6.7vw !important;}

    /*Footer*/
    .elementor-172 .elementor-element.elementor-element-a295126 .elementor-nav-menu .elementor-item,
    .elementor-172 .elementor-element.elementor-element-91389cf .elementor-nav-menu .elementor-item {font-size:2em !important}
    h3.elementor-heading-title {font-size:6.7vw;}



    /*Ansprechpartner*/
    .ansprechpartner {padding:30px;}
    .ansprechpartnerbild {
        width: 280px;
        float: left;
        margin-left:10px;
        margin-bottom: 30px;
        float:left;
      }

      /*Produkte*/
      a.button_download:link, a.button_download:active, a.button_download:visited {
        font-size: 4.2vw;
        margin-top: 15px;
        display: inline-block;
      }

      .produkt h3 {
        font-size: 5.6vw;
      }

      .produkt {
        min-height: 460px;
      }


}