:root{--terracotta:#A46144;--peach:#DCA47D;--sage:#8FA491;--espresso:#3D261C;--off:#FDFBF7;--cream:#F8EFE6;--mist:#EEF2EA;--line:rgba(61,38,28,.13);--shadow:0 26px 80px rgba(61,38,28,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--espresso);font-family:'Nunito Sans',system-ui,sans-serif;font-size:18px;line-height:1.75;background:radial-gradient(circle at 7% 4%,rgba(220,164,125,.35),transparent 27rem),radial-gradient(circle at 91% 16%,rgba(143,164,145,.36),transparent 30rem),linear-gradient(180deg,var(--off),#fbf1e7 46%,var(--off));}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,.main-nav a,.dropdown button,.button,.overline,.script-line{font-family:'Cormorant Garamond',serif}h1{font-size:clamp(58px,7vw,116px);font-weight:400;line-height:.93;letter-spacing:.015em;margin:0 0 26px}h2{font-size:clamp(42px,5.4vw,82px);font-weight:400;line-height:.98;margin:0 0 22px;letter-spacing:.015em}h3{font-size:clamp(28px,2.9vw,42px);font-weight:500;line-height:1.02;margin:0 0 12px;color:var(--terracotta)}p{margin:0 0 18px}.overline{font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta);font-weight:600}.centered{text-align:center}.centered-title{text-align:center;max-width:1050px;margin-left:auto;margin-right:auto}.site-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 5vw;background:rgba(253,251,247,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(164,97,68,.16)}.brand img{width:242px}.nav-toggle{display:none;border:0;background:transparent;color:var(--terracotta);font-size:34px}.main-nav{display:flex;align-items:center;gap:22px}.main-nav a,.dropdown button{border:0;background:transparent;text-decoration:none;color:var(--espresso);font-size:23px;font-weight:500;cursor:pointer;letter-spacing:.02em}.nav-cta{background:var(--terracotta);color:#fff!important;border-radius:999px;padding:8px 20px}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:235px;background:rgba(253,251,247,.96);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:12px}.dropdown:hover .dropdown-content{display:grid;gap:4px}.dropdown-content a{padding:8px 12px;border-radius:14px}.dropdown-content a:hover{background:rgba(220,164,125,.18)}.section{padding:104px 7vw;position:relative;overflow:hidden}.editorial-grid{display:grid;grid-template-columns:minmax(320px,38fr) minmax(420px,62fr);gap:5vw;align-items:center}.hero{min-height:calc(100vh - 82px);padding:64px 5vw 78px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -12vw -19vw auto;width:58vw;height:37vw;background:var(--peach);border-radius:48% 52% 42% 58%;opacity:.7;transform:rotate(-15deg)}.hero:after{content:"";position:absolute;inset:-11vw auto auto -12vw;width:44vw;height:32vw;background:var(--sage);border-radius:54% 46% 58% 42%;opacity:.44;transform:rotate(18deg)}.hero-copy,.hero-art{position:relative;z-index:1}.hero-logo{width:min(380px,92%);margin-bottom:48px}.hero-text{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.1vw,48px);line-height:1.08;max-width:720px;color:rgba(61,38,28,.88)}.button{display:inline-block;border-radius:999px;text-decoration:none;padding:13px 26px;margin:6px 10px 6px 0;font-size:23px;font-weight:600;letter-spacing:.02em}.primary{background:var(--terracotta);color:#fff;box-shadow:0 14px 34px rgba(164,97,68,.22)}.secondary{background:rgba(253,251,247,.58);border:1px solid rgba(164,97,68,.25)}.hero-art{min-height:650px;border-radius:46px;display:grid;place-items:center}.folder-img{width:100%;border-radius:38px;box-shadow:var(--shadow);border:1px solid rgba(61,38,28,.08)}.floating-logo{position:absolute;right:5%;top:3%;width:min(220px,25vw);filter:drop-shadow(0 20px 50px rgba(61,38,28,.10));opacity:.96}.split-soft{display:grid;grid-template-columns:38fr 62fr;gap:6vw;align-items:center}.soft-panel{border-radius:42px;padding:54px;background:linear-gradient(135deg,rgba(143,164,145,.72),rgba(143,164,145,.34));min-height:380px;display:grid;align-content:center;box-shadow:var(--shadow)}.sage-panel h2{color:#fff}.sage-panel .overline{color:#f8efe6}.text-flow{font-size:22px;max-width:880px}.text-flow strong{font-family:'Cormorant Garamond';font-size:1.25em;color:var(--terracotta)}.values-section{background:linear-gradient(135deg,rgba(220,164,125,.42),rgba(253,251,247,.78) 46%,rgba(143,164,145,.34));}.values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;max-width:1190px;margin:52px auto 36px}.values-row article{text-align:center;padding:22px}.value-icon{width:178px;height:178px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fffaf3 0%,#f4efe4 56%,rgba(143,164,145,.42));box-shadow:inset 0 0 0 1px rgba(61,38,28,.07),0 18px 50px rgba(61,38,28,.07)}.value-icon img{width:94px}.value-icon.peach{background:radial-gradient(circle,#fff8ef 0%,#f8e4d1 58%,rgba(220,164,125,.48))}.path-icon{position:relative}.path-icon:before{content:"";position:absolute;width:86px;height:86px;border:4px solid var(--sage);border-right:0;border-bottom:0;border-radius:80px 0 0 0;transform:rotate(17deg);top:45px;left:42px}.path-icon span{width:14px;height:14px;border-radius:50%;background:var(--terracotta);box-shadow:55px -36px 0 var(--sage),27px -18px 0 var(--peach)}.values-row h3 span{font-size:.58em;color:var(--sage)}.script-line{text-align:center;font-style:italic;font-size:clamp(34px,4.6vw,64px);line-height:1.05;color:var(--sage);margin-top:36px}.focus-intro{display:grid;grid-template-columns:38fr 62fr;gap:5vw;align-items:center}.focus-intro p:not(.overline){font-size:22px;max-width:520px}.focus-intro img,.process-section img,.costs-section>img{border-radius:38px;box-shadow:var(--shadow);border:1px solid rgba(61,38,28,.08)}.focus-stories{padding:30px 7vw 100px}.story{display:grid;grid-template-columns:38fr 62fr;gap:6vw;align-items:center;padding:58px 64px;margin:24px auto;border-radius:44px;max-width:1240px}.story.reverse{grid-template-columns:62fr 38fr}.story.reverse div{order:2}.story p:not(.overline){font-size:22px}.sage-bg{background:linear-gradient(135deg,rgba(143,164,145,.80),rgba(143,164,145,.34))}.peach-bg{background:linear-gradient(135deg,rgba(220,164,125,.72),rgba(220,164,125,.27))}.alabaster-bg{background:rgba(253,251,247,.72);border:1px solid var(--line)}.team-section{background:linear-gradient(180deg,rgba(253,251,247,.3),rgba(143,164,145,.28))}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1190px;margin:44px auto 0}.team-card{background:rgba(253,251,247,.72);border:1px solid rgba(164,97,68,.16);border-radius:42px;padding:24px;box-shadow:0 18px 48px rgba(61,38,28,.07)}.photo-placeholder{height:270px;border-radius:32px;background:linear-gradient(135deg,rgba(220,164,125,.34),rgba(143,164,145,.31));display:grid;place-items:center;font-family:'Cormorant Garamond';font-size:36px;color:var(--terracotta);margin-bottom:22px}.section-heading{max-width:900px;margin:0 auto 40px;text-align:center}.note{text-align:center;font-family:'Cormorant Garamond';font-size:30px;color:var(--terracotta);margin-top:22px}.offers-section{background:linear-gradient(135deg,rgba(220,164,125,.36),rgba(253,251,247,.75),rgba(143,164,145,.24))}.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.offer-card{background:rgba(253,251,247,.74);border:1px solid rgba(164,97,68,.16);border-radius:42px;padding:30px 24px 34px;text-align:center;box-shadow:0 16px 44px rgba(61,38,28,.07)}.line-illustration{width:150px;height:150px;margin:0 auto 22px;border-radius:50%;background:rgba(253,251,247,.9);position:relative;border:1px solid rgba(61,38,28,.09)}.line-illustration:before,.line-illustration:after{content:"";position:absolute;border-color:var(--sage)}.chat:before{left:34px;top:42px;width:75px;height:46px;border:4px solid var(--sage);border-radius:30px}.chat:after{left:55px;top:80px;width:20px;height:20px;border-left:4px solid var(--sage);border-bottom:4px solid var(--sage);transform:skew(-18deg)}.family:before{left:54px;top:33px;width:34px;height:34px;border:4px solid var(--sage);border-radius:50%;box-shadow:-34px 24px 0 -8px var(--off),-34px 24px 0 -4px var(--terracotta),34px 24px 0 -8px var(--off),34px 24px 0 -4px var(--peach)}.family:after{left:34px;top:82px;width:82px;height:42px;border:4px solid var(--sage);border-top-left-radius:45px;border-top-right-radius:45px;border-bottom:0}.clipboard:before{left:42px;top:33px;width:68px;height:84px;border:4px solid var(--sage);border-radius:12px}.clipboard:after{left:58px;top:28px;width:36px;height:17px;border:4px solid var(--sage);border-radius:10px;background:var(--off);box-shadow:0 38px 0 -6px var(--off),0 38px 0 -2px var(--terracotta),0 60px 0 -6px var(--off),0 60px 0 -2px var(--peach)}.plant:before{left:74px;top:33px;height:82px;border-left:4px solid var(--sage)}.plant:after{left:46px;top:55px;width:60px;height:42px;border:4px solid var(--sage);border-radius:58% 0 58% 0;transform:rotate(-25deg);box-shadow:30px 22px 0 -4px var(--off),30px 22px 0 0 var(--terracotta)}.costs-section{background:linear-gradient(180deg,rgba(253,251,247,.82),rgba(248,239,230,.88))}.costs-section>img{margin:0 auto}.condition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px auto 0;max-width:1180px}.condition-grid article{background:rgba(253,251,247,.76);border:1px solid var(--line);border-radius:32px;padding:24px;text-align:center}.condition-grid img{width:74px;margin:0 auto 10px}.condition-grid h3{font-size:32px}.condition-grid p{font-size:16px}.praxis-section{background:linear-gradient(135deg,rgba(143,164,145,.34),rgba(253,251,247,.62))}.features{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:38px}.features span{font-family:'Cormorant Garamond';font-size:26px;background:rgba(253,251,247,.72);border:1px solid rgba(164,97,68,.20);border-radius:999px;padding:10px 22px}.contact-section{display:grid;grid-template-columns:38fr 62fr;gap:6vw;background:linear-gradient(135deg,rgba(220,164,125,.30),rgba(253,251,247,.78))}address{font-style:normal;font-size:23px}.contact-form{display:grid;gap:16px;background:rgba(253,251,247,.78);border:1px solid var(--line);border-radius:40px;padding:34px;box-shadow:var(--shadow)}label{display:grid;gap:8px;font-weight:700;color:var(--terracotta)}input,textarea{width:100%;border:1px solid rgba(164,97,68,.26);border-radius:20px;padding:14px 16px;background:rgba(255,255,255,.72);font:inherit;color:var(--espresso)}textarea{resize:vertical}.form-note{font-size:14px;color:rgba(61,38,28,.72);line-height:1.45}footer{background:var(--espresso);color:var(--off);text-align:center;padding:56px 7vw}footer img{width:250px;margin:0 auto 18px}footer a{color:var(--peach)}
@media(max-width:1120px){.editorial-grid,.split-soft,.focus-intro,.contact-section{grid-template-columns:1fr}.offer-grid,.condition-grid{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:auto}.story,.story.reverse{grid-template-columns:1fr}.story.reverse div{order:0}.brand img{width:200px}.main-nav{gap:12px}.main-nav a,.dropdown button{font-size:20px}}
@media(max-width:820px){body{font-size:17px}.site-header{padding:12px 5vw}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(253,251,247,.98);padding:18px 7vw;border-bottom:1px solid var(--line)}.nav-open .main-nav{display:grid;align-items:start}.dropdown-content{position:static;box-shadow:none;margin-top:6px}.dropdown:hover .dropdown-content,.nav-open .dropdown-content{display:grid}.hero{padding-top:42px}.hero-logo{width:280px;margin-bottom:30px}.floating-logo{width:150px}.values-row,.team-grid,.offer-grid,.condition-grid{grid-template-columns:1fr}.section{padding:72px 5vw}.soft-panel,.story{padding:36px 28px;border-radius:30px}.focus-stories{padding:20px 5vw 72px}.value-icon{width:138px;height:138px}.value-icon img{width:76px}h1{font-size:54px}h2{font-size:44px}.button{font-size:21px}.folder-img{border-radius:26px}.contact-form{padding:24px;border-radius:28px}}


