/* Ausseer Filzmomente – ergänzende Styles zum bestehenden Kreativ-Stüberl-Design */
.felt-page{--felt-red:#8f2338;--felt-green:#2b5b45;--felt-gold:#d6a955;--felt-ivory:#f8f2e7;}
.felt-page .site-header{background:rgba(255,253,246,.97)}
.felt-page .site-header nav a[href="#kirchen"]{font-weight:700}
.felt-page em{font-weight:normal;font-style:italic}
.felt-page .button:focus-visible,.felt-page a:focus-visible,.felt-lightbox button:focus-visible{outline:3px solid #d99b42;outline-offset:4px}
.felt-page a{transition:opacity .15s ease, transform .15s ease}
.felt-page .button:hover{transform:translateY(-2px)}
.felt-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(35px,5vw,90px);min-height:min(800px,calc(100svh - 73px));padding:clamp(62px,8vw,116px) clamp(22px,5vw,76px) clamp(110px,12vw,170px);overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(214,169,85,.22),transparent 40%),linear-gradient(135deg,#fffdf6 28%,#f3e8d7 100%)}
.felt-hero-copy{position:relative;z-index:1}
.felt-hero h1{font-size:clamp(3.9rem,7.1vw,7.7rem);line-height:.92;letter-spacing:-.065em}
.felt-hero h1 em{color:var(--felt-red);white-space:nowrap}
.felt-title-dot{color:var(--felt-gold)}
.felt-slogan{font-size:clamp(1.25rem,2.3vw,1.9rem);font-style:italic;margin:26px 0 10px}
.felt-hero .lead{font-size:clamp(1.03rem,1.6vw,1.25rem);line-height:1.6;max-width:51ch}
.felt-hero .primary,.felt-personal .primary,.felt-contact .primary{background:var(--felt-red);color:white}
.felt-hero-note{font:700 .76rem/1.5 Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;color:#6b7465;margin-top:32px}
.felt-hero-display{position:relative;max-width:670px;margin-inline:auto;min-width:0}
.felt-hero-photo{margin:0;transform:rotate(2deg);overflow:hidden;border-radius:20px;background:#fff;padding:12px;box-shadow:0 26px 65px rgba(68,48,36,.18)}
.felt-hero-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.felt-round-photo{position:absolute;bottom:-65px;left:-58px;width:40%;aspect-ratio:1;border:10px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 18px 50px rgba(32,49,30,.2);transform:rotate(-10deg)}
.felt-round-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.felt-hero-seal{position:absolute;right:-16px;bottom:-58px;display:grid;place-content:center;transform:rotate(9deg);text-align:center;border-radius:50%;width:136px;height:136px;background:var(--felt-green);color:white;font:700 .91rem/1.35 Arial,sans-serif;box-shadow:0 8px 28px rgba(37,67,54,.2)}
.felt-intro{text-align:center;max-width:980px;margin:0 auto;padding:clamp(78px,9vw,140px) 24px}
.felt-intro-top{display:flex;justify-content:center;align-items:center;gap:20px}
.felt-intro-top .eyebrow{margin:0}
.felt-rule{height:1px;width:40px;background:#bfad9b}
.felt-intro h2{font-size:clamp(2.3rem,4.7vw,4.2rem);margin:17px 0 25px}
.felt-intro>p{max-width:740px;margin:0 auto;color:var(--muted);font-size:clamp(1.08rem,1.65vw,1.3rem)}
.felt-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:31px}
.felt-tags span{border:1px solid #d6ddd4;border-radius:100px;padding:7px 16px;color:var(--felt-green);font:700 .8rem/1.3 Arial,sans-serif}
.felt-section{padding:clamp(64px,7vw,110px) clamp(22px,5vw,76px)}
.felt-church-section{background:#f6f0e7}
.felt-section-header{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:clamp(30px,6vw,96px);margin-bottom:36px}
.felt-section-header h2{font-size:clamp(2.6rem,4.75vw,5rem)}
.felt-section-header h2 em{color:var(--felt-red)}
.felt-section-aside>p,.felt-description{color:var(--muted);font-size:1.15rem;max-width:44ch;margin:0 0 21px}
.felt-price{display:grid;grid-template-columns:1fr auto;column-gap:24px;row-gap:1px;align-items:end;max-width:470px;border-top:1px solid #c6bdae;padding-top:16px;font-family:Arial,sans-serif}
.felt-price span{font-weight:700;color:var(--ink);font-size:.98rem}
.felt-price strong{grid-column:2;grid-row:1 / span 2;color:var(--felt-red);font-size:clamp(2.1rem,3vw,3rem);line-height:1;white-space:nowrap}
.felt-price small{color:var(--muted);font-size:.9rem}
.felt-church-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.felt-photo-card{margin:0;min-width:0;overflow:hidden;background:#fff;border-radius:19px;border:1px solid #e6ddd0;box-shadow:0 8px 25px rgba(37,67,54,.055);grid-column:span 2}
.felt-photo-card a{display:block;overflow:hidden}
.felt-photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s ease}
.felt-photo-card a:hover img{transform:scale(1.045)}
.felt-photo-card figcaption{padding:13px 17px 15px;font:700 .86rem/1.4 Arial,sans-serif;color:var(--ink)}
.felt-church-grid .felt-photo-card:nth-child(4),.felt-church-grid .felt-photo-card:nth-child(5){grid-column:span 3}
.felt-collection-note{font-size:1.04rem;color:#62574e;max-width:770px;margin:28px 0 0;border-left:3px solid var(--felt-gold);padding:9px 0 9px 18px}
.felt-nature-section{background:#fffdf6}
.felt-nature-section .felt-section-header{grid-template-columns:.9fr 1.1fr;align-items:center;margin-bottom:0}
.felt-nature-section .eyebrow{margin-bottom:19px}
.felt-description{margin:24px 0 29px}
.felt-price-inline{max-width:440px}
.felt-feature-photo{margin:0;max-width:600px;justify-self:center;background:#e4ece4;padding:15px;border-radius:30px;box-shadow:var(--shadow)}
.felt-feature-photo a{display:block;overflow:hidden;border-radius:20px}
.felt-feature-photo img{max-height:670px;max-width:100%;width:100%;object-fit:cover;border-radius:20px;transition:transform .3s}
.felt-feature-photo a:hover img{transform:scale(1.04)}
.felt-coasters-section{background:#eaf0e7}
.felt-coaster-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.felt-coaster-gallery .felt-photo-card{grid-column:auto}
.felt-coaster-gallery img{aspect-ratio:1.44;object-fit:cover}
.felt-personal{padding:clamp(70px,8vw,120px) 24px;text-align:center;background:var(--felt-red);color:#fff}
.felt-personal .eyebrow{color:#f8d18e}
.felt-personal h2{font-size:clamp(2.8rem,5vw,5.3rem);margin:10px 0 23px}
.felt-personal>p:not(.eyebrow){color:#f5e6e5;font-size:1.16rem;max-width:670px;margin:0 auto 27px}
.felt-personal .primary{background:#fffdf6;color:var(--felt-red)}
.felt-personal-icon{font-size:2.5rem;color:#f3cf90;margin-bottom:15px}
.felt-contact{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;background:#fffdf6}
.felt-contact h2{margin:0 0 20px}
.felt-contact>div>p:not(.eyebrow){font-size:1.16rem;color:var(--muted);max-width:48ch;margin-bottom:22px}
.felt-contact .felt-contact-mail{font-size:1rem;margin-top:16px}
.felt-contact aside{background:#f4eadc;border:1px solid #e5d8c5;padding:clamp(26px,4vw,54px);border-radius:22px}
.felt-contact aside h3{margin-bottom:15px}
.felt-contact aside p{color:var(--muted);line-height:1.8}
.felt-contact aside a{font:700 .95rem Arial,sans-serif;color:var(--felt-red)}
.felt-page footer{background:#f1eee5}
.felt-page footer a{text-underline-offset:3px}
.felt-lightbox{padding:12px;max-width:min(1100px,96vw);max-height:94vh;border:0;border-radius:20px;background:#fffdf6;box-shadow:0 30px 100px #0008}
.felt-lightbox::backdrop{background:rgba(10,22,18,.83)}
.felt-lightbox img{max-height:calc(94vh - 95px);width:auto;max-width:100%;margin:auto;object-fit:contain;border-radius:10px}
.felt-lightbox p{font:700 .9rem Arial,sans-serif;text-align:center;color:var(--ink);margin:8px 0 0}
.felt-lightbox-close{position:absolute;right:15px;top:15px;border:0;border-radius:50%;width:39px;height:39px;background:#fff;color:#254336;font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 3px 16px #0004}
@media(max-width:1050px){
  .felt-hero{gap:38px}.felt-hero h1{font-size:clamp(3.3rem,7vw,6rem)}
  .felt-page .site-header{flex-wrap:wrap}.felt-page .site-header nav{display:flex;flex-wrap:wrap;gap:12px 20px}
}
@media(max-width:760px){
  .felt-page .site-header{position:relative;align-items:center;gap:10px;padding:12px 18px}
  .felt-page .site-header nav{display:flex;width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;gap:17px;padding:4px 1px 7px;font-size:.8rem}
  .felt-page .site-header .nav-cta{padding:6px 10px}
  .felt-hero{grid-template-columns:1fr;padding:45px 22px 105px;min-height:unset}
  .felt-hero h1{font-size:clamp(3.7rem,11.5vw,6rem)}
  .felt-hero .lead{max-width:620px}
  .felt-hero-display{width:min(540px,88%);margin:28px auto 0}
  .felt-hero-seal{width:100px;height:100px;font-size:.7rem;right:-30px;bottom:-38px}
  .felt-round-photo{left:-32px;bottom:-35px;border-width:6px}
  .felt-section-header,.felt-nature-section .felt-section-header,.felt-contact{grid-template-columns:1fr;align-items:start;gap:24px}
  .felt-church-grid{grid-template-columns:1fr 1fr;gap:14px}
  .felt-church-grid .felt-photo-card{grid-column:auto}
  .felt-church-grid .felt-photo-card:first-child{grid-column:span 2}
  .felt-church-grid .felt-photo-card:nth-child(4),.felt-church-grid .felt-photo-card:nth-child(5){grid-column:auto}
  .felt-nature-section .felt-section-header>div{order:1}
  .felt-feature-photo{width:100%}
  .felt-price{max-width:100%}
}
@media(max-width:510px){
  .felt-hero h1{font-size:clamp(3.3rem,12vw,4.4rem)}
  .felt-hero-copy .eyebrow{font-size:.67rem}
  .felt-section,.felt-intro{padding-left:18px;padding-right:18px}
  .felt-church-grid,.felt-coaster-gallery{grid-template-columns:1fr}
  .felt-church-grid .felt-photo-card:first-child,.felt-church-grid .felt-photo-card:nth-child(4),.felt-church-grid .felt-photo-card:nth-child(5){grid-column:auto}
  .felt-church-grid .felt-photo-card img{aspect-ratio:1.34}
  .felt-section-header h2{font-size:clamp(2.45rem,9.8vw,3.2rem)}
  .felt-hero-display{width:91%}
  .felt-round-photo{width:38%}
  .felt-tags{gap:7px}.felt-tags span{font-size:.73rem}
  .felt-intro-top .eyebrow{font-size:.67rem}
  .felt-rule{width:14px}
  .felt-page .brand strong{font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){.felt-page a,.felt-photo-card img,.felt-feature-photo img{transition:none!important}html{scroll-behavior:auto}}
