/*
	Theme Name: Feuerlöscher 24 Shop
	Theme URI: https://inoya.de
	Description: Feuerlöscher 24 Wordpress Theme
	Author: INOYA
	Version: 1.1 (MUSS AUCH IN DER FUNCTIONS.PHP AKTUALISIERT WERDEN)
*/

/*-------------------------------
[Table of contents]
	Blau #0F3E7CHzDVhBn!_dF
	
1. Cookies
2. WooCommerce Standard INOYA
3. General
	3.1  Footer
	3.2  Single Product
	3.3  WooCommerce Notices Wrapper
	3.4  Cart
	3.5  Checkout
	3.6  Bestätigung
	3.7  Shop
	3.10 Marquee
	3.11 Category Seite
	3.12 Mein Konto
	3.13 Passwort Auge
4. Inhaltselemente
	4.1 Bild + Text
5. FAQ Template

-----------------------------------*/

.vcenter {
	align-items: center;
	  align-self: center;
}

.alert-danger {
	border-color: #cb0404!important;
  background: #cb0404!important;
  color: #fff!important;
}

.instandhaltungsnachweis_home img {
	width: 300px;
}

.default_content_page .content-area h1,
.default_content_page .content-area h2,
.default_content_page .content-area h3,
.default_content_page .content-area h4 {
	margin-bottom: 20px;
}

.default_content_page .content-area {
	padding-left: 20px;
}

.default_content_page .category-menue {
	margin-top: 0px !important;
}

.page-content {
	padding-left: 20px;
}

.text-gruen {
	color: #28a745!important
}

img.alignright {
	float: right;
	margin: 10px 0px 10px 10px;
}

img.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}

.section-title {
    margin-bottom: 40px;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.section-title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100px;
    background-color: var(--mainColor);
    height: 1px;
}

.fi_einleitungstext h1:first-child,
.fi_einleitungstext h2:first-child,
.fi_einleitungstext h3:first-child,
.fi_einleitungstext h4:first-child,
.fi_einleitungstext h5:first-child {
	margin-bottom: 40px;
}

.bg-fbfbfb {
	background-color: #fbfbfb;
}

.bg-dcdcdc {
	background-color: #dcdcdc;
}

.bg-d8daef {
	background-color: #d8daef;
}

.bg-f8f6e1 {
	background-color: #f8f6e1;
}

.bg-f8d7da {
	background-color: #f8d7da;
}

.woocommerce-MyAccount-content .js_mitgliedsnummer_nachtragen {
	margin-top: 20px;
}

.btn-admin {
	background: #eba3a3;
    color: #761919;
}

/*--------     1. Cookie Conset     --------*/


/*--------     2. WooCommerce Standard INOYA     --------*/

.btn-block { 
	width: 100%;
}

#js_bearbeitung_abschliessen { 
	background: #c1251b;
	display: inline-block;
    position: relative;
    z-index: 1;
    border: none;
	color: var(--whiteColor);
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    text-align: center;
    padding: 10px 25px;
    font-size: var(--fontSize);
    font-weight: 600;
	margin-top: 35px;
}


.fi_bild_text .about-content a,
.fi_text a { 
	color: var(--mainColor);
	text-decoration: underline;
	font-weight: bold;
	
}

.fi_text p{
	font-size: 17px;
	margin: 15px 0;
}

.fi_text h1,
.fi_text h2, 
.fi_text h3,
.fi_text h4 {
	margin: 20px 0;
}

.woocommerce-error { 
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.woocommerce .col-1, .woocommerce .col-2{
	max-width:none;
	width:100%;
}

.woocommerce .checkout .col2-set .col-1,
.woocommerce .checkout .col2-set .col-2 {
    float: left;
    width: 100%;
}

@media screen and (min-width: 980px) { 
	.woocommerce .checkout .col2-set {
		width: 45%;
		float: left;
	}
}

@media screen and (min-width: 980px) {
	.woocommerce-checkout-review-order {
		width: 52%;
		float: right;
	}
}

/* Checkout */

.wc-gzd-checkbox-placeholder-legal {
	margin-top: 40px;
}

.wc-gzd-checkbox-placeholder-legal span {
	font-size: 13px;
}

.woocommerce form.woocommerce-checkout h3 {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.woocommerce form .form-row label,
.woocommerce form .form-row .woocommerce-input-wrapper,
.woocommerce form .form-row .input-text {
    width: 100%;
}

#payment ul {
	margin: 0;
	padding: 0;
}

#payment ul li {
	list-style: none;
}

.woocommerce form .form-row {
    width: 100% !important;
}