/* --- L.UNA Folder-Startseite: ruhig, warm, wie Folder-Außenseite --- */
.visually-hidden{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}
.folder-start-hero{
  position:relative;
  min-height:calc(100vh - 82px);
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:28px 5vw 40px;
  background:
    radial-gradient(circle at 18% 12%, rgba(220,164,125,.24), transparent 28rem),
    radial-gradient(circle at 84% 78%, rgba(143,164,145,.22), transparent 26rem),
    linear-gradient(145deg, rgba(253,251,247,.96), rgba(248,239,230,.74));
}
.folder-start-inner{
  position:relative;
  z-index:2;
  width:min(1120px, 100%);
  text-align:center;
  padding:20px 5vw 20px;
}
.folder-start-logo{
  width:min(820px, 94vw);
  margin:0 auto 34px;
  filter:drop-shadow(0 18px 38px rgba(61,38,28,.05));
}
.folder-name-values{
  width:min(820px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(44px, 8vw, 108px);
  align-items:start;
}
.folder-name-value{
  text-align:center;
}
.folder-value-icon{
  width:clamp(150px, 15vw, 190px);
  height:clamp(150px, 15vw, 190px);
  margin:0 auto 18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 1px rgba(61,38,28,.07), 0 22px 55px rgba(61,38,28,.07);
}
.folder-value-icon.sage{
  background:radial-gradient(circle, #fffdf8 0%, #f4f0e6 54%, rgba(143,164,145,.44) 100%);
}
.folder-value-icon.peach{
  background:radial-gradient(circle, #fff9f2 0%, #f7e3d0 58%, rgba(220,164,125,.48) 100%);
}
.folder-value-icon img{
  width:56%;
  height:56%;
  object-fit:contain;
}
.folder-name-value h2{
  font-family:'Cormorant Garamond', serif;
  text-transform:uppercase;
  letter-spacing:.105em;
  font-size:clamp(26px, 2.8vw, 42px);
  font-weight:600;
  color:var(--terracotta);
  line-height:1;
  margin:0 0 14px;
}
.folder-name-value:first-child h2{
  color:var(--sage);
}
.folder-name-value h2 span{
  display:block;
  font-size:.86em;
  letter-spacing:.08em;
  margin-bottom:4px;
}
.folder-name-value p{
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(22px, 2.2vw, 32px);
  line-height:1.18;
  color:var(--espresso);
  margin:0;
}
.folder-start-script{
  font-family:'Caveat','Cormorant Garamond',serif;
  font-size:clamp(42px, 5.3vw, 82px);
  line-height:1.02;
  font-weight:500;
  color:var(--sage);
  margin:clamp(32px, 4vw, 56px) auto 0;
  transform:rotate(-1.2deg);
  text-shadow:0 10px 24px rgba(143,164,145,.10);
}
.folder-start-script span{
  color:var(--peach);
  font-family:'Caveat','Cormorant Garamond',serif;
}
.folder-shape{
  position:absolute;
  z-index:1;
  width:440px;
  height:300px;
  opacity:.82;
  border-radius:54% 46% 57% 43%;
}
.folder-shape:after{
  content:"";
  position:absolute;
  inset:26px;
  border:2px solid rgba(255,255,255,.75);
  border-radius:inherit;
}
.folder-shape-sage{
  left:-170px;
  bottom:-115px;
  background:var(--sage);
  transform:rotate(17deg);
}
.folder-shape-peach{
  right:-150px;
  bottom:-102px;
  background:var(--peach);
  transform:rotate(-14deg);
}

@media(max-width:820px){
  .folder-start-hero{min-height:calc(100vh - 66px);padding:52px 5vw 58px;}
  .folder-start-logo{width:min(430px, 94vw);margin-bottom:44px;}
  .folder-name-values{grid-template-columns:1fr;gap:38px;}
  .folder-value-icon{width:128px;height:128px;margin-bottom:18px;}
  .folder-name-value h2{font-size:28px;}
  .folder-name-value p{font-size:22px;}
  .folder-start-script{font-size:46px;margin-top:54px;}
  .folder-shape{width:310px;height:210px;}
}


/* --- Schwerpunkt-Unterseiten --- */
.text-link{
  display:inline-block;
  margin-top:18px;
  font-family:'Cormorant Garamond',serif;
  font-size:25px;
  color:var(--terracotta);
  text-decoration:none;
  border-bottom:1px solid rgba(164,97,68,.35);
}
.text-link:hover{border-bottom-color:var(--terracotta)}
.subpage-hero{
  position:relative;
  overflow:hidden;
  min-height:58vh;
  display:grid;
  place-items:center;
  text-align:center;
  padding:92px 7vw 82px;
  background:
    radial-gradient(circle at 15% 14%, rgba(220,164,125,.30), transparent 29rem),
    radial-gradient(circle at 86% 78%, rgba(143,164,145,.30), transparent 30rem),
    linear-gradient(145deg, rgba(253,251,247,.98), rgba(248,239,230,.76));
}
.subpage-hero:before,.subpage-hero:after{
  content:"";
  position:absolute;
  z-index:0;
  width:360px;
  height:240px;
  opacity:.78;
  border-radius:54% 46% 57% 43%;
}
.subpage-hero:before{
  left:-150px;
  bottom:-92px;
  background:var(--sage);
  transform:rotate(17deg);
}
.subpage-hero:after{
  right:-135px;
  bottom:-88px;
  background:var(--peach);
  transform:rotate(-14deg);
}
.subpage-hero-inner{
  position:relative;
  z-index:1;
  max-width:1040px;
  margin:auto;
}
.subpage-logo{
  width:min(430px,88vw);
  margin:0 auto 42px;
}
.subpage-hero h1{
  color:var(--terracotta);
  margin-bottom:16px;
}
.subpage-claim{
  font-family:'Caveat','Cormorant Garamond',serif;
  font-size:clamp(42px,5.2vw,76px);
  line-height:1;
  color:var(--sage);
  margin:0 auto 26px;
}
.subpage-intro{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(25px,2.6vw,38px);
  line-height:1.18;
  max-width:900px;
  margin:auto;
}
.subpage-content{
  padding:92px 7vw;
}
.content-panel{
  max-width:1120px;
  margin:0 auto 34px;
  padding:clamp(30px,5vw,58px);
  border-radius:42px;
  background:rgba(253,251,247,.76);
  border:1px solid rgba(164,97,68,.16);
  box-shadow:0 18px 54px rgba(61,38,28,.07);
}
.content-panel.sage-soft{
  background:linear-gradient(135deg,rgba(143,164,145,.26),rgba(253,251,247,.78));
}
.content-panel.peach-soft{
  background:linear-gradient(135deg,rgba(220,164,125,.26),rgba(253,251,247,.78));
}
.content-panel p{
  font-size:21px;
  max-width:930px;
}
.detail-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.detail-list li{
  position:relative;
  padding:16px 18px 16px 48px;
  border-radius:22px;
  background:rgba(253,251,247,.70);
  border:1px solid rgba(61,38,28,.10);
  font-size:18px;
  line-height:1.35;
}
.detail-list li:before{
  content:"";
  position:absolute;
  left:18px;
  top:20px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--peach);
  box-shadow:0 0 0 5px rgba(220,164,125,.18);
}

/* Schwerpunktseiten: transparente L.UNA-Farbkacheln statt Aufzählungszeichen */
.schwerpunkt-page .detail-list{
  gap:16px 18px;
  align-items:stretch;
}
.schwerpunkt-page .detail-list li{
  position:relative;
  display:flex;
  align-items:center;
  min-height:68px;
  padding:18px 22px 18px 26px;
  overflow:hidden;
  border-radius:24px;
  color:var(--espresso);
  background:
    linear-gradient(135deg, rgba(253,251,247,.78), rgba(253,251,247,.50));
  border:1px solid rgba(61,38,28,.08);
  box-shadow:0 14px 34px rgba(61,38,28,.055);
  backdrop-filter:blur(3px);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.schwerpunkt-page .detail-list li:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:8px;
  height:auto;
  border-radius:24px 0 0 24px;
  background:rgba(164,97,68,.55);
  box-shadow:none;
}
.schwerpunkt-page .detail-list li:after{
  content:"";
  position:absolute;
  right:-26px;
  bottom:-30px;
  width:96px;
  height:96px;
  border-radius:50%;
  background:rgba(220,164,125,.14);
  pointer-events:none;
}
.schwerpunkt-page .detail-list li:nth-child(3n+1){
  background:linear-gradient(135deg, rgba(164,97,68,.13), rgba(253,251,247,.70));
  border-color:rgba(164,97,68,.16);
}
.schwerpunkt-page .detail-list li:nth-child(3n+1):before{
  background:rgba(164,97,68,.62);
}
.schwerpunkt-page .detail-list li:nth-child(3n+2){
  background:linear-gradient(135deg, rgba(143,164,145,.16), rgba(253,251,247,.72));
  border-color:rgba(143,164,145,.22);
}
.schwerpunkt-page .detail-list li:nth-child(3n+2):before{
  background:rgba(143,164,145,.70);
}
.schwerpunkt-page .detail-list li:nth-child(3n){
  background:linear-gradient(135deg, rgba(220,164,125,.17), rgba(253,251,247,.72));
  border-color:rgba(220,164,125,.24);
}
.schwerpunkt-page .detail-list li:nth-child(3n):before{
  background:rgba(220,164,125,.72);
}
.schwerpunkt-page .detail-list li:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 48px rgba(61,38,28,.09);
  border-color:rgba(61,38,28,.13);
}
.cta-panel{
  max-width:980px;
  margin:58px auto 0;
  text-align:center;
  padding:50px 6vw;
  border-radius:42px;
  background:linear-gradient(135deg,rgba(143,164,145,.52),rgba(220,164,125,.32));
  border:1px solid rgba(164,97,68,.14);
}
.cta-panel h2{
  color:var(--espresso);
}
.subpage-nav-note{
  margin-top:28px;
  font-family:'Cormorant Garamond',serif;
  font-size:25px;
}
.subpage-nav-note a{
  color:var(--terracotta);
  text-decoration:none;
  border-bottom:1px solid rgba(164,97,68,.35);
}
@media(max-width:820px){
  .subpage-hero{padding:64px 5vw 58px;}
  .subpage-logo{width:min(330px,90vw);margin-bottom:30px;}
  .subpage-content{padding:64px 5vw;}
  .content-panel{border-radius:30px;}
  .detail-list{grid-template-columns:1fr;}
  .content-panel p{font-size:18px;}
}


/* --- Startseiten-Schwerpunkte als animierte Link-Buttons --- */
.focus-stories{
  padding:36px 7vw 110px;
  display:grid;
  gap:26px;
}

.story-link{
  position:relative;
  color:inherit;
  text-decoration:none;
  overflow:hidden;
  cursor:pointer;
  transition:
    transform .36s cubic-bezier(.2,.8,.2,1),
    box-shadow .36s ease,
    filter .36s ease,
    background .36s ease;
}

.story-link:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.58), transparent 28%),
    radial-gradient(circle at 86% 78%, rgba(220,164,125,.20), transparent 30%);
  opacity:0;
  transition:opacity .36s ease;
  pointer-events:none;
}

.story-link:after{
  content:"";
  position:absolute;
  right:34px;
  top:50%;
  width:46px;
  height:46px;
  border-right:2px solid rgba(164,97,68,.55);
  border-bottom:2px solid rgba(164,97,68,.55);
  transform:translateY(-50%) rotate(-45deg);
  opacity:.34;
  transition:
    transform .36s cubic-bezier(.2,.8,.2,1),
    opacity .36s ease;
  pointer-events:none;
}

.story-link:hover,
.story-link:focus-visible{
  transform:translateY(-7px) scale(1.012);
  box-shadow:0 28px 88px rgba(61,38,28,.15);
  filter:saturate(1.05);
  outline:none;
}

.story-link:hover:before,
.story-link:focus-visible:before{
  opacity:1;
}

.story-link:hover:after,
.story-link:focus-visible:after{
  opacity:.82;
  transform:translate(10px,-50%) rotate(-45deg);
}

.story-link h2{
  font-size:clamp(62px,8.6vw,132px);
  line-height:.84;
  letter-spacing:.01em;
  margin-bottom:12px;
  color:var(--espresso);
}

.story-link .overline{
  margin-bottom:12px;
  font-size:clamp(18px,1.7vw,25px);
}

.story-subtitle{
  font-family:'Caveat','Cormorant Garamond',serif;
  font-size:clamp(36px,4.2vw,68px)!important;
  line-height:1.02!important;
  color:var(--terracotta);
  margin:0!important;
  transform:rotate(-.7deg);
}

.story-link > p:not(.overline):not(.story-subtitle){
  max-width:760px;
  padding-right:72px;
}

.story-button{
  position:absolute;
  right:78px;
  bottom:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:118px;
  padding:7px 16px;
  border-radius:999px;
  background:rgba(253,251,247,.76);
  border:1px solid rgba(164,97,68,.24);
  color:var(--terracotta);
  font-family:'Cormorant Garamond',serif;
  font-size:22px;
  font-weight:600;
  letter-spacing:.02em;
  box-shadow:0 10px 28px rgba(61,38,28,.06);
  transition:
    background .28s ease,
    color .28s ease,
    transform .28s ease;
}

.story-link:hover .story-button,
.story-link:focus-visible .story-button{
  background:var(--terracotta);
  color:#fff;
  transform:translateX(4px);
}

.story.reverse .story-button{
  left:78px;
  right:auto;
}

.story.reverse:after{
  left:34px;
  right:auto;
  transform:translateY(-50%) rotate(135deg);
}

.story.reverse:hover:after,
.story.reverse:focus-visible:after{
  transform:translate(-10px,-50%) rotate(135deg);
}

