/***************************************
PRODUCT PAGES
***************************************/

/* H1 Box*/
.product__content .header__custom.display-table .wrapper.wrapper--margins{
  padding:0;
}

/* H1 */
.product__content .header__custom.display-table .wrapper.wrapper--margins h1{
  font-size: 2em;
  text-align:left;
}

/* Price */
#ProductPrice-product-template{
  font-size: 1.5em;
  color: #7a7a7a;
  margin-top: 30px;
  margin-bottom: 30px;
}
  




/* ul */
.rte ol, .rte ul {
    list-style-position: outside;
}

@media screen and (max-width: 1025px){
  .product .product__content ol, .product .product__content ul {
      list-style-position: outside;
  }
}

/* li */
.rte ol li, .rte ul li{
    margin-bottom: 5px;
}


/*Fix: dont show margins for H1*/
@media screen and (max-width: 1400px){
  .header__custom .wrapper {
      margin: 0 0px !important;
  }
}

@media screen and (max-width: 1025px){
  .product .product__content{
    text-align: left;
  }
}

  


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

  #ProductPrice-product-template{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .product .product__content{
    margin-top: 20px;
  }
  
  .product .product__content .form__row{
    margin-top: 10px;
  }
}





/* Add To Cart Button*/
.AddToCart-btn, #AddToCart-product-template{
  width: 100%;
}
#AddToCart-product-template{
  background:#f9ca4f;
  color: #0c120c;
  letter-spacing: 0.4px;
}


/* PAYMENT BADGE*/
.payment-badge{
  padding-bottom: 24px;
  border-bottom: 1px solid #eee !important;
}


/* PRODUCT DESCRIPTION*/
.product-description {
    margin-top: 24px;
}






/***************************************************************
BURGER MENU SIDE BAR
***************************************************************/

/* BURGER MENU SIDE BAR*/
.site-header--drawer .nav-bar li>.site-nav__link {
    font-size: 16px;
  line-height: 1.2;
  text-transform: initial;
}

.site-header--drawer .nav-bar li.btn__cart .text, .site-header--drawer .nav-bar li.btn__account .text{
  font-weight:600;
}









/***************************************************************
SHOPPING CART
****************************************************************/
#CartSection .wrapper{
  padding: 0px;  
}

#CartSection .header__custom .wrapper{
   padding-top: 100px;
  padding-bottom:100px;
}

#CartSection h1{

}

#CartSection .btn.btn--fill.btn--color{
  background:#f9ca4f;
  color: #0c120c;
  letter-spacing: 0.4px;
  padding: 0 50px;
}

#CartSection #cart-form{
  padding-bottom: 100px;
}


#CartSection #cart-form .cart-item__title{
  font-size: 20px;
  
}

#CartSection #cart-form .cart-item__variant-title{
  	color: #0c120c;
  	font-weight: 700;
  padding: 10px 0px;
}

#CartSection #cart-form .cart-item__line-price.price{
    font-size: 18px;
    color: #0c120c;
  	font-weight: 700;
}





/***************************************************************
FOOTER
***************************************************************/

.h1.footer__logo{
  padding-bottom: 10px;
}



/***************************************************************
SHOGUN
***************************************************************/
.section-1200-center,
.section-center,
.section-center .shg-box-content{
  margin: 0 auto;
}

.column-center{
  margin: 0 auto;
}


.shogun-heading-component h1, .shogun-heading-component h2, .shogun-heading-component h3, .shogun-heading-component h4, .shogun-heading-component h5, .shogun-heading-component h6{
  color: #0c120c !important;
}

.shogun-heading-component h1,
.shogun-heading-component h2,
.shogun-heading-component h3,
.shogun-heading-component h4{
  font-weight: 700 !important;
}


/* ICONS von Flaticons*/
.column-icon .shg-c{
  text-align:center;
}
.column-icon .shg-c svg{
  max-height: 80px;
  max-width: 80px;
}

.column-icon-left .shg-c svg{
  max-height: 70px;
  max-width: 70px;
}

.btn-with-border{
  font-weight: 700;
  font-size: 16px;
}

@media(max-width:690px){
  .sho-h1{
    margin-top: 20px !important;
  }
  
   .sho-h1 h1{
    font-size: 200% !important;
  }
  
  .mobile-remove-break br{
    display:none;
  }
  
  .hero-image{
    margin-top: 0px !important;
  }
  
  .hacker-section-h1{
    margin-top: 0px !important;
  }
}