/* DMN Finanz. Kartvizit dili: lacivert kağıt, varak altın.
   Dunkel baştan sona kartvizitin laciverti, derinlik ışık ve gölgeden gelir; Hell baştan sona açıktır. Yazı Inter. */
@font-face{font-family:"DMN Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/inter-latin-ext-opsz-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DMN Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/inter-latin-opsz-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --nacht:#0c1c2e;
  --tief:#081423;
  --panel:#122236;
  --panel-hell:#1a2b3f;
  --linie:rgba(201,162,74,.24);
  --linie-stark:rgba(201,162,74,.55);
  --gold:#c9a24a;
  --gold-hell:#e6c877;
  --gold-yazi:#e0bf6c;
  --knopf-zemin:#c9a24a;
  --knopf-yazi:#0a1320;
  --yuzey:linear-gradient(158deg,#17283c,#102033 55%,#0c1b2d);
  --yuzey-acik:linear-gradient(158deg,#1f3043,#17283c 55%,#122236);
  --golge:inset 0 1px 0 rgba(255,255,255,.05),0 26px 44px -24px rgba(1,5,10,.95),0 8px 16px -10px rgba(1,5,10,.7);
  --text:#f5f1e8;
  --nebel:#c0c9d2;
  --kagit:url("doku.webp"),radial-gradient(64% 120% at 82% -14%,rgba(150,172,198,.2),transparent 70%),radial-gradient(74% 110% at 0% 112%,rgba(2,7,13,.62),transparent 72%),linear-gradient(176deg,#0f2034,#0c1c2e 58%,#091728);
  --ton-1:url("doku.webp"),radial-gradient(58% 92% at 80% -12%,rgba(150,172,198,.2),transparent 70%),radial-gradient(70% 100% at -4% 110%,rgba(2,7,13,.68),transparent 72%),linear-gradient(176deg,#0e1f33,#0c1c2e 60%,#091728);
  --ton-2:url("doku.webp"),radial-gradient(60% 100% at 16% -14%,rgba(150,172,198,.15),transparent 72%),radial-gradient(70% 110% at 104% 112%,rgba(2,7,13,.62),transparent 72%),linear-gradient(176deg,#0d1e31,#0b1a2b);
  --ton-3:url("doku.webp"),radial-gradient(50% 90% at 50% -24%,rgba(150,172,198,.08),transparent 72%),radial-gradient(120% 130% at 50% 40%,transparent 56%,rgba(2,7,13,.55) 100%),linear-gradient(180deg,#081423,#091728);
  --ton-4:url("doku.webp"),radial-gradient(60% 100% at 86% -14%,rgba(150,172,198,.14),transparent 72%),radial-gradient(70% 110% at -4% 112%,rgba(2,7,13,.62),transparent 72%),linear-gradient(176deg,#0c1c2e,#0a192a);
  --folyo:linear-gradient(118deg,#8f6a22,#e9cd82 26%,#b98f36 50%,#f2dc9c 72%,#9a7428);
  --folyo-cizgi:linear-gradient(90deg,rgba(201,162,74,.15),#c9a24a 14%,#f2dc9c 50%,#c9a24a 86%,rgba(201,162,74,.15));
  --kopf-zemin:#0a1829;
  --fuss-zemin:url("doku.webp"),linear-gradient(180deg,#081423,#050d17);
  --wa:#25d366;
  --wa-dunkel:#1ebe5b;
  --sans:"DMN Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --kopf-hoehe:5.25rem;
  color-scheme:dark;
}
[data-thema="hell"]{
  --nacht:#f7f4ee;
  --tief:#efeadf;
  --panel:#ffffff;
  --panel-hell:#f3eee3;
  --linie:rgba(12,27,46,.12);
  --linie-stark:rgba(122,92,24,.45);
  --gold:#8a6a1f;
  --gold-hell:#6b5013;
  --gold-yazi:#7a5c18;
  --knopf-zemin:#0c1b2e;
  --knopf-yazi:#f5f1e8;
  --yuzey:#ffffff;
  --yuzey-acik:#f3eee3;
  --golge:0 14px 30px -20px rgba(12,27,46,.38);
  --text:#0f1f33;
  --nebel:#4b5660;
  --kagit:none;
  --ton-1:none;
  --ton-2:none;
  --ton-3:none;
  --ton-4:none;
  --folyo-cizgi:linear-gradient(90deg,transparent,rgba(122,92,24,.45) 20%,rgba(122,92,24,.45) 80%,transparent);
  --kopf-zemin:rgba(247,244,238,.95);
  --fuss-zemin:#efeadf;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:7.5rem;scroll-behavior:smooth;background:var(--nacht)}
html.nav-offen{overflow:hidden}
body{position:relative;margin:0;background:var(--nacht);color:var(--nebel);font-family:var(--sans);font-size:1.0625rem;font-optical-sizing:auto;line-height:1.65;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--sans);color:var(--text);margin:0 0 .55em;text-wrap:balance}
h1{font-size:clamp(2.5rem,1.5rem + 3.4vw,4rem);font-weight:300;line-height:1.08;letter-spacing:-.025em}
h2{font-size:clamp(1.85rem,1.4rem + 1.7vw,2.75rem);font-weight:300;line-height:1.14;letter-spacing:-.02em}
h3{font-size:1.25rem;font-weight:500;line-height:1.3;letter-spacing:-.01em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
a{color:var(--gold-yazi);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--gold-hell)}
:focus-visible{outline:2px solid var(--gold-hell);outline-offset:3px;border-radius:3px}
address{font-style:normal}
strong{color:var(--text);font-weight:600}
.rahmen{width:min(75rem,100% - 2rem);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sprung{position:absolute;left:1rem;top:-4rem;z-index:60;background:var(--knopf-zemin);color:var(--knopf-yazi);padding:.6rem 1rem;border-radius:0 0 8px 8px;font-weight:600}
.sprung:focus{top:0}
.lead{font-size:clamp(1.125rem,1.05rem + .4vw,1.3125rem);line-height:1.55;color:var(--nebel);max-width:40em}
.klein{font-size:.9375rem;color:var(--nebel)}

/* düğmeler */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.4rem;border:1px solid var(--knopf-zemin);border-radius:8px;background:var(--knopf-zemin);color:var(--knopf-yazi);font:inherit;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.knopf:hover{background:var(--gold-hell);border-color:var(--gold-hell);color:var(--knopf-yazi)}
.knopf-rand{background:transparent;border-color:var(--gold);color:var(--gold-yazi)}
.knopf-rand:hover{background:transparent;border-color:var(--gold-hell);color:var(--gold-hell)}
.knopf-wa{background:var(--wa);border-color:var(--wa);color:#04210f}
.knopf-wa:hover{background:var(--wa-dunkel);border-color:var(--wa-dunkel);color:#04210f}
.knopf-wa .ikon{color:#fff}
.knopf-reihe{display:flex;flex-wrap:wrap;gap:.75rem}
.ikon{width:1.3rem;height:1.3rem;flex:none}
.wa-marke{display:grid;place-items:center;flex:none;width:2.15rem;height:2.15rem;border-radius:50%;background:var(--wa);color:#fff}
.offen{padding:0 .3em;border-radius:3px;background:var(--gold-hell);color:var(--nacht);font-weight:600}
.ext{display:inline-block;width:.8rem;height:.8rem;margin-left:.35rem;flex:none;vertical-align:baseline}

/* üst bölüm */
.kopf{position:sticky;top:0;z-index:40;background:var(--kopf-zemin);border-bottom:1px solid transparent;border-image:var(--folyo-cizgi) 1}
/* Dil ve tema logonun satırında, en sağda (Emrah 2026-11-03: üst şerit kalktı, "DMN Finanz en üstte olsun") */
.kopf-secenek{flex:none;padding-left:.75rem;border-left:1px solid var(--linie)}
.kopf-secenek .dil-sec a,.kopf-secenek .thema-knopf{font-size:.875rem}
.secenek{display:flex;align-items:center;gap:.75rem}
.dil-sec{display:flex;gap:.1rem}
.dil-sec a{padding:.1rem .4rem;border-radius:5px;color:var(--nebel);font-size:.8125rem;font-weight:500;text-decoration:none}
.dil-sec a:hover{color:var(--text)}
.dil-sec a[aria-current]{background:var(--panel-hell);color:var(--text)}
.thema-knopf{padding:.1rem .6rem;border:1px solid var(--linie-stark);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.8125rem;cursor:pointer}
.thema-knopf:hover{border-color:var(--gold)}
html:not(.js) .thema-knopf{display:none}
.nav-secenek{display:none}
.nur-acik{display:none}
.nur-koyu{filter:brightness(1.2) saturate(1.08)}
[data-thema="hell"] .nur-koyu{display:none}
[data-thema="hell"] .nur-acik{display:block}
.kopf-haupt{display:flex;align-items:center;gap:.75rem;min-height:var(--kopf-hoehe)}
.marke{flex:none;display:block}
.marke img{width:13.75rem}
.hauptnav{margin-left:auto}
.nav-liste{display:flex;align-items:center;gap:.1rem}
.nav-link,.menue>summary{display:flex;align-items:center;gap:.35rem;padding:.55rem .5rem;border-radius:6px;color:var(--text);font-weight:450;font-size:.9375rem;text-decoration:none;cursor:pointer;white-space:nowrap;list-style:none}
.menue>summary::-webkit-details-marker{display:none}
.menue>summary::after{content:"";width:.42rem;height:.42rem;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:translateY(-.1rem) rotate(45deg);transition:transform .15s}
.menue[open]>summary::after{transform:translateY(.1rem) rotate(-135deg)}
.nav-link:hover,.menue>summary:hover,.menue[open]>summary{color:var(--gold-hell)}
.nav-link.aktiv,.menue.aktiv>summary{color:var(--gold-hell);box-shadow:inset 0 -1px 0 var(--gold)}
.knopf-kopf{min-height:2.6rem;padding:.45rem .9rem;font-size:.9375rem;white-space:nowrap}
.menue-knopf{display:none}
.panel{position:absolute;z-index:45;background:var(--yuzey);border:1px solid var(--linie);border-top:1px solid var(--gold);border-radius:0 0 12px 12px;box-shadow:0 24px 50px -16px rgba(0,0,0,.7)}
.panel-gross{left:50%;right:auto;top:100%;transform:translateX(-50%);width:min(75rem,100vw - 2rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem;padding:1.75rem}
.menue{position:static}
.panel-klein{top:calc(100% - .75rem);width:21rem;padding:.75rem}
.panel-immo{width:37rem}
.panel-immo ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .4rem}
.panel-klein li a{display:block;padding:.55rem .7rem;border-radius:8px;text-decoration:none}
.panel-klein li a:hover{background:var(--panel-hell)}
.panel-klein strong{display:block;font-weight:500}
.panel-klein span{display:block;color:var(--nebel);font-size:.875rem}
.panel-titel{margin:0 0 .4rem;color:var(--gold-yazi);font-weight:500;font-size:.9375rem}
.panel-gruppe+.panel-gruppe{margin-top:1.4rem}
.panel-gruppe li a{display:block;padding:.2rem 0;color:var(--text);text-decoration:none;font-size:.9688rem}
.panel-gruppe li a:hover{color:var(--gold-hell);text-decoration:underline}
.panel-alle{display:block;margin-top:1rem;padding:.55rem .7rem;font-weight:500}
.panel-gross .panel-alle{padding-inline:0}

/* karşılama */
.held{position:relative;overflow:clip;isolation:isolate;padding-block:clamp(2rem,4vw,3.5rem) clamp(3rem,6vw,5rem)}
.held-raster{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1rem,3vw,3rem);align-items:center}
.held h1{font-size:clamp(2.6rem,1.2rem + 4vw,4.5rem);overflow-wrap:normal;margin-bottom:.45em}
.held .lead{font-size:clamp(1.1875rem,1.08rem + .5vw,1.375rem)}
.held .knopf-reihe{margin-top:1.75rem}
.held-fakten{margin-top:2rem;display:grid;gap:.3rem;font-size:.9688rem}
.held-fakten li{padding-left:1.1rem;position:relative}
.held-fakten li::before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:1px;background:var(--gold)}
.held-buehne{position:relative;justify-self:center;width:min(100%,36rem)}
.held-karte{position:relative;aspect-ratio:1}
.held-bild,.held-tuval{position:absolute;inset:0;z-index:1;width:100%;height:100%}
.held-bild{filter:drop-shadow(0 26px 34px rgba(0,0,0,.55))}
[data-thema="hell"] .held-bild{filter:drop-shadow(0 22px 26px rgba(40,30,10,.3))}
.held-tuval{z-index:2;opacity:0;transition:opacity .45s ease}
.held-karte.canli .held-tuval{opacity:1}
.held-sitz{position:relative;z-index:2;margin:-.5rem 0 0;text-align:center;font-size:.875rem;color:var(--nebel)}

/* bölümler */
.abschnitt{position:relative;padding-block:clamp(3.25rem,6.5vw,6rem)}
.abschnitt-lead{max-width:38em;font-size:1.1875rem}
.saeulen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:2.25rem}
.saeule{display:flex;flex-direction:column;padding:1.5rem 1.6rem 1.7rem;border:1px solid var(--linie);border-radius:14px;background:var(--yuzey);box-shadow:var(--golge);transition:border-color .2s}
.saeule:hover{border-color:var(--linie-stark)}
.saeule-ikon{width:11rem;margin:-.25rem 0 .9rem -.5rem}
.saeule h3{font-size:1.5rem;font-weight:400;letter-spacing:-.015em}
.saeule h3 a{color:var(--text);text-decoration:none}
.saeule h3 a:hover{color:var(--gold-hell)}
.saeule ul{display:grid;gap:.3rem;margin-top:auto;padding-top:.75rem}

.stufen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);margin-top:2.5rem}
.stufe{padding-top:1.25rem;border-top:1px solid var(--linie-stark)}
.stufe-zahl{display:block;font-size:3.5rem;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--gold-yazi);margin-bottom:.8rem}
.stufe ul{display:flex;flex-wrap:wrap;gap:.25rem 1rem}

.ueber-raster{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.fliesstext{max-width:44rem}
.schild-buehne{width:min(100%,19rem);margin:0 auto 1.25rem}
.register{padding:1.6rem;border:1px solid var(--linie);border-radius:14px;background:var(--yuzey);box-shadow:var(--golge)}
.register h3{margin-bottom:.7em}
.register dl{margin:0}
.register dt{color:var(--text);font-weight:500;margin-top:.9rem}
.register dt:first-of-type{margin-top:0}
.register dd{margin:0;font-variant-numeric:tabular-nums}
.register p{margin:1.1rem 0 0}

.digital-liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem;margin-top:1.75rem}
.digital-liste li{padding-top:1rem;border-top:1px solid var(--linie-stark)}
.digital-liste strong{display:block;font-size:1.125rem;font-weight:500;margin-bottom:.3rem}
.digital-liste span{display:block}

.selbst-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.schnellwahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:.7rem}
.schnellwahl a,.rechner-liste a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:100%;border:1px solid var(--linie-stark);border-radius:10px;background:var(--yuzey);box-shadow:var(--golge);color:var(--text);font-weight:500;line-height:1.3;text-decoration:none;transition:border-color .15s,color .15s}
.schnellwahl a{min-height:4rem;padding:.8rem 1rem}
.rechner-liste a{min-height:4.5rem;padding:1rem 1.2rem;font-size:1.125rem}
.schnellwahl a:hover,.rechner-liste a:hover{border-color:var(--gold);background:var(--yuzey-acik);color:var(--gold-hell)}
.schnellwahl .ext,.rechner-liste .ext{width:1.15rem;height:1.15rem;margin-left:0;color:var(--gold-yazi)}

.schluss{padding-block:clamp(1rem,3vw,2rem) clamp(3rem,6vw,5rem)}
.schluss-innen{max-width:none;padding:clamp(2rem,5vw,3.5rem);border:1px solid var(--linie);border-radius:14px;background:var(--yuzey);box-shadow:var(--golge)}
.schluss h2{margin-bottom:.4em;max-width:20em}
.schluss p{font-size:1.125rem}

/* iç sayfalar */
.seitenkopf{position:relative;overflow:clip;isolation:isolate;padding-block:clamp(1.75rem,3.5vw,3rem) clamp(2.25rem,4vw,3.5rem);border-bottom:1px solid var(--linie)}
.seitenkopf .rahmen{position:relative}
.seiten-foto{position:absolute;z-index:-1;top:0;right:0;width:min(54%,50rem);max-width:none;height:100%;object-fit:cover;object-position:62% center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 44%);mask-image:linear-gradient(90deg,transparent 0,#000 44%)}
.seitenkopf-foto{display:grid;align-content:center;min-height:clamp(21rem,35vw,31rem)}
.seitenkopf-foto .seiten-foto{width:min(62%,60rem);object-position:60% center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.seitenkopf.seitenkopf-foto h1{max-width:clamp(22rem,38vw,34rem)}
.seitenkopf.seitenkopf-foto .lead{max-width:clamp(22rem,34vw,31rem)}
.seitenkopf h1{font-size:clamp(2.2rem,1.5rem + 2.6vw,3.4rem);max-width:14em}
.seitenkopf h1:last-child{margin-bottom:0}
.seitenkopf .lead{margin-bottom:0;max-width:31em}
.brot ol{display:flex;flex-wrap:wrap;gap:.2rem .55rem;font-size:.875rem;margin-bottom:1.1rem}
.brot li+li::before{content:"/";margin-right:.55rem;color:var(--linie-stark)}
.brot a{color:var(--nebel);text-decoration:none}
.brot a:hover{color:var(--gold-hell);text-decoration:underline}
.produkt-raster{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:clamp(2rem,5vw,4rem);align-items:start;padding-block:clamp(2.25rem,5vw,3.75rem)}
.produkt-raster-ohne{grid-template-columns:minmax(0,1fr)}
.fliesstext h2{margin-top:1.6em;font-size:clamp(1.5rem,1.25rem + 1vw,2rem)}
.fliesstext>h2:first-child,.fliesstext>section:first-child>h2:first-child{margin-top:0}
.punkte{display:grid;gap:1rem;margin-bottom:1rem}
.punkte li{padding-left:1.25rem;position:relative}
.punkte li::before{content:"";position:absolute;left:0;top:.72em;width:.6rem;height:1px;background:var(--gold)}
.punkte strong,.punkte span{display:block}
.ablauf{display:grid;gap:.75rem;counter-reset:s}
.ablauf li{counter-increment:s;padding-left:2.5rem;position:relative}
.ablauf li::before{content:counter(s);position:absolute;left:0;top:-.15em;font-weight:200;font-size:1.625rem;color:var(--gold-yazi)}
.termin-box{position:sticky;top:9rem;padding:1.5rem;border:1px solid var(--linie);border-radius:14px;background:var(--yuzey);box-shadow:var(--golge)}
.termin-titel{font-weight:500;font-size:1.25rem;letter-spacing:-.01em;color:var(--text);margin-bottom:.4rem}
.termin-box .knopf{width:100%}
.termin-tel{margin:1rem 0 0;font-size:1rem}
.termin-rechner{margin:.4rem 0 0;font-size:1rem}
.block-rechner{margin-top:2rem}
.rechner-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.75rem;margin-bottom:.9rem}
.rechner-einbettung{margin-top:2.25rem;padding:1.5rem;border:1px solid var(--linie);border-radius:14px;background:var(--yuzey);box-shadow:var(--golge)}
.rechner-einbettung h2{margin-top:0}
.rechner-rahmen{display:block;width:100%;height:56rem;border:0;border-radius:10px;background:#fff}
.hinweis{padding:1rem 1.25rem;border-left:2px solid var(--gold);border-radius:0 10px 10px 0;background:var(--yuzey);box-shadow:var(--golge)}
.anbieter-liste{display:grid;gap:.9rem}
.anbieter-liste a{font-weight:500}
.anbieter-liste span:not(.sr){display:block}
.anbieter-liste a span:not(.sr){display:inline}
.fliesstext section + .klein{margin-top:1.5rem}
.partner-liste{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
.partner-liste li{padding:.65rem 1.1rem;border:1px solid var(--linie);border-radius:10px;background:var(--yuzey);box-shadow:var(--golge);color:var(--text)}
.verwandt-liste,.uebersicht-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.9rem}
.verwandt-liste{margin-top:1rem}
.verwandt-liste a,.uebersicht-liste a{display:block;height:100%;padding:1.05rem 1.2rem;border:1px solid var(--linie);border-radius:12px;text-decoration:none;background:var(--yuzey);box-shadow:var(--golge);transition:border-color .15s}
.verwandt-liste a:hover,.uebersicht-liste a:hover{border-color:var(--gold)}
.verwandt-liste strong,.uebersicht-liste strong{display:block;color:var(--text);font-size:1.0625rem;font-weight:500;line-height:1.3}
.verwandt-liste span,.uebersicht-liste span{display:block;color:var(--nebel);font-size:.9688rem}
.teil-foto{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:12px;margin:.15rem 0 1rem}
.rechner-teil{display:grid;grid-template-columns:minmax(0,13.5rem) minmax(0,1fr);gap:1.4rem;align-items:start;padding-bottom:1.6rem;border-bottom:1px solid var(--linie)}
.rechner-teil .kart-foto{border-radius:10px}
.rechner-teil .rechner-liste{grid-template-columns:repeat(auto-fill,minmax(min(100%,23rem),1fr))}
.foto-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:1rem;margin-top:1.1rem}
.foto-liste a{display:block;height:100%;overflow:clip;padding-bottom:1rem;border:1px solid var(--linie);border-radius:12px;text-decoration:none;background:var(--yuzey);box-shadow:var(--golge);transition:border-color .15s}
.foto-liste a:hover{border-color:var(--gold)}
.kart-foto{width:100%;aspect-ratio:3/2;object-fit:cover}
.foto-liste strong{display:block;margin:.8rem 1rem .1rem;color:var(--text);font-size:1.0625rem;font-weight:500;line-height:1.3}
.foto-liste span{display:block;margin:0 1rem;color:var(--nebel);font-size:.9688rem}
.uebersicht{padding-block:clamp(2.25rem,5vw,3.75rem);display:grid;gap:2.5rem}
.rechner-uebersicht{padding-block:clamp(2.25rem,5vw,3.75rem);display:grid;gap:1.9rem}
.rechner-uebersicht h2{font-size:1.5rem;font-weight:400;margin-bottom:.5em}
.kontakt-raster{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);padding-block:clamp(2.25rem,5vw,3.75rem)}
.themen-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.7rem;margin-bottom:1rem}
.themen-liste a{display:flex;align-items:center;gap:.7rem;min-height:3.4rem;padding:.55rem 1rem;border:1px solid var(--linie);border-radius:10px;background:var(--yuzey);box-shadow:var(--golge);color:var(--text);text-decoration:none;transition:border-color .15s}
.themen-liste a:hover{border-color:var(--wa)}
.kontakt-daten{align-self:start;padding:1.5rem;border:1px solid var(--linie);border-radius:14px;background:var(--yuzey);box-shadow:var(--golge)}
.kontakt-daten dl{margin:0 0 1rem}
.kontakt-daten dt{color:var(--text);font-weight:500;margin-top:.8rem}
.kontakt-daten dd{margin:0}
.rechtstext{padding-block:clamp(1.75rem,4vw,3rem)}
.rechtstext h2{font-size:1.5rem;font-weight:400}
.rechtstext h3{margin-top:1.2em}
.rechtstext .lead{font-size:1.125rem}
.klar{display:grid;gap:.5rem;margin-bottom:1rem}
.klar li{padding-left:1.1rem;position:relative}
.klar li::before{content:"";position:absolute;left:0;top:.8em;width:.5rem;height:1px;background:var(--gold)}

/* alt bölüm */
.fuss{background:var(--fuss-zemin);border-top:1px solid transparent;border-image:var(--folyo-cizgi) 1;padding-block:2.75rem 6rem;font-size:.9688rem}
.fuss-raster{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:2rem}
.fuss-marke img{width:13rem;margin-bottom:1rem}
.fuss-marke address{margin-bottom:.75rem}
.fuss-titel{font-weight:500;color:var(--text);margin-bottom:.5rem}
.fuss li{padding-block:.12rem}
.fuss a{color:var(--nebel);text-decoration:none}
.fuss a:hover{color:var(--gold-hell);text-decoration:underline}
.fuss-unten{margin-top:2rem;padding-top:1.1rem;border-top:1px solid var(--linie);font-size:.875rem}
.fuss-unten a{text-decoration:underline}
.fuss-unten p{margin-bottom:.4rem}
.fuss-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;margin-top:.4rem}
.fuss-zeile p{margin:0}
.fuss-macher{display:flex;align-items:center;gap:.6rem;color:var(--nebel)}
.fuss-macher a{display:inline-flex;align-items:center;min-height:2.75rem;line-height:0}
.fuss-macher img{width:4.5rem;height:auto}

/* sağ alt köşe: WhatsApp her genişlikte görünür, telefon yalnız üst şerit gizliyken */
.aktionsleiste{position:fixed;right:1rem;bottom:1rem;z-index:50;display:grid;justify-items:center;gap:.6rem}
.aktion-wa,.aktion-tel{display:grid;place-items:center;border-radius:50%;transition:background-color .15s}
.aktion-wa{width:3.75rem;height:3.75rem;background:var(--wa);color:#fff;box-shadow:0 8px 20px -6px rgba(0,0,0,.6)}
.aktion-wa:hover{background:var(--wa-dunkel);color:#fff}
.aktion-wa .ikon{width:2.2rem;height:2.2rem}
.aktion-tel{display:none;width:3rem;height:3rem;border:1px solid var(--gold);background:var(--panel);color:var(--gold-yazi);box-shadow:0 8px 18px -6px rgba(0,0,0,.6)}
.aktion-tel:hover{color:var(--gold-hell)}

/* orta ekran: menü sığmayınca gezinme açılır pencereye geçer */
/* Başlık satırı içerikten geniştir: logo, menü, WhatsApp ve dil/tema tek satıra sığsın (2026-11-03 ölçüm:
   logo 220 + menü 690 + WhatsApp 218 + dil/tema 173 px). WhatsApp düğmesi sığmayınca başlıktan çıkar
   (sağ alttaki WhatsApp logosu her genişlikte durur); menü sığmayınca "Menü" düğmesine geçer. */
.kopf .rahmen.kopf-haupt{width:min(88rem,100% - 2rem)}
@media (max-width:87rem){
  .knopf-kopf{display:none}
}
@media (max-width:75rem){
  .panel-immo{right:1rem}
}
@media (max-width:74rem){
  :root{--kopf-hoehe:4.25rem}
  html{scroll-padding-top:5rem}
  .fuss{padding-bottom:9.5rem}
  .aktion-tel{display:grid}
  .kopf-secenek{display:none}
  .marke img{width:11.5rem}
  .kopf-haupt{justify-content:space-between}
  .menue-knopf{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:.4rem .85rem;border:1px solid var(--linie-stark);border-radius:8px;background:transparent;color:var(--text);font:inherit;font-weight:500;cursor:pointer}
  .menue-striche,.menue-striche::before,.menue-striche::after{display:block;width:1.1rem;height:1.5px;background:var(--gold);content:""}
  .menue-striche{position:relative}
  .menue-striche::before{position:absolute;top:-.35rem}
  .menue-striche::after{position:absolute;top:.35rem}
  html.js .hauptnav{display:none;position:fixed;inset:var(--kopf-hoehe) 0 0;z-index:44;overflow-y:auto;background:var(--nacht);padding:.5rem 1rem 9.5rem}
  html.js .hauptnav.offen{display:block}
  .nav-secenek{display:block;padding:1rem .25rem;border-bottom:0!important}
  .nav-secenek .dil-sec a{font-size:1rem;padding:.3rem .65rem}
  .nav-secenek .thema-knopf{font-size:1rem;padding:.3rem .9rem}
  .hauptnav{margin-left:0;width:100%}
  html:not(.js) .kopf-haupt{flex-wrap:wrap}
  .nav-liste{display:block}
  .nav-liste>li{border-bottom:1px solid var(--linie)}
  .nav-link,.menue>summary{padding:.85rem .25rem;font-size:1.0625rem;justify-content:space-between;white-space:normal;box-shadow:none}
  .nav-link.aktiv,.menue.aktiv>summary{box-shadow:none}
  .panel-immo ul{display:block}
  .panel,.panel-gross,.panel-klein{position:static;transform:none;width:auto;display:block;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 0 .9rem}
  .panel-spalte{display:block}
  .panel-gross .panel-gruppe{margin-top:.9rem}
  .panel-klein li a{padding:.45rem 0}
  .panel-gruppe li a{padding:.32rem 0}
}
@media (max-width:60rem){
  /* telefonda 3D sahne başlığın hemen altına gelir */
  .held-raster{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .held-text{display:contents}
  .held h1{order:1;font-size:clamp(2.2rem,11vw,4.2rem)}
  .held-buehne{order:2;width:min(84%,23rem);margin:-.25rem auto 1.5rem}
  .held .lead{order:3;margin-top:.75rem}
  .held .knopf-reihe{order:4}
  .held-fakten{order:5}
  .saeulen{grid-template-columns:minmax(0,1fr)}
  .stufen{grid-template-columns:minmax(0,1fr);gap:2rem}
  .ueber-raster,.selbst-raster,.kontakt-raster{grid-template-columns:minmax(0,1fr)}
  .digital-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .produkt-raster{grid-template-columns:minmax(0,1fr)}
  .termin-box{position:static}
  .fuss-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fuss-marke{grid-column:1/-1}
}
@media (max-width:48rem){
  .seitenkopf{padding-top:clamp(8.5rem,38vw,12rem)}
  .seitenkopf-foto{display:block;min-height:0;padding-top:clamp(13.5rem,60vw,21rem)}
  .seitenkopf-foto .seiten-foto{width:100%;height:clamp(15rem,66vw,23rem);object-position:center;-webkit-mask-image:linear-gradient(180deg,#000 66%,transparent);mask-image:linear-gradient(180deg,#000 66%,transparent)}
  .seitenkopf.seitenkopf-foto h1,.seitenkopf.seitenkopf-foto .lead{max-width:none}
  .rechner-teil{grid-template-columns:minmax(0,1fr)}
  .seiten-foto{width:100%;height:clamp(9.5rem,44vw,14rem);-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
}
@media (max-width:30rem){
  .digital-liste{grid-template-columns:minmax(0,1fr)}
  .fuss-raster{grid-template-columns:minmax(0,1fr)}
  .knopf-reihe .knopf{width:100%}
  .rechner-einbettung{padding:1rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* kartvizit dili */
main{background:var(--ton-2);color:var(--nebel)}
.ton-1,.ton-2,.ton-3,.ton-4{position:relative;border-bottom:1px solid transparent;border-image:var(--folyo-cizgi) 1;box-shadow:inset 0 30px 38px -30px rgba(1,5,10,.85)}
[data-thema="hell"] .ton-1,[data-thema="hell"] .ton-2,[data-thema="hell"] .ton-3,[data-thema="hell"] .ton-4{box-shadow:none}
.ton-1{background:var(--ton-1)}
.ton-2{background:var(--ton-2)}
.ton-3{background:var(--ton-3)}
.ton-4{background:var(--ton-4)}
.held.ton-1{background:radial-gradient(30% 48% at 74% 44%,rgba(201,162,74,.08),transparent 72%),var(--ton-1)}
.ton-3 .stufe-zahl{background:linear-gradient(180deg,#fbeab8 8%,#ecca7c 50%,#c99c3f 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kartvizit{overflow:hidden;isolation:isolate;border:1.5px solid transparent;background-image:var(--kagit),var(--folyo);background-origin:border-box;background-clip:padding-box,padding-box,padding-box,padding-box,border-box;box-shadow:0 34px 56px -28px rgba(1,5,10,.95),0 10px 20px -12px rgba(1,5,10,.75)}
.kartvizit:not(.termin-box){position:relative}
.schluss-innen.kartvizit{background-image:url("3d/logo-altin.webp"),var(--kagit),var(--folyo);background-repeat:no-repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:right 7% center,0 0,0 0,0 0,0 0,0 0;background-size:auto 80%,auto,auto,auto,auto,auto;background-clip:padding-box,padding-box,padding-box,padding-box,padding-box,border-box}
.schluss-innen.kartvizit>*{max-width:min(100%,40rem)}
[data-thema="hell"] .kartvizit,[data-thema="hell"] .schluss-innen.kartvizit{background:var(--yuzey);border:1px solid var(--linie);box-shadow:var(--golge)}
[data-thema="hell"] .schluss-innen.kartvizit{background:url("3d/logo-altin.webp") right 7% center/auto 80% no-repeat,var(--yuzey)}
[data-thema="hell"] .held.ton-1{background:none}
[data-thema="hell"] .ton-3 .stufe-zahl{background:none;color:var(--gold-yazi)}

/* Selbstabschluss: müşteri kendi sözleşmesini kendisi yapar */
.siegel{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .75rem .22rem .3rem;border:1px solid var(--linie-stark);border-radius:999px;background:rgba(201,162,74,.12);color:var(--gold-yazi);font-size:.9063rem;font-weight:600;line-height:1.2;white-space:nowrap}
.siegel-ikon{width:1.45rem;height:1.45rem;flex:none;color:var(--gold)}
.siegel-ikon path{stroke:var(--panel)}
.teil-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .85rem;margin-bottom:.6rem}
.teil-kopf h2{margin:0}
.fliesstext .teil-kopf{margin-top:1.6em}
.fliesstext>section:first-child>.teil-kopf:first-child{margin-top:0}
.selbst-band{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center;padding:clamp(1.5rem,3.5vw,2.5rem);border-radius:14px}
.selbst-ikon{width:100%;max-width:13rem;margin-inline:auto}
.selbst-band h2{font-size:clamp(1.6rem,1.3rem + 1.1vw,2.25rem);margin-bottom:.35em}
.selbst-band p:last-child{margin-bottom:0}
.selbst-schritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.1rem 0}
.selbst-schritte li{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--linie-stark);border-radius:10px}
.selbst-schritte span{display:grid;place-items:center;flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--folyo);color:#0a1320;font-weight:700}
.selbst-ikon-k{width:8.5rem;margin:-.75rem 0 .4rem -.6rem}
/* telefon: tek elle kullanım. Ana düğmeler ilk ekranda, dokunma alanları en az 44 px, kartlar kısa */
@media (max-width:48rem){
  :root{--kopf-hoehe:3.75rem}
  .marke img{width:10.25rem}
  .aktionsleiste{right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom))}
  .brot a{display:inline-block;padding-block:.3rem}
  .panel-gruppe li a,.panel-klein li a{padding-block:.6rem}
  /* karşılama: başlık, metin, düğmeler; 3D Almanya hemen altında */
  .held{padding-block:1.5rem 2.25rem}
  .held h1{font-size:clamp(2.1rem,10vw,3rem);margin-bottom:.4em}
  .held .lead{order:2;margin-top:0;font-size:1.125rem}
  .held .knopf-reihe{order:3;margin-top:1.25rem}
  .knopf-reihe .knopf{text-align:center}
  .held-buehne{order:4;width:min(80%,20rem);margin:1.75rem auto .25rem}
  .held-fakten{order:5;margin-top:1.25rem}
  /* hizmet kartları: sembol solda, bağlantılar dokunmaya uygun satırlar */
  .saeulen{margin-top:1.5rem}
  .saeule{display:grid;grid-template-columns:4.75rem minmax(0,1fr);column-gap:1rem;padding:1.25rem 1.25rem .5rem}
  .saeule-ikon{grid-row:1/3;align-self:center;width:4.75rem;margin:0}
  .saeule h3{grid-column:2;align-self:end;margin:0 0 .2rem;font-size:1.375rem}
  .saeule p{grid-column:2;align-self:start;margin:0;font-size:1rem;line-height:1.5}
  .saeule ul{grid-column:1/-1;gap:0;margin-top:1rem;padding-top:0;border-top:1px solid var(--linie)}
  .saeule li a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.875rem;color:var(--text);text-decoration:none}
  .saeule li+li a{border-top:1px solid var(--linie)}
  .saeule li a::after{content:"";flex:none;width:.45rem;height:.45rem;margin-right:.35rem;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);transform:rotate(45deg)}
  .saeule li a:hover{color:var(--gold-hell)}
  /* üç adım: konu bağlantıları dokunulur düğmecikler */
  .stufe-zahl{font-size:2.75rem;margin-bottom:.4rem}
  .stufe ul{gap:.5rem}
  .stufe li a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.35rem 1rem;border:1px solid var(--linie-stark);border-radius:999px;color:var(--text);font-size:.9688rem;text-decoration:none}
  .stufe li a:hover{border-color:var(--gold);color:var(--gold-hell)}
  .schild-buehne{width:min(55%,12rem)}
  .digital-liste{gap:1.25rem}
  /* resimli kartlar yatay: resim solda, metin sağda */
  .foto-liste{gap:.75rem}
  .foto-liste a{display:grid;grid-template-columns:6.5rem minmax(0,1fr);align-content:center;column-gap:1rem;min-height:6.5rem;padding:0}
  .foto-liste .kart-foto{grid-row:1/3;width:6.5rem;height:100%;min-height:6.5rem;aspect-ratio:auto}
  .foto-liste strong{align-self:end;margin:.75rem .9rem .1rem 0}
  .foto-liste span{align-self:start;margin:0 .9rem .75rem 0;font-size:.9375rem;line-height:1.45}
  .rechner-teil .kart-foto{aspect-ratio:21/9}
  /* alt bölüm: bağlantılar iki sütun, her biri dokunulur yükseklikte */
  .fuss{padding-top:2.25rem}
  .fuss-raster{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .fuss ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}
  .fuss li{padding:0}
  .fuss li a{display:flex;align-items:center;min-height:2.75rem;line-height:1.3}
  .fuss-marke p a{display:inline-flex;align-items:center;min-height:2.75rem}
}
@media (max-width:48rem){
  .schluss-innen.kartvizit{background-image:var(--kagit),var(--folyo);background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:0 0;background-size:auto;background-clip:padding-box,padding-box,padding-box,padding-box,border-box}
  [data-thema="hell"] .schluss-innen.kartvizit{background:var(--yuzey)}
  .selbst-band{grid-template-columns:minmax(0,1fr)}
  .selbst-ikon{max-width:9rem}
  .selbst-schritte{grid-template-columns:minmax(0,1fr)}
}