@media(max-width:820px){
  .story-link h2{
    font-size:clamp(48px,15vw,76px);
  }
  .story-subtitle{
    font-size:clamp(32px,10vw,48px)!important;
  }
  .story-link > p:not(.overline):not(.story-subtitle){
    padding-right:0;
  }
  .story-button,
  .story.reverse .story-button{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:18px;
    width:max-content;
  }
  .story-link:after{
    display:none;
  }
}


/* --- Allgemeine Startseiten-Sektionen als klickbare Karten / Buttons --- */
.card-link{
  color:inherit;
  text-decoration:none;
  display:block;
  position:relative;
  overflow:hidden;
  transition:transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, filter .32s ease;
}
.card-link:hover,
.card-link:focus-visible{
  transform:translateY(-7px);
  box-shadow:0 28px 82px rgba(61,38,28,.14);
  filter:saturate(1.04);
  outline:none;
}
.card-link:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 12%, rgba(255,255,255,.40), transparent 24%);
  opacity:0;
  transition:opacity .32s ease;
  pointer-events:none;
}
.card-link:hover:after,
.card-link:focus-visible:after{opacity:1}
.mini-button,
.small-section-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  margin-top:18px;
  padding:7px 15px;
  border-radius:999px;
  background:rgba(253,251,247,.74);
  border:1px solid rgba(164,97,68,.24);
  color:var(--terracotta);
  font-family:'Cormorant Garamond',serif;
  font-size:22px;
  font-weight:600;
  letter-spacing:.02em;
  text-decoration:none;
  transition:background .28s ease, color .28s ease, transform .28s ease;
}
.small-section-button{
  margin-top:24px;
  font-size:24px;
  background:var(--terracotta);
  color:#fff;
  box-shadow:0 14px 34px rgba(164,97,68,.18);
}
.card-link:hover .mini-button,
.card-link:focus-visible .mini-button,
.small-section-button:hover,
.small-section-button:focus-visible{
  background:var(--espresso);
  color:#fff;
  transform:translateY(-2px);
}
.team-card.card-link{
  min-height:100%;
}
.offer-card.card-link{
  display:block;
}
.subpage-content .content-panel h2{
  color:var(--terracotta);
}


/* --- Klickbare Schwerpunkt-Grafik auf der Startseite --- */
.focus-image-link{
  position:relative;
  display:block;
  border-radius:38px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 16px 44px rgba(61,38,28,.10);
  transition:
    transform .36s cubic-bezier(.2,.8,.2,1),
    box-shadow .36s ease,
    filter .36s ease;
}

.focus-image-link img{
  display:block;
  width:100%;
  border-radius:38px;
  transition:transform .36s cubic-bezier(.2,.8,.2,1);
}

.focus-image-link:hover,
.focus-image-link:focus-visible{
  transform:translateY(-8px) scale(1.012);
  box-shadow:
    0 34px 90px rgba(61,38,28,.18),
    0 0 0 3px rgba(164,97,68,.13);
  filter:saturate(1.04);
  outline:none;
}

.focus-image-link:hover img,
.focus-image-link:focus-visible img{
  transform:scale(1.025);
}

.focus-image-link:active{
  transform:translateY(-3px) scale(.99);
}

.focus-image-link:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.36), transparent 26%),
    linear-gradient(135deg, rgba(143,164,145,.08), rgba(220,164,125,.10));
  opacity:0;
  transition:opacity .32s ease;
  pointer-events:none;
}

.focus-image-link:hover:before,
.focus-image-link:focus-visible:before{
  opacity:1;
}

.focus-image-button{
  position:absolute;
  z-index:2;
  right:28px;
  bottom:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 18px;
  border-radius:999px;
  background:rgba(253,251,247,.92);
  color:var(--terracotta);
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(20px,1.7vw,27px);
  font-weight:600;
  letter-spacing:.02em;
  border:1px solid rgba(164,97,68,.22);
  box-shadow:0 12px 34px rgba(61,38,28,.12);
  transition:
    background .28s ease,
    color .28s ease,
    transform .28s ease,
    box-shadow .28s ease;
}

.focus-image-button:after{
  content:"→";
  font-size:1.05em;
  transition:transform .28s ease;
}

.focus-image-link:hover .focus-image-button,
.focus-image-link:focus-visible .focus-image-button{
  background:var(--terracotta);
  color:#fff;
  transform:translateX(4px);
  box-shadow:0 18px 42px rgba(164,97,68,.24);
}

.focus-image-link:hover .focus-image-button:after,
.focus-image-link:focus-visible .focus-image-button:after{
  transform:translateX(4px);
}

@media(max-width:820px){
  .focus-image-link,
  .focus-image-link img{
    border-radius:26px;
  }
  .focus-image-button{
    right:16px;
    bottom:16px;
    padding:7px 14px;
  }
}


/* Klickbare Kosten & Zuschüsse Grafik */
.premium-link-card{
    display:block;
    position:relative;
    border-radius:32px;
    overflow:hidden;
    text-decoration:none;
    transition:all .35s ease;
    box-shadow:0 14px 40px rgba(61,38,28,.10);
}

.premium-link-card img{
    width:100%;
    display:block;
    transition:transform .35s ease;
}

.premium-link-card:hover{
    transform:translateY(-8px) scale(1.015);
    box-shadow:0 30px 80px rgba(61,38,28,.18);
}

.premium-link-card:hover img{
    transform:scale(1.03);
}

.premium-link-card::after{
    content:"Zu Kosten & Zuschüssen →";
    position:absolute;
    right:24px;
    bottom:24px;
    background:rgba(255,255,255,.95);
    color:var(--terracotta);
    padding:10px 18px;
    border-radius:999px;
    font-family:'Cormorant Garamond',serif;
    font-size:24px;
    font-weight:600;
    box-shadow:0 10px 30px rgba(61,38,28,.12);
    transition:all .3s ease;
}

.premium-link-card:hover::after{
    background:var(--terracotta);
    color:white;
}


/* Optimierte Position Kosten & Zuschüsse Button */
.premium-link-card::after{
    top:50%;
    left:50%;
    right:auto;
    bottom:auto;
    transform:translate(-50%, -50%);
    padding:14px 28px;
    font-size:28px;
    background:var(--terracotta);
    color:#fff;
    box-shadow:0 18px 42px rgba(164,97,68,.28);
    z-index:10;
}

.premium-link-card:hover::after{
    transform:translate(-50%, -50%) scale(1.05);
}


/* Button Kosten & Zuschüsse entfernt */
.premium-link-card::after{
    content:none !important;
    display:none !important;
}


/* --- Kontakt / Google Maps oben rechts --- */
.top-map-contact{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 13px 7px 8px;
  border-radius:999px;
  background:rgba(253,251,247,.88);
  border:1px solid rgba(164,97,68,.22);
  color:var(--espresso);
  text-decoration:none;
  box-shadow:0 12px 30px rgba(61,38,28,.08);
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
}

.top-map-contact img{
  width:44px;
  height:44px;
  display:block;
}

.top-map-contact span{
  display:grid;
  gap:0;
  line-height:1;
}

.top-map-contact strong{
  font-family:'Cormorant Garamond',serif;
  font-size:23px;
  font-weight:600;
  color:var(--terracotta);
  letter-spacing:.02em;
}

.top-map-contact small{
  font-family:'Nunito Sans',system-ui,sans-serif;
  font-size:12px;
  color:rgba(61,38,28,.72);
  margin-top:4px;
}

.top-map-contact:hover,
.top-map-contact:focus-visible{
  transform:translateY(-3px);
  background:#fff;
  box-shadow:0 22px 54px rgba(61,38,28,.14);
  outline:none;
}

@media(max-width:1180px){
  .top-map-contact span{display:none;}
  .top-map-contact{padding:7px;}
}

@media(max-width:820px){
  .site-header{
    flex-wrap:wrap;
  }
  .top-map-contact{
    order:2;
    margin-left:auto;
  }
  .nav-toggle{
    order:3;
  }
}

.top-map-contact small{display:block;font-size:11px;line-height:1.25}
.top-map-contact strong{font-size:20px}
@media(max-width:1180px){.top-map-contact span{display:grid!important}}


/* --- Map-Icon oben rechts, Kontakt als eigener Menüpunkt --- */
.top-map-contact.map-icon-only{
  padding:7px !important;
  gap:0 !important;
  min-width:auto;
}

.top-map-contact.map-icon-only img{
  width:44px;
  height:44px;
}

.top-map-contact.map-icon-only span{
  display:none !important;
}

@media(max-width:1180px){
  .top-map-contact.map-icon-only span{display:none!important;}
}


/* --- Kontaktseite mit Icons --- */
.contact-icon-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:30px;
}

.contact-icon-grid article{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:18px;
  align-items:center;
  padding:22px;
  border-radius:28px;
  background:rgba(253,251,247,.72);
  border:1px solid rgba(61,38,28,.10);
  box-shadow:0 14px 34px rgba(61,38,28,.06);
  transition:transform .28s ease, box-shadow .28s ease;
}

.contact-icon-grid article:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 58px rgba(61,38,28,.12);
}

.contact-icon-grid img{
  width:78px;
  height:78px;
}

.contact-icon-grid h3{
  font-size:31px;
  margin-bottom:6px;
}

.contact-icon-grid p{
  font-size:18px;
  line-height:1.45;
  margin:0;
}

.contact-icon-grid a{
  color:var(--terracotta);
  text-decoration:none;
  border-bottom:1px solid rgba(164,97,68,.28);
}

.contact-icon-panel .button{
  margin-top:30px;
}

@media(max-width:1050px){
  .contact-icon-grid{
    grid-template-columns:1fr;
  }
}


/* --- Startseite: finale L.UNA Icons aus Visitenkarten-Stil --- */
.folder-value-icon{
  transition:transform .32s ease, box-shadow .32s ease, filter .32s ease;
}

.folder-value-icon:hover{
  transform:translateY(-6px) scale(1.045);
  box-shadow:0 26px 68px rgba(61,38,28,.14), inset 0 0 0 1px rgba(61,38,28,.07);
  filter:saturate(1.03);
}

.folder-value-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:0;
  border-radius:50%;
}

/* falls ältere SVG-Regeln greifen: PNG-Icons sollen vollflächig bleiben */
.folder-value-icon.sage img,
.folder-value-icon.peach img{
  width:100%;
  height:100%;
}


/* --- Einheitlicher Hover-Effekt für „Was L.UNA bedeutet“ --- */
.value-icon{
  transition:transform .32s ease, box-shadow .32s ease, filter .32s ease;
}
.value-icon:hover{
  transform:translateY(-6px) scale(1.045);
  box-shadow:0 26px 68px rgba(61,38,28,.14), inset 0 0 0 1px rgba(61,38,28,.07);
  filter:saturate(1.03);
}
.value-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:0;
  border-radius:50%;
}

/* --- Angebote: Icons im selben weichen L.UNA-Stil --- */
.offer-icon{
  width:150px;
  height:150px;
  margin:0 auto 22px;
  border-radius:50%;
  object-fit:contain;
  transition:transform .32s ease, box-shadow .32s ease, filter .32s ease;
  box-shadow:inset 0 0 0 1px rgba(61,38,28,.07),0 18px 50px rgba(61,38,28,.07);
}
.offer-card:hover .offer-icon{
  transform:translateY(-6px) scale(1.045);
  box-shadow:0 26px 68px rgba(61,38,28,.14), inset 0 0 0 1px rgba(61,38,28,.07);
  filter:saturate(1.03);
}
@media(max-width:820px){
  .offer-icon{width:138px;height:138px;}
}


/* Kostenbereich wie Schwerpunkte */
.costs-section{
display:grid;
grid-template-columns:1fr 1fr;
gap:3rem;
align-items:center;
}
.costs-section .section-heading{
order:1;
}
.costs-section .premium-link-card{
order:2;
position:relative;
max-width:520px;
justify-self:end;
display:block;
}
.costs-section .premium-link-card img{
width:100%;
border-radius:24px;
}
.costs-section .condition-grid{display:none;}
.costs-section .small-section-button{
display:inline-block;
margin-top:1rem;
}

/* Kosten & Konditionen – Bild größer */
.costs-section .premium-link-card{
  transform: scale(1.15);
  transform-origin:center;
}
@media (max-width: 900px){
  .costs-section .premium-link-card{
    transform: scale(1.05);
  }
}

/* Verfeinerung Hauptmenü: Espresso, größere Schrift, Letter-Spacing & eleganter Hover */
.site-header .main-nav{
  gap:24px;
}

.site-header .main-nav > a,
.site-header .main-nav .dropdown > button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 10px;
  border-radius:999px;
  color:var(--espresso);
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(23px,1.45vw,28px);
  font-weight:600;
  letter-spacing:.065em;
  line-height:1;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(253,251,247,.65);
  transition:color .25s ease, background-color .25s ease, box-shadow .25s ease, transform .25s ease, text-shadow .25s ease;
}

.site-header .main-nav > a::after,
.site-header .main-nav .dropdown > button::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:5px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(164,97,68,.72),transparent);
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .25s ease, transform .25s ease;
}