.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
    width: 100% !important;
    padding: 8px;
}



.custom-checkout h3 {
    background-color: #165f1c;  
    width: 45%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-top: 50px;
    color: #FFF;
    float: right;
}
.woocommerce form .form-row input.input-text,  
.woocommerce form .form-row textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 400;
}


.woocommerce form .form-row label {
	margin-bottom: 10px;
	font-weight: bold;
}


#wc_checkout_add_ons {
    width: 45%;
    float: right;
    text-align: center;
}



@media screen and (max-width: 979px) {
	
	.custom-checkout h3 {
		width: 100%;
	}
	
}

#ship-to-different-address #ship-to-different-address-checkbox {
	margin-left: 5px;
}

#ship-to-different-address span {
	margin-left: 25px;
}

.woocommerce-Address .edit {
	float: right;
}

/* My Account */

@media only screen and (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
  }
  .woocommerce-account .woocommerce-MyAccount-content { 
    width: 75%;
  }
}
/* Style WC Account Endpoint Links */

.woocommerce-MyAccount-navigation {
	width: 22%;
	float: left;
}

.woocommerce-MyAccount-content {
	width: 77%;
	float: left;
	margin-left: 1%;
}

nav.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0;
  max-width:200px;
  font-size: 17px;
  line-height: 26px;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 8px 20px;
  background-color: rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: var(--mainColor);

}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #fff; 
  cursor: default;
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 22px solid transparent;
  border-left: 14px solid var(--mainColor);
  border-bottom: 22px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}
.woocommerce-MyAccount-navigation ul li.is-active::before { 
	color: #fff;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
  background-color: rgba(0,0,0,0.07);
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { 
  content: "";
  height: 0;
  width: 0;
  border-top: 22px solid transparent;
  border-left: 14px solid rgba(0,0,0,0.07);
  border-bottom: 22px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}

.woocommerce-MyAccount-content a.edit {
 display: inline-block;
  position: relative;
  z-index: 1;
  border: none;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  border-radius: 5px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-align: center;
  padding: 10px 25px;
  font-size: var(--fontSize);
  font-weight: 600;
}

@media screen and (max-width: 979px) {
	
	.woocommerce-MyAccount-navigation {
		width: 100%;
		float: left;
	}

	.woocommerce-MyAccount-content {
		width: 100%;
		float: left;
		margin: 20px 0 0 0;
	}
	
	nav.woocommerce-MyAccount-navigation ul {
		width: 100%;
		max-width: 100%;
	}
	
}

.wc_payment_method {
	margin: 20px 0 0 0;
}

#place_order {
	width: 100%;
}
	

/*--------     3. General     --------*/

.form-group label { 
	margin-bottom: 5px;
	font-weight: bold;
}

