/**************************Schriften******************************/


@font-face {
    font-family: 'rubikbold';
    src: url('https://demo.blechporn.de/fonts/rubik-bold-webfont.eot');
    src: url('https://demo.blechporn.de/fonts/rubik-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demo.blechporn.de/fonts/rubik-bold-webfont.woff') format('woff'),
         url('https://demo.blechporn.de/fonts/rubik-bold-webfont.ttf') format('truetype'),
         url('https://demo.blechporn.de/fonts/rubik-bold-webfont.svg#rubikbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'rubikmedium';
    src: url('https://demo.blechporn.de/fonts/rubik-medium-webfont.eot');
    src: url('https://demo.blechporn.de/fonts/rubik-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demo.blechporn.de/fonts/rubik-medium-webfont.woff') format('woff'),
         url('https://demo.blechporn.de/fonts/rubik-medium-webfont.ttf') format('truetype'),
         url('https://demo.blechporn.de/fonts/rubik-medium-webfont.svg#rubikmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'rubikregular';
    src: url('https://demo.blechporn.de/fonts/rubik-regular-webfont.eot');
    src: url('https://demo.blechporn.de/fonts/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demo.blechporn.de/fonts/rubik-regular-webfont.woff') format('woff'),
         url('https://demo.blechporn.de/fonts/rubik-regular-webfont.ttf') format('truetype'),
         url('https://demo.blechporn.de/fonts/rubik-regular-webfont.svg#rubikregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face{
    font-family: 'scratchy_large';
    src: url('https://demo.blechporn.de/fonts/scratchl-webfont.eot');
    src: url('https://demo.blechporn.de/fonts/scratchl-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demo.blechporn.de/fonts/scratchl-webfont.woff') format('woff'),
         url('https://demo.blechporn.de/fonts/scratchl-webfont.ttf') format('truetype'),
         url('https://demo.blechporn.de/fonts/scratchl-webfont.svg#scratchy_large') format('svg');
    font-weight: normal;
    font-style: normal;
}


a{
  font-family: "rubikregular", sans-serif; 
  font-size: 16px;
  color: #fff;
}

a:hover, a:focus{
  color: #6de1cc !important;
  text-decoration: none !important;
}

body{
  font-family: "rubikregular", sans-serif; 
  font-size: 16px;
  color: #fff;
}

strong, b{
  font-family: "rubikmedium", sans-serif; 
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
}

h1{
  font-family: "scratchy_large", sans-serif; 
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h2, h3, h4, h5, h6{
  font-family: "rubikmedium", sans-serif; 
  text-transform: uppercase;
  font-size: 24px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 400px;
}

.big{
  font-size: 70px;
}

/****************************Header*******************************/

header.headwrapper{
  background-image: url(https://demo.blechporn.de/wp-content/uploads/2018/10/background4.jpg);
  background-repeat: repeat;
  height: 152px;
  position: fixed;
  width: 100%;
  z-index: 9999999;
}

#wrapper-3{
  background-image: url(https://demo.blechporn.de/wp-content/uploads/2018/10/logoline.svg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  border-top-style: none;
  border-bottom-style: none;
  background-size: cover;
  height: 150px;
}

#logo-container{
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.5s ease;  
}

#logo-container:hover{
  transform: scale(1.1);
}

.horizontal-menu a{
  font-family: "rubikmedium", sans-serif; 
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  letter-spacing: 1px;
  padding: 0px 10px 0px 10px;
}

.space{
  width: 20%;
}

.horizontal-menu{
  padding: 3px 0px 15px 0px;
  transform: translate(72px ,-45px);
}

.horizontal-menu ul li{
  border-left: none;
}

button#responsive-menu-button{
  z-index: 99999999 !important;
}

.ultimatum-nav .current_page_ancestor > a, .ultimatum-nav .current-menu-item > a{
  color: #6de1cc !important;
}

.social{
  margin: 33px 5px 0px 5px;
  transform: translateX(33px);
}

.social:hover{
  filter: invert(1);
}

/*************responsive Menü*************/

#responsive-menu-container{
  background: #00000000 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#responsive-menu-container #responsive-menu-wrapper{
  background: #000000d4 !important;
  position: relative !important;
  top: 168px !important;
  z-index: 99999 !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a{
  border-bottom: 1px solid #000000;
  background-color: #3333337a !important;
}

/******************************Body*******************************/


html, body{
  background: #000;
  overflow-x: hidden;
  background-image: url(https://demo.blechporn.de/wp-content/uploads/2018/10/body_background.jpg);
  background-repeat: repeat-y;
  background-size: contain;
  background-attachment: fixed;
  background-position: center, center;
}

.upb_row_bg.vcpb-vz-jquery{
  background-position: 50% 50% !important;
}

div#content{
  margin-top: 200px;
}

/**********Button************/

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
  background-color: rgba(255,255,255,0.1);
  color: #6de1cc;
  border: none;
  text-transform: uppercase;
  font-family: "rubikmedium", sans-serif;
  letter-spacing: 1px;
  width: 300px;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
  border: none;
  background-color: #6de1cc;
  color: #000 !important;
}


/***********Lightbox**********/

.ppt{
  display: none !important;
}

.faq{
  background-color: rgba(255,255,255,0.1);
  padding-top: 40px;
  padding-bottom: 20px;
}

/***************************Video Post****************************/

.gw-gopf-post{
  margin-top: 0px !important;
  padding-bottom: 0px !important;
}

#gw_go_portfolio_cars .gw-gopf-filter{
  margin-bottom: 30px !important;
}