.site-header .main-nav > a:hover,
.site-header .main-nav .dropdown:hover > button,
.site-header .main-nav .dropdown > button:hover{
  color:var(--espresso);
  background:rgba(253,251,247,.72);
  box-shadow:0 12px 28px rgba(61,38,28,.16), inset 0 0 0 1px rgba(164,97,68,.12);
  transform:translateY(-2px);
  text-shadow:0 8px 20px rgba(61,38,28,.18);
}

.site-header .main-nav > a:hover::after,
.site-header .main-nav .dropdown:hover > button::after,
.site-header .main-nav .dropdown > button:hover::after{
  opacity:1;
  transform:scaleX(1);
}

.site-header .dropdown-content{
  margin-top:10px;
  border-radius:24px;
  box-shadow:0 22px 55px rgba(61,38,28,.16);
}

.site-header .dropdown-content a{
  font-size:22px;
  letter-spacing:.045em;
  transition:background-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.site-header .dropdown-content a:hover{
  background:rgba(220,164,125,.18);
  box-shadow:0 8px 18px rgba(61,38,28,.10);
  transform:translateX(3px);
}

@media(max-width:1120px){
  .site-header .main-nav{gap:14px;}
  .site-header .main-nav > a,
  .site-header .main-nav .dropdown > button{font-size:22px;letter-spacing:.045em;padding:8px 8px;}
}

@media(max-width:820px){
  .site-header .main-nav > a,
  .site-header .main-nav .dropdown > button{justify-content:flex-start;width:100%;font-size:25px;padding:10px 12px;}
  .site-header .dropdown-content a{font-size:22px;}
}

/* Menü – harmonische L.UNA-Feinabstimmung nach Logo-Manual */
.site-header .main-nav{
  gap:22px;
}

.site-header .main-nav > a,
.site-header .main-nav .dropdown > button{
  font-family:'Cormorant Garamond', Georgia, serif;
  color:#3D261C;
  font-size:clamp(24px,1.5vw,29px);
  font-weight:500;
  letter-spacing:.075em;
  line-height:1.05;
  border-radius:999px;
  padding:9px 13px 10px;
  background:transparent;
  text-shadow:none;
  transition:color .32s ease, background-color .32s ease, box-shadow .32s ease, transform .32s ease, letter-spacing .32s ease;
}

.site-header .main-nav > a::after,
.site-header .main-nav .dropdown > button::after{
  content:"";
  position:absolute;
  left:50%;
  right:auto;
  bottom:3px;
  width:0;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(143,164,145,0),#8FA491,rgba(143,164,145,0));
  opacity:0;
  transform:none;
  transition:width .34s ease, left .34s ease, opacity .34s ease;
}

.site-header .main-nav > a:hover,
.site-header .main-nav .dropdown:hover > button,
.site-header .main-nav .dropdown > button:hover{
  color:#A46144;
  background:rgba(253,251,247,.86);
  box-shadow:0 12px 26px rgba(61,38,28,.13), inset 0 0 0 1px rgba(143,164,145,.18);
  transform:translateY(-2px);
  letter-spacing:.09em;
}

.site-header .main-nav > a:hover::after,
.site-header .main-nav .dropdown:hover > button::after,
.site-header .main-nav .dropdown > button:hover::after{
  left:18%;
  width:64%;
  opacity:1;
}

.site-header .dropdown-content{
  background:rgba(253,251,247,.97);
  border:1px solid rgba(143,164,145,.28);
  box-shadow:0 22px 54px rgba(61,38,28,.14);
}

.site-header .dropdown-content a{
  font-family:'Cormorant Garamond', Georgia, serif;
  color:#3D261C;
  font-size:23px;
  font-weight:500;
  letter-spacing:.055em;
}

.site-header .dropdown-content a:hover{
  color:#A46144;
  background:rgba(143,164,145,.15);
  box-shadow:0 8px 18px rgba(61,38,28,.09);
  transform:translateX(3px);
}

@media(max-width:1120px){
  .site-header .main-nav{gap:12px;}
  .site-header .main-nav > a,
  .site-header .main-nav .dropdown > button{font-size:22px;letter-spacing:.052em;padding:8px 9px;}
}

@media(max-width:820px){
  .site-header .main-nav > a,
  .site-header .main-nav .dropdown > button{font-size:25px;letter-spacing:.06em;justify-content:flex-start;width:100%;}
  .site-header .dropdown-content a{font-size:22px;}
}


/* L.UNA Foto- und Teamkarten-Erweiterung */
.houding-photo-hover,
.team-group-photo{
  position:relative;
  width:min(760px, 92vw);
  aspect-ratio: 16 / 9;
  margin:1.7rem auto 1.6rem;
  border-radius:32px;
  overflow:hidden;
  background:#FDFBF7;
  border:1px solid rgba(164,97,68,.18);
  box-shadow:0 20px 46px rgba(61,38,28,.13);
  transform:translateY(0);
  transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}
.houding-photo-hover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:opacity .65s ease, transform .65s ease;
}
.houding-photo-hover .photo-secondary{ opacity:0; transform:scale(1.025); }
.houding-photo-hover:hover{
  transform:translateY(-4px);
  border-color:rgba(164,97,68,.35);
  box-shadow:0 26px 60px rgba(61,38,28,.19);
}
.houding-photo-hover:hover .photo-primary{ opacity:0; transform:scale(1.02); }
.houding-photo-hover:hover .photo-secondary{ opacity:1; transform:scale(1); }

.subpage-content .team-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(190px, 250px);
  align-items:center;
  gap:2rem;
  border-radius:30px;
  border:1px solid rgba(61,38,28,.09);
  box-shadow:0 18px 42px rgba(61,38,28,.10);
  position:relative;
  overflow:hidden;
}
.subpage-content .team-card::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(253,251,247,.55);
  border-radius:24px;
  pointer-events:none;
}
.subpage-content .team-card h2{
  margin-top:0;
  color:#3D261C;
  letter-spacing:.025em;
}
.team-card-text{
  position:relative;
  z-index:1;
}
.team-photo-frame{
  position:relative;
  z-index:1;
  margin:0;
  justify-self:end;
  width:min(250px, 100%);
  aspect-ratio:4 / 5;
  border-radius:28px;
  overflow:hidden;
  background:#FDFBF7;
  border:1px solid rgba(253,251,247,.7);
  box-shadow:0 14px 30px rgba(61,38,28,.14);
  transform:rotate(.6deg);
  transition:transform .4s ease, box-shadow .4s ease;
}
.subpage-content .team-card:nth-of-type(3) .team-photo-frame{ transform:rotate(-.6deg); }
.team-photo-frame img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.subpage-content .team-card:hover .team-photo-frame{
  transform:translateY(-4px) rotate(0deg);
  box-shadow:0 20px 42px rgba(61,38,28,.20);
}

@media (max-width: 760px){
  .subpage-content .team-card{
    grid-template-columns:1fr;
    gap:1.3rem;
  }
  .team-photo-frame{
    justify-self:center;
    width:min(260px, 82vw);
  }
}


/* --- Menü-Fix: ruhige Menüleiste ohne Hover-Effekt + stabiles Dropdown --- */
.site-header .main-nav > a,
.site-header .main-nav .dropdown > button{
  font-family:'Cormorant Garamond', Georgia, serif;
  color:#3D261C;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  text-shadow:none !important;
  letter-spacing:.072em;
  transition:none !important;
}
.site-header .main-nav > a::after,
.site-header .main-nav .dropdown > button::after{
  display:none !important;
  content:none !important;
}
.site-header .main-nav > a:hover,
.site-header .main-nav .dropdown:hover > button,
.site-header .main-nav .dropdown > button:hover,
.site-header .main-nav .dropdown.open > button,
.site-header .main-nav > a:focus-visible,
.site-header .main-nav .dropdown > button:focus-visible{
  color:#3D261C !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  text-shadow:none !important;
  letter-spacing:.072em !important;
  outline:none;
}
.site-header .dropdown{
  position:relative;
  padding-bottom:0;
}
.site-header .dropdown-content{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  z-index:200;
  min-width:260px;
  margin-top:0 !important;
  padding:12px;
  gap:4px;
  background:rgba(253,251,247,.98);
  border:1px solid rgba(143,164,145,.28);
  border-radius:22px;
  box-shadow:0 18px 44px rgba(61,38,28,.13);
}
.site-header .dropdown:hover .dropdown-content,
.site-header .dropdown:focus-within .dropdown-content,
.site-header .dropdown.open .dropdown-content{
  display:grid !important;
}
.site-header .dropdown-content a{
  color:#3D261C;
  background:transparent;
  box-shadow:none;
  transform:none;
  border-radius:14px;
  padding:9px 13px;
  transition:background-color .18s ease, color .18s ease;
}
.site-header .dropdown-content a:hover,
.site-header .dropdown-content a:focus-visible{
  color:#A46144;
  background:rgba(143,164,145,.14);
  box-shadow:none !important;
  transform:none !important;
  outline:none;
}
@media(max-width:820px){
  .site-header .dropdown-content{
    position:static;
    margin-top:4px !important;
    padding:4px 0 8px 16px;
    min-width:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
  }
  .site-header .nav-open .dropdown-content,
  .nav-open .dropdown-content{
    display:none !important;
  }
  .site-header .dropdown.open .dropdown-content,
  .site-header .dropdown:focus-within .dropdown-content{
    display:grid !important;
  }
}