.mt-20 {
	margin-top: 20px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

/* 3.1 Footer */

.single-footer-widget li { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.mailpoet_submit {
	padding: 15px 0 !important;
}

.footer-row-2 {
	margin: 60px 0;
}

/* 3.2 Single Product */

.single-product .entry-summary form.cart { 
	margin: 20px 0;
}

.wc-block-components-notice-banner__content,
.wc-block-components-notice-banner__content a {
	color: #333;
}

.woocommerce-product-gallery { 
	position: relative;
}

.woocommerce-product-gallery__trigger { 
	position: absolute;
	top: .875em;
    right: .875em;
    display: block;
    border-radius: 3px;
    z-index: 99;
    text-align: center;
	background-color: #eeeeee;
    color: #333333;
	z-index: 999;
	padding: 5px;
    font-size: 20px;
}

.single-product .entry-summary .variations { 
	width: 100%;
}

.single-product .variations .value select { 
	width: 100%;
	margin: 10px 0;
}

.single-product .quantity { 
	margin-top: 10px;
}

.single-product .variations .reset_variations { 
	color: #e84646;
	text-decoration: underline;
}

.single-product .variations .label {
	vertical-align: top;
	padding-top: 10px;
	font-weight: bold;
}

.woocommerce-Price-amount bdi { 
	color: #333;
	font-weight: bold;
}

.related-products li.product { 
	text-align: center;
	list-style: none;
	position: relative;
}

.woocommerce-Price-currencySymbol {
	margin-left: 5px;
}


.related-products li.product .add_to_cart_button { 
	margin-top: 10px;
}

.woocommerce-loop-product__title { 
	font-size: 20px;
	margin-top: 10px;
}

.related-products ul.products-slides { 
	margin: 0;
	padding: 0;
}

.products .price { 
	width: 100%;
	font-size: 20px;
	min-height: 65px;
	display: block;
}

.products .woocommerce-loop-product__title { 
	min-height: 100px;
}

.products .add_to_cart_button { 
	width: 100%;
}

.tab-pane h2 {
	font-size: 28px;
}

.tab-pane h3 {
	font-size: 24px;
}

.tab-pane h4 {
	font-size: 22px;
}

.single-product .woocommerce-variation-price {
	display: none;
}

.single-product .wcfad-main-price.variation_modified p,
.single-product .wcfad-main-price.variation_modified p span {
	font-size: 22px;
}

/* 3.3 WooCommerce Notices Wrapper */
.woocommerce-notices-wrapper > div,
.woocommerce-notice { 
	width: 100%;
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	background: var(--mainColor);
	margin-bottom: 60px;
	color: #fff;
	border-radius: 4px;
}

.woocommerce-notices-wrapper a { 
	color: #fff;
	text-decoration: underline;
}

/* 3.4 Cart */

.shop_table .actions {
	text-align: right;
    padding: 20px 0;
}

.cart-totals .wc-proceed-to-checkout {
	text-align: center;
}

.cart-empty.woocommerce-info { 
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	padding: 10px 25px;
	display: block;
	margin-top: 10px;
	border-radius: 5px;
	width: 100%;
}

.coupon {
	margin-bottom: 20px;
}

.coupon .button, .woocommerce-form-coupon button {
	background-color: #049ce3 !important;
}

.return-to-shop {
	margin-top: 15px;
}

.wp-block-woocommerce-proceed-to-checkout-block {
	margin-top: 20px!important;
}

/* 3.5 Checkout */

.checkbox-legal {
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	padding: 10px 20px!important;
	border-radius: 6px;
}

#place_order {
	margin-top: 20px;
}

.woocommerce-shipping-fields {
	margin-top: 20px;
}

#shipping_method {
	list-style: none;
	margin: 0;
	padding: 0;
}

#shipping_method li {
	margin-bottom: 10px;
	margin-left: 0 !important;
}

#shipping_method label {
	margin-left: 5px;
	font-size: 13px;
}

#shipping_method li:before { 
	content: '';
}

#mailpoet_woocommerce_checkout_optin_field {
	margin-top: 20px;
}

.wc_payment_methods li { 
	padding-left: 0px !important;
}

.wc_payment_methods li::before { 
	content: '' !important;
	list-style: none !important;
}

#order_review_heading { 
	margin-top: 30px;
}

.checkbox-legal,
#mailpoet_woocommerce_checkout_optin_field { 
	font-weight: normal;
	font-size: 13px;
}

.shop_table { 
	margin-top: 20px;
}

p img.aligncenter {
	text-align: center;
}

.woocommerce-form-login-toggle { 
	background-color: #c1251b;
	padding: 20px 15px;
	color: #fff;
	margin: 0 0 20px 0;
	border-radius: 4px;
}

.woocommerce-account-fields .create-account {
	background-color: #c1251b;
	padding:  10px 15px 5px 15px;
	margin-top: 20px;
	color:  #fff;
}

.woocommerce-form-login-toggle a {
	color: #fff;
	text-decoration: underline;
}

.wc-gzd-checkbox-placeholder-data-download,
.wc-gzd-checkbox-placeholder-data-service {
	margin-top:  20px;
	
}

.wc-gzd-checkbox-placeholder-data-download p,
.wc-gzd-checkbox-placeholder-data-service p {
	font-size:  13px;
}


.woocommerce-form-coupon {
	padding: 10px;
}

label[for="cp-date-of-birth-invoice"] {
	margin: 10px 0;
}

.wc-proceed-to-checkout .ppc-button-wrapper {
	margin: 20px 0;
}

.wc-amazon-checkout-message {
	display: none;
}

/* 3.6 Bestätigung */

.woocommerce-notice {
	font-size: 22px;
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;

}

ul.woocommerce-order-overview,
ul.wc-bacs-bank-details {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}

.woocommerce-bacs-bank-details,
.woocommerce-columns--addresses {
	text-align: center;
	background: #f7f8fa;
	padding: 20px;
	margin: 20px 0;
}

ul.woocommerce-order-overview li,
ul.wc-bacs-bank-details li {
    font-size: 18px;
    margin-bottom: 10px;
}

.wc-bacs-bank-details-account-name {
	margin: 20px 0 0 0;
	font-weight: normal;
	font-size: 18px;
}

.woocommerce-bacs-bank-details h2,
.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
	font-size: 24px;
	margin-bottom: 10px;
}

.wc-bacs-bank-details-heading {
	font-size: 18px!important;
}


