/*
Theme Name: DIFOMA
Theme URI: https://www.difoma.de/
Author: 8Ninjas GmbH
Author URI: https://8ninjas.io/
Description: Schlankes Block-Theme für DIFOMA digitale fotomanufaktur. Ohne externe Ressourcen und ohne Cookies für Besucher.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: difoma
*/

/* Kopf */
.site-top {
	background: var(--wp--preset--color--card);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.site-top .wp-block-site-logo img { display: block; height: auto; }
.site-nav a { color: var(--wp--preset--color--muted); text-decoration: none; }
.site-nav a:hover { color: var(--wp--preset--color--red); }

/* Einstieg */
.eyebrow {
	font-size: 13px; letter-spacing: .18em; text-transform: uppercase;
	color: var(--wp--preset--color--red);
}
.intro h1 { max-width: 18ch; }
.intro .lead { font-size: 19px; color: var(--wp--preset--color--muted); max-width: 58ch; }

/* Zwei Bereiche */
.area {
	background: var(--wp--preset--color--card);
	border: 1px solid var(--wp--preset--color--line);
	height: 100%;
}
.area > .wp-block-columns { gap: 0; height: 100%; margin: 0; }
.area .pic { background: #ddd; overflow: hidden; }
.area .pic figure { margin: 0; height: 100%; }
.area .pic img { display: block; width: 100%; height: 100%; min-height: 409px; object-fit: cover; }
.area .body { padding: 32px 30px; }
.area .sub { color: var(--wp--preset--color--muted); font-size: 15px; }
.area ul { list-style: none; padding: 0; margin: 0; }
.area .body .wp-block-list { margin-top: 20px; }
.area li { padding: 9px 0; border-top: 1px solid var(--wp--preset--color--line); }
.area li:last-child { border-bottom: 1px solid var(--wp--preset--color--line); }
.areas > .wp-block-column { display: flex; flex-direction: column; }

/* Leitsatz */
.motto {
	background: var(--wp--preset--color--card);
	border-top: 1px solid var(--wp--preset--color--line);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.motto .wp-block-quote {
	border: 0; margin: 0; padding: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(22px, 2.6vw, 29px); line-height: 1.45;
}
.motto .wp-block-quote::before {
	content: ""; display: block; width: 48px; height: 2px;
	background: var(--wp--preset--color--red); margin-bottom: 26px;
}
.motto .extra { color: var(--wp--preset--color--muted); }

/* Kontakt */
.contact .hint {
	background: var(--wp--preset--color--card);
	border-left: 3px solid var(--wp--preset--color--red);
	padding: 20px 24px;
}
.contact .hint p { margin: 0 0 10px; }
.contact .hint p:last-child { margin: 0; }
.contact .label { color: var(--wp--preset--color--muted); display: inline-block; min-width: 5.5em; }

/* Fuß */
.site-foot {
	border-top: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--muted);
	font-size: 14px;
}
.site-foot a { color: inherit; }

/* Rechtstexte */
.legal h2 { font-size: 22px; margin-top: 34px; margin-bottom: 8px; }
.legal p { margin-top: 0; margin-bottom: 12px; }

@media (max-width: 781px) {
	.area .pic { display: none; }
	.area .body { padding: 26px 20px; }
}