/*
Theme Name: Gabarage
Theme URI: https://www.gabarage.at
Description: Gabarage Website Template
Author: Reither & Partner
Author URI: https://www.reither-partner.at/
*/


html,body,div,ul,ol,li,p,h1,h2,h3,h4{
    margin:0;
    padding:0;
    -webkit-margin-start: 0;
    -webkit-padding-start: 0;
}


* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

p {
  margin: 18px 0 18px 0;
    
}


body {
    height: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

#wrapper {
    position: absolute;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 9000;
    background: transparent;
}

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

#wrapper {
    position: absolute;
    
   
}
    }



#header {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    height: 105px;
    background: #fff;
    z-index: 1000 !important;
    
 }

#logo {
    position: absolute;
    top: 36px;
    left: 40px;
    width: 215px;
    height: 55px;
    text-align: left;
    z-index: 99999;
}

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

#logo {
    left: 25px;
    width: 160px;
    top: 60px;
    
   
}
    }

.logopic {
    width: 100%;
    max-width: 215px;
    height: auto;
}

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

.logopic {
    max-width: 160px;
    
   
}
    }

#navigation {
    position: absolute;
    left: 0px;
    padding-left: 315px;
    padding-right: 0px;
    padding-bottom: 0;
    top: 38px;
    width: 100%;
    height: 28px;
   text-align: left;
    z-index:0 !important;
    
}

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

#navigation {
    top: 16px;
    padding-left: 0px;
    
   
}
    }

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

#navigation {
    top: 35px;
    padding-left: 0px;
    
   
}
    }


#tools {
	position: absolute;
    right: 25px;
    top: 0px;
    width: 200px;
    height: 50px;
    background: #fff;
        
}

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

#tools {
    right: 80px;
    top: 25px;
    
   
}
    }

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

#tools {
    right: 20px;
    top: 0px;
    
   
}
    }


#sprache {
	position: absolute;
    right: 270px;
    top: 15px;
    width: 50px;
    height: 20px;
    background: transparent; 
    text-align: left;
    font-family: 'Open Sans', sans-serif;
 font-weight: 500 !important;
  font-size: 14px;
    line-height: 24px;
  color:#000;
    display: none;
    
}


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

#sprache {
    right: 300px;
    top: 40px;
    
   
}
    }


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

#sprache {
    left: 25px;
    top: 20px;
    
   
}
    }


#sujet {
	position: relative;
    margin: 105px auto 0;
	text-align: center; 
	width: 100%;
    background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
    height: 600px;
	
}

#sujet-woo {
	position: relative;
    margin: 105px auto 0;
	text-align: center; 
	width: 100%;
    background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
    height: auto;
	
}


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

#sujet {
    height: 450px;
    
   
}
    }



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

#sujet {
    height: auto;
    min-height: 350px;
    margin-bottom: 30px;
    
   
}
    }

.header-image {
	width: 100%;
    max-width: 1920px;
    height: auto;
    
}



#content-fullwidth {
	position: relative;
    margin: 0 auto 0;
    width: 100%;
    height: auto;
    background: #fff;  
}

#content-boxed {
	position: relative;
    margin: 0 auto 0;
    width: 100%;
    max-width: 1200px;
    height: auto;
    min-height: 550px;
    background: #fff; 
    padding: 40px 0 40px 0;
}


@media(max-width:1200px) {
#content-boxed {
padding: 0 20px 0 20px;
    
	
	
    }
}

@media(max-width:700px) {
#content-boxed {
min-height: 50px;
    

	
    }
}


#footerwrapper {
	position: relative;
    margin: 0 auto 0;
    width: 100%;
    height: auto;
    background: #1a1a1a;  
}




#footercontent {
	position: relative;
    margin: 0 auto 0;
    width: 100%;
    max-width: 1200px;
    height: auto;
    min-height: 320px;
    background: transparent;
    text-align: left;
    color: #efefef;
}



#footerlogo {
    position: absolute;
    left: 0px;
    top: 60px;
    width: 105px;
    height: 20px;
    background: transparent; 
    }


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

    
#footerlogo {
    padding: 0 25px 0 25px;
   
}
    }


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

    
#footerlogo {
    top: 10px;
   
}
    }


#sitemapnav {
    position: absolute;
    left: 0px;
    top: 117px;
    width: 100%;
    max-width: 830px;
    height: 215px;
    background: #484747; 
    display: none !important;
    }


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

#sitemapnav {
    padding: 0 25px 0 25px;
    display: none !important;
   
}
    }


