/*
Theme Name: Stark getrennt – Kadence Child (Abschnittsvorlagen 1.7)
Template: kadence
Description: Vollständiges Layout aus dem hochgeladenen Website-Ordner, mit Kinderbuch, Fachsystem und Vorschau ohne angelegte Seiten.
Author: Stark getrennt
Version: 1.7.3
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: sg-kadence
License: GPL-2.0-or-later
*/
@font-face{font-family:SGOriginalInter;src:url('assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:is(#sg-original,.sg-pattern){--purple:var(--global-palette1,#9E75A6);--orange:var(--global-palette2,#EC6719);--ink:#37343a;--muted:#66616a;--beige:var(--global-palette7,#F2E6D2);--line:#e9e5e1;--pale-purple:#F4EFF6;--pale-orange:#FFF2E8;--max:1140px}
:is(#sg-original,.sg-pattern) *{box-sizing:border-box}
:is(#sg-original,.sg-pattern){scroll-behavior:smooth}
:is(#sg-original,.sg-pattern){margin:0;background:white;color:inherit;font:inherit}
:is(#sg-original,.sg-pattern) a:where(:not(.wp-block-button__link,.wp-element-button,.button)){color:inherit;text-decoration:none}
:is(#sg-original,.sg-pattern) a:where(:not(.wp-block-button__link,.wp-element-button,.button)):hover{text-decoration:underline}
:is(#sg-original,.sg-pattern) img{max-width:100%;display:block}
:is(#sg-original,.sg-pattern) h1,:is(#sg-original,.sg-pattern) h2{margin:0 0 24px}
:is(#sg-original,.sg-pattern) h1{}
:is(#sg-original,.sg-pattern) h2{}
:is(#sg-original,.sg-pattern) h3{margin:0 0 13px}
:is(#sg-original,.sg-pattern) p{margin:0 0 18px}
:is(#sg-original,.sg-pattern) ul{padding-left:20px}
:is(#sg-original,.sg-pattern) .wrap{max-width:var(--max);padding:0 32px;margin:auto}
:is(#sg-original,.sg-pattern) .header{background:white;border-bottom:1px solid var(--line);position:relative;z-index:20}
:is(#sg-original,.sg-pattern) .header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}
:is(#sg-original,.sg-pattern) .brand{font-size:1.04rem;line-height:1.17;letter-spacing:.2em;color:#222;font-weight:400;flex:none}
:is(#sg-original,.sg-pattern) .brand .star{color:var(--orange);font-size:1.7rem;vertical-align:middle;letter-spacing:normal}
:is(#sg-original,.sg-pattern) .nav{display:flex;align-items:center;gap:22px;font-size:.78rem}
:is(#sg-original,.sg-pattern) .nav a[aria-current=page]{color:var(--purple);text-decoration:underline;text-underline-offset:6px}
:is(#sg-original,.sg-pattern) .menu-toggle{display:none}
:is(#sg-original,.sg-pattern) .hero{position:relative;isolation:isolate;background:#f8f3ec;overflow:hidden}
:is(#sg-original,.sg-pattern) .hero:before{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#f9f5ef 0%,#f9f5ef 30%,#f9f5efda 52%,#f9f5ef22 100%);z-index:-1}
:is(#sg-original,.sg-pattern) .hero:after{position:absolute;content:'';inset:0;background:url('assets/titelbild.png') center right /cover no-repeat;z-index:-2}
:is(#sg-original,.sg-pattern) .hero-content{padding-top:112px;padding-bottom:118px;max-width:var(--max)}
:is(#sg-original,.sg-pattern) .hero-content>div{max-width:690px}
:is(#sg-original,.sg-pattern) .hero h1{max-width:660px}
:is(#sg-original,.sg-pattern) .hero p{max-width:560px}
:is(#sg-original,.sg-pattern) .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
:is(#sg-original,.sg-pattern) .wave{height:68px;background-image:url('assets/welle.png');background-position:center top;background-repeat:repeat-x;background-size:260px 72px;opacity:.55}
:is(#sg-original,.sg-pattern) .intro{padding:95px 0 52px;text-align:center}
:is(#sg-original,.sg-pattern) .intro p{max-width:770px;margin:0 auto 18px}
:is(#sg-original,.sg-pattern) .section{padding:88px 0}
:is(#sg-original,.sg-pattern) .section.soft{background:#faf8f5}
:is(#sg-original,.sg-pattern) .section.beige{background:#f7f2ea}
:is(#sg-original,.sg-pattern) .center{text-align:center}
:is(#sg-original,.sg-pattern) .narrow{max-width:770px;margin:auto}
:is(#sg-original,.sg-pattern) .audience{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
:is(#sg-original,.sg-pattern) .audience-card{padding:41px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}
:is(#sg-original,.sg-pattern) .audience-card.one{background:var(--pale-orange)}
:is(#sg-original,.sg-pattern) .audience-card.two{background:var(--pale-purple)}
:is(#sg-original,.sg-pattern) .audience-card p{max-width:440px}
:is(#sg-original,.sg-pattern) .text-link{color:var(--orange)}
:is(#sg-original,.sg-pattern) .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
:is(#sg-original,.sg-pattern) .tile{padding:29px;border:1px solid var(--line);background:white}
:is(#sg-original,.sg-pattern) .tile.tinted{background:var(--pale-purple);border:0}
:is(#sg-original,.sg-pattern) .tile.tint-orange{background:var(--pale-orange);border:0}

:is(#sg-original,.sg-pattern) .review{background:white;border:1px solid var(--line);padding:32px;min-height:175px}

:is(#sg-original,.sg-pattern) .review-note{background:#fff9f1;padding:16px 18px;margin-top:20px}
:is(#sg-original,.sg-pattern) .book{background:#f7f2ea}
:is(#sg-original,.sg-pattern) .book-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}
:is(#sg-original,.sg-pattern) .book-photo{min-height:330px;background:url('assets/titelbild.png') center center/cover no-repeat}

:is(#sg-original,.sg-pattern) .pagehero{background:#faf7f3;padding:76px 0 84px}
:is(#sg-original,.sg-pattern) .pagehero p{max-width:750px}
:is(#sg-original,.sg-pattern) .split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
:is(#sg-original,.sg-pattern) .divider{height:1px;background:var(--line);margin:34px 0}
:is(#sg-original,.sg-pattern) .qualification{list-style:none;padding:0;margin:28px 0}
:is(#sg-original,.sg-pattern) .qualification li{padding:13px 0;border-bottom:1px solid var(--line)}
:is(#sg-original,.sg-pattern) .footer{background:#f8f6f3;padding:48px 0 40px;border-top:1px solid var(--line)}
:is(#sg-original,.sg-pattern) .footer-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}
:is(#sg-original,.sg-pattern) .footer-links{display:flex;flex-direction:column;gap:7px}
:is(#sg-original,.sg-pattern) .social{display:flex;gap:10px;flex-wrap:wrap}
:is(#sg-original,.sg-pattern) .social span{border:1px solid #d5cbd1;padding:9px 12px;font-size:.83rem;color:var(--purple)}
:is(#sg-original,.sg-pattern) .notice{padding:22px;border-left:3px solid var(--orange);background:#fff5ec;margin:24px 0}
:is(#sg-original,.sg-pattern) .placeholder{border:1px dashed #d1c8c2;padding:32px;background:#fcfaf8}
:is(#sg-original,.sg-pattern) .accent{color:var(--orange)}
:is(#sg-original,.sg-pattern) .quote-mark{font-size:2.5rem;line-height:1;color:var(--orange)}

:is(#sg-original,.sg-pattern) .skip{position:absolute;left:-9999px;top:0}
:is(#sg-original,.sg-pattern) .skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:100}
@media(max-width:900px){:is(#sg-original,.sg-pattern) .nav{display:none}
:is(#sg-original,.sg-pattern) .menu-toggle{display:block;border:1px solid var(--line);background:white;padding:9px 13px;font:inherit;color:var(--purple)}
:is(#sg-original,.sg-pattern) .nav.open{display:flex;position:absolute;left:0;right:0;top:91px;background:white;flex-direction:column;align-items:stretch;padding:24px 32px;box-shadow:0 8px 20px #0001}
:is(#sg-original,.sg-pattern) .hero:before{background:linear-gradient(90deg,#f9f5ef 0%,#f9f5efd9 60%,#f9f5ef55 100%)}
:is(#sg-original,.sg-pattern) .hero-content{padding-top:88px;padding-bottom:92px}
:is(#sg-original,.sg-pattern) .cards3{grid-template-columns:1fr 1fr}}
@media(max-width:650px){:is(#sg-original,.sg-pattern) .wrap{padding:0 22px}
:is(#sg-original,.sg-pattern) .header-inner{min-height:79px}
:is(#sg-original,.sg-pattern) .nav.open{top:78px}
:is(#sg-original,.sg-pattern) .hero:before{background:#f9f5efdd}
:is(#sg-original,.sg-pattern) .hero:after{opacity:.23;background-position:60% center}
:is(#sg-original,.sg-pattern) .hero-content{padding-top:75px;padding-bottom:75px}
:is(#sg-original,.sg-pattern) .intro,:is(#sg-original,.sg-pattern) .section{padding:65px 0}
:is(#sg-original,.sg-pattern) .audience,:is(#sg-original,.sg-pattern) .cards3,:is(#sg-original,.sg-pattern) .book-grid,:is(#sg-original,.sg-pattern) .split,:is(#sg-original,.sg-pattern) .footer-in{grid-template-columns:1fr}
:is(#sg-original,.sg-pattern) .audience-card{min-height:225px;padding:28px}
:is(#sg-original,.sg-pattern) .book-photo{min-height:220px}
:is(#sg-original,.sg-pattern) .wave{height:50px;background-size:190px 52px}
:is(#sg-original,.sg-pattern) .pagehero{padding:55px 0}
:is(#sg-original,.sg-pattern) .actions .button{width:100%}}
:is(#sg-original,.sg-pattern) #sg-startseite{box-sizing:border-box;max-width:none;width:100%;margin:0!important;padding:0;isolation:isolate;overflow-wrap:break-word}
:is(#sg-original,.sg-pattern) :where(.is-layout-flow,.is-layout-constrained)>*{margin-block-start:0}
:is(#sg-original,.sg-pattern) .wrap{width:100%;max-width:var(--max)}
:is(#sg-original,.sg-pattern) :where(.wp-block-columns,.wp-block-column,.wp-block-image){margin-top:0;margin-bottom:0;min-width:0}
:is(#sg-original,.sg-pattern) .wp-block-columns{display:grid}
:is(#sg-original,.sg-pattern) .wp-block-button{margin:0}
:is(#sg-original,.sg-pattern) .system-teaser{background:#f7f2ea}
:is(#sg-original,.sg-pattern) .system-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}
:is(#sg-original,.sg-pattern) .system-parts{display:grid;gap:20px}
:is(#sg-original,.sg-pattern) .system-part{background:var(--pale-purple);padding:30px}
:is(#sg-original,.sg-pattern) .system-part:last-child{background:var(--pale-orange)}
:is(#sg-original,.sg-pattern) .system-part h3{margin-bottom:12px}
:is(#sg-original,.sg-pattern) .system-part p:last-child{margin:0}
:is(#sg-original,.sg-pattern) .system-part .eyebrow{margin-bottom:12px}
:is(#sg-original,.sg-pattern) .children-book{background:white}
:is(#sg-original,.sg-pattern) .book-cover{max-width:440px;margin:0}
:is(#sg-original,.sg-pattern) .book-cover img{width:100%;height:auto;object-fit:contain}

:is(#sg-original,.sg-pattern) .book-age{padding-top:14px;border-top:1px solid var(--line);font-size:var(--sg-book-age-size,12px);color:var(--sg-book-age-color,#8e8683)}
:is(#sg-original,.sg-pattern) .sg-link-paragraph{margin:0}
@media(max-width:650px){
 :is(#sg-original,.sg-pattern) .system-grid{grid-template-columns:1fr;gap:30px}
 :is(#sg-original,.sg-pattern) .book-grid{gap:30px}
 :is(#sg-original,.sg-pattern) .wp-block-button,:is(#sg-original,.sg-pattern) .wp-block-button__link{width:100%}
 :is(#sg-original,.sg-pattern) .system-part{padding:26px}
}
@media(prefers-reduced-motion:reduce){:is(#sg-original,.sg-pattern) *{scroll-behavior:auto;transition:none!important}}

:is(#sg-original,.sg-pattern) .system-teaser,:is(#sg-original,.sg-pattern) .book,:is(#sg-original,.sg-pattern) .section.beige{background:#f9f3e9;background:color-mix(in srgb,var(--beige) 50%,white)}



body.sg-original-view{margin:0!important;padding:0!important;background:#fff}
:is(#sg-original,.sg-pattern){width:100%;max-width:none;margin:0;padding:0;isolation:isolate;color-scheme:light;overflow-wrap:break-word}

:is(#sg-original,.sg-pattern) h1,:is(#sg-original,.sg-pattern) h2{}
:is(#sg-original,.sg-pattern) h3{}
:is(#sg-original,.sg-pattern) a:where(:not(.wp-block-button__link,.wp-element-button,.button)){box-shadow:none}
:is(#sg-original,.sg-pattern) button.menu-toggle{border-radius:0;letter-spacing:normal;font-weight:400;text-transform:none}
:is(#sg-original,.sg-pattern) #sg-startseite{width:100%;max-width:none;margin:0!important;padding:0}
:is(#sg-original,.sg-pattern) #sg-startseite>section,:is(#sg-original,.sg-pattern) #sg-startseite>.wave{margin-block-start:0;margin-block-end:0}
:is(#sg-original,.sg-pattern) .skip{color:#37343a}

/* Real WordPress content; Kadence supplies header, footer and Customizer behavior. */
body.sg-kadence-live #inner-wrap{width:100%;max-width:none;padding:0;margin:0}
body.sg-kadence-live .sg-site{width:100%;max-width:none}
:is(#sg-original,.sg-pattern)>.wp-block-group{margin:0!important;padding:0;width:100%;max-width:none}
:is(#sg-original,.sg-pattern) .hero.wp-block-cover{padding:0;min-height:0;display:block}
:is(#sg-original,.sg-pattern) .hero.wp-block-cover::before,:is(#sg-original,.sg-pattern) .hero.wp-block-cover::after{content:none}
:is(#sg-original,.sg-pattern) .hero.wp-block-cover .wp-block-cover__inner-container{width:100%;color:inherit}
:is(#sg-original,.sg-pattern) .hero.wp-block-cover .wp-block-cover__background{z-index:1}
:is(#sg-original,.sg-pattern) .hero.wp-block-cover .wp-block-cover__image-background{z-index:0}
:is(#sg-original,.sg-pattern) .book-photo{margin:0;background:none}
:is(#sg-original,.sg-pattern) .book-photo img{width:100%;height:330px;object-fit:cover}
.sg-footer-content{width:100%;text-align:left}
.sg-footer-content .footer-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}
.sg-footer-content .brand{display:inline-block;font-size:1.04rem;line-height:1.17;letter-spacing:.2em;color:#222;font-weight:400;text-decoration:none}
.sg-footer-content .star{color:var(--global-palette2,#EC6719);font-size:1.7rem;letter-spacing:normal}

.sg-footer-content .footer-links{display:flex;flex-direction:column;gap:7px}
.sg-footer-content .social{display:flex;gap:10px;flex-wrap:wrap}
.sg-footer-content .social span{border:1px solid #d5cbd1;padding:9px 12px;font-size:.83rem;color:var(--global-palette1,#9E75A6)}
.sg-footer-content p{margin:0 0 18px}
@media(max-width:650px){.sg-footer-content .footer-in{grid-template-columns:1fr}:is(#sg-original,.sg-pattern) .book-photo img{height:220px}}

:where(:is(#sg-original,.sg-pattern)) .hero.wp-block-cover{color:inherit}

/* Ebenen im Titelbereich: Bild 0, Overlay 1, Inhalt 2. */
:is(#sg-original,.sg-pattern) .hero.wp-block-cover > .wp-block-cover__inner-container{position:relative;z-index:2}

/* Titelbereich-Korrektur 1.6.1: auch im Block-Editor anklickbar. */
/* Stark getrennt: Hintergrundbild 0, Verlauf 1, bearbeitbarer Inhalt 2. */
:is(#sg-original,.sg-pattern) .hero.wp-block-cover,
.editor-styles-wrapper .hero.wp-block-cover {
	position: relative;
	isolation: isolate;
}

:is(#sg-original,.sg-pattern) .hero.wp-block-cover > .wp-block-cover__image-background,
:is(#sg-original,.sg-pattern) .hero.wp-block-cover > .wp-block-cover__video-background,
.editor-styles-wrapper .hero.wp-block-cover > .wp-block-cover__image-background,
.editor-styles-wrapper .hero.wp-block-cover > .wp-block-cover__video-background {
	z-index: 0 !important;
	pointer-events: none;
}

:is(#sg-original,.sg-pattern) .hero.wp-block-cover > .wp-block-cover__background,
.editor-styles-wrapper .hero.wp-block-cover > .wp-block-cover__background {
	z-index: 1 !important;
	pointer-events: none;
}

:is(#sg-original,.sg-pattern) .hero.wp-block-cover > .wp-block-cover__inner-container,
.editor-styles-wrapper .hero.wp-block-cover > .wp-block-cover__inner-container,
.editor-styles-wrapper .hero.wp-block-cover > .block-editor-inner-blocks,
.editor-styles-wrapper .hero.wp-block-cover > .block-editor-block-list__layout {
	position: relative !important;
	z-index: 2 !important;
	pointer-events: auto;
}

:is(#sg-original,.sg-pattern) .hero.wp-block-cover::before,
:is(#sg-original,.sg-pattern) .hero.wp-block-cover::after,
.editor-styles-wrapper .hero.wp-block-cover::before,
.editor-styles-wrapper .hero.wp-block-cover::after {
	pointer-events: none;
}

/* Button-Design 1.6.2: Farben, Hover, Schrift, Rahmen, Ecken und Schatten liefert Kadence. */
:where(:is(#sg-original,.sg-pattern)) :where(.wp-block-button__link,a.button){display:inline-flex;justify-content:center;align-items:center}

/* Patterns also work in ordinary Kadence pages, outside the full-width SG template. */
.sg-pattern-content{width:100%;max-width:none;margin:0;padding:0}
.sg-pattern .sg-pattern-photo img{width:100%;height:auto;object-fit:cover}
.sg-pattern .wp-block-details{padding:18px 0;border-bottom:1px solid var(--line,#e9e5e1)}
.sg-pattern .wp-block-details summary{cursor:pointer;font-weight:600}

/* Outline background has its own alpha; the border remains fully opaque. */
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):is(:hover,:focus,:active),
.button.button-style-outline:not(.has-background):is(:hover,:focus,:active) {
 background:var(--sg-outline-hover-bg,rgba(158,117,166,0.3));
}

/* Eyebrow classes use Customizer presets; explicit block typography and color remain editable. */
:is(.eyebrow,.is-style-sg-eyebrow-default,.is-style-sg-eyebrow-large,.is-style-sg-eyebrow-small){color:var(--sg-eyebrow-color,var(--global-palette2,#EC6719));font-size:var(--sg-eyebrow-current-size,var(--sg-eyebrow-size,14px));font-weight:var(--sg-eyebrow-current-weight,var(--sg-eyebrow-weight,400));font-style:var(--sg-eyebrow-current-style,var(--sg-eyebrow-style,normal));letter-spacing:.15em;text-transform:uppercase;margin-bottom:21px}
:where(.is-style-sg-eyebrow-default){--sg-eyebrow-current-size:var(--sg-eyebrow-size,14px);--sg-eyebrow-current-weight:var(--sg-eyebrow-weight,400);--sg-eyebrow-current-style:var(--sg-eyebrow-style,normal)}
:where(.is-style-sg-eyebrow-large){--sg-eyebrow-current-size:var(--sg-eyebrow-large-size,16px);--sg-eyebrow-current-weight:var(--sg-eyebrow-large-weight,400);--sg-eyebrow-current-style:var(--sg-eyebrow-large-style,normal)}
:where(.is-style-sg-eyebrow-small){--sg-eyebrow-current-size:var(--sg-eyebrow-small-size,12px);--sg-eyebrow-current-weight:var(--sg-eyebrow-small-weight,400);--sg-eyebrow-current-style:var(--sg-eyebrow-small-style,normal)}

/* 1.7.3: WooCommerce block compatibility inside the SG editable page template. */
.sg-kadence-live #sg-original :is(.wc-block-grid,.wp-block-woocommerce-product-collection,.wp-block-woocommerce-product-template,.wc-block-product-categories,.wp-block-woocommerce-product-categories){display:block;visibility:visible;opacity:1;}
.sg-kadence-live #sg-original :is(.wc-block-grid__products,.wc-block-product-template,.wp-block-woocommerce-product-template){list-style:none;margin:0;padding:0;}
.sg-kadence-live #sg-original :is(.wc-block-grid__product,.wc-block-product){min-width:0;}
.sg-kadence-live #sg-original :is(.wc-block-grid__product-image,.wc-block-components-product-image) img{max-width:100%;height:auto;}
.sg-kadence-live #sg-original :is(.wc-block-grid__product-title,.wc-block-components-product-name){color:var(--purple);}
.sg-kadence-live #sg-original :is(.wc-block-grid__product-price,.wc-block-components-product-price){color:var(--ink);}