/*
Theme Name: Puellen Demo
Template: twentytwentyfive
Description: Demo-Theme im Erscheinungsbild von institut-puellen.de
Version: 1.0
Text Domain: puellen-demo
*/

.pd-demo-hinweis {
	background: #2d3d28;
	color: #e5ebe0;
	font-size: 0.85rem;
	text-align: center;
	padding: 0.4rem 1rem;
	letter-spacing: 0.02em;
}

.pd-kopf {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid #ededed;
}

.pd-kopf .wp-block-navigation a:hover {
	color: var(--wp--preset--color--primary-600);
}

.pd-hero {
	min-height: calc(100vh - 7rem);
}

.pd-hero .wp-block-cover__background {
	background: linear-gradient(to right, rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3) 50%, transparent) !important;
	opacity: 1 !important;
}

.pd-oberzeile {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.85rem;
	font-weight: 700;
}

.pd-strich {
	width: 2.5rem;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	margin-left: 0 !important;
}

.pd-karte {
	border-radius: 1.5rem;
	overflow: hidden;
}

.pd-zitat {
	border-left: 2px solid var(--wp--preset--color--primary-400);
	padding-left: 1.5rem;
	font-style: italic;
}

.wp-block-button__link {
	border-radius: 0.5rem;
}

.is-style-outline > .wp-block-button__link {
	border-width: 1px;
}

.pd-fuss a {
	color: var(--wp--preset--color--primary-300);
	text-decoration: none;
}

.pd-fuss a:hover {
	color: #fff;
}

/* WooCommerce: Preise und Knöpfe im Stil der Seite */
.woocommerce .price,
.wc-block-components-product-price {
	font-family: var(--wp--preset--font-family--playfair);
	color: var(--wp--preset--color--tuatara-900);
}

.wc-block-components-product-image img,
.woocommerce-product-gallery img {
	border-radius: 1rem;
}