#bezahlen {
    position: absolute;
    left: 0px;
    top: 150px;
    width: 100%;
    max-width: 415px;
    height: 58px;
    background: transparent; 
}


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

#bezahlen {
    padding: 0 25px 0 25px;
    
   
}
    }


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

#bezahlen {
    top: 60px;
  
}
    }

#socialmedia {
    position: absolute;
    right: 25px;
    top: 155px;
    width: 120px;
    height: 65px;
     
    }


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

#socialmedia {
    left: 25px;
    top: 140px;
    width: 150px;
   
}
    }


#copyright {
    position: absolute;
    left: 0px;
    bottom: 25px;
    width: 125px;
    height: 30px;
    background: trans; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
  color:#fff;
}


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

#copyright{
    left: 25px;
           
}
    }


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

#copyright{
    bottom: 10px;
           
}
    }



#footernav {
    position: absolute;
    left: 127px;
    bottom: 28px;
    width: 100%;
    max-width: 900px;
    height: 25px;
    background: trans; 
    text-align: left !important;
}

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

#footernav {
    left: 25px;
    bottom: 35px;
    padding: 0 25px 0 25px;
    max-width: 100%;
   
}
    }


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

#footernav {
    left: 0px;
    bottom: 65px;
   
}
    }

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

#footernav {
    left: 0px;
    bottom: 100px;
   
}
    }


/* FOOTERMENÜ
---------------------------------------------------------------------------------------------------- */

div.footer-menu-class ul {
    margin:0px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    list-style-type: none;
    list-style: none;
    list-style-image: none;
    text-align:left;
}
div.footer-menu-class li {
    padding: 0px 20px 0px 0px;
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
} 
div.footer-menu-class a { 
    color:#FFFFFF;
}



/* LINKS
---------------------------------------------------------------------------------------------------- */


a:link,a:visited
{
  color: #000;
  text-decoration:none;
	
}

a:hover,a:active,a:focus
{
  color: #000;
  text-decoration:underline;
}


/* NAVIGATION
---------------------------------------------------------------------------------------------------- */

#wp-megamenu-mainnav>.wpmm-nav-wrap ul.wp-megamenu>li>a, .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a, .wpmm-menu-cart .cart-icon .fa-shopping-cart, .wp-megamenu-wrap .form .submit, .wpmm-menu-cart span.cart-icon i {
    text-decoration: none;
}

.wp-megamenu-sub-menu img.custom-menu-image {
    width: 50px !important;
    margin-bottom: -30px !important;
    margin-right: 20px !important;
    
}


#wp-megamenu-mainnav > .wpmm-nav-wrap .wp-megamenu > li > ul.wp-megamenu-sub-menu li.wpmm-type-widget > a, #wp-megamenu-mainnav > .wpmm-nav-wrap .wp-megamenu > li .wpmm-strees-row-container > ul.wp-megamenu-sub-menu li.wpmm-type-widget > a, #wp-megamenu-mainnav > .wpmm-nav-wrap .wp-megamenu > li .wpmm-strees-row-and-content-container > ul.wp-megamenu-sub-menu li.wpmm-type-widget > a {
    letter-spacing: 1px !important;
    margin-top: 40px !important;
    margin-bottom: 10px;
    
}


#wp-megamenu-mainnav > .wpmm-nav-wrap ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu {
    margin-top: -8px !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15) !important;
}


#wp-megamenu-mainnav > .wpmm-nav-wrap ul.wp-megamenu > li > a, .wp-megamenu-wrap .wpmm-nav-wrap > ul > li.wpmm-social-link.wpmm-social-link-search a, .wpmm-menu-cart .cart-icon .fa-shopping-cart, .wp-megamenu-wrap .form .submit, .wpmm-menu-cart span.cart-icon i {
    padding-bottom: 25px;
}




/* MOBILRNAVIGATION
---------------------------------------------------------------------------------------------------- */





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

#wp-megamenu-mainnav > .wpmm-nav-wrap ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu, #wp-megamenu-mainnav > .wpmm-nav-wrap ul.wp-megamenu li.wpmm-type-widget .wp-megamenu-sub-menu li .wp-megamenu-sub-menu {
    width: 300px;
    padding-top: 8px;
    padding-left: 10px;
    margin-top: -20px !important;
}
    }

.wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap ul.wp-megamenu {
    text-align: left;
    overflow: auto !important;
    
}

/* FOOTERMNEU
---------------------------------------------------------------------------------------------------- */



    



    



