:root{   --blau:#38457C;   --terra:#B37050;   --sand:#F3E9DD;   --salbei:#738062;   --mauve:#7A5873;   --camel:#D7AD87;   --sand-50:rgba(243,233,221,.55);   --sand-15:rgba(243,233,221,.15);   --sand-08:rgba(243,233,221,.08); } *{box-sizing:border-box;margin:0;padding:0} html{-webkit-text-size-adjust:100%} body{   background:var(--blau);   color:var(--sand);   font-family:'Montserrat',system-ui,sans-serif;   font-size:16px;line-height:1.4;   -webkit-font-smoothing:antialiased;   padding:0 24px 72px; } .wrap{max-width:520px;margin:0 auto}   /* Kopf */ .kopf{padding:52px 0 40px;text-align:center} .mark{width:76px;height:76px;margin:0 auto 22px;display:block} h1{font-family:'Belleza',serif;font-weight:400;font-size:34px;line-height:1.1} .claim{margin:12px auto 0;font-size:14px;line-height:1.5;color:var(--sand-50);max-width:310px}   /* Featured */ .featured{   display:block;text-decoration:none;color:inherit;   border:1px solid var(--sand-15);   padding:22px 22px 24px;margin-bottom:50px;   transition:border-color .25s ease,background .25s ease; } .featured:hover,.featured:focus-visible{background:var(--sand-08);border-color:var(--sand-50)} .featured .eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff!important;font-weight:600} .featured h2{font-family:'Belleza',serif;font-weight:400;font-size:26px;line-height:1.15;margin:10px 0 8px;color:#fff!important} .featured .meta{font-size:13px;color:var(--sand-50);line-height:1.6} .featured .cta{   display:inline-block;margin-top:18px;background:var(--terra);color:var(--sand);   font-size:13px;font-weight:600;letter-spacing:.04em;padding:12px 26px; }   /* Sektionen */ .sektion{margin-bottom:44px} .sektion > h3{   font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;   color:var(--sand-50);padding-bottom:14px;   border-bottom:1px solid var(--sand-15);margin-bottom:2px; }   /* Zeilen */ .zeile{   display:flex;align-items:baseline;gap:14px;   text-decoration:none;color:var(--sand);   padding:19px 16px 19px 18px;   border-bottom:1px solid var(--sand-15);   position:relative;   transition:background .22s ease,padding-left .22s ease; } .zeile::before{   content:"";position:absolute;left:0;top:0;bottom:0;width:2px;   background:var(--akzent,transparent);   transform:scaleY(0);transform-origin:center;   transition:transform .28s cubic-bezier(.4,0,.2,1); } .zeile:hover,.zeile:focus-visible{background:var(--sand-08);padding-left:24px} .zeile:hover::before,.zeile:focus-visible::before{transform:scaleY(1)} .zeile .titel{font-family:'Belleza',serif;font-size:21px;line-height:1.2;flex:1} .zeile .zusatz{   display:block;font-family:'Montserrat',sans-serif;   font-size:12px;letter-spacing:.02em;color:var(--sand-50);margin-top:5px; } .zeile .pfeil{   font-size:15px;color:var(--sand-50);flex:0 0 auto;   transition:transform .22s ease,color .22s ease; } .zeile:hover .pfeil,.zeile:focus-visible .pfeil{transform:translateX(4px);color:var(--sand)}   .basis{--akzent:var(--terra)} .retreat{--akzent:var(--camel)} .immersion{--akzent:var(--salbei)} .training{--akzent:var(--mauve)}   /* Sekundär */ .sekundaer{   display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;   padding:8px 0 30px; } .sekundaer a{   color:var(--sand-50);text-decoration:none;font-size:13px;   border-bottom:1px solid transparent;padding-bottom:2px;   transition:color .2s ease,border-color .2s ease; } .sekundaer a:hover,.sekundaer a:focus-visible{color:var(--sand);border-bottom-color:var(--sand-50)}   /* Fuß */ .fuss{padding-top:10px;text-align:center;border-top:1px solid var(--sand-15)} .social{display:flex;justify-content:center;gap:24px;margin:26px 0 24px} .social a{   color:var(--sand-50);text-decoration:none;font-size:11px;   letter-spacing:.14em;text-transform:uppercase;font-weight:500;   padding:6px 2px;transition:color .2s ease; } .social a:hover,.social a:focus-visible{color:var(--sand)} .rechtliches{font-size:11px;color:rgba(243,233,221,.35);line-height:1.8} .rechtliches a{color:inherit;text-decoration:none;border-bottom:1px solid transparent} .rechtliches a:hover{border-bottom-color:currentColor}   a:focus-visible{outline:2px solid var(--camel);outline-offset:3px}   @media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}} @media (min-width:560px){   body{padding-bottom:96px}   h1{font-size:40px}   .zeile .titel{font-size:23px} }