/**
 * The builtin column class CSS file for Genesis Columns Advanced.
 * This file can be disabled using the gca_load_column_styles filter.
 *
 * Width: 100%
 * Gutter: 2.564102564102564%
 * Link: http://www.nickdiego.com/plugins/genesis-columns-advanced/
 ----------------------------------------------------------------------------- */


/* Column Classes
--------------------------------------------- */

.five-sixths, .four-sixths, .four-fifths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-fifths, .three-sixths, .two-fourths, .two-fifths, .two-sixths, .two-thirds{float:left;margin-left:2.564102564102564%;}
.one-half, .three-sixths, .two-fourths{width:48.717948717948715%;}
.one-third, .two-sixths{width:31.623931623931625%;}
.four-sixths, .two-thirds{width:65.81196581196582%;}
.one-fourth{width:23.076923076923077%;}
.three-fourths{width:74.35897435897435%;}
.one-fifth{width:17.94871794871795%;}
.two-fifths{width:38.46153846153846%;}
.three-fifths{width:58.97435897435898%;}
.four-fifths{width:79.48717948717949%;}
.one-sixth{width:14.52991452991453%;}
.five-sixths{width:82.90598290598291%;}
.first{clear:both;margin-left:0;}
/* Media Queries
--------------------------------------------- */

@media only screen and (max-width: 800px) {

	.five-sixths, .four-fifths,
	.four-sixths, .one-fifth,
	.one-fourth, .one-half,
	.one-sixth, .one-third,
	.three-fifths, .three-fourths,
	.three-sixths, .two-fifths,
	.two-fourths, .two-sixths,
	.two-thirds{margin:0;width:100%;}
}


/* Utility Classes
--------------------------------------------- */

.clearfix:before{content:" ";display:table;}
.clearfix:after{clear:both;content:" ";display:table;}
.vertical-spacer{clear:both;margin-bottom:30px;}
.columns-container{clear:both;overflow:hidden;}/* ==========================================================================
   PU — Frontend Fixes / Sunum katmanı
   Doğrulanmış bulguların düzeltmeleri. Metin, başlık, H1, anahtar kelime
   DEĞİŞTİRİLMEZ — yalnızca görünüm.
   Ölçümler: 2026-09-22, temiz lokal render (canlı ile birebir aynı).
   ========================================================================== */

/* --------------------------------------------------------------------------
   BULGU 1 (kırmızı) — Header sticky değildi
   Ölçüm: 3000px scroll sonrası header top = -2507px, menü ve telefon kaybolurdu.
   Sayfa masaüstünde 10.669px, mobilde 20.667px.

   Not: ana sayfada header şablonu (4742) 792px — çünkü HERO da (H1 dahil)
   header'ın içinde yaşıyor. Bu yüzden .elementor-location-header'a sticky
   VERİLMEZ; sadece ilk çocuk olan menü çubuğu sabitlenir. Sınıfı JS ekler,
   çünkü yüksekliğe eşit bir ara boşluk (spacer) gerekiyor.
   -------------------------------------------------------------------------- */

.pu-sticky-bar{position:fixed !important;left:0;right:0;width:100%;z-index:999;background:#fff;box-shadow:0 1px 0 rgba(14, 23, 19, .08), 0 4px 16px rgba(14, 23, 19, .06);}
.pu-sticky-spacer{flex:none;}
/* Sabit header varken çapa linkleri başlığın altında kalmasın */
:target{scroll-margin-top:var(--pu-sticky-offset, 120px);}
html{scroll-padding-top:var(--pu-sticky-offset, 120px);}
/* --------------------------------------------------------------------------
   BULGU 2 (kırmızı) — Siyah metin koyu mavi üzerinde
   Ölçüm: #000 / #065C7F = 2.85:1 (AA için 4.5 gerekli). Arka plan görseli yok.
   Etkilenen: "Kundenorientierung / faire Preise / Individuelle Beratung /
   jahrelange Erfahrung" bloğundaki 4 açıklama. Başlıklar zaten beyazdı.

   Seçici Elementor element ID'sine bağlı. Şablon yeniden kurulursa ID değişir
   ve bu kural sessizce etkisiz kalır — o durumda yeni ID ile güncelle.
   -------------------------------------------------------------------------- */

/* !important gerekiyor: Elementor bu metnin rengini
   `.elementor-4742 .elementor-element.elementor-element-XXX .elementor-icon-box-description`
   biçiminde 3+ sınıflı bir seçiciyle basıyor. Özgüllük yarışını başka türlü
   kazanmıyoruz; widget ID'lerini tek tek yazmak ise şablon düzenlenince kırılır. */

.elementor-element-116d59b .elementor-icon-box-description, .elementor-element-116d59b .elementor-icon-box-content > *,
.elementor-element-116d59b p{color:#fff !important;/* #065C7F üzerinde 7.38:1 */}
/* --------------------------------------------------------------------------
   BULGU 3 (sarı) — Dokunma hedefleri
   Menü linkleri zaten 46px, sorun yok. Footer'da 19 link 27px yüksekliğindeydi.
   WCAG 2.5.8 (AA, 24×24) zaten geçiyordu; buradaki amaç konfor — özellikle
   mobilde yan yana linklerde yanlış dokunmayı azaltmak.
   Ölçülü tutuldu: 27 → 40px. 44px'e çıkarmak footer'ı ~320px uzatıyordu.
   -------------------------------------------------------------------------- */

.elementor-location-footer .elementor-icon-list-item > a, .elementor-location-footer .elementor-icon-list-item > span{min-height:40px;display:flex;align-items:center;}
/* Footer linkleri 44px (AAA eşiği) — onaylandı 2026-09-22 */
.elementor-location-footer .elementor-icon-list-item > a, .elementor-location-footer .elementor-icon-list-item > span{min-height:44px;}
/* Elementor küçük butonlar 41px → 44px */
.elementor-button.elementor-size-sm{min-height:44px;}
/* --------------------------------------------------------------------------
   BULGU 4 — Google Reviews widget (üçüncü parti: widget-google-reviews)
   -------------------------------------------------------------------------- */

/* 4a) ÇÖZÜLEMEDİ — karusel sayfalama noktaları (`.rpi-dots .rpi-dot`) 4–8px.
   Denendi ve GERİ ALINDI 2026-09-22. Neden çalışmadı:
     - Widget noktalara `position: static` basıyor → `::after` yanlış ankraja
       konumlanıyor (bizim `relative` kuralımız özgüllükte kaybediyor).
     - Konteyner `.rpi-dots` yüksekliği 8px ve `overflow: scroll auto` —
       büyütülen dokunma alanını kırpıyor. `overflow: visible !important`
       bile tutmadı, widget'ın kuralı daha güçlü.
     - Noktalar bilinçli olarak kademeli boyutlu (aktife yakınlık 8→4px).
       Hepsini eşit büyütmek widget'ın görsel tasarımını bozar.
   Ölçüm sonucu tutarsızdı (bazı noktalar merkezinde bile hit almıyordu),
   yarım çalışan bir düzeltme gönderilmedi.
   Gerçek çözüm: widget ayarlarından nokta boyutu, ya da JS ile sarmalama.
   Etki düşük — yorumlar kaydırarak da geziliyor. */

/* 4b) Puan ve yıldızlar #FB8E28 = beyaz üzerinde 2.33:1 idi.
   "4.9" rakamı yıldızlarla aynı elementte olduğu için ikisi birlikte koyulaşıyor.
   Onaylandı 2026-09-22. */
.rpi-stars, .grw-review .rpi-stars{color:#A36200 !important;}
/* --------------------------------------------------------------------------
   BULGU 8 — Mobilde teklife erişim kopuyor  (kullanıcı isteği 2026-09-22)
   Ölçüm: ana sayfada 6 CTA var ama aralarındaki en büyük boşluk 8.736px =
   10,4 ekran. Müşteri sayfanın ortasında ne arayabiliyor ne teklif isteyebiliyor.
   Çözüm: app benzeri sabit alt aksiyon çubuğu. Tüm sayfalarda (99 şehir sayfası
   SEO giriş noktası — ihtiyaç orada daha büyük). Hedef sayfa bağlama göre
   seçiliyor, bkz. pu_ff_offer_target().
   İçerik katmanı DEĞİL: yeni metin yok, sayfada zaten var olan hedeflere kısayol.
   -------------------------------------------------------------------------- */

.pu-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:998;/* sticky header 999 — onun altında kalsın */ display:none;/* yalnızca mobilde açılır */ gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));background:rgba(255, 255, 255, .96);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-top:1px solid #E4E8E6;box-shadow:0 -6px 24px rgba(14, 23, 19, .10);transform:translateY(110%);transition:transform 240ms ease;}
.pu-actionbar[data-visible="true"]{transform:translateY(0);}
.pu-actionbar a{font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;/* `inherit` gövdeden Kanit alıyordu;font dosyası artık yüklenmiyor */ display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;/* 44px eşiğinin üstünde */ border-radius:12px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;text-align:center;padding:0 14px;}
.pu-actionbar a:hover{text-decoration:none;}
.pu-actionbar__call{flex:1 1 38%;border:1px solid #CFD6D2;background:#fff;color:#0E1713;}
.pu-actionbar__call:active{background:#EDF1EF;}
.pu-actionbar__offer{flex:1 1 62%;background:#065C7F;/* beyaz metinle 7.38:1 */ color:#fff;}
.pu-actionbar__offer:hover, .pu-actionbar__offer:active{background:#054A66;color:#fff;}
.pu-actionbar__icon{width:20px;height:20px;flex-shrink:0;}
@media(max-width:767px){
	.pu-actionbar{display:flex;}
/* Çubuk içeriğin son satırını kapatmasın */
	body{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px));}
}

/* Yazdırmada görünmesin */
@media print { .pu-actionbar{display:none !important;}
}

/* --------------------------------------------------------------------------
   BULGU 9 — Mobilde metin duvarları  (kullanıcı isteği 2026-09-22)
   Ölçüm 390×844: ana sayfa 23 ekran / 1.665 kelime. Tek bir bölüm 4,1 ekran, 434 kelime.
   Çözüm: 320px'i aşan metin blokları 230px'te katlanır, "Mehr lesen" ile açılır.
   İçerik DOM'da kalır (İkinci Kural; Google mobil-öncelikli indekslemede katlı
   içeriği sayar). Fiyat tabloları ve footer katlanmaz. Site geneli — 99 şehir
   sayfası da aynı uzunlukta. Buton metni UI öğesidir, sayfa içeriği değil.
   Sınıfları JS ekler (sticky-header.js, 3. IIFE). Masaüstünde etkisiz.
   -------------------------------------------------------------------------- */
@media(max-width:767px){
	.pu-fold{position:relative;max-height:var(--pu-fold-h, 230px);overflow:hidden;transition:max-height 320ms ease;}
.pu-fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--pu-fold-bg, #fff));pointer-events:none;transition:opacity 200ms;}
.pu-fold.is-open::after{opacity:0;}
.pu-fold-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:2px 0 0;padding:0 4px;background:none;border:0;cursor:pointer;color:#065C7F;font:inherit;font-weight:600;font-size:15px;}
.pu-fold-btn::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform 200ms;}
.pu-fold-btn[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px);}
}
@media(min-width:768px){
	.pu-fold{max-height:none !important;overflow:visible !important;}
.pu-fold::after, .pu-fold-btn{display:none !important;}
}

/* --------------------------------------------------------------------------
   BULGU 10 — Mobilde footer 2,4 ekran  (kullanıcı isteği 2026-09-22)
   Beş başlık + iki uzun link listesi + harita, hepsi açık ve üst üste.
   Çözüm: her başlık kendi grubunu açar/kapar (akordeon). "Kontakt" açık başlar.
   Başlık metinleri aynen kalır; yalnızca etkileşim eklenir. Site geneli.
   -------------------------------------------------------------------------- */
@media(max-width:767px){
	.elementor-location-footer .pu-facc-head .elementor-heading-title{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin:0;cursor:pointer;border-top:1px solid rgba(255, 255, 255, .18);}
.elementor-location-footer .pu-facc-head .elementor-heading-title::after{content:"";width:10px;height:10px;flex-shrink:0;margin-left:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform 200ms;opacity:.85;}
.elementor-location-footer .pu-facc-head .elementor-heading-title[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-3px);}
.elementor-location-footer .pu-facc-panel{display:none;}
.elementor-location-footer .pu-facc-panel.is-open{display:block;}
}