/* STAPELUNG GRID
---------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1087px) {
  .revert-stack-order-2-columns .advgb-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  
  .revert-stack-order-2-columns .advgb-columns > div:nth-of-type(1) {
    order: 2;
  }
  
  .revert-stack-order-2-columns .advgb-columns > div:nth-of-type(2) {
    order: 1;
  }
}


.advgb-columns:last-child {
    margin-bottom: -23px !important;
}

.advgb-images-slider-block {
    padding-bottom: 1px;
    position: relative;
    margin: 0 !important;
    margin-bottom: -35px !important;
}




/* GALERIE
---------------------------------------------------------------------------------------------------- */


.slick-prev {
    margin-left: 40px !important;
    
}

.slick-next {
    
    margin-right: 40px !important;
  
}

.slick-dots {
    display: none !important;
  
}

/* Wunschliste */


#wishlist_gabarage {

    position: absolute;
    right: 0px;
    top: 20px;
    height: 25px !important;
    width: 50px;
    padding: 0 !important;
    background: transparent;
   
    }


.woosw-menu-item .woosw-menu-item-inner {
    position: relative;
    
    }

.fa-heart {
    height: 9px !important;
}

#login_gabarage {
    position: absolute;
    right: 106px;
    top: 18px;
    background: transparent;
    width: 50px;
        
}

.fa-user:before {
    content: "\f007";
    font-size: 20px !important;
    line-height: 10px !important;
 
    
}

#cart_gabarage {
    
    position: absolute;
    right: 50px;
    top: 0px;
    padding: 20px 15px 0 15px;
    height: 40px;
    background: transparent;
    
    }

.aawoofc-cart-link .woofc-cart-link-inner i {
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    color: #fff !important;
}

.woofc-cart-link .woofc-cart-link-inner-subtotal {
       color: #fff !important;
    font-family: 'Open Sans', sans-serif;
 font-weight: 600 !important;
  font-size: 14px;
    line-height: 24px;
display: none;
}



#search_gabarage {
	position: absolute;
    padding: 0;
    margin: 0;
	right: 152px;
    top: 16px;
	z-index: 1000;
    width: 50px;
    height: 60px;
	cursor: pointer;
	text-align: center;
    background: transparent;
    
}

#searchfield_gabarage {
    display: block;
    position: relative;
    float: left;
    margin-top: 70px;
    margin-left: -100px;
    width: 320px;
    overflow: hidden;
    max-height:0;
    z-index: 10000;
    transition: max-height 0.7s ease-in; 
}

#search_gabarage:hover #searchfield_gabarage {
max-height: 100px;
z-index: 10000;
}

.fa {
    font: normal normal normal 18px/1.5 FontAwesome !important;
}

/* BUTTONS
---------------------------------------------------------------------------------------------------- */
.gaba-button
{
  
margin-top: 30px;
margin-bottom: 60px;
background: #1a1a1a;
border-radius: 3px;
height: auto;
width: 180px;
padding: 12px 12px 12px 12px;
font-size: 16px;
text-align: center;
color: #fff !important;
transition: 0.3s;

    
 
}


.gaba-button:hover
{
  
background: #484848;
cursor: pointer;

 
}



/* TEXTE
---------------------------------------------------------------------------------------------------- */

.textfett {
font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    
    }

/* HEADLINES
---------------------------------------------------------------------------------------------------- */


h1 {
font-family: 'Open Sans', sans-serif;
 font-weight: 700 !important;
  font-size: 35px;
    line-height: 40px;
  color:#000;
    

}


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

h1 {
    font-size: 26px;
    line-height: 30px;
}
    }



h2 {
font-family: 'Open Sans', sans-serif;
 font-weight: 600 !important;
  font-size: 28px;
    line-height: 28px;
  color:#000;

}

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

h2 {
    font-size: 18px;
    line-height: 22px;
}
    }

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

p {
    font-size: 16px;
    line-height: 22px;
}
    }


h3 {
font-family: 'Open Sans', sans-serif;
 font-weight: 700 !important;
  font-size: 18px;
    line-height: 24px;
  color:#000;

}


.tooltext {
font-family: 'Open Sans', sans-serif;
 font-weight: 500 !important;
  font-size: 14px;
    line-height: 24px;
  color:#ff0000;

}

.tooltextinv {
font-family: 'Open Sans', sans-serif;
 font-weight: 500 !important;
  font-size: 14px;
    line-height: 24px;
  color:#fff;

}

.footertext {
font-family: 'Open Sans', sans-serif;
 font-weight: 600 !important;
  font-size: 15px;
    line-height: 35px;
  color:#fff;

}