/* Freigegebene Materialflächen im Fundament-Abschnitt; ausschließlich Home. */
.page-home #zahnmedizin{scroll-margin-top:88px}
.page-home #zahnmedizin .zm-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:clamp(36px,5vw,64px);align-items:center}
.page-home #zahnmedizin .zm-grid>*{min-width:0}
.page-home #zahnmedizin .zm-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;border-top:0}
.page-home #zahnmedizin .zm-list a{
  position:relative;isolation:isolate;min-width:0;min-height:78px;gap:14px;
  padding:19px 20px;border:0;border-top:1px solid rgba(154,125,82,.5);
  border-bottom:1px solid rgba(154,125,82,.22);
  background:#e9e0d4;color:var(--text-dark);
  box-shadow:0 2px 0 rgba(105,81,47,.05),inset 0 1px 0 rgba(255,255,255,.45);
  font-family:var(--serif);font-size:clamp(24px,2.1vw,28px);font-weight:400;line-height:1.15;
  transition:border-color .35s ease,box-shadow .35s ease;
}
.page-home #zahnmedizin .zm-list a::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,rgba(184,155,106,.02),rgba(184,155,106,.46) 58%,rgba(229,210,174,.2));
  opacity:0;transition:opacity .45s ease;
}
.page-home #zahnmedizin .zm-list a::after{content:none}
.page-home #zahnmedizin .zm-list a>span:first-child{min-width:0;overflow-wrap:break-word}
.page-home #zahnmedizin .zm-list a>span[aria-hidden]{flex:none;color:#785c35;font-family:var(--sans);font-size:20px;font-weight:400;line-height:1}
.page-home #zahnmedizin .zm-list a:focus-visible{outline:2px solid #785c35;outline-offset:4px;border-top-color:#785c35;box-shadow:0 3px 0 rgba(105,81,47,.09)}
.page-home #zahnmedizin .zm-list a:focus-visible::before{opacity:1}
.page-home #zahnmedizin .side-card{
  position:relative;padding:46px 36px;background:linear-gradient(145deg,#30271e,#1a1714 75%);
  border:1px solid rgba(184,155,106,.58);color:#d9d0c5;
  box-shadow:0 18px 42px rgba(42,37,35,.08);
}
.page-home #zahnmedizin .side-card::before{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid rgba(184,155,106,.14)}
.page-home #zahnmedizin .side-card .eyebrow{color:#c9ac7a;font-size:10.5px}
.page-home #zahnmedizin .side-card h3{margin:26px 0 22px;color:#f0ece4;font-size:clamp(34px,3.1vw,42px);line-height:1.08}
.page-home #zahnmedizin .side-card p{font-size:15px;line-height:1.85}
.page-home #zahnmedizin .side-card .btn{position:relative;margin-top:32px;width:100%;min-height:48px;padding:17px 20px;background:#e9ddc9;border-color:#e9ddc9;color:#2a2523;letter-spacing:.16em}
.page-home #zahnmedizin .side-card .btn:focus-visible{background:#f5ebdc;border-color:#f5ebdc;color:#2a2523;outline:2px solid #c9ac7a;outline-offset:4px}
.page-home #zahnmedizin .home-sleep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:28px;margin-top:52px;padding:32px 0;border-top:1px solid rgba(154,125,82,.5);border-bottom:1px solid rgba(154,125,82,.22)}
.page-home #zahnmedizin .home-sleep h3{font-size:clamp(32px,3vw,40px);line-height:1.1;margin:12px 0 0}
.page-home #zahnmedizin .home-sleep p:not(.eyebrow){font-size:15px;line-height:1.8;margin:0}
.page-home #zahnmedizin .home-sleep .btn{min-height:48px;padding:15px 22px;background:var(--bg-deep);color:var(--text-light);border-color:var(--bg-deep)}
@media(hover:hover) and (pointer:fine){
  .page-home #zahnmedizin .zm-list a:hover{color:var(--text-dark);border-top-color:#9a7d52;box-shadow:0 3px 0 rgba(105,81,47,.09)}
  .page-home #zahnmedizin .zm-list a:hover::before{opacity:1}
  .page-home #zahnmedizin .side-card .btn:hover{background:#f5ebdc;border-color:#f5ebdc;color:#2a2523}
}
@media(max-width:1050px) and (min-width:901px){
  .page-home #zahnmedizin .zm-list{gap:12px}
  .page-home #zahnmedizin .zm-list a{padding:18px 14px;font-size:24px}
  .page-home #zahnmedizin .side-card{padding:40px 28px}
}
@media(max-width:900px){
  .page-home #zahnmedizin .zm-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .page-home #zahnmedizin .side-card{padding:36px;max-width:560px}
  .page-home #zahnmedizin .home-sleep{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:36px}
  .page-home #zahnmedizin .home-sleep .btn{justify-self:start}
}
@media(max-width:700px){
  .page-home #zahnmedizin .zm-list{grid-template-columns:minmax(0,1fr);gap:10px}
  .page-home #zahnmedizin .zm-list a{min-height:72px;font-size:clamp(24px,4.4vw,27px)}
}
@media(max-width:560px){
  .page-home #zahnmedizin .side-card{padding:36px 28px}
}
@media(max-width:400px){
  .page-home #zahnmedizin .zm-list a{padding:18px 16px}
}
@media(prefers-reduced-motion:reduce){
  .page-home #zahnmedizin .zm-list a,.page-home #zahnmedizin .zm-list a::before,.page-home #zahnmedizin .side-card .btn{transition:none}
}