/* Praxis Slideshow */
.practice-slideshow{position:relative;height:420px;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(61,38,28,.12);margin-bottom:2rem}
.practice-slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:fadeSlide 12s infinite ease-in-out}
.practice-slideshow img:nth-child(1){animation-delay:0s}
.practice-slideshow img:nth-child(2){animation-delay:4s}
.practice-slideshow img:nth-child(3){animation-delay:8s}
@keyframes fadeSlide{0%,25%{opacity:1;transform:scale(1.04)}33%,100%{opacity:0;transform:scale(1.08)}}
.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}
.offer-card{background:#fff;border-radius:18px;padding:1.2rem;box-shadow:0 8px 24px rgba(61,38,28,.08);border-top:4px solid #8FA491}
.offer-card h3{margin:.3rem 0;color:#3D261C}
.offer-icon{font-size:1.5rem}


/* Praxis-Seite: Was unsere Praxis bietet – größere Icons im goldenen Schnitt */
.subpage-content .content-panel .offer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr));
  gap:1.35rem;
  margin-top:2.25rem;
}
.subpage-content .content-panel .offer-card{
  min-height:340px;
  background:rgba(253,251,247,.92);
  border:1px solid rgba(164,97,68,.16);
  border-top:5px solid #8FA491;
  border-radius:30px;
  padding:0 1.35rem 1.7rem;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  box-shadow:0 16px 42px rgba(61,38,28,.08);
  transition:transform .28s ease, box-shadow .28s ease;
}
.subpage-content .content-panel .offer-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(61,38,28,.12);
}
.subpage-content .content-panel .offer-icon{
  width:112px;
  height:112px;
  margin-top:46px;
  margin-bottom:26px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:68px;
  line-height:1;
  background:radial-gradient(circle at 38% 32%, #fffaf4 0%, #f8efe6 54%, rgba(143,164,145,.30) 100%);
  box-shadow:inset 0 0 0 1px rgba(61,38,28,.08),0 14px 34px rgba(61,38,28,.09);
  transform:none;
}
.subpage-content .content-panel .offer-icon.rainbow-flag{
  font-size:64px;
}
.subpage-content .content-panel .offer-card h3{
  margin:0 0 .65rem;
  color:#3D261C;
  font-size:clamp(29px,2.4vw,36px);
}
.subpage-content .content-panel .offer-card p{
  max-width:260px;
  margin:0 auto;
  color:rgba(61,38,28,.82);
  line-height:1.55;
}
@media(max-width:820px){
  .subpage-content .content-panel .offer-card{min-height:300px;}
  .subpage-content .content-panel .offer-icon{width:96px;height:96px;font-size:58px;margin-top:38px;}
  .subpage-content .content-panel .offer-icon.rainbow-flag{font-size:54px;}
}

/* L.UNA Icon für nicht barrierefreie Praxis */
.subpage-content .content-panel .offer-icon.offer-icon-svg img{
  width:88%;
  height:88%;
  object-fit:contain;
  display:block;
}
.subpage-content .content-panel .offer-icon.offer-icon-svg{
  padding:0;
  overflow:hidden;
}


/* --- Team-Buttons auf der Startseite: gleiche Höhe --- */
.team-grid{
  align-items:stretch;
}
.team-grid > .team-card.card-link{
  display:flex;
  flex-direction:column;
  height:100%;
  box-sizing:border-box;
}
.team-grid > .team-card.card-link .mini-button{
  margin-top:auto;
  align-self:flex-start;
}
.team-grid > .team-card.card-link p{
  margin-bottom:22px;
}

/* --- Startseite kompakter Hero: Logo, Icons und Claim ohne Scroll sichtbar --- */
.folder-start-hero{
  min-height:calc(100svh - 82px);
  padding:clamp(18px,3vh,34px) 5vw clamp(20px,3vh,34px);
  align-items:center;
}
.folder-start-inner{
  padding:clamp(8px,2vh,18px) 5vw clamp(6px,1.5vh,14px);
}
.folder-start-logo{
  width:min(500px,70vw);
  margin:0 auto clamp(18px,3vh,30px);
}
.folder-name-values{
  width:min(620px,100%);
  gap:clamp(26px,5vw,62px);
}
.folder-value-icon{
  width:clamp(92px,10vw,124px);
  height:clamp(92px,10vw,124px);
  margin:0 auto clamp(10px,1.6vh,16px);
}
.folder-name-value h2{
  font-size:clamp(23px,2.2vw,34px);
  margin:0 0 6px;
  letter-spacing:.095em;
}
.folder-start-script{
  font-size:clamp(34px,4.2vw,60px);
  margin:clamp(24px,4vh,44px) auto 0;
}

@media(max-height:760px) and (min-width:821px){
  .folder-start-logo{width:min(440px,62vw);margin-bottom:16px;}
  .folder-value-icon{width:88px;height:88px;margin-bottom:8px;}
  .folder-name-value h2{font-size:24px;margin-bottom:4px;}
  .folder-start-script{font-size:42px;margin-top:20px;}
  .folder-start-inner{padding-top:4px;padding-bottom:4px;}
}

@media(max-width:820px){
  .folder-start-hero{min-height:calc(100svh - 66px);padding:24px 5vw 28px;}
  .folder-start-logo{width:min(330px,82vw);margin-bottom:22px;}
  .folder-name-values{grid-template-columns:1fr 1fr;gap:18px;}
  .folder-value-icon{width:82px;height:82px;margin-bottom:10px;}
  .folder-name-value h2{font-size:20px;letter-spacing:.07em;}
  .folder-start-script{font-size:36px;margin-top:26px;}
}

@media(max-width:520px){
  .folder-name-values{grid-template-columns:1fr;gap:16px;}
  .folder-start-logo{width:min(300px,84vw);}
  .folder-value-icon{width:74px;height:74px;}
  .folder-start-script{font-size:34px;margin-top:22px;}
}

.team-quote{font-family:'Caveat',cursive;font-size:1.7rem;line-height:1.3;color:#A46144;margin-top:1rem}
.team-card.sage-soft .team-quote{color:#8FA491}
.offer-card,.angebot-card,.service-card{display:flex;flex-direction:column}
.offer-card .btn,.angebot-card .btn,.service-card .btn,.offer-card a.button,.angebot-card a.button,.service-card a.button{margin-top:auto}


/* L.UNA finale Team-Zitate */
.team-quote{
  font-family:'Caveat', cursive !important;
  font-size:clamp(2.0rem, 2.8vw, 2.35rem) !important;
  line-height:1.55 !important;
  color:#A46144 !important;
  text-align:center !important;
  font-weight:500 !important;
  margin:1.8rem auto 1.4rem !important;
  max-width:760px !important;
  text-shadow:0 8px 22px rgba(61,38,28,.10), 0 2px 8px rgba(164,97,68,.10) !important;
}
.team-card.sage-soft .team-quote{color:#A46144 !important;}
@media(max-width:820px){.team-quote{font-size:2.0rem !important;line-height:1.45 !important;}}

/* Datenschutz-Seite */
.privacy-page .content-panel h3{font-size:clamp(25px,2.4vw,34px);margin-top:18px;}
.privacy-list{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:10px;}
.privacy-list li{position:relative;padding-left:28px;}
.privacy-list li::before{content:'';position:absolute;left:0;top:.72em;width:13px;height:8px;border-left:2px solid #A46144;border-bottom:2px solid #A46144;border-radius:0 0 0 8px;transform:rotate(-18deg);opacity:.85;}

.luna-script-red{font-family:"Caveat",cursive;color:#A46144;font-size:2rem;}

/* Kontakt: dezenter Google-Maps-Link für Adresse */
.contact-practice-name{
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.18rem;
  font-weight: 600;
  color: #3D261C;
  margin: 0 0 .18rem;
  letter-spacing: .04em;
}
.address-map-link{
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,97,68,.35);
  transition: color .25s ease, border-color .25s ease;
}
.address-map-link:hover{
  color: #A46144;
  border-bottom-color: rgba(164,97,68,.75);
}

.offer-card{display:flex;flex-direction:column}.offer-card .mini-button{margin-top:auto}


/* =========================================================
   L.UNA Premium-Startanimation
   sicher, ruhig, nur beim ersten Laden der Browser-Session
   ========================================================= */

/* Grundzustand: Alles ist sichtbar, wenn keine Animation aktiv ist */
.folder-start-logo,
.folder-name-value,
.folder-value-icon,
.folder-start-script,
.folder-start-script .script-reveal{
  opacity:1;
  filter:none;
}

/* Slogan bleibt echter Text mit echten Leerzeichen */
.folder-start-script{
  color:#8FA491 !important;
  white-space:normal;
  word-spacing:.10em;
  letter-spacing:.005em;
}

.folder-start-script .script-reveal{
  display:inline-block;
  color:#8FA491 !important;
  white-space:nowrap;
}

/* Nur beim ersten Laden: ruhiger Ablauf */
.luna-first-load .folder-start-hero{
  animation:lunaHeroBreath 2.4s ease-out both;
}

@keyframes lunaHeroBreath{
  from{
    opacity:.72;
    filter:saturate(.94) brightness(1.03);
  }
  to{
    opacity:1;
    filter:saturate(1) brightness(1);
  }
}

/* 1. Logo: langsames sanftes Einblenden */
.luna-first-load .folder-start-logo{
  opacity:0;
  transform:translateY(18px) scale(.985);
  filter:blur(4px);
  animation:lunaLogoFloatIn 3.6s cubic-bezier(.2,.8,.2,1) .15s forwards;
}

@keyframes lunaLogoFloatIn{
  0%{
    opacity:0;
    transform:translateY(18px) scale(.985);
    filter:blur(4px);
  }
  72%{
    opacity:1;
    transform:translateY(-3px) scale(1.006);
    filter:blur(0);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

/* 2. Icons: nacheinander, weich und freundlich */
.luna-first-load .folder-name-value{
  opacity:0;
  transform:translateY(24px) scale(.97);
  filter:blur(3px);
  animation:lunaValueIn 2.2s cubic-bezier(.2,.8,.2,1) forwards;
}

.luna-first-load .folder-name-value:nth-child(1){
  animation-delay:2.45s;
}

.luna-first-load .folder-name-value:nth-child(2){
  animation-delay:3.25s;
}

.luna-first-load .folder-value-icon{
  opacity:0;
  transform:translateY(20px) scale(.92);
  filter:blur(4px);
  animation:lunaIconIn 2.2s cubic-bezier(.2,.8,.2,1) forwards;
}

.luna-first-load .folder-name-value:nth-child(1) .folder-value-icon{
  animation-delay:2.25s;
}

.luna-first-load .folder-name-value:nth-child(2) .folder-value-icon{
  animation-delay:3.05s;
}

@keyframes lunaValueIn{
  0%{
    opacity:0;
    transform:translateY(24px) scale(.97);
    filter:blur(3px);
  }
  75%{
    opacity:1;
    transform:translateY(-2px) scale(1.006);
    filter:blur(0);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

@keyframes lunaIconIn{
  0%{
    opacity:0;
    transform:translateY(20px) scale(.92);
    filter:blur(4px);
  }
  72%{
    opacity:1;
    transform:translateY(-4px) scale(1.035);
    filter:blur(0);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

/* 3. Slogan: echter Schreib-/Reveal-Effekt, ohne einzelne kaputte Buchstaben */
.luna-first-load .folder-start-script{
  opacity:1;
}

.luna-first-load .folder-start-script .script-reveal{
  overflow:hidden;
  width:0;
  opacity:0;
  border-right:2px solid rgba(143,164,145,.65);
  animation:
    lunaHandWrite 5.4s steps(36,end) 5.15s forwards,
    lunaCursorFade .7s ease 10.3s forwards;
}

@keyframes lunaHandWrite{
  0%{
    width:0;
    opacity:1;
  }
  100%{
    width:24.5ch;
    opacity:1;
  }
}

@keyframes lunaCursorFade{
  to{
    border-right-color:transparent;
  }
}

/* Dezentes Schweben nach dem Erscheinen */
.luna-first-load .folder-value-icon{
  will-change:transform, opacity, filter;
}

@media(prefers-reduced-motion: reduce){
  .luna-first-load .folder-start-hero,
  .luna-first-load .folder-start-logo,
  .luna-first-load .folder-name-value,
  .luna-first-load .folder-value-icon,
  .luna-first-load .folder-start-script .script-reveal{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    width:auto!important;
    border-right:0!important;
  }
}


/* ===== L.UNA Premium Feinschliff ===== */

/* sanftes Schweben der Startseiten-Icons */
.folder-value-icon{
  animation:lunaFloat 9s ease-in-out infinite;
}
.folder-name-value:nth-child(2) .folder-value-icon{
  animation-delay: -4.5s;
}

@keyframes lunaFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-5px);}
}

/* Logo mit warmem Lichtschein */
.folder-start-logo,
.hero-logo{
  filter: drop-shadow(0 0 18px rgba(220,164,125,.18));
}

/* Handschrift etwas organischer */
.folder-start-script{
  transform:rotate(-0.8deg);
}

/* Schwerpunkt-Karten hochwertiger */
.topic-card,
.focus-card,
.category-card{
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
}

.topic-card:hover,
.focus-card:hover,
.category-card:hover{
  transform:translateY(-6px) scale(1.02);
  box-shadow:0 28px 70px rgba(61,38,28,.14);
}

/* dezenter Parallax-Eindruck */
.folder-start-hero{
  background-attachment:fixed;
}


/* ===== L.UNA 4-Sekunden Finale ===== */
.luna-first-load .folder-start-logo{
  animation-duration:1.2s !important;
}

.luna-first-load .folder-name-value:nth-child(1){
  animation-delay:.8s !important;
}
.luna-first-load .folder-name-value:nth-child(2){
  animation-delay:1.4s !important;
}

.luna-first-load .folder-value-icon{
  animation-duration:1.1s !important;
}

.luna-first-load .folder-start-script .script-reveal{
  animation:
    lunaHandWrite 2s steps(36,end) 2s forwards,
    lunaCursorFade .4s ease 4s forwards !important;
}


/* L.UNA Bedeutung optimiert */
.values-grid{
display:flex !important;
justify-content:center !important;
align-items:flex-start !important;
gap:110px !important;
max-width:700px !important;
margin:0 auto !important;
}

.values-grid article{
flex:0 0 220px !important;
text-align:center !important;
}


/* Exakt unter 'Was L.UNA bedeutet' zentrieren */
.values-section .values-grid,
.values-grid{
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 90px !important;
}

.values-section h2{
    text-align:center !important;
}

.values-grid article{
    width: 220px !important;
    text-align:center !important;
}


/* L.UNA Bedeutung - 2 Icons sauber zentrieren */
.values-row{
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:90px !important;
    max-width:700px !important;
    margin:0 auto !important;
}

.values-row > *{
    flex:0 0 220px !important;
    text-align:center !important;
}


/* Was L.UNA bedeutet */
.values-row img,
.values-row .value-icon img{
    width:110px !important;
    height:110px !important;
    object-fit:contain !important;
}

.values-row .value-icon{
    width:130px !important;
    height:130px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto 14px auto !important;
}

.values-section h2,
.values-title{
    font-size:2.4rem !important;
    line-height:1.2 !important;
    margin-bottom:32px !important;
}


/* Was L.UNA bedeutet - weitere +20% */
.values-section h2,
.values-title{
    font-size:2.9rem !important;
}


/* Beratung-Icon in Angebote einheitlich anpassen */
#angebote .offer-card#beratung .offer-icon{
    width:96px !important;
    height:96px !important;
    object-fit:contain !important;
}


/* Beratung-Icon größer, passend zu den anderen */
#angebote .offer-card#beratung .offer-icon{
    width:120px !important;
    height:120px !important;
    object-fit:contain !important;
}


/* Beratung-Icon weitere +20% */
#angebote .offer-card#beratung .offer-icon{
    width:144px !important;
    height:144px !important;
}


/* Diagnostik-Icon */
#angebote .offer-card#diagnostik .offer-icon{
    width:144px !important;
    height:144px !important;
    object-fit:contain !important;
}


/* Supervision-Icon */
#angebote .offer-card#supervision .offer-icon{
    width:144px !important;
    height:144px !important;
    object-fit:contain !important;
}


/* Angebotskarten gleich hoch, Buttons auf gleicher Linie */
#angebote .offer-grid{
    align-items:stretch !important;
}

#angebote .offer-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
}

#angebote .offer-card p{
    flex-grow:1 !important;
}

#angebote .offer-card .mini-button{
    margin-top:auto !important;
}


/* Index: Unsere Praxis - 5 Feature-Kacheln farbig und mit schönem unteren Abstand */
#praxis .features{
    align-items:stretch !important;
    margin-bottom:34px !important;
}

#praxis .features span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:74px !important;
    padding:20px 24px 26px 24px !important;
    border-radius:20px !important;
    color:#fff !important;
    font-weight:600 !important;
    box-shadow:0 12px 28px rgba(61,38,28,.10) !important;
}

#praxis .features span:nth-child(odd){
    background:#8FA491 !important;
}

#praxis .features span:nth-child(even){
    background:#A46144 !important;
}


/* L.UNA Designfarben harmonischer */
#praxis .features span:nth-child(odd){
    background:#8FA491 !important; /* Muted Sage Green */
    color:#ffffff !important;
}

