/*
Theme Name: Strick-Maus
Description: Persönliche Website mit pflegbarer Strickwaren-Galerie und unverbindlichem Anfrageformular.
Version: 1.1.0
Author: Strick-Maus
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: strick-maus
*/
:root{--paper:#f8f6f0;--ink:#333b32;--green:#53664b;--muted:#76786e;--line:#dfdfd3;--rose:#a16e64}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--rose);outline-offset:5px}button{color:inherit}.wrap{width:min(1216px,88%);margin-inline:auto}.preview-note{text-align:center;background:#e8ebdf;color:#46513d;font-size:11px;padding:6px 14px;letter-spacing:.04em}.header{width:min(1320px,92%);margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 0}.brand{display:flex;align-items:center;gap:12px}.brand img{width:60px;height:52px;object-fit:contain}.brand>span{font-family:Georgia,serif;font-size:27px;line-height:1.1}.brand small{display:block;font:9px Arial;letter-spacing:.2em;margin-top:9px}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav-contact{background:transparent;border:1px solid #9da591;border-radius:4px;padding:10px 20px}.nav-contact span{margin-left:22px}.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:65px;align-items:center;padding:40px 0 74px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.19em}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}.hero h1{font:clamp(40px,4.5vw,65px)/1.12 Georgia,serif;letter-spacing:-.045em;margin:25px 0}em{font-weight:400;color:var(--green)}.hero-copy>p{max-width:425px;color:#73756c;font-size:15px;line-height:1.9;margin-bottom:30px}.button{border:0;border-radius:3px;background:var(--green);color:white;display:inline-flex;align-items:center;gap:30px;padding:16px 24px;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#3b4c35;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.hero-foot{margin-top:28px;color:#7c7f72;font-size:10px;display:flex;align-items:center;gap:10px}.heart{font-size:25px;color:var(--rose)}figure{margin:0}.hero-image{height:490px;position:relative}.hero-image>img{height:100%;width:100%;object-fit:cover;border-radius:48% 48% 3px 3px}.hero-image figcaption{position:absolute;bottom:12px;left:15px;font-size:9px;background:#faf7eede;padding:3px 8px;border-radius:2px;color:#52594c}.round-label{position:absolute;bottom:33px;right:-22px;width:130px;height:130px;border-radius:50%;background:#e9ebdf;border:5px solid var(--paper);outline:1px solid #c7cdbb;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);font-size:10px;line-height:1.7}.round-label strong{font-family:Georgia;font-size:21px;font-weight:400}.round-label span{font-size:20px;color:#8d7166}.ribbon{border-block:1px solid var(--line);background:#eeefe5;display:flex;justify-content:center;align-items:center;gap:45px;padding:19px 22px;font-size:11px;letter-spacing:.04em}.ribbon b{font-size:18px;color:#869276;font-weight:400}.gallery-section{padding-block:85px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}h2{font:clamp(30px,3.2vw,44px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:17px 0 20px}.section-head>p{font-size:12px;color:var(--muted);line-height:1.8}.gallery-info{display:flex;gap:22px;align-items:center;border-left:2px solid #b4bda6;padding:6px 13px;margin:15px 0 25px;background:#f0f0e8}.gallery-info>span{font-size:11px;min-width:160px;font-weight:bold}.gallery-info p{font-size:11px;line-height:1.6;color:#74766c;margin:0}.filters{display:flex;gap:10px;margin:24px 0}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:7px 18px;font-size:11px}.filters button.active{background:var(--green);color:white;border-color:var(--green)}.filters button span{margin-left:8px;opacity:.7}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-photo{position:relative;aspect-ratio:1/1.07;background-image:url('assets/gallery.png');background-size:300% 100%;border-radius:3px;overflow:hidden}.photo-0{background-position:left center}.photo-1{background-position:center}.photo-2{background-position:right center}.photo-label{position:absolute;top:13px;left:13px;padding:4px 8px;background:#f9f7f0e8;border-radius:2px;font-size:9px}.product-number{position:absolute;bottom:12px;right:14px;color:#656b5b;font:italic 22px Georgia}.product-meta{font-size:8px;letter-spacing:.15em;margin:21px 0 8px;color:#8b8e80}h3{font:25px/1.3 Georgia;margin:0 0 7px}.product-grid article>p{font-size:12px;color:var(--muted);margin:0 0 17px}.product-link{width:100%;background:none;border:0;border-block:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 0;font-size:11px}.product-link span,.text-link span{font-size:19px;color:var(--green)}.gallery-bottom{text-align:center;color:var(--muted);font-size:11px;margin-top:30px}.gallery-bottom span{color:var(--rose);margin-left:10px}.about{background:#e9ecdf;padding:65px 0}.about-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.about-art{border:1px solid #c9d0bd;aspect-ratio:1.15;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:48% 48% 4px 4px;background:#f0f1e8}.about-art img{width:150px;height:135px;object-fit:contain;opacity:.65}.about-art span{text-align:center;font:italic 27px/1.3 Georgia;margin-top:20px;color:#6d7860}.about p{font-size:13px;color:#727969;max-width:420px;line-height:1.9}.text-link{background:transparent;border:0;border-bottom:1px solid #9da591;padding:8px 0;display:inline-flex;gap:30px;align-items:center;font-size:12px}.contact{text-align:center;padding-block:78px}.contact h2{font-size:45px}.contact p{font-size:13px;color:var(--muted);margin-bottom:25px}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;gap:26px;font-size:10px;color:#7a7e70}.footer-brand{font:24px Georgia;color:var(--ink)}.footer-brand span{color:var(--rose)}footer>div{display:flex;gap:20px;margin-left:auto}footer button{border:0;padding:0;background:transparent;font-size:10px}footer small{font-size:9px}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);max-width:610px;width:calc(100% - 30px);padding:38px;max-height:90vh;overflow:auto}dialog::backdrop{background:#222b23a6;backdrop-filter:blur(4px)}.close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form label{display:block;font-size:12px;margin:14px 0}input,textarea{width:100%;border:1px solid #cdd1c2;border-radius:4px;padding:10px;margin-top:5px;background:#fffefa;color:var(--ink)}textarea{resize:vertical}.form-note{font-size:11px;color:var(--muted);background:#e9ecdf;padding:12px}#form-result{margin-top:20px;padding:15px;border:1px solid var(--line);font-size:12px}#legal-content p,#legal-content li{font-size:13px}article[hidden]{display:none}@media(min-width:1500px){.hero{padding-top:60px}}@media(max-width:850px){.hero{gap:30px}.hero-image{height:420px}.ribbon{gap:18px;font-size:9px}.about-inner{gap:40px}.section-head>p{max-width:200px}footer{flex-wrap:wrap}.header nav{gap:18px}.product-grid{gap:17px}h3{font-size:21px}}@media(max-width:600px){.wrap{width:88%}.header{padding:18px 0}.brand img{width:42px;height:42px}.brand>span{font-size:23px}.brand small{font-size:7px}.header nav>a{display:none}.nav-contact{padding:7px 12px;font-size:11px}.nav-contact span{margin-left:8px}.preview-note{font-size:9px}.hero{grid-template-columns:1fr;padding:28px 0 45px;gap:32px}.hero h1{font-size:46px}.hero-copy>p{font-size:14px}.hero-image{height:380px;width:94%}.round-label{width:112px;height:112px;right:-18px}.hero-foot{margin-top:20px}.ribbon{flex-wrap:wrap;gap:8px 18px;padding:17px}.ribbon b:nth-of-type(2){display:none}.ribbon span{width:36%;text-align:center}.ribbon b{font-size:12px}.gallery-section{padding-block:50px}.section-head{display:block}.section-head>p{max-width:none}.gallery-info{display:block}.gallery-info p{margin-top:5px}.filters{gap:6px;flex-wrap:wrap}.filters button{padding:6px 12px}.product-grid{grid-template-columns:1fr;gap:30px}.product-photo{aspect-ratio:1.05}.product-meta{margin-top:15px}h3{font-size:27px}.about{padding-block:45px}.about-inner{grid-template-columns:1fr;gap:33px}.about-art{max-width:310px;width:90%;margin:auto;aspect-ratio:1.2}.about-art img{width:120px;height:110px}.contact{padding-block:55px}.contact h2{font-size:36px}footer{gap:10px 20px}footer>div{margin-left:0;width:100%;order:3;margin-top:8px}footer>p{display:none}footer>small{margin-left:auto}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:30px 23px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.real-product{background:#e8e9df}.real-product>img{width:100%;height:100%;object-fit:cover;display:block}.product-description{font-size:12px;color:var(--muted);line-height:1.7}.product-description p{margin:0 0 12px}.product-details{font-size:11px!important}.photo-pending{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;color:#69745d;font-size:12px}.photo-pending img{width:100px;opacity:.6}.privacy-check{display:flex;align-items:flex-start;gap:9px;font-size:11px}.privacy-check input{width:auto;margin-top:4px}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-result.error{border-color:#ae665a}.plain-page{min-height:60vh;padding:45px 0 70px;max-width:900px}.plain-page img{max-width:100%;height:auto}.plain-page a{text-decoration:underline}.plain-page h1{font:45px Georgia}.plain-page .entry-content{line-height:1.9}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;padding:10px;z-index:99999}
.inline-legal{border:0;background:none;text-decoration:underline;padding:0;font-size:inherit}.button:disabled{opacity:.65;cursor:wait}.product-grid article{min-width:0}.product-description{overflow-wrap:anywhere}.real-product>img{position:absolute;inset:0}.real-product .photo-label{z-index:1}

.product-price{font:27px/1.3 Georgia,serif!important;color:var(--green)!important;margin:15px 0!important}.product-price small{display:block;font:10px/1.6 Arial,sans-serif;color:var(--muted);margin-top:4px}.price-pending{font-size:23px!important}.contact-details{margin-top:25px;font-size:13px;color:var(--muted)}.contact-details a{text-decoration:underline;text-underline-offset:4px}.contact-details p{margin:10px 0}
