/* Denticus v1.1 · design restoration, all selectors scoped to imported pages.
   Original page sections / team media remain Flatsome UX Builder elements. */
.dc-site{
  --dc-emerald:#a1c52a;
  --dc-pink:#e6005c;
  --dc-paper:#f4f2ed;
  --dc-dark:#17191a;
  --dc-surface:rgba(255,255,255,.87);
  --dc-physical:inset 0 1.5px 0 rgba(255,255,255,.94),inset 0 -1px 1px rgba(18,25,19,.04),0 22px 55px -15px rgba(23,25,26,.13);
  --dc-glass-blur:blur(28px) saturate(190%);
  font-family:'Instrument Sans',sans-serif;
}
.dc-site .section{scroll-margin-top:110px}
.dc-site .row{max-width:1280px}
.dc-site .col-inner{min-width:0}
.dc-site .button{transition:transform .28s cubic-bezier(.16,1,.3,1),background .28s ease,box-shadow .28s ease!important}
.dc-site .dc-eyebrow{font-weight:800!important;color:#455d14!important}
.dc-site h1,.dc-site h2,.dc-site h3{letter-spacing:-.04em}

/* Header with original iOS rounded toolbar, real links in editable UX Block. */
.dc-site .dc-glass-header{
 top:18px;min-height:72px;height:72px;max-width:1360px;
 border-radius:26px;border:1px solid rgba(255,255,255,.97);
 background:linear-gradient(146deg,rgba(255,255,255,.86),rgba(255,255,255,.68))!important;
 box-shadow:var(--dc-physical)!important;
 backdrop-filter:var(--dc-glass-blur);-webkit-backdrop-filter:var(--dc-glass-blur);
}
.dc-site .dc-glass-header.is-scrolled{top:8px;background:rgba(255,255,255,.92)!important}
.dc-site .dc-glass-header .dc-header-content{display:flex;align-items:center;padding:8px 15px;height:100%}
.dc-site .dc-glass-header .dc-header-row{display:flex!important;align-items:center!important;width:100%!important;flex-wrap:nowrap!important}
.dc-site .dc-glass-header .dc-header-links .col-inner{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1px}
.dc-site .dc-glass-header .dc-header-links .button{font-size:clamp(10px,.83vw,13px)!important;padding:8px clamp(4px,.7vw,12px)!important;white-space:nowrap;line-height:1.2}
.dc-site .dc-header-word{font-size:clamp(19px,1.66vw,24px)!important;font-weight:800}
.dc-site .dc-header-cta .button{white-space:nowrap;font-size:12px!important}
.dc-site .dc-glass-header .dc-header-logo-wrap{flex:0 0 46px!important;max-width:46px!important}
.dc-site .dc-glass-header .dc-header-word-wrap{flex:0 0 142px!important;max-width:142px!important}
.dc-site .dc-glass-header .dc-header-links{flex:1 1 auto!important;max-width:none!important;min-width:0}
.dc-site .dc-glass-header .dc-header-cta{flex:0 0 135px!important;max-width:135px!important}
.dc-site .dc-header-content .dc-header-logo-wrap .img{width:38px!important}

/* Full six-card mega menu — first row is magenta; remaining surface dark glass. */
.dc-site .dc-mega-popover{width:min(1150px,calc(100vw - 40px));top:calc(100% + 10px);
 background:linear-gradient(145deg,rgba(27,29,29,.94),rgba(47,43,43,.89))!important;
 border:1px solid rgba(255,255,255,.22)!important;border-radius:31px;overflow:hidden;
 box-shadow:0 35px 95px rgba(12,15,15,.35),inset 0 1px 1px rgba(255,255,255,.25)!important;
}
.dc-site .dc-mega-popover .section,.dc-site .dc-mega-inner{padding:0!important}
.dc-site .dc-mega-popover .row{max-width:none!important;margin:0!important}
.dc-site .dc-mega-popover .dc-mega-intro,.dc-site .dc-mega-popover .dc-mega-inner>.row:first-child{
 display:flex!important;align-items:center!important;margin:0 5px 14px!important;padding:6px 0!important;
 background:linear-gradient(125deg,#f11470,#e6005c 65%,#bd004b)!important;
 border:1px solid rgba(255,255,255,.3)!important;border-radius:22px!important;
 box-shadow:0 10px 28px rgba(0,0,0,.15),inset 0 1.5px rgba(255,255,255,.27)!important;
}
.dc-site .dc-mega-intro .col,.dc-site .dc-mega-intro .col-inner{background:none!important;box-shadow:none!important;border:0!important;padding:8px 18px!important}
.dc-site .dc-mega-intro .ux-text{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.dc-site .dc-mega-intro h2{font-size:20px!important;line-height:1.15!important;color:#fff!important;margin:0!important}
.dc-site .dc-mega-intro p{font-size:12px!important;color:#fff!important;margin:0!important;font-weight:750}
.dc-site .dc-mega-intro .dc-mega-kicker{font-size:11px!important;text-transform:uppercase;letter-spacing:.11em}
.dc-site .dc-mega-cards{display:flex!important;align-items:stretch!important;flex-wrap:wrap!important}
.dc-site .dc-mega-cards>.col{padding:7px!important}
.dc-site .dc-mega-cards>.col .col-inner{
 border:1px solid rgba(255,255,255,.19)!important;border-radius:21px;
 background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.08)!important;
 padding:18px 18px!important;height:100%;
}
.dc-site .dc-mega-cards h3{color:#fff!important;font-size:15px!important;margin:0 0 12px!important}
.dc-site .dc-mega-cards ul{margin:0;padding:0;list-style:none}
.dc-site .dc-mega-cards li{margin:0!important;padding:0!important}
.dc-site .dc-mega-cards a{display:flex;align-items:center;justify-content:space-between;gap:12px;
 width:100%;margin:5px 0;padding:10px 10px;color:rgba(255,255,255,.86)!important;
 background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.075);
 border-radius:12px;text-decoration:none!important;font-size:12px;font-weight:500;line-height:1.28;
 transition:background .2s ease,transform .2s ease}
.dc-site .dc-mega-cards a:after{content:'›';display:grid;place-items:center;min-width:20px;height:20px;border:1px solid rgba(255,255,255,.26);border-radius:50%;font-size:15px}
.dc-site .dc-mega-cards a:hover{background:rgba(230,0,92,.85)!important;color:#fff!important;transform:translateX(2px)}
.dc-site .dc-mega-bottom{align-items:center!important;margin:10px 4px 3px!important}
.dc-site .dc-mega-bottom>.col{padding:5px 10px!important}
.dc-site .dc-mega-bottom .col-inner{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
.dc-site .dc-mega-bottom p{color:rgba(255,255,255,.9);font-size:12px;margin:0}
.dc-site .dc-mega-bottom .button{background:rgba(255,255,255,.13)!important;color:#fff!important;border-radius:18px!important;min-width:180px;margin:0!important}
.dc-site .dc-mega-bottom .button:hover{background:#e6005c!important}

/* Consistent hero and Doctolib layout, keeping UX columns and text editable. */
.dc-site .dc-home-hero{background:linear-gradient(116deg,#edf2e8,#f4f2ed 63%,#f6e8ee)!important}
.dc-site .dc-home-hero:before{background:linear-gradient(116deg,rgba(244,242,237,.70),rgba(244,242,237,.36) 50%,rgba(244,242,237,.75))!important}
.dc-site .dc-home-hero .row{max-width:1250px;gap:0}
.dc-site .dc-home-hero .dc-h1{line-height:1!important}
.dc-site .dc-home-hero .dc-booking .col-inner{background:linear-gradient(145deg,rgba(255,255,255,.89),rgba(255,255,255,.68))!important;
 border:1px solid rgba(255,255,255,.97)!important;border-radius:34px!important;
 box-shadow:0 25px 75px rgba(23,25,26,.14),inset 0 1.5px 1px #fff!important;
 backdrop-filter:blur(32px) saturate(210%)!important;-webkit-backdrop-filter:blur(32px) saturate(210%)!important}
.dc-site .dc-home-hero .dc-booking .dc-location{min-height:60px!important;border-radius:18px!important}
.dc-site .dc-service{padding:78px 0!important}
.dc-site .dc-service .dc-service-media .img-inner,.dc-site .dc-service .dc-service-media img{min-height:365px}
.dc-site .dc-service .dc-service-copy .col-inner{border-radius:33px!important;box-shadow:var(--dc-physical)!important}
.dc-site .dc-service .dc-service-copy p{font-size:15.5px;line-height:1.62}
.dc-site .dc-service .dc-service-copy h2{font-size:clamp(30px,3.2vw,47px)}
.dc-site .dc-service .dc-service-copy .button{margin-top:18px!important}

/* Original continuous typographic marquee — single editable UX Text field. */
.dc-site .dc-marquee{overflow:hidden!important;position:relative;padding:13px 0!important;
 background:linear-gradient(90deg,#3e5d18,#a1c52a,#495e16)!important;
}
.dc-site .dc-marquee .row{display:flex!important;max-width:none!important;width:100%;padding:0;margin:0!important}
.dc-site .dc-marquee .col{padding:0!important;max-width:100%;flex-basis:100%}
.dc-site .dc-marquee .col-inner{overflow:hidden}
.dc-site .dc-marquee .ux-text{width:max-content;min-width:100%;white-space:nowrap;overflow-wrap:normal!important;animation:dcMarquee 37s linear infinite}
.dc-site .dc-marquee p{font-size:19px;letter-spacing:.05em;color:#fff!important;font-weight:800;white-space:nowrap;margin:0!important}
.dc-site .dc-marquee span{font-size:15px;color:#e6005c;margin:0 14px}
@keyframes dcMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.dc-site .dc-marquee:hover .ux-text{animation-play-state:paused}

/* The original knockout uses transparent photographic letter/tooth masks.
   The image selected in UX Builder provides the tooth mask dynamically. */
.dc-site .dc-tradition{background:#f4f2ed!important}
.dc-site .dc-tradition .section-content{isolation:isolate;background-position:center 35%!important}
.dc-site .dc-tradition-group{z-index:2;align-items:center;gap:0!important}
.dc-site .dc-tradition-logo .img-inner{overflow:visible!important}
.dc-site .dc-tradition-logo img{opacity:1!important}
.dc-site .dc-tradition-logo.dc-mask-ready img{opacity:0!important}
.dc-site .dc-tradition-logo .img-inner:after{content:'';display:none;position:absolute;inset:0;
 background-image:var(--dc-tradition-photo,url('https://denticus.webboxes.de/wp-content/uploads/2026/10/hero-e1790954636135.webp'));
 background-size:100vw 100svh;background-position:center center;background-attachment:fixed;
 -webkit-mask-image:var(--dc-tooth-mask,none);mask-image:var(--dc-tooth-mask,none);
 -webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:contrast(1.035)}
.dc-site .dc-tradition .dc-wordmark{color:transparent!important; background-image:var(--dc-tradition-photo,url('https://denticus.webboxes.de/wp-content/uploads/2026/10/hero-e1790954636135.webp'))!important;
 background-position:center center!important;-webkit-background-clip:text;background-clip:text}
.dc-site .dc-tradition-copy .col-inner{max-width:780px}
.dc-site .dc-tradition-heading{font-size:clamp(34px,3.9vw,59px)!important}
.dc-site .dc-tradition-description{font-size:clamp(18px,1.65vw,23px)!important}
.dc-site .dc-about .dc-gallery{gap:0}
.dc-site .dc-reviews blockquote{box-shadow:var(--dc-physical);border-radius:24px!important}
.dc-site .dc-contact-card .dc-location-details-ludwigsburg p,.dc-site .dc-contact-card .dc-location-details-pattonville p{font-size:13px;color:#556457;margin:2px 0}

/* Team: fine rounded Live portrait cards with unobstructed video/photographs. */
.dc-site .dc-team-hero{background:radial-gradient(circle at 26% 20%,#edf6e0,transparent 40%),linear-gradient(120deg,#f1f4eb,#f9eff1)!important}
.dc-site .dc-team-hero h1{font-size:clamp(47px,6vw,82px)!important;letter-spacing:-.065em}
.dc-site .dc-team-hero .dc-team-live{box-shadow:var(--dc-physical);border-radius:999px;color:#455d14}
.dc-site .dc-team-filters .button{border-radius:999px!important;min-height:48px!important;margin:5px!important;font-weight:700!important}
.dc-site .dc-team-filterbox{max-width:1190px;margin:auto}
.dc-site .dc-team-filterbox .button.is-active{background:#17191a!important;color:#fff!important}
.dc-site .dc-doctor-grid>.col{padding:10px!important}
.dc-site .dc-doctor-card .col-inner,.dc-site .dc-prophylaxe-card .col-inner{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.70))!important;
 border:1px solid #fff!important;border-radius:27px!important;box-shadow:var(--dc-physical)!important;overflow:hidden;position:relative}
.dc-site .dc-doctor-card .img-inner{height:auto!important;aspect-ratio:9/13!important;overflow:hidden!important}
.dc-site .dc-prophylaxe-card .img-inner{height:auto!important;aspect-ratio:9/11!important}
.dc-site .dc-doctor-card .img img,.dc-site .dc-prophylaxe-card .img img{object-position:center 8%!important;object-fit:cover!important;height:100%!important}
.dc-site .dc-doctor-card .col-inner:before{content:'LIVE';position:absolute;top:13px;right:14px;z-index:6;pointer-events:none;
 font-size:10px;color:#fff;font-weight:800;letter-spacing:.1em;padding:5px 10px;border-radius:99px;background:rgba(22,28,25,.68);backdrop-filter:blur(12px)}
.dc-site .dc-doctor-card h3,.dc-site .dc-prophylaxe-card h3{font-size:clamp(18px,1.65vw,23px)!important;line-height:1.16!important}
.dc-site .dc-doctor-card .dc-doctor-role{font-size:12px;line-height:1.4;min-height:34px}
.dc-site .dc-doctor-card .dc-doctor-tags{font-size:12px;color:#455d14}
.dc-site .dc-doctor-card .button{min-height:41px!important;margin:6px 18px 0!important}
.dc-site .dc-doctor-card .dc-hover-video{height:auto!important;aspect-ratio:9/13!important;object-fit:cover;object-position:center 10%;}
.dc-site .dc-team-prophylaxe{background:linear-gradient(135deg,#eaf3e8,#f7f7f0)!important}

/* Footer remains an editable shared UX Block. */
.dc-site .dc-site-footer{background:linear-gradient(135deg,#171c1a,#262a25)!important;border-top:1px solid #3a423b}
.dc-site-footer .dc-footer-main{align-items:start!important}
.dc-site-footer h4{color:#dfe6db!important;font-size:15px}
.dc-site-footer .dc-footer-word{font-size:clamp(32px,4vw,43px)!important}
.dc-site-footer p{font-size:13px;line-height:1.65;color:#dce2d8!important}
.dc-site-footer .dc-footer-bottom{margin-top:8px;padding-top:15px;border-top:1px solid rgba(255,255,255,.15)}
.dc-site-footer .dc-footer-links .col-inner{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.dc-site-footer .dc-footer-links .button{border:0!important;background:transparent!important;font-size:12px!important;padding:7px!important}

@media(max-width:1100px) and (min-width:768px){
 .dc-site .dc-glass-header .dc-header-links .button{font-size:10px!important;padding:8px 3px!important}
 .dc-site .dc-glass-header .dc-header-word-wrap{flex-basis:111px!important;max-width:111px!important}
 .dc-site .dc-glass-header .dc-header-cta{flex-basis:116px!important;max-width:116px!important}
}
@media(max-width:767px){
 .dc-site .dc-glass-header{top:max(8px,env(safe-area-inset-top))!important;height:64px!important;border-radius:22px!important;width:calc(100vw - 18px)!important}
 .dc-site .dc-glass-header .dc-header-content{width:calc(100% - 62px)!important}
 .dc-site .dc-glass-header .dc-header-logo-wrap{max-width:34px!important;flex-basis:34px!important}
 .dc-site .dc-glass-header .dc-header-word-wrap{max-width:none!important;flex:1 1 auto!important}
 .dc-site .dc-mobile-menu{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,242,237,.91))!important;backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%)}
 .dc-site .dc-mobile-mega{margin-top:15px}
 .dc-site .dc-mobile-mega .section{padding:0!important}
 .dc-site .dc-mobile-mega .dc-mega-intro{background:linear-gradient(120deg,#ed005e,#b50048)!important;border-radius:16px!important;padding:13px!important}
 .dc-site .dc-mobile-mega .dc-mega-intro h2{font-size:16px!important;color:#fff!important}
 .dc-site .dc-mobile-mega .dc-mega-intro p{color:white!important;font-size:11px!important}
 .dc-site .dc-mobile-mega .dc-mega-cards>.col{max-width:100%!important;flex-basis:100%!important;width:100%!important}
 .dc-site .dc-mobile-mega .dc-mega-cards .col-inner{background:rgba(255,255,255,.78)!important;border:1px solid #fff!important;border-radius:16px!important;padding:13px!important}
 .dc-site .dc-mobile-mega .dc-mega-cards h3{color:#19241d!important;font-size:15px!important;margin:0 0 8px!important}
 .dc-site .dc-mobile-mega .dc-mega-cards a{color:#23352a!important;background:#f1f6ed!important;border:1px solid rgba(22,41,28,.06)!important}
 .dc-site .dc-mobile-mega .dc-mega-cards a:hover{color:white!important}
 .dc-site .dc-mobile-mega .dc-mega-bottom{display:block!important}
 .dc-site .dc-mobile-mega .dc-mega-bottom p{color:#455d14!important}
 .dc-site .dc-mobile-mega .dc-mega-bottom .button{background:#e6005c!important}
 .dc-site .dc-home-hero{padding-top:108px!important;padding-bottom:35px!important}
 .dc-site .dc-service{padding:40px 0!important}
 .dc-site .dc-service .dc-service-media .img-inner,.dc-site .dc-service .dc-service-media img{min-height:0;height:auto!important;aspect-ratio:4/3!important}
 .dc-site .dc-service .dc-service-copy h2{font-size:clamp(30px,8vw,39px)!important}
 .dc-site .dc-tradition{height:168svh!important;min-height:1000px!important}
 .dc-site .dc-tradition .section-content{height:100svh!important}
 .dc-site .dc-tradition-logo .img{width:clamp(100px,25vw,135px)!important}
 .dc-site .dc-tradition .dc-wordmark{font-size:clamp(62px,20vw,98px)!important;margin:25px auto 19px!important}
 .dc-site .dc-tradition .dc-tradition-heading{font-size:clamp(30px,7.8vw,38px)!important;line-height:1.07!important}
 .dc-site .dc-tradition .dc-tradition-description{font-size:clamp(16px,4.5vw,19px)!important}
 .dc-site .dc-marquee p{font-size:15px}
 .dc-site .dc-marquee span{margin-inline:8px}
 .dc-site .dc-doctor-card .img-inner{aspect-ratio:9/13!important}
 .dc-site .dc-prophylaxe-card .img-inner{aspect-ratio:9/11!important}
 .dc-site .dc-doctor-grid>.col{padding:7px!important}
 .dc-site .dc-doctor-card h3,.dc-site .dc-prophylaxe-card h3{font-size:18px!important}
 .dc-site .dc-footer-links .col-inner{justify-content:center!important}
 .dc-site .dc-site-footer{padding-bottom:25px!important}
 .dc-site .dc-mobile-dock{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,255,255,.76))!important;box-shadow:var(--dc-physical)!important}
 .dc-site .dc-mobile-dock .dc-dock-team>.col{flex:1 1 0!important;width:auto!important;max-width:none!important}
}
@media(max-width:340px){
 .dc-site .dc-tradition .dc-wordmark{font-size:20vw!important}
 .dc-site .dc-tradition .dc-tradition-heading{font-size:29px!important}
 .dc-site .dc-team-filterbox .button{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
 .dc-site .dc-marquee .ux-text{animation:none!important}
 .dc-site .dc-tradition-group{transform:none!important}
}

.dc-site .dc-tradition-logo.dc-mask-ready .img-inner:after{display:block}
.dc-site .dc-marquee .col-inner>p,.dc-site .dc-marquee .text p{font-size:18px;color:white;font-weight:800;margin:0}
.dc-site .dc-marquee.dc-marquee-ready .col-inner>.text,.dc-site .dc-marquee.dc-marquee-ready .ux-text{display:flex!important;gap:24px;align-items:center;width:max-content;animation:dcMarquee 37s linear infinite}
.dc-site .dc-marquee.dc-marquee-ready .col-inner>.text p,.dc-site .dc-marquee.dc-marquee-ready .ux-text p{white-space:nowrap;flex-shrink:0}
.dc-site .dc-team-people .dc-doctor-card[hidden]{display:none!important}
.dc-site .dc-team-filterbox .dc-filter:focus-visible,.dc-site .dc-mega-cards a:focus-visible{outline:3px solid #a1c52a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.dc-site .dc-marquee.dc-marquee-ready .col-inner>.text,.dc-site .dc-marquee.dc-marquee-ready .ux-text{animation:none!important}}

@media(min-width:1101px){.dc-site .dc-glass-header .dc-header-cta{flex:0 0 218px!important;max-width:218px!important}.dc-site .dc-header-cta .col-inner{display:flex;gap:6px;align-items:center;justify-content:flex-end}.dc-site .dc-header-cta .dc-header-phone{background:rgba(255,255,255,.85)!important;color:#28352d!important;border:1px solid white!important;box-shadow:none!important;font-size:11px!important;padding:8px!important}.dc-site .dc-header-cta .dc-header-book{padding:10px!important}}
@media(min-width:768px) and (max-width:1100px){.dc-site .dc-header-cta .dc-header-phone{display:none!important}}
@media(max-width:767px){.dc-site-footer .dc-footer-links .button{font-size:10px!important}.dc-site .dc-mega-intro .ux-text,.dc-site .dc-mega-intro .text{display:block!important}}
