@import 'account-bar.css';
@import 'account-edit.css';
@import 'breadcrumbs.css';
@import 'cart-dialog.css';
@import 'cart-notification.css';
@import 'cart-product-box.css';
@import 'cart-view.css';
@import 'catbox.css';
@import 'category-navbox.css';
@import 'checkout.css';
@import 'cobishop-control.css';
@import 'copyright.css';
@import 'footer.css';
@import 'footer-navbar.css';
@import 'forgot-password.css';

@import 'imprint.css';
@import 'item-listing.css';
@import 'linked-banner.css';
@import 'menubar.css';
@import 'navbox.css';
@import 'newsletter-banner.css';
@import 'newsletter-dialog.css';
@import 'order-shipping.css';
@import 'privacy-policy.css';
@import 'prodbox.css';
@import 'product-info.css';
@import 'register-or-login.css';
@import 'route-not-found.css';
@import 'search-and-logo.css';
@import 'shop.css';
@import 'shopping-cart-box-column.css';
@import 'slick-slider.css';
@import 'socials.css';
@import 'terms-conditions.css';
@import 'thumbnail-product-box.css';
@import 'user-account.css';

@import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');
@import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap');


html {
	--hl-color: #e30513;
	--white-color: white;
	--lightergray-color: #CCCCCC;
	--lightgray-color: #999999;
	--gray-color: gray;
	--grayer-color: #666666;
	--darkgray-color: #333333;
	--lightblack-color: #282833;
	--darkblack-color: #202026;
	--black-color: black;
	--green-color: #1bb289;
	--red-color: red;
	--blue-color: #506983;
	--page-padding: 5%; /* Wirkt sich anscheinend nur auf die AccountBar aus. */
	overflow-x: hidden;
	overflow-y: auto;
	--lumo-font-family: 'Archivo Narrow', sans-serif;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 50;
}

/* Add a margin so when menubar gets fixed the content doesn't jump up */
.sticky-page-content { 
	margin-top: 140px;
}

vaadin-number-field::part(input-field){
	border-radius: 0px;
}

.v-loading-indicator {
	background-color: var(--hl-color) !important;
}

.red-button {
	border-radius: 0px;
	background-color: inherit;
	color: var(--grayer-color);
	border: solid thin rgb(67, 67, 68);
	cursor: pointer;
}

.red-button:hover {
	border-color: var(--hl-color);
	background-color: var(--hl-color);
	color: var(--white-color);
}

.search-button {
	color: black;
}

.cobi-header {
	font-size: 32px;
	font-weight: 700;
}

.cobi-description-text {
	font-size: 13px;
	font-weight: 400;
}