#gw_go_portfolio_cars .gw-gopf-style-delux .gw-gopf-cats > span a {
  font-size: 14px !important;
  text-transform: uppercase !important;
}

#gw_go_portfolio_cars .gw-gopf-style-delux a.gw-gopf-pagination-load-more{
  font-size: 16px !important;
  text-transform: uppercase !important;
  height: 50px !important;
  line-height: 30px !important;
  padding: 10px 20px !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  border-radius: 10px !important;
  z-index: 999999 !important;
  position: relative !important;

}

#gw_go_portfolio_cars .gw-gopf-style-delux a.gw-gopf-pagination-load-more:hover{
    background: #252525 !important; 
}

#gw_go_portfolio_cars .gw-gopf-style-delux .gw-gopf-cats > span a.gw-gopf-btn-outlined{
  color: #ffffff !important;
  border: solid 1px #656565 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
}

#gw_go_portfolio_cars .gw-gopf-style-delux .gw-gopf-cats > span a.gw-gopf-btn-outlined:hover{
  border-color: #6de1cc !important;
}

#gw_go_portfolio_cars .gw-gopf-style-delux .gw-gopf-cats > span.gw-gopf-current a{
  background: #6de1cc !important;
  border-color: #333 !important;
  color: #000 !important;
}

#gw_go_portfolio_events .gw-gopf-filter{
  margin-bottom: 30px !important;
}

#gw_go_portfolio_events .gw-gopf-style-delux a.gw-gopf-pagination-load-more{
  font-size: 16px !important;
  text-transform: uppercase !important;
  height: 50px !important;
  line-height: 30px !important;
  padding: 10px 20px !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  border-radius: 10px !important;
  z-index: 999999 !important;
  position: relative !important;
}

#gw_go_portfolio_events .gw-gopf-style-delux a.gw-gopf-pagination-load-more:hover{
    background: #252525 !important; 
}

#gw_go_portfolio_events .gw-gopf-style-delux .gw-gopf-cats > span a.gw-gopf-btn-outlined{
  color: #ffffff !important;
  border: solid 1px #656565 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
}

#gw_go_portfolio_events .gw-gopf-style-delux .gw-gopf-cats > span a.gw-gopf-btn-outlined:hover{
  border-color: #6de1cc !important;
}

#gw_go_portfolio_events .gw-gopf-style-delux .gw-gopf-cats > span.gw-gopf-current a{
  background: #6de1cc !important;
  border-color: #333 !important;
  color: #000 !important;
}

