:root{--paper:#fdfaf4;--ink:#35312b;--soft:#6e675d;--red:#c43a2c;--green:#1d9e75;--blue:#378add;--amber:#ef9f27;--rose:#d4537e;--line:#eae3d6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);flex-direction:column;min-height:100svh;font-family:Nunito Sans,system-ui,sans-serif;font-size:17px;line-height:1.6;display:flex}main{flex:1;justify-content:center;align-items:center;padding:48px 24px 32px;display:flex}.hero{grid-template-columns:minmax(300px,460px) minmax(320px,500px);align-items:center;gap:24px 64px;width:100%;min-width:0;max-width:1060px;display:grid}.herz,.herz svg{width:100%;height:auto;display:block}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:14px;font-size:13px;font-weight:700}h1{letter-spacing:-.01em;margin-bottom:10px;font-family:Fraunces,serif;font-size:clamp(38px,5.2vw,56px);font-weight:560;line-height:1.05}.rollen{color:var(--soft);margin-bottom:26px;font-size:14.5px;font-weight:600}.rollen .dot{color:var(--amber);padding:0 4px;font-weight:700}blockquote{color:var(--ink);border-left:3px solid var(--red);margin-bottom:26px;padding-left:18px;font-family:Fraunces,serif;font-size:clamp(20px,2.6vw,25px);font-style:italic;font-weight:420;line-height:1.4}.intro{color:var(--soft);max-width:46ch;margin-bottom:30px}.triade{align-items:center;gap:12px;font-family:Fraunces,serif;font-size:18px;font-weight:560;display:flex}.triade i{border-radius:50%;width:9px;height:9px;font-style:normal;display:inline-block}.triade i.b1{background:var(--blue)}.triade i.b2{background:var(--amber)}.triade i.b3{background:var(--rose)}.hinweis{color:var(--soft);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-top:34px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.hinweis .pulse{background:var(--red);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}footer{text-align:center;color:var(--soft);padding:18px 24px 26px;font-size:13px}.js #kette circle{opacity:0;animation:.55s ease-out forwards erscheinen;animation-delay:calc(var(--i) * 14ms + .25s);transform-origin:50%;transform-box:fill-box}@keyframes erscheinen{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.js .herz svg{transform-origin:50% 52%;animation:6s ease-in-out 3.6s infinite alternate atmen}@keyframes atmen{0%{transform:scale(1)}to{transform:scale(1.014)}}.js .text-seite{opacity:0;animation:.9s ease-out .9s forwards aufblenden;transform:translateY(10px)}@keyframes aufblenden{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.js #kette circle,.js .herz svg,.js .text-seite,.hinweis .pulse{opacity:1!important;animation:none!important;transform:none!important}}@media (width<=780px){.hero{text-align:center;grid-template-columns:1fr;gap:8px}.herz{max-width:330px;margin:0 auto}blockquote{border-left:none;padding-left:0}.triade{justify-content:center}.intro{margin-left:auto;margin-right:auto}main{padding-top:28px}}