/* Mission FACT: lokale Schriften, Bewegung und Scroll-Menü */
@font-face{font-family:"Source Sans 3";src:url("/source-sans-3.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/source-serif-4.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
body{font-family:"Source Sans 3",Arial,sans-serif;font-size:18px}
h1,h2,h3,.large,.date,.way .number{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-optical-sizing:auto;letter-spacing:-.025em}
.footer h2{font-family:"Source Sans 3",Arial,sans-serif}
summary{font-family:"Source Serif 4",Georgia,serif;font-size:22px}
.top{--menu-bg:rgba(36,36,36,.84);background:var(--menu-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .35s ease,box-shadow .35s ease}
.top.is-scrolled{--menu-bg:rgba(178,31,45,.97);background:var(--menu-bg);box-shadow:0 3px 22px #24242420}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-slides{position:absolute;inset:0;z-index:-1;background:#242424;pointer-events:none}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.035);transition:opacity 1.4s ease;will-change:opacity}
.hero-slide.is-active{opacity:1;animation:fact-scene 9s linear both}
.hero-slide:nth-child(2){background-position:center 42%}
.hero.is-paused .hero-slide{animation-play-state:paused}
.hero-slides:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#21180f2e,#21180f12);pointer-events:none}
@keyframes fact-scene{from{transform:scale(1.035)}to{transform:scale(1.1)}}
.hero-controls{position:relative;z-index:2;display:flex;align-items:center;width:max-content;padding:10px 14px;border-radius:30px;background:#24242480;backdrop-filter:blur(6px)}
.hero-controls button{transition:background-color .25s,transform .25s}
.hero-controls button:hover{transform:scale(1.16)}
.hero-controls .hero-toggle{font:600 13px/1.2 "Source Sans 3",Arial,sans-serif;width:auto;height:auto;color:#fff;border:0;border-radius:4px;padding:4px 8px;background:transparent;margin-left:5px}
.hero-controls .hero-toggle[aria-pressed=true]{background:#ffffff24}
.hero-title-word{display:inline-block;animation:fact-word .8s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(var(--word)*90ms)}
@keyframes fact-word{from{opacity:0;transform:translateY(.5em) rotate(2deg)}to{opacity:1;transform:none}}
.btn{position:relative;isolation:isolate;overflow:hidden;transition:background-color .25s,transform .25s,box-shadow .25s}
.btn:hover,.btn:focus-visible{transform:translateY(-3px);box-shadow:0 10px 25px #71172225}
.btn:after{content:"";position:absolute;inset:-40% auto -40% -45%;width:30%;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);pointer-events:none}
.btn:hover:after{animation:fact-shine .65s ease-out}
@keyframes fact-shine{to{left:130%}}
.motion-ready .reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.78,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(26px)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.project,.event,.way img{transition:transform .35s ease,box-shadow .35s ease}.project:hover,.event:hover{transform:translateY(-5px);box-shadow:0 20px 45px #24242414}.way:hover img{transform:translateY(-4px)}}
@media(max-width:760px){body{font-size:17px}.top .navlinks{background:var(--menu-bg);transition:background-color .35s ease}.hero h1{font-size:clamp(32px,8.7vw,42px)}.hero h2{font-size:clamp(26px,6.8vw,34px)}.hero-controls{gap:10px}.hero-slide:nth-child(1){background-position:62% center}.hero-slide:nth-child(2){background-position:58% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.hero-title-word,.btn:after{animation:none!important}.hero-slide,.top,.top .navlinks,.motion-ready .reveal,.btn,.project,.event,.way img{transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.hero-slide{transform:none}.btn:hover,.btn:focus-visible{transform:none}}


/* Originalgestaltung: Farben, Lesbarkeit, Prinzip und Buttonbewegung */
:root{--cream:#f6f1ea;--ink:#242424;--wine:#711722;--red:#b21f2d}
.wrap{width:min(1080px,88%)}
h1,h2,h3,.large,.date,.way .number{letter-spacing:normal}
h1{line-height:1.18}
h2{font-size:clamp(30px,3vw,40px);line-height:1.22;margin-bottom:28px}
h3{font-size:28px;line-height:1.28;font-weight:650}
.hero-box{max-width:650px;background:rgba(246,241,234,.95)}
.hero h1{font-size:clamp(36px,3.8vw,52px);line-height:1.16;letter-spacing:-.01em}
.hero h2{font-size:clamp(28px,2.7vw,36px);line-height:1.2;font-weight:650}
.hero p{line-height:1.65}
.large{font-size:clamp(28px,2.7vw,38px);line-height:1.45;font-weight:600}
.date{line-height:1.4;letter-spacing:normal}
.project h3,.event h3{line-height:1.3;margin-bottom:24px}
.project p,.event p,.way p{line-height:1.7}
#projekte{background:#fff}
.project{border:1px solid #71172220;border-top:4px solid #711722;border-radius:20px;box-shadow:0 18px 45px #24242412}
#mitmachen{background:var(--cream)}
.way{background:#ffffffed;border:1px solid #71172215;border-radius:22px;padding:20px 22px 30px;box-shadow:0 14px 36px #2424240f}
.way h3{line-height:1.3}
.statement{background:#711722}
#kontakt{background:var(--cream)}
.contact{padding:0;background:transparent;color:var(--ink);border-radius:0}
.contact h2,.contact a,.contact .eyebrow{color:var(--wine)}
.contact h2{font-size:clamp(34px,3.4vw,46px);line-height:1.24}
.contact form{padding:36px;border:1px solid #71172220;border-radius:24px;box-shadow:0 20px 60px #24242414}
.contact form .btn{color:#fff}
.faq details{background:#fff;border:0;border-radius:14px;margin-bottom:14px;padding:23px 26px;box-shadow:0 7px 22px #2424240d}
.faq details[open]{border-left:5px solid var(--red)}
.faq summary{font-size:22px;line-height:1.4;letter-spacing:normal}
.faq details p{line-height:1.7}
.principle{background:var(--cream)}
.principle h2{margin-bottom:48px}
.principle-stage{background:url("/hero-1280.webp") center/cover no-repeat;border-radius:18px;padding:30px;min-height:650px}
.principle-column{width:52%;max-width:520px}
.principle-card{background:rgba(246,241,234,.96);padding:38px 34px 30px;border:1px solid #7117221f;border-radius:24px;box-shadow:0 18px 48px #2424242e}
.principle-inner{padding-left:38px}
.principle-card h3{font-size:28px;line-height:1.3;font-weight:700;margin:0 0 30px}
.principle-card h3:after{content:"";display:block;width:48px;height:4px;margin-top:15px;border-radius:4px;background:var(--red)}
.principle-steps{list-style:none;padding:0;margin:0}
.principle-step{position:relative;padding:0 0 26px;margin-bottom:24px;border-bottom:1px solid #71172214;opacity:1}
.principle-step:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.principle-step strong{display:block;color:var(--red);font-weight:700;font-size:18px;line-height:1.5;margin-bottom:5px}
.principle-step p{font-size:17px;line-height:1.65;margin:0}
.principle-step:before{content:"";position:absolute;left:-30px;top:8px;width:14px;height:14px;border:3px solid #71172240;border-radius:50%;background:var(--cream);transition:background .4s,border-color .4s,transform .4s,box-shadow .4s}
.principle-steps.is-enhanced .principle-step{opacity:.82;transform:translateX(8px);transition:opacity .55s,transform .55s}
.principle-steps.is-enhanced .principle-step.is-active{opacity:1;transform:none}
.principle-step.is-active:before{background:var(--red);border-color:var(--red);transform:scale(1.12);box-shadow:0 0 0 6px #b21f2d1f}
.principle-column>.btn{margin:26px 0 8px 4px}
.btn:not(:disabled){animation:fact-button-pulse 5s ease-in-out infinite}
.btn:disabled{animation:none}
.hero .btn:after{animation:fact-button-shimmer 4.8s ease-in-out infinite}
.btn:hover,.btn:focus-visible{animation-play-state:paused;transform:translateY(-4px) scale(1.02)!important}
.hero.is-paused .btn,.hero.is-paused .btn:after{animation-play-state:paused}
@keyframes fact-button-pulse{0%,76%,100%{transform:scale(1);box-shadow:0 0 0 0 #b21f2d00}82%{transform:scale(1.07);box-shadow:0 0 0 10px #b21f2d2e}88%{transform:scale(1);box-shadow:0 0 0 18px #b21f2d00}92%{transform:scale(1.035);box-shadow:0 0 0 7px #b21f2d21}96%{transform:scale(1);box-shadow:0 0 0 14px #b21f2d00}}
@keyframes fact-button-shimmer{0%,72%{left:-42%}100%{left:130%}}
.hero-title-word{animation:none}
.hero.is-title-playing .hero-title-word{animation:fact-word .85s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(var(--word)*90ms)}
@media(max-width:980px){.principle-column{width:62%}.principle-card{padding:30px 26px}.principle-inner{padding-left:30px}}
@media(max-width:760px){.wrap{width:90%}.hero-box{padding:32px 25px}.hero h1{font-size:clamp(31px,8.4vw,40px);line-height:1.2}.hero h2{font-size:clamp(27px,6.8vw,32px);line-height:1.25}.hero p{line-height:1.7}h2{font-size:32px;line-height:1.25}h3{font-size:26px;line-height:1.3}.contact h2{font-size:34px;line-height:1.28}.contact form{padding:27px 22px}.way{padding:16px 18px 26px}.principle h2{margin-bottom:30px}.principle-stage{padding:18px;min-height:0;background-position:62% center}.principle-column{width:100%;max-width:none}.principle-card{padding:28px 24px}.principle-inner{padding-left:24px}.principle-card h3{font-size:25px;line-height:1.3}.principle-step:before{left:-23px;width:12px;height:12px;top:7px}.principle-step p{font-size:17px;line-height:1.7}.principle-step strong{font-size:18px}.principle-column>.btn{margin-left:0}.faq details{padding:22px 20px}.faq summary{font-size:21px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.btn,.hero .btn:after,.hero.is-title-playing .hero-title-word{animation:none!important}.btn:hover,.btn:focus-visible{transform:none!important}.principle-steps.is-enhanced .principle-step{opacity:1;transform:none;transition:none}.principle-step:before{transition:none}}

/* Faith in Action: vier Kapitel mit wechselnder Hervorhebung */
.faith-story{position:relative;isolation:isolate;overflow:clip;background:#711722;padding:110px 0 95px}
.faith-story:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 10% 20%,#d6a04b20,transparent 42%),radial-gradient(ellipse at 95% 80%,#ffffff0e,transparent 40%)}
.faith-watermark{position:absolute;top:30%;left:-.04em;z-index:-1;font:700 clamp(100px,17vw,250px)/1.2 "Source Serif 4",Georgia,serif;color:#ffffff07;white-space:nowrap;transform:rotate(-8deg);pointer-events:none;user-select:none}
.faith-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:75px;align-items:start}
.faith-intro{position:sticky;top:145px;padding-top:34px}
.faith-intro .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:30px;color:#f6f1ea}
.faith-intro .eyebrow:before{content:"";width:35px;height:3px;background:#d6a04b;border-radius:3px;flex:none}
.faith-intro h2{font-size:clamp(54px,5.8vw,82px);line-height:1.16;font-weight:650;letter-spacing:normal;margin-bottom:32px}
.faith-action{display:block;color:#efd6b0;font-weight:600;font-style:italic;white-space:nowrap}
.faith-lead{font-size:23px;line-height:1.6;color:#f6f1ea;max-width:31ch}
.faith-lead strong{display:block;color:#fff;margin-top:12px;font-weight:650}
.faith-signature{display:flex;align-items:center;gap:16px;color:#efd6b0;font-size:12px;letter-spacing:2px;font-weight:700;margin-top:38px}
.faith-arrow{font-size:30px;font-weight:400;letter-spacing:0}
.faith-cards{position:relative;display:flex;flex-direction:column;gap:44px;padding:10px 0 12px}
.faith-cards:before{content:"";position:absolute;left:19px;top:50px;bottom:50px;border-left:1px solid #ffffff2b;z-index:-1}
.faith-card{position:relative;padding:38px 36px 34px;border:1px solid #ffffff38;border-radius:24px;background:#f6f1ea;color:#242424;box-shadow:0 18px 45px #24080f20;width:calc(100% - 20px);min-width:0}
.faith-card:nth-child(even){align-self:flex-end}
.faith-card:before{content:"";position:absolute;top:30px;left:-5px;width:9px;height:30px;border-radius:8px;background:#d6a04b;transform:scaleY(.55);transition:transform .55s ease}
.faith-number{position:absolute;right:22px;top:8px;font:600 90px/1.2 "Source Serif 4",Georgia,serif;color:#7117220b;pointer-events:none}
.faith-card .faith-kicker{position:relative;display:inline-block;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8b2833;margin:0 0 23px;padding-right:45px}
.faith-card h3{position:relative;font-size:31px;line-height:1.3;font-weight:650;color:#711722;max-width:19ch;margin:0 0 22px}
.faith-card p:not(.faith-kicker){position:relative;font-size:18px;line-height:1.7;margin:0;color:#242424}
.faith-enhanced .faith-card{background:#ffffff0d;color:#fff;box-shadow:none;transition:background-color .65s ease,border-color .65s ease,box-shadow .65s ease,transform .75s cubic-bezier(.2,.78,.2,1),opacity .75s ease}
.faith-enhanced .faith-card h3,.faith-enhanced .faith-card p:not(.faith-kicker){color:#fff;transition:color .65s ease}
.faith-enhanced .faith-card .faith-kicker{color:#efd6b0;transition:color .65s ease}
.faith-enhanced .faith-card .faith-number{color:#ffffff0b;transition:color .65s ease}
.faith-enhanced .faith-card:not(.is-seen){opacity:.85;transform:translateY(28px)}
.faith-enhanced .faith-card.is-active{background:#f6f1ea;border-color:#f6f1ea;box-shadow:0 24px 60px #24080f35}
.faith-enhanced .faith-card.is-active h3{color:#711722}
.faith-enhanced .faith-card.is-active p:not(.faith-kicker){color:#242424}
.faith-enhanced .faith-card.is-active .faith-kicker{color:#8b2833}
.faith-enhanced .faith-card.is-active .faith-number{color:#7117220b}
.faith-card.is-active:before{transform:scaleY(1)}
.faith-invitation{position:relative;text-align:center;padding-top:66px;margin-top:50px;border-top:1px solid #ffffff30}
.faith-invitation p{font:600 clamp(25px,2.5vw,34px)/1.4 "Source Serif 4",Georgia,serif;color:#f6f1ea;margin-bottom:28px}
.faith-story .faith-invitation .btn{background:#f6f1ea;color:#711722;padding:14px 30px}
.faith-story .faith-invitation .btn:hover{background:#fff}
@media(max-width:980px){.faith-layout{gap:40px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.faith-intro h2{font-size:58px}.faith-card{padding:32px 28px}.faith-card h3{font-size:28px}.faith-lead{font-size:21px}}
@media(max-width:760px){.faith-story{padding:68px 0}.faith-layout{grid-template-columns:minmax(0,1fr);gap:38px}.faith-intro{position:static;padding:0}.faith-intro h2{font-size:clamp(52px,14vw,66px);line-height:1.2;margin-bottom:26px}.faith-lead{font-size:21px;max-width:none}.faith-signature{margin-top:25px}.faith-cards{gap:30px}.faith-card{width:calc(100% - 12px);padding:29px 25px}.faith-card h3{font-size:28px;line-height:1.32}.faith-card p:not(.faith-kicker){font-size:17px;line-height:1.75}.faith-card .faith-kicker{font-size:11px;letter-spacing:1.6px}.faith-number{font-size:75px;right:17px}.faith-invitation{padding-top:38px;margin-top:35px}.faith-watermark{font-size:130px;top:33%}}
@media(prefers-reduced-motion:reduce){.faith-enhanced .faith-card,.faith-card:before,.faith-enhanced .faith-card h3,.faith-enhanced .faith-card p,.faith-enhanced .faith-card .faith-number{transition:none!important}.faith-enhanced .faith-card:not(.is-seen){opacity:1;transform:none}}

/* Responsive Bildvarianten; Animationen bleiben erhalten. */
.hero{background:#242424}.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-slide:nth-child(2) img{object-position:center 42%}
@media(max-width:760px){.hero-slide:nth-child(1) img{object-position:62% center}.hero-slide:nth-child(2) img{object-position:58% center}.principle-stage{background-image:url("/hero-640.webp")}}
@media(min-width:1500px) and (min-resolution:1.5dppx){.principle-stage{background-image:url("/hero-1920.webp")}}