/*
Theme Name: Kollektiv Zyk
Theme URI: https://kollektiv-zyk.ch
Author: Michael Galli
Description: Classic Theme für kollektiv-zyk.ch – 1:1 Portierung der statischen Site.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kollektiv-zyk
*/

:root{--gruen: rgb(36, 64, 61);--rot: rgb(223, 86, 59);--rosa: rgb(249, 221, 216);--max-width: 1920px;--pad: 2rem;--fs-mittel: clamp(1.25rem, 1rem + 1.2vw, 1.75rem);--fs-klein: 0.875rem;--lh-mittel: 1.2}@font-face{font-family:"Faune";src:url("assets/fonts/Faune-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Faune Display";src:url("assets/fonts/Faune-Display-Bold-Italic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:2rem}.content section{scroll-margin-top:2rem;margin-bottom:65px !important}body{margin:0;font-family:"Faune",Georgia,serif;font-weight:400;line-height:1.4;color:var(--rosa);background:var(--gruen);font-size:1.125rem}@media (min-width: 1024px){body{background:linear-gradient(to right, var(--gruen) 50%, var(--rot) 50%)}}img,svg{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:0;background:var(--rot);color:var(--rosa);padding:.75rem 1rem;z-index:100}.skip-link:focus{top:0}.site{max-width:var(--max-width);margin:0 auto;background:var(--gruen)}@media (min-width: 1024px){.site{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:start;background:rgba(0,0,0,0)}}.sidebar{background:var(--gruen);color:var(--rot);padding:var(--pad);position:relative;min-height:100vh;display:flex;flex-direction:column}@media (min-width: 1024px){.sidebar{position:sticky;top:0;height:100vh;padding:3rem;overflow:visible}}@media (max-width: 1023px){.sidebar{min-height:0}}.sidebar__inner{display:flex;flex-direction:column;flex:1}@media (min-width: 1024px){.sidebar__inner{width:100%;max-width:860px;margin-left:auto}}@media (min-width: 1024px){nav{margin-bottom:65px}}.nav__list{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:nowrap;max-width:600px;margin-inline:auto}@media (min-width: 1024px){.nav__list{justify-content:center}}@media (min-width: 769px) and (max-width: 1023px){.nav__list{max-width:none;margin-inline:0;justify-content:flex-end}}@media (max-width: 768px){.nav__list{flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;text-align:center}}.nav__link{position:relative;display:inline-block;padding:clamp(.5rem,.9vw,1.1rem) clamp(.5rem,1vw,1.5rem);color:var(--rot);font-size:1rem;white-space:nowrap;z-index:1}.nav__link::before{content:"";position:absolute;inset:-.2rem -1.1rem;background-repeat:no-repeat;background-position:center;background-size:120% 130%;opacity:0;z-index:-1;transition:opacity .15s ease}.nav__link:hover::before,.nav__link:focus-visible::before,.nav__link[aria-current=page]::before{opacity:1}.nav__link:focus-visible{outline:none}@media (max-width: 768px){.nav__link{font-size:1rem}.nav__link::before{inset:-.9rem -1.6rem;background-size:125% 135%}}.nav__item--home .nav__link::before{background-image:url("assets/nav/menu-home.svg")}.nav__item--about .nav__link::before{background-image:url("assets/nav/menu-about.svg")}.nav__item--kontakt .nav__link::before{background-image:url("assets/nav/menu-kontakt.svg")}.nav__item--impressum .nav__link::before{background-image:url("assets/nav/menu-impressum.svg")}.hero{flex:1;display:flex;align-items:center;justify-content:flex-start;margin-top:1rem;margin-right:0}.hero__link{display:block;width:max-content;max-width:100%;color:inherit;text-decoration:none}@media (min-width: 1024px){.hero{justify-content:flex-end;margin-block:auto;margin-right:2rem}.hero__blop{width:min(clamp(30rem,26rem + 20vw,40rem), calc((100vh - 240px) * 0.84))}}@media (max-width: 1023px){.hero{margin:0}.hero__link{width:100%}}.hero__blop{container-type:inline-size;width:clamp(30rem,26rem + 20vw,40rem);max-width:100%;aspect-ratio:774/923;background:url("assets/home/Gross.svg") center/100% 100% no-repeat}.hero__content{position:relative;z-index:1;font-family:"Faune Display",Georgia,serif;font-weight:700;font-style:italic;font-size:17cqw;color:var(--rot);line-height:1.05;padding:3cqw 3cqw 0 8cqw}.hero__arrow{display:block;width:max-content;margin-top:3cqw;margin-left:5cqw;font-size:12cqw;font-style:normal;line-height:1;color:var(--rot)}.hero__link:hover .hero__arrow,.hero__link:focus-visible .hero__arrow{transform:translateX(.25rem);transition:transform .2s ease}.burger{display:none;position:absolute;top:1rem;right:1rem;width:2.75rem;height:2.75rem;flex-direction:column;justify-content:center;gap:.35rem;z-index:20;background:var(--gruen)}@media (max-width: 768px){.burger{display:flex;position:fixed}}.burger__bar{display:block;width:2rem;height:3px;background:var(--rot);transition:transform .25s ease,opacity .25s ease}.burger[aria-expanded=true] .burger__bar:nth-child(1){transform:translateY(.5rem) rotate(45deg)}.burger[aria-expanded=true] .burger__bar:nth-child(2){opacity:0}.burger[aria-expanded=true] .burger__bar:nth-child(3){transform:translateY(-.5rem) rotate(-45deg)}@media (max-width: 768px){.nav{display:none;position:fixed;inset:0;background:var(--gruen);padding:5rem var(--pad) 2rem;z-index:15;overflow-y:auto}.nav[data-open=true]{display:flex;align-items:flex-start;justify-content:center}}.content{background:var(--rot);color:var(--rosa);padding:var(--pad) 1rem}@media (min-width: 1024px){.content{min-height:100vh;padding:4.5rem 3rem}}.content h1,.content h2,.content h3{font-family:"Faune",Georgia,serif;font-weight:700;line-height:1.1;margin:0 0 1rem}.content h1{font-size:var(--fs-mittel)}.content h2{font-size:var(--fs-mittel);margin-top:2.5rem}.content h2:first-child{margin-top:0}.content h3{font-size:var(--fs-mittel);margin-top:1.5rem}.content p{margin:0 0 1rem;font-size:var(--fs-mittel);line-height:var(--lh-mittel)}.content ul{margin:0 0 1.25rem;padding-left:1.25rem;font-size:var(--fs-mittel);line-height:var(--lh-mittel)}.content ul li{margin-bottom:.25rem}.content a,.content p a{color:var(--rosa);text-decoration:underline;text-underline-offset:.2em}.content a:hover,.content a:focus-visible,.content p a:hover,.content p a:focus-visible{color:var(--gruen)}.content .cols-2 p{font-size:var(--fs-klein)}@media (max-width: 1023px){.content .cols-2 p{font-size:var(--fs-klein)}}.content--klein p,.content--klein li,.content--klein a,.content--klein h2,.content--klein h3{font-size:var(--fs-klein)}.content--narrow{max-width:860px}@media (max-width: 1023px){.content--narrow{max-width:100%}.content--narrow>p,.content--narrow>h1,.content--narrow>h2,.content--narrow>h3,.content--narrow>ul:not(.portraits){max-width:640px}}.cols-2{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 700px){.cols-2{grid-template-columns:1fr 1fr;gap:3rem}}.portraits{list-style:none;margin:45px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:1.5rem}@media (max-width: 600px){.portraits{grid-template-columns:repeat(2, 1fr);gap:1rem}}.portraits li figure{margin:0}.portraits img{width:100%;aspect-ratio:1/1;object-fit:cover}.portraits figcaption{margin-top:.5rem;font-family:"Faune",Georgia,serif;font-style:normal;font-weight:400;font-size:var(--fs-klein);line-height:1.3}.portraits figcaption .name,.portraits figcaption .role{display:block;text-align:center}ul.portraits{padding-left:0;margin-top:45px}.form{display:grid;gap:1rem;max-width:32rem;margin:1rem 0 2rem}.form label{display:block;margin-bottom:.25rem}.form input,.form textarea{width:100%;padding:.75rem;font:inherit;background:var(--rosa);color:var(--gruen);border:0}.form button{justify-self:start;padding:.75rem 1.5rem;background:var(--gruen);color:var(--rosa);font-family:"Faune",Georgia,serif}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}

/* ============================================
   Team Grid (Shortcode [team]) – Optik wie .portraits
   ============================================ */
.team-grid{list-style:none;margin:45px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:1.5rem}
@media (max-width: 600px){.team-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}
.team-member{text-align:center}
.team-member__image{margin:0;overflow:hidden}
.team-member__image img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.team-member__content{margin-top:.5rem}
.content .team-member__name{margin:0;font-family:"Faune",Georgia,serif;font-weight:400;font-size:var(--fs-klein);line-height:1.3}
.content .team-member__title{margin:0;font-family:"Faune",Georgia,serif;font-weight:400;font-size:var(--fs-klein);line-height:1.3}

/* ============================================
   Fluent Forms – Submit-Button
   ============================================ */
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit{
	background:var(--gruen) !important;
	color:var(--rosa) !important;
	border:2px solid var(--gruen) !important;
	font-size:1rem !important;
}
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover,
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:focus-visible{
	background:var(--rot) !important;
	color:var(--gruen) !important;
	border:2px solid var(--gruen) !important;
}

/* Eingabefelder */
.ff-default .ff-el-form-control{
	font-size:1rem !important;
	border:2px solid var(--rot) !important;
}
.ff-default .ff-el-form-control::placeholder{
	font-size:1rem !important;
}
.ff-message-success{
	margin-bottom:16px !important;
	border:2px solid var(--rosa) !important;
}