/*
Theme Name: SARHU Handwerk
Description: Klassische Inhaltsseiten nach der statischen SARHU-Website. Einstellbar mit Blocksy Free, ohne externe Schriften in der Vorlage.
Author: SARHU
Template: blocksy
Version: 1.2.0
Text Domain: sarhu-blocksy
License: GPL-2.0-or-later
*/
/* Keine festen Paletten- oder Typografieüberschreibungen: Blocksy bleibt steuerbar. */
html body:not(.wp-admin) { background: var(--theme-palette-color-9, #666666); color: var(--theme-text-color, var(--theme-palette-color-3, #000)); }
#main-container { width: min(100%, var(--sarhu-frame-width, 900px)); margin: var(--sarhu-frame-gap, 50px) auto 0; background: var(--theme-palette-color-7, #fff); min-height: calc(100vh - var(--sarhu-frame-gap, 50px) - var(--admin-bar, 0px));
 --theme-container-width: calc(100% - var(--sarhu-frame-padding, 50px) * 2);
 --theme-container-width-base: calc(100% - var(--sarhu-frame-padding, 50px) * 2);
}
/* Ein gemeinsamer Innenrand statt verschiedener Einzüge für p, Listen und Titel. */
#main-container .ct-container, #main-container .ct-container-narrow, #main-container .ct-container-fluid { width: calc(100% - var(--sarhu-frame-padding, 50px) * 2); }
#main-container .entry-content { --theme-block-width: 100%; --theme-block-max-width: 100%; --theme-block-wide-max-width: 100%; --theme-content-spacing: 1em; overflow-wrap: anywhere; }
#main-container .entry-content > :not(.alignfull) { width: calc(100% - var(--sarhu-frame-padding, 50px) * 2); max-width: var(--theme-normal-container-max-width, 800px); margin-inline: auto; }
#main-container .entry-header .page-title, .sarhu-clients-archive__header h1 { display: inline-block; width: auto; padding-block: 1px; border-block: var(--sarhu-title-rule, 2px) solid var(--theme-palette-color-2, #da251d); margin-bottom: 20px; }
.entry-content h2 { margin-block: 1.5em .6em; }
.entry-content h3, .entry-content h4 { margin-block: 1.2em .5em; }
.entry-content p { margin-block: 0 1em; }
.entry-content > :last-child { margin-bottom: 0; }
.entry-content a, .sarhu-clients a { text-underline-offset: 2px; }
.entry-content a:visited { color: var(--theme-palette-color-10, #990099); }
.entry-content a:hover { color: var(--theme-link-hover-color, var(--theme-palette-color-2, #da251d)); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--theme-palette-color-1, #000099); outline-offset: 3px; }
.entry-content .wp-block-button__link { background: var(--theme-button-background-initial-color, var(--theme-palette-color-1, #000099)); color: var(--theme-palette-color-8, #fff); border-radius: 0; padding: 9px 16px; text-decoration: none; }
.entry-content .wp-block-button__link:hover { background: var(--theme-button-background-hover-color, var(--theme-palette-color-2, #da251d)); }
.entry-content .is-style-outline .wp-block-button__link { background: transparent; color: var(--theme-palette-color-1, #000099); border: 1px solid currentColor; }
.entry-content .wp-block-image img { border-radius: 0; height: auto; }
.entry-content .wp-block-gallery { gap: 16px; }
.entry-content .wp-block-gallery img { object-fit: contain; }
.entry-content .wp-block-query .wp-block-post-template { gap: 16px; }
.entry-content .wp-block-query .wp-block-post { padding: 12px; background: var(--theme-palette-color-8, #fff); border: 1px solid var(--theme-palette-color-5, #ccc); border-radius: 0; margin: 0; }
.entry-content .wp-block-query .wp-block-post-featured-image { margin: 0 0 12px; }
.entry-content .wp-block-query .wp-block-post-featured-image img { width: 100%; aspect-ratio: 4/3; object-fit: contain; background: var(--theme-palette-color-8, #fff); }
.entry-content .wp-block-query .wp-block-post-title { margin: 0 0 8px; }
.entry-content .wp-block-query .wp-block-post-title a { text-decoration: none; color: var(--theme-palette-color-4, #4d4948); }
.wp-block-query-pagination { margin-top: 20px; gap: 14px; }
body.sarhu-imported-work .entry-meta, body.sarhu-imported-work .author-box, body.sarhu-imported-work .post-navigation { display: none; }
/* Vorhandene Startseitenblöcke bleiben nutzbar, nun kompakter gestaltet. */
.sarhu-home { max-width: 100%; margin: 0 auto; }
.sarhu-home h2 { margin-top: 0; }
.sarhu-eyebrow { font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--theme-palette-color-4, #4d4948); margin: 0 0 12px; }
.sarhu-hero, .sarhu-family { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
.sarhu-hero { padding: 16px 0 30px; }
.sarhu-hero h1 { margin: 0 0 16px; }
.sarhu-hero .wp-block-image, .sarhu-family .wp-block-image { margin: 0; }
.sarhu-hero img { display: block; width: 100%; height: auto; }
.sarhu-hero .wp-block-buttons { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.sarhu-section { padding: 28px 0; border-top: 1px solid var(--theme-palette-color-5, #ccc); }
.sarhu-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.sarhu-service { background: var(--theme-palette-color-8, #fff); padding: 0 0 12px; }
.sarhu-service .wp-block-image { margin: 0 0 12px; }
.sarhu-service img { width: 100%; aspect-ratio: 4/3; object-fit: contain; background: var(--theme-palette-color-8, #fff); }
.sarhu-service h3, .sarhu-service p { margin: 8px 12px; }
.sarhu-contact { background: var(--theme-palette-color-6, #eee); padding: 20px; margin: 0 0 24px; }
.sarhu-contact p { margin-bottom: 0; }
/* Auftraggeber: alle Einstellungen und Standardfelder aus 1.1.0 bleiben erhalten. */
.sarhu-clients { list-style: none; padding: 0; margin: 20px 0; }
.sarhu-clients > .sarhu-clients__item { margin: 0; padding: 12px; border-bottom: 1px solid var(--theme-palette-color-5, #ccc); }
.sarhu-clients--list > .sarhu-clients__item:nth-child(odd) { background: var(--theme-palette-color-6, #eee); }
.sarhu-clients__item article { display: flex; align-items: flex-start; gap: 16px; }
.sarhu-clients__body { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.sarhu-clients--list .sarhu-clients__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); column-gap: 20px; align-items: start; }
.sarhu-clients--list .sarhu-clients__body > .sarhu-clients__title { grid-column: 1; grid-row: 1 / span 3; }
.sarhu-clients--list .sarhu-clients__body > :not(.sarhu-clients__title) { grid-column: 2; }
.sarhu-clients .sarhu-clients__title { margin: 0 0 .4em; }
.sarhu-clients__title a { color: var(--theme-palette-color-4, #4d4948); text-decoration: none; }
.sarhu-clients__title a:hover { color: var(--theme-palette-color-1, #000099); text-decoration: underline; }
.sarhu-clients__categories, .sarhu-clients__tags { margin: .3em 0; }
.sarhu-clients__excerpt p { margin: .3em 0; }
.sarhu-clients__image { display: block; flex: 0 0 20%; max-width: 160px; }
.sarhu-clients__image img { display: block; width: 100%; height: auto; border-radius: 0; }
.sarhu-clients--grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sarhu-clients--grid > .sarhu-clients__item { padding: 12px; border: 1px solid var(--theme-palette-color-5, #ccc); background: var(--theme-palette-color-8, #fff); }
.sarhu-clients--grid article { display: block; }
.sarhu-clients--grid .sarhu-clients__image { max-width: none; margin-bottom: 12px; }
.sarhu-clients-pagination .page-numbers { display: flex; flex-wrap: wrap; list-style: none; padding: 0; gap: 14px; }
.sarhu-clients-archive { padding-block: var(--theme-content-vertical-spacing, 32px); }
.sarhu-clients-archive__header { margin-bottom: 20px; }
@media(max-width: 999px) {
 #main-container { --sarhu-frame-padding: 28px; margin-top: 20px; min-height: calc(100vh - 20px - var(--admin-bar, 0px)); }
 .sarhu-clients--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 689px) {
 #main-container { --sarhu-frame-padding: 18px; margin-top: 0; min-height: calc(100vh - var(--admin-bar, 0px)); }
 .sarhu-hero, .sarhu-family { grid-template-columns: 1fr; gap: 18px; }
 .sarhu-hero { padding: 12px 0 22px; }
 .sarhu-service-grid, .sarhu-clients--grid, .entry-content .wp-block-query .wp-block-post-template { grid-template-columns: 1fr !important; }
 .sarhu-contact { padding: 16px; }
 .sarhu-clients__item article { gap: 12px; }
 .sarhu-clients--list .sarhu-clients__body { display: block; }
 .sarhu-clients__image { flex-basis: 25%; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto !important; } }