#gw_go_portfolio_events .gw-gopf-style-delux .gw-gopf-cats > span a {
  font-size: 14px !important;
  text-transform: uppercase !important;
}


/***************************Formular******************************/

.dhvc-form-flat .dhvc-form-input input, .dhvc-form-flat .dhvc-form-textarea textarea, .dhvc-form-flat .dhvc-form-captcha input{
  background: rgba(255,255,255,0.1) !important;
  margin: 15px 0px 15px 0px !important;
  border: none !important;
  font-family: "rubikregular", sans-serif; 
  font-size: 16px !important;
  color: #fff !important;
  letter-spacing: 1px !important;
}

.dhvc-form-flat .dhvc-form-checkbox label{
  font-family: "rubikmedium", sans-serif; 
  font-size: 16px !important;
  color: #fff !important;
  letter-spacing: 1px !important;
}

form-captcha input, .dhvc-form-flat .dhvc-form-checkbox i{
  border-color: #6de1cc !important;
    background: #0000 !important;
}

.dhvc-form-flat .dhvc-form-checkbox input+i:after{
  color: #6de1cc !important;
}

.dhvc-form-submit{
  font-size: 16px !important;
  text-transform: uppercase !important;
  height: 50px !important;
  line-height: 30px !important;
  padding: 10px 20px !important;
  border-radius: 10px !important;
  z-index: 999999 !important;
  position: relative !important;
  width: 100%
}

.dhvc-form-success{
  color: #6de1cc !important;
}

.dhvc-form-errors, .dhvc-form-spam, .dhvc-form-validation-errors{
  color: #cd0504;
}


/*************************Woocommerce*****************************/

nav.woocommerce-breadcrumb{
  display: none;
}

header.woocommerce-products-header{
  margin-top: 200px;
}

h1.woocommerce-products-header__title.page-title{
  display: none;
}

.woocommerce div.product .product_title{
  font-family: "rubikmedium", sans-serif; 
  text-transform: uppercase;
  font-size: 24px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 400px;
}

/*main#main{
  width: 68%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 250px;
} */

.woocommerce div.product{
  top: 150px;
  position: relative;
}

h1.product_title.entry-title{
  margin-top: 100px !important;
}

.products{
  margin-top: 100px !important;
}

section.related.products{
  transform: translateY(-50px);
  margin-bottom: 90px;
}

a.button.product_type_variable.add_to_cart_button{
  background-color: #333 !important;
  color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background: #333;
  z-index: 2;
  border: 1px solid #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border: none;
  background-color: rgba(255,255,255,0.1);
  border: 1px solid #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{
  border: none;
}

.panel{
  background-color: rgba(255,255,255,0.1);
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
  background-color: #333;
  color: #fff;
}

.woocommerce button.button.alt{
  background-color: #6de1cc;
  color: #000;
}

.woocommerce button.button.alt:hover{
  background-color: #333;
  color: #6de1cc;
}

span.tagged_as{
  visibility: hidden;
}

p.woocommerce-result-count{
  display: none;
}

form.woocommerce-ordering{
  display: none;
}

.vc_btn3-container.vc_btn3-inline{
  display: grid;
}

a.button.wc-backward{
  color: #fff;
  background-color: #333;
}

a.button.wc-backward:hover{
  color: #6de1cc;
  background-color: #333;
}

.woocommerce .quantity .qty{
  background-color: rgba(255,255,255,0.1);
}

.woocommerce button.button.alt.disabled{
  background-color: #6de1cc;
  color: #000;
}

.woocommerce button.button.alt.disabled:hover{
  background-color: #6de1cc;
  color: #000;
}

.woocommerce div.product form.cart .variations select{
  background-color: rgba(255,255,255,0.1);
}

option.attached.enabled{
  background-color: #000;
}

.woocommerce div.product form.cart .variations select{
  background-color: #000;
  width: 100%;
}

label{
  font-size: 20px;
  line-height: 32px;
}

mark.count{
  display: none;
}

h2.woocommerce-loop-category__title{
  text-align: center;
}

