/*
Theme Name: Racoolis Dreads – Natur Aquarell
Author: Racoolis Dreads
Description: Botanisches Aquarell-WordPress-Theme für Racoolis Dreads mit responsivem Design, Galerie und Instagram-Reel-Vorschauen.
Version: 8.5.64
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: racoolis-dreads
*/
/* Google Fonts werden erst nach Einwilligung über das Cookie-Banner geladen. */
:root{--paper:#f4eedf;--cream:#fff9ec;--ink:#4b5145;--forest:#26372c;--sage:#74876d;--rust:#b85730;--ochre:#d89d3b;--brown:#76553b;--max:1380px;--shadow:0 10px 24px rgba(57,49,33,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Nunito','Segoe UI',Arial,sans-serif;line-height:1.68}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.055;background-image:radial-gradient(#6d614d .5px,transparent .5px);background-size:7px 7px}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 64px));margin:auto}a{color:inherit}
/* The menu sits inside the illustration, not above a separate white bar. */
.site-header{position:absolute;left:0;right:0;top:0;height:108px;z-index:100;background:linear-gradient(180deg,rgba(244,238,223,.84) 0%,rgba(244,238,223,.60) 72%,rgba(244,238,223,0) 100%);overflow:visible}.header-inner{height:86px;display:flex;align-items:center;justify-content:center;gap:30px;position:relative;z-index:4}.main-nav ul{display:flex;gap:29px;align-items:center;justify-content:center;list-style:none;margin:0;padding:0}.main-nav a{font-size:14px;font-weight:700;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.8)}.main-nav li:first-child a{color:var(--rust);position:relative}.main-nav li:first-child a:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-9px;background:var(--sage);border-radius:100%;transform:rotate(-2deg)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border:0;cursor:pointer;padding:13px 24px;border-radius:7px;position:relative}.nav-cta{background:var(--rust);color:#fff;box-shadow:0 5px 0 rgba(110,52,30,.14);transform:rotate(-1deg)}.nav-cta:before,.btn:before{content:"";position:absolute;inset:-3px;z-index:-1;background:rgba(255,255,255,.15);clip-path:polygon(1% 15%,8% 5%,24% 10%,40% 2%,59% 7%,76% 1%,95% 9%,99% 28%,94% 47%,99% 72%,91% 94%,74% 90%,56% 98%,40% 92%,21% 98%,5% 89%,0 70%,5% 47%,0 28%)}.menu-toggle{display:none;background:none;border:0;font-size:28px}.header-vines{display:none}
/* Continuous illustrated canvas */
.home-canvas{background:var(--paper)}.hero{position:relative;min-height:650px;overflow:hidden;background:#dfe0c7 url('assets/backgrounds/woodland-watercolor.png') center top/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,236,.18),transparent 47%,rgba(38,60,43,.06));pointer-events:none}.hero-inner{min-height:650px;padding-top:76px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;z-index:4}.hero-copy{padding:70px 0 40px 52px;max-width:650px}.hero h1{font-family:'Kalam','Caveat',cursive;font-size:clamp(78px,8.1vw,124px);font-weight:700;line-height:.72;letter-spacing:-.055em;margin:0;color:var(--ink)}.hero h1 span{color:var(--rust);font-size:.6em}.hero-subtitle{display:inline-block;font-family:'Caveat',cursive;font-weight:700;color:var(--rust);font-size:clamp(31px,3vw,45px);line-height:.9;margin:25px 0 17px;padding:0;border:0;background:transparent;box-shadow:none;transform:rotate(-2deg)}.hero-copy p{font-size:16px;font-weight:500;margin:0 0 25px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.btn-primary{background:var(--rust);color:#fff}.btn-secondary{background:rgba(255,249,236,.83);color:var(--forest);border:1px solid rgba(48,75,54,.14)}.btn-forest{background:var(--forest);color:#fff}.hero-art{height:560px;position:relative;display:flex;justify-content:center;align-items:flex-end}.hero-mascot{width:min(700px,100%);height:560px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 9px rgba(36,43,31,.12))}.wood-tag{position:absolute;right:6%;top:15%;z-index:6;width:128px;height:128px;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:'Caveat',cursive;font-size:23px;line-height:.9;color:#3c2d1d;background:#d4ad74;border:4px solid rgba(112,77,44,.35);box-shadow:0 8px 12px rgba(55,44,30,.16);transform:rotate(6deg)}.wood-tag small{font-size:18px}.hero-foliage-top{display:none}.hero-branch{display:none}
/* foliage bridges deliberately overlap the values strip */
.values{position:relative;z-index:10;margin-top:-2px;padding:74px 0 88px;overflow:hidden;background:#f3ead7 url('assets/backgrounds/woodland-watercolor.png') center 67%/cover no-repeat}.values:after{content:"";position:absolute;inset:0;background:rgba(255,249,236,.62);z-index:0}.values-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.values-bridge{position:absolute;left:0;right:0;height:130px;background:transparent;z-index:3;pointer-events:none;opacity:1}.values-bridge-top{top:-62px}.values-bridge-bottom{bottom:-62px;transform:scaleY(-1)}.value{text-align:center;padding:5px 18px;position:relative}.value-icon{width:76px;height:76px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:#718469;box-shadow:0 5px 0 rgba(39,58,43,.12);border:4px solid rgba(255,249,236,.7)}.value:nth-child(2) .value-icon{background:var(--ochre)}.value:nth-child(3) .value-icon{background:var(--rust)}.value:nth-child(4) .value-icon{background:#637a5d}.value-icon img{width:34px;filter:brightness(0) invert(1)}.value h3{font-family:'Caveat','Kalam',cursive;font-size:31px;line-height:1;margin:4px 0}.value p{font-size:13px;font-weight:500;max-width:215px;margin:auto}
/* torn paper cards are embedded into the foliage, not isolated white boxes */
.story-section{position:relative;padding:82px 0 95px;overflow:hidden;background:#e7dfca}.story-section:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(238,230,211,.82),rgba(238,230,211,.82)),url('assets/backgrounds/woodland-watercolor.png') center/cover;opacity:.9}.story-branch{position:absolute;left:0;right:0;height:125px;background:transparent;z-index:2;pointer-events:none;opacity:1}.story-branch-top{top:-55px}.story-branch-bottom{bottom:-62px;transform:scaleY(-1)}.feature-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{min-height:430px;padding:24px 22px 20px;background:#fff9ec;box-shadow:var(--shadow);border:1px solid rgba(105,86,56,.12);position:relative;display:flex;flex-direction:column}.feature:nth-child(1){transform:rotate(-.8deg)}.feature:nth-child(2){transform:rotate(.5deg)}.feature:nth-child(3){transform:rotate(-.4deg)}.feature:after{content:"";position:absolute;right:-34px;bottom:-30px;width:180px;height:180px;background:url('assets/botanical/leaf-sprig.svg') center/contain no-repeat;opacity:.22;pointer-events:none}.feature h2{font-family:'Kalam',cursive;font-size:50px;line-height:.82;margin:0 0 8px}.feature p{font-size:14px;font-weight:500;max-width:350px;margin:0 0 15px}.feature .btn{align-self:flex-start}.photo-frame{margin-top:auto;background:#fff;padding:8px;box-shadow:0 8px 16px rgba(0,0,0,.12);transform:rotate(2deg)}.photo-frame img{width:100%;height:210px;object-fit:cover}
.quote-band{position:relative;min-height:330px;overflow:hidden;background:#324c39 url('assets/backgrounds/woodland-watercolor.png') center/cover}.quote-band:after{content:"";position:absolute;inset:0;background:rgba(31,52,37,.57)}.quote-foliage{position:absolute;inset:0;background:url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat;z-index:2;opacity:.48}.quote-inner{position:relative;z-index:5;min-height:330px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.quote-inner p{font-family:'Caveat',cursive;font-size:clamp(42px,5vw,68px);line-height:.96;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.15)}.quote-inner span{color:#efac55}
.tips-section,.blog-section,.contact-section{position:relative;overflow:hidden;background:#e7dfca url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat}.tips-section:before,.blog-section:before,.contact-section:before{content:'';position:absolute;inset:0;background:rgba(238,230,211,.82);z-index:0;pointer-events:none}.tips-section>* , .blog-section>* , .contact-section>*{position:relative;z-index:3}.tips-section{padding:82px 0}.tips-bridge,.blog-branch,.contact-branch{position:absolute;left:0;right:0;height:120px;background:transparent;pointer-events:none;z-index:2;opacity:0}.tips-bridge{top:-55px}.tips-grid{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{font-family:'Caveat',cursive;color:var(--rust);font-size:26px;font-weight:700}.tips h2,.contact-section h2{font-family:'Kalam',cursive;font-size:66px;line-height:.84;margin:4px 0 18px}.tips-art{min-height:390px;display:flex;justify-content:center;align-items:flex-end;position:relative}.tips-art:before{content:"";position:absolute;inset:0;background:url('assets/botanical/leaf-sprig.svg') center/contain no-repeat;opacity:.3}.tips-art img{position:relative;z-index:3;width:82%;max-height:410px;object-fit:contain}
.blog-section{padding:85px 0 95px}.blog-branch{top:-52px}.section-title{text-align:center;position:relative;z-index:4;margin-bottom:38px}.section-title h2{font-family:'Kalam',cursive;font-size:68px;line-height:.82;margin:3px 0}.section-title p{margin:8px auto 0;max-width:600px}.posts{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post{background:#fff9ec;padding:9px;box-shadow:var(--shadow);transform:rotate(-.4deg)}.post:nth-child(2){transform:rotate(.6deg)}.post:nth-child(3){transform:rotate(-.7deg)}.post img{height:205px;width:100%;object-fit:cover}.post-body{padding:12px}.post-date{font-size:12px;color:var(--rust);font-weight:800}.post h3{font-family:'Caveat',cursive;font-size:31px;margin:3px 0}.post a{color:var(--forest);font-weight:800;text-decoration:none}
.contact-section{padding:80px 0 75px}.contact-branch{top:-55px}.contact-grid{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.contact-art{min-height:390px;display:flex;justify-content:center;align-items:flex-end}.contact-art img{width:72%;max-height:410px;object-fit:contain}
.page-hero{position:relative;min-height:340px;padding:150px 0 65px;background:#dfe0c7 url('assets/backgrounds/woodland-watercolor.png') center/cover;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:url('assets/botanical/branches.svg') center top/1600px auto repeat-x}.page-hero .container{position:relative;z-index:3}.page-hero h1{font-family:'Kalam',cursive;font-size:clamp(62px,7vw,100px);line-height:.82;margin:0}.page-hero p{font-family:'Caveat',cursive;color:var(--rust);font-size:29px;margin:12px 0 0}.page-content{position:relative;padding:75px 0 90px;background:#e9e1cf;overflow:hidden}.page-content:before{content:"";position:absolute;left:-3%;right:-3%;top:-52px;height:120px;background:url('assets/botanical/branches.svg') center/1700px auto repeat-x}.page-content h2{font-family:'Kalam',cursive;font-size:55px;line-height:.9}.service-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:3}.service,.gallery-item{background:#fff9ec;padding:9px;box-shadow:var(--shadow)}.service:nth-child(odd),.gallery-item:nth-child(3n+1){transform:rotate(-.5deg)}.service:nth-child(even),.gallery-item:nth-child(3n+2){transform:rotate(.6deg)}.service img,.gallery-item img{width:100%;height:225px;object-fit:cover}.service h3{font-family:'Caveat',cursive;font-size:32px;margin:8px 0 2px}
/* Simple gallery */
.racoolis-gallery{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.racoolis-gallery-item{display:block;background:#fff9ec;padding:9px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}
.racoolis-gallery-item:nth-child(3n+1){transform:rotate(-.5deg)}
.racoolis-gallery-item:nth-child(3n+2){transform:rotate(.6deg)}
.racoolis-gallery-item:nth-child(3n){transform:rotate(-.35deg)}
.racoolis-gallery-item:hover{transform:translateY(-3px) rotate(0);box-shadow:0 14px 28px rgba(57,49,33,.18)}
.racoolis-gallery-item img{width:100%;height:280px;object-fit:cover}
.racoolis-gallery-empty{grid-column:1/-1;text-align:center;font-family:'Caveat',cursive;font-size:28px;color:var(--brown)}
.racoolis-lightbox{position:fixed;inset:0;background:rgba(20,27,22,.88);z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px;opacity:1;visibility:visible}
.racoolis-lightbox[hidden]{display:none}
.racoolis-lightbox img{max-width:min(1100px,90vw);max-height:88vh;width:auto;height:auto;object-fit:contain;box-shadow:0 12px 35px rgba(0,0,0,.35)}
.racoolis-lightbox button{position:absolute;border:0;background:rgba(255,249,236,.9);color:var(--forest);font-size:42px;line-height:1;width:52px;height:52px;border-radius:50%;cursor:pointer}
.racoolis-lightbox-close{top:24px;right:24px}
.racoolis-lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}
.racoolis-lightbox-next{right:24px;top:50%;transform:translateY(-50%)}
body.racoolis-lightbox-open{overflow:hidden}
@media (max-width:900px){
 .racoolis-gallery{grid-template-columns:repeat(2,1fr);gap:16px}
 .racoolis-gallery-item img{height:230px}
}
@media (max-width:560px){
 .racoolis-gallery{grid-template-columns:repeat(2,1fr);gap:10px}
 .racoolis-gallery-item{padding:6px}
 .racoolis-gallery-item img{height:170px}
 .racoolis-lightbox{padding:20px}
 .racoolis-lightbox button{width:44px;height:44px;font-size:34px}
 .racoolis-lightbox-close{top:12px;right:12px}
 .racoolis-lightbox-prev{left:8px}
 .racoolis-lightbox-next{right:8px}
}

.contact-form{display:grid;gap:14px;max-width:720px}.contact-form input,.contact-form textarea{font:inherit;padding:14px 16px;border:1px solid #cfc3a5;background:#fffaf0}.contact-form textarea{min-height:180px}
.site-footer{position:relative;background:#304b36;color:#f5efdd;padding:38px 0 32px}.site-footer:before{content:"";position:absolute;left:0;right:0;top:-62px;height:80px;background:url('assets/backgrounds/woodland-watercolor.png') center bottom/cover no-repeat;opacity:.75}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-brand{display:flex;flex-direction:column;gap:3px}.footer-brand strong{color:#f5efdd;font-size:17px;font-weight:800}.footer-brand span{color:#e8dfc9;font-size:13px}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 18px}.footer-nav a{color:#f5efdd;text-decoration:none;font-size:14px;font-weight:600;transition:opacity .2s ease}.footer-nav a:hover{opacity:.75}.footer-divider{color:#b9bda9;font-size:14px}
/* V8.5.9 – Racoolis Gesamt-Typografie: weich, warm und einheitlich */
body, button, input, textarea, select { font-family:'Nunito','Segoe UI',Arial,sans-serif; }
body { color:#4b5145; font-weight:500; line-height:1.68; }
body p, body li { color:#4b5145; font-weight:500; }
body strong, body b { color:#3f4a3f; font-weight:800; }
.page-paper p, .page-paper li, .ratgeber-paper p, .ratgeber-paper li { color:#4b5145; font-weight:500; line-height:1.72; }
.page-paper strong, .ratgeber-paper strong { color:#3f4a3f; font-weight:800; }
.ratgeber-paper { font-family:'Nunito','Segoe UI',Arial,sans-serif; color:#4b5145; }
.ratgeber-paper blockquote { color:#3f5a45; }
.site-footer { color:#f5efdd; }

@media(max-width:1050px){.main-nav ul{gap:16px}.hero-inner{grid-template-columns:46% 54%}.hero-copy{padding-left:18px}.hero h1{font-size:82px}.feature-grid{grid-template-columns:1fr}.posts,.service-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.container{width:min(100% - 28px,650px)}.site-header{height:82px}.header-inner{height:72px;justify-content:flex-end}.main-nav{display:none}.main-nav.open{display:block;position:absolute;top:72px;left:0;right:0;z-index:110;background:rgba(255,249,236,.98);padding:18px;box-shadow:0 8px 18px rgba(45,53,38,.14);border-radius:0 0 10px 10px}.main-nav.open ul{flex-direction:column;gap:13px}.nav-cta{display:none}.menu-toggle{display:block}.header-vines{display:none}.hero{min-height:0;background-position:65% top}.hero-inner{display:flex;flex-direction:column;min-height:0;padding-top:55px}.hero-copy{padding:45px 8px 15px}.hero h1{font-size:72px}.hero-subtitle{font-size:31px}.hero-copy p{font-size:15px}.hero-art{height:410px;min-height:410px;width:100%}.hero-mascot{height:410px}.wood-tag{width:96px;height:96px;font-size:18px;right:2%;top:10%}.hero-foliage-top{display:none}.hero-branch{display:none}.values{padding:66px 0 75px;background-position:65% center}.values-bridge,.story-branch,.tips-bridge,.blog-branch,.contact-branch{height:85px;background-size:cover}.values-bridge-top{top:-42px}.values-bridge-bottom{bottom:-42px}.values-grid{grid-template-columns:repeat(2,1fr);gap:6px}.value{padding:6px 2px}.value-icon{width:64px;height:64px}.value h3{font-size:25px}.value p{font-size:11px}.story-section{padding:65px 0 75px}.story-branch-top{top:-40px}.story-branch-bottom{bottom:-43px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;transform:none!important}.photo-frame img{height:200px}.quote-inner{min-height:260px}.quote-inner img{right:-8%;width:220px}.quote-inner p{font-size:39px}.tips-section{padding:65px 0}.tips-grid,.contact-grid{grid-template-columns:1fr}.tips h2,.contact-section h2{font-size:53px}.tips-art{min-height:300px}.blog-section{padding:65px 0 75px}.posts,.service-grid,.gallery-grid{grid-template-columns:1fr}.section-title h2{font-size:57px}.contact-section{padding:65px 0}.page-hero{min-height:260px;padding:105px 0 50px}.page-hero h1{font-size:60px}.footer-inner{flex-direction:column;align-items:flex-start}}

/* Editable WordPress page content – V7.5 */
.editable-page-content { min-height: 420px; }
.editable-page-content > .container > * { max-width: 100%; }
.editable-page-content .wp-block-image img { height: auto; }
.editable-page-content .wp-block-gallery { margin-left: 0; margin-right: 0; }
.editable-page-content .wp-block-button__link { text-decoration: none; }
.editable-page-content h2,
.editable-page-content h3,
.editable-page-content h4 { font-family: 'Kalam', 'Caveat', cursive; color: var(--forest); }

/* Preserve deliberate line breaks entered in the Customizer. */
.feature-copy p, .value p, .hero-subtitle, .hero-copy > p, .tips-section p, .blog-section .section-title p, .contact-section p { white-space: pre-line; }

/* V8.2 – unified editable inner-page design */
.site-page{position:relative;overflow:hidden;background:var(--paper) url('assets/backgrounds/woodland-watercolor.png') center top/cover fixed no-repeat;min-height:calc(100vh - 120px)}
.page-hero{position:relative;min-height:330px;padding:150px 0 62px;background:transparent;overflow:hidden;display:flex;align-items:flex-end}
.page-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,236,.88) 0%,rgba(255,249,236,.72) 46%,rgba(255,249,236,.28) 100%);pointer-events:none}
.page-hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-42px;height:95px;background:linear-gradient(180deg,rgba(255,249,236,0),rgba(244,238,223,.74));transform:rotate(-1deg);pointer-events:none}
.page-hero-inner{position:relative;z-index:3;padding-left:52px}
.page-kicker{display:inline-block;font-family:'Caveat',cursive;color:var(--rust);font-size:25px;font-weight:700;transform:rotate(-2deg);margin-bottom:8px}
.page-hero h1{font-family:'Kalam','Caveat',cursive;font-size:clamp(64px,7vw,104px);line-height:.82;letter-spacing:-.035em;margin:0;color:var(--ink);text-shadow:0 2px 0 rgba(255,255,255,.35)}
.page-hero p{font-family:'Caveat',cursive;color:var(--forest);font-size:29px;line-height:1.05;max-width:760px;margin:16px 0 0}
.page-content{position:relative;padding:45px 0 105px;background:transparent;overflow:hidden;min-height:420px}
.page-content-wash{position:absolute;inset:0;background:rgba(244,238,223,.58);pointer-events:none}
.page-content:before,.page-content:after{content:"";position:absolute;pointer-events:none;z-index:1}
.page-content:before{left:-8%;right:-8%;top:0;height:70px;background:linear-gradient(180deg,rgba(255,249,236,.15),rgba(255,249,236,.55));transform:rotate(-1deg)}
.page-content:after{left:0;right:0;bottom:0;height:120px;background:linear-gradient(0deg,rgba(255,249,236,.55),rgba(255,249,236,0));}
.page-content-inner{position:relative;z-index:3}
.page-paper{max-width:1080px;margin:0 auto;padding:38px 48px 48px;background:rgba(255,249,236,.72);border:1px solid rgba(105,86,56,.12);box-shadow:0 14px 32px rgba(65,54,36,.10);position:relative}
.page-paper:before{content:"";position:absolute;left:24px;right:24px;top:-8px;height:16px;background:rgba(255,249,236,.55);transform:rotate(-.5deg);z-index:-1}
.page-paper > *:first-child{margin-top:0}
.page-paper p{font-size:17px;line-height:1.7;max-width:850px}
.page-paper h2{font-family:'Kalam','Caveat',cursive;font-size:55px;line-height:.92;color:var(--forest);margin:28px 0 12px}.page-paper,.page-paper p,.page-paper li{font-family:'Nunito','Segoe UI',Arial,sans-serif;color:#4b5145;font-weight:500;line-height:1.72}.page-paper strong{color:#3f4a3f;font-weight:800}
.page-paper h3{font-family:'Caveat','Kalam',cursive;font-size:38px;color:var(--rust);margin:24px 0 8px}
.page-paper a{color:var(--rust)}
.page-paper ul,.page-paper ol{line-height:1.75}
.page-paper .wp-block-image,.page-paper .wp-block-gallery{margin-top:24px;margin-bottom:24px}
.page-paper .wp-block-image img,.page-paper .wp-block-gallery img{border:8px solid rgba(255,249,236,.9);box-shadow:0 8px 18px rgba(0,0,0,.10)}
.page-paper .wp-block-button__link{background:var(--forest);color:#fff;border-radius:7px;font-weight:800}
@media(max-width:780px){
 .site-page{background-attachment:scroll}
 .page-hero{min-height:270px;padding:105px 0 45px}
 .page-hero-inner{padding-left:8px}
 .page-kicker{font-size:22px}
 .page-hero h1{font-size:60px}
 .page-hero p{font-size:25px}
 .page-content{padding:28px 0 70px}
 .page-paper{padding:28px 22px 34px;background:rgba(255,249,236,.80)}
 .page-paper p{font-size:16px}
 .page-paper h2{font-size:45px}
 .page-paper h3{font-size:33px}
}




/* V8.5.7 – Racoolis Ratgeber-Typografie */
.ratgeber-paper{
  max-width: 980px;
  padding: 46px 64px 62px;
  background: rgba(255,249,236,.78);
  border: 1px solid rgba(105,86,56,.13);
  box-shadow: 0 16px 34px rgba(65,54,36,.10);
}
.ratgeber-paper > h1{
  font-family:'Kalam','Caveat',cursive;
  font-size:clamp(54px,6vw,82px);
  line-height:.9;
  letter-spacing:-.02em;
  color:var(--forest);
  margin:0 0 24px;
  transform:rotate(-1deg);
  text-shadow:1px 2px 0 rgba(255,255,255,.65);
}
.ratgeber-paper p,
.ratgeber-paper li{
  font-family:'Nunito','Segoe UI',Arial,sans-serif;
  font-size:17px;
  line-height:1.78;
  color:#4b5145;
}
.ratgeber-paper p{max-width:790px;margin:0 0 16px}
.ratgeber-paper ul,.ratgeber-paper ol{max-width:790px;margin:10px 0 24px;padding-left:28px}
.ratgeber-paper li{margin:4px 0}
.ratgeber-paper h2{
  font-family:'Kalam','Caveat',cursive;
  font-size:clamp(40px,4vw,56px);
  line-height:.95;
  color:var(--forest);
  margin:48px 0 15px;
  transform:rotate(-.7deg);
}
.ratgeber-paper h3{
  font-family:'Caveat','Kalam',cursive;
  font-size:34px;
  line-height:1;
  color:var(--rust);
  margin:30px 0 9px;
}
.ratgeber-paper strong{color:#3f4a3f;font-weight:800}
.ratgeber-paper blockquote{
  max-width:790px;
  margin:28px 0 32px;
  padding:18px 26px 18px 30px;
  background:rgba(225,213,180,.38);
  border-left:5px solid var(--sage);
  position:relative;
  transform:rotate(-.35deg);
  box-shadow:0 5px 14px rgba(70,56,38,.06);
}
.ratgeber-paper blockquote:before{
  content:'“';
  position:absolute;
  left:8px;
  top:-7px;
  font-family:'Caveat',cursive;
  font-size:42px;
  color:var(--rust);
}
.ratgeber-paper blockquote p{
  margin:0;
  font-family:'Caveat','Kalam',cursive;
  font-size:25px;
  line-height:1.15;
  color:var(--forest);
}
.ratgeber-paper hr{
  max-width:790px;
  border:0;
  height:18px;
  margin:38px 0;
  background:linear-gradient(180deg,transparent 40%,rgba(112,132,105,.25) 42%,rgba(184,87,48,.25) 52%,transparent 54%);
  transform:rotate(-1deg);
}
.ratgeber-paper a{font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:780px){
 .ratgeber-paper{padding:34px 22px 42px}
 .ratgeber-paper > h1{font-size:48px}
 .ratgeber-paper p,.ratgeber-paper li{font-size:16px;line-height:1.7}
 .ratgeber-paper h2{font-size:43px;margin-top:40px}
 .ratgeber-paper h3{font-size:31px}
 .ratgeber-paper blockquote{padding:16px 18px 16px 25px}
 .ratgeber-paper blockquote p{font-size:23px}
}

/* Contact form added without changing the V8.2 page design */
.racoolis-contact-form-wrap{position:relative;z-index:3;max-width:860px;margin:48px auto 0;padding:34px 36px;background:rgba(255,249,236,.78);border:1px solid rgba(105,86,56,.14);box-shadow:var(--shadow)}
.racoolis-contact-form-wrap h2{margin-top:0}.racoolis-contact-form-wrap>p{max-width:680px}.racoolis-contact-form{margin-top:26px;max-width:none;display:grid;gap:16px}.racoolis-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.racoolis-contact-form label{display:grid;gap:7px;font-weight:700;color:var(--ink);font-size:14px}.racoolis-contact-form input[type=text],.racoolis-contact-form input[type=email],.racoolis-contact-form input[type=tel],.racoolis-contact-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:13px 15px;border:1px solid #cfc3a5;border-radius:2px;background:rgba(255,250,240,.9);color:var(--ink);outline:none}.racoolis-contact-form input:focus,.racoolis-contact-form textarea:focus{border-color:var(--forest);box-shadow:0 0 0 2px rgba(48,75,54,.12)}.racoolis-contact-form textarea{min-height:180px;resize:vertical}.racoolis-consent{display:flex!important;align-items:flex-start;gap:9px!important;font-size:12px!important;font-weight:400!important;line-height:1.5}.racoolis-consent input{margin-top:3px;flex:0 0 auto}.racoolis-consent a{color:var(--forest);font-weight:700}.racoolis-contact-form .btn{justify-self:start;border:0;cursor:pointer}.racoolis-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.racoolis-form-message{margin:0 auto 22px;padding:16px 18px;border:1px solid rgba(48,75,54,.2);background:rgba(255,249,236,.85);font-weight:700}.racoolis-form-error{border-color:rgba(184,87,48,.35)}
@media(max-width:780px){.racoolis-contact-form-wrap{padding:26px 20px}

}

/* V8.3.3 – Racoolis Blog */
.blog-archive-section{position:relative;padding:62px 0 110px;background:rgba(244,238,223,.68);overflow:hidden}
.blog-archive-section:before{content:"";position:absolute;inset:0;background:url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat;opacity:.16;pointer-events:none}
.blog-archive-section>.container{position:relative;z-index:2}
.blog-intro{text-align:center;max-width:760px;margin:0 auto 32px}
.blog-intro h2{font-family:'Kalam','Caveat',cursive;font-size:clamp(48px,5vw,70px);line-height:.9;color:var(--forest);margin:4px 0 12px}
.blog-intro p{font-size:18px;line-height:1.6;margin:0 auto;max-width:680px}
.blog-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:0 auto 38px}
.blog-categories a{display:inline-block;padding:8px 15px;border:1px solid rgba(48,75,54,.2);border-radius:999px;background:rgba(255,249,236,.75);color:var(--forest);text-decoration:none;font-weight:700;font-size:14px}
.blog-categories a:hover,.blog-categories a.active{background:var(--forest);color:#fff}
.blog-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.blog-card{background:rgba(255,249,236,.92);border:1px solid rgba(105,86,56,.12);box-shadow:0 12px 28px rgba(65,54,36,.12);transform:rotate(-.35deg);overflow:hidden}
.blog-card:nth-child(2n){transform:rotate(.45deg)}
.blog-card:nth-child(3n){transform:rotate(-.65deg)}
.blog-card-image{display:block;padding:9px 9px 0}
.blog-card-image img{display:block;width:100%;height:225px;object-fit:cover}
.blog-card-body{padding:17px 19px 20px}
.post-meta{font-size:12px;color:var(--rust);font-weight:800;letter-spacing:.02em}
.blog-card h3{font-family:'Kalam','Caveat',cursive;font-size:34px;line-height:.95;margin:7px 0 10px;color:var(--ink)}
.blog-card h3 a{color:inherit;text-decoration:none}
.blog-card h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.blog-card p{font-size:15px;line-height:1.55;margin:0 0 13px}
.blog-read-more{color:var(--forest);font-weight:800;text-decoration:none}
.blog-read-more:hover{text-decoration:underline}
.blog-empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:rgba(255,249,236,.72)}
.blog-empty h3{font-family:'Kalam','Caveat',cursive;color:var(--forest);font-size:42px;margin:0 0 10px}
.blog-pagination{display:flex;justify-content:center;margin-top:48px}
.blog-pagination ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
.blog-pagination a,.blog-pagination span{display:inline-block;padding:9px 13px;border-radius:4px;background:rgba(255,249,236,.85);color:var(--forest);text-decoration:none;border:1px solid rgba(48,75,54,.14);font-weight:700}
.blog-pagination .current{background:var(--forest);color:#fff}
.blog-article{max-width:920px}
.blog-featured-image{margin:0 0 34px}
.blog-featured-image img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border:8px solid rgba(255,249,236,.9);box-shadow:0 10px 22px rgba(0,0,0,.1)}
.blog-article-content{font-size:18px;line-height:1.78}
.blog-article-content h2{font-size:48px;margin-top:38px}
.blog-article-content h3{font-size:35px}
.blog-article-content img{max-width:100%;height:auto}
.blog-article-footer{margin-top:42px;padding-top:22px;border-top:1px solid rgba(105,86,56,.18)}
.blog-article-footer a{font-weight:800;color:var(--forest);text-decoration:none}
@media(max-width:900px){.blog-post-grid{grid-template-columns:repeat(2,1fr)}.blog-card-image img{height:210px}}
@media(max-width:780px){.blog-archive-section{padding:48px 0 75px}.blog-post-grid{grid-template-columns:1fr;gap:20px}.blog-card,.blog-card:nth-child(2n),.blog-card:nth-child(3n){transform:none}.blog-card-image img{height:230px}.blog-intro h2{font-size:48px}.blog-intro p{font-size:16px}.blog-categories{justify-content:flex-start}.blog-article-content{font-size:16px}.blog-article-content h2{font-size:40px}.blog-article-content h3{font-size:31px}}

/* V8.3.4 blog compact */
.blog .post-thumbnail,
.blog .post-featured-image,
.blog .entry-thumbnail,
.blog .entry-featured-image,
.archive .post-thumbnail,
.archive .post-featured-image,
.single-post .post-featured-image,
.single-post .entry-featured-image,
.single-post .post-thumbnail {
    display: none !important;
}
.blog .blog-card,
.archive .blog-card {
    min-height: 0;
}


/* V8.3.6 – kompakter Blog-Artikeltitel */
.single-post .page-hero #post-title {
    font-size: clamp(48px, 5.2vw, 76px);
    line-height: .9;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.single-post .page-hero {
    min-height: 270px;
    padding-top: 118px;
    padding-bottom: 48px;
}
@media (max-width: 780px) {
    .single-post .page-hero #post-title {
        font-size: 48px;
        line-height: .92;
    }
    .single-post .page-hero {
        min-height: 230px;
        padding-top: 96px;
        padding-bottom: 38px;
    }
}


/* V8.3.7 – Blog passend zum Racoolis-Seitendesign */
.blog-archive-section {
    background: rgba(244,238,223,.38) !important;
}
.blog-archive-section:before {
    background: none !important;
    opacity: 0 !important;
}
.blog-post-grid {
    gap: 24px;
}
.blog-card {
    background: rgba(255,249,236,.64) !important;
    border: 1px solid rgba(105,86,56,.10);
    box-shadow: 0 8px 20px rgba(65,54,36,.07);
    overflow: visible;
}
.blog-card-body {
    padding: 22px 24px 24px;
}
.blog-card h3 {
    font-size: 32px;
    line-height: 1;
    margin: 7px 0 11px;
}
.blog-card-image {
    display: none !important;
}
.blog-single-content {
    background: rgba(244,238,223,.22) !important;
}
.blog-single-content .page-content-wash {
    background: rgba(255,249,236,.18) !important;
}
.blog-article {
    background: rgba(255,249,236,.66) !important;
}
@media(max-width:780px) {
    .blog-card-body {
        padding: 19px 20px 21px;
    }
    .blog-card h3 {
        font-size: 29px;
    }
}


/* V8.3.8 – Blog mit sichtbarer, transparenter weißer Papierfläche */
.blog-archive-section {
    position: relative;
    padding: 58px 0 100px;
    background: transparent !important;
    overflow: hidden;
}
.blog-archive-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent !important;
    opacity: 1 !important;
    pointer-events: none;
}
.blog-archive-section > .container {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    padding: 42px 48px 52px;
    background: rgba(255,249,236,.70);
    border: 1px solid rgba(255,255,255,.38);
    box-shadow: 0 12px 32px rgba(65,54,36,.09);
    backdrop-filter: blur(1.5px);
}
.blog-intro {
    margin-bottom: 28px;
}
.blog-post-grid {
    gap: 24px;
}
.blog-card {
    background: rgba(255,249,236,.82) !important;
    box-shadow: 0 8px 20px rgba(65,54,36,.08);
    overflow: visible;
}
.blog-card-image {
    display: none !important;
}
.blog-card-body {
    padding: 21px 22px 23px;
}
.blog-card h3 {
    font-size: 31px;
    line-height: .98;
}
@media (max-width: 900px) {
    .blog-archive-section > .container {
        padding: 34px 28px 42px;
    }
}
@media (max-width: 780px) {
    .blog-archive-section {
        padding: 40px 0 70px;
    }
    .blog-archive-section > .container {
        width: calc(100% - 28px);
        padding: 28px 18px 34px;
    }
    .blog-card-body {
        padding: 19px 18px 21px;
    }
}


/* V8.3.9 – Blog exakt im Racoolis-Papierflächen-Stil */
.blog-archive-section {
    position: relative !important;
    padding: 58px 0 105px !important;
    background: transparent !important;
    overflow: hidden;
}
.blog-archive-section:before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(255,249,236,.16), rgba(255,249,236,.08)) !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.blog-archive-section > .container {
    position: relative !important;
    z-index: 3 !important;
    width: min(1080px, calc(100% - 64px)) !important;
    margin: 0 auto !important;
    padding: 42px 48px 52px !important;
    background: rgba(255,249,236,.78) !important;
    border: 1px solid rgba(105,86,56,.12) !important;
    box-shadow: 0 14px 32px rgba(65,54,36,.10) !important;
    backdrop-filter: blur(1px);
}
.blog-intro {
    max-width: 760px !important;
    margin: 0 auto 32px !important;
}
.blog-post-grid {
    position: relative !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}
.blog-card {
    background: rgba(255,249,236,.72) !important;
    border: 1px solid rgba(105,86,56,.12) !important;
    box-shadow: 0 8px 18px rgba(65,54,36,.07) !important;
    transform: none !important;
}
.blog-card:nth-child(2n),
.blog-card:nth-child(3n) {
    transform: none !important;
}
.blog-card-image,
.blog-card-image img {
    display: none !important;
}
.blog-card-body {
    padding: 22px 24px 25px !important;
}
.blog-card h3 {
    font-size: 32px !important;
    line-height: 1 !important;
}
.blog-pagination {
    position: relative;
    z-index: 4;
}
@media(max-width:780px) {
    .blog-archive-section {
        padding: 38px 0 70px !important;
    }
    .blog-archive-section > .container {
        width: calc(100% - 28px) !important;
        padding: 28px 18px 34px !important;
    }
    .blog-post-grid {
        grid-template-columns: 1fr !important;
    }
}

/* V8.4 – Blog strukturell wie normale Racoolis-Inhaltsseiten */
.blog-archive-content {
    position: relative;
    background: transparent !important;
}
.blog-archive-content .page-content-wash {
    background: rgba(244,238,223,.58) !important;
}
.blog-paper {
    max-width: 1080px !important;
    background: rgba(255,249,236,.72) !important;
}
.blog-post-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}
.blog-card {
    background: rgba(255,249,236,.58) !important;
    border: 1px solid rgba(105,86,56,.12) !important;
    box-shadow: 0 8px 18px rgba(65,54,36,.07) !important;
    transform: none !important;
    overflow: visible !important;
}
.blog-card-image {
    display: none !important;
}
.blog-card-body {
    padding: 20px 22px 22px !important;
}
.blog-card h3 {
    font-size: 31px !important;
    line-height: 1 !important;
}
@media(max-width:780px) {
    .blog-post-grid { grid-template-columns: 1fr !important; }
    .blog-paper { padding: 28px 22px 34px !important; }
}

/* V8.5.1 – Tipps & Pflege: handgemachte Themenübersicht */
.tips-intro{max-width:760px;margin:0 auto 34px;text-align:center}
.tips-intro h2{margin:.2em 0 .45em}
.tips-intro p{margin:0 auto;max-width:680px}
.tips-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.tips-topic{position:relative;display:flex;align-items:stretch;min-height:188px;padding:0;text-decoration:none;color:#514331;background:rgba(255,249,236,.72);border:1px solid rgba(105,86,56,.15);box-shadow:0 9px 20px rgba(65,54,36,.07);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.tips-topic:hover,.tips-topic:focus-visible{transform:translateY(-3px);box-shadow:0 13px 25px rgba(65,54,36,.11);background:rgba(255,249,236,.88)}
.tips-topic-art{position:relative;flex:0 0 108px;min-height:188px;overflow:hidden;background:linear-gradient(145deg,rgba(226,218,193,.68),rgba(244,237,219,.32))}
.tips-topic-art:before,.tips-topic-art:after,.tips-topic-art span:before,.tips-topic-art span:after{content:"";position:absolute;display:block}
.tips-topic-art:before{width:92px;height:18px;left:4px;top:91px;border-radius:100%;border-top:5px solid rgba(91,112,77,.68);transform:rotate(-48deg)}
.tips-topic-art:after{width:75px;height:14px;left:31px;top:68px;border-radius:100%;border-top:4px solid rgba(126,102,61,.54);transform:rotate(42deg)}
.tips-topic-art span:before,.tips-topic-art span:after{width:29px;height:15px;border-radius:80% 15% 80% 15%;background:rgba(104,128,87,.56);transform:rotate(-28deg);top:50px;left:34px;box-shadow:28px 27px 0 rgba(104,128,87,.43),-14px 36px 0 rgba(104,128,87,.34)}
.tips-topic-art span:after{width:23px;height:13px;background:rgba(177,112,62,.48);top:116px;left:57px;transform:rotate(31deg);box-shadow:-29px -21px 0 rgba(177,112,62,.32)}
.tips-topic-dry .tips-topic-art:before{border-top-color:rgba(181,119,57,.67)}
.tips-topic-dry .tips-topic-art span:before{background:rgba(181,119,57,.45)}
.tips-topic-sleep .tips-topic-art:before{border-top-color:rgba(77,92,65,.68)}
.tips-topic-sleep .tips-topic-art span:before{background:rgba(77,92,65,.46)}
.tips-topic-sport .tips-topic-art:before{border-top-color:rgba(163,101,51,.68)}
.tips-topic-sport .tips-topic-art span:before{background:rgba(163,101,51,.44)}
.tips-topic-copy{display:flex;flex-direction:column;align-items:flex-start;padding:25px 23px 22px}
.tips-topic-label{font-family:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8c6541;margin-bottom:7px}
.tips-topic strong{font-family:Georgia,serif;font-size:25px;line-height:1.08;font-weight:700;color:#514331;margin-bottom:9px}
.tips-topic-copy>span:not(.tips-topic-label){font-size:15px;line-height:1.55;color:#6b5b48}
.tips-topic em{margin-top:auto;padding-top:15px;font-style:normal;font-weight:700;font-size:14px;color:#6b7c58}
.tips-page-extra{margin-top:34px;padding-top:28px;border-top:1px solid rgba(105,86,56,.13)}
@media(max-width:780px){
 .tips-topic-grid{grid-template-columns:1fr;gap:18px}
 .tips-topic{min-height:170px}
 .tips-topic-art{flex-basis:92px;min-height:170px}
 .tips-topic-copy{padding:21px 18px 19px}
 .tips-topic strong{font-size:22px}
 .tips-topic-copy>span:not(.tips-topic-label){font-size:14px}
}

/* V8.5.4 – Tipps & Pflege: dedicated 2x2 watercolor cards */
.tips-page-content .tips-topic-grid,
.page-paper .tips-topic-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:26px !important;
  margin:34px 0 8px !important;
  width:100% !important;
}
.tips-page-content .tips-topic,
.page-paper .tips-topic {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:260px !important;
  padding:0 !important;
  overflow:hidden !important;
  text-decoration:none !important;
  color:var(--ink,#20362b) !important;
  background:rgba(255,249,236,.88) !important;
  border:1px solid rgba(89,73,47,.16) !important;
  border-radius:4px !important;
  box-shadow:0 10px 24px rgba(65,54,36,.12) !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.tips-page-content .tips-topic:hover,
.page-paper .tips-topic:hover { transform:translateY(-4px) rotate(-.2deg) !important; box-shadow:0 15px 30px rgba(65,54,36,.17) !important; }
.tips-page-content .tips-topic:nth-child(2n) { transform:rotate(.35deg); }
.tips-page-content .tips-topic:nth-child(2n):hover { transform:translateY(-4px) rotate(.1deg) !important; }
.tips-topic-art {
  display:block !important;
  height:92px !important;
  flex:0 0 92px !important;
  background:linear-gradient(135deg,rgba(117,139,91,.38),rgba(194,117,57,.20)) !important;
  position:relative !important;
}
.tips-topic-art:before,.tips-topic-art:after,.tips-topic-art span:before {
  content:""; position:absolute; border-radius:100% 0 100% 0; transform:rotate(-35deg); opacity:.55;
  background:#70875a;
}
.tips-topic-art:before { width:62px;height:28px;left:30px;top:34px; }
.tips-topic-art:after { width:54px;height:25px;left:105px;top:18px;transform:rotate(24deg);background:#9b6a3e; }
.tips-topic-art span:before { width:48px;height:23px;right:35px;top:45px;transform:rotate(-20deg);background:#7f9564; }
.tips-topic-copy { display:flex !important; flex-direction:column !important; gap:8px !important; padding:20px 22px 22px !important; }
.tips-topic-label { font-size:12px !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#a65f35 !important; }
.tips-topic-copy strong { font-family:'Kalam','Caveat',cursive !important; font-size:31px !important; line-height:1.05 !important; color:var(--ink,#20362b) !important; }
.tips-topic-copy > span:not(.tips-topic-label) { font-size:15px !important; line-height:1.5 !important; }
.tips-topic-copy em { margin-top:auto !important; font-style:normal !important; font-weight:700 !important; color:#a65f35 !important; }
@media(max-width:780px){
  .tips-page-content .tips-topic-grid,.page-paper .tips-topic-grid { grid-template-columns:1fr !important; gap:20px !important; }
  .tips-page-content .tips-topic:nth-child(2n) { transform:none !important; }
  .tips-topic-copy strong { font-size:28px !important; }
}


/* V8.5.6 – illustrated Tips & Pflege cards */
.tips-topic-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px!important;margin-top:32px}
.tips-topic{display:flex!important;flex-direction:column!important;overflow:hidden;border:1px solid rgba(63,79,54,.18);border-radius:18px;background:rgba(255,252,242,.88);box-shadow:0 8px 24px rgba(53,61,42,.10);text-decoration:none!important;color:inherit!important;transition:transform .2s ease,box-shadow .2s ease}
.tips-topic:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(53,61,42,.16)}
.tips-topic-art{display:block!important;width:100%!important;height:230px!important;flex:none!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.tips-topic-wash .tips-topic-art{background-image:url('assets/tipps/waschen.jpg')!important}
.tips-topic-dry .tips-topic-art{background-image:url('assets/tipps/trocknen.jpg')!important}
.tips-topic-sleep .tips-topic-art{background-image:url('assets/tipps/schlafen.jpg')!important}
.tips-topic-sport .tips-topic-art{background-image:url('assets/tipps/sport.jpg')!important}
.tips-topic-art span{display:none!important}
.tips-topic-copy{display:flex!important;flex-direction:column!important;gap:8px!important;padding:20px 22px 22px!important}
.tips-topic-copy strong{font-size:1.35rem;line-height:1.15}
.tips-topic-copy em{margin-top:4px;font-style:normal;font-weight:700}
@media (max-width:760px){.tips-topic-grid{grid-template-columns:1fr!important}.tips-topic-art{height:210px!important}}


/* V8.5.9 – Einheitliche Racoolis-Typografie: Fließtext warm, organisch und überall konsistent */
body,
.page-paper,
.editable-page-content,
.ratgeber-paper,
.contact-form,
.site-footer,
.feature,
.value,
.post,
.service,
.gallery-item,
.tips-section,
.blog-section,
.contact-section {
  font-family:'Nunito','Segoe UI',Arial,sans-serif;
}

/* Normaler Fließtext: bewusst weich und natürlich statt technisch/geometrisch */
body p,
body li,
.page-paper p,
.page-paper li,
.editable-page-content p,
.editable-page-content li,
.feature p,
.value p,
.post-body,
.post-body p,
.service p,
.ratgeber-paper p,
.ratgeber-paper li,
.contact-section p,
.tips-section p,
.site-footer p {
  font-family:'Nunito','Segoe UI',Arial,sans-serif;
  font-size:16.5px;
  line-height:1.72;
  color:#4b5145;
}

/* Kleine UI-Texte dürfen etwas ruhiger und klarer bleiben */
.main-nav a,
.nav-cta,
.btn,
.post-date,
.page-kicker,
.eyebrow {
  font-family:'Nunito','Segoe UI',Arial,sans-serif;
}

.main-nav a,.nav-cta,.btn{font-weight:700}

/* Überschriften bleiben eindeutig handgemacht */
.page-paper h2,
.editable-page-content h2,
.editable-page-content h3,
.ratgeber-paper > h1,
.ratgeber-paper h2,
.ratgeber-paper h3,
.feature h2,
.value h3,
.post h3,
.section-title h2,
.tips h2,
.contact-section h2,
.page-hero h1,
.page-hero p,
.hero h1,
.hero-subtitle,
.quote-inner p {
  font-family:'Kalam','Caveat',cursive;
}

.ratgeber-paper p,
.ratgeber-paper li{font-family:'Nunito','Segoe UI',Arial,sans-serif;color:#4b5145}

@media(max-width:780px){
  body p, body li,
  .page-paper p,.page-paper li,
  .editable-page-content p,.editable-page-content li,
  .feature p,.value p,.post-body,.post-body p,.service p,
  .ratgeber-paper p,.ratgeber-paper li,
  .contact-section p,.tips-section p,.site-footer p{
    font-size:16px;
    line-height:1.68;
  }
}


/* V8.5.10 FINAL TYPOGRAPHY OVERRIDE */
body, body p, body li, body span, body div, body button, body input, body textarea, body select,
.page-paper, .page-paper p, .page-paper li, .editable-page-content, .editable-page-content p, .editable-page-content li,
.ratgeber-paper, .ratgeber-paper p, .ratgeber-paper li, .feature, .feature p, .value, .value p, .post, .post-body, .post-body p,
.service, .service p, .gallery-item, .tips-section, .tips-section p, .blog-section, .blog-section p, .contact-section, .contact-section p, .site-footer, .site-footer p {
  font-family:'Nunito','Segoe UI',Arial,sans-serif;
  color:#4b5145;
}
body strong, body b, .page-paper strong, .ratgeber-paper strong { font-family:'Nunito','Segoe UI',Arial,sans-serif; color:#3f4a3f; font-weight:700; }
.main-nav a, .nav-cta, .btn, .post-date { font-family:'Nunito','Segoe UI',Arial,sans-serif; }
.tips-topic strong { font-family:'Kalam','Caveat',cursive !important; color:var(--ink,#26372c) !important; }


/* V8.5.11 – Hauptmenü etwas größer */
.main-nav a {
  font-size:16px !important;
}
.nav-cta {
  font-size:16px !important;
}
@media(max-width:1050px){
  .main-nav ul{gap:22px}
}
@media(max-width:780px){
  .main-nav.open a{font-size:16px !important;}
}

/* V8.5.12 – remove the additional light-green branch overlay from normal page headers/content */
.page-hero:before, .page-content:before { display:none !important; }
/* V8.5.27 – Quote lesbarer */
.quote-inner p{color:#f7f0dc !important;text-shadow:0 2px 5px rgba(30,45,32,.55) !important}
/* V8.5.27 – Abschnittsüberschriften */
.tips-section .eyebrow,.blog-section .section-title .eyebrow{font-family:'Kalam','Caveat',cursive !important;color:var(--rust,#b85b32) !important;font-size:34px;font-weight:700;line-height:1}
/* V8.5.27 – wechselnde Abschnittshintergründe */
.tips-section{background:#e7dfca url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat !important}.tips-section:before{background:rgba(238,230,211,.82) !important}
.blog-section{background:#f4eedf !important}.blog-section:before{background:linear-gradient(rgba(255,249,236,.78),rgba(244,238,223,.88)),url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat !important;opacity:1 !important}
.contact-section{background:#e7dfca url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat !important}.contact-section:before{background:rgba(238,230,211,.82) !important}
@media(max-width:780px){.tips-section .eyebrow,.blog-section .section-title .eyebrow{font-size:29px}}

/* V8.5.28 – neue Racoolis Illustrationen für Tipps, Wissen & Kontakt */
.tips-section{padding:70px 0 82px;background:#f3ead7 url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat}
.tips-section:before{background:rgba(255,249,236,.72)}
.tips-feature-row,.contact-feature-row{position:relative;z-index:4;display:grid;grid-template-columns:46% 54%;align-items:center;gap:8px;min-height:380px}
.tips-art-generated,.contact-art-generated{display:flex;align-items:center;justify-content:center;min-height:350px}
.tips-art-generated img{width:100%;max-width:520px;height:auto;display:block;filter:drop-shadow(0 10px 10px rgba(53,61,42,.10))}
.tips-copy-generated{padding:15px 30px 15px 18px;max-width:590px}
.tips-copy-generated h2,.contact-copy-generated h2{font-family:'Kalam','Caveat',cursive;font-size:66px;line-height:.84;margin:4px 0 18px;color:var(--ink)}
.tips-copy-generated p,.contact-copy-generated p{font-size:17px;line-height:1.65;max-width:560px;margin:0 0 25px}
.blog-section{padding:70px 0 95px;background:#f3ead7 url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat}
.blog-section:before{background:rgba(255,249,236,.74)}
.blog-feature-intro{position:relative;z-index:4;display:grid;grid-template-columns:46% 54%;align-items:center;gap:8px;min-height:320px;margin-bottom:25px}
.blog-art-generated{display:flex;align-items:center;justify-content:center;min-height:300px}
.blog-art-generated img{width:100%;max-width:510px;height:auto;display:block;filter:drop-shadow(0 10px 10px rgba(53,61,42,.10))}
.blog-copy-generated{text-align:left;margin:0;padding:10px 20px 10px 18px}
.blog-copy-generated .eyebrow{color:var(--rust)!important}
.blog-copy-generated h2{font-family:'Kalam','Caveat',cursive;font-size:66px;line-height:.84;margin:4px 0 18px;color:var(--ink)}
.blog-copy-generated p{margin:0;max-width:560px;font-size:17px;line-height:1.65}
.contact-section{padding:65px 0 75px;background:#dfe0c7 url('assets/backgrounds/woodland-watercolor.png') center/cover no-repeat}
.contact-section:before{background:rgba(244,238,223,.26)}
.contact-art-generated{min-height:360px;justify-content:flex-start}
.contact-art-generated img{width:100%;max-width:560px;height:auto;display:block;filter:drop-shadow(0 12px 12px rgba(53,61,42,.12))}
.contact-copy-generated{padding:10px 20px 10px 25px;max-width:620px}
.contact-copy-generated .eyebrow{color:var(--rust)!important}

@media(max-width:780px){
 .tips-feature-row,.blog-feature-intro,.contact-feature-row{grid-template-columns:1fr;gap:8px;min-height:0}
 .tips-art-generated,.blog-art-generated,.contact-art-generated{min-height:0;padding:0 10px}
 .tips-art-generated img,.blog-art-generated img,.contact-art-generated img{max-width:520px}
 .tips-copy-generated,.blog-copy-generated,.contact-copy-generated{padding:10px 8px 20px;text-align:left}
 .tips-copy-generated h2,.contact-copy-generated h2,.blog-copy-generated h2{font-size:53px}
 .tips-copy-generated p,.contact-copy-generated p,.blog-copy-generated p{font-size:16px}
 .blog-feature-intro{margin-bottom:20px}
}

/* V8.5.29 – freigestellte Racoolis Illustrationen */
.tips-art-generated img,.blog-art-generated img,.contact-art-generated img{background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain;mix-blend-mode:normal;}

/* V8.5.32 – Wissen & Geschichten: neuer freigestellter Bücher-Waschbär */

@media(max-width:760px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-nav{justify-content:center;gap:10px 14px}.footer-divider{display:none}}

/* V8.5.35 – Waschbären in Tipps, Wissen & Kontakt kompakter */
.tips-art-generated img{max-width:260px !important;width:50% !important;}
.blog-art-generated img{max-width:255px !important;width:50% !important;}
.contact-art-generated img{max-width:280px !important;width:50% !important;}
@media(max-width:780px){
 .tips-art-generated img,.blog-art-generated img,.contact-art-generated img{width:50% !important;max-width:280px !important;}
}

/* V8.5.36 – Waschbären gleichmäßig an den Text heranrücken */
@media(min-width:781px){
  .tips-feature-row,
  .contact-feature-row{grid-template-columns:45% 55%;gap:0;}
  .tips-art-generated,
  .contact-art-generated{justify-content:flex-end;padding-right:0;}
  .tips-art-generated img{margin-right:-4px;}
  .contact-art-generated img{margin-right:-4px;}

  .blog-feature-intro{grid-template-columns:55% 45%;gap:0;}
  .blog-copy-generated{order:1;padding-left:0;padding-right:18px;}
  .blog-art-generated{order:2;justify-content:flex-start;padding-left:0;}
  .blog-art-generated img{margin-left:-4px;}
}

/* V8.5.37 – Blog wie Tipps aufbauen: Waschbär links, Text rechts, eng beieinander */
@media(min-width:781px){
  .blog-feature-intro{
    grid-template-columns:45% 55%;
    gap:0;
  }
  .blog-art-generated{
    order:1;
    justify-content:flex-end;
    padding-left:0;
    padding-right:0;
  }
  .blog-art-generated img{
    margin-right:-4px;
  }
  .blog-copy-generated{
    order:2;
    padding-left:0;
    padding-right:18px;
  }
}

/* V8.5.38 – Blog-Abstand wie bei Tipps & Pflege */
@media(min-width:781px){
  .blog-copy-generated{
    padding:15px 30px 15px 18px;
  }
}
/* V8.5.40 – Instagram-Reels in der Galerie */
.racoolis-gallery-reel{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;}
.racoolis-gallery-reel .racoolis-reel-frame{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#f8f2e7;}
.racoolis-gallery-reel iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.racoolis-gallery-reel .racoolis-reel-open{font-size:14px;text-align:center;color:var(--brown);text-decoration:underline;padding:0 4px 5px;}
@media(max-width:600px){.racoolis-gallery-reel .racoolis-reel-frame{aspect-ratio:4/5;}}


/* V8.5.41 – Instagram-Reels als zuverlässige Vorschau-Kacheln statt iframe */
.racoolis-gallery-reel-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none!important;background:#fff9ec;color:var(--ink);box-shadow:var(--shadow);border:1px solid rgba(105,86,56,.14);transition:transform .2s ease,box-shadow .2s ease;}
.racoolis-gallery-reel-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(57,49,33,.18);}
.racoolis-reel-card-art{position:relative;aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 20% 18%,rgba(216,157,59,.28),transparent 38%),radial-gradient(ellipse at 80% 78%,rgba(116,135,109,.36),transparent 42%),linear-gradient(135deg,#f8f0df,#e5e2cd 55%,#f5e6ca);}
.racoolis-reel-card-art:before,.racoolis-reel-card-art:after{content:"";position:absolute;width:72%;height:72%;border:1px solid rgba(116,135,109,.24);border-radius:48% 52% 60% 40%;transform:rotate(-28deg);}
.racoolis-reel-card-art:after{width:54%;height:82%;transform:rotate(34deg);border-color:rgba(184,87,48,.2);}
.racoolis-reel-instagram-mark{position:absolute;top:14px;right:16px;font-size:31px;line-height:1;color:var(--rust);font-weight:800;z-index:1;}
.racoolis-reel-play{position:relative;z-index:2;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:rgba(38,55,44,.9);color:#fff9ec;font-size:25px;box-shadow:0 5px 16px rgba(38,55,44,.22);}
.racoolis-reel-script{position:relative;z-index:2;margin-top:15px;font-family:'Caveat','Kalam',cursive;font-size:clamp(24px,2.5vw,34px);font-weight:700;color:var(--forest);transform:rotate(-3deg);}
.racoolis-reel-card-caption{display:flex;flex-direction:column;gap:3px;padding:13px 15px 15px;}
.racoolis-reel-card-caption strong{font-family:'Nunito',sans-serif;font-size:15px;color:var(--ink);}
.racoolis-reel-card-caption span{font-size:13px;color:var(--brown);text-decoration:underline;text-underline-offset:3px;}

/* V8.5.43 – echte Vorschaubilder für Instagram-Reels aus der Mediathek */
.racoolis-reel-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.racoolis-reel-card-art .racoolis-reel-play{z-index:2;box-shadow:0 3px 12px rgba(0,0,0,.25);}
.racoolis-reel-card-art:has(.racoolis-reel-thumbnail):before,.racoolis-reel-card-art:has(.racoolis-reel-thumbnail):after{display:none;}
.racoolis-reel-thumb-preview{display:block;margin:8px 0;min-height:38px;}
.racoolis-reel-thumb-preview img{display:block;width:90px;height:90px;object-fit:cover;border:1px solid #ddd;padding:3px;background:#fff;}

/* V8.5.44 – Reel-Kacheln auf dieselbe Vorschauhöhe wie Galeriebilder bringen */
.racoolis-gallery-item.racoolis-gallery-reel-card{padding:9px;box-sizing:border-box;}
.racoolis-gallery-item.racoolis-gallery-reel-card .racoolis-reel-card-art{height:280px;min-height:280px;aspect-ratio:auto;flex:0 0 280px;}
.racoolis-gallery-item.racoolis-gallery-reel-card .racoolis-reel-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.racoolis-gallery-item.racoolis-gallery-reel-card .racoolis-reel-card-caption{min-height:0;padding:8px 4px 2px;gap:2px;}
.racoolis-gallery-item.racoolis-gallery-reel-card .racoolis-reel-card-caption strong{font-size:13px;line-height:1.25;}
.racoolis-gallery-item.racoolis-gallery-reel-card .racoolis-reel-card-caption span{font-size:11px;line-height:1.25;}
@media(max-width:1100px){.racoolis-gallery-item.racoolis-gallery-reel-card .racoolis-reel-card-art{height:230px;min-height:230px;flex-basis:230px;}}
@media(max-width:600px){.racoolis-gallery-item.racoolis-gallery-reel-card{padding:6px;}.racoolis-gallery-item.racoolis-gallery-reel-card .racoolis-reel-card-art{height:170px;min-height:170px;flex-basis:170px;}}


/* V8.5.45 – Social-Media-Links im Footer */
.footer-social-link{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(245,239,221,.42);border-radius:999px;color:#f5efdd!important;font-weight:700!important;text-decoration:none!important;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.footer-social-link:hover{background:rgba(245,239,221,.12);border-color:#f5efdd;transform:translateY(-1px);opacity:1!important}
@media(max-width:760px){.social-divider{display:none}.footer-social-link{margin-top:4px}}


/* V8.5.46 – Social-Logo-Buttons zwischen Footer-Marke und Navigation */
.footer-inner{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px);}
.footer-socials{display:flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;}
.footer-social-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(245,239,221,.48);border-radius:50%;color:#f5efdd!important;text-decoration:none!important;transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.footer-social-button svg{display:block;width:19px;height:19px;}
.footer-social-button:hover{background:rgba(245,239,221,.15);border-color:#f5efdd;transform:translateY(-2px);opacity:1!important;}
.footer-nav{margin-left:auto;}
@media(max-width:900px){.footer-inner{flex-wrap:wrap;justify-content:center;row-gap:14px}.footer-brand{margin-right:auto}.footer-socials{order:2}.footer-nav{order:3;width:100%;margin-left:0;justify-content:center;}}
@media(max-width:600px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-brand{margin-right:0}.footer-socials{order:2}.footer-nav{order:3;}}


/* V8.5.47 – Kontakt-Überschrift typografisch an 'Wissen & Geschichten' angleichen */
.contact-copy-generated .eyebrow{font-family:'Kalam','Caveat',cursive!important;color:var(--rust,#b85b32)!important;font-size:34px!important;font-weight:700!important;line-height:1!important;}

/* V8.5.48 – Blog: Lisa schreibt normal, das Theme gestaltet automatisch */
.blog-article-content {
  font-family: 'Nunito','Segoe UI',Arial,sans-serif;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.blog-article-content > * { max-width: 820px; margin-left: auto; margin-right: auto; }
.blog-article-content p { margin-top: 0; margin-bottom: 1.35em; }
.blog-article-content h2,
.blog-article-content h3,
.blog-article-content h4 {
  font-family: 'Kalam','Caveat',cursive;
  color: var(--ink);
  font-weight: 700;
  line-height: 1.12;
}
.blog-article-content h2 { font-size: clamp(34px,4vw,46px); margin-top: 1.15em; margin-bottom: .45em; }
.blog-article-content h3 { font-size: clamp(28px,3vw,36px); margin-top: 1.1em; margin-bottom: .4em; }
.blog-article-content h4 { font-size: 27px; margin-top: 1em; margin-bottom: .4em; }
.blog-article-content ul,
.blog-article-content ol { padding-left: 1.5em; margin-top: 0; margin-bottom: 1.4em; }
.blog-article-content li { margin-bottom: .45em; }
.blog-article-content a { color: var(--rust); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.blog-article-content blockquote { margin: 2em auto; padding: 18px 24px; max-width: 820px; border-left: 4px solid var(--rust); background: rgba(216,157,59,.12); color: var(--forest); font-family: 'Kalam','Caveat',cursive; font-size: 24px; }
.blog-article-content figure { margin: 1.8em auto; }
.blog-article-content figure img { width: auto; max-width: 100%; max-height: 620px; object-fit: contain; margin: 0 auto; border: 7px solid rgba(255,249,236,.92); box-shadow: var(--shadow); }
.blog-article-content figcaption { font-size: 14px; text-align: center; opacity: .8; margin-top: 8px; }
.blog-article-content hr { border: 0; border-top: 1px solid rgba(105,86,56,.25); margin: 2em auto; }
.blog-article-content .wp-block-image.alignwide,
.blog-article-content .wp-block-image.alignfull { max-width: 100%; }
@media(max-width:780px) {
 .blog-article-content { font-size: 16px; line-height: 1.8; }
 .blog-article-content h2 { font-size: 36px; }
 .blog-article-content h3 { font-size: 29px; }
 .blog-article-content blockquote { padding: 15px 18px; font-size: 21px; }
 .blog-article { padding: 22px 18px !important; }
}

/* V8.5.53 – Cookie-Einstellungen im Racoolis-Design */
.racoolis-cookie-banner{position:fixed;z-index:100000;left:20px;right:20px;bottom:20px;max-width:760px;margin:0 auto;padding:22px 24px;background:rgba(255,249,236,.98);border:1px solid #d8cbb4;border-radius:14px;box-shadow:0 12px 40px rgba(38,45,32,.24);color:#4b5145;font-family:Nunito,'Segoe UI',Arial,sans-serif}
.racoolis-cookie-banner[hidden]{display:none!important}.racoolis-cookie-banner h2{font-family:Kalam,'Segoe UI',sans-serif;font-size:25px;color:#4b5945;margin:0 0 5px}.racoolis-cookie-banner p{font-size:14px;line-height:1.55;margin:0 0 13px}.racoolis-cookie-actions{display:flex;gap:9px;flex-wrap:wrap}.racoolis-cookie-actions button{border:0;border-radius:7px;padding:11px 16px;font:700 14px Nunito,'Segoe UI',Arial,sans-serif;cursor:pointer}.racoolis-cookie-accept{background:#65765b;color:#fff}.racoolis-cookie-reject{background:#fffdf7;color:#4b5145;border:1px solid #cfc5b2!important}.racoolis-cookie-settings{background:#b85730;color:#fff}.racoolis-cookie-banner a{color:#a44e2e;text-decoration:underline}.racoolis-cookie-banner .racoolis-cookie-small{font-size:12px;margin-top:10px;margin-bottom:0}@media(max-width:600px){.racoolis-cookie-banner{left:10px;right:10px;bottom:10px;padding:17px}.racoolis-cookie-actions button{flex:1 1 100%}}
/* V8.5.53 – sichtbarer Einstellungsbereich im Cookie-Banner */
.racoolis-cookie-preferences{margin-top:16px;padding-top:14px;border-top:1px solid #d8cbb4}
.racoolis-cookie-preferences[hidden]{display:none!important}
.racoolis-cookie-preferences h3{font-family:Kalam,'Segoe UI',sans-serif;color:#4b5945;font-size:21px;margin:0 0 6px}
.racoolis-cookie-preferences p{margin:0 0 12px}
.racoolis-cookie-option{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fffdf7;border:1px solid #d8cbb4;border-radius:8px;margin-bottom:12px;cursor:pointer}
.racoolis-cookie-option input{margin-top:4px;accent-color:#65765b;width:17px;height:17px;flex:0 0 auto}
.racoolis-cookie-option small{font-size:12px}


/* V8.5.56 – Wortmarke im Hero deutlich sichtbarer und besser lesbar */
.hero-copy{position:relative;isolation:isolate}
.hero-copy:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-28px;
  top:92px;
  width:calc(100% + 12px);
  height:245px;
  background:radial-gradient(ellipse at 43% 45%,rgba(255,249,236,.84) 0%,rgba(255,249,236,.68) 58%,rgba(255,249,236,0) 100%);
  pointer-events:none;
}
.hero h1{
  color:#26372c;
  font-size:clamp(76px,7.35vw,112px);
  line-height:.84;
  letter-spacing:-.035em;
  text-shadow:0 2px 0 rgba(255,249,236,.92),0 5px 15px rgba(255,249,236,.42);
  filter:drop-shadow(0 1px 0 rgba(38,55,44,.08));
  max-width:100%;
  overflow-wrap:normal;
}
.hero h1 span{
  color:#b85730;
  text-shadow:0 2px 0 rgba(255,249,236,.95);
}
.hero-subtitle{
  margin-top:21px;
  text-shadow:0 1px 0 rgba(255,249,236,.88);
}
@media(max-width:1050px){
  .hero-copy:before{left:-16px;width:calc(100% + 12px);top:86px;height:220px}
  .hero h1{font-size:clamp(68px,8vw,88px)}
}
@media(max-width:780px){
  .hero-copy{width:100%;padding:36px 12px 12px}
  .hero-copy:before{
    left:-12px;right:-12px;top:48px;width:calc(100% + 24px);height:205px;
    background:radial-gradient(ellipse at 50% 43%,rgba(255,249,236,.91) 0%,rgba(255,249,236,.76) 62%,rgba(255,249,236,0) 100%);
  }
  .hero h1{font-size:clamp(58px,12.4vw,78px);line-height:.88;letter-spacing:-.025em}
  .hero-subtitle{font-size:clamp(29px,7vw,36px);margin-top:19px}
}


/* V8.5.57 – Hero-Wortmarke unterhalb der oberen Blätter und Zweige platzieren */
.hero-copy:before{content:none!important;display:none!important}
.hero-copy{padding-top:clamp(54px,7vw,96px)}
.hero h1{
  position:relative;
  z-index:0;
  margin-top:clamp(26px,4vw,56px);
  text-shadow:0 1px 0 rgba(255,249,236,.48);
}
.hero-subtitle{margin-top:18px}
@media(max-width:1050px){
  .hero-copy{padding-top:54px}
  .hero h1{margin-top:28px}
}
@media(max-width:780px){
  .hero-copy{padding-top:32px}
  .hero h1{margin-top:20px}
}


/* V8.5.58 – Wortmarke im Hero etwas tiefer und leicht nach links */
.hero h1{
  transform:translate(-88px, 52px);
}
@media(max-width:1050px){
  .hero h1{transform:translate(-30px, 24px)}
}
@media(max-width:780px){
  .hero h1{transform:translate(-12px, 16px)}
}


/* V8.5.61 – Hero-Waschbär 80 px nach rechts verschieben */
.hero-art{
  transform:translate(80px, 0)!important;
}
@media(max-width:1050px){
  .hero-art{transform:translate(48px, 0)!important}
}
@media(max-width:780px){
  .hero-art{transform:translate(18px, 0)!important}
}


/* V8.5.62 – Lücke zwischen Hero-Motiv und Wertebereich reduzieren */
.hero{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.hero-art{
  align-self:end;
  margin-bottom:-24px!important;
}
.values,
.values-section,
.hero-values{
  margin-top:0!important;
  padding-top:clamp(28px,3.2vw,48px);
}
@media(max-width:780px){
  .hero-art{margin-bottom:-10px!important}
  .values,
  .values-section,
  .hero-values{padding-top:24px}
}


/* V8.5.63 – Navigation lebendiger, aber weiterhin im Natur-Aquarell-Stil */
.main-nav li{position:relative}
.main-nav a{
  display:inline-block;
  position:relative;
  padding:10px 2px;
  border-radius:5px;
  transition:color .22s ease,transform .22s ease,text-shadow .22s ease;
}
.main-nav a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:3px;
  height:3px;
  border-radius:100%;
  background:var(--rust);
  opacity:0;
  transform:rotate(-2deg);
  transition:left .24s ease,right .24s ease,opacity .2s ease;
}
.main-nav a:hover,
.main-nav a:focus-visible{
  color:var(--rust);
  transform:translateY(-3px) rotate(-1deg);
  text-shadow:0 2px 8px rgba(111,77,42,.16);
}
.main-nav a:hover:after,
.main-nav a:focus-visible:after{
  left:0;
  right:0;
  opacity:.9;
}
.main-nav li.current-menu-item>a,
.main-nav li.current_page_item>a,
.main-nav li.current-menu-ancestor>a{
  color:var(--rust);
}
.main-nav li.current-menu-item>a:after,
.main-nav li.current_page_item>a:after,
.main-nav li.current-menu-ancestor>a:after{
  left:0;
  right:0;
  opacity:.8;
  background:var(--sage);
}
.main-nav li:first-child a:after{bottom:3px}
.nav-cta{
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease;
  transform:rotate(-1deg);
}
.nav-cta:hover,.nav-cta:focus-visible{
  transform:translateY(-3px) rotate(1deg) scale(1.025);
  box-shadow:0 8px 0 rgba(110,52,30,.12),0 9px 18px rgba(69,48,32,.12);
  background:#a94d2c;
}
.nav-cta:active{transform:translateY(1px) rotate(0)}
@media(prefers-reduced-motion:reduce){
  .main-nav a,.main-nav a:after,.nav-cta{transition:none}
}
@media(max-width:780px){
  .main-nav.open a{padding:9px 14px;border-radius:8px}
  .main-nav.open a:hover,.main-nav.open a:focus-visible{
    transform:translateX(4px);
    background:rgba(125,139,107,.12);
  }
  .main-nav.open a:after{bottom:3px;left:14px;right:100%}
  .main-nav.open a:hover:after,.main-nav.open a:focus-visible:after{left:14px;right:14px}
}


/* V8.5.64 – Einheitliche Interaktion für alle Buttons und klickbaren CTAs */
:where(a.btn,button,.button,input[type="button"],input[type="submit"],input[type="reset"],.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.nav-cta){
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease,filter .22s ease;
  transform-origin:center;
}
:where(a.btn,button,.button,input[type="button"],input[type="submit"],input[type="reset"],.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button):hover,
:where(a.btn,button,.button,input[type="button"],input[type="submit"],input[type="reset"],.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button):focus-visible{
  transform:translateY(-3px) rotate(-.5deg);
  box-shadow:0 7px 0 rgba(76,53,35,.10),0 10px 18px rgba(76,53,35,.13);
  filter:saturate(1.06);
}
:where(a.btn,button,.button,input[type="button"],input[type="submit"],input[type="reset"],.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button):active{
  transform:translateY(1px) scale(.99);
  box-shadow:0 2px 4px rgba(76,53,35,.12);
}
:where(a.btn,button,.button,input[type="button"],input[type="submit"],input[type="reset"],.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button):focus-visible{
  outline:2px solid var(--rust,#b85730);
  outline-offset:3px;
}
:where(button:disabled,input:disabled,.button[aria-disabled="true"],a.btn[aria-disabled="true"]){
  transform:none!important;
  box-shadow:none!important;
  filter:none!important;
  cursor:not-allowed;
  opacity:.58;
}
@media(prefers-reduced-motion:reduce){
  :where(a.btn,button,.button,input[type="button"],input[type="submit"],input[type="reset"],.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button){
    transition:none;
  }
}