/* Global Reset und Basis-Stile fuer Lauffen WooCommerce */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--font-body, 'Prompt', sans-serif);
	font-size: 1.6rem;
	line-height: 1.6;
	color: var(--text, #333);
	background-color: var(--bg-warm, #f4ede7);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 1rem;
	color: var(--black-color, #010101);
}

h1 { font-size: 3rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.6rem; }

p {
	margin: 0 0 1rem;
}

a {
	color: var(--orange, #b06526);
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

button,
.button,
input[type="submit"] {
	font-family: var(--font-heading);
	text-transform: uppercase;
	border-radius: 0;
	cursor: pointer;
}

ul, ol {
	margin: 0 0 1rem;
	padding-left: 2rem;
}

/* WooCommerce spezifische Basis */
.woocommerce .button,
.woocommerce .action.primary {
	background-color: var(--cta-gold, #f9b301);
	color: var(--rot-weine-4-color, #2e0b06);
	border: none;
	padding: 1rem 1.5rem;
}

.woocommerce .button:hover,
.woocommerce .action.primary:hover {
	background-color: var(--weissweine-1-color, #d19221);
	filter: none;
}