#praxis .features span:nth-child(even){
    background:#A46144 !important; /* Terracotta */
    color:#ffffff !important;
}

#praxis .features span{
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 8px 24px rgba(61,38,28,.08) !important;
    font-weight:500 !important;
}

#praxis .features{
    gap:14px !important;
}


/* Unsere Praxis – elegant wie Leichtigkeit & Miteinander */
#praxis .features span:nth-child(odd){
    background:rgba(143,164,145,0.18) !important; /* Sage Green */
    color:#3D261C !important;
}

#praxis .features span:nth-child(even){
    background:rgba(164,97,68,0.14) !important; /* Peach/Terracotta */
    color:#3D261C !important;
}

#praxis .features span{
    border:1px solid rgba(143,164,145,0.20) !important;
    box-shadow:0 6px 18px rgba(61,38,28,.05) !important;
    backdrop-filter:blur(2px) !important;
    font-weight:500 !important;
}


/* Unsere Praxis Überschrift */
#praxis .centered-title{
    color:#3D261C !important; /* Luna Espresso */
    font-family:"Caveat","Allura","Brush Script MT",cursive !important;
    font-size:3rem !important;
    font-weight:500 !important;
    line-height:1.2 !important;
}


/* Praxis Überschrift Terracotta */
#praxis .centered-title{
    color:#A46144 !important;
}


/* Praxis L.UNA näher ans Logo */
.contact-section strong,
.contact-section h3,
.contact-section .contact-practice-name{
    margin-top:-12px !important;
}


/* Kontaktformular auf Startseite etwas kompakter */
#kontakt .contact-form{
    max-width: 460px !important;
    transform: scale(0.94) !important;
    transform-origin: top center !important;
}

#kontakt .contact-form input,
#kontakt .contact-form textarea{
    padding: 10px 12px !important;
}

#kontakt .contact-form .button,
#kontakt .contact-form button{
    padding: 10px 18px !important;
}


/* Kontaktformular etwas breiter */
#kontakt .contact-form{
    max-width:560px !important;
    transform:scale(0.96) !important;
}


/* Kontaktformular ca. 25% breiter */
#kontakt .contact-form{
    max-width:700px !important;
    width:100% !important;
    transform:scale(1.0) !important;
}


/* Praxis L.UNA näher ans Logo */
.contact-section strong,
.contact-practice-name{
    margin-top:-30px !important;
    padding-top:0 !important;
}


/* Praxis L.UNA insgesamt 80px näher ans Logo */
.contact-section strong,
.contact-practice-name{
    margin-top:-80px !important;
    padding-top:0 !important;
}


/* Praxis L.UNA insgesamt 130px näher ans Logo */
.contact-section strong,
.contact-practice-name{
    margin-top:-130px !important;
    padding-top:0 !important;
}


/* Praxis L.UNA nochmals 50px näher ans Logo */
.contact-section strong,
.contact-practice-name{
    margin-top:-180px !important;
    padding-top:0 !important;
}


/* Kontaktseite: Adresse wieder harmonisch in einer Kachel */
.contact-icon-grid article,
.contact-icon-grid .contact-address-card{
    align-items:flex-start !important;
}

.contact-icon-grid .contact-address-card img{
    flex:0 0 auto !important;
    margin-top:4px !important;
}

.contact-icon-grid .contact-address-card div{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
}

.contact-icon-grid .contact-address-card h3{
    margin:0 0 4px 0 !important;
}

.contact-icon-grid .contact-address-card .contact-practice-name{
    margin:0 !important;
    font-weight:700 !important;
}

.contact-icon-grid .contact-address-card p{
    margin:0 !important;
}

.contact-icon-grid .contact-address-card .address-map-link{
    display:inline-block !important;
    line-height:1.45 !important;
    text-decoration:none !important;
}


/* Nur Kontaktseite */
.subpage-hero .subpage-intro{
    color:#A46144 !important;
    font-size:1.35rem !important;
    font-weight:600 !important;
    line-height:1.5 !important;
}


/* Termin anfragen Button */
.cta-panel .button.primary{
    background: linear-gradient(135deg,
        rgba(143,164,145,0.92) 0%,
        rgba(164,97,68,0.88) 100%) !important;
    border:none !important;
    box-shadow:0 10px 24px rgba(61,38,28,.10) !important;
}

.cta-panel .button.primary:hover{
    opacity:0.94 !important;
}


/* Grünes Kästchen hinter CTA entfernen */
.cta-panel{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}


/* SEO- und Vertrauens-Upgrade */
.seo-local-section,
.seo-service-panel,
.faq-panel {
  border: 1px solid rgba(61, 38, 28, 0.08);
}
.faq-panel details {
  background: rgba(255,255,255,0.58);
  border: 1px solid rgba(164, 97, 68, 0.14);
  border-radius: 18px;
  padding: 1rem 1.15rem;
  margin-top: .85rem;
}
.faq-panel summary {
  cursor: pointer;
  color: #3D261C;
  font-weight: 700;
}
.faq-panel details p {
  margin-bottom: 0;
}
footer p {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* Startseite: Psychologische Praxis in Graz */
.graz-intro-section{
  background:
    radial-gradient(circle at 12% 20%, rgba(143,164,145,.18), transparent 28rem),
    radial-gradient(circle at 86% 78%, rgba(220,164,125,.18), transparent 26rem),
    linear-gradient(135deg, rgba(253,251,247,.92), rgba(248,239,230,.66));
}
.graz-intro-grid{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(280px, .78fr) minmax(480px, 1.32fr);
  gap:clamp(34px,5vw,74px);
  align-items:center;
}
.graz-focus-tiles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.graz-focus-tile{
  min-height:128px;
  border-radius:30px;
  padding:22px 20px;
  display:grid;
  place-items:center;
  text-align:center;
  text-decoration:none;
  font-family:'Nunito Sans', system-ui, sans-serif;
  font-size:clamp(18px,1.35vw,22px);
  font-weight:700;
  line-height:1.18;
  letter-spacing:.01em;
  box-shadow:0 18px 42px rgba(61,38,28,.07);
  border:1px solid rgba(61,38,28,.08);
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease;
}
.graz-focus-tile span{
  max-width:10.5em;
}
.graz-focus-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 56px rgba(61,38,28,.11);
  opacity:.96;
}
.graz-focus-tile.tile-sage{
  background:linear-gradient(135deg, rgba(143,164,145,.82), rgba(143,164,145,.38));
  color:#fffdf8;
}
.graz-focus-tile.tile-peach{
  background:linear-gradient(135deg, rgba(220,164,125,.72), rgba(220,164,125,.30));
  color:#3D261C;
}
.graz-focus-tile.tile-alabaster{
  background:rgba(253,251,247,.86);
  color:#A46144;
}
.graz-focus-tile.tile-terracotta{
  background:linear-gradient(135deg, rgba(164,97,68,.82), rgba(164,97,68,.46));
  color:#fffaf3;
}
.graz-intro-copy{
  max-width:800px;
}
.graz-intro-copy p:not(.overline){
  font-family:'Nunito Sans', system-ui, sans-serif;
  font-size:clamp(19px,1.35vw,23px);
  line-height:1.76;
  color:rgba(61,38,28,.90);
}
.graz-intro-copy p:not(.overline) + p:not(.overline){
  margin-top:18px;
}
@media(max-width:980px){
  .graz-intro-grid{
    grid-template-columns:1fr;
  }
  .graz-intro-copy{
    max-width:none;
  }
}
@media(max-width:620px){
  .graz-focus-tiles{
    grid-template-columns:1fr;
  }
  .graz-focus-tile{
    min-height:92px;
    border-radius:26px;
  }
}

/* --- Feinschliff Startseite: Graz-Intro harmonischer --- */
.graz-intro-section .graz-intro-copy .overline{
  font-family:'Nunito Sans', system-ui, sans-serif;
  font-size:clamp(16px, 1.05vw, 19px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--terracotta);
  margin-bottom:18px;
}
.graz-intro-section .graz-focus-tiles{
  width:min(100%, 500px);
  justify-self:center;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-auto-rows:1fr;
  gap:18px;
}
.graz-intro-section .graz-focus-tile{
  min-height:unset;
  height:clamp(128px, 10.5vw, 150px);
  padding:24px 22px;
  border-radius:32px;
  font-size:clamp(18px, 1.25vw, 21px);
  line-height:1.18;
  box-shadow:0 18px 44px rgba(61,38,28,.075);
}
.graz-intro-section .graz-focus-tile span{
  max-width:11.2em;
}
@media(max-width:980px){
  .graz-intro-section .graz-focus-tiles{
    justify-self:start;
  }
}
@media(max-width:620px){
  .graz-intro-section .graz-focus-tiles{
    width:100%;
    grid-template-columns:1fr;
  }
  .graz-intro-section .graz-focus-tile{
    height:auto;
    min-height:96px;
    border-radius:26px;
  }
}


/* Startseite: Leichtigkeit/Miteinander typografisch vereinheitlicht */
.folder-start-hero .folder-name-value h2,
.folder-start-hero .folder-name-value h2 span{
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(24px, 2.2vw, 34px) !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:.095em !important;
}
.folder-start-hero .folder-name-value h2 span{
  display:block !important;
  margin:0 0 6px !important;
}
@media(max-width:820px){
  .folder-start-hero .folder-name-value h2,
  .folder-start-hero .folder-name-value h2 span{
    font-size:20px !important;
    letter-spacing:.07em !important;
  }
}

/* Startseite: Textblöcke typografisch angleichen */
#haltung .text-flow p,
.graz-intro-copy p:not(.overline){
  font-family:'Nunito Sans', system-ui, sans-serif !important;
  font-size:clamp(19px, 1.35vw, 23px) !important;
  line-height:1.76 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:rgba(61,38,28,.90) !important;
}
#haltung .text-flow strong{
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:700 !important;
  color:var(--terracotta) !important;
}

/* =========================================================
   L.UNA Responsive-Feinschliff für Tablet & Handy
   ergänzt am Ende, damit ältere Regeln sauber überschrieben werden
   ========================================================= */

html{overflow-x:hidden;}
body{overflow-x:hidden;-webkit-text-size-adjust:100%;}
.site-header{min-height:72px;}
.main-nav a,.dropdown button,.top-map-contact,.nav-toggle{touch-action:manipulation;}

@media (max-width: 1180px){
  .section{padding:86px 6vw;}
  .editorial-grid,.split-soft,.focus-intro,.contact-section,.graz-intro-grid{grid-template-columns:1fr !important;gap:42px;}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px;}
  .condition-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .story,.story.reverse{grid-template-columns:1fr !important;gap:24px;padding:46px 46px;}
  .story.reverse div{order:0 !important;}
  .subpage-content{padding-left:6vw !important;padding-right:6vw !important;}
  .content-panel{padding:42px !important;border-radius:34px !important;}
  .detail-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
}

@media (max-width: 1024px){
  .site-header{padding:11px 5vw;gap:12px;align-items:center;}
  .brand img{width:clamp(165px,30vw,210px) !important;}
  .nav-toggle{display:inline-flex !important;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;background:rgba(253,251,247,.85);border:1px solid rgba(164,97,68,.22);box-shadow:0 10px 26px rgba(61,38,28,.07);font-size:30px;line-height:1;color:var(--terracotta);}
  .top-map-contact.map-icon-only{width:46px;height:46px;padding:7px !important;}
  .top-map-contact.map-icon-only img{width:32px !important;height:32px !important;}
  .main-nav,.site-header .main-nav{display:none !important;position:absolute;top:100%;left:4vw;right:4vw;z-index:300;padding:14px !important;background:rgba(253,251,247,.985);border:1px solid rgba(164,97,68,.16);border-radius:0 0 26px 26px;box-shadow:0 22px 60px rgba(61,38,28,.14);max-height:calc(100svh - 82px);overflow:auto;-webkit-overflow-scrolling:touch;}
  .nav-open .main-nav,.nav-open .site-header .main-nav{display:grid !important;grid-template-columns:1fr;gap:4px;align-items:stretch;}
  .site-header .main-nav > a,.site-header .main-nav .dropdown > button{width:100% !important;display:flex !important;justify-content:flex-start !important;align-items:center !important;padding:11px 12px !important;border-radius:15px !important;font-size:24px !important;letter-spacing:.035em !important;line-height:1.15 !important;}
  .site-header .dropdown{width:100%;}
  .site-header .dropdown-content{position:static !important;display:grid !important;min-width:0 !important;margin:0 0 6px 12px !important;padding:2px 0 4px 10px !important;background:transparent !important;border:0 !important;box-shadow:none !important;gap:1px !important;}
  .site-header .dropdown-content a{font-family:'Nunito Sans',system-ui,sans-serif !important;font-size:16px !important;line-height:1.3 !important;padding:8px 10px !important;border-radius:12px !important;}
}

