/* ============================================================
15-anwendung.css · Anwendung Protocol Styles
Mobile-First · Ophyr Luxury Design System
============================================================ */

.legal-tile.centered{text-align:center}.legal-tile-step{display:block;font-family:var(--font-accent);font-size:var(--fs-body-sm);font-weight:100;color:var(--dark-grey);text-transform:uppercase;letter-spacing:0.25rem;margin-bottom:0.75rem;opacity:0.6}.legal-tile.full-width{grid-column:1 / -1}body[data-page="anwendung"] .anwendung-main{padding-top:0}.anwendung-phase-header{margin:clamp(2rem,6vw,4rem) 0 clamp(1rem,3vw,2rem)}.anwendung-phase-header p{font-family:var(--font-accent);font-size:var(--fs-label);letter-spacing:0.4em;color:rgba(0,0,0,0.35);text-transform:uppercase;margin:0;position:relative;display:inline-block}.anwendung-phase-header p::before,.anwendung-phase-header p::after{content:'';position:absolute;top:50%;width:clamp(1.5rem,8vw,4rem);height:1px;background:linear-gradient(to right,transparent,rgba(196,161,105,0.3))}.anwendung-phase-header p::before{right:calc(100% + clamp(0.6rem,2vw,1rem));background:linear-gradient(to left,rgba(196,161,105,0.3),transparent)}.anwendung-phase-header p::after{left:calc(100% + clamp(0.6rem,2vw,1rem))}.dosage-timeline{display:flex;align-items:center;justify-content:center;gap:0;margin-top:clamp(1.2rem,3vw,1.8rem);padding:clamp(0.8rem,2vw,1.2rem) 0}.dosage-phase{display:flex;flex-direction:column;align-items:center;gap:0.4rem;position:relative}.dosage-phase-dot{width:0.5rem;height:0.5rem;border-radius:50%;background:rgba(196,161,105,0.4);border:1px solid var(--gold);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),background 0.4s ease}.dosage-phase--active .dosage-phase-dot{width:0.625rem;height:0.625rem;background:var(--gold)}.dosage-phase-value{font-family:var(--font-accent);font-size:clamp(0.9rem,2.5vw,1.1rem);font-weight:300;letter-spacing:0.1em;color:var(--dark-grey)}.dosage-phase--active .dosage-phase-value{color:var(--gold);font-weight:400}.dosage-phase-label{font-family:var(--font-primary);font-size:var(--fs-label);color:var(--text-dimmed);letter-spacing:0.05em}.dosage-connector{width:clamp(2rem,8vw,4rem);height:1px;background:linear-gradient(to right,rgba(196,161,105,0.2),rgba(196,161,105,0.5),rgba(196,161,105,0.2));margin:0 clamp(0.5rem,2vw,1rem);align-self:flex-start;margin-top:0.25rem}.anwendung-cta{text-align:center;padding:clamp(3rem,8vw,5rem) var(--container-padding);background:transparent}.anwendung-cta-inner{max-width:40rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(1.2rem,3vw,2rem)}.anwendung-cta-quote{font-family:var(--font-editorial);font-size:clamp(1.3rem,4vw,2rem);font-weight:300;font-style:italic;color:var(--gold);line-height:1.4;margin:0;letter-spacing:0.02em;text-shadow:0 0 1px rgba(197,160,89,0.1)}.anwendung-cta-divider{width:clamp(2rem,8vw,4rem);height:1px;background:linear-gradient(to right,transparent,rgba(196,161,105,0.4),transparent)}.anwendung-parallax{position:relative;height:clamp(14rem,35vh,22rem);background-image:url('../bilder/puregold.webp');background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:clamp(2rem,6vw,4rem) 0}.anwendung-parallax-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.55) 100%);pointer-events:none}.anwendung-parallax-content{position:relative;z-index:2;text-align:center}.anwendung-parallax-label{font-family:var(--font-accent);font-size:var(--fs-label);letter-spacing:0.5em;color:rgba(255,255,255,0.75);text-transform:uppercase;margin:0}@media (min-width:48rem){.anwendung-parallax{height:clamp(18rem,40vh,26rem)}}.protocol-text{max-width:50rem;margin:0 auto}.legal-date{font-size:var(--fs-body-sm);margin-top:1.5rem;color:var(--text-dimmed)}@media (max-width:30rem){.auth-field-row{flex-direction:column}}@media (min-width:64rem){body[data-page="anwendung"] .legal-grid{grid-template-columns:1fr;gap:2rem;max-width:56rem;margin:0 auto;padding:0 2rem}}body[data-page="anwendung"] .wirkung-accordion-content{transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1)}body[data-page="anwendung"] .wirkung-accordion-inner{opacity:0;transform:translateY(0.4rem);transition:opacity 0.35s cubic-bezier(0.4,0,0.2,1) 0.08s,transform 0.35s cubic-bezier(0.4,0,0.2,1) 0.08s}body[data-page="anwendung"] .legal-tile.is-expanded .wirkung-accordion-inner{opacity:1;transform:translateY(0);padding:clamp(1rem,3vw,1.8rem) clamp(1.5rem,4vw,3rem)}body[data-page="anwendung"] .tile-chevron svg{transition:transform 0.55s cubic-bezier(0.34,1.56,0.64,1)}body[data-page="anwendung"] .legal-tile.is-expanded .tile-chevron svg{transform:rotate(180deg)}body[data-page="anwendung"] .legal-tile-step{transition:opacity 0.4s cubic-bezier(0.25,1,0.5,1),color 0.4s cubic-bezier(0.25,1,0.5,1)}body[data-page="anwendung"] .legal-tile.is-expanded .legal-tile-step{opacity:0.85;color:var(--gold)}body[data-page="anwendung"] .legal-tile.is-expanded{box-shadow:0 4px 20px -6px rgba(0,0,0,0.08),0 2px 8px -2px rgba(0,0,0,0.04);border-color:rgba(196,161,105,0.2)}@media (min-width:64rem){body[data-page="anwendung"] .legal-tile{transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}body[data-page="anwendung"] .legal-tile{transition:transform 0.65s cubic-bezier(0.25,1,0.5,1),box-shadow 0.7s cubic-bezier(0.25,1,0.5,1),border-color 0.55s cubic-bezier(0.25,1,0.5,1),background-color 0.6s cubic-bezier(0.25,1,0.5,1)}body[data-page="anwendung"] .wirkung-accordion-content{transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1)}body[data-page="anwendung"] .wirkung-accordion-inner{opacity:0;transform:translateY(0.5rem);transition:opacity 0.35s cubic-bezier(0.4,0,0.2,1) 0.1s,transform 0.35s cubic-bezier(0.4,0,0.2,1) 0.1s}body[data-page="anwendung"] .legal-tile.is-expanded .wirkung-accordion-inner{opacity:1;transform:translateY(0);padding-top:clamp(1.5rem,2.5vw,2rem);padding-bottom:clamp(1rem,2vw,1.5rem)}body[data-page="anwendung"] .tile-chevron{transition:color 0.5s cubic-bezier(0.25,1,0.5,1),opacity 0.5s cubic-bezier(0.25,1,0.5,1),transform 0.5s cubic-bezier(0.25,1,0.5,1);transform:translate3d(0,0,0)}body[data-page="anwendung"] .tile-chevron svg{transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}body[data-page="anwendung"] .legal-tile.is-expanded{transform:translate3d(0,0,0);box-shadow:0 4px 20px -4px rgba(0,0,0,0.08),0 2px 8px -2px rgba(0,0,0,0.04);border-color:rgba(196,161,105,0.22);background:#fff;transition:transform 0.7s cubic-bezier(0.25,1,0.5,1),box-shadow 0.8s cubic-bezier(0.25,1,0.5,1),border-color 0.6s cubic-bezier(0.25,1,0.5,1),background-color 0.6s cubic-bezier(0.25,1,0.5,1)}body[data-page="anwendung"] .legal-tile.is-expanded .legal-tile-step{opacity:0.9;color:var(--gold)}body[data-page="anwendung"] .legal-tile.is-expanded .tile-chevron{opacity:1;color:var(--gold-dark)}body[data-page="anwendung"] .legal-tile.is-expanded .wirkung-accordion-inner > *{animation:anwendung-liquid-reveal 0.3s cubic-bezier(0.4,0,0.2,1) both}body[data-page="anwendung"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(1){animation-delay:0.1s}body[data-page="anwendung"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(2){animation-delay:0.14s}body[data-page="anwendung"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(3){animation-delay:0.18s}body[data-page="anwendung"] .legal-tile.is-expanded .wirkung-accordion-inner > *:nth-child(n+4){animation-delay:0.22s}body[data-page="anwendung"] .legal-tile.is-expanded:hover{box-shadow:0 6px 24px -6px rgba(0,0,0,0.1),0 2px 10px -2px rgba(0,0,0,0.05)}body[data-page="anwendung"] .legal-grid:has(.is-expanded) .legal-tile:not(.is-expanded){opacity:0.88;transform:translate3d(0,0,0);transition:opacity 0.5s cubic-bezier(0.25,1,0.5,1),transform 0.5s cubic-bezier(0.25,1,0.5,1)}body[data-page="anwendung"] .legal-grid:has(.is-expanded) .legal-tile:not(.is-expanded):hover{opacity:1;transform:translate3d(0,0,0)}}@keyframes anwendung-liquid-reveal{0%{opacity:0;transform:translate3d(0,0.6rem,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@media (max-width:47.99rem){body[data-page="focus"] .ritual-stage__image-container{margin-left:-4.25rem;margin-right:-1.25rem;width:calc(100% + 4.25rem + 1.25rem)}body[data-page="focus"] .ritual-stage__image{border-radius:0 !important}body[data-page="focus"] .aurum-matrix-detail{border-radius:0}body[data-page="focus"] .aurum-matrix-detail-inner{padding-left:clamp(3rem,7vw,5rem) !important}body[data-page="focus"] .ritual-stages__progress-container{z-index:15}body[data-page="focus"] .ritual-stage__progress-indicator{z-index:16}}body[data-page="focus"]{background-color:#333333 !important}body[data-page="focus"] .ritual-stages,body[data-page="focus"] .ritual-gold-cta,body[data-page="focus"] .ritual-details{background:#333333 !important;background-color:#333333 !important}