.wc-bacs-bank-details-account-name {
	font-size: 19px;
}

.woocommerce-columns--addresses .col-1,
.woocommerce-columns--addresses .col-2 {
	width: 100% !important;
}

.woocommerce-order-details__title { 
	text-align: center;
	margin: 20px 0;
}

.woocommerce-order .woocommerce-bacs-bank-details { 
	display: none;
}

.woocommerce-MyAccount-downloads-file.button,
.wc-block-components-button {
	background-color: var(--mainColor);
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    border-radius: 4px;
    padding: 5px 20px;
    margin: 10px;
}

.woocommerce-MyAccount-downloads-file.button:hover,
.wc-block-components-button:hover {
	color: #333;
	background-color: transparent;
	border: 2px solid #333;
}

/* 3.7 Shop */

li.outofstock > a.button { 
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	padding: 10px 25px;
	display: block;
	margin-top: 10px;
	border-radius: 5px;
}

ul.list-products { 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

/* 3.10 Marquee */

.marquee {
	width: 100%;
	overflow: hidden;
	border: 1px solid #c1251b;
	background: #c1251b;
	color: #fff;
}


.fi_banner h1,
.fi_banner h2,
.fi_banner h3 {
	margin-bottom: 25px;
}

.data-crefopay-placeholder-label {
	text-indent: 0!important;
}

/* 3.11 Category Seite */

.category-menue,
.category-sub-menue,
.category-sub-sub-menue {
	list-style: none;
    margin: 0;
    padding: 0;
}

.category-menue {
	background-color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
    border-radius: 6px;
}

.category-menue li {
	color: #fff;
	padding: 10px 10px;
	width: 100%;
	position: relative;
}

.category-sub-menue li,
.category-sub-sub-menue li {
	padding: 6px 10px;
}

.category-sub-menue,
.category-sub-sub-menue {
	display: block;
    margin: 10px;
    padding: 10px 5px;
}

.category-sub-sub-menue {
	background: rgba(0,0,0, 0.6);
}

.category-sub-menue {
	background: rgba(0,0,0, 0.2);
}

.category-menue > li { 
	border-bottom: 1px solid #eee;
}

.category-menue > li:last-child { 
	border-bottom: none;
}

.category-menue li i { 
	position: absolute;
	right: 20px;
	top: 5px;
	background-color: #fff;
	color: #333;
	padding: 5px;
	border-radius: 4px;
	font-weight: bold;
}

.category-menue li i:hover { 
	cursor: pointer;
} 

.category-menue > li a { 
	color: #fff;
}

.category-sub-menue,
.category-sub-sub-menue {
	display: none;
}


@media screen and (min-width: 980px) { 
	.products-area.archive-produkt .category-menue {
		position: -webkit-sticky;
		  position: sticky;
		  top: 80px;
	}
}





/* 3.12 Mein Konto */

.woocommerce-orders-table__cell-order-actions a {
	color: var(--mainColor);
	text-decoration: underline;
	font-weight: bold;
	margin-right: 10px;
}

.woocommerce-form-login__rememberme {
	margin-top: 20px;
}

/* 3.13 Passwort Auge */

.password-input {
	position: relative;
}

.show-password-input {
	position: absolute;
    right: 2%;
    top: 1%;
}

/*--------     4. Inhaltselemente     --------*/

/* 4.1 Bild + Text */


.fi_bild_text ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}
  
.fi_bild_text ul li { 
	margin-bottom: 15px;
}
  
.fi_bild_text ul li {
	display: inline-block;
	position: relative;
}
  
.fi_bild_text ul li:before {
	content: "\ea0f";
	font-family: 'boxicons'!important;
	font-size: 18px;
	color: var(--mainColor);
	margin-right: 5px;
}
  
.fi_bild_text ul li:last-child {
	margin-bottom: 0;
}

/*--------     5. FAQ Template     --------*/

/* 4.1 Interne Navigation */

ul.list-internerne-navigation {
	background-color: #f7f8fa;
    list-style: none;
	padding: 0;
	width: 100%;
}

ul.list-internerne-navigation li {
	text-align: center;
}

ul.list-internerne-navigation li a {
	display: block;
	padding: 15px 10px;
	font-weight: bold;
	border-bottom: 1px dashed #e5e5e5;
}

ul.list-internerne-navigation li a:hover { 
	cursor: pointer;
}

.zoom_btn {
	border-style: solid;
    border-color: #d3d3d3;
    border-width: 2px;
    border-radius: 8px;
    justify-content: center;
    background-color: #d3d3d3;
	margin-top: 30px;
	cursor: pointer;
}