@media (max-width: 820px){
  body{font-size:16.5px;line-height:1.65;}
  h1{font-size:clamp(42px,13vw,56px) !important;line-height:.98;margin-bottom:16px;}
  h2{font-size:clamp(34px,10vw,46px) !important;line-height:1.02;margin-bottom:16px;}
  h3{font-size:clamp(25px,7vw,34px) !important;line-height:1.08;}
  p{margin-bottom:14px;}
  .overline{font-size:15px !important;letter-spacing:.105em;line-height:1.25;}
  .section{padding:58px 5vw !important;}
  .button,.small-section-button,.mini-button,.story-button{font-size:18px !important;padding:11px 19px !important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
  .folder-start-hero{min-height:auto !important;padding:28px 5vw 34px !important;}
  .folder-start-inner{margin-top:0 !important;padding:8px 0 !important;}
  .folder-start-logo{width:min(320px,86vw) !important;margin-bottom:20px !important;}
  .folder-name-values{grid-template-columns:1fr 1fr !important;gap:14px !important;width:100% !important;}
  .folder-name-value{padding:0 4px;}
  .folder-value-icon{width:76px !important;height:76px !important;margin-bottom:8px !important;}
  .folder-value-icon img{max-width:58px;}
  .folder-start-hero .folder-name-value h2,
  .folder-start-hero .folder-name-value h2 span{font-size:18px !important;letter-spacing:.055em !important;}
  .folder-start-script{font-size:clamp(31px,10vw,40px) !important;line-height:1.08 !important;margin-top:20px !important;}
  .soft-panel{min-height:0 !important;padding:30px 24px !important;border-radius:28px !important;}
  .text-flow,#haltung .text-flow p,.graz-intro-copy p:not(.overline),.focus-intro p:not(.overline),.story p:not(.overline){font-size:18px !important;line-height:1.68 !important;}
  .graz-intro-section .graz-focus-tiles{grid-template-columns:1fr 1fr !important;gap:12px !important;width:100% !important;justify-self:stretch !important;}
  .graz-intro-section .graz-focus-tile{height:auto !important;min-height:88px !important;border-radius:22px !important;padding:17px 14px !important;font-size:17px !important;}
  .values-row{gap:20px !important;margin:30px auto 22px !important;}
  .values-row article{padding:12px !important;}
  .value-icon{width:112px !important;height:112px !important;margin-bottom:12px !important;}
  .value-icon img{width:68px !important;}
  .script-line{font-size:clamp(30px,9vw,42px) !important;margin-top:22px !important;}
  .focus-intro img,.process-section img,.costs-section>img,.premium-link-card img,.folder-img{border-radius:22px !important;}
  .focus-stories{padding:12px 5vw 56px !important;}
  .story,.story.reverse{padding:28px 22px !important;margin:16px auto !important;border-radius:28px !important;gap:14px !important;}
  .team-grid,.offer-grid,.condition-grid,.contact-icon-grid{grid-template-columns:1fr !important;gap:18px !important;}
  .team-card,.offer-card,.condition-grid article{border-radius:28px !important;padding:22px !important;}
  .photo-placeholder{height:200px !important;border-radius:24px !important;font-size:28px !important;}
  .offer-card{min-height:0 !important;}
  .offer-card .offer-icon{max-width:118px !important;max-height:118px !important;margin-left:auto !important;margin-right:auto !important;}
  .contact-section{display:block !important;}
  .contact-form{margin-top:22px;padding:22px !important;border-radius:24px !important;}
  .subpage-hero{padding:48px 5vw 42px !important;min-height:auto !important;}
  .subpage-logo{width:min(290px,82vw) !important;margin-bottom:18px !important;}
  .subpage-intro,.subpage-claim{font-size:clamp(22px,6.3vw,31px) !important;line-height:1.25 !important;}
  .subpage-content{padding:42px 5vw 58px !important;}
  .content-panel{padding:28px 22px !important;border-radius:26px !important;margin-bottom:20px !important;}
  .detail-list{grid-template-columns:1fr !important;gap:10px !important;padding-left:0 !important;}
  .detail-list li{padding:14px 15px !important;border-radius:18px !important;}
  .contact-icon-grid article,.contact-icon-grid .contact-address-card{grid-template-columns:60px 1fr !important;gap:14px !important;padding:17px !important;border-radius:22px !important;align-items:center;}
  .contact-icon-grid img,.contact-icon-grid .contact-address-card img{width:58px !important;height:58px !important;}
  .contact-icon-grid h3{font-size:24px !important;}
  .contact-icon-grid p,.contact-icon-grid a{font-size:16px !important;line-height:1.45 !important;word-break:break-word;}
  .practice-slideshow{height:300px !important;border-radius:22px !important;}
  footer{padding:38px 5vw !important;}
  footer img{width:210px !important;}
}

@media (max-width: 520px){
  .site-header{padding:9px 4.5vw;gap:8px;}
  .brand img{width:158px !important;}
  .nav-toggle,.top-map-contact.map-icon-only{width:42px;height:42px;}
  .top-map-contact.map-icon-only img{width:29px !important;height:29px !important;}
  .main-nav,.site-header .main-nav{left:3vw;right:3vw;max-height:calc(100svh - 68px);padding:12px !important;}
  .site-header .main-nav > a,.site-header .main-nav .dropdown > button{font-size:21px !important;padding:10px 10px !important;}
  .site-header .dropdown-content a{font-size:15.5px !important;padding:7px 9px !important;}
  .section{padding:46px 4.8vw !important;}
  .folder-name-values{grid-template-columns:1fr !important;gap:14px !important;}
  .folder-value-icon{width:72px !important;height:72px !important;}
  .graz-intro-section .graz-focus-tiles{grid-template-columns:1fr !important;}
  .graz-intro-section .graz-focus-tile{min-height:78px !important;}
  .content-panel{padding:24px 18px !important;}
  .story,.story.reverse{padding:24px 18px !important;}
  .contact-icon-grid article,.contact-icon-grid .contact-address-card{grid-template-columns:1fr !important;text-align:center;justify-items:center;}
  .contact-icon-grid p,.contact-icon-grid a{text-align:center;}
  input,textarea{font-size:16px !important;}
}

.list-subline{display:block;font-size:0.92em;font-weight:400;color:rgba(61,38,28,.78);margin-top:4px;}

/* Startseite: Schreibschrift-Satz in L.UNA-Rot */
.luna-script-red-heading{
  font-family:'Caveat','Cormorant Garamond',serif;
  color:var(--terracotta);
  font-size:clamp(40px, 5vw, 72px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:.005em;
  margin:0;
  transform:rotate(-0.8deg);
  text-shadow:0 10px 24px rgba(164,97,68,.10);
}

/* Startseite: Button „Mehr zur Praxis“ im Abschnitt „Unsere Praxis“ mittig ausrichten */
#praxis .small-section-button{
    display:flex !important;
    width:max-content !important;
    margin:0 auto !important;
}

/* --- Team-Fotos auf der Startseite --- */
.photo-placeholder.has-photo{
  padding:0;
  overflow:hidden;
  background:none;
  display:block;
}
.photo-placeholder.has-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 32%;
  border-radius:inherit;
}

/* --- Foto-Fix: Praxis-, Haltung- und Teamfotos vollständig anzeigen --- */
/* Die Bilder werden nicht mehr künstlich in den Rahmen hineingezoomt.
   So bleiben Köpfe, Raumkanten und Gruppenfotos vollständig sichtbar. */
.practice-slideshow{
  background:#FDFBF7 !important;
}
.practice-slideshow img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#FDFBF7 !important;
  transform:none !important;
  animation:fadeSlideNoCrop 12s infinite ease-in-out !important;
}
.practice-slideshow img:nth-child(1){animation-delay:0s !important;}
.practice-slideshow img:nth-child(2){animation-delay:4s !important;}
.practice-slideshow img:nth-child(3){animation-delay:8s !important;}
@keyframes fadeSlideNoCrop{
  0%,25%{opacity:1;transform:none;}
  33%,100%{opacity:0;transform:none;}
}

.houding-photo-hover img,
.team-photo-frame img,
.photo-placeholder.has-photo img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#FDFBF7 !important;
}

.houding-photo-hover .photo-secondary,
.houding-photo-hover:hover .photo-primary,
.houding-photo-hover:hover .photo-secondary{
  transform:none !important;
}

/* --- Update 2026-06-24: Team-Fotos größer + weichere Praxis-Slideshow --- */
/* Startseite Team: größere Fotoflächen, weiterhin vollständig sichtbar */
.team-grid{
  max-width:1280px !important;
  gap:32px !important;
}
.team-grid > .team-card.card-link{
  padding:28px !important;
}
.team-grid > .team-card.card-link .photo-placeholder{
  height:335px !important;
  margin-bottom:24px !important;
  border-radius:34px !important;
}
.team-grid > .team-card.card-link .photo-placeholder.has-photo img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#FDFBF7 !important;
}

/* Team-Unterseite: größere Porträtrahmen neben dem Text */
.subpage-content .team-card{
  grid-template-columns:minmax(0, 1fr) minmax(260px, 330px) !important;
  gap:2.4rem !important;
}
.team-photo-frame{
  width:min(330px, 100%) !important;
  aspect-ratio:4 / 5 !important;
  border-radius:30px !important;
}
.team-photo-frame img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#FDFBF7 !important;
}

/* Praxis-Fotos: längere, weichere Überblendung ohne sichtbares Springen */
.practice-slideshow img{
  animation:fadeSlideSoft 18s infinite ease-in-out !important;
  will-change:opacity;
}
.practice-slideshow img:nth-child(1){animation-delay:0s !important;}
.practice-slideshow img:nth-child(2){animation-delay:6s !important;}
.practice-slideshow img:nth-child(3){animation-delay:12s !important;}
@keyframes fadeSlideSoft{
  0%{opacity:0;}
  7%{opacity:1;}
  31%{opacity:1;}
  43%{opacity:0;}
  100%{opacity:0;}
}

@media (max-width: 980px){
  .team-grid > .team-card.card-link .photo-placeholder{
    height:300px !important;
  }
}
@media (max-width: 760px){
  .subpage-content .team-card{
    grid-template-columns:1fr !important;
  }
  .team-photo-frame{
    width:min(340px, 86vw) !important;
    justify-self:center !important;
  }
  .team-grid > .team-card.card-link .photo-placeholder{
    height:300px !important;
  }
}

/* --- Update 2026-06-24: Ränder bei Team- und Haltung-Fotos wegschneiden --- */
/* Nach dem vorherigen Contain-Fix werden die Bilder jetzt wieder gezielt angeschnitten,
   damit keine hellen Innenränder sichtbar sind. */
.houding-photo-hover img,
.team-photo-frame img,
.photo-placeholder.has-photo img{
  object-fit:cover !important;
  background:transparent !important;
}

/* Haltung / Gruppenfotos */
.houding-photo-hover .photo-primary,
.houding-photo-hover .photo-secondary{
  object-position:center 34% !important;
}

/* Startseite Team */
.team-grid > .team-card.card-link .photo-placeholder{
  height:360px !important;
}
.team-grid > .team-card.card-link .photo-placeholder.has-photo img{
  object-position:center 22% !important;
}

/* Team-Unterseite */
.team-photo-frame img{
  object-position:center 22% !important;
}

/* Feintuning pro Person */
img[src*="team-anna-maria.jpg"]{ object-position:center 20% !important; }
img[src*="team-bettina.jpg"]{ object-position:center 21% !important; }
img[src*="team-paul.jpg"]{ object-position:center 18% !important; }

@media (max-width: 980px){
  .team-grid > .team-card.card-link .photo-placeholder{
    height:320px !important;
  }
}
@media (max-width: 760px){
  .team-grid > .team-card.card-link .photo-placeholder{
    height:300px !important;
  }
}

/* --- Mobile-Optimierung 2026-06-25: Zentrierung, Listen und Touch-Foto --- */
@media (max-width: 820px){
  .subpage-hero,
  .subpage-hero-inner,
  .section-heading,
  .soft-panel,
  .focus-intro > div,
  .costs-section .section-heading,
  .offers-section .section-heading,
  .team-section .section-heading,
  .praxis-section .section-heading,
  .contact-section > div:first-child,
  .cta-panel{
    text-align:center !important;
  }

  .subpage-hero h1,
  .subpage-hero h2,
  .section h1,
  .section h2,
  .section h3,
  .section .overline,
  .content-panel > .overline{
    text-align:center !important;
  }

  .button,
  .small-section-button,
  .mini-button,
  .story-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    max-width:100% !important;
  }

  .section-heading .small-section-button,
  .text-flow .small-section-button,
  .content-panel .small-section-button,
  .cta-panel .button{
    display:flex !important;
    width:max-content !important;
  }

  .story-button,
  .story.reverse .story-button{
    width:max-content !important;
  }

  .focus-image-button{
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
  .focus-image-link:hover .focus-image-button,
  .focus-image-link:focus-visible .focus-image-button,
  .focus-image-link:active .focus-image-button{
    transform:translateX(-50%) !important;
  }

  .costs-section{
    grid-template-columns:1fr !important;
    text-align:center !important;
    gap:1.5rem !important;
  }
  .costs-section .premium-link-card{
    justify-self:center !important;
    transform:none !important;
    max-width:min(430px,92vw) !important;
  }

  /* Aufzählungspunkte auf Kosten- und Angebotsseiten: wieder Abstand zum Text herstellen */
  .detail-list{
    text-align:left !important;
    padding-left:0 !important;
  }
  .detail-list li{
    padding:14px 16px 14px 44px !important;
    line-height:1.42 !important;
    text-align:left !important;
  }
  .detail-list li::before{
    inset:auto !important;
    left:17px !important;
    top:18px !important;
    width:12px !important;
    height:12px !important;
    border-radius:50% !important;
    box-shadow:0 0 0 4px rgba(220,164,125,.16) !important;
  }

  /* Schwerpunktseiten behalten ihre ruhigen Farbkacheln ohne überlappende Punkte */
  .schwerpunkt-page .detail-list li{
    padding:15px 18px 15px 24px !important;
  }
  .schwerpunkt-page .detail-list li::before{
    inset:0 auto 0 0 !important;
    left:0 !important;
    top:0 !important;
    width:7px !important;
    height:auto !important;
    border-radius:20px 0 0 20px !important;
    box-shadow:none !important;
  }

  /* Unsere Haltung: Satz kleiner und sicher unter dem Foto */
  .houding-photo-hover,
  .team-group-photo{
    width:min(640px,92vw) !important;
    margin:1rem auto .65rem !important;
    border-radius:24px !important;
  }
  .subpage-hero .subpage-intro{
    margin-top:.75rem !important;
    margin-bottom:.25rem !important;
    max-width:92vw !important;
  }
  .subpage-hero .subpage-intro .luna-script-green{
    font-size:clamp(1.42rem,6vw,1.95rem) !important;
    line-height:1.12 !important;
    max-width:90vw !important;
  }
}

