:root{--color-brand-50: #edf7f4;--color-brand-100: #c9ece2;--color-brand-200: #93d8c5;--color-brand-300: #56bfa4;--color-brand-400: #26a484;--color-brand-500: #1a8f72;--color-brand-600: #12715a;--color-brand-700: #0c5242;--color-gold-50: #fef9ec;--color-gold-100: #fdeec4;--color-gold-200: #fad980;--color-gold-300: #f7c240;--color-gold-400: #f5a623;--color-gold-500: #d4880d;--color-coral-50: #fef0ef;--color-coral-100: #fcd4d3;--color-coral-300: #f08784;--color-coral-400: #e8554e;--color-coral-500: #c93c35;--color-fanni-50: #f5f0fa;--color-fanni-100: #e8daf4;--color-fanni-200: #d0b8ea;--color-fanni-300: #b890d9;--color-fanni-400: #9b6ec8;--color-fanni-500: #7c4daa;--color-fanni-600: #5e3285;--color-fanni-700: #42235f;--accent-fanni: #7c4daa;--accent-fanni-dk: #5e3285;--color-karlo-50: #eff4fd;--color-karlo-100: #d5e3f8;--color-karlo-200: #aac7f1;--color-karlo-300: #6fa2e6;--color-karlo-400: #3d7fd8;--color-karlo-500: #2563c4;--color-karlo-600: #1a4d9e;--color-karlo-700: #113577;--accent-karlo: #2563c4;--accent-karlo-dk: #1a4d9e;--color-rudi-50: #edf7ef;--color-rudi-100: #ceebd3;--color-rudi-200: #9dd4a6;--color-rudi-300: #66b873;--color-rudi-400: #3d9e50;--color-rudi-500: #2d8a3e;--color-rudi-600: #1f6a2d;--color-rudi-700: #134d1f;--accent-rudi: #2d8a3e;--accent-rudi-dk: #1f6a2d;--amazon-yellow: #FFD814;--amazon-yellow-dk: #F7CA00;--amazon-ink: #0F1111;--amazon-border: #FCD200;--accent: var(--color-brand-500);--accent-dk: var(--color-brand-600);--color-bg: #fffcf8;--color-bg-subtle: #f0f8f5;--color-bg-muted: #e8ece9;--color-surface: #ffffff;--color-ink: #172b25;--color-ink-muted: #3d5a50;--color-ink-subtle: #6b8a7e;--color-ink-disabled: #8a9e95;--color-border: var(--color-brand-200);--color-border-subtle: var(--color-brand-100);--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-body);--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--fw-normal: 400;--fw-medium: 500;--fw-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4rem;--space-7: 6rem;--radius-sm: 8px;--radius: 16px;--radius-lg: 28px;--radius-xl: 40px;--shadow-sm: 0 2px 8px rgba(12, 82, 66, .08);--shadow: 0 6px 24px rgba(12, 82, 66, .12);--shadow-lg: 0 12px 40px rgba(12, 82, 66, .18);--maxw: 72rem;--maxw-text: 48rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration: .2s}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65}img,picture,video,canvas,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:1.25;margin-block:0 var(--space-3);color:var(--color-ink)}p{margin-block:0 var(--space-3)}a{color:var(--color-brand-500);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration) var(--ease-out)}a:hover{color:var(--color-brand-700)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-band{background:var(--color-bg-subtle)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space-4)}section{padding-block:var(--space-6)}@media(max-width:48rem){section{padding-block:var(--space-5)}}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);padding-inline:var(--space-4);background:#fffcf8eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--color-border-subtle);max-width:100%}.site-header__brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;line-height:0}.site-header__logo{width:auto;height:clamp(2.4rem,6vw,3.1rem);transition:transform var(--duration) var(--ease-out)}.site-header__brand:hover .site-header__logo{transform:scale(1.04) rotate(-1deg)}.site-header__nav{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.site-header__nav a{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--color-ink-muted);text-decoration:none;padding-block:var(--space-1);border-bottom:2px solid transparent;transition:color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out)}.site-header__nav a:hover,.site-header__nav a[aria-current=page]{color:var(--color-brand-500);border-bottom-color:var(--color-brand-400)}@media(max-width:36rem){.site-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.site-header__nav{gap:var(--space-3)}}.site-footer{background:var(--color-brand-700);color:var(--color-brand-100);padding-block:var(--space-5);padding-inline:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.site-footer p{margin:0;font-size:var(--text-sm);color:var(--color-brand-200)}.site-footer nav{display:flex;gap:var(--space-4)}.site-footer nav a{font-size:var(--text-sm);color:var(--color-brand-200);text-decoration:none;text-underline-offset:3px;transition:color var(--duration) var(--ease-out)}.site-footer nav a:hover{color:#fff;text-decoration:underline}.site-footer__social{display:inline-flex;align-items:center;gap:var(--space-1)}.site-footer__icon{flex-shrink:0}.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-brand-100) 0%,var(--color-brand-50) 50%,var(--color-gold-50) 100%);display:grid;grid-template-columns:1fr;align-items:center;min-height:clamp(24rem,55vh,40rem);padding-block:var(--space-6);padding-inline:var(--space-4)}.hero:before{content:"";position:absolute;top:-3rem;left:-3rem;width:clamp(10rem,25vw,18rem);height:clamp(10rem,25vw,18rem);border-radius:50%;background:var(--color-brand-300);opacity:.3;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-2rem;left:20%;width:clamp(8rem,18vw,14rem);height:clamp(8rem,18vw,14rem);border-radius:50%;background:var(--color-gold-400);opacity:.2;pointer-events:none}@media(min-width:48rem){.hero{grid-template-columns:1fr auto;gap:var(--space-5);max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space-5)}}@media(min-width:72rem){.hero{padding-inline:var(--space-6);min-height:clamp(28rem,60vh,44rem)}}.hero__content{max-width:36rem;z-index:1}.hero__title{font-size:clamp(var(--text-3xl),5vw,var(--text-4xl));font-weight:var(--fw-bold);color:var(--color-brand-700);margin-bottom:var(--space-3);letter-spacing:-.02em;line-height:1.15}.hero__lead{font-size:clamp(var(--text-base),2vw,var(--text-lg));color:var(--color-ink-muted);margin-bottom:var(--space-5);max-width:34rem}.hero__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-brand-500);color:#fff;font-size:var(--text-base);font-weight:var(--fw-bold);text-decoration:none;border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:background var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out);min-height:44px}.hero__cta:hover{background:var(--color-brand-600);box-shadow:var(--shadow-lg);transform:translateY(-2px);color:#fff}.hero__cta:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.hero__secondary{margin-top:var(--space-3);font-size:var(--text-sm)}.hero__figures{z-index:1;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:var(--space-2);margin-bottom:calc(-1 * var(--space-5))}.hero__figure-image{width:clamp(6rem,12vw,9.5rem);height:auto;max-height:min(18rem,45vh);object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 20px rgba(12,82,66,.16));flex:0 0 auto}.hero__figure-image--fanni{width:clamp(5.5rem,11vw,8.5rem);position:relative;bottom:0}.hero__figure-image--karlo{width:clamp(6rem,12vw,9.5rem);position:relative;bottom:0}.hero__figure-image--rudi{width:clamp(6.5rem,13vw,10rem);position:relative;bottom:0}@media(max-width:48rem){.hero__figures{order:-1;margin-bottom:var(--space-3);gap:var(--space-1)}.hero__figure-image{width:clamp(5rem,28vw,8rem);max-height:min(10rem,30vh)}.hero__figure-image--fanni{width:clamp(4.5rem,26vw,7.5rem)}.hero__figure-image--karlo{width:clamp(5rem,28vw,8rem)}.hero__figure-image--rudi{width:clamp(5.5rem,30vw,8.5rem)}}.about{background:var(--color-surface);padding-top:var(--space-6);padding-inline:var(--space-4);max-width:var(--maxw);margin-inline:auto;width:100%}.about__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));color:var(--color-brand-700);margin-bottom:var(--space-3)}.about__text{font-size:var(--text-lg);color:var(--color-ink-muted);max-width:var(--maxw-text);margin-bottom:var(--space-5)}.about__features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4)}.feature{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-brand-50);border-radius:var(--radius);border:1.5px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature__icon{font-size:2rem;line-height:1;flex-shrink:0;background:#fff;padding:var(--space-2);border-radius:var(--radius-sm)}.feature__text{font-size:var(--text-base);color:var(--color-ink-muted);font-weight:var(--fw-medium);line-height:1.45;padding-top:.2em}.books-overview{background:var(--color-bg-subtle);padding-inline:var(--space-4);width:100%}.books-overview__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));color:var(--color-brand-700);max-width:var(--maxw);margin-inline:auto;margin-bottom:var(--space-5)}.books-overview__empty,.books-overview__outlook{max-width:var(--maxw);margin-inline:auto;font-size:var(--text-base);color:var(--color-ink-subtle);font-style:italic;margin-top:var(--space-4)}.books-list{list-style:none;margin:0 auto;padding:0;max-width:var(--maxw);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:var(--space-4)}.book-card{background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-border);padding:var(--space-4);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.book-card__cover-link{display:block;border-radius:var(--radius);overflow:hidden}.book-card__cover{display:block;width:100%;aspect-ratio:2475 / 3075;height:auto;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease-out)}.book-card:hover .book-card__cover{transform:scale(1.02)}.book-card__head{display:flex;flex-direction:column;gap:var(--space-2)}.book-card__sound{display:inline-flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--text-sm);color:var(--color-brand-500);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em}.book-card__sound strong{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-brand-500);color:#fff;border-radius:50%;font-size:var(--text-base);font-style:normal;letter-spacing:0;text-transform:none}.book-card__title{font-size:var(--text-xl);color:var(--color-ink);margin:0}.book-card__subtitle{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.book-card__age{font-size:var(--text-sm);color:var(--color-ink-subtle);margin:0}.book-card__age span{font-weight:var(--fw-bold);color:var(--color-ink-muted)}.book-card__more-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:var(--fw-bold);text-decoration:none;border-radius:var(--radius-xl);min-height:44px;border:none;cursor:pointer;transition:background var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.book-card__more-link:hover{background:var(--accent-dk);transform:translateY(-1px);color:#fff}.book-card--fanni{--accent: var(--accent-fanni);--accent-dk: var(--accent-fanni-dk);border-color:var(--accent-fanni)}.book-card--fanni .book-card__sound{color:var(--accent-fanni)}.book-card--fanni .book-card__sound strong,.book-card--fanni .book-card__more-link{background:var(--accent-fanni)}.book-card--fanni .book-card__more-link:hover{background:var(--accent-fanni-dk)}.book-card--rudi{--accent: var(--accent-rudi);--accent-dk: var(--accent-rudi-dk);border-color:var(--accent-rudi)}.book-card--rudi .book-card__sound{color:var(--accent-rudi)}.book-card--rudi .book-card__sound strong,.book-card--rudi .book-card__more-link{background:var(--accent-rudi)}.book-card--rudi .book-card__more-link:hover{background:var(--accent-rudi-dk)}.book-card--karlo{--accent: var(--accent-karlo);--accent-dk: var(--accent-karlo-dk);border-color:var(--accent-karlo)}.book-card--karlo .book-card__sound{color:var(--accent-karlo)}.book-card--karlo .book-card__sound strong,.book-card--karlo .book-card__more-link{background:var(--accent-karlo)}.book-card--karlo .book-card__more-link:hover{background:var(--accent-karlo-dk)}.book-card__actions{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);width:100%}.book-card__buy-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background:var(--amazon-yellow);color:var(--amazon-ink);font-size:var(--text-sm);font-weight:var(--fw-bold);text-decoration:none;border-radius:var(--radius-xl);min-height:44px;border:1px solid var(--amazon-border);box-shadow:var(--shadow-sm);transition:background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.book-card__buy-button:hover{background:var(--amazon-yellow-dk);border-color:var(--amazon-yellow-dk);box-shadow:var(--shadow);transform:translateY(-1px);color:var(--amazon-ink)}.book-card__buy-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.book-card__buy-button--disabled{background:var(--color-bg-muted);color:var(--color-ink-disabled);border-color:transparent;box-shadow:none;cursor:not-allowed;opacity:1}.book-card__buy-button--disabled:hover{background:var(--color-bg-muted);border-color:transparent;box-shadow:none;transform:none;color:var(--color-ink-disabled)}.book-card__more-link.book-card__more-link--construction{background:transparent;color:var(--color-ink-subtle);border:2px dashed var(--color-border);cursor:not-allowed;opacity:1}.book-card__more-link.book-card__more-link--construction:hover{background:transparent;color:var(--color-ink-subtle);transform:none}.book-card__cover-wrap{position:relative;display:block;border-radius:var(--radius);overflow:hidden;line-height:0}.book-card__cover-wrap .book-card__cover{width:100%;height:auto;border-radius:var(--radius)}.audiences{background:var(--color-surface);padding-inline:var(--space-4)}.audiences__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));color:var(--color-brand-700);max-width:var(--maxw);margin-inline:auto;margin-bottom:var(--space-5)}.audiences__grid{max-width:var(--maxw);margin-inline:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-4)}.audience{padding:var(--space-5) var(--space-4);background:var(--color-brand-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-brand-400);box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.audience:hover{border-left-color:var(--color-brand-600);transform:translateY(-2px)}.audience:nth-child(2){background:var(--color-gold-50);border-left-color:var(--color-gold-400)}.audience:nth-child(2):hover{border-left-color:var(--color-gold-500)}.audience:nth-child(3){background:var(--color-coral-50);border-left-color:var(--color-coral-400)}.audience:nth-child(3):hover{border-left-color:var(--color-coral-500)}.audience__name{font-size:var(--text-xl);color:var(--color-brand-600);margin-bottom:var(--space-2)}.audience:nth-child(2) .audience__name{color:var(--color-gold-500)}.audience:nth-child(3) .audience__name{color:var(--color-coral-500)}.audience__text{font-size:var(--text-base);color:var(--color-ink-muted);margin:0;line-height:1.6}.contact{background:var(--color-bg-subtle);padding-inline:var(--space-4)}.contact__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));color:var(--color-brand-700);max-width:var(--maxw-text);margin-inline:auto;margin-bottom:var(--space-3)}.contact__intro{max-width:var(--maxw-text);margin-inline:auto;font-size:var(--text-lg);color:var(--color-ink-muted);margin-bottom:var(--space-5)}.contact__card{max-width:var(--maxw-text);margin-inline:auto;padding:var(--space-6) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center}.contact__label{font-size:var(--text-base);color:var(--color-ink-muted);margin:0 0 var(--space-4)}.contact__email{max-width:100%;word-break:break-word}.instagram{background:linear-gradient(160deg,var(--color-brand-100) 0%,var(--color-gold-100) 100%);padding-inline:var(--space-4);text-align:center}.instagram__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));color:var(--color-brand-700);max-width:var(--maxw-text);margin-inline:auto;margin-bottom:var(--space-3)}.instagram__intro{max-width:var(--maxw-text);margin-inline:auto;font-size:var(--text-lg);color:var(--color-ink-muted);margin-bottom:var(--space-5)}.instagram__card{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.instagram__qr{width:clamp(200px,60vw,280px);height:auto;border-radius:var(--radius)}.instagram__handle{margin:0;font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--color-brand-700)}.book{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space-4)}.book__head{padding-block:var(--space-5) var(--space-4);border-bottom:2px solid var(--color-border-subtle);margin-bottom:var(--space-5)}.book__breadcrumb{margin-bottom:var(--space-4)}.breadcrumb__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);align-items:center}.breadcrumb__item{font-size:var(--text-sm);color:var(--color-ink-subtle)}.breadcrumb__item a{color:var(--accent);text-decoration:none}.breadcrumb__item a:hover{text-decoration:underline;color:var(--color-ink)}.breadcrumb__item[aria-current=page]{color:var(--color-ink-muted);font-weight:var(--fw-medium)}.book__sound-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.book__sound-badge strong{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--accent);color:#fff;border-radius:50%;font-size:var(--text-lg);font-style:normal;letter-spacing:0;text-transform:none}.book__title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));color:var(--color-ink);margin-bottom:var(--space-2);line-height:1.15}.book__subtitle{font-size:var(--text-xl);color:var(--color-ink-muted);margin-bottom:var(--space-3)}.book__age,.book__character{font-size:var(--text-base);color:var(--color-ink-subtle);margin:var(--space-1) 0 0 0}.book__age span,.book__character span{font-weight:var(--fw-bold);color:var(--color-ink-muted)}.book__cover{margin-block:var(--space-5) var(--space-6);display:flex;justify-content:center}.book__cover-image{width:100%;max-width:22rem;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:4px solid var(--accent);outline:1px solid rgba(0,0,0,.06);outline-offset:0;display:block}@media(min-width:48rem){.book__cover-image{max-width:28rem}}.profile{padding-block:var(--space-6);border-bottom:2px solid var(--color-border-subtle)}.profile__title{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));color:var(--accent);margin-bottom:var(--space-5)}.profile__info{max-width:var(--maxw-text)}.profile__name{font-size:var(--text-2xl);color:var(--color-ink);margin-bottom:var(--space-4)}.profile__data{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);align-items:baseline}.profile__data dt{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-ink-subtle);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding-block:var(--space-2);border-right:2px solid var(--color-border);padding-right:var(--space-3)}.profile__data dd{margin:0;font-size:var(--text-base);color:var(--color-ink);padding-block:var(--space-2);padding-left:var(--space-1)}.profile__data dd strong{color:var(--accent);font-size:var(--text-xl)}.book__description{padding-block:var(--space-6);border-bottom:2px solid var(--color-border-subtle)}.book__description-title{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));color:var(--accent);margin-bottom:var(--space-4)}.book__content{max-width:var(--maxw-text);font-size:var(--text-lg);color:var(--color-ink);line-height:1.75}.book__content p{margin-bottom:var(--space-4)}.book__content h2,.book__content h3{color:var(--accent);margin-top:var(--space-5)}.book__content strong,.book__content a{color:var(--accent)}.book__content a:hover{color:var(--color-ink)}.book__navigation{padding-block:var(--space-5)}.book__back-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-brand-50);color:var(--color-brand-600);font-size:var(--text-base);font-weight:var(--fw-medium);text-decoration:none;border-radius:var(--radius-xl);border:2px solid var(--color-border);min-height:44px;transition:background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.book__back-link:hover{background:var(--color-brand-100);border-color:var(--color-brand-400);transform:translate(-3px);color:var(--color-brand-700)}.legal-text{max-width:var(--maxw-text);margin-inline:auto;padding-inline:var(--space-4);padding-block:var(--space-6)}.legal-text h1{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));color:var(--color-brand-700);margin-bottom:var(--space-5)}.legal-text h2{font-size:var(--text-xl);color:var(--color-brand-600);margin-top:var(--space-5);margin-bottom:var(--space-3)}.legal-text p,.legal-text li{font-size:var(--text-base);color:var(--color-ink-muted);line-height:1.75}.friends{background:var(--color-surface);padding-inline:var(--space-4)}.friends__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));color:var(--color-brand-700);max-width:var(--maxw);margin-inline:auto;margin-bottom:var(--space-2)}.friends__lead{max-width:var(--maxw);margin-inline:auto;font-size:var(--text-lg);color:var(--color-ink-muted);margin-bottom:var(--space-5)}.friends__grid{list-style:none;margin:0 auto;padding:0;max-width:var(--maxw);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--space-4)}.friend-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-5);background:var(--color-brand-50);border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.friend-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.friend-card__image-area{display:flex;align-items:flex-end;justify-content:center;height:12rem;margin-bottom:var(--space-2)}.friend-card__image{width:auto;max-height:12rem;filter:drop-shadow(0 10px 18px rgba(12,82,66,.16))}.friend-card__name{font-size:var(--text-xl);color:var(--color-brand-700);margin:0}.friend-card__text{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0;line-height:1.5}.friend-card__sound{margin:0;font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-brand-700)}.friend-card__sound strong{color:var(--color-brand-600)}.friend-card__more-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:var(--fw-bold);text-decoration:none;border-radius:var(--radius);border:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.friend-card__more-link:hover{background:var(--accent-dk);color:#fff;transform:translateY(-1px)}.friend-card--fanni{--accent: var(--accent-fanni);--accent-dk: var(--accent-fanni-dk);background:var(--color-fanni-50);border-color:var(--color-fanni-200);border-top:3px solid var(--accent-fanni)}.friend-card--fanni .friend-card__name,.friend-card--fanni .friend-card__sound{color:var(--accent-fanni)}.friend-card--fanni .friend-card__sound strong{color:var(--accent-fanni-dk)}.friend-card--fanni .friend-card__more-link{background:var(--accent-fanni)}.friend-card--fanni .friend-card__more-link:hover{background:var(--accent-fanni-dk)}.friend-card--rudi{--accent: var(--accent-rudi);--accent-dk: var(--accent-rudi-dk);background:var(--color-rudi-50);border-color:var(--color-rudi-200);border-top:3px solid var(--accent-rudi)}.friend-card--rudi .friend-card__name,.friend-card--rudi .friend-card__sound{color:var(--accent-rudi)}.friend-card--rudi .friend-card__sound strong{color:var(--accent-rudi-dk)}.friend-card--rudi .friend-card__more-link{background:var(--accent-rudi)}.friend-card--rudi .friend-card__more-link:hover{background:var(--accent-rudi-dk)}.friend-card--karlo{--accent: var(--accent-karlo);--accent-dk: var(--accent-karlo-dk);background:var(--color-karlo-50);border-color:var(--color-karlo-200);border-top:3px solid var(--accent-karlo)}.friend-card--karlo .friend-card__name,.friend-card--karlo .friend-card__sound{color:var(--accent-karlo)}.friend-card--karlo .friend-card__sound strong{color:var(--accent-karlo-dk)}.friend-card--karlo .friend-card__more-link{background:var(--accent-karlo)}.friend-card--karlo .friend-card__more-link:hover{background:var(--accent-karlo-dk)}.friend-card__actions{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%}.friend-card__buy-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:var(--space-2) var(--space-4);background:var(--amazon-yellow);color:var(--amazon-ink);font-size:var(--text-sm);font-weight:var(--fw-bold);text-decoration:none;border-radius:var(--radius);border:1px solid var(--amazon-border);box-shadow:var(--shadow-sm);transition:background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.friend-card__buy-button:hover{background:var(--amazon-yellow-dk);border-color:var(--amazon-yellow-dk);box-shadow:var(--shadow);transform:translateY(-1px);color:var(--amazon-ink)}.friend-card__buy-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.friend-card__buy-button--disabled{background:var(--color-bg-muted);color:var(--color-ink-disabled);border-color:transparent;box-shadow:none;cursor:not-allowed;opacity:1}.friend-card__buy-button--disabled:hover{background:var(--color-bg-muted);border-color:transparent;box-shadow:none;transform:none;color:var(--color-ink-disabled)}.friend-card__more-link.friend-card__more-link--construction{background:transparent;color:var(--color-ink-subtle);border:2px dashed var(--color-border);cursor:not-allowed;opacity:1}.friend-card__more-link.friend-card__more-link--construction:hover{background:transparent;color:var(--color-ink-subtle);transform:none}.profile__layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:center}@media(min-width:48rem){.profile__layout{grid-template-columns:minmax(12rem,18rem) 1fr}}.profile__figure{display:flex;justify-content:center}.profile__figure-image{width:auto;max-height:22rem;filter:drop-shadow(0 16px 28px rgba(94,50,133,.28))}.profile__quote{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-fanni-50);border-left:4px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--text-lg);font-style:italic;color:var(--color-ink-muted)}.likes{padding-block:var(--space-6);border-bottom:2px solid var(--color-border-subtle)}.likes__title{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));color:var(--accent);margin-bottom:var(--space-5)}.likes__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:var(--space-4)}.likes__item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--space-2);row-gap:var(--space-1);align-items:start;padding:var(--space-4);background:color-mix(in srgb,var(--accent) 8%,#ffffff);border-radius:var(--radius-lg);border:1.5px solid color-mix(in srgb,var(--accent) 22%,#ffffff);border-top:3px solid var(--accent);box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.likes__item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.likes__icon{grid-column:1;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:1.2rem;line-height:1;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-shrink:0;align-self:center}.likes__item-title{grid-column:2;grid-row:1;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--accent);margin:0;align-self:center}.likes__item-text{grid-column:1 / -1;grid-row:2;font-size:var(--text-sm);color:var(--color-ink-muted);margin:0;line-height:1.55}@media(max-width:30rem){.likes__item{padding:var(--space-3)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.steckbrief{max-width:56rem;margin-inline:auto;padding-inline:var(--space-4);padding-block:var(--space-6);text-align:left}.steckbrief__headline{text-align:center;font-size:clamp(var(--text-xl),3.5vw,var(--text-2xl));color:var(--accent);margin-bottom:var(--space-5)}.steckbrief__layout{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:end}@media(min-width:44rem){.steckbrief__layout{grid-template-columns:1fr auto;align-items:end}}.steckbrief__clipboard{position:relative;padding-top:2.5rem}.steckbrief__clip{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:60px;height:36px;background:var(--accent);border-radius:var(--radius-sm);border:3px solid var(--accent-dk);z-index:1}.steckbrief__clip:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:14px;background:var(--color-bg);border-radius:3px;opacity:.85}.steckbrief__card{background:var(--color-bg);border:3px solid var(--accent);border-radius:var(--radius);padding:var(--space-3) var(--space-3) var(--space-4);box-shadow:0 4px 16px #0000001a}.steckbrief__card-title{background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-3);margin-top:0;line-height:1.3}.steckbrief__data{margin:0;padding:0}.steckbrief__row{display:flex;align-items:center;gap:var(--space-2);padding:.35rem 0;border-bottom:1px solid rgba(124,77,170,.12)}.steckbrief__row:last-child{border-bottom:none}.steckbrief__key{flex:0 0 auto;min-width:140px;font-size:var(--text-sm);color:var(--color-ink-subtle);display:flex;align-items:center;gap:.4rem;margin:0}.steckbrief__val{font-weight:var(--fw-bold);color:var(--accent);font-size:.9rem;margin:0;flex:1}.steckbrief__icon{font-size:1rem;flex-shrink:0;display:inline-block;width:1.4rem;text-align:center;line-height:1}.steckbrief__motto{margin-top:var(--space-3);padding:.75rem;background:#7c4daa14;border-radius:var(--radius-sm);font-style:italic;font-size:.9rem;color:var(--accent);display:flex;align-items:center;gap:var(--space-2);margin-bottom:0}.steckbrief__motto em{font-style:inherit;line-height:1.45}.steckbrief__motto-icon{font-size:1.1rem;flex-shrink:0;line-height:1}.steckbrief__figure{display:flex;justify-content:center;align-items:flex-end}.steckbrief__figure-image{max-height:360px;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 24px rgba(94,50,133,.2));display:block}@media(max-width:43.75rem){.steckbrief__layout{grid-template-columns:1fr}.steckbrief__figure{order:2}.steckbrief__clipboard{order:1}.steckbrief__figure-image{max-height:220px}.steckbrief__figure{justify-content:center}.steckbrief__key{min-width:110px}}