/*
Theme Name: Wildschirm
Description: Warmes, ruhiges Block-Theme als digitale Visitenkarte und kreatives Schaufenster. Kein Shop, keine Plugins noetig.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: wildschirm
*/
:root{--g:#5e7b6f;--gb:#4c6b5e;--gd:#34493f;--cream:#f9f4ee;--sand:#efe6d8;--bh:#c2af84;--b:#af894d;--r:24px;--shadow:0 14px 34px -20px rgba(52,73,63,.45);--serif:var(--wp--preset--font-family--serif);--sans:var(--wp--preset--font-family--sans)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:#2f3a35;font-family:var(--sans);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wp-site-blocks>*{margin-block-start:0!important;margin-block-end:0!important}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--serif);color:var(--gd);line-height:1.22;font-weight:400;margin:0}
h1{font-size:clamp(2.1rem,5vw,3.6rem)}h2{font-size:clamp(1.65rem,3.4vw,2.4rem)}h3{font-size:1.2rem}
p{margin:0}
a{color:var(--gb)}
:focus-visible{outline:3px solid var(--b);outline-offset:3px;border-radius:4px}

/* Layout: alles zentriert */
.wp-block-post-content{padding:0!important;max-width:none!important}
.wp-block-post-content>*:not(.ws-section){max-width:760px!important;margin-left:auto!important;margin-right:auto!important;padding-left:1.25rem;padding-right:1.25rem}
.wp-block-post-content>*:not(.ws-section)+*{margin-top:1.25rem}
.wp-block-post-content>.ws-section{max-width:none!important;width:100%;margin:0!important}
.ws-section{padding:clamp(3rem,7vw,5.5rem) 0}
.ws-wrap{width:100%;max-width:1160px;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(1.25rem,4vw,2.5rem);padding-right:clamp(1.25rem,4vw,2.5rem)}
.ws-wrap>*{margin-top:0!important;margin-bottom:0!important}
.ws-wrap>*+*{margin-top:1.3rem!important}
.ws-wrap>h2+p,.ws-wrap>h1+p{margin-top:1rem!important}
.wp-block-post-content>.ws-section:first-child{background:linear-gradient(165deg,#f7f1e6 0%,#e3eae2 100%);padding-top:clamp(2.5rem,6vw,5.5rem);padding-bottom:clamp(2.5rem,6vw,5.5rem)}
.ws-sand{background:var(--sand)}
.ws-green{background:linear-gradient(135deg,#4c6b5e,#5e7b6f);color:var(--cream)}
.ws-green h2,.ws-green h3{color:var(--cream)}
.ws-green .ws-wrap{text-align:center;max-width:820px}
.ws-green .wp-block-buttons{justify-content:center}
.ws-green .wp-block-button__link{background:var(--cream);color:var(--gd)}
.ws-green .wp-block-button__link:hover{background:#fff;color:var(--gd)}

/* Texte und Ornamente */
.ws-kicker{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gb);font-weight:500}
.ws-kicker::after{content:" \2661";color:var(--b)}
.ws-wrap>h2::after{content:"";display:block;width:96px;height:16px;margin-top:.9rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='16' viewBox='0 0 96 16'%3E%3Cpath d='M0 8h36M60 8h36' stroke='%23c2af84' stroke-width='1.5'/%3E%3Cpath d='M48 14C39 8 39 2 43.5 2c2.5 0 4.5 1.5 4.5 3.5C48 3.5 50 2 52.5 2 57 2 57 8 48 14z' fill='%23af894d'/%3E%3C/svg%3E") center/contain no-repeat}
.ws-green .ws-wrap>h2::after{margin-left:auto;margin-right:auto}
.ws-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.ws-hero>*{margin:0!important}
.ws-herotext>*+*{margin-top:1.25rem!important}
.ws-herotext h1+p{font-size:1.15rem;color:#47554e}
.ws-hero figure.ws-ph img{aspect-ratio:4/5;object-fit:cover;border-radius:50% 50% 28px 28px/32% 32% 28px 28px;box-shadow:var(--shadow)}
.ws-section:not(:first-child) .ws-hero figure.ws-ph img{aspect-ratio:4/3;border-radius:28px}
.ws-note{background:#fff7e0;border:2px dashed var(--b);border-radius:14px;padding:1rem 1.25rem}
.ws-wrap>ul,.ws-wrap>ol{padding-left:1.3rem}

/* Raster und Karten */
.ws-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:2rem!important}
.ws-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
.ws-grid>*{margin:0!important}
figure.ws-ph{margin:0}
figure.ws-ph img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
figure.ws-ph figcaption{margin-top:.6rem;font-size:.9rem;color:#6b6a5c;text-align:center}
.ws-card{background:#fff;border:1px solid rgba(194,175,132,.45);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease}
.ws-card:hover{transform:translateY(-3px)}
.ws-card figure.ws-ph img{border-radius:0;box-shadow:none}
.ws-card-body{padding:1.25rem 1.5rem 1.6rem}
.ws-card-body>*{margin:0!important}
.ws-card-body>*+*{margin-top:.6rem!important}
.ws-card-body p{font-size:.98rem;color:#47554e}
.ws-card-body a{font-weight:500;text-decoration:none;border-bottom:1.5px solid var(--bh)}
.ws-steps{counter-reset:s;list-style:none;padding:0!important}
.ws-steps li{counter-increment:s;padding:.9rem 0 .9rem 3.4rem;position:relative;border-bottom:1px solid var(--bh)}
.ws-steps li::before{content:counter(s);position:absolute;left:0;top:.8rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--gb);color:var(--cream);text-align:center;line-height:2.2rem;font-family:var(--serif)}

/* Buttons */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem}
.wp-block-button__link{background:var(--gb);color:var(--cream);border-radius:999px;padding:.85rem 1.7rem;font-weight:500;font-size:1rem;text-decoration:none;border:1.5px solid var(--gb);transition:background .2s}
.wp-block-button__link:hover{background:var(--gd);border-color:var(--gd);color:#fff}
.is-style-outline>.wp-block-button__link{background:transparent;color:var(--gb)}
.is-style-outline>.wp-block-button__link:hover{background:var(--gb);color:var(--cream)}

/* Header */
.wp-site-blocks>header{position:sticky;top:0;z-index:50}
.admin-bar .wp-site-blocks>header{top:32px}
.ws-header{background:var(--cream);border-bottom:1px solid rgba(194,175,132,.5);padding:.8rem 0}
.ws-header .ws-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ws-header .ws-wrap>*{margin:0!important}
.ws-header .wp-block-site-title{font-size:1.7rem;line-height:1}
.ws-header .wp-block-site-title a{font-family:var(--serif);color:var(--gd);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}
.ws-header .wp-block-site-title a::before{content:"";width:1.3rem;height:1.3rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e7b6f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22V2'/%3E%3Cpath d='M12 18c-4 0-7-3-7-6 4 0 7 3 7 6zM12 12c4 0 7-3 7-6-4 0-7 3-7 6zM12 8C9 8 7 6 7 3c3 0 5 2 5 5z' fill='%235e7b6f' fill-opacity='.25'/%3E%3C/svg%3E") center/contain no-repeat}
.ws-header .wp-block-navigation{font-size:.95rem;gap:1.1rem}
.wp-block-navigation .wp-block-navigation-item__content{color:var(--gd);text-decoration:none;padding:.3rem .1rem;border-bottom:1.5px solid transparent}
.wp-block-navigation .wp-block-navigation-item__content:hover{border-bottom-color:var(--b)}
.wp-block-navigation .ws-nav-cta .wp-block-navigation-item__content{background:var(--gb);color:var(--cream);border-radius:999px;padding:.45rem 1.15rem;border:0}
.wp-block-navigation .ws-nav-cta .wp-block-navigation-item__content:hover{background:var(--gd)}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--cream)!important;color:var(--gd)!important;padding:2rem!important}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{color:var(--gd)}
.is-menu-open .wp-block-navigation__container{gap:1.1rem;font-size:1.25rem;font-family:var(--serif)}

/* Footer */
.ws-footer{background:var(--gd);color:#e8e2d4;padding:3.5rem 0 1.5rem}
.ws-footer a,.ws-footer .wp-block-navigation-item__content{color:#e8e2d4!important;text-decoration:none}
.ws-footer a:hover{color:#fff!important;text-decoration:underline}
.ws-footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem}
.ws-footgrid>*{margin:0!important}
.ws-footlogo{font-family:var(--serif);font-size:1.7rem;color:#fff;margin-bottom:.6rem!important}
.ws-foothead{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bh);margin-bottom:.8rem!important}
.ws-footbottom{margin-top:2.5rem!important;padding-top:1.25rem!important;border-top:1px solid rgba(194,175,132,.35);font-size:.9rem;color:#c9c3b3}

/* Kontaktformular */
.ws-form{display:grid;gap:1.1rem;max-width:640px}
.ws-form label{display:block;font-weight:500;margin-bottom:.25rem}
.ws-form input[type=text],.ws-form input[type=email],.ws-form select,.ws-form textarea{width:100%;padding:.8rem 1rem;border:1.5px solid var(--bh);border-radius:14px;background:#fff;font:inherit;color:inherit}
.ws-form textarea{min-height:10rem}
.ws-form .ws-check label{display:flex;gap:.6rem;font-weight:400;align-items:flex-start}
.ws-form button{background:var(--gb);color:var(--cream);border:0;border-radius:999px;padding:.9rem 2.1rem;font:inherit;font-weight:500;cursor:pointer;justify-self:start}
.ws-form button:hover{background:var(--gd)}
.ws-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.ws-msg{padding:1rem 1.25rem;border-radius:14px;margin-bottom:1rem}
.ws-ok{background:#e4eee8;border:1px solid var(--g)}
.ws-err{background:#f8e6e0;border:1px solid #a4492f}

/* Responsive */
@media(max-width:1000px){.ws-grid,.ws-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}.ws-hero{grid-template-columns:1fr}.ws-hero figure.ws-ph{max-width:440px;margin:0 auto!important}.ws-footgrid{grid-template-columns:1fr 1fr}.ws-footgrid>:first-child{grid-column:1/-1}}
@media(max-width:600px){.ws-grid,.ws-grid:has(>:nth-child(4):last-child){grid-template-columns:1fr}.ws-footgrid{grid-template-columns:1fr}.ws-header .wp-block-site-title{font-size:1.45rem}.admin-bar .wp-site-blocks>header{top:46px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}