/*
Theme Name: Meikes Bastelstudio
Description: Bearbeitbares Block-Theme für kreative Erwachsene, Kinder und inklusive Gruppen. Mit Startseite und drei Bastelanleitungen als Vorlagen.
Version: 1.0.0
Author: Meike Müller
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: meikes-bastelstudio
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{--mb-cream:#f8f5ef;--mb-ink:#303e36;--mb-green:#365944;--mb-terracotta:#a44e37;--mb-rose:#eeded8;--mb-line:#d9ddd2;--mb-muted:#5c675d}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0}
.wp-site-blocks{padding:0}
.wp-site-blocks>*{margin-block-start:0}
.mb-wrap{width:calc(100% - 104px);max-width:1280px;margin-left:auto;margin-right:auto}
.mb-main{margin-top:0}
.mb-topline{background:var(--mb-green);color:white;text-align:center;font-size:12px;letter-spacing:.6px;margin:0;padding:7px 15px}
.mb-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px}
.mb-header>*{margin-block-start:0}
.mb-brand{font:21px/1.2 Georgia,serif;margin:0}
.mb-brand a{text-decoration:none;color:var(--mb-ink)}
.mb-brand strong{font-weight:400}
.mb-brand-star{font-size:42px;vertical-align:middle;margin-right:9px;color:var(--mb-terracotta)}
.mb-header .wp-block-navigation{font-size:14px}
.mb-header .wp-block-navigation__container{gap:28px}
.mb-header .wp-block-navigation-item__content{text-decoration:none}
.mb-header .wp-block-navigation-item__content:hover{text-decoration:underline;text-underline-offset:5px}
.mb-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;line-height:1.5;margin:0 0 22px}
.mb-hero{padding-top:35px;padding-bottom:65px;gap:55px;align-items:center!important;margin-bottom:0}
.mb-hero h1{font-size:clamp(43px,4.5vw,66px);margin:0 0 26px;letter-spacing:-.04em}
.mb-hero p:not(.mb-eyebrow):not(.mb-note){color:var(--mb-muted);font-size:16px;max-width:500px}
.mb-hero .wp-block-buttons{margin-top:30px}
.mb-hero .wp-block-button__link{font-size:14px}
em{color:var(--mb-terracotta)}
.mb-note{font-size:13px;color:var(--mb-muted);margin-top:28px}
.wp-block-image.mb-hero-image,.wp-block-image.mb-people-image{position:relative;overflow:hidden;margin:0}
.mb-hero-image{border-radius:85px 5px 85px 5px}
.mb-hero-image img{display:block;width:100%;height:auto;aspect-ratio:9/9.5;object-fit:cover}
.mb-people-image{border-radius:6px 65px 6px 6px}
.mb-people-image img{display:block;width:100%;height:auto}
.wp-block-image figcaption{font-size:11px;color:var(--mb-muted)}
.mb-hero-image figcaption,.mb-people-image figcaption{position:absolute;right:16px;bottom:12px;background:#fffef1eb;color:var(--mb-ink);padding:3px 7px;margin:0;border-radius:3px;font-size:10px}
.mb-qualities{border-block:1px solid var(--mb-line);text-align:center;padding:20px 18px;font-size:13px}
.mb-qualities p{margin:0}
.mb-people{padding-top:80px;gap:55px;align-items:center!important;margin-bottom:0}
.mb-people>.wp-block-column:first-child{flex-basis:60%!important}
.mb-people>.wp-block-column:last-child{flex-basis:40%!important}
.mb-people h2{font-size:40px}
.mb-people p:not(.mb-eyebrow){font-size:15px;color:var(--mb-muted)}
.mb-people ul{padding-left:22px;font-size:14px}
.mb-people li{margin-bottom:10px}
.mb-section{padding-top:80px;padding-bottom:80px;margin-top:0}
.mb-section h2{font-size:42px}
.mb-section>p:not(.mb-eyebrow){color:var(--mb-muted)}
.mb-categories{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 32px}
.mb-categories li{margin:0}
.mb-categories a{display:block;border:1px solid var(--mb-line);border-radius:30px;padding:7px 17px;text-decoration:none;font-size:13px}
.mb-categories a:hover{background:var(--mb-green);color:white}
.wp-block-query .wp-block-post-template{gap:28px;padding:0}
.wp-block-query .wp-block-post{padding:0;list-style:none}
.wp-block-post-featured-image{margin:0 0 18px;overflow:hidden;border-radius:7px}
.wp-block-post-featured-image img{object-fit:cover}
.wp-block-post-title a{text-decoration:none;color:inherit}
.wp-block-query .wp-block-post-title{font-size:27px;line-height:1.2;margin-top:8px;margin-bottom:12px}
.wp-block-query .wp-block-post-terms{font-size:12px}
.wp-block-post-excerpt{font-size:15px;color:var(--mb-muted)}
.wp-block-post-excerpt__more-link{font-size:14px;text-underline-offset:5px}
.wp-block-query-no-results{background:#ede8db;padding:24px;border-radius:5px;color:var(--mb-muted);font-size:15px}
.wp-block-query-pagination{margin-top:35px}
.mb-together{background:#e7ecdf;padding:75px 0;margin-top:0}
.mb-together>.wp-block-columns{gap:95px;margin-bottom:0}
.mb-together h2{font-size:48px}
.mb-together p:not(.mb-eyebrow){font-size:16px;color:#556350}
.mb-together .wp-block-button__link{background:white;color:var(--mb-green)}
.mb-principles h3{font-size:26px;margin-top:8px;margin-bottom:12px}
.mb-principles .mb-eyebrow:not(:first-child){border-top:1px solid #c7cfbe;padding-top:23px;margin-top:23px}
.mb-principles .mb-eyebrow{font-size:10px;margin-bottom:0}
.mb-principles p:not(.mb-eyebrow){font-size:15px}
.mb-section .wp-block-columns{gap:80px;align-items:center!important}
.mb-quote{background:var(--mb-rose);padding:45px;border-radius:5px 80px 5px 5px}
.mb-quote h2{font-size:35px;line-height:1.35}
.mb-quote p{font-size:13px;color:var(--mb-muted)}
.mb-books{background:#ede8db;border-radius:5px;padding:55px 65px;margin-top:0}
.mb-books h2{font-size:42px}
.mb-books>p:not(.mb-eyebrow){max-width:700px;font-size:16px;color:var(--mb-muted)}
.mb-pill{display:inline-block;border:1px solid #b8b5a3;border-radius:20px;padding:5px 14px;font-size:13px!important}
.mb-faq{max-width:830px}
.mb-faq .wp-block-details{border-bottom:1px solid var(--mb-line);padding:18px 0;margin-top:0}
.wp-block-details summary{cursor:pointer;font-size:16px}
.wp-block-details p{font-size:15px;color:var(--mb-muted)}
.mb-closing{padding:65px 20px 70px;background:#efded5;text-align:center}
.mb-closing h2{font-size:47px}
.mb-closing .wp-block-buttons{justify-content:center}
.mb-footer{padding:35px 0 0}
.mb-footer-top,.mb-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}
.mb-footer-top{padding-bottom:25px}
.mb-footer-top p{font-size:13px;color:var(--mb-muted)}
.mb-footer-brand a{font:24px Georgia;color:var(--mb-ink);text-decoration:none}
.mb-footer-bottom{border-top:1px solid var(--mb-line);padding:16px 0;font-size:12px}
.mb-footer-bottom p{margin:0}
.mb-footer-bottom a{color:var(--mb-muted)}
.mb-article{max-width:820px;width:calc(100% - 48px);margin:auto}
.mb-article .wp-block-post-title{font-size:clamp(36px,5vw,56px)}
.mb-article .wp-block-post-content img{max-width:100%;height:auto}
.mb-article .wp-block-post-content li{margin-bottom:12px}
.mb-article .wp-block-post-content h2{font-size:30px;margin-top:38px}
.mb-article .wp-block-post-content h3{font-size:25px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mb-terracotta);outline-offset:5px}
.is-style-outline .wp-block-button__link{color:var(--mb-green);border-color:var(--mb-green)}
@media(max-width:1050px){
 .mb-wrap{width:calc(100% - 60px)}
 .mb-hero,.mb-people{gap:30px}
 .mb-together>.wp-block-columns,.mb-section .wp-block-columns{gap:45px}
 .mb-header .wp-block-navigation__container{gap:18px}
 .mb-people h2{font-size:34px}
}
@media(max-width:781px){
 .mb-wrap{width:calc(100% - 36px)}
 .mb-header{min-height:90px}
 .mb-brand{font-size:19px}
 .mb-brand-star{font-size:34px}
 .mb-hero{padding-top:20px;padding-bottom:40px;gap:28px}
 .mb-hero h1{font-size:48px}
 .mb-hero p:not(.mb-eyebrow):not(.mb-note){font-size:16px}
 .mb-hero-image img{aspect-ratio:1.2;object-fit:cover}
 .mb-people{padding-top:48px;gap:28px}
 .mb-people>.wp-block-column{flex-basis:100%!important}
 .mb-people h2{font-size:35px}
 .mb-section{padding-block:50px}
 .mb-section h2,.mb-books h2{font-size:35px}
 .mb-together{padding:48px 0}
 .mb-together h2{font-size:42px}
 .mb-together>.wp-block-columns,.mb-section .wp-block-columns{gap:28px}
 .mb-quote{padding:30px}
 .mb-quote h2{font-size:32px}
 .mb-books{padding:35px 25px}
 .mb-closing{padding-block:50px}
 .mb-closing h2{font-size:37px}
 .mb-qualities{font-size:12px}
 .wp-block-query .wp-block-post-template{grid-template-columns:1fr!important;gap:38px}
 .mb-footer-top,.mb-footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:14px}
 .mb-footer-top p,.mb-footer-bottom p{margin:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{
 .wp-site-blocks>header,.wp-site-blocks>footer,.wp-block-post-navigation-link{display:none!important}
 body{background:white!important;color:black!important}
 .mb-article{max-width:none;width:100%;padding:0}
 .mb-article .wp-block-post-title{font-size:28px}
 .mb-article .wp-block-post-content{font-size:11pt}
 .mb-article .wp-block-post-content h2{font-size:19pt}
 .mb-article .wp-block-image img{max-height:220px;object-fit:contain}
 .wp-block-image figcaption{font-size:9pt}
 a{color:black!important}
}