/*
Theme Name: Konfigurator Buchhaltung
Description: The custom theme orgamax using the parent theme Twenty Seventeen. ::: ALERT ::: Bei Upgrade folgendes beachten ::: Function.php (redirects, Ads) aktivieren | PayPal Sandbox deaktivieren | FavIcon ändern | noIndex abschalten  | E-Mail Adressen bei Bestellungen hinzufügen | Trustedshops im Footer aktivieren.
Author: Marco Gröger
Author URI: www.orgamax.de
Template: twentyseventeen
Version: 2.0
*/

@import "assets/css/errors.css";
@import "assets/css/header.css";
@import "assets/css/footer.css";
@import "assets/css/cart.css";
@import "assets/css/components.css";
@import "assets/css/groups.css";
@import "assets/css/slider.css";
@import "assets/css/wc_main.css";
@import "assets/css/wc_single.css";
@import "assets/css/modal.css";
@import "assets/css/checkout.css";
@import "assets/css/font.css";
@import "assets/css/awesome.css";


:root {
	--c-default: #333;
	--c-special: #ccc;

	--c-blue: #141e39;
	--c-lightblue: #57667e;
	--c-skyblue: #4277fc;
	--c-primary: #1F2E55;

	--c-ultralightgrey: #f2f2f2;
	--c-lightgrey: #DEE2ED;
	--c-middlegrey: #F6F7FA;
	--c-darkgrey: #2a2a2a;
	--c-white: white;
	--c-black: black;
	--c-green: #31b369;
	--c-btngreen: #89C958;
	--c-btnHgreen: #559226;
	--c-red: red;	

	--main-padding: 15px; 
}

/******************************************************************************************** Default */
body {
	opacity: 0;
	transition: opacity 0.6s ease;
}
body.visible {
	opacity: 1;
}

/***/
button, .button,
.wp-block-button a{
	border-radius: 25px;
	background-color: var(--c-skyblue);
	padding: 6px 20px;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: var(--c-white);
	box-shadow: unset !important;
	white-space: nowrap;
}
button.outline {
	color: var(--c-skyblue);
	background-color: var(--c-white);
	border: 1px solid var(--c-skyblue);
}
button::before,
button::after {
	position: relative;
	display: inline-block;
	height: 8px;
	width: 8px;
	bottom: 1px;
	transition: all 0.35s ease;
}
:not( .mejs-button ) > button:focus {
	background-color: var(--c-white);
}
.woocommerce-checkout :not( .mejs-button ) > button:focus {
	background-color: var(--c-skyblue);
}
:not( .mejs-button ) > button.prev-slide:focus {
	color: var(--c-skyblue); 
	background-color: var(--c-white);
	border: 1px solid var(--c-skyblue);
}
.entry-content .wp-block-button__link{
	background-color: var(--c-skyblue) !important;	
}
button:hover,
button:active,
button.next-external:focus {
	background-color: var(--c-skyblue) !important;  
	color: var(--c-white);    
}
button.disabled {
	color: var(--c-special);
	border-color: var(--c-special);
	background: transparent;
	border: 1px solid;
}
mark,
ins{
	background: transparent;
}
.green {
	color: var(--c-green);
}
.blue{
	color: var(--c-skyblue);
}
.font14{
	font-size: 14px;
}
hr{
	margin: 1em 0;
}
body:has(.woocommerce-coming-soon-banner), 
body:has(.woocommerce-coming-soon-entire-site){
	display:none;
}
b, strong {
	font-weight: 500;
}
.note-support {
	display: none;
	margin-top: 50px;
}
.ifEmpty {
	text-align:center;
	margin-top:15px;
	opacity: 0;
	animation: fadeIn 1s ease forwards;
}
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.reload-btn {
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.reload-btn i{
	animation: spin 2s linear infinite;
	transform-origin: center center;
}
@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}