/* Weicher Foto-Wechsel: Desktop bei Hover, Smartphone bei Berührung */
.houding-photo-hover{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.houding-photo-hover img{
  transition:opacity .75s ease, transform .75s ease, filter .75s ease !important;
}
.houding-photo-hover:active .photo-primary,
.houding-photo-hover:focus .photo-primary{
  opacity:0 !important;
  transform:scale(1.02) !important;
}
.houding-photo-hover:active .photo-secondary,
.houding-photo-hover:focus .photo-secondary{
  opacity:1 !important;
  transform:scale(1) !important;
}


/* =========================================================
   Mobile-Fix 2026-06-25: Startseite, Buttons, Haltung-Foto, Listen
   Diese Regeln stehen bewusst am Ende und betreffen nur Smartphone/Tablet-Breiten.
   ========================================================= */
@media (max-width: 820px){
  /* Startseite / Hero: Logo und Claim sicher mittig und gut lesbar */
  #start,
  #start .folder-start-inner{
    text-align:center !important;
    justify-items:center !important;
    align-items:center !important;
  }
  #start .folder-start-logo{
    display:block !important;
    width:min(350px, 88vw) !important;
    max-width:88vw !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:20px !important;
  }
  #start .folder-name-values{
    justify-content:center !important;
    justify-items:center !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #start .folder-name-value,
  #start .folder-name-value h2{
    text-align:center !important;
  }
  #start .folder-start-script{
    display:block !important;
    width:min(370px, 92vw) !important;
    max-width:92vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    transform:none !important;
    font-size:clamp(30px, 9.4vw, 39px) !important;
    line-height:1.12 !important;
    letter-spacing:.01em !important;
    word-spacing:.03em !important;
  }
  #start .folder-start-script .script-reveal{
    display:block !important;
    white-space:normal !important;
    text-align:center !important;
    max-width:100% !important;
  }

  /* Startseite: alle sichtbaren Call-to-Action-Buttons mittig */
  main .button,
  main .small-section-button,
  main .mini-button,
  main .story-button{
    display:flex !important;
    width:max-content !important;
    max-width:92vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
    align-self:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .team-grid > .team-card.card-link .mini-button,
  .offer-grid > .offer-card.card-link .mini-button{
    align-self:center !important;
  }
  .text-flow,
  .section-heading,
  .offer-card,
  .team-card,
  .condition-grid article,
  #praxis{
    text-align:center !important;
  }

  /* Kosten / Angebote: Aufzählungspunkte bekommen fixen Abstand und liegen nicht mehr auf dem Text */
  .content-panel .detail-list,
  .detail-list{
    grid-template-columns:1fr !important;
    padding-left:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    list-style:none !important;
    text-align:left !important;
  }
  .content-panel .detail-list li,
  .detail-list li{
    position:relative !important;
    padding:14px 16px 14px 48px !important;
    min-height:0 !important;
    line-height:1.43 !important;
    text-align:left !important;
  }
  .content-panel .detail-list li::before,
  .detail-list li::before{
    content:"" !important;
    position:absolute !important;
    left:18px !important;
    top:20px !important;
    width:12px !important;
    height:12px !important;
    border-radius:50% !important;
    background:var(--peach) !important;
    box-shadow:0 0 0 4px rgba(220,164,125,.16) !important;
  }

  /* Schwerpunktseiten nutzen weiter die Seitenmarkierung, aber ohne Text-Überlagerung */
  .schwerpunkt-page .content-panel .detail-list li,
  .schwerpunkt-page .detail-list li{
    padding:15px 18px 15px 26px !important;
  }
  .schwerpunkt-page .content-panel .detail-list li::before,
  .schwerpunkt-page .detail-list li::before{
    left:0 !important;
    top:0 !important;
    width:7px !important;
    height:100% !important;
    border-radius:20px 0 0 20px !important;
    box-shadow:none !important;
  }

  /* Unsere Haltung: Foto und Satz sauber getrennt, Satz kleiner und nicht im Bildbereich */
  .houding-photo-hover,
  .team-group-photo{
    width:min(640px, 92vw) !important;
    margin:1rem auto .85rem !important;
    border-radius:24px !important;
  }
  .subpage-hero .subpage-intro{
    clear:both !important;
    position:relative !important;
    z-index:3 !important;
    margin:.65rem auto .25rem !important;
    max-width:88vw !important;
  }
  .subpage-hero .subpage-intro .luna-script-green{
    font-size:clamp(1.12rem, 4.7vw, 1.48rem) !important;
    line-height:1.12 !important;
    max-width:86vw !important;
  }
}

@media (max-width: 520px){
  #start .folder-start-logo{
    width:min(315px, 86vw) !important;
  }
  #start .folder-start-script{
    width:min(330px, 90vw) !important;
    font-size:clamp(28px, 8.8vw, 34px) !important;
    line-height:1.13 !important;
  }
  .subpage-hero .subpage-intro .luna-script-green{
    font-size:clamp(1.05rem, 4.35vw, 1.28rem) !important;
    line-height:1.12 !important;
    max-width:84vw !important;
  }
}

/* Haltung-Foto: Hover am Desktop, Berührung/Fokus/Klick am Smartphone */
.houding-photo-hover.is-photo-switched .photo-primary,
.houding-photo-hover:active .photo-primary,
.houding-photo-hover:focus .photo-primary{
  opacity:0 !important;
  transform:scale(1.02) !important;
}
.houding-photo-hover.is-photo-switched .photo-secondary,
.houding-photo-hover:active .photo-secondary,
.houding-photo-hover:focus .photo-secondary{
  opacity:1 !important;
  transform:scale(1) !important;
}

/* =========================================================
   Mobile-Fix 2026-06-25: L.UNA-Icons enger + Kontaktlogo mittig
   Nur Smartphone/Tablet-Breiten; Desktop bleibt unverändert.
   ========================================================= */
@media (max-width: 820px){
  /* Startseite oben: L / UNA-Icons enger zusammen und innerhalb der Bildschirmbreite halten */
  #start .folder-name-values{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:min(340px, 92vw) !important;
    max-width:92vw !important;
    gap:6px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
  }
  #start .folder-name-value{
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  #start .folder-value-icon{
    width:68px !important;
    height:68px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #start .folder-value-icon img{
    max-width:52px !important;
    max-height:52px !important;
  }
  #start .folder-start-hero .folder-name-value h2,
  #start .folder-name-value h2{
    font-size:16px !important;
    letter-spacing:.035em !important;
    line-height:1.08 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
  #start .folder-start-hero .folder-name-value h2 span,
  #start .folder-name-value h2 span{
    font-size:17px !important;
    letter-spacing:.04em !important;
  }

  /* Startseite / Bereich „Was L.UNA bedeutet“: Karten kompakter, damit nichts seitlich hinausragt */
  .values-section .values-row{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:min(360px, 92vw) !important;
    max-width:92vw !important;
    gap:10px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
  }
  .values-section .values-row article{
    min-width:0 !important;
    padding:8px 2px !important;
  }
  .values-section .value-icon{
    width:88px !important;
    height:88px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .values-section .value-icon img{
    width:56px !important;
    max-width:56px !important;
  }
  .values-section .values-row h3{
    font-size:22px !important;
    letter-spacing:.01em !important;
    line-height:1.05 !important;
  }
  .values-section .values-row p{
    font-size:15.5px !important;
    line-height:1.35 !important;
  }

  /* Startseite Kontakt: L.UNA-Logo mittig statt nach links verschoben */
  #kontakt h2{
    text-align:center !important;
  }
  #kontakt h2 img{
    display:block !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:min(320px, 84vw) !important;
    max-width:84vw !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}

@media (max-width: 420px){
  #start .folder-name-values{
    width:min(306px, 90vw) !important;
    max-width:90vw !important;
    gap:4px !important;
  }
  #start .folder-value-icon{
    width:64px !important;
    height:64px !important;
  }
  #start .folder-value-icon img{
    max-width:48px !important;
    max-height:48px !important;
  }
  #start .folder-name-value h2{
    font-size:15px !important;
    letter-spacing:.025em !important;
  }
  #start .folder-name-value h2 span{
    font-size:16px !important;
  }
  .values-section .values-row{
    width:min(320px, 90vw) !important;
    max-width:90vw !important;
    gap:6px !important;
  }
  .values-section .value-icon{
    width:78px !important;
    height:78px !important;
  }
  .values-section .value-icon img{
    width:50px !important;
    max-width:50px !important;
  }
  .values-section .values-row h3{
    font-size:19px !important;
  }
  .values-section .values-row p{
    font-size:14.5px !important;
  }
}

/* =========================================================
   Mobile-Fix 2026-06-25: Unsere Haltung – Claim besser lesbar
   Nur Smartphone/Tablet-Breiten; Desktop bleibt unverändert.
   ========================================================= */
@media (max-width: 820px){
  .subpage-hero .subpage-intro .haltung-intro-claim{
    color:#a8583f !important;
    text-shadow:0 1px 0 rgba(255,252,246,.85), 0 0 10px rgba(255,252,246,.72) !important;
  }
}

@media (max-width: 520px){
  .subpage-hero .subpage-intro .haltung-intro-claim{
    color:#a24f3c !important;
    font-weight:500 !important;
  }
}

/* Kontaktformular: Datenschutz-Checkbox und Spam-Schutz */
.consent-check{
  display:flex !important;
  align-items:flex-start;
  gap:10px;
  color:var(--espresso) !important;
  font-size:15px;
  font-weight:500 !important;
  line-height:1.45;
}
.consent-check input{
  width:auto !important;
  min-width:18px;
  margin-top:4px;
}
.consent-check a{
  color:var(--terracotta);
  font-weight:700;
}
.optional-field{
  color:rgba(61,38,28,.58);
  font-size:.85em;
  font-weight:500;
}
.hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* =========================================================
   Mobile-Fix 2026-06-27: Startanimation Claim
   Repariert das Schreiben von "... für ein leichtes Miteinander" am Smartphone.
   Statt Breiten-Animation mit ch-Werten wird mobil weich per Clip-Reveal eingeblendet,
   damit der Text nicht ruckelt, nicht umbricht und nicht abgeschnitten wirkt.
   ========================================================= */
@media (max-width: 820px){
  #start .folder-start-script{
    width:min(360px, 92vw) !important;
    max-width:92vw !important;
    font-size:clamp(24px, 7.6vw, 32px) !important;
    line-height:1.08 !important;
    margin-top:20px !important;
    overflow:visible !important;
    text-align:center !important;
  }

  #start .folder-start-script .script-reveal{
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-align:center !important;
  }

  .luna-first-load #start .folder-start-script .script-reveal{
    opacity:0 !important;
    width:auto !important;
    border-right:0 !important;
    clip-path:inset(0 100% 0 0);
    animation:lunaMobileClaimWrite 1.85s cubic-bezier(.22,.78,.18,1) 2.05s forwards !important;
  }

  .luna-first-load #start .folder-start-script .script-reveal::after{
    content:"";
    display:inline-block;
    width:2px;
    height:.88em;
    margin-left:4px;
    background:rgba(143,164,145,.62);
    border-radius:2px;
    vertical-align:-.08em;
    animation:lunaMobileClaimCursor 2.15s ease 2.05s forwards;
  }
}

@media (max-width: 420px){
  #start .folder-start-script{
    width:min(330px, 91vw) !important;
    font-size:clamp(22px, 7.35vw, 29px) !important;
  }
}

@keyframes lunaMobileClaimWrite{
  0%{
    opacity:0;
    clip-path:inset(0 100% 0 0);
    transform:translateY(6px);
  }
  12%{
    opacity:1;
  }
  100%{
    opacity:1;
    clip-path:inset(0 0 0 0);
    transform:translateY(0);
  }
}

@keyframes lunaMobileClaimCursor{
  0%,82%{opacity:1;}
  100%{opacity:0;}
}

@media (prefers-reduced-motion: reduce){
  .luna-first-load #start .folder-start-script .script-reveal{
    clip-path:none !important;
    animation:none !important;
    opacity:1 !important;
  }
  .luna-first-load #start .folder-start-script .script-reveal::after{
    display:none !important;
  }
}