/*!
Theme Name: SPW
Theme URI: https://rocketruby.ch
Description: Custom theme
Author: Lorenz Peter (Rocket Ruby)
Version: 1.0
Text Domain: spw
Domain Path: /languages
License: custom
Bitbucket Theme URI: https://bitbucket.org/lorenzRR/spielwerkstatt
*/.nav-toggle,button{display:inline-block;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;text-align:center;text-decoration:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:0;-webkit-appearance:none}.visually-hidden{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important;word-break:normal}:root{--color-fg-theme: #D9EDE1;--color-bg-theme: #564B65;--color-fg-text: black;--color-bg-text: #D9EDE1;--color-bg: var(--color-fg-theme);--color-text: var(--color-fg-text);--color-nav-link: black;--color-filter-1: cadetblue;--color-filter-2: goldenrod;--color-filter-3: chocolate;--color-filter-4: olivedrab;--color-filter-5: darkslateblue;--color-accent-1: #bf4a3a;--color-accent-2: #36578d;--color-accent-3: #8da831;--fs-base: 1.125rem;--fs-nav: var(--fs-base);--site-gutter: 1.25rem;--navbar-height: 80px}@media only screen and (min-width: 360px){:root{--navbar-height: 112px}}@media only screen and (min-width: 768px){:root{--fs-base: 1.25rem;--navbar-height: 177px}}*{box-sizing:border-box}html{height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;color:var(--color-text);font-size:1.5em;font-weight:300;line-height:1.3}.content-wrap{overflow:hidden}[id]{scroll-margin-block-start:calc(var(--navbar-height) + var(--site-gutter))}.is-background{--color-text: var(--color-bg-text);--color-bg: var(--color-bg-theme)}h1,h2,h3,h4,.h1,.h2,.h3,.h4{font-weight:300;margin-block:0 .25rem}h1,.h1{margin-block-end:var(--site-gutter);font-size:2em}.h2{font-size:1.5em}.h3{font-size:1.17em}h4,.h4{font-weight:bold;font-size:1em}a{color:inherit}p{margin-block-start:0}img{width:100%;height:auto}img[class*=size-]{max-width:100%}img.size-thumbnail{width:150px;height:150px}img.size-medium{width:300px}img.size-large{width:1024px}.btn{display:flex;line-height:1.1;align-items:center;justify-content:center;padding:.35em .75em .25em .75em;border-radius:2em;border:1px solid;width:-moz-max-content;width:max-content;cursor:pointer;text-decoration:none}.btn:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}p>.btn+.btn{margin-block-start:calc(var(--site-gutter)*.5)}.spw-header{position:fixed;width:100%;left:0;top:0;padding-inline:var(--site-gutter);padding-block-start:var(--site-gutter);background:#fff;box-shadow:0 0 7px rgba(0,0,0,.15);z-index:1}@media only screen and (min-width: 768px){.spw-header{box-shadow:none}}.admin-bar .spw-header{padding-block-start:calc(var(--wp-admin--admin-bar--height) + var(--site-gutter))}.spw-header::after{position:absolute;bottom:-20px;left:0;content:" ";height:30px;width:100%;display:block;background-image:url(assets/img/torn-paper-border-2.png);z-index:-1}.nav{display:grid;grid-template-columns:2em 1fr;align-items:center;gap:1em}@media only screen and (min-width: 360px){.nav{grid-template-columns:2em 1fr 2em}}@media only screen and (min-width: 768px){.nav{flex-direction:column;grid-template-columns:1fr max-content 1fr;row-gap:.5em}}.nav .logo{width:100%;max-width:360px}.nav-toggle{height:100%;width:40px;font-size:2em;transform:translateY(-15%)}@media only screen and (min-width: 768px){.nav-toggle{display:none}}.nav-toggle b{--stroke-width: 2px;--stroke-gap: 11px;display:block;height:var(--stroke-width);width:100%;background:#bf4a3a;transition:background 200ms}.nav-toggle b::before,.nav-toggle b::after{content:"";display:block;height:var(--stroke-width);transition:transform 500ms}.nav-toggle b::before{transform:translateY(calc((var(--stroke-gap) + var(--stroke-width)) * -1));background:#36578d}.nav-toggle b::after{transform:translateY(calc(var(--stroke-gap)));background:#8da831}.nav-toggle[aria-expanded=true]{--open-scale-fac: 1.15}.nav-toggle[aria-expanded=true] b{background:rgba(0,0,0,0)}.nav-toggle[aria-expanded=true] b::before{transform:rotateZ(40deg) scale(var(--open-scale-fac));height:calc(var(--stroke-width)*1/var(--open-scale-fac))}.nav-toggle[aria-expanded=true] b::after{transform:translateY(calc(var(--stroke-width) * -1)) rotateZ(-40deg) scale(var(--open-scale-fac));height:calc(var(--stroke-width)*1/var(--open-scale-fac))}.home-link{grid-column:2;justify-self:center}.menus{flex-basis:100%;display:none;grid-column:1/-1;overflow:auto;max-height:calc(100svh - var(--navbar-height))}.admin-bar .menus{max-height:calc(100svh - var(--navbar-height) - var(--wp-admin--admin-bar--height))}@media only screen and (min-width: 768px){.menus{display:flex;justify-content:center;margin-block-end:.25em}}[aria-expanded=true]~.menus{display:grid}@media(min-width: 500px)and (max-width: 768px){[aria-expanded=true]~.menus{display:grid;grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 768px){[aria-expanded=true]~.menus{display:flex}}.menu{padding:0;margin:0 0 calc(var(--site-gutter)*2) var(--site-gutter);display:flex;flex-direction:column;justify-content:center;gap:.125em;border-block-end:var(--color-bg)}@media only screen and (min-width: 768px){.menu{flex-direction:row;margin:0}.is-background .menu-foreground{display:none}.is-foreground .menu-background,.is-union .menu-background{display:none}}.menu-union{margin-inline-start:0;margin-block-end:var(--site-gutter)}.menu-union::before{content:"";display:inline-block;width:5.25em;height:3px;background-color:#eee;margin-block-end:calc(var(--site-gutter)/2)}@media(min-width: 500px)and (max-width: 768px){.menu-union{align-items:center}}@media only screen and (min-width: 768px){.menu-union{margin-block-end:0}.menu-union::before{content:none}}@media(min-width: 500px)and (max-width: 768px){.menu-group-union{grid-column:1/-1}}.menu-label{display:inline-block;margin-block-end:calc(var(--site-gutter)/2);text-transform:uppercase;letter-spacing:.05em;font-size:.7em;color:#000;border-bottom:3px solid var(--color-fg-theme)}.menu-group-background .menu-label{border-color:var(--color-bg-theme)}@media only screen and (min-width: 768px){.menu-label{display:none}}.menu-item{list-style:none;padding:.25em .325em;width:-moz-max-content;width:max-content}.menu a{color:var(--color-nav-link);text-decoration:none}.menu .active{background-color:var(--color-bg);clip-path:polygon(0 0, 100% -15%, 100% 90%, 4% 105%);background:url("assets/img/paper-structure-bg.jpg")}.is-foreground .menu .active{background:url("assets/img/paper-structure-fg-2-3.jpg");filter:brightness(1.1)}.is-union .menu .active{background:url("assets/img/paper-structure-union-lightgray.jpg")}.menu .active a{color:var(--color-text)}.section-menu{padding:0;margin:0;margin-block-end:var(--site-gutter);display:flex;flex-wrap:wrap;gap:.5em}@media only screen and (min-width: 768px){.section-menu{display:none}}.section-menu li{list-style:none;font-size:.8em}.section-menu a{display:block;border:1px solid;border-radius:1em;padding:.25em .5em;text-decoration:none;color:var(--color-bg)}.section-menu .active{background:var(--color-bg);color:var(--color-text);border-color:var(--color-bg)}.btn-donations{display:block;cursor:pointer;color:#fff !important;text-decoration:none;background-image:url(assets/img/farbklecks-spenden.png);background-size:100%;background-repeat:no-repeat;width:6em;aspect-ratio:.97;padding-top:2.125em;padding-left:.75em;padding-block-start:2.125em;padding-inline-start:.75em}.btn-donations span{display:block;transform:rotateZ(-13deg);text-shadow:0 0 2px crimson}.nav>.btn-donations{display:none}.btn-donations:hover{filter:saturate(1.05) brightness(1.1);transform:scale(1.1) rotateZ(7deg)}@media only screen and (min-width: 768px){.btn-donations{display:none}.nav>.btn-donations{display:block;justify-self:end;align-self:start;margin-top:.45em;font-size:.8em;margin-block:-1em;width:6.5em;padding-top:2.35em;padding-left:1em;padding-block-start:2.35em;padding-inline-start:1em}}.home .bg{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}.home .spw-main{display:flex;gap:var(--site-gutter);flex-direction:column;justify-content:center;align-items:center;min-height:90svh;margin:var(--site-gutter)}.home .spw-footer{display:none}.home .logo{max-width:660px}.home .content{display:grid;gap:var(--site-gutter);padding:var(--site-gutter);font-size:var(--fs-base);background:#fff;box-shadow:0px 1px 5px rgba(0,0,0,.1);border-radius:1px}@media only screen and (min-width: 768px){.home .content{grid-template-columns:repeat(2, 1fr)}.home .content .col:nth-child(2){text-align:right}}@supports(text-wrap: balance){.home .content .col>*:not(.spacer){text-wrap:balance}}@supports(text-wrap: pretty){.home .content .col>*:not(.spacer){text-wrap:pretty}}.home .content footer{grid-column:1/-1;display:grid;-moz-column-gap:var(--site-gutter);column-gap:var(--site-gutter)}@media only screen and (min-width: 768px){.home .content footer{grid-template-columns:repeat(2, 1fr)}}.home .content .btn{order:2}.home .content .spacer{height:calc(var(--spacer-height)/3)}@media only screen and (min-width: 768px){.home .content .spacer{height:var(--spacer-height)}}.spw-main{--site-gutter-inline: 0;position:relative;margin:var(--site-gutter) 0;margin-block-start:calc(var(--navbar-height) + var(--site-gutter));padding-inline-end:var(--site-gutter);font-size:var(--fs-base)}.is-union:not(.home) .spw-main{margin-inline:calc(var(--site-gutter)/2);padding:0}.is-union:not(.home) .spw-main::before{content:"";position:absolute;width:100%;background:linear-gradient(140deg, #333, #bbb);height:calc(100% - var(--site-gutter)*.5);left:calc(var(--site-gutter)*-0.5);top:calc(var(--site-gutter));transform:rotate(-0.5deg);opacity:.4;mix-blend-mode:multiply;filter:blur(0.25rem);display:block}@media only screen and (min-width: 768px){.is-union:not(.home) .spw-main{margin-inline-start:var(--site-gutter)}}@media only screen and (min-width: 768px){.spw-main{overflow:visible;width:calc(100% - 2*var(--site-gutter));margin-inline:var(--site-gutter);padding-inline-end:0}.is-union .spw-main{margin-inline:var(--site-gutter)}}.spw-main .section{position:absolute;display:block;top:0;left:0;height:100%;width:100%;min-height:15rem;padding:calc(var(--site-gutter)*2);text-decoration:none;background-color:var(--color-bg);background:url("assets/img/paper-structure-bg.jpg");border-radius:1px}@media only screen and (min-width: 768px){.spw-main .section{width:calc(100% - var(--site-gutter)*2)}}.spw-main .section::before{content:"";position:absolute;width:100%;background:linear-gradient(90deg, #777, #eee);height:calc(100% - var(--site-gutter)*2);left:calc(var(--site-gutter)*1.75);top:calc(var(--site-gutter)*-1.75);transform:rotateZ(-1deg);opacity:.4;mix-blend-mode:multiply;filter:blur(0.25rem);display:block}.spw-main .section-foreground{--color-text: var(--color-fg-text);--color-bg: var(--color-fg-theme);margin-inline-start:calc(var(--site-gutter)*2);background:url("assets/img/paper-structure-fg-2-3.jpg")}.spw-main .section-foreground::before{left:calc(var(--site-gutter)*-1.5);top:calc(var(--site-gutter)*2.125);transform:rotate(1deg);background:linear-gradient(110deg, black, #bbb)}.spw-main .section-foreground.active{filter:brightness(1.1)}@media only screen and (min-width: 768px){.spw-main .section-foreground:not(.active):hover{transform:rotateZ(0.25deg) translateY(-3px)}.spw-main .section-foreground:not(.active):hover::before{transform:rotateZ(0.5deg) translateY(4px)}}.spw-main .section-background{--color-text: var(--color-bg-text);--color-bg: var(--color-bg-theme);margin-block-end:calc(var(--site-gutter)*2);transform:translateY(calc(var(--site-gutter) * 2))}.spw-main .section-background.active{background-color:var(--color-bg)}.spw-main .section-background .section-label{transform:rotateZ(-90deg) translateX(-105%) translateY(48%);position:absolute;left:0;transform-origin:left top}@media only screen and (min-width: 768px){.spw-main .section-background:not(.active):hover{transform:rotateZ(-0.25deg) translateX(-2px) translateY(calc(var(--site-gutter) * 2 - 5px))}.spw-main .section-background:not(.active):hover::before{transform:rotateZ(-0.5deg) translateX(2px) translateY(10px)}}.spw-main .section-union{width:100%;padding:calc(var(--site-gutter)*2) var(--site-gutter) var(--site-gutter) var(--site-gutter);background-color:#fff;background-image:url(assets/img/paper-structure-union-lightgray.jpg)}@media only screen and (min-width: 768px){.spw-main .section-union{padding:calc(var(--site-gutter)*2)}}.spw-main .section-label{display:block;transform:translateY(calc(var(--site-gutter) * -1.5));font-size:.7em;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);opacity:.6}.spw-main .section.active{position:relative}.spw-main .section.active::before{content:none}.shadow{position:relative}.shadow::before{z-index:-1;position:absolute;content:"";bottom:13px;right:7px;width:25%;top:0;box-shadow:0 15px 10px #777;transform:rotate(4deg);transition:all 150ms ease-in-out}.noformat{white-space:nowrap}.noformat [href^=tel]{pointer-events:none;color:inherit;text-decoration:none}.social-links{display:flex;flex-wrap:wrap;gap:var(--site-gutter);margin-block-end:1em}.social-links img{width:auto;height:2em}p>.social-links,.spw-footer .social-links{margin-block-end:0}@media(hover: hover){.social-links a{opacity:.6;filter:grayscale(1);transition:opacity 250ms,filter 250ms}.social-links a:hover{opacity:1;filter:grayscale(0)}}@media only screen and (min-width: 768px){.social-links{grid-column:1/-1;justify-self:center}}.news-post{display:grid;gap:var(--site-gutter)}@media only screen and (min-width: 768px){.news-post{grid-template-columns:2fr 1fr}}.news-post+.news-post{margin-block-start:var(--site-gutter);padding-block-start:var(--site-gutter);border-top:1px solid rgba(0,0,0,.25)}.news-post-date{display:block;opacity:.45;font-size:.8em}.people ul{list-style:none;margin:0;padding:0}.people-gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:var(--site-gutter)}.people-gallery li{position:relative}.people-gallery li p:last-of-type(){margin-block-end:0}.people-gallery figure{position:relative;margin:0}.people-gallery [term-name=mitarbeitende] figure::after{background:#ff0}.people-gallery [term-name=kinder] figure::after{background:purple}.people-gallery h3{font-size:1em;font-weight:bold}.people-gallery img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.people-filters{display:flex;gap:.5em;margin-block-end:calc(var(--site-gutter)*.5)}.people-filters input:checked+label{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.gallery-items{overflow-x:auto;overflow-y:hidden;gap:var(--site-gutter);display:flex;width:100%;margin-inline-start:calc(var(--site-gutter)*-2);padding-inline:calc(var(--site-gutter)*2);width:calc(100% + 4*var(--site-gutter));margin-block:2rem;-ms-overflow-style:none;scrollbar-width:none}.gallery-items::-webkit-scrollbar{display:none}.gallery img{max-width:60vw;width:auto;height:auto;max-height:calc(80svh - var(--navbar-height));-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}.admin-bar .gallery img{max-height:calc(80svh - var(--navbar-height) - var(--wp-admin--admin-bar--height))}@media only screen and (min-width: 768px){.gallery img{max-width:80vw;width:auto}}.gallery figcaption{font-size:.8em}.gallery iframe,.gallery .wp-video{width:80vw !important;aspect-ratio:16/9;height:auto}.gallery .hidden{display:none}.gallery-filter{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.gallery-filter-label{font-size:.8em;text-transform:uppercase}.gallery-filter-btn{white-space:nowrap}.gallery-filter .active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}[filter-group]::before{content:" ";display:inline-block;width:1rem;height:1rem;border-radius:50%;background:var(--color-filter-1)}.btn[filter-group]::before{margin-inline-end:.5rem}figure[filter-group]{position:relative}figure[filter-group]::before{position:absolute;left:.5rem;top:.5rem}[filter-group="0"]::before{background:var(--color-filter-1)}[filter-group="1"]::before{background:var(--color-filter-2)}[filter-group="2"]::before{background:var(--color-filter-3)}[filter-group="3"]::before{background:var(--color-filter-4)}[filter-group="4"]::before{background:var(--color-filter-5)}.logos{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));align-items:center;justify-content:center;gap:var(--site-gutter);margin-block-end:1em}.logos .logo{display:flex;justify-content:center;align-items:center;aspect-ratio:1;background:var(--color-bg-text);padding:.5em;border-radius:6px}@supports((-o-object-fit: contain) or (object-fit: contain)){.logos img{width:100%;height:100%;max-height:200px;-o-object-fit:contain;object-fit:contain}}.spacer{height:var(--spacer-height, var(--site-gutter))}.spacer-0{--spacer-height: calc(var(--site-gutter) * .5)}.spacer-1{--spacer-height: var(--site-gutter)}.spacer-2{--spacer-height: calc(var(--site-gutter) * 2)}.spacer-3{--spacer-height: calc(var(--site-gutter) * 3)}.spw-footer{--color-bg-text: black;--color-bg-theme: #eee;margin-block-start:auto}.spw-footer .inner{margin-block-start:calc(var(--site-gutter)*3);padding-block:calc(var(--site-gutter)*2);padding-inline:calc(var(--site-gutter));font-size:.8em;color:var(--color-bg-text);background-color:var(--color-bg-theme);background-image:url(assets/img/paper-structure-union-lightgray.jpg);box-shadow:0 0 5px rgba(0,0,0,.16)}.spw-footer .inner hr{opacity:0}@media only screen and (min-width: 768px){.spw-footer .inner{display:grid;gap:var(--site-gutter);grid-template-columns:repeat(3, 1fr);padding-inline:calc(var(--site-gutter)*2)}.spw-footer .inner hr{grid-column:1/-1}}
.news-post{display:grid;gap:var(--site-gutter);align-items:start}@media only screen and (min-width: 768px){.news-post{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:calc(var(--site-gutter)*1.25)}}.news-post+.news-post{margin-block-start:calc(var(--site-gutter)*1.2);padding-block-start:calc(var(--site-gutter)*1.2);border-top:1px solid rgb(0 0 0 / .25)}.news-post .content{max-width:72ch}.news-post h2,.news-post h1{margin-block-end:.5rem;text-wrap:balance}.news-post img{width:100%;height:auto;border-radius:2px}.news-post-date{display:block;opacity:.45;font-size:.8em;margin-block-end:.35rem}.news-post-excerpt{margin-block-end:calc(var(--site-gutter)*.75)}.news-post-excerpt p:last-child{margin-block-end:0}.news-post .btn{margin-block-start:.5rem}.news-post-single{grid-template-columns:1fr;max-width:980px;margin-inline:auto;gap:calc(var(--site-gutter)*1.5)}.news-post-single .content{max-width:78ch}.news-post-single img{width:100%;max-width:100%;object-fit:contain}.news-post:not(.news-post-single) img{aspect-ratio:4 / 3;object-fit:cover}.single-post .section.section-union.active{padding:calc(var(--site-gutter)*1.5)}@media only screen and (min-width: 768px){.single-post .section.section-union.active{padding:calc(var(--site-gutter)*2)}}
.news-post .content{font-size:.92em;line-height:1.45}.news-post h2,.news-post h1{line-height:1.2}.news-post h2{font-size:1.25em}.news-post .btn{padding:.28em .7em .22em;font-size:.78em;letter-spacing:.02em}.news-post-single .content{font-size:1em;line-height:1.5}.news-post-single h1{font-size:1.45em;line-height:1.15}@media only screen and (min-width: 768px){.news-post .content{font-size:.98em}.news-post h2{font-size:1.45em}.news-post .btn{font-size:.82em}.news-post-single h1{font-size:1.8em}}

/*# sourceMappingURL=style.css.map */