/*
Theme Name: Gewebehof Atelier
Description: Ein eigenständiges WordPress-Block-Theme für das Atelier Liane Albert.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: gewebehof-atelier
Update URI: false
*/
:root{--gh-green:#174b32;--gh-deep:#103925;--gh-gold:#edbd35;--gh-paper:#fffdf7;--gh-linen:#f7f4eb;--gh-ink:#24342b;--gh-rule:#d5dbca;--gh-width:1240px;--gh-gutter:clamp(22px,5vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;background:var(--gh-linen);color:var(--gh-ink);font-family:'Trebuchet MS','Segoe UI',sans-serif}img{max-width:100%;height:auto}a{text-underline-offset:.24em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd8510;outline-offset:5px}figure{margin:0}p{margin-block:0 1.2rem}h1,h2,h3{font-family:Georgia,'Palatino Linotype',serif;font-weight:400;line-height:1.15;letter-spacing:-.025em;color:var(--gh-green)}h1{font-size:clamp(2.7rem,5vw,4.8rem);max-width:21ch}h2{font-size:clamp(2rem,3.3vw,3rem)}h3{font-size:1.7rem}button,input,select{font:inherit}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}.gh-main{margin:0}.gh-main>.wp-block-post-content{margin:0}.gh-page-content{width:min(100%,var(--gh-width));margin-inline:auto;padding:clamp(48px,7vw,100px) var(--gh-gutter)}.gh-page-content.gh-home-content{padding-top:0}.gh-page-heading{padding-bottom:2rem;border-bottom:1px solid var(--gh-rule);margin-bottom:2.8rem!important}.gh-page-heading h1{margin:.6rem 0 0}.gh-eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:700;line-height:1.65;text-transform:uppercase;margin:0 0 1.25rem!important}.gh-split{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}.gh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.8rem!important}.gh-actions .wp-block-button{margin:0}.wp-block-button__link{border:1px solid transparent;border-radius:2px;padding:.95rem 1.4rem;line-height:1.35;background:var(--gh-green);color:var(--gh-paper);font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.wp-block-button__link:hover{background:var(--gh-deep);color:white}.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--gh-green);border:1px solid currentColor}.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--gh-green);color:var(--gh-paper)}
.gh-header{background:var(--gh-deep);color:var(--gh-paper);border-bottom:1px solid #ffffff21}.wp-site-blocks>header{position:relative;z-index:20}.gh-header-inner{max-width:var(--gh-width);padding:20px var(--gh-gutter);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.gh-brand{min-width:230px;max-width:270px}.gh-logo{margin:0!important}.gh-logo img{display:block;max-width:260px;max-height:62px;object-fit:contain;object-position:left center}.gh-brand-subtitle{margin:6px 0 0!important;letter-spacing:.18em;color:#efe9cf;font-size:.6rem}.gh-main-nav{margin:0!important;font-size:.85rem;font-weight:400;letter-spacing:.015em}.gh-main-nav a{color:var(--gh-paper);text-decoration:none}.gh-main-nav a:hover,.gh-main-nav .current-menu-item>a{color:var(--gh-gold)}.gh-main-nav .wp-block-navigation__container{gap:clamp(16px,2.3vw,30px)}.gh-main-nav .wp-block-navigation__responsive-container-open{color:var(--gh-paper)}.gh-main-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--gh-deep);color:var(--gh-paper)}
.gh-hero{background:var(--gh-green);color:var(--gh-paper);overflow:hidden;position:relative}.gh-hero:after{content:'';position:absolute;left:var(--gh-gutter);right:var(--gh-gutter);bottom:18px;border-bottom:1px dashed #edbd3566;pointer-events:none}.gh-hero-inner{max-width:var(--gh-width);margin:auto;padding:clamp(42px,6vw,86px) var(--gh-gutter) 76px;grid-template-columns:1.2fr .88fr;align-items:center;gap:clamp(30px,5vw,72px)}.gh-hero h1{color:var(--gh-paper);font-size:clamp(2.65rem,4.7vw,4.8rem);margin:1rem 0 1.6rem;max-width:18ch;line-height:1.08}.gh-hero .gh-eyebrow{color:var(--gh-gold)}.gh-hero-address{color:#e4eadb;font-size:.9rem;max-width:35ch}.gh-hero .wp-block-button__link{background:var(--gh-gold);color:var(--gh-deep)}.gh-hero .wp-block-button__link:hover{background:#ffcf4a}.gh-hero .wp-block-button.is-style-outline>.wp-block-button__link{border-color:#ffffff70;background:transparent;color:var(--gh-paper)}.gh-hero .wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--gh-paper);color:var(--gh-green)}.gh-hero-photo{margin:0!important}.gh-hero-photo img{display:block;width:100%;aspect-ratio:4/4.7;max-height:590px;object-fit:cover;border-radius:45% 45% 2px 2px;border:8px solid #ffffff0f;box-shadow:18px 18px 0 #0e352340}
.gh-visit{padding-block:clamp(60px,8vw,110px);align-items:start}.gh-visit h2{margin-top:0}.gh-visit-copy>p{max-width:56ch}.gh-visit-copy>p:nth-last-of-type(-n+4){margin-block:0 .35rem}.gh-hours{position:relative;background:var(--gh-paper);padding:clamp(26px,4vw,44px);border:1px solid var(--gh-rule);box-shadow:9px 9px 0 #e8e8d8}.gh-hours:before{content:'';display:block;width:32px;border-top:3px solid var(--gh-gold);margin-bottom:22px}.gh-hours h2,.gh-hours h3{font-size:2rem;margin:0 0 1.4rem}.gh-hours p{font-size:.98rem;line-height:1.8;white-space:normal}.gh-hours p:last-child{margin-bottom:0}.gh-services{padding:0 0 clamp(70px,9vw,120px)}.gh-services>h2{max-width:22ch;margin-top:0}.gh-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px!important}.gh-service-card{display:flex;flex-direction:column;background:var(--gh-paper);border-bottom:3px solid var(--gh-green);padding:0 24px 28px;box-shadow:0 2px 14px #173c2207}.gh-service-card h3{font-size:1.8rem;margin:24px 0 14px}.gh-service-card p{font-size:.96rem;line-height:1.7}.gh-service-card>.gh-actions{margin-top:auto!important;padding-top:14px}.gh-card-image{margin:0 -24px!important}.gh-card-image img{display:block;width:100%;height:230px;object-fit:cover}.gh-service-card .wp-block-button__link{padding:.8rem 1rem}.gh-about{grid-template-columns:.85fr 1.15fr;align-items:center;padding-block:clamp(50px,7vw,100px);border-top:1px solid var(--gh-rule);border-bottom:1px solid var(--gh-rule)}.gh-about-photo{margin:0!important}.gh-about-photo img{display:block;width:100%;max-height:600px;object-fit:cover;aspect-ratio:4/5}.gh-about-copy p{font-size:1rem}.gh-about-copy h2{margin:0 0 1.6rem}.gh-film{padding-top:clamp(65px,8vw,110px)}.gh-film h2{margin:0 0 30px}.gh-film video{display:block;width:100%;max-height:650px;aspect-ratio:16/9;background:var(--gh-deep);object-fit:contain}
.gh-gallery-page>.wp-block-gallery{margin-top:45px}.gh-gallery{gap:20px!important}.gh-gallery .wp-block-image{overflow:hidden;background:#e4e4d9}.gh-gallery .wp-block-image img{transition:transform .25s;aspect-ratio:4/3;object-fit:cover}.gh-gallery .wp-block-image:hover img{transform:scale(1.025)}.gh-closing-note{margin-top:65px!important;padding:36px 0 0;border-top:1px solid var(--gh-rule)}.gh-closing-note h2{font-size:2rem}.gh-contact-details{align-items:start;margin-top:35px!important}.gh-contact-address{padding-block:15px}.gh-contact-address p{font-size:1.2rem}.gh-contact-address a{overflow-wrap:anywhere}.gh-legal-page{max-width:1060px}.gh-legal-copy{font-size:.98rem;line-height:1.85;overflow-wrap:anywhere}.gh-legal-copy .space{display:none}.gh-legal-copy p{margin-bottom:1.2em}.gh-legal-copy h2,.gh-legal-copy h3{margin-top:2em}.gh-error{min-height:50vh}
.gh-fabric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin-top:30px!important;align-items:start}.gh-fabric-card{background:var(--gh-paper);border:1px solid var(--gh-rule);padding:0 22px 22px;overflow:hidden;margin:0!important}.gh-fabric-image{margin:0 -22px!important}.gh-fabric-image img{width:100%;height:260px;object-fit:cover;display:block}.gh-fabric-card h3{font-size:1.45rem;margin:21px 0 12px}.gh-fabric-card p{font-size:.87rem;line-height:1.85;margin-bottom:0}.gh-fabric-card[hidden]{display:none!important}.gh-fabric-toolbar{display:flex;gap:20px;flex-wrap:wrap;align-items:end;margin-top:30px;padding:24px;background:#ebeede;border-top:2px solid var(--gh-green)}.gh-fabric-search{flex:1;min-width:200px}.gh-fabric-toolbar label{display:block;font-size:.8rem;font-weight:700;margin:0 0 7px}.gh-fabric-toolbar input,.gh-fabric-toolbar select{width:100%;min-height:47px;border:1px solid #95a08d;border-radius:2px;padding:10px 13px;background:var(--gh-paper);color:var(--gh-ink);font-size:.95rem}.gh-fabric-filter{min-width:180px}.gh-fabric-results{flex-basis:100%;font-size:.8rem;margin:0!important;color:#455b49}.gh-fabric-empty{padding:30px 0}
.gh-footer{background:var(--gh-deep);color:#e6eadd}.gh-footer-inner{width:min(100%,var(--gh-width));margin:auto;padding:clamp(48px,6vw,80px) var(--gh-gutter) 25px}.gh-footer-top{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.gh-footer h2,.gh-footer h3{color:var(--gh-paper)}.gh-footer h2{max-width:19ch;margin-top:0}.gh-footer h3{font-size:1.55rem;margin:0 0 22px}.gh-footer .gh-eyebrow{color:var(--gh-gold)}.gh-footer a{color:var(--gh-paper)}.gh-footer a:hover{color:var(--gh-gold)}.gh-footer-visit>p:not(.gh-eyebrow){font-size:.94rem}.gh-footer-hours{padding-top:35px}.gh-footer-hours p{font-size:.9rem}.gh-map{margin:35px 0 40px!important;background:#e5eadb}.gh-map img{display:block;width:100%;max-height:260px;object-fit:cover}.gh-footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff26;padding-top:22px}.gh-footer-bottom p{font-size:.72rem;margin:0;color:#c0cebf}.gh-footer-bottom a{color:inherit}.wp-block-image button{min-width:32px;min-height:32px}
@media(min-width:1500px){.gh-page-content{padding-inline:60px}.gh-header-inner,.gh-hero-inner,.gh-footer-inner{padding-inline:60px}}
@media(max-width:1000px){.gh-header-inner{gap:20px;flex-wrap:wrap}.gh-main-nav{flex:1}.gh-brand{min-width:200px;max-width:230px}.gh-logo img{max-width:230px}.gh-main-nav .wp-block-navigation__container{gap:18px}.gh-hero-inner{grid-template-columns:1.1fr .9fr}.gh-hero h1{font-size:clamp(2.5rem,4.8vw,4.4rem)}.gh-service-grid{gap:16px}.gh-service-card{padding-inline:18px}.gh-card-image{margin-inline:-18px!important}.gh-card-image img{height:180px}.gh-fabric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){html{scroll-padding-top:20px}.gh-header-inner{padding-block:16px;flex-wrap:nowrap}.gh-brand{min-width:170px;max-width:210px}.gh-logo img{max-width:210px}.gh-main-nav{flex:0}.gh-header .wp-block-navigation__responsive-container-open{display:flex!important}.gh-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.gh-hero-inner{grid-template-columns:1fr;padding-top:40px;gap:38px}.gh-hero h1{font-size:clamp(2.8rem,8.5vw,4.3rem);max-width:20ch}.gh-hero-photo img{aspect-ratio:5/4;max-height:430px;object-position:center 47%;border-radius:40% 40% 2px 2px}.gh-split{grid-template-columns:1fr;gap:32px}.gh-visit{padding-block:60px}.gh-hours{max-width:none}.gh-service-grid{grid-template-columns:1fr;gap:28px}.gh-card-image img{height:260px}.gh-service-card{padding-bottom:26px}.gh-service-card>.gh-actions{margin-top:12px!important}.gh-about{gap:35px}.gh-about-photo img{aspect-ratio:5/4;max-height:460px;object-position:center 40%}.gh-footer-top{grid-template-columns:1fr;gap:10px}.gh-footer-hours{padding-top:15px}.gh-footer-bottom{gap:12px}.gh-gallery{gap:12px!important}.gh-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:calc(50% - 6px)!important}.gh-page-heading h1{font-size:clamp(2.6rem,9vw,4rem)}.gh-fabric-grid{gap:18px}.gh-fabric-card{padding-inline:15px}.gh-fabric-image{margin-inline:-15px!important}.gh-fabric-image img{height:210px}.gh-fabric-card h3{font-size:1.25rem}.gh-fabric-toolbar{padding:20px}.gh-map img{min-height:160px;object-fit:contain}.gh-legal-copy{font-size:.9rem}}
@media(max-width:420px){.gh-brand{min-width:155px;max-width:185px}.gh-logo img{max-width:185px}.gh-brand-subtitle{font-size:.54rem}.gh-fabric-grid{grid-template-columns:1fr}.gh-fabric-image img{height:auto;aspect-ratio:4/3}.gh-actions{gap:10px}.gh-hero .gh-actions .wp-block-button{width:100%}.gh-hero .wp-block-button__link{width:100%;text-align:center}.gh-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100%!important}}
.gh-split>*{min-width:0}h1,h2,h3{overflow-wrap:break-word;hyphens:manual}
@media(max-width:720px){h1,h2,h3{hyphens:auto}.gh-hero h1{font-size:clamp(2.25rem,8vw,3.5rem)}.gh-page-heading h1{font-size:clamp(2.2rem,8vw,3.8rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
