/*
Theme Name: Gemonio MNML Child
Theme URI: https://gemonio.ch/
Description: Schlankes Child Theme für Gemonio MNML. Updatefester Ort für projektspezifisches CSS und PHP.
Author: Gemonio
Template: gemonio-mnml
Version: 1.2.0
Text Domain: gemonio-mnml-child
*/

/*
 * Projektspezifische Styles ab hier.
 * MNML selbst bleibt unangetastet und updatefähig.
 */

/* Kopf-Formular: Höhe des Headerbilds (Seite und Produkt) */
body.gm-hero-low{--gm-hero-h:min(44vh,480px)}
body.gm-hero-high{--gm-hero-h:min(80vh,860px)}
@media(max-width:900px){body.gm-hero-low{--gm-hero-h:32vh}body.gm-hero-high{--gm-hero-h:60vh}}

/* Abschnitte (freie Seiten) */
.gm-sections{margin-top:clamp(40px,6vw,90px)}
.gm-sec{margin:0 0 clamp(48px,7vw,96px)}
.gm-sec__title{font-family:var(--mnml-font-heading);text-transform:uppercase;color:var(--gm-orange,#c14722);font-size:clamp(30px,4vw,56px);line-height:1.02;font-weight:400;margin:0 0 .5em}
.gm-sec__body p{margin:0 0 1em;color:var(--gm-creme,#f9eed8)}
.gm-sec__body a{color:var(--gm-orange,#c14722)}
.gm-sec--bildtext{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.gm-sec--bildtext.gm-sec--right .gm-sec__media{order:2}
.gm-sec--bildtext img{display:block;width:100%;height:auto}
@media(max-width:800px){.gm-sec--bildtext{grid-template-columns:1fr}.gm-sec--bildtext.gm-sec--right .gm-sec__media{order:0}}
.gm-sec--zitat blockquote{margin:0;padding:0;border:0;max-width:34em}
.gm-sec--zitat blockquote,.gm-sec--zitat blockquote p{font-size:clamp(24px,3vw,40px);line-height:1.25;color:var(--gm-creme,#f9eed8)}
.gm-sec--zitat cite{display:block;margin-top:1em;font-style:normal;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--gm-sand,#b9a98a)}
.gm-sec--galerie{display:grid;gap:12px}
.gm-sec--galerie.gm-cols-2{grid-template-columns:repeat(2,1fr)}
.gm-sec--galerie.gm-cols-3{grid-template-columns:repeat(3,1fr)}
.gm-sec--galerie.gm-cols-4{grid-template-columns:repeat(4,1fr)}
.gm-sec--galerie figure{margin:0}
.gm-sec--galerie img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
@media(max-width:700px){.gm-sec--galerie.gm-cols-3,.gm-sec--galerie.gm-cols-4{grid-template-columns:repeat(2,1fr)}}
.gm-sec__album{display:flex;align-items:center;gap:24px;text-decoration:none}
.gm-sec__album img{display:block;width:min(220px,40vw);height:auto}
.gm-sec__albumname{font-family:var(--mnml-font-heading);text-transform:uppercase;color:var(--gm-creme,#f9eed8);font-size:clamp(26px,3.4vw,44px);line-height:1.05}