/* ============================================================
45-savoir-faire.css – Savoir-faire Fotostrecke
Gekapseltes,kollisionsfreies Stylesheet für die Startseite
============================================================ */

.savoir-faire-section{background-color:#2c2c2c;padding:clamp(4rem,8vw,6.5rem) var(--container-padding,1.5rem);width:100vw;margin-left:calc(-50vw + 50%);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;contain:paint}.savoir-faire-container{width:100%;max-width:72rem;margin:0 auto;text-align:center}.savoir-faire-label{display:block;font-family:var(--font-accent);font-size:var(--fs-chevron-txt,0.75rem);font-weight:300;letter-spacing:0.25em;color:var(--gold-dark);text-transform:uppercase;margin-bottom:1rem}.savoir-faire-section .legal-title{color:var(--ivory,#f5f0e8);margin-top:0;margin-bottom:0.5rem;white-space:nowrap;font-size:calc(var(--fs-display) * 1.125);font-weight:100;text-align:center;width:auto !important;max-width:none !important;position:relative !important;left:auto !important;transform:none !important;padding:0 !important;text-indent:0.08em !important;display:inline-block !important}@media (max-width:47.99rem){.savoir-faire-section .legal-title{white-space:normal;width:auto !important;max-width:none !important;left:auto !important;transform:none !important;position:static !important;font-size:clamp(1.4rem,6.5vw,2.2rem);font-weight:100;letter-spacing:0.08em;text-indent:0.08em !important;padding-left:0 !important;padding-right:0 !important;text-align:center;box-sizing:border-box;display:inline-block !important}}.savoir-faire-header-trigger{background:none;border:none;padding:0;margin:0 auto clamp(1.5rem,3vw,2.5rem);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:inherit;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent}.savoir-faire-header-trigger:focus-visible{outline:2px solid var(--gold,#c4a169);outline-offset:4px}.savoir-faire-chevron{width:clamp(3.6rem,7vw,4.4rem);height:clamp(3.6rem,7vw,4.4rem);color:var(--gold,#c4a169);margin-top:1rem;display:flex;align-items:center;justify-content:center;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1),color 0.6s cubic-bezier(0.16,1,0.3,1),opacity 0.6s ease;opacity:0.7}.savoir-faire-chevron svg{width:3rem;height:3rem;stroke:currentColor;stroke-width:1.5;fill:none;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.savoir-faire-header-trigger:hover .savoir-faire-chevron{opacity:1;transform:translateY(2px)}.savoir-faire-header-trigger[aria-expanded="true"] .savoir-faire-chevron{transform:rotate(180deg);color:var(--gold-light,#d4bc91);opacity:1}.savoir-faire-header-trigger[aria-expanded="true"]:hover .savoir-faire-chevron{transform:rotate(180deg) translateY(-2px)}.savoir-faire-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.5s cubic-bezier(0.16,1,0.3,1),opacity 0.5s cubic-bezier(0.16,1,0.3,1);opacity:0;width:100%}.savoir-faire-collapse.is-open{grid-template-rows:1fr;opacity:1;transition:grid-template-rows 0.85s cubic-bezier(0.15,0.85,0.3,1),opacity 0.85s cubic-bezier(0.15,0.85,0.3,1)}.savoir-faire-collapse-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;align-items:center;width:100%}.savoir-faire-collapse-inner > *{opacity:0;transform:translateY(15px);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s cubic-bezier(0.16,1,0.3,1)}.savoir-faire-collapse.is-open .savoir-faire-collapse-inner > *{opacity:1;transform:translateY(0);transition:transform 0.8s cubic-bezier(0.15,0.85,0.3,1),opacity 0.8s cubic-bezier(0.15,0.85,0.3,1)}.savoir-faire-collapse.is-open .savoir-faire-collapse-inner > .store-highlight-statement{transition-delay:0.08s}.savoir-faire-collapse.is-open .savoir-faire-collapse-inner > .savoir-faire-subtitle:nth-of-type(1){transition-delay:0.14s}.savoir-faire-collapse.is-open .savoir-faire-collapse-inner > .savoir-faire-subtitle:nth-of-type(2){transition-delay:0.2s}.savoir-faire-collapse.is-open .savoir-faire-collapse-inner > .savoir-faire-grid{transition-delay:0.26s}.savoir-faire-collapse.is-open .savoir-faire-collapse-inner > .savoir-faire-action{transition-delay:0.32s}.savoir-faire-section .store-highlight-statement{color:var(--ivory,#f5f0e8);border-left-color:var(--gold,#c4a169);margin:0 auto clamp(1rem,2.5vw,1.8rem);max-width:52rem;text-align:left}.savoir-faire-subtitle{font-family:var(--font-accent);font-size:clamp(1.35rem,3vw,1.5rem);font-weight:300;line-height:1.7;color:#ffffff;max-width:52rem;margin:0 auto clamp(1.5rem,3vw,2.5rem);text-align:left}.savoir-faire-subtitle:last-of-type{margin-bottom:clamp(3rem,6vw,4.5rem)}.savoir-faire-grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem);width:100%}@media (min-width:48rem){.savoir-faire-grid{grid-template-columns:repeat(3,1fr)}}.savoir-faire-card{cursor:pointer;background:linear-gradient(135deg,rgba(30,28,26,0.75) 0%,rgba(20,18,17,0.9) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(196,161,105,0.08);border-top:1px solid rgba(196,161,105,0.2);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1),border-color 0.8s cubic-bezier(0.16,1,0.3,1),border-top-color 0.8s cubic-bezier(0.16,1,0.3,1),box-shadow 0.8s cubic-bezier(0.16,1,0.3,1);box-shadow:0 12px 40px rgba(0,0,0,0.35);-webkit-backface-visibility:hidden;backface-visibility:hidden}.savoir-faire-card:hover{transform:translate3d(0,-8px,0);border-color:rgba(196,161,105,0.35);border-top-color:rgba(212,188,145,0.7);box-shadow:0 25px 50px rgba(0,0,0,0.5),0 0 30px rgba(196,161,105,0.1)}.savoir-faire-image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.savoir-faire-image::before{content:'';position:absolute;inset:0;border:1px solid rgba(196,161,105,0);border-radius:inherit;pointer-events:none;z-index:3;transition:border-color 0.8s cubic-bezier(0.16,1,0.3,1)}.savoir-faire-card:hover .savoir-faire-image::before{border-color:rgba(196,161,105,0.25)}.savoir-faire-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) contrast(1.1) brightness(0.9);transition:filter 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.savoir-faire-card:hover .savoir-faire-image img{filter:grayscale(0%) contrast(1.05) brightness(1)}.savoir-faire-card.is-in-view .savoir-faire-image img{filter:grayscale(0%) contrast(1.05) brightness(1)}@media (max-width:47.99rem){.savoir-faire-card .savoir-faire-image img{transform:scale(1.5);transition:transform 12s cubic-bezier(0.15,0.85,0.35,1),filter 0.8s cubic-bezier(0.16,1,0.3,1)}.savoir-faire-card.is-in-view .savoir-faire-image img{transform:scale(1)}}@media (min-width:48rem){.savoir-faire-card .savoir-faire-image img{transform:scale(1);transition:transform 0.8s cubic-bezier(0.16,1,0.3,1),filter 0.8s cubic-bezier(0.16,1,0.3,1)}.savoir-faire-card.is-zoomed .savoir-faire-image img{transform:scale(1.5)}}.savoir-faire-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(20,18,17,0.75) 100%);pointer-events:none;opacity:0.8;transition:opacity 0.6s ease;z-index:2}.savoir-faire-card:hover .savoir-faire-image::after{opacity:0.4}.savoir-faire-content{padding:clamp(1.5rem,3.5vw,2.2rem);display:flex;flex-direction:column;flex-grow:1}.savoir-faire-card-number{font-family:var(--font-editorial,'Cormorant Garamond',serif);font-size:clamp(2rem,4vw,2.6rem);font-weight:200;font-style:italic;color:rgba(196,161,105,0.35);line-height:1;margin-bottom:clamp(1rem,2.5vw,1.8rem);display:block;transition:color 0.5s cubic-bezier(0.16,1,0.3,1),transform 0.5s cubic-bezier(0.16,1,0.3,1);transform-origin:left center}.savoir-faire-card:hover .savoir-faire-card-number{color:rgba(212,188,145,0.75);transform:translate3d(2px,0,0) scale(1.03)}.savoir-faire-card-title{font-family:var(--font-accent);font-size:clamp(0.95rem,2vw,1.05rem);font-weight:500;color:var(--gold);margin:0 0 1rem 0;letter-spacing:0.15em;text-transform:uppercase;transition:color 0.4s ease}.savoir-faire-card:hover .savoir-faire-card-title{color:#dfbc85}.savoir-faire-card-text{font-family:var(--font-accent);font-size:clamp(1.35rem,3vw,1.5rem);font-weight:300;line-height:1.7;color:#ffffff;margin:0;transition:color 0.4s ease}.savoir-faire-card:hover .savoir-faire-card-text{color:#ffffff}.savoir-faire-action{margin-top:var(--section-padding);display:flex;justify-content:center;width:100%}.savoir-faire-action .btn-primary{min-width:18rem;position:relative;overflow:clip;background-color:var(--gold,#c4a169);color:#000000;border:1px solid var(--gold,#c4a169);border-radius:0;transition:background-color 0.4s cubic-bezier(0.16,1,0.3,1),color 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),letter-spacing 0.4s cubic-bezier(0.16,1,0.3,1),transform 0.4s cubic-bezier(0.16,1,0.3,1)}.savoir-faire-action .btn-primary::after{display:none}.savoir-faire-action .btn-primary:hover{background-color:var(--gold,#c4a169);color:#ffffff;border-color:var(--gold,#c4a169);box-shadow:none;letter-spacing:0.175em}