.woocommerce a.button.alt{
  background-color: #6de1cc;
  color: #000;
}

.woocommerce a.button.alt:hover{
  background-color: #6de1cc87;
  color: #000 !important;
}

.woocommerce button.button{
  color: #000000;
  background-color: #6de1cc;
}

.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #000;
}

.woocommerce-cart table.cart img{
  width: 150px;
}

.woocommerce-message{
  border-top-color: #6de1cc;
  background-color: rgba(255,255,255,0.1)
}

.woocommerce-message::before{
  color: #6de1cc;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
  background-color: rgba(255,255,255,0.1);
  border-color: #000;
  height: 50px
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #fff;
  background-color: #000;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
  background-color: #000;
  border: none;
  color: #fff;
}

span.select2-results{
  background-color: #000;
}

.select2-container--default .select2-selection--single{
  border: none;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
  border-color: #6de1cc;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  background: rgba(255,255,255,0.1);
}

.woocommerce form .form-row label{
  font-size: 16px;
}

.woocommerce form .form-row .input-checkbox{
  margin: -8px 0px 0px 0px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price{
  color: #6de1cc;
}

.woocommerce div.product .stock{
  color: #fff;
}

.woocommerce ul.products li.product .price{
  color: #6de1cc;
}

div#tab-description{
  margin-bottom: 150px;
}

.pswp__caption__center{
  visibility: hidden;
}

div#tab-additional_information{
  margin-bottom: 150px;
}

/**************************Price Table****************************/

.ptsEl{
  font-family: "rubikmedium", sans-serif; 
  font-size: 16px !important;
  color: #fff !important;
  letter-spacing: 1px !important;
}

/*****************************Footer******************************/

.totop{
  transform: translateY(-50px);
}

#wrapper-5{
  padding: 40px 0px 0px 0px;
  background-image: url(https://demo.blechporn.de/wp-content/uploads/2018/10/background4.jpg);
  background-repeat: repeat;
  height: 170px;
}

#wrapper-8{
  transform: translateY(82px);
  border-bottom: none !important;
}

.partner{
  background: rgba(255,255,255,0.1);
  padding: 20px 0px 10px 0px;
  transform: translateY(62px);
  border-bottom-width: 5px;
  border-bottom-color: #333333;
  border-bottom-style: solid !important;
}

.partnerlogo{
  z-index: 999999;
  transition: all 0.5s ease;  
  
}

.partnerlogo:hover{
  transform: scale(1.05);
}

.blechfilm{
  margin-bottom: 25px;
}

/*************************Media Queries***************************/

@media only screen and (max-width: 1200px){
  .horizontal-menu a{
    font-size: 16px;
  }
  .horizontal-menu{
    padding: 14px 0px 15px 0px;
  }
  .horizontal-menu a{
    padding: 0px 7px 0px 7px;
  }
  .space{
   width: 18%;
  }
  .social{
    margin: 41px 5px 0px 5px;
    transform: translateX(84px);
  }
}

@media only screen and (max-width: 1199px){
  .social{
    margin: 41px 5px 0px 5px;
    transform: translateX(43px);
  }
}

@media only screen and (max-width: 991px){
  #wrapper-3{
  background-image: none;
  }
  .totop{
    transform: translateY(-71px);
  }
  #logo-container{
    transform: translateY(-15px);
  }
  #gw_go_portfolio_cars .gw-gopf-cats {
    margin-top: 50px !important;
  }
  #gw_go_portfolio_events .gw-gopf-cats {
    margin-top: 50px !important;
  }
  h1{
    font-size: 30px;
  }
  .partnerlogo{
    padding: 20px;
  }
   #wrapper-5{
    text-align: center;
    background-image: none;
  }
  div#container-5{
    padding-bottom: 50px;
  }
  .social{
    margin: 10px 5px 5px 5px;
    transform: translateX(0px);
  }
  header.headwrapper{
    height: 170px;
  }
  #logo-container:hover{
    transform: scale(1.1) translatey(-10px);
  }
  
  .partnertitel{
    text-align: center;
  }
}


}