/*
Theme Name: Ganz liebevoll gemeinsam – Zyklus
Theme URI: https://ganz-liebevoll-gemeinsam.de
Author: Janine Duwe-Junker
Description: Individuelles WordPress-Theme für Zykluswissen, Ressourcen, Angebote und spielerische Lernräume. WooCommerce-ready.
Version: 0.3.3
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: glg-zyklus
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--ink:#283128;--paper:#f0ece2;--cream:#f7f3ea;--sage:#c8cbb9;--red:#a7473e;--plum:#675467;--line:rgba(40,49,40,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.glg-nav{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:50;background:rgba(240,236,226,.94);backdrop-filter:blur(12px)}.glg-logo img{height:66px;width:auto;display:block}.glg-menu{display:flex;gap:30px;font-size:13px}.glg-cta,.glg-button{background:var(--ink);color:#fff;padding:15px 18px;font-size:12px;border:0;cursor:pointer}.glg-hero{min-height:calc(100vh - 86px);padding:9vh 7vw 6vh;position:relative;overflow:hidden}.eyebrow,.kicker{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.glg-hero h1,.glg-section h2{font:clamp(54px,7vw,104px)/.92 "Libre Caslon Display";font-weight:400;letter-spacing:-.04em;margin:25px 0}.glg-hero h1 em,.glg-section h2 i{font-weight:400;color:var(--red)}.glg-hero>p{max-width:550px;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.play-discovery{width:min(520px,100%);display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;border-block:1px solid var(--line);padding:14px 4px;position:relative;z-index:5}.play-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;animation:pulse 2.6s infinite}.play-discovery small,.play-discovery b{display:block}.play-discovery small{font-size:7px;letter-spacing:.17em}.play-discovery b{font:20px "Libre Caslon Display"}.play-discovery i{font-size:9px;font-style:normal}.hero-art{position:absolute;right:4vw;bottom:5vh;width:min(45vw,670px);aspect-ratio:1.5}.hero-art>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 72% 68% at center,#000 58%,transparent 100%)}.hero-words{position:absolute;inset:8% 7%;display:grid;grid-template-columns:1fr 1fr;align-content:space-between}.hero-words button{border:0;background:transparent;color:var(--ink);font:italic 20px "Libre Caslon Display";width:max-content;cursor:pointer;text-shadow:0 1px 10px var(--cream)}.hero-words button:nth-child(2),.hero-words button:nth-child(4){justify-self:end}.hero-words button:nth-child(3),.hero-words button:nth-child(4){align-self:end}.identity{padding:95px 12vw;background:var(--ink);color:var(--cream)}.identity>p{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.identity h2{font:clamp(42px,5.5vw,78px)/.98 "Libre Caslon Display";font-weight:400;margin:30px 0 50px}.identity h2 i{color:#a8b09f}.identity>div{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-left:24vw}.identity p{line-height:1.8}.glg-section{padding:110px 7vw}.playground{background:#e6e1d5}.section-head{display:grid;grid-template-columns:1.4fr .7fr;gap:8vw;align-items:end}.section-head h2{font-size:clamp(48px,6vw,82px);margin:22px 0 0}.section-head p{line-height:1.75}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border:1px solid var(--line)}.game-card{min-height:360px;padding:24px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;display:flex;flex-direction:column;cursor:pointer;position:relative}.game-card:last-child{border:0}.game-card:hover,.game-card.live{background:var(--cream)}.game-card.live:after{content:"SPIELBAR";position:absolute;top:18px;right:18px;background:var(--red);color:white;padding:6px;font-size:7px;letter-spacing:.15em}.game-card i{font:38px "Libre Caslon Display";color:var(--red);margin:45px 0 25px}.game-card h3{font:38px "Libre Caslon Display";font-weight:400;margin:8px 0}.game-card p{font-size:12px;line-height:1.65}.game-card b{font-size:9px;margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.finder{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;align-items:center}.finder h2,.compass h2,.resources h2{font-size:clamp(45px,5vw,72px)}.finder-box{background:var(--cream);padding:45px;min-height:380px;display:flex;flex-direction:column;justify-content:center}.finder-box h3{font:38px/1.08 "Libre Caslon Display";font-weight:400}.finder-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finder-actions button{padding:15px;border:1px solid var(--ink);background:transparent;cursor:pointer}.finder-actions button:first-child{background:var(--ink);color:white}.finder-result-icon{font-size:62px}.compass{background:var(--cream)}.phase-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-block:1px solid var(--line)}.phase-tab{padding:20px 12px;border:0;border-right:1px solid var(--line);background:none;cursor:pointer;opacity:.5;text-align:left}.phase-tab.active{opacity:1;background:var(--paper)}.phase-tab b,.phase-tab small{display:block}.phase-panel{display:grid;grid-template-columns:1fr 2fr;min-height:370px;background:#171717;color:#fff}.phase-icon{display:grid;place-items:center;font-size:90px;border-right:1px solid rgba(255,255,255,.25)}.phase-copy{padding:50px 7vw}.phase-copy h3{font:52px "Libre Caslon Display";font-weight:400;margin:15px 0}.phase-copy p{line-height:1.7}.needs{display:flex;gap:28px;flex-wrap:wrap;margin-top:35px;font-size:12px}.filters{display:flex;gap:8px;margin:40px 0 25px}.filters button{border:1px solid var(--line);border-radius:20px;background:none;padding:9px 17px;cursor:pointer}.filters button.active{background:var(--ink);color:white}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.resource{min-height:420px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:var(--cream)}.resource.free{background:#c97c66;color:white}.resource.guide{background:#d6bd94}.resource.plum{background:var(--plum);color:white}.resource.experience{background:#b78f79;color:white}.resource.support{background:#9aa58e}.resource h3{font:32px/1.05 "Libre Caslon Display";font-weight:400}.resource p{font-size:13px;line-height:1.65}.resource a{border-top:1px solid currentColor;padding-top:14px;font-size:11px}.glg-modal{position:fixed;z-index:100;inset:0;background:rgba(30,36,30,.9);padding:5vh 5vw;overflow:auto}.modal-close{position:fixed;right:3vw;top:3vh;width:44px;height:44px;border-radius:50%;border:0;background:var(--cream);font-size:25px;cursor:pointer}.memory{max-width:1000px;margin:auto;background:var(--paper);padding:40px;min-height:90vh}.memory h2{font:clamp(40px,5vw,68px)/1 "Libre Caslon Display";font-weight:400}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.memory-card{aspect-ratio:.82;border:0;background:transparent;perspective:900px;cursor:pointer}.memory-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:.55s}.memory-card.open .memory-inner,.memory-card.matched .memory-inner{transform:rotateY(180deg)}.memory-back,.memory-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:1px solid var(--line)}.memory-back{background:var(--cream)}.memory-back img{width:62%}.memory-face{transform:rotateY(180deg);background:var(--sage);text-align:center}.memory-face i{font-size:35px}.memory-face b{font:22px "Libre Caslon Display"}.memory-status{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.about{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;background:var(--cream);align-items:center}.about-photo{height:560px;position:relative;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:54% 28%}.about h2{font-size:clamp(45px,5vw,72px)}.about p{line-height:1.8}.newsletter{text-align:center;padding:100px 20px;background:var(--ink);color:var(--cream)}.newsletter h2{font:clamp(40px,5vw,68px) "Libre Caslon Display";font-weight:400}.newsletter form{max-width:550px;margin:35px auto;display:flex;border-bottom:1px solid #8b9189}.newsletter input{flex:1;background:none;border:0;padding:14px;color:white}.newsletter button{background:none;border:0;color:white}.glg-footer{padding:45px 5vw;background:#1e241e;color:var(--cream);display:flex;justify-content:space-between;gap:30px;font-size:11px}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(167,71,62,0)}}
@media(max-width:1000px){.hero-art{position:relative;width:min(680px,100%);right:auto;bottom:auto;margin:55px auto 0}.glg-hero{padding-bottom:55px}.game-grid{grid-template-columns:1fr 1fr}.finder,.section-head,.about{grid-template-columns:1fr}.identity>div{margin-left:0}.resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.glg-menu,.glg-cta{display:none}.glg-logo img{height:56px}.glg-hero h1{font-size:15vw}.play-discovery{grid-template-columns:auto 1fr}.play-discovery i{grid-column:2}.identity>div,.game-grid,.resource-grid{grid-template-columns:1fr}.game-card{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.phase-tabs{overflow:auto}.phase-tab{min-width:145px}.phase-panel{grid-template-columns:1fr}.phase-icon{min-height:200px}.memory-grid{grid-template-columns:repeat(3,1fr)}.memory{padding:55px 14px}.finder-box{padding:26px}.finder-actions{grid-template-columns:1fr}.glg-section{padding:75px 6vw}.glg-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play-mark{animation:none}.memory-inner{transition:none}}

/* v0.2 – stronger browser-compatible blend for the painted hero artwork */
.hero-art>img{-webkit-mask-image:radial-gradient(ellipse 69% 66% at center,#000 48%,rgba(0,0,0,.92) 63%,transparent 100%);mask-image:radial-gradient(ellipse 69% 66% at center,#000 48%,rgba(0,0,0,.92) 63%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:saturate(.92) contrast(.97)}
.resource.podcast{background:#e0d8ca}.resource.mentoring{background:#88987f;color:#fff}

/* v0.3 – 5-Minuten-Check-in */
.checkin-page{min-height:calc(100vh - 86px);padding:65px 6vw 100px;background:linear-gradient(145deg,var(--paper),#e7dfd1)}
.checkin-shell{width:min(920px,100%);margin:0 auto}.checkin-intro{text-align:center;margin-bottom:38px}.checkin-intro h1{font:clamp(48px,7vw,78px)/.95 "Libre Caslon Display";font-weight:400;letter-spacing:-.035em;margin:18px 0}.checkin-intro h1 i{color:var(--red);font-weight:400}.checkin-intro p{max-width:620px;margin:auto;line-height:1.75}.checkin-card{background:var(--cream);padding:clamp(25px,5vw,55px);box-shadow:0 22px 70px rgba(40,49,40,.08)}
.checkin-progress{height:3px;background:#ded8cb;margin-bottom:38px}.checkin-progress span{display:block;height:100%;background:var(--red);transition:width .35s}.checkin-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.checkin-card h2{font:clamp(34px,5vw,52px)/1.05 "Libre Caslon Display";font-weight:400;margin:28px 0 10px}.checkin-help{font-size:13px;line-height:1.6;color:#5b625b;margin-bottom:26px}.checkin-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.checkin-option{border:1px solid var(--line);background:transparent;color:var(--ink);padding:20px;text-align:left;cursor:pointer;min-height:104px;transition:.2s}.checkin-option:hover{background:#ebe5d9}.checkin-option.selected{border-color:var(--red);background:#efe0da;box-shadow:inset 4px 0 0 var(--red)}.checkin-option b,.checkin-option small{display:block}.checkin-option b{font:23px/1.15 "Libre Caslon Display";font-weight:400}.checkin-option small{margin-top:8px;line-height:1.45}.checkin-phase-choices{grid-column:1/-1;padding:18px;background:var(--paper);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.checkin-phase-choices button{border:1px solid var(--line);background:var(--cream);padding:13px 8px;cursor:pointer}.checkin-phase-choices button.selected{background:var(--ink);color:#fff}.checkin-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:16px}.checkin-back{border:0;background:none;cursor:pointer;text-decoration:underline}.checkin-next{border:0;background:var(--ink);color:#fff;padding:15px 22px;cursor:pointer}.checkin-next:disabled{opacity:.35;cursor:not-allowed}.checkin-validation{color:var(--red);font-size:12px;margin:15px 0 0}.checkin-result{background:var(--cream);padding:clamp(28px,6vw,65px);box-shadow:0 22px 70px rgba(40,49,40,.08)}.result-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}.checkin-result h2{font:clamp(40px,6vw,68px)/1 "Libre Caslon Display";font-weight:400;margin:16px 0 26px}.result-block{padding:25px 0;border-top:1px solid var(--line)}.result-block h3{font:29px "Libre Caslon Display";font-weight:400;margin:0 0 10px}.result-block p{line-height:1.75;margin:0}.result-action{background:var(--ink);color:var(--cream);padding:28px;margin:10px 0 28px}.result-action h3{color:#d8b19f}.result-email{background:#e8ded0;padding:25px}.result-email h3{font:27px "Libre Caslon Display";font-weight:400;margin:0 0 8px}.result-email p{font-size:13px;line-height:1.65}.result-email button{border:1px solid var(--ink);background:transparent;padding:12px 16px}.result-actions{display:flex;gap:20px;align-items:center;margin-top:28px;flex-wrap:wrap}
@media(max-width:700px){.checkin-page{padding:40px 5vw 70px}.checkin-options{grid-template-columns:1fr}.checkin-phase-choices{grid-template-columns:1fr 1fr}.checkin-meta{font-size:8px}.checkin-option{min-height:88px}}
.checkin-finder-note{padding:18px 20px;background:#e8ded0;border-left:4px solid var(--red);line-height:1.6;margin:22px 0}.checkin-finder-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.checkin-finder-actions button{padding:16px;border:1px solid var(--ink);background:transparent;cursor:pointer}.checkin-finder-actions button:first-child{background:var(--ink);color:#fff}.checkin-finder-result{text-align:center;padding:15px 0}.checkin-finder-result i{display:block;font-style:normal;font-size:58px;margin-bottom:12px}.checkin-finder-result h2{margin-top:16px}@media(max-width:700px){.checkin-finder-actions{grid-template-columns:1fr}}

/* v0.3.2 – complete check-in resource card is clickable */
.resource.checkin-clickable{cursor:pointer;position:relative;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.resource.checkin-clickable:hover,.resource.checkin-clickable:focus-visible{transform:translateY(-7px);box-shadow:0 18px 38px rgba(40,49,40,.18);filter:saturate(1.06)}
.resource.checkin-clickable:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.resource.checkin-clickable a{font-weight:600}.resource.checkin-clickable:hover a{padding-left:7px;transition:padding-left .22s ease}

/* v0.3.3 – result takeaway choices */
.result-email.takeaway{background:transparent;padding:32px 0 0;border-top:1px solid var(--line)}.takeaway-intro{text-align:center;max-width:620px;margin:0 auto 25px}.takeaway-intro h3{font:clamp(32px,5vw,45px)/1.05 "Libre Caslon Display";font-weight:400;margin:0 0 10px}.takeaway-intro p{line-height:1.65}.takeaway-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.takeaway-choice{border:1px solid var(--line);background:var(--paper);padding:25px;text-align:left;display:flex;flex-direction:column;min-height:310px;position:relative}.takeaway-choice.featured{background:var(--ink);color:var(--cream)}.takeaway-badge{position:absolute;top:16px;right:16px;background:var(--red);color:#fff;padding:6px 8px;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.takeaway-choice>small{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.takeaway-choice h4{font:30px/1.05 "Libre Caslon Display";font-weight:400;margin:22px 0 12px}.takeaway-choice p{font-size:13px;line-height:1.65;margin:0 0 22px}.takeaway-choice button{margin-top:auto;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:14px 16px;cursor:pointer;text-align:left}.takeaway-choice.featured button{background:var(--cream);color:var(--ink);border-color:var(--cream)}.takeaway-choice button:hover{filter:brightness(1.12)}.takeaway-no-mail{display:block;margin:22px auto 0;border:0;background:none;text-decoration:underline;cursor:pointer;color:var(--ink)}.takeaway-panel{margin-top:22px;background:#e8ded0;padding:25px}.takeaway-panel h4{font:29px "Libre Caslon Display";font-weight:400;margin:0 0 8px}.takeaway-panel p{font-size:13px;line-height:1.65}.takeaway-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.takeaway-form input[type=email]{min-width:0;border:1px solid var(--line);background:var(--cream);padding:14px}.takeaway-form>button,.takeaway-pdf-button{border:0;background:var(--ink);color:#fff;padding:14px 17px;cursor:pointer}.takeaway-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5}.takeaway-note{grid-column:1/-1;font-size:11px!important}.takeaway-test-message{margin-top:12px!important;color:var(--red);font-weight:600}.takeaway-panel[hidden]{display:none}@media(max-width:700px){.takeaway-choices{grid-template-columns:1fr}.takeaway-choice{min-height:270px}.takeaway-form{grid-template-columns:1fr}.takeaway-consent,.takeaway-note{grid-column:1}}