/* ---- BRAND TOKENS — the only block you should need to edit ---- */
#cdba{
--navy:#2A4358; --navy-deep:#1e3347; --navy-darker:#152837; --navy-light:#3a5a75;
--gold:#FECE46; --gold-dark:#e8b820;
--cream:#FAF7F2; --cream-mid:#F2EDE4; --line:#dcd3c2; --white:#fff;
--text-body:#3d4a56; --text-mid:#5d6b78;
--fd:'Cormorant Garamond',Georgia,serif;
--fb:'DM Sans',system-ui,-apple-system,sans-serif;
font-family:var(--fb); color:var(--text-body); background:var(--cream);
line-height:1.6; overflow-x:hidden; display:block;
}
#cdba *,#cdba *::before,#cdba *::after{box-sizing:border-box;margin:0;padding:0}
#cdba img{display:block;max-width:100%}
#cdba button{font-family:var(--fb);cursor:pointer}
#cdba [hidden]{display:none!important}
#cdba :focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px}
/* ---- BREADCRUMB ---- */
#cdba .cdba-bc{border-bottom:1px solid var(--line);padding:13px 0}
#cdba .cdba-bc-in{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#cdba .cdba-bc a{font-size:12px;color:var(--text-mid);text-decoration:none;transition:color .2s}
#cdba .cdba-bc a:hover{color:var(--navy)}
#cdba .cdba-bc .sep{font-size:12px;color:var(--line)}
#cdba .cdba-bc .cur{font-size:12px;font-weight:500;color:var(--navy)}
/* ---- HERO ---- */
#cdba .cdba-hero{text-align:center;padding:44px 18px 10px;max-width:760px;margin:0 auto}
@media(min-width:600px){#cdba .cdba-hero{padding-top:72px}}
@media(min-width:1100px){#cdba .cdba-hero{padding-top:88px}}
#cdba .cdba-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--navy-light);margin-bottom:12px;font-weight:500}
#cdba .cdba-hero h1{font-family:var(--fd);font-weight:500;font-size:clamp(32px,7vw,50px);line-height:1.08;letter-spacing:-.01em;color:var(--navy);text-wrap:balance}
#cdba .cdba-hero h1 em{font-style:italic;color:var(--navy-light)}
#cdba .cdba-hero p{max-width:560px;margin:16px auto 0;font-size:15.5px;color:var(--text-mid);min-height:1.6em}
/* ---- LOADER ---- */
#cdba .cdba-load{display:flex;flex-direction:column;align-items:center;gap:14px;padding:70px 20px 80px}
#cdba .cdba-spin{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--gold-dark);border-radius:50%;animation:cdbaSpin .8s linear infinite}
#cdba .cdba-load span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mid)}
@keyframes cdbaSpin{to{transform:rotate(360deg)}}
/* ---- TR / LEGAL BRANCH ---- */
#cdba .cdba-legal{max-width:760px;margin:0 auto;padding:26px 16px 8px}
#cdba .cdba-note-card{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);padding:30px 28px}
@media(min-width:600px){#cdba .cdba-note-card{padding:38px 40px}}
#cdba .cdba-note-card h2{font-family:var(--fd);font-weight:500;font-size:clamp(23px,4.6vw,31px);line-height:1.16;color:var(--navy);margin-bottom:14px;text-wrap:balance}
#cdba .cdba-note-card h2 em{font-style:italic;color:var(--gold-dark)}
#cdba .cdba-note-card p{font-size:15px;line-height:1.75;color:var(--text-body);margin-bottom:14px}
#cdba .cdba-note-card p:last-of-type{margin-bottom:24px}
#cdba .cdba-note-card strong{font-weight:500;color:var(--navy)}
#cdba .cdba-acts{display:flex;flex-wrap:wrap;gap:10px}
#cdba a.cdba-act{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--navy);transition:background .2s,color .2s}
#cdba a.cdba-act-p{background:var(--navy);color:var(--white)}
#cdba a.cdba-act-p:hover{background:var(--navy-darker);color:var(--gold)}
#cdba a.cdba-act-s{background:transparent;color:var(--navy)}
#cdba a.cdba-act-s:hover{background:var(--navy);color:var(--gold)}
#cdba .cdba-langs{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
#cdba .cdba-langs .lb{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mid);margin-bottom:11px}
#cdba .cdba-langs .row{display:flex;flex-wrap:wrap;gap:7px}
#cdba .cdba-langs .tag{display:inline-flex;align-items:center;padding:5px 13px;background:var(--cream-mid);border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-mid)}
/* ---- FILTER CHIPS ---- */
#cdba .cdba-chips{display:flex;gap:8px;overflow-x:auto;padding:26px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#cdba .cdba-chips::-webkit-scrollbar{display:none}
@media(min-width:700px){#cdba .cdba-chips{justify-content:center;flex-wrap:wrap}}
#cdba button.cdba-chip{flex:0 0 auto;border:1px solid var(--line);background:var(--white);color:var(--navy);font-size:13px;font-weight:500;padding:9px 16px;border-radius:999px;transition:background .15s,color .15s,border-color .15s}
#cdba button.cdba-chip .n{color:var(--text-mid);font-size:11.5px;margin-left:4px}
#cdba button.cdba-chip.on{background:var(--navy);border-color:var(--navy);color:var(--white)}
#cdba button.cdba-chip.on .n{color:var(--gold)}
/* ---- GALLERY ---- */
#cdba .cdba-grid{display:grid;grid-template-columns:1fr;gap:26px;padding:22px 16px 8px;max-width:640px;margin:0 auto}
@media(min-width:860px){#cdba .cdba-grid{max-width:960px;grid-template-columns:1fr 1fr;gap:30px}}
#cdba .cdba-card{background:var(--white);border:1px solid var(--line);padding:12px}
#cdba .cdba-frame{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;aspect-ratio:636/400;background:var(--cream-mid);cursor:ew-resize}
#cdba .cdba-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
#cdba .cdba-before{clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}
#cdba .cdba-div{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:var(--gold);z-index:3;pointer-events:none}
#cdba .cdba-handle{position:absolute;top:50%;left:var(--x,50%);transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;gap:7px;pointer-events:none}
#cdba .cdba-handle .circle{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(255,255,255,.55),0 2px 9px rgba(21,40,55,.4);display:flex;align-items:center;justify-content:center}
#cdba .cdba-handle .mono{font-family:var(--fd);font-size:12px;font-weight:600;color:var(--navy-darker);letter-spacing:.05em;line-height:1}
#cdba .cdba-handle .chev{flex:0 0 auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
#cdba .cdba-tag{position:absolute;top:10px;font-size:10px;font-weight:600;letter-spacing:.14em;padding:4px 9px;z-index:4;pointer-events:none}
#cdba .cdba-tag-b{left:10px;background:rgba(21,40,55,.82);color:#fff}
#cdba .cdba-tag-a{right:10px;background:var(--gold);color:var(--navy-darker)}
#cdba .cdba-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:4;pointer-events:none;background:rgba(21,40,55,.72);color:#fff;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;transition:opacity .3s}
#cdba .cdba-frame.used .cdba-hint{opacity:0}
#cdba .cdba-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;gap:10px}
#cdba .cdba-label .t{font-family:var(--fd);font-size:17px;font-weight:600;color:var(--navy)}
#cdba .cdba-label .c{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid);white-space:nowrap}
#cdba button.cdba-more{display:block;margin:32px auto 0;background:transparent;border:1px solid var(--navy);color:var(--navy);font-size:12.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:14px 36px;transition:background .2s,color .2s}
#cdba button.cdba-more:hover{background:var(--navy);color:var(--gold)}
#cdba .cdba-disc{font-size:12.5px;font-style:italic;color:var(--text-mid);text-align:center;max-width:600px;margin:0 auto;padding:30px 16px 44px}
/* ---- PHILOSOPHY ---- */
#cdba .cdba-philo{background:var(--cream-mid);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:52px 20px}
#cdba .cdba-philo-in{max-width:660px;margin:0 auto}
#cdba .cdba-philo h2{font-family:var(--fd);font-weight:500;font-size:clamp(24px,5.2vw,34px);line-height:1.14;letter-spacing:-.01em;color:var(--navy);margin-bottom:16px;text-wrap:balance}
#cdba .cdba-philo h2 em{font-style:italic;color:var(--gold-dark)}
#cdba .cdba-philo p{font-size:15px;line-height:1.72;color:var(--text-body);margin-bottom:12px}
#cdba .cdba-philo p:last-child{margin-bottom:0}
#cdba .cdba-philo strong{font-weight:500;color:var(--navy)}
/* ---- CTA ---- */
#cdba .cdba-cta{background:var(--navy);color:#fff;text-align:center;padding:56px 20px;position:relative;overflow:hidden}
#cdba .cdba-cta::before{content:"";position:absolute;top:-100px;right:-100px;width:320px;height:320px;background:radial-gradient(circle,rgba(254,206,70,.09) 0%,transparent 70%);pointer-events:none}
#cdba .cdba-cta .t{font-family:var(--fd);font-size:clamp(26px,5.5vw,36px);font-weight:500;line-height:1.15;color:#fff;position:relative}
#cdba .cdba-cta .t em{font-style:italic;color:var(--gold)}
#cdba .cdba-cta p{max-width:520px;margin:14px auto 0;font-size:14.5px;color:rgba(255,255,255,.75);position:relative}
#cdba a.cdba-cta-btn{display:inline-block;margin-top:24px;background:var(--gold);color:var(--navy-darker);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:15px 34px;text-decoration:none;transition:background .2s;position:relative}
#cdba a.cdba-cta-btn:hover{background:var(--gold-dark)}
@media(prefers-reduced-motion:reduce){#cdba *{transition:none!important;animation:none!important}}
(function(){
var root=document.getElementById('cdba');
if(!root||root.dataset.init)return; root.dataset.init='1';
/* ---------- CONFIG ---------- */
var BASE='/wp-content/uploads/2026/07/ba-';
var DATA=[["teeth-whitening","01"],["teeth-whitening","02"],["teeth-whitening","03"],["teeth-whitening","04"],["teeth-whitening","05"],["teeth-whitening","06"],["e-max","01"],["e-max","02"],["e-max","03"],["e-max","04"],["e-max","05"],["e-max","06"],["e-max","07"],["e-max","08"],["e-max","09"],["zirconia","01"],["zirconia","02"],["zirconia","03"],["zirconia","04"],["zirconia","05"],["zirconia","06"],["zirconia","07"],["zirconia","08"],["zirconia","09"],["zirconia","10"],["zirconia","11"],["zirconia","12"],["zirconia","13"],["zirconia","14"],["zirconia","15"],["zirconia","16"],["veneers","01"],["veneers","02"],["veneers","03"],["veneers","04"],["veneers","05"],["veneers","06"],["veneers","07"],["veneers","08"],["veneers","09"],["veneers","10"],["veneers","11"],["dental-implant","01"],["dental-implant","02"],["dental-implant","03"],["dental-implant","04"],["dental-implant","05"],["dental-implant","06"],["dental-implant","07"],["dental-implant","08"],["dental-implant","09"],["dental-implant","10"],["dental-implant","11"],["dental-implant","12"],["dental-implant","13"]];
var LABELS={"zirconia":"Zirkonkronen","veneers":"Keramik-Veneers","e-max":"E-max-Veneers","dental-implant":"Zahnimplantate","teeth-whitening":"Zahnaufhellung"};
var CATS=[["all","Alle Ergebnisse"],["zirconia","Zirkon"],["veneers","Veneers"],["e-max","E-max"],["dental-implant","Implantate"],["teeth-whitening","Aufhellung"]];
var PER=8;
var SUB_INTL="Jedes Foto unten zeigt einen echten Patienten von Citydent Istanbul. Ziehen Sie den goldenen Griff ueber den Fall, um das Laecheln vor und nach der Behandlung zu vergleichen.";
var SUB_TR="Fallfotos duerfen auf dieser Website nicht veroeffentlicht werden, unsere Koordinatorinnen senden sie Ihnen jedoch direkt zu.";
/* ---------- ELEMENTS ---------- */
var load=document.getElementById('cdbaLoad'), trBox=document.getElementById('cdbaTR'),
intl=document.getElementById('cdbaINTL'), grid=document.getElementById('cdbaGrid'),
more=document.getElementById('cdbaMore'), chipBox=document.getElementById('cdbaChips'),
sub=document.getElementById('cdbaSub');
var shown=0, cat='all';
/* ---------- CONTACT MODAL ---------- */
root.addEventListener('click',function(e){
var a=e.target.closest('[data-modal]'); if(!a)return;
if(typeof window.cdOpenContactModal==='function'){e.preventDefault();window.cdOpenContactModal();}
});
/* ---------- GEO DETECTION ---------- */
function txt(url,ms){
return new Promise(function(res,rej){
var done=false, ctrl=(window.AbortController?new AbortController():null);
var t=setTimeout(function(){done=true;if(ctrl)ctrl.abort();rej();},ms);
fetch(url,ctrl?{signal:ctrl.signal}:undefined).then(function(r){
if(!r.ok)throw 0; return r.text();
}).then(function(s){if(done)return;clearTimeout(t);res(s);})
.catch(function(){if(done)return;clearTimeout(t);rej();});
});
}
function viaCloudflare(){ // free, unlimited, no third party
return txt('/cdn-cgi/trace',1200).then(function(s){
var m=/(?:^|\n)loc=([A-Z]{2})/.exec(s); if(!m)throw 0; return m[1];
});
}
function viaIpapi(){ // fallback if the site is not on Cloudflare
return txt('https://ipapi.co/json/',2500).then(function(s){
var d=JSON.parse(s); if(!d||!d.country_code)throw 0; return d.country_code;
});
}
function viaLanguage(){ // last resort
var l=(navigator.language||'').toLowerCase();
return (l.indexOf('tr')===0||(navigator.languages||[]).some(function(x){return x.toLowerCase().indexOf('tr')===0;}))?'TR':'XX';
}
function resolve(){
var q=/[?&]geo=(tr|intl)/i.exec(location.search);
if(q)return Promise.resolve(q[1].toLowerCase()==='tr'?'TR':'XX');
var c; try{c=sessionStorage.getItem('cdGeo');}catch(_){}
if(c)return Promise.resolve(c);
return viaCloudflare().catch(viaIpapi).catch(function(){return viaLanguage();})
.then(function(code){try{sessionStorage.setItem('cdGeo',code);}catch(_){} return code;});
}
/* ---------- GALLERY ---------- */
function items(){return DATA.filter(function(d){return cat==='all'||d[0]===cat;});}
function card(d,eager){
var label=LABELS[d[0]], n=d[1];
var b=BASE+d[0]+'-'+n+'-before.jpg', a=BASE+d[0]+'-'+n+'-after.jpg';
var lz=eager?'':' loading="lazy"';
var el=document.createElement('div'); el.className='cdba-card';
el.innerHTML=
'
Vorher & Nachher
Echte Ergebnisse, echtes Lächeln
Lädt
Bitte beachten
Fallfotos erhalten Sie über unsere Koordinatorinnen
Aufgrund der türkischen Vorschriften zur Gesundheitswerbung dürfen wir auf dieser Website keine Vorher-Nachher-Fotos veröffentlichen. Echte Ergebnisse zu sehen bleibt Ihr gutes Recht.
Unsere Patientenkoordinatorinnen senden Ihnen Fallfotos, vollständige Behandlungsverläufe und vergleichbare Fälle direkt zu — per WhatsApp, E-Mail oder Telefon. Nennen Sie einfach die Behandlung, die Sie erwägen, und Sie erhalten die passendsten Fälle aus unserem Archiv.
Unsere Koordinatorinnen sprechen
EnglishTürkçeFrançais
DeutschРусскийالعربيةفارسی
Alle Fotografien zeigen echte Patienten, die bei Citydent Istanbul behandelt wurden, veröffentlicht mit deren Einwilligung. Anatomie und Heilungsverlauf sind bei jedem Menschen unterschiedlich, individuelle Ergebnisse können daher abweichen. Ihr eigener Plan entsteht nach einer Untersuchung.
So planen wir Behandlungen
Funktion zuerst — Ästhetik folgt
Unser erstes Ziel sind Zähne, die funktionieren: ein bequemer Biss, gesundes Zahnfleisch und Restaurationen, die jahrelang halten. Ein schönes Lächeln ist das Aussehen gesunder Funktion — keine Abkürzung dorthin.
Deshalb empfehlen wir nicht jede Behandlung für jeden Patienten. Der richtige Plan hängt von Ihrem Biss, Ihrem Zahnfleisch und dem darunterliegenden Knochen ab. Braucht Ihr Fall weniger Behandlung als erwartet, sagen wir Ihnen das.
Ihr Lächeln könnte das nächste sein
Senden Sie uns ein Foto Ihrer Zähne und erhalten Sie einen persönlichen Behandlungsplan mit Preisen — meist innerhalb eines Tages.
Behandlungsplan erhalten'+
'
'+
'
'+
''+
'
'+
''+
''+
'
'+
'VORHER'+
'NACHHER'+
'Zum Vergleichen ziehen'+
'CD
'+
''+
''+label+'Fall '+n+'
';
bind(el.querySelector('.cdba-frame'));
return el;
}
function bind(frame){
var drag=false;
function set(p){
p=Math.min(Math.max(p,3),97);
frame.style.setProperty('--x',p+'%');
frame.setAttribute('aria-valuenow',Math.round(p));
frame.classList.add('used');
}
function fromEvent(e){
var r=frame.getBoundingClientRect();
set(((e.clientX-r.left)/r.width)*100);
}
frame.addEventListener('pointerdown',function(e){
drag=true; try{frame.setPointerCapture(e.pointerId);}catch(_){} fromEvent(e);
});
frame.addEventListener('pointermove',function(e){if(drag)fromEvent(e);});
frame.addEventListener('pointerup',function(){drag=false;});
frame.addEventListener('pointercancel',function(){drag=false;});
frame.addEventListener('keydown',function(e){
var cur=parseFloat(frame.getAttribute('aria-valuenow'))||50, step=e.shiftKey?12:4;
if(e.key==='ArrowLeft'){set(cur-step);e.preventDefault();}
else if(e.key==='ArrowRight'){set(cur+step);e.preventDefault();}
else if(e.key==='Home'){set(0);e.preventDefault();}
else if(e.key==='End'){set(100);e.preventDefault();}
});
}
function page(){
var list=items(), next=list.slice(shown,shown+PER);
next.forEach(function(d,i){grid.appendChild(card(d,shown===0&&i0){more.hidden=false;more.textContent="Weitere Ergebnisse anzeigen ("+left+")";}
else{more.hidden=true;}
}
function buildChips(){
CATS.forEach(function(c,i){
var count=c[0]==='all'?DATA.length:DATA.filter(function(d){return d[0]===c[0];}).length;
var b=document.createElement('button');
b.type='button';
b.className='cdba-chip'+(i===0?' on':'');
b.setAttribute('role','tab');
b.setAttribute('aria-selected',i===0?'true':'false');
b.innerHTML=c[1]+' '+count+'';
b.addEventListener('click',function(){
chipBox.querySelectorAll('.cdba-chip').forEach(function(x){x.classList.remove('on');x.setAttribute('aria-selected','false');});
b.classList.add('on'); b.setAttribute('aria-selected','true');
cat=c[0]; shown=0; grid.innerHTML=''; page();
});
chipBox.appendChild(b);
});
}
/* ---------- RENDER ---------- */
function show(code){
load.hidden=true; load.style.display='none';
if(code==='TR'){ sub.textContent=SUB_TR; trBox.hidden=false; root.dataset.geo='tr'; return; }
sub.textContent=SUB_INTL; intl.hidden=false; root.dataset.geo='intl';
buildChips(); page();
more.addEventListener('click',page);
}
resolve().then(show).catch(function(){show('XX');});
})();