/* ==========================================================================
   FOOTER YENİDEN TASARIM — şablon 4733, site geneli  (kullanıcı isteği 2026-09-22)
   Önce: tam genişlik #065C7F blok, 32px Kanit başlıklar, chevron'lu listeler,
   #1C242D telif şeridi (telif metni bir BAŞLIK widget'ı → kocaman).
   Sonra: tasarımın footer dili — açık yüzey, üst çizgi, 4 kolon, 14px sakin tipografi,
   ikonsuz listeler, yuvarlatılmış harita, açık telif satırı. Font `inherit`: ana sayfada
   Inter, iç sayfalarda Kanit — gövdeyle uyumlu kalır. İçerik (linkler, adres, başlıklar)
   birebir aynı; yalnızca görünüm.
   ========================================================================== */
/* Font dosyaları kesildi (pu_ff_drop_font_css): footer'ın kit'ten gelen Open Sans h3 /
   Roboto telif / Kanit p tanımları artık boşa işaret ediyor → hepsi Inter'e. */
.elementor-location-footer, .elementor-location-footer .elementor-heading-title, .elementor-location-footer p, .elementor-location-footer a, .elementor-location-footer li,
.elementor-location-footer span, .elementor-location-footer .elementor-icon-list-text,
.skip-link, [data-elementor-type="wp-page"] :is(p, a, li, td, th, label, blockquote, h1, h2, h3, h4, h5, h6, .elementor-heading-title, .elementor-icon-list-text, .elementor-button, .elementor-icon-box-title, .elementor-icon-box-description){font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;}
.elementor-location-footer{--f-surface:#FFFFFF;--f-bg:#F6F8F7;--f-line:#E4E8E6;--f-ink:#0E1713;--f-body:#2A3530;--f-muted:#5B6762;--f-subtle:#677169;/* #6B756E = 4.48:1 idi (AA eşiği 4.5) → 4.75:1 */ --f-brand:#065C7F;font-family:inherit;}
/* Ana blok: mavi → açık yüzey */
.elementor-location-footer .elementor-element-7729961{background-color:var(--f-surface) !important;border-top:1px solid var(--f-line);--padding-top:56px !important;--padding-bottom:40px !important;--padding-left:24px !important;--padding-right:24px !important;}
/* Ölçüm 2026-09-22: kolonlar 1400px'e yayılıyordu, sayfa içeriği 1240px kutuda → hizasız.
   Sayfa ritmiyle aynı kutu. Liste padding'i de sıfır: linkler başlıkla aynı çizgide. */
.elementor-location-footer .elementor-element-7729961 > .e-con-inner, .elementor-location-footer .elementor-element-663fb91 > .e-con-inner{max-width:1140px !important;margin-inline:auto !important;width:100%;/* sayfa kutusu:sol 150px @1440 */}
.elementor-location-footer .elementor-element-7729961 > .e-con-inner{display:grid !important;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:32px 40px;align-items:start;}
.elementor-location-footer .elementor-icon-list-items{padding-left:0 !important;margin:0 !important;}
.elementor-location-footer .elementor-element-7729961 .e-con.e-child{width:auto !important;max-width:none !important;--padding-left:0 !important;--padding-right:0 !important;display:flex;flex-direction:column;gap:8px;}
/* Başlıklar: 32px → 14px, ink, hafif letter-spacing */
.elementor-location-footer .elementor-element-7729961 .elementor-heading-title{font-size:14px !important;font-weight:700 !important;line-height:1.3 !important;letter-spacing:.02em;color:var(--f-ink) !important;margin:0 0 6px !important;}
.elementor-location-footer .elementor-element-7729961 .elementor-widget-heading{margin-bottom:2px;}
/* İkinci başlık (Zahlungsmöglichkeiten) aynı kolonda: üstüne nefes */
.elementor-location-footer .elementor-element-003c6ff{margin-top:14px;}
/* Adres metni */
.elementor-location-footer .elementor-widget-text-editor{font-size:14px !important;line-height:1.7 !important;color:var(--f-muted) !important;}
.elementor-location-footer .elementor-widget-text-editor a{color:var(--f-muted);text-decoration:none;}
.elementor-location-footer .elementor-widget-text-editor a:hover{color:var(--f-brand);}
/* Listeler: chevron ikonları kaldır, sakin link satırları */
.elementor-location-footer .elementor-icon-list-icon{display:none !important;}
.elementor-location-footer .elementor-icon-list-items{display:flex;flex-direction:column;gap:0;}
.elementor-location-footer .elementor-icon-list-item{margin:0 !important;padding:0 !important;}
.elementor-location-footer .elementor-icon-list-item > a, .elementor-location-footer .elementor-icon-list-item > span{min-height:32px;display:flex;align-items:center;padding:0 !important;font-size:14px !important;line-height:1.4;color:var(--f-muted) !important;text-decoration:none;transition:color 120ms;}
.elementor-location-footer .elementor-icon-list-item > a:hover .elementor-icon-list-text, .elementor-location-footer .elementor-icon-list-item > a:hover{color:var(--f-brand) !important;}
.elementor-location-footer .elementor-icon-list-text{color:inherit !important;font-size:inherit !important;}
/* Harita: yuvarlatılmış kart, sınırlı yükseklik */
.elementor-location-footer .elementor-widget-google_maps iframe, .elementor-location-footer .elementor-custom-embed{border-radius:14px;overflow:hidden;}
.elementor-location-footer .elementor-widget-google_maps iframe{height:200px !important;width:100%;display:block;}
/* Telif şeridi: koyu → açık, başlık değil satır */
.elementor-location-footer .elementor-element-663fb91{background-color:var(--f-bg) !important;border-top:1px solid var(--f-line);--padding-top:16px !important;--padding-bottom:16px !important;}
.elementor-location-footer .elementor-element-663fb91 .elementor-heading-title{font-size:13px !important;font-weight:400 !important;color:var(--f-subtle) !important;text-align:center;line-height:1.4 !important;margin:0 !important;}
/* ---------- Footer mobil: akordeon cilası (mekanizma BULGU 10'da) ---------- */
@media(max-width:767px){
	.elementor-location-footer .elementor-element-7729961{--padding-top:8px !important;--padding-bottom:24px !important;--padding-left:16px !important;--padding-right:16px !important;}
/* Ölçüm 2026-09-22: kolonlar içerik genişliğine büzülüyordu (Kontakt 227px, Umzug 71px,
	   paneller 0px) — üst konteyner kolonları `align-items: flex-start` ile sıkıştırıyor.
	   Kolonlar tam genişlik, üst konteyner stretch. */
	.elementor-location-footer .elementor-element-7729961 > .e-con-inner{display:flex !important;flex-direction:column !important;gap:0;align-items:stretch !important;--align-items:stretch;}
.elementor-location-footer .elementor-element-7729961 .e-con.e-child{gap:0;width:100% !important;--width:100%;max-width:none !important;flex:0 0 auto !important;align-self:stretch !important;}
.elementor-location-footer .elementor-element-003c6ff{margin-top:0;}
/* Başlık widget'ı kolon içinde içerik genişliğine büzülüyordu (ölçüm: "Umzug" satırı
	   ~100px) → satır ve ayırıcı tam genişlik olsun */
	.elementor-location-footer .pu-facc-head, .elementor-location-footer .pu-facc-head > .elementor-widget-container,
	.elementor-location-footer .pu-facc-panel{width:100% !important;max-width:none !important;align-self:stretch;}
.elementor-location-footer .pu-facc-head .elementor-heading-title{width:100%;}
/* Başlık satırı: 52px, ayırıcı, chevron */
	.elementor-location-footer .pu-facc-head .elementor-heading-title{font-size:15px !important;font-weight:600 !important;letter-spacing:0;min-height:52px;margin:0 !important;border-top:1px solid var(--f-line);color:var(--f-ink) !important;}
.elementor-location-footer .elementor-element-5efd8b4 .pu-facc-head:first-child .elementor-heading-title{border-top:0;}
.elementor-location-footer .pu-facc-head .elementor-heading-title::after{width:9px;height:9px;border-color:var(--f-brand);opacity:1;}
.elementor-location-footer .pu-facc-panel.is-open{padding:2px 0 16px;}
.elementor-location-footer .elementor-icon-list-item > a, .elementor-location-footer .elementor-icon-list-item > span{min-height:44px;font-size:15px !important;}
.elementor-location-footer .elementor-widget-text-editor{font-size:15px !important;}
.elementor-location-footer .elementor-widget-google_maps iframe{height:180px !important;}
.elementor-location-footer .elementor-element-663fb91 .elementor-heading-title{font-size:12px !important;}
}

/* ==========================================================================
   HEADER MOBİL — "app hissi"  (kullanıcı isteği 2026-09-22), site geneli
   Önce: 74px bar, 111×53 logo, 49px kenarlıklı kare hamburger, açılan menüde
   aktif öğe koyu gri (#3F444B) blok. Sonra: 60px yarı saydam bulanık bar,
   kenarlıksız 44px ikon, tam genişlik beyaz "sheet" menü — 52px satırlar,
   ayırıcılar, sağda chevron, aktif öğe marka tonu. Yalnızca ≤767px.
   ========================================================================== */
@media(max-width:767px){
	.pu-sticky-bar{background:rgba(255, 255, 255, .92) !important;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);box-shadow:0 1px 0 rgba(14, 23, 19, .08) !important;}
.elementor-location-header .pu-sticky-bar > .e-con-inner, .elementor-location-header .pu-sticky-bar{min-height:60px !important;}
.elementor-location-header .pu-sticky-bar .e-con.e-child{--padding-top:0 !important;--padding-bottom:0 !important;}
.elementor-location-header .pu-sticky-bar img{max-height:40px !important;width:auto !important;}
/* Hamburger: kare kutu → çıplak ikon */
	.elementor-location-header .elementor-menu-toggle{width:44px !important;height:44px !important;border:0 !important;border-radius:12px !important;background:transparent !important;color:#0E1713 !important;font-size:22px !important;display:inline-flex !important;align-items:center;justify-content:center;}
.elementor-location-header .elementor-menu-toggle:active, .elementor-location-header .elementor-menu-toggle.elementor-active{background:#EDF1EF !important;color:#065C7F !important;}
/* Açılan menü: sheet */
	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container{background:#FFFFFF !important;border-top:1px solid #E4E8E6;box-shadow:0 24px 48px rgba(14, 23, 19, .16);padding:6px 0 10px !important;max-height:calc(100vh - 60px) !important;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.elementor-location-header .elementor-nav-menu--dropdown li{border-bottom:1px solid #EEF1F0;}
.elementor-location-header .elementor-nav-menu--dropdown li:last-child{border-bottom:0;}
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item, .elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item{display:flex !important;align-items:center;justify-content:space-between;min-height:52px;padding:0 20px !important;font-size:16px !important;font-weight:600 !important;text-align:left !important;color:#0E1713 !important;background:transparent !important;}
/* Elementor `a.elementor-item::after`'ı "pointer" efekti için mutlak konumlu ve 0 boyutlu
	   kullanıyor (ölçüm 2026-09-22: chevron'lar görünmüyor, aktif öğede ortada 9px nokta).
	   Statik akışa alıp boyutu zorluyoruz; `::before` pointer'ı da kapatıyoruz. */
	.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item::before{content:none !important;}
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item::after{content:"" !important;position:static !important;inset:auto !important;width:9px !important;height:9px !important;flex-shrink:0;margin-left:12px;background:none !important;opacity:1 !important;border:0 !important;border-right:2px solid #9AA6A0 !important;border-bottom:2px solid #9AA6A0 !important;transform:rotate(-45deg) !important;transform-origin:center;}
/* Alt menüsü olanlar: chevron aşağı; açıkken yukarı */
	.elementor-location-header .elementor-nav-menu--dropdown li.menu-item-has-children > a.elementor-item::after{transform:rotate(45deg) translateY(-2px) !important;}
.elementor-location-header .elementor-nav-menu--dropdown li.menu-item-has-children > a.elementor-item.highlighted::after, .elementor-location-header .elementor-nav-menu--dropdown li.menu-item-has-children > a.elementor-item[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(2px) !important;}
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item{min-height:46px;padding-left:36px !important;font-size:15px !important;font-weight:500 !important;color:#2A3530 !important;}
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item::after{content:none;}
.elementor-location-header .elementor-nav-menu--dropdown .sub-menu{background:#F6F8F7 !important;}
/* Aktif / vurgulu: koyu gri blok → marka tonu */
	.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item.highlighted,
	.elementor-location-header .elementor-nav-menu--dropdown a:hover{background:#EDF5F9 !important;color:#065C7F !important;}
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item-active::after{border-right-color:#065C7F !important;border-bottom-color:#065C7F !important;}
/* Menü açıkken oku gizle (Elementor'ün üçgen ok imleci) */
	.elementor-location-header .elementor-nav-menu--dropdown .sub-arrow{display:none !important;}
}

/* --------------------------------------------------------------------------
   EK — Klavye odak halkası
   Tema hiçbir yerde görünür odak göstergesi tanımlamıyordu; klavyeyle gezen
   kullanıcı nerede olduğunu göremiyordu (WCAG 2.4.7).
   -------------------------------------------------------------------------- */

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{outline:3px solid #065C7F;outline-offset:2px;border-radius:3px;}
/* Koyu mavi zeminde mavi halka görünmez — beyaza çevir */
.elementor-element-116d59b a:focus-visible, .elementor-element-116d59b button:focus-visible, .elementor-location-footer a:focus-visible{outline-color:#fff;}
/* --------------------------------------------------------------------------
   EK — Hareket azaltma tercihi
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html{scroll-behavior:auto;}
}

/* Yasal linkler (footer) — pu_ff_footer_legal_links, denetim 2026-09-23. Site geneli. */
.pu-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;max-width:1140px;margin:0 auto;padding:4px 16px 16px;font-family:"Inter", ui-sans-serif, system-ui, sans-serif;}
.pu-legal a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#4A5550 !important;text-decoration:underline;text-underline-offset:3px;}
.pu-legal a:hover{color:#065C7F !important;}/* ==========================================================================
   PU — İç sayfa derisi (inner.css)  v3.1.0
   Yüklenme koşulu: is_singular() && ! is_front_page()  → 237 iç sayfa.
   Ana sayfa (home.css) ile ÇAKIŞMAZ: ikisi birbirini dışlayan koşullarda yüklenir.

   Kaynak: Claude Design "Professionellereinigung modernization" → Leistung.dc.html.
   Görsel dil oradan; İÇERİK siteden — hiçbir metin, başlık, H1 veya anahtar kelime
   değiştirilmez. Yalnızca düzen/tipografi/renk/boşluk.

   Ölçülen kusurlar (2026-09-23, lokal, temiz render):
     · Satır uzunluğu 132 karakter (1120px @17px) — okunabilir üst sınır ~75
     · Başlık skalası yok: aynı sayfada H2'ler 47 / 32 / 39 / 63 / 28px
     · Bölüm ritmi yok: 8 top-level section'ın hepsinde padding 0
     · raeumungsfirma-* gövde + başlık #7A7A7A = 4.29:1 (AA eşiği 4.5)

   Kapsam `body.pu-inner` (PHP'de body_class ile eklenir). Footer'a dokunmaz —
   footer zaten style.css v2.3.0'da site geneli yeniden tasarlandı.

   !important neden çok: Elementor her widget'a
   `.elementor-422 .elementor-element.elementor-element-XXXX .elementor-heading-title`
   biçiminde element-ID özgüllüklü tipografi/renk basıyor; genel deri kuralları
   bunu başka türlü geçemiyor.
   ========================================================================== */

/* ---------- Inter — self-host. home.css ile AYNA; iki dosya asla birlikte
     yüklenmediği için çoğaltma bilinçli. fonts/ klasörü ortak. ---------- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(//professionellereinigung.ch/wp-content/mu-plugins/pu-frontend-fixes/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(//professionellereinigung.ch/wp-content/mu-plugins/pu-frontend-fixes/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}:root{--pu-bg:#F6F8F7;--pu-surface:#FFFFFF;--pu-line:#E4E8E6;--pu-line-strong:#CFD6D2;--pu-ink:#0E1713;--pu-body:#2A3530;--pu-muted:#5B6762;--pu-brand:#065C7F;--pu-brand-dark:#054A66;--pu-brand-tint:#D6E8F0;--pu-brand-wash:#EDF5F9;--pu-star:#E8A54A;--pu-font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--pu-shadow-card:0 1px 2px rgba(14, 23, 19, .06);--pu-shadow-lift:0 10px 30px rgba(14, 23, 19, .08), 0 2px 6px rgba(14, 23, 19, .05);--pu-shadow-cta:0 8px 24px rgba(6, 92, 127, .20);/* Okunabilir satır uzunluğu. Inter'de 1ch ≈ 0.6em;74ch ölçüldüğünde 794px = ~93 karakter çıktı. 62ch = 665px ölçüldü → satırlar 61–83 karakter (max 83). 58ch ≈ 622px → max ~78. Hedef bant 45–80. Ölçüm Range.getClientRects ile. */ --pu-measure:66ch;/* v3.1:58ch "çok dar" bulundu (kullanıcı 2026-09-23) → 66ch ≈ 708px, max ~88 karakter */ /* Başlıklar gövdeden geniş satır kaldırır;aynı sol kenarı paylaşırlar. 58ch'de "Fünf gute Gründe mit Räumungsfirma…" 3 satıra kırılıyordu. */ --pu-measure-head:74ch;--pu-gap-topic:clamp(44px, 5vw, 76px);/* başlıkla açılan yeni blok */ --pu-gap-flow:14px;/* aynı bloğun devamı */}
/* ==========================================================================
   1. TEMEL — font, zemin, sayfa yaprağı
   ========================================================================== */

body.pu-inner{font-family:var(--pu-font);background:var(--pu-bg);color:var(--pu-body);-webkit-font-smoothing:antialiased;}
body.pu-inner [data-elementor-type="wp-page"],
body.pu-inner .elementor-location-header, body.pu-inner [data-elementor-type="single-page"]{font-family:var(--pu-font);}
/* Sayfa gövdesi beyaz bir yaprak; zemin açık gri kalır → kenar çizgisi olmadan
   içerik alanı ayrışır. Mobilde tam genişlik (kenar boşluğu israf olurdu). */
body.pu-inner [data-elementor-type="wp-page"]{background:var(--pu-surface);padding-block:clamp(28px, 4vw, 56px) clamp(40px, 5vw, 72px);}
@media(min-width:1024px){
	body.pu-inner [data-elementor-type="wp-page"]{max-width:1280px;margin-inline:auto;border-radius:28px;box-shadow:var(--pu-shadow-lift);margin-block-end:clamp(40px, 5vw, 72px);overflow:hidden;/* renkli tam-genişlik bölümler yaprağın köşesine uyar */}
}

/* ==========================================================================
   1b. HEADER 4907 — çubuk [logo | menü | telefon + Offerte]
   Ana sayfa header'ındaki (4742 → pua1act0) aksiyon konteynerinin klonu 4907'ye
   eklendi: pua2act0 (pua2tel0 + pua2cta0). Kullanıcı isteği 2026-09-23:
   "butonlar ve telefon ana sayfadaki gibi olmalı". Kurallar home.css'in aynası.
   Yedek: backups/elementor-meta-2026-09-23/4907-_elementor_data.json
   ========================================================================== */
body.pu-inner .elementor-4907 .elementor-element-4e1d511 > .e-con-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;}
body.pu-inner .elementor-4907 .elementor-element-95767f2, body.pu-inner .elementor-4907 .elementor-element-pua2act0{width:auto !important;max-width:none !important;flex:0 0 auto !important;}
body.pu-inner .elementor-4907 .elementor-element-dac1b3d{width:auto !important;max-width:none !important;flex:1 1 auto !important;min-width:0;--padding-top:0 !important;--padding-bottom:0 !important;}
body.pu-inner .elementor-4907 .elementor-element-pua2act0{--padding-top:0 !important;--padding-right:0 !important;--padding-bottom:0 !important;--padding-left:0 !important;padding:0 !important;}
body.pu-inner .elementor-4907 .elementor-element-95767f2 img{max-height:56px;width:auto;}
body.pu-inner .elementor-4907 .elementor-element-dac1b3d .elementor-widget-nav-menu, body.pu-inner .elementor-4907 .elementor-element-dac1b3d .elementor-widget-nav-menu > .elementor-widget-container{width:100%;}
body.pu-inner .elementor-4907 .elementor-nav-menu--main ul.elementor-nav-menu{display:flex !important;flex-wrap:nowrap !important;justify-content:center;width:100%;}
body.pu-inner .elementor-4907 .elementor-nav-menu--main .elementor-item{font-family:var(--pu-font) !important;font-size:14px !important;font-weight:500 !important;padding:10px 6px !important;white-space:nowrap;}
body.pu-inner .elementor-4907 .elementor-element-pua2act0 .elementor-button{font-family:var(--pu-font) !important;font-size:14px !important;padding:10px 14px !important;white-space:nowrap;min-height:0;box-shadow:none;transform:none;}
body.pu-inner .elementor-4907 .elementor-element-pua2tel0 .elementor-button{background-color:transparent !important;color:var(--pu-ink) !important;padding:10px 6px !important;}
body.pu-inner .elementor-4907 .elementor-element-pua2tel0 .elementor-button:hover{color:var(--pu-brand) !important;background-color:transparent !important;}
body.pu-inner .elementor-4907 .elementor-element-pua2cta0 .elementor-button{background-color:var(--pu-brand) !important;color:#fff !important;border-radius:10px !important;}
body.pu-inner .elementor-4907 .elementor-element-pua2cta0 .elementor-button:hover{background-color:var(--pu-brand-dark) !important;}
body.pu-inner .elementor-4907 .elementor-element-pua2act0 .elementor-button-icon{font-size:14px;}
/* Sığma bütçesi (ölçüm 2026-09-23): logo 138 + menü 692 + telefon 131 + CTA 224 + boşluklar
   ≈ 1220px. 1120px viewport'ta çubuk içi 1085 → menü logoya, "Kontakt" telefona bindi.
   ≤1300: telefon gizli (CTA kalır, ≈1078 sığar). ≤1120: aksiyonlar tamamen gizli.
   Mobilde (≤767) alt aksiyon çubuğu zaten telefon + Offerte taşıyor. */
@media(max-width:1300px){
	body.pu-inner .elementor-4907 .elementor-element-pua2tel0{display:none !important;}
}
@media(max-width:1120px){
	body.pu-inner .elementor-4907 .elementor-element-pua2act0{display:none !important;}
}

/* ==========================================================================
   2. BAŞLIK BANDI — header şablonu 4907, konteyner 80db30a
   Ölçüm öncesi: H1 35px / Kanit / weight 400 / 75px'lik ince şerit.
   ========================================================================== */

/* Sayfa "Hide Title" ayarındaysa Elementor page-title widget'ını HİÇ basmıyor →
   bant boş bir 69px mavi şerit olarak kalıyordu (ölçüm 2026-09-23, umzugsfirma-gossau:
   başlığa kadar 137px boş mavi). Widget yoksa bant da yok. */
body.pu-inner .elementor-4907 .elementor-element-80db30a:not(:has(.elementor-widget-theme-page-title)){display:none !important;}
body.pu-inner .elementor-4907 .elementor-element-80db30a{background-color:var(--pu-brand) !important;padding-block:clamp(26px, 4vw, 52px) !important;/* Elementor bandın üstüne 22px margin basıyor → sabit çubukla bandın arasında beyaz şerit kalıyordu (ölçüm 2026-09-23:bar 0–66px, band 88px'te başlıyor). */ margin-top:0 !important;}
body.pu-inner .elementor-widget-theme-page-title .elementor-heading-title{font-family:var(--pu-font) !important;font-size:clamp(28px, 3.4vw, 44px) !important;line-height:1.12 !important;letter-spacing:-0.02em !important;font-weight:700 !important;color:#fff !important;text-wrap:balance;margin:0;}
/* ==========================================================================
   3. TİPOGRAFİ SKALASI
   Elementor aynı sayfada H2'leri 47/32/39/63/28px basıyordu — hepsi tek skalaya.
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .elementor-heading-title,
body.pu-inner [data-elementor-type="wp-page"] h1,
body.pu-inner [data-elementor-type="wp-page"] h2,
body.pu-inner [data-elementor-type="wp-page"] h3,
body.pu-inner [data-elementor-type="wp-page"] h4,
body.pu-inner [data-elementor-type="wp-page"] h5,
body.pu-inner [data-elementor-type="wp-page"] h6{font-family:var(--pu-font) !important;letter-spacing:-0.015em !important;text-wrap:balance;}
body.pu-inner [data-elementor-type="wp-page"] h1,
body.pu-inner [data-elementor-type="wp-page"] h1.elementor-heading-title{font-size:clamp(28px, 3.2vw, 42px) !important;line-height:1.14 !important;font-weight:700 !important;color:var(--pu-ink) !important;}
body.pu-inner [data-elementor-type="wp-page"] h2,
body.pu-inner [data-elementor-type="wp-page"] h2.elementor-heading-title{font-size:clamp(24px, 2.6vw, 34px) !important;line-height:1.18 !important;font-weight:700 !important;color:var(--pu-ink) !important;}
body.pu-inner [data-elementor-type="wp-page"] h3,
body.pu-inner [data-elementor-type="wp-page"] h3.elementor-heading-title{font-size:clamp(19px, 2vw, 24px) !important;line-height:1.25 !important;font-weight:700 !important;color:var(--pu-ink) !important;}
body.pu-inner [data-elementor-type="wp-page"] h4,
body.pu-inner [data-elementor-type="wp-page"] h4.elementor-heading-title{font-size:clamp(17px, 1.4vw, 19px) !important;line-height:1.35 !important;font-weight:700 !important;color:var(--pu-ink) !important;}
body.pu-inner [data-elementor-type="wp-page"] h5,
body.pu-inner [data-elementor-type="wp-page"] h6{font-size:16px !important;line-height:1.4 !important;font-weight:700 !important;color:var(--pu-ink) !important;}
/* Renkli zeminli bölümlerde başlık beyaz kalmalı (aşağıda 10. blok geri veriyor). */

/* ==========================================================================
   4. GÖVDE METNİ — kontrast + ölçü
   Ölçüm: #7A7A7A / beyaz = 4.29:1 (AA 4.5 altı) → #2A3530 = 12.6:1
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor p,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor li,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor td,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor span:not([style*="color"]){font-family:var(--pu-font) !important;color:var(--pu-body) !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor{font-size:17px !important;line-height:1.65 !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor p{font-size:inherit !important;line-height:inherit !important;margin:0 0 0.85em;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor p:last-child{margin-bottom:0;}
body.pu-inner [data-elementor-type="wp-page"] strong,
body.pu-inner [data-elementor-type="wp-page"] b{color:var(--pu-ink);font-weight:700;}
/* Saf kırmızı uyarı metni — editörden `style="color: #ff0000;"` olarak geliyor.
   Ölçüm 2026-09-23: #FF0000 / beyaz = 4.00:1, AA eşiği 4.5. 238 yayın sayfasının
   66'sında var (%28) → sistematik. Uyarı niyeti korunur, ton koyulaşır: 5.62:1.
   Satır içi style'a ancak attribute seçici + !important yetişir. */
body.pu-inner [data-elementor-type="wp-page"] [style*="#ff0000" i],
body.pu-inner [data-elementor-type="wp-page"] [style*="color: red"],
body.pu-inner [data-elementor-type="wp-page"] [style*="color:red"]{color:#C62828 !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor a{font-family:var(--pu-font) !important;color:var(--pu-brand) !important;text-decoration-color:rgba(6, 92, 127, .35);text-underline-offset:2px;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor a:hover{color:var(--pu-brand-dark) !important;text-decoration-color:currentColor;}
/* ---------- Ölçü: tek kolonlu bölümlerde satır uzunluğunu sınırla ----------
   Blok SOLA dayalı kalır (`margin-inline: 0 auto`) ki tam genişlikli / çok kolonlu
   bölümlerle aynı sol kenarı paylaşsın. Ölçüm 2026-09-23: ortalanmış denendi →
   üstteki prose x=200, alttaki 2 kolonlu bölüm x=100 → görünür kırılma.
   Metni ortalı olan widget'lar sticky-header.js 6. IIFE'de `.pu-center` alır ve
   ortalanmaya devam eder. Çok kolonlu düzenlerde kolon zaten dar → kural ısırmaz. */
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-wrap > .elementor-widget-text-editor,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-wrap > .elementor-widget-heading,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-wrap > .elementor-widget-icon-list,
body.pu-inner [data-elementor-type="wp-page"] .e-con-inner > .elementor-widget-text-editor,
body.pu-inner [data-elementor-type="wp-page"] .e-con-inner > .elementor-widget-heading{max-width:var(--pu-measure);margin-inline:0 auto;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-wrap > .elementor-widget-heading,
body.pu-inner [data-elementor-type="wp-page"] .e-con-inner > .elementor-widget-heading{max-width:var(--pu-measure-head);}
/* Kartların İÇİNDEKİ metin kısıtlanmaz — kart zaten dar, kural orada
   yalnızca gereksiz boşluk bırakır. */
body.pu-inner [data-elementor-type="wp-page"] .pu-band .e-con-inner > .elementor-widget-text-editor,
body.pu-inner [data-elementor-type="wp-page"] .e-con.e-child .e-con-inner > .elementor-widget-text-editor{max-width:none;}
body.pu-inner [data-elementor-type="wp-page"] .pu-center{margin-inline:auto !important;}
/* Tablo prose değildir: sola dayamak, üstündeki ortalı başlık/giriş ile kırılma
   yaratıyordu (ölçüm: umzugsfirma-gossau fiyat tablosu 536px sola yaslı, başlık
   ortalı). Tablo taşıyan blok ortalanır. */
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor:has(table){margin-inline:auto;}
/* ==========================================================================
   5. BÖLÜM RİTMİ
   Elementor tüm top-level section'ları padding:0 ile basıyor → paragraflar
   birbirine yapışık, konu blokları arasında da fark yok.
   Sezgi: BAŞLIK İÇEREN bölüm yeni konu açar → büyük boşluk.
          Başlıksız bölüm önceki bloğun devamıdır → küçük boşluk.
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] > .elementor-top-section + .elementor-top-section,
body.pu-inner [data-elementor-type="wp-page"] > .e-con + .e-con{margin-block-start:var(--pu-gap-flow);}
/* Başlık yeni konu açar → boşluk BAŞLIĞIN ÜSTÜNE gider. Ölçüm 2026-09-23:
   "başlıklı bölümden SONRAKİNE de boşluk ver" denendi → aynı konunun devamı olan
   paragraflar 72px ayrıldı, blok dağıldı. Bu yön doğru olan.
   Not: 5 h2'nin 3'ü text-editor HTML'inin İÇİNDE yaşıyor, heading widget'ı değil —
   bu yüzden `h2, h3` da seçiciye dahil. */
body.pu-inner [data-elementor-type="wp-page"] > .elementor-top-section + .elementor-top-section:has(.elementor-widget-heading, h2, h3),
body.pu-inner [data-elementor-type="wp-page"] > .e-con + .e-con:has(.elementor-widget-heading, h2, h3){margin-block-start:var(--pu-gap-topic);}
body.pu-inner [data-elementor-type="wp-page"] > *:first-child{margin-block-start:0 !important;}
/* Başlığın hemen ardından gelen metin sıkı dursun. */
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-heading + .elementor-widget-text-editor,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-heading + .elementor-widget-icon-list{margin-block-start:10px;}
/* ==========================================================================
   6. LİSTELER — madde işareti yerine marka ✓
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor ul{list-style:none;margin:0 0 1em;padding:0;display:flex;flex-direction:column;gap:10px;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor ul > li{position:relative;padding-inline-start:28px;line-height:1.55;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor ul > li::before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:var(--pu-brand);font-weight:700;font-size:15px;line-height:1.7;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor ol{margin:0 0 1em;padding-inline-start:22px;display:flex;flex-direction:column;gap:8px;}
/* Elementor icon-list widget'ı: ikon marka rengi, satırlar nefes alsın. */
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-list .elementor-icon-list-items{display:flex;flex-direction:column;gap:10px;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-list .elementor-icon-list-item{font-family:var(--pu-font) !important;font-size:16px !important;line-height:1.5 !important;align-items:flex-start;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-list .elementor-icon-list-text,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-list .elementor-icon-list-item > a,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-list .elementor-icon-list-item > span{font-family:var(--pu-font) !important;/* Elementor tipografiyi metin span'ına basıyor;Kanit kalıyordu */ color:var(--pu-body) !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var(--pu-brand) !important;}
/* ==========================================================================
   7. BUTONLAR
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .elementor-button,
body.pu-inner .elementor-location-header .elementor-button{font-family:var(--pu-font) !important;font-size:16px !important;font-weight:600 !important;letter-spacing:0 !important;border-radius:12px !important;padding:14px 22px !important;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--pu-brand) !important;color:#fff !important;border:0 !important;box-shadow:var(--pu-shadow-cta);transition:background-color 140ms ease, transform 140ms ease;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-button:hover,
body.pu-inner .elementor-location-header .elementor-button:hover{background-color:var(--pu-brand-dark) !important;color:#fff !important;transform:translateY(-1px);}
body.pu-inner [data-elementor-type="wp-page"] .elementor-button-icon svg{fill:currentColor;}
/* Marka zeminli bölümlerde buton ters kontrast (beyaz zemin, koyu yazı). */
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-button{background-color:#fff !important;color:var(--pu-brand-dark) !important;box-shadow:0 8px 24px rgba(0, 0, 0, .18);}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-button:hover{background-color:var(--pu-brand-wash) !important;color:var(--pu-brand-dark) !important;}
/* ==========================================================================
   8. GÖRSELLER
   Ana sayfada doğrulanan kural: sabit 4:3 + cover. Sebep: portre görseller
   (720×960, 606×1280) dar kolonda ekranın yarısını yiyordu.
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-image img{border-radius:20px;box-shadow:var(--pu-shadow-lift);display:block;width:100%;height:auto;}
/* v3.1: kırpma yalnız PORTRE görsellerde (JS: height > width×1.15 → .pu-portrait).
   Yatay görseller doğal oranında kalır. */
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-image.pu-portrait img{aspect-ratio:4 / 3;object-fit:cover;}
/* Küçük görseller (arma, rozet, logo; JS: uzun kenar < 200px → .pu-small) ham kalır. */
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-image.pu-small img{width:auto;max-width:100%;box-shadow:none;border-radius:0;}
/* ==========================================================================
   9. KARTLAR — icon-box
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box{background:var(--pu-surface);border:1px solid var(--pu-line);border-radius:16px;padding:24px;box-shadow:var(--pu-shadow-card);transition:transform 180ms ease, box-shadow 180ms ease;height:100%;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box:hover{transform:translateY(-2px);box-shadow:var(--pu-shadow-lift);}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon-box-title,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var(--pu-font) !important;font-size:18px !important;font-weight:700 !important;line-height:1.3 !important;color:var(--pu-ink) !important;letter-spacing:-0.01em !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon-box-description{font-family:var(--pu-font) !important;font-size:15px !important;line-height:1.6 !important;color:var(--pu-muted) !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon{color:var(--pu-brand) !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon svg{fill:var(--pu-brand) !important;}
/* Kart sıraları eşit yükseklikte (ana sayfada doğrulanan kural). */
body.pu-inner [data-elementor-type="wp-page"] .e-con:has(> .e-con-inner > .e-con.e-child .elementor-widget-icon-box) > .e-con-inner,
body.pu-inner [data-elementor-type="wp-page"] .e-con:has(> .e-con-inner > .pu-cardrow) > .e-con-inner{align-items:stretch;}
/* .pu-cardrow — JS sarmalayıcı (sticky-header.js 5. IIFE). Masaüstünde görünmez:
   `display: contents` ile Elementor'ün flex/grid'i birebir korunur. */
body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow{display:contents;}
/* ==========================================================================
   10. RENKLİ BÖLÜMLER → tasarımdaki yuvarlatılmış CTA bandı
   `.pu-band` sınıfını `sticky-header.js` 5. IIFE ekliyor: göreli parlaklığı 0.45'in
   altındaki her konteyner (her derinlikte, iç içe olanlarda yalnız en dıştaki).
   CSS bunu tek başına seçemez — renk değeri Elementor'den element-ID özgüllüklü
   geliyor, tutunulacak bir sınıf yok. Arka planı Elementor basıyor; biz yalnızca
   köşe/padding ve metin kontrastı veriyoruz.
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .pu-band{border-radius:24px;padding:clamp(32px, 4.5vw, 56px) clamp(20px, 3vw, 44px) !important;color:#fff;}
/* Yalnız top-level bant sayfa kenarından içeri çekilir; iç içe olanlar kendi
   konteynerinin hizasını korur. */
body.pu-inner [data-elementor-type="wp-page"] > .pu-band{margin-inline:clamp(0px, 2vw, 24px);}
body.pu-inner [data-elementor-type="wp-page"] .pu-band :is(h1, h2, h3, h4, .elementor-heading-title){color:#fff !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band :is(p, li, .elementor-icon-list-text, .elementor-widget-text-editor){color:rgba(255, 255, 255, .92) !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band strong{color:#fff !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-text-editor ul > li::before{color:#fff;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-text-editor a{color:#fff !important;text-decoration:underline;}
/* Ölçüm 2026-09-23 (mobil gossau hero): icon-list ikonları marka renginde → mavi
   üstünde görünmez. Bantta ikonlar beyaz. */
/* icon-list metin kuralı (4. blok) `.elementor-icon-list-item > span`'a !important renk
   basıyor ve bant kuralını özgüllükle geçiyordu → mavi üstünde 1.72:1 (tarama 2026-09-23).
   Aynı yapıda, bir sınıf daha özgül: */
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-icon-list .elementor-icon-list-text,
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-icon-list .elementor-icon-list-item > a,
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-icon-list .elementor-icon-list-item > span{color:#fff !important;}
/* Hero listesi gövdeden bir kademe küçük (kullanıcı 2026-09-23: "yazıyla eşit seviyede
   olunca çok kalabalık görünüyor"). Masaüstü 15px, mobil 14px; ikon 16px; sıkı gap. */
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-items{gap:7px;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-item,
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-text,
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-item > span,
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:15px !important;line-height:1.45 !important;font-weight:500 !important;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-icon{width:16px;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-icon svg{width:16px !important;height:16px !important;--e-icon-list-icon-size:16px;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-icon i{font-size:16px !important;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-text-editor{font-size:16px !important;}
/* Bant içindeki AÇIK zeminli kutu (.pu-light, JS) — renkler koyuya döner, kart derisi. */
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light{color:var(--pu-body);border-radius:16px;padding:22px !important;--padding-top:22px !important;--padding-bottom:22px !important;--padding-left:22px !important;--padding-right:22px !important;box-shadow:var(--pu-shadow-lift);}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light :is(h1, h2, h3, h4, .elementor-heading-title, strong){color:var(--pu-ink) !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light :is(p, li, .elementor-widget-text-editor, .elementor-icon-list-text),
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-widget-icon-list .elementor-icon-list-item > a,
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-widget-icon-list .elementor-icon-list-item > span{color:var(--pu-body) !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-widget-text-editor a{color:var(--pu-brand) !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-icon-list-icon svg,
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-widget-icon .elementor-icon svg{fill:var(--pu-brand) !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-widget-text-editor ul > li::before{color:var(--pu-brand);}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-divider-separator{border-top-color:var(--pu-line) !important;}
/* Rating widget'ı koyu zemin için beyaz dolgu taşıyor → açık kartta yıldızlar boş görünür. */
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .e-rating,
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-widget-rating{--e-rating-icon-marked-color:var(--pu-star) !important;--e-rating-icon-color:var(--pu-line-strong) !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .e-rating .e-icon-marked svg,
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .e-rating .e-icon-marked{fill:var(--pu-star) !important;color:var(--pu-star) !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .pu-light .elementor-button{background-color:var(--pu-brand) !important;color:#fff !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-icon-list-icon svg,
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-icon .elementor-icon svg{fill:#fff !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-icon-list-icon i,
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-icon .elementor-icon{color:#fff !important;}
/* Bant içindeki icon-box kartları beyaz kalır → metni koyu geri ver. */
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-icon-box :is(.elementor-icon-box-title, .elementor-icon-box-title a){color:var(--pu-ink) !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-icon-box :is(.elementor-icon-box-description, p){color:var(--pu-muted) !important;}
/* Bant hero'sunda buton satırı: birincil beyaz (yukarıdaki kural), telefon gibi ikincil
   olan da aynı; iki beyaz buton yan yana kabul edilebilir, ayrım ikonla. */
body.pu-inner [data-elementor-type="wp-page"] .pu-band > .e-con-inner{padding-inline:0 !important;}
/* ==========================================================================
   11. TABLOLAR → tasarımdaki fiyat tablosu
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--pu-line);border-radius:16px;overflow:hidden;background:var(--pu-surface);font-size:15px;margin:4px 0 12px;box-shadow:var(--pu-shadow-card);}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor table th{background:var(--pu-brand-wash) !important;color:var(--pu-brand-dark) !important;font-weight:700;text-align:start;padding:14px 18px !important;border:0 !important;font-size:14px;letter-spacing:0.01em;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor table td{padding:14px 18px !important;border:0 !important;border-top:1px solid var(--pu-line) !important;color:var(--pu-body) !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor table tbody tr:nth-child(even) td{background:var(--pu-bg);}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor table td:last-child{font-weight:700;color:var(--pu-ink) !important;white-space:nowrap;text-align:end;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor table + em,
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor em{font-size:13px;color:var(--pu-muted);font-style:normal;}
/* Dar ekranda tablo yatay kaydırılsın, taşma yapmasın. */
@media(max-width:767px){
	body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor table{font-size:14px;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor table :is(th, td){padding:11px 12px !important;}
}

/* ==========================================================================
   12. AKORDEON (FAQ) — Elementor nested-accordion
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .e-n-accordion-item{background:var(--pu-surface) !important;border:1px solid var(--pu-line) !important;border-radius:14px !important;margin-bottom:10px;overflow:hidden;box-shadow:var(--pu-shadow-card);}
body.pu-inner [data-elementor-type="wp-page"] .e-n-accordion-item-title{font-family:var(--pu-font) !important;font-size:17px !important;font-weight:600 !important;color:var(--pu-ink) !important;padding:18px 20px !important;min-height:48px;cursor:pointer;}
body.pu-inner [data-elementor-type="wp-page"] .e-n-accordion-item[open]{border-color:var(--pu-brand-tint) !important;box-shadow:var(--pu-shadow-lift);}
body.pu-inner [data-elementor-type="wp-page"] .e-n-accordion-item[open] .e-n-accordion-item-title{color:var(--pu-brand-dark) !important;}
body.pu-inner [data-elementor-type="wp-page"] .e-n-accordion-item-title-icon svg{fill:var(--pu-brand) !important;}
body.pu-inner [data-elementor-type="wp-page"] .e-n-accordion-item > .e-con{padding:0 20px 18px !important;}
body.pu-inner [data-elementor-type="wp-page"] .e-n-accordion-item .elementor-widget-text-editor{font-size:16px !important;color:var(--pu-muted) !important;}
/* Eski accordion/toggle widget'ı da aynı dilde. */
body.pu-inner [data-elementor-type="wp-page"] .elementor-accordion-item,
body.pu-inner [data-elementor-type="wp-page"] .elementor-toggle-item{border:1px solid var(--pu-line) !important;border-radius:14px;margin-bottom:10px;overflow:hidden;background:var(--pu-surface);}
body.pu-inner [data-elementor-type="wp-page"] .elementor-tab-title{font-family:var(--pu-font) !important;font-size:17px !important;font-weight:600 !important;color:var(--pu-ink) !important;padding:18px 20px !important;border:0 !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-tab-content{border:0 !important;padding:0 20px 18px !important;color:var(--pu-muted) !important;font-size:16px !important;}
/* ==========================================================================
   13. AYRAÇLAR, YILDIZLAR, ALINTI
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] .elementor-divider-separator{border-top-color:var(--pu-line) !important;border-top-width:1px !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-star-rating i,
body.pu-inner [data-elementor-type="wp-page"] .elementor-star-rating svg{color:var(--pu-star) !important;fill:var(--pu-star) !important;}
body.pu-inner [data-elementor-type="wp-page"] blockquote{margin:0 0 1em;padding:18px 22px;background:var(--pu-brand-wash);border-inline-start:3px solid var(--pu-brand);border-radius:0 14px 14px 0;color:var(--pu-brand-dark);font-style:normal;}
/* ==========================================================================
   14. FORMLAR — Contact Form 7 (teklif sayfaları)
   ========================================================================== */

body.pu-inner .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], select, textarea){font-family:var(--pu-font);font-size:16px;width:100%;padding:12px 14px;min-height:48px;border:1px solid var(--pu-line-strong);border-radius:10px;background:var(--pu-surface);color:var(--pu-body);transition:border-color 120ms ease, box-shadow 120ms ease;}
body.pu-inner .wpcf7 :is(input, select, textarea):focus{outline:none;border-color:var(--pu-brand);box-shadow:0 0 0 3px rgba(6, 92, 127, .15);}
body.pu-inner .wpcf7 input[type="submit"]{font-family:var(--pu-font);font-size:16px;font-weight:600;background:var(--pu-brand);color:#fff;border:0;border-radius:12px;padding:14px 24px;min-height:48px;cursor:pointer;box-shadow:var(--pu-shadow-cta);transition:background-color 140ms ease;}
body.pu-inner .wpcf7 input[type="submit"]:hover{background:var(--pu-brand-dark);}
body.pu-inner .wpcf7 label{font-size:15px;font-weight:500;color:var(--pu-ink);display:block;}
/* ---------- Elementor Pro Forms (teklif sayfaları asıl bunu kullanıyor) ----------
   Ölçüm 2026-09-23: /umzugsofferte/ üzerinde 34 etiket #7A7A7A / beyaz = 4.29:1
   (AA eşiği 4.5). Renk + alan stili tasarım diliyle eşitlendi. */
body.pu-inner .elementor-field-group > label, body.pu-inner .elementor-field-label{font-family:var(--pu-font) !important;font-size:15px !important;font-weight:500 !important;color:var(--pu-ink) !important;margin-bottom:6px;}
body.pu-inner .elementor-field-group .elementor-field:is([type="text"], [type="email"], [type="tel"], [type="url"], [type="number"], [type="date"], textarea, select),
body.pu-inner .elementor-field-group .elementor-select-wrapper select{font-family:var(--pu-font) !important;font-size:16px !important;padding:12px 14px !important;min-height:48px;border:1px solid var(--pu-line-strong) !important;border-radius:10px !important;background-color:var(--pu-surface) !important;color:var(--pu-body) !important;transition:border-color 120ms ease, box-shadow 120ms ease;}
body.pu-inner .elementor-field-group .elementor-field:focus{outline:none;border-color:var(--pu-brand) !important;box-shadow:0 0 0 3px rgba(6, 92, 127, .15);}
body.pu-inner .elementor-field-group .elementor-field::placeholder{color:var(--pu-muted);}
body.pu-inner .elementor-field-type-submit button, body.pu-inner .elementor-button[type="submit"]{font-family:var(--pu-font) !important;font-size:16px !important;font-weight:600 !important;background-color:var(--pu-brand) !important;color:#fff !important;border:0 !important;border-radius:12px !important;padding:14px 24px !important;min-height:48px;box-shadow:var(--pu-shadow-cta);}
body.pu-inner .elementor-field-subgroup label, body.pu-inner .elementor-field-option label{font-size:15px !important;font-weight:400 !important;color:var(--pu-body) !important;}
body.pu-inner .elementor-field-group .elementor-field-required .elementor-mark-required, body.pu-inner .elementor-mark-required{color:#B3261E;}
/* ==========================================================================
   15. ODAK HALKASI — klavye erişimi (style.css'teki kuralın iç sayfa kapsamı)
   ========================================================================== */

body.pu-inner [data-elementor-type="wp-page"] a:focus-visible,
body.pu-inner [data-elementor-type="wp-page"] button:focus-visible,
body.pu-inner [data-elementor-type="wp-page"] summary:focus-visible{outline:3px solid var(--pu-brand);outline-offset:2px;border-radius:6px;}
/* ==========================================================================
   16. MOBİL  (v3.1.0 — kullanıcı geri bildirimi 2026-09-23: "çok boşluk var,
   içerik çok dar"). Ölçüm: hero'da metin 283px / 390 (%73) — bant 20 + iç
   konteyner 16 + Elementor 10 üst üste binmişti. Tek kural: her top-level
   bölümde toplam iç boşluk 16px; kartlar kendi padding'ini taşır.
   ========================================================================== */

@media(max-width:767px){
	body.pu-inner [data-elementor-type="wp-page"]{padding-block:20px 28px;border-radius:0;}
/* Kenar boşluğu: bir yerde 16px, diğerlerinde 0 */
	body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-wrap{padding:0 16px !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-top-section > .elementor-container{padding:0 !important;}
body.pu-inner [data-elementor-type="wp-page"] > .e-con{padding-inline:0 !important;}
body.pu-inner [data-elementor-type="wp-page"] > .e-con > .e-con-inner{padding-inline:16px !important;}
body.pu-inner [data-elementor-type="wp-page"] .e-con.e-child{--padding-left:0 !important;--padding-right:0 !important;padding-inline:0 !important;width:100% !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-text-editor{font-size:16px !important;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box{padding:20px;}
body.pu-inner [data-elementor-type="wp-page"] .elementor-button{width:100%;}
/* Kart içi "Mehr zum … →" bağlantıları 24px yüksekliğindeydi. WCAG 2.5.8 AA
	   eşiğini (24px) geçiyor ama kart CTA'sı olarak küçük — dokunma alanı 44px. */
	body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon-box-description a,
	body.pu-inner [data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon-box-title a{display:inline-flex;align-items:center;min-height:44px;}
/* Renkli bant: mobilde kart değil, tam genişlik blok. Bant üstteki başlık
	   bandıyla birleşir (ikisi de marka rengi → tek hero). */
	body.pu-inner [data-elementor-type="wp-page"] .pu-band{border-radius:0;margin-inline:0;padding:28px 16px !important;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child{border-radius:0 0 20px 20px;}
/* Bant kendi 16px'ini taşıyor → içindeki konteyner/kolon sıfır (ölçüm: 16+16 = metin 311px). */
	body.pu-inner [data-elementor-type="wp-page"] > .pu-band > .e-con-inner,
	body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-widget-wrap,
	body.pu-inner [data-elementor-type="wp-page"] .pu-band > .elementor-container{padding-inline:0 !important;}
/* Elementor hero iç konteynerine 30px dikey padding basıyor; bant zaten 28px taşıyor. */
	body.pu-inner [data-elementor-type="wp-page"] > .pu-band > .e-con-inner{padding-block:0 !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .e-con.e-child{--padding-top:0 !important;--padding-bottom:0 !important;}
body.pu-inner [data-elementor-type="wp-page"]:has(> .pu-band:first-child){padding-top:0;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .elementor-button{width:auto;}
/* Hero'daki Offerte/telefon butonları mobilde GEREKSİZ: sabit alt çubuk aynı iki hedefi
	   zaten taşıyor (kullanıcı 2026-09-23). Yalnız ilk (hero) bantta, yalnız mobilde. */
	body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-button,
	/* Yalnız butonlardan oluşan konteyner de gizlenir (boş satır kalmasın). */
	body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .e-con.e-child:not(:has(> :not(.elementor-widget-button))){display:none !important;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .e-con.e-child.pu-light{padding:20px !important;margin-top:8px;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band > .e-con-inner{row-gap:20px;}
body.pu-inner [data-elementor-type="wp-page"] .pu-band .e-con.e-child:has(> .elementor-widget-button){flex-direction:row;flex-wrap:wrap;gap:10px;}
body.pu-inner .elementor-4907 .elementor-element-80db30a{padding-block:22px !important;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-item,
	body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-text,
	body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-item > span,
	body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:14px !important;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child .elementor-widget-text-editor{font-size:15px !important;}
body.pu-inner [data-elementor-type="wp-page"] > .pu-band:first-child > .e-con-inner{row-gap:14px;}
/* Kart sıraları: yatay snap (ana sayfa deseni). Kart %80, sonraki kart kenardan görünür. */
	body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;width:100%;margin-inline:0;padding-inline:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow::-webkit-scrollbar{display:none;}
/* Yalnız top-level sıra 16px kenara taşar (kart kenardan görünsün). İç içe sıralar
	   (ör. bant içindeki adım kartları) kendi kutusunda kalır — ölçüm: 6px sayfa taşması. */
	body.pu-inner [data-elementor-type="wp-page"] > .e-con > .e-con-inner > .pu-cardrow{width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px;}
body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow > .e-con.e-child{flex:0 0 80% !important;width:80% !important;max-width:80% !important;scroll-snap-align:start;display:flex;}
body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow > .e-con.e-child > .elementor-widget-icon-box{width:100%;}
/* Serbest konteyner kartları (ikon + başlık + metin + link): kart görünümü */
	body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow > .e-con.e-child.pu-card{flex-direction:column;padding:20px !important;border-radius:16px;}
/* Zemin yalnız kendi zemini OLMAYAN kartlara. Ölçüm 2026-09-23 (firmenumzug "So läuft
	   es ab"): kartlar Elementor'da koyu mavi + beyaz metin; buradaki beyaz zemin metni
	   yuttu (1:1). Koyu kart (.pu-band) kendi rengini korur. */
	body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow > .e-con.e-child.pu-card:not(.pu-band):not(.pu-light){background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow-card);}
body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow > .e-con.e-child.pu-card > .e-con-inner{padding:0 !important;}
/* Kart sırasında kartlar eşit boyda: sıra kendi içinde stretch */
	body.pu-inner [data-elementor-type="wp-page"] .pu-cardrow{align-items:stretch;}
:root{--pu-gap-topic:40px;--pu-gap-flow:12px;}
}


/* ==========================================================================
   17. KURZ-OFFERTE — sayfa sonuna enjekte edilen 6 alanlı teklif kartı
   (pu_ff_inject_quick_form). Tasarımın CTA bandı dili: marka zemin, radius 24.
   ========================================================================== */
html{scroll-behavior:smooth;}
#kurzofferte{scroll-margin-top:96px;}
body.pu-inner .pu-quick-offer{margin-top:var(--pu-gap-topic);padding-inline:clamp(0px, 2vw, 24px);font-family:var(--pu-font);}
body.pu-inner .pu-quick-offer__inner{max-width:1140px;margin-inline:auto;background:var(--pu-brand);color:#fff;border-radius:24px;padding:clamp(28px, 4vw, 48px);display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(24px, 4vw, 48px);align-items:start;}
body.pu-inner .pu-quick-offer__eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pu-brand-tint);}
body.pu-inner .pu-quick-offer__title{margin:0 0 12px;font-size:clamp(24px, 2.8vw, 34px);line-height:1.15;font-weight:700;letter-spacing:-0.015em;color:#fff;text-wrap:balance;}
body.pu-inner .pu-quick-offer__lead{margin:0 0 14px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.9);}
body.pu-inner .pu-quick-offer__tel{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.5);border-radius:12px;color:#fff !important;font-weight:700;font-size:18px;text-decoration:none;}
body.pu-inner .pu-quick-offer__reviews{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;color:#fff !important;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;}
body.pu-inner .pu-quick-offer__reviews span{color:#FFD27A;letter-spacing:1px;text-decoration:none;}
body.pu-inner .pu-quick-offer__tel:hover{background:rgba(255,255,255,.12);}
body.pu-inner .pu-quick-offer .wpcf7 form{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
body.pu-inner .pu-quick-offer .wpcf7 label{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.92);margin-bottom:4px;}
body.pu-inner .pu-quick-offer .wpcf7 .pu-qo-field{min-width:0;}
body.pu-inner .pu-quick-offer .wpcf7 .pu-qo-wide{grid-column:1 / -1;}
body.pu-inner .pu-quick-offer .wpcf7-form-control-wrap{display:block;}
body.pu-inner .pu-quick-offer .wpcf7 :is(input[type="text"], input[type="tel"], input[type="date"], select){border-color:transparent;}
body.pu-inner .pu-quick-offer .wpcf7 input[type="submit"]{width:100%;background:#fff;color:var(--pu-brand-dark);box-shadow:0 8px 24px rgba(0,0,0,.18);}
body.pu-inner .pu-quick-offer .wpcf7 input[type="submit"]:hover{background:var(--pu-brand-wash);}
body.pu-inner .pu-quick-offer .wpcf7-spinner{display:none;}
body.pu-inner .pu-quick-offer .wpcf7-not-valid-tip{color:#FFE082;font-size:13px;margin-top:4px;}
body.pu-inner .pu-quick-offer .wpcf7-response-output{grid-column:1 / -1;margin:4px 0 0 !important;padding:12px 14px !important;border:1px solid rgba(255,255,255,.5) !important;border-radius:10px;color:#fff;font-size:15px;}
body.pu-inner .pu-quick-offer .pu-qo-privacy{grid-column:1 / -1;font-size:12px;color:rgba(255,255,255,.75);margin:0;}
@media(max-width:900px){
	body.pu-inner .pu-quick-offer__inner{grid-template-columns:1fr;}
}
@media(max-width:767px){
	body.pu-inner .pu-quick-offer{padding-inline:0;margin-top:40px;}
body.pu-inner .pu-quick-offer__inner{border-radius:18px;padding:24px 16px;}
body.pu-inner .pu-quick-offer .wpcf7 form{grid-template-columns:1fr;}
#kurzofferte{scroll-margin-top:76px;}
}

@media (prefers-reduced-motion: reduce) {
	body.pu-inner [data-elementor-type="wp-page"] *{transition:none !important;}
}

/* ==========================================================================
   18. İÇ LİNK AĞI — "in der Nähe" + Einsatzgebiete dizini (pu_ff_inject_internal_links).
   Orphan düzeltmesi (denetim 2026-09-23). Sakin, ikincil gezinme; dokunma hedefi ≥ 44px.
   ========================================================================== */
body.pu-inner .pu-links{max-width:1140px;margin:var(--pu-gap-topic) auto 0;padding-inline:clamp(0px, 2vw, 24px);font-family:var(--pu-font);display:grid;gap:28px;}
body.pu-inner .pu-nearby, body.pu-inner .pu-directory{background:var(--pu-surface);border:1px solid var(--pu-line);border-radius:20px;padding:clamp(20px, 3vw, 32px);}
body.pu-inner :is(.pu-nearby__title, .pu-directory__title){margin:0 0 14px;font-size:clamp(19px, 2vw, 22px);line-height:1.25;font-weight:700;color:var(--pu-ink);}
body.pu-inner .pu-nearby__list, body.pu-inner .pu-directory ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:8px;}
body.pu-inner .pu-nearby__list li, body.pu-inner .pu-directory li{margin:0;padding:0;}
body.pu-inner .pu-nearby__list li::before, body.pu-inner .pu-directory li::before{content:none !important;}
body.pu-inner .pu-nearby__list a, body.pu-inner .pu-directory li a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;background:var(--pu-brand-wash);color:var(--pu-brand-dark) !important;font-size:15px;font-weight:600;text-decoration:none;}
body.pu-inner .pu-nearby__list li{display:flex;flex-direction:column;}
body.pu-inner .pu-nearby__list span{margin:4px 0 0 14px;font-size:13px;color:var(--pu-muted);}
body.pu-inner .pu-nearby__list a:hover, body.pu-inner .pu-directory li a:hover{background:var(--pu-brand-tint);}
body.pu-inner :is(.pu-nearby__more, .pu-nearby__all, .pu-directory__rel){margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--pu-body);}
body.pu-inner :is(.pu-nearby__more, .pu-nearby__all, .pu-directory__rel) a{color:var(--pu-brand) !important;font-weight:600;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 0;}
body.pu-inner :is(.pu-nearby__more, .pu-directory__rel){display:flex;flex-wrap:wrap;align-items:center;column-gap:20px;}
body.pu-inner :is(.pu-nearby__more, .pu-directory__rel) > span{flex-basis:100%;}
body.pu-inner .pu-directory__group{border-top:1px solid var(--pu-line);}
body.pu-inner .pu-directory__group:first-of-type{border-top:0;}
body.pu-inner .pu-directory__group summary{display:flex;align-items:center;min-height:52px;cursor:pointer;font-size:16px;font-weight:700;color:var(--pu-ink);list-style:none;}
body.pu-inner .pu-directory__group summary::-webkit-details-marker{display:none;}
body.pu-inner .pu-directory__group summary span{margin-left:6px;font-weight:500;color:var(--pu-muted);}
body.pu-inner .pu-directory__group summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--pu-brand);border-bottom:2px solid var(--pu-brand);transform:rotate(45deg);transition:transform .2s;}
body.pu-inner .pu-directory__group[open] summary::after{transform:rotate(-135deg);}
body.pu-inner .pu-directory__group ul{padding-bottom:16px;}
body.pu-inner .pu-directory__group summary:focus-visible{outline:3px solid var(--pu-brand);outline-offset:2px;border-radius:8px;}
@media(max-width:767px){
	body.pu-inner .pu-links{padding-inline:16px;}
body.pu-inner .pu-nearby__list, body.pu-inner .pu-directory ul{grid-template-columns:1fr 1fr;}
body.pu-inner .pu-nearby__list a, body.pu-inner .pu-directory li a{font-size:14px;padding:0 12px;}
}