/*
Theme Name: Werkstatt·räte Baden-Württemberg
Theme URI: https://wr-bw.de/
Author: Werkstatt·räte Baden-Württemberg
Description: Editierbares Block-Theme mit lokalen Originalgrafiken, Questrial, individuellen Headern, Seitenköpfen und Footern.
Version: 1.1.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wr-bw
Tags: block-patterns, full-site-editing, custom-colors, custom-menu, featured-images, wide-blocks
*/
@font-face{font-family:Questrial;src:url('assets/fonts/Questrial-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--wr-yellow:#ffd80e;--wr-grey:#ebebeb;--wr-width:1240px;--wr-gutter:clamp(20px,4.2vw,72px)}
*{box-sizing:border-box}body{margin:0}html{scroll-padding-top:2rem}img{max-width:100%;height:auto}figure{margin:0}button,input,select,textarea{font:inherit}p,h1,h2,h3{overflow-wrap:break-word}a{text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #000;outline-offset:5px;box-shadow:0 0 0 7px #ffd80e} [hidden]{display:none!important}
.wp-site-blocks>*{margin-block-start:0}.wr-container{width:100%;max-width:calc(var(--wr-width) + 2*var(--wr-gutter));margin-inline:auto!important;padding-inline:var(--wr-gutter)}
.wr-header{background:#fff;padding-block:20px}.wr-header-yellow{background:var(--wr-yellow)}.wr-header-compact{padding-block:12px}.wr-header-row{min-height:72px;gap:24px}.wr-logo{width:265px;flex-shrink:1}.wr-logo img{display:block;width:100%;max-height:86px;object-fit:contain;object-position:left}.wr-header-actions{gap:28px}.wr-header-actions p{font-size:1rem}.wr-header-compact .wr-logo{width:215px}
.wr-navigation .wp-block-navigation__responsive-container-open{background:#000;color:#fff;border-radius:50%;padding:16px;width:58px;height:58px;align-items:center;justify-content:center}.wr-navigation .wp-block-navigation__responsive-container-open svg{width:28px;height:28px}.wp-block-navigation__responsive-container.is-menu-open{background:var(--wr-yellow)!important;color:#000!important;padding:clamp(28px,5vw,80px)!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:clamp(1.5rem,4vw,3.5rem);line-height:1.2}.wp-block-navigation__responsive-container-close{padding:12px!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:1.5rem}
.wr-hero,.wr-page-hero{background:var(--wr-yellow);padding-block:clamp(48px,6vw,96px)}.wr-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}.wr-hero-copy h1{max-width:800px;letter-spacing:-.025em}.wr-hero-copy p{max-width:730px}.wr-hero-art{width:100%;margin:0!important}.wr-hero-art img{width:100%;max-height:440px;object-fit:contain}.wr-page-art{max-width:240px;justify-self:center;margin:0!important}.wr-page-art img{max-height:240px;object-fit:contain}.wr-page-hero .wp-block-post-title{margin-top:0}.wr-page-content{padding-block:64px}.wr-page-content>.wp-block-group{margin-bottom:2rem}
.wr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}.wr-two-col>*{min-width:0;margin-block:0!important}.wr-section{padding-block:clamp(56px,7vw,108px)}.wr-section-grey{background:var(--wr-grey)}.wr-section h2,.wr-contact h2{margin-top:0}.wr-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0 100px 0 0}.wr-section-art img{width:100%;max-height:380px;object-fit:contain}.wr-map img{width:100%;max-height:440px;object-fit:contain}.wp-block-buttons{gap:14px}.wp-block-button__link{border:2px solid transparent;transition:background-color .15s,color .15s}.wp-block-button__link:hover{background:#fff;color:#000;border-color:#000}.wr-hero .wp-block-buttons{margin-top:30px}.wr-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 52px;margin-top:46px}.wr-tile{position:relative;border-top:2px solid #000;padding-top:26px}.wr-tile-icon{height:104px;margin:0 0 24px}.wr-tile-icon img{height:100%;width:112px;object-fit:contain;object-position:left}.wr-tile h3{margin:0 0 14px}.wr-tile h3 a{text-decoration:none}.wr-tile h3 a:after{content:'';position:absolute;inset:0}.wr-tile p{font-size:1.125rem}.wr-news-item{border-top:2px solid #000;padding-top:20px}.wr-news-item .wp-block-post-date{font-size:1rem}.wr-news-item .wp-block-post-title{font-size:1.75rem}
.wr-contact{padding-block:clamp(50px,6vw,88px);background:var(--wr-yellow)}.wr-contact .wr-two-col{align-items:start;margin-top:40px}.wr-contact-illustration{width:150px;margin-top:24px}.wr-contact-illustration img{max-height:150px}.wr-footer-dark{padding-block:clamp(45px,6vw,90px);background:#000;color:#fff}.wr-footer-dark a{color:#fff}.wr-footer-dark h3{color:#fff}.wr-footer-dark .wr-two-col{align-items:start}.wr-footer-dark .wp-block-button__link{background:#fff;color:#000}.wr-footer-dark .wp-block-button__link:hover{background:var(--wr-yellow);color:#000}.wr-footer-signature{margin-top:70px}.wr-footer-stars{gap:20px}.wr-star{width:95px;margin:0!important}.wr-star img{width:100%;height:100px;object-fit:contain}.wr-footer-signature p{word-spacing:.35em}.wr-footer-compact{padding-block:32px}.wr-footer-compact p{margin-block:.5rem}.wr-footer-dark :focus-visible{outline-color:#fff}
.wr-main{padding:clamp(40px,6vw,80px) var(--wr-gutter);min-height:50vh}.wr-main>.alignwide{max-width:var(--wr-width)!important}.wr-main>.wp-block-post-content{width:100%}.wr-main:has(>.wp-block-post-content.is-layout-flow){padding:0;max-width:none}.wr-notice,.is-style-wr-hinweis{border:3px solid var(--wr-yellow);padding:28px}.wr-library-image{max-width:600px}.wr-library-image img{max-height:500px;object-fit:contain}.wr-read-aloud{border:0;border-radius:100px;background:#000;color:#fff;padding:.6rem 1rem;cursor:pointer;font-size:1rem}.wr-read-aloud[aria-pressed=true]{background:#fff;color:#000;box-shadow:inset 0 0 0 2px #000}.wr-skip-link{position:fixed;top:-200px;left:20px;z-index:100000;background:#000;color:#fff;padding:16px}.wr-skip-link:focus{top:12px}.wp-block-details{border-block:1px solid #000;padding:20px 0}.wp-block-details summary{cursor:pointer}.wp-block-search__input{min-width:0;border:2px solid #000;padding:12px}.wp-block-search__button{background:#000;color:#fff;border:0;border-radius:30px;padding:12px 20px}.wp-block-post-content>p,.wp-block-post-content>h2,.wp-block-post-content>h3{max-width:820px}
@media(min-width:1500px){.wr-hero-art{max-width:490px;justify-self:end}}
@media(max-width:900px){.wr-hero-grid{grid-template-columns:1fr}.wr-hero-art{grid-row:1;max-width:330px}.wr-hero-copy h1{font-size:clamp(2.1rem,4.8vw,3rem)}.wr-page-hero .wr-hero-grid{grid-template-columns:1fr 170px}.wr-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wr-two-col{gap:36px}}
@media(max-width:600px){.wr-header{padding-block:14px}.wr-header-row{min-height:55px;gap:16px}.wr-logo{width:220px}.wr-header-actions>p{display:none}.wr-header-actions{gap:0}.wr-navigation .wp-block-navigation__responsive-container-open{width:50px;height:50px;padding:12px}.wr-hero{padding-top:36px}.wr-hero-art{max-width:270px}.wr-hero-grid{gap:32px}.wr-two-col,.wr-area-grid{grid-template-columns:1fr}.wr-page-hero .wr-hero-grid{grid-template-columns:1fr 95px;gap:20px}.wr-page-hero h1{font-size:2.25rem}.wr-section{padding-block:50px}.wr-area-grid{gap:32px}.wr-tile-icon{height:85px}.wr-footer-stars{gap:10px}.wr-star{width:75px}.wr-photo img{border-top-right-radius:65px}.wp-block-post-template.is-layout-grid{grid-template-columns:1fr!important}.wp-block-search__inside-wrapper{flex-wrap:wrap;gap:10px}.wp-block-search__button{margin-left:0}.wr-page-content{padding-block:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.wr-header,.wr-read-aloud,.wr-skip-link,.wr-footer-dark{display:none!important}.wr-hero,.wr-section,.wr-contact{padding-block:20px;background:#fff!important}.wr-hero-art{max-height:200px}.wr-two-col{gap:24px}}
/* The editor uses the same components and locally hosted font. */
.editor-styles-wrapper{font-family:Questrial,sans-serif}.editor-styles-wrapper .wr-header-row{display:flex}.editor-styles-wrapper .wr-container{max-width:100%}.editor-styles-wrapper .wr-read-aloud{display:none}

.wr-dot{width:20px;margin:0!important}.wr-dot img{display:block;width:20px;height:20px}
/* Explicit width keeps viewBox-only SVGs from collapsing in centered grid cells. */
.wr-page-art{width:100%}.wr-page-art img{width:100%}
.wr-main:has(>.wp-block-post-content.is-layout-flow)>.wp-block-post-content{max-width:none!important}