/*. CTA - Buttons */
[data-cta] {
	font: var(--font-btn);
	border-bottom: none;
	border: none;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
	color: var(--color-background);
}

[data-cta]:hover {
	color: var(--color-background);
	opacity: 0.85;
}

[data-cta="v1"] {
	color: var(--color-primary);
	padding: var(--space-12) var(--space-24);
	background: var(--color-background-secondary);
	border-radius: var(--space-224);
}

[data-cta="v1"]:hover {
	filter: brightness(1.2);
}

[data-cta="v1"]:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f061";
	margin-left: var(--space-8);
}

[data-cta="v2"] {
	color: #ffffff;
	padding: 20px 40px;
	background: var(--color-accent);
}

[data-cta="v2"]:hover {
	opacity: 0.7;
}

[data-cta="v3"] {
	color: var(--color-accent);
}

[data-cta="v3"]:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f061";
	margin-left: var(--space-8);
}

[data-cta="v4"] {
	border: 2px solid var(--color-accent);
	background: transparent;
	color: var(--color-accent);
	padding: var(--space-10) var(--space-22);
	border-radius: var(--space-224);
	transition: none;
}

[data-cta="v4"]:hover {
	border: none;
	background: var(--color-background-secondary);
	color: var(--color-primary);
	padding: var(--space-12) var(--space-24);
}

/* List */
[data-list] {
	padding-left: var(--space-16);
	display: inline-block;
}

[data-list][data-list-image] {
	padding: var(--space-0);
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

[data-list][data-list-image] li {
	list-style: none;
	display: inline-flex;
	gap: 10px;
}

[data-list][data-list-image] li i.fa-solid.fa-circle {
	font-size: 6px;
	text-align: center;
	position: relative;
	min-width: 6px;
	min-height: 6px;
	align-self: flex-start;
	margin-top: 10px;
}

[data-list][data-list-image] li i {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
	min-width: 20px;
	min-height: 20px;
	display: block;
	align-self: flex-start;
	overflow: visible;
	margin-top: 2px;
}

/*.Tagline */
[data-tagline] {
	font-size: var(--font-size-sub);
	color: var(--color-accent);
	margin-bottom: var(--space-16);
	font: var(--font-sub);
}

/*.Tagline */
[data-link] {
	font-size: var(--font-size-text);
	color: var(--color-primary);
	transition: all .5s ease;
}

[data-link]:hover {
	color: var(--color-accent);
}

/* Forms */
[data-form] input:not([type="submit"]):not([type="checkbox"]),
[data-form] textarea {
	padding: 10px;
	background: var(--color-secondary);
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
	font-size: var(--font-text);
	resize: none;
}

[data-form] input::-webkit-input-placeholder {
	font: var(--font-text);
}

[data-form] span.wpcf7-list-item {
	margin: 0;
}

/* Hero Header */
[data-title] {
	color: var(--color-background-tertiary);
}

[data-list] {
	margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
	display: flex;
    flex-direction: column;
    gap: 10px;
}

[data-list] li:before {
	background-image: url(https://oeser.wpcuisine.digital/wp-content/uploads/check-mark_1442912-1.svg);
	content: "";
	width: 21px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
	margin-bottom: 2px;
}