/* Footer hierarchy: brand and invitation above three readable columns. */
#kontakt{background:#504747;color:#fff}
#kontakt .footer-invitation{padding:26px 0;gap:24px;border-color:#ffffff24;flex-direction:row;align-items:center}
#kontakt .footer-signoff{display:flex;align-items:center;gap:22px;min-width:0}
#kontakt .footer-mark{display:block;flex:0 0 64px}
#kontakt .footer-mark img{width:64px;height:70px;object-fit:contain}
#kontakt .footer-invitation h2{font-family:Outfit,sans-serif;font-size:clamp(25px,2.5vw,34px);font-weight:500;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
#kontakt .footer-invitation .eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500;margin-bottom:8px;color:#e1cbc1}
#kontakt .footer-invitation>.button{background:#f5eeea;color:#763e3e;font-size:14px;font-weight:500;padding:12px 15px 12px 22px;gap:18px}
#kontakt .footer-invitation>.button:hover{background:white}
#kontakt .footer-columns{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:42px;padding:28px 0 30px}
#kontakt .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px;grid-column:auto}
#kontakt .footer-column h3{font-family:Outfit,sans-serif;font-size:17px;font-weight:500;letter-spacing:0;line-height:1.3;margin:0 0 7px;color:#fff}
#kontakt .footer-column>a,#kontakt .footer-column>button{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400;line-height:1.55;color:#eee6e2}
#kontakt .footer-column>button span{font-size:12px;line-height:1.5;color:#d2c5bf;margin-top:2px}
#kontakt .footer-contact .footer-phone{font-family:Outfit,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.015em;color:#fff;white-space:nowrap}
#kontakt .footer-contact>a[href^="mailto:"]{font-size:14px;overflow-wrap:anywhere}
#kontakt .footer-contact p{font-size:13px;line-height:1.65;color:#d2c5bf;margin:2px 0}
#kontakt .footer-contact .footer-map{font-size:12px;color:#e1cbc1;text-decoration:underline;text-underline-offset:4px}
#kontakt .footer-base{border-color:#ffffff24;padding:16px 0;gap:20px;font-size:11px;color:#d2c5bf}
#kontakt .footer-base>span:nth-child(2){font-size:10px}
#kontakt a:focus-visible,#kontakt button:focus-visible{outline:2px solid #e1cbc1;outline-offset:5px}
@media(max-width:900px){#kontakt .footer-signoff{gap:15px}#kontakt .footer-mark{flex-basis:52px}#kontakt .footer-mark img{width:52px;height:60px}#kontakt .footer-columns{gap:24px}#kontakt .footer-invitation h2{font-size:26px}#kontakt .footer-invitation>.button{font-size:13px;gap:12px;padding:11px 13px 11px 18px}#kontakt .footer-contact .footer-phone{font-size:21px}}
@media(max-width:640px){#kontakt .footer-invitation{align-items:flex-start;flex-direction:column;gap:19px;padding:24px 0}#kontakt .footer-signoff{gap:17px}#kontakt .footer-invitation h2{font-size:27px}#kontakt .footer-columns{grid-template-columns:1fr 1fr;gap:25px 20px;padding:25px 0}#kontakt .footer-column{gap:9px}#kontakt .footer-column h3{font-size:16px;margin-bottom:3px}#kontakt .footer-column>a,#kontakt .footer-column>button{font-size:13px}#kontakt .footer-column>button span{font-size:11px}#kontakt .footer-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}#kontakt .footer-contact h3{grid-column:1/-1}#kontakt .footer-contact .footer-phone{grid-column:1;grid-row:2;font-size:18px}#kontakt .footer-contact>a[href^="mailto:"]{grid-column:1;grid-row:3;font-size:11px}#kontakt .footer-contact p{grid-column:2;grid-row:2/4;font-size:12px;margin:0}#kontakt .footer-contact .footer-map{grid-column:1/-1;grid-row:4;font-size:12px}#kontakt .footer-base{flex-wrap:wrap;gap:10px;font-size:10px}#kontakt .footer-base>span:nth-child(2){order:3;width:100%;font-size:9px}#kontakt .footer-base>a{margin-left:auto}}
#kontakt .contact-card{background:#ffffff07;border:1px solid #ffffff1a;border-radius:18px;padding:20px;gap:15px}
#kontakt .contact-card h3{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:17px;margin:0 0 1px}
#kontakt .contact-card h3>span{font:400 10px 'DM Sans',sans-serif;color:#e1cbc1;white-space:nowrap}
#kontakt .contact-card .contact-row{display:flex;align-items:center;gap:12px;min-width:0;width:100%;text-decoration:none;grid-area:auto;font-size:13px}
#kontakt .contact-row svg{width:19px;height:19px;flex-shrink:0;color:#e1cbc1}
#kontakt .contact-row>span{display:flex;flex-direction:column;gap:2px;min-width:0}
#kontakt .contact-row small{font-size:10px;line-height:1.5;color:#d2c5bf}
#kontakt .contact-row strong{font-weight:400;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#kontakt .contact-row[href^="tel:"] strong{font-family:Outfit,sans-serif;font-size:20px;font-weight:500;letter-spacing:0}
#kontakt .contact-locality{font-size:11px;color:#d2c5bf;line-height:1.5}
#kontakt .contact-row:hover strong{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){#kontakt .contact-card{padding:16px;gap:13px}#kontakt .contact-card h3{font-size:16px}#kontakt .contact-row strong{font-size:12px}#kontakt .contact-row[href^="tel:"] strong{font-size:18px}}
@media(max-width:640px){#kontakt .contact-card{display:flex;grid-column:1/-1;padding:19px;gap:14px}#kontakt .contact-card .contact-row{grid-area:auto}#kontakt .contact-row strong{font-size:14px}#kontakt .contact-row[href^="tel:"] strong{font-size:21px}}
#kontakt .footer-column:not(.footer-contact)>a>span{display:block;font-size:12px;line-height:1.5;color:#d2c5bf;margin-top:2px}@media(max-width:640px){#kontakt .footer-column:not(.footer-contact)>a>span{font-size:11px}}

#kontakt .contact-clinic-selector{display:flex;flex-wrap:wrap;gap:6px}
#kontakt .contact-clinic-selector button{background:transparent;color:#fff;border:1px solid #ffffff55;border-radius:20px;padding:8px 11px;font:inherit;font-size:14px;cursor:pointer}
#kontakt .contact-clinic-selector button[aria-pressed="true"]{background:#f4eeea;color:#654140;border-color:#f4eeea}
#kontakt .contact-clinic-selector button:focus-visible{outline:2px solid white;outline-offset:3px}
#kontakt .clinic-contact-panel{display:flex;flex-direction:column;gap:18px;min-height:184px}
#kontakt .clinic-contact-panel[hidden]{display:none}
#kontakt .contact-pending{font-size:14px;line-height:1.6;margin:0;color:#e5dad5}
#kontakt .contact-clinic-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;color:white}

#kontakt .contact-demo-label{font-size:12px;line-height:1.4;margin:0;color:#e5dad5}
#kontakt .contact-demo-detail{display:flex;flex-direction:column;gap:3px}
#kontakt .contact-demo-detail small{font-size:12px;color:#d2c5bf}
#kontakt .contact-demo-detail strong{font-size:16px;font-weight:400;overflow-wrap:anywhere}

#kontakt .clinic-contact-panel{gap:16px;min-height:220px}
#kontakt .contact-row:first-child strong{font-family:Outfit,sans-serif;font-size:20px;font-weight:500}
#kontakt .clinic-contact-panel .contact-demo-label{font-size:11px;margin-top:0;line-height:1.4}
#kontakt .contact-card{align-self:start}