.st0{fill:#1b1463;}
.st1{fill:#1b1463;}
.st2{fill:#1b1463;}
.st3{fill:#1b1463;}
.st4{fill:#1b1463;}
.st5{fill:#1b1463;}
.st6{fill:#1b1463;}
.st7{fill:#1b1463;}
.st8{fill:#1b1463;}
.st9{fill:#1b1463;}
.st10{fill:#1b1463;}
.st11{fill:#1b1463;}

.header-logo p{
    margin:0;
}

/* Logo satir ici SVG renk siniflari (kullanici tanimi — KORU) */
.cls-1{fill:#ec6c2c}
.page- .cls-2{fill:#fff}
.sticky-header-active .cls-2{fill:#d1d1d1}




html, body {
  /* Govde: sistem sans — hic font indirilmez. Harici govde fontu kaldirildi
     (genis eksenli agir bir variable font idi). */
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}


/*Footer Start*/
/* ============================================================
   FOOTER — Maler Berlin Brandenburg
   Sifirdan yazildi. Eski blok Alfa Florya'nin KOYU footer'ina gore
   yazilmisti; icerikteki satir ici color:#fff yuzunden acik zeminde
   metin gorunmuyordu. Ayrica o blogun ">" secicileri panel kaynakli
   cift kodlama yuzunden olu idi.
   Renk ailesi hero/header ile ayni: #0f2137 → #2d5580, vurgu #e8580c
   ============================================================ */
#footer{
	--f-ink:#1d1d1b; --f-ink2:#33322e; --f-mut:#6d6b63;
	--f-acc:#ec6c2c; --f-vurgu:#ec6c2c; --f-cizgi:rgba(29,29,27,.14);
	position:relative; isolation:isolate; overflow:hidden; margin-top:60px; padding:0; border:0;
	border-top:3px solid #ec6c2c !important;
	background:linear-gradient(135deg,#f4f4f2 0%,#faf6f1 52%,#f1f1ee 100%) !important;
}
#footer:before{
	content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
	background-repeat:no-repeat;
	background-image:
		radial-gradient(circle,rgba(120,160,210,.30),transparent 46%),
		radial-gradient(circle,rgba(232,138,60,.16),transparent 48%),
		radial-gradient(circle,rgba(140,180,220,.26),transparent 44%);
	background-size:55% 55%,50% 50%,48% 48%;
	background-position:6% 10%,92% 18%,48% 96%;
}
#footer-wrapper{position:relative; z-index:1; padding:56px 0 46px;}
#footer-wrapper > .container{display:flex; flex-wrap:wrap;}
#footer-wrapper > .container:before,
#footer-wrapper > .container:after{display:none;}

#footer h5{margin:0 0 14px; padding:0; font-size:15px; font-weight:800;
	letter-spacing:1.6px; text-transform:uppercase; color:var(--f-ink);}
#footer p, #footer li, #footer .wtf-sut span{color:var(--f-mut);}
#footer ul{margin:0; padding:0; list-style:none;}
#footer a{color:var(--f-ink2); text-decoration:none;}
#footer a:hover{color:var(--f-vurgu);}

/* ust cagri seridi */
#footer .wtf-cta{
	flex:0 0 100%; display:flex; flex-wrap:wrap; align-items:center;
	justify-content:space-between; gap:16px; margin:0 0 38px; padding:20px 24px;
	border-radius:12px; background:rgba(31,58,95,.06);
	border:1px solid rgba(31,58,95,.16); border-left:5px solid var(--f-ink2);
}
#footer .wtf-cta-metin strong{display:block; font-size:16.5px; line-height:1.35;
	color:var(--f-ink); margin-bottom:4px;}
#footer .wtf-cta-metin span{display:block; font-size:14px; color:var(--f-mut);}
#footer .wtf-cta-btn{
	display:inline-flex; align-items:center; gap:9px; flex:0 0 auto;
	padding:12px 24px; border-radius:9px; font-size:18px; font-weight:700;
	letter-spacing:.4px; color:#fff !important;
	background:linear-gradient(100deg,#d85f22,#ec6c2c);
	transition:transform .18s ease, box-shadow .18s ease;
}
#footer .wtf-cta-btn:hover{transform:translateY(-2px); box-shadow:0 10px 22px rgba(236,108,44,.34); color:#fff !important;}
#footer .wtf-cta-btn svg{width:19px; height:19px;}

/* sutunlar */
#footer .wtf-sut{padding-top:4px;}
#footer .wtf-h5-ara{margin-top:28px;}
#footer .wtf-marka{display:inline-block; line-height:1.1;}
#footer .wtf-marka-ad{display:block; font-size:26px; font-weight:800; letter-spacing:.5px; color:var(--f-ink);}
#footer .wtf-marka-alt{display:block; margin-top:4px; font-size:11.5px; font-weight:700;
	letter-spacing:3px; text-transform:uppercase; color:var(--f-vurgu);}
#footer .wtf-tanim{margin:14px 0 24px; font-size:14px; line-height:1.7;}

#footer .wtf-bolge{display:flex; flex-wrap:wrap; gap:7px;}
#footer .wtf-bolge span{font-size:12.5px; line-height:1; padding:7px 11px; border-radius:20px;
	background:rgba(31,58,95,.07); border:1px solid rgba(31,58,95,.16); color:var(--f-acc);}

#footer ul.wtf-hizmet{columns:2; column-gap:26px;}
#footer ul.wtf-hizmet li{break-inside:avoid; margin-bottom:9px;}
#footer ul.wtf-hizmet a{font-size:14px;}

#footer .wtf-sayfalar{display:flex; flex-wrap:wrap; gap:6px 0;}
#footer .wtf-sayfalar a{font-size:14px; padding:0 12px; border-right:1px solid var(--f-cizgi);}
#footer .wtf-sayfalar a:first-child{padding-left:0;}
#footer .wtf-sayfalar a:last-child{border-right:0;}

#footer ul.wtf-iletisim li{display:flex; align-items:flex-start; gap:10px;
	margin-bottom:14px; font-size:14px; line-height:1.6;}
#footer ul.wtf-iletisim svg{width:17px; height:17px; flex:0 0 auto; margin-top:3px; color:var(--f-ink2);}
#footer .wtf-route{display:inline-block; margin-top:2px; padding:9px 16px; border-radius:7px;
	font-size:13.5px; font-weight:600; color:var(--f-ink2) !important;
	border:1px solid rgba(31,58,95,.28); transition:background .18s ease, color .18s ease;}
#footer .wtf-route:hover{background:var(--f-ink2); color:#fff !important;}

/* alt ipucu seridi */
#footer .wtf-ipucu{
	flex:0 0 100%; margin-top:36px; padding-top:20px; border-top:1px solid var(--f-cizgi);
	display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px;
	font-size:13.5px; color:var(--f-mut);
}
#footer .wtf-ipucu strong{color:var(--f-ink);}
#footer .wtf-ipucu span{position:relative; padding-left:16px;}
#footer .wtf-ipucu span:before{content:""; position:absolute; left:0; top:50%; width:6px; height:6px;
	margin-top:-3px; border-radius:50%; background:var(--f-vurgu);}

/* copyright seridi */
#footer .footer-copyright{
	position:relative; z-index:1; margin-top:0; padding:16px 0; text-align:center;
	background:linear-gradient(135deg,#e7eef7 0%,#eee6db 100%);
	border-top:1px solid var(--f-cizgi);
}
#footer .footer-copyright p{margin:0; font-size:13px; line-height:1.9; color:var(--f-mut) !important;}
#footer .footer-copyright a{margin:0 7px; font-size:13px; color:var(--f-ink2) !important;}
#footer .footer-copyright a:hover{color:var(--f-vurgu) !important;}
#footer .wtf-alt-marka{font-weight:700; color:var(--f-ink);}
#footer .wtf-alt-ayrac{margin:0 7px; color:rgba(15,33,55,.32);}
#footer .footer-copyright img{opacity:1;}
#footer .footer-copyright .footer-developed-by,
#footer .web-tasarim-wrp{z-index:2;}

@media (max-width:991px){
	#footer-wrapper > .container{display:block;}
	#footer .wtf-sut{margin-bottom:32px;}
    #header .header-nav-main nav>ul li a {
        color: #fff;
    }	
}
@media (max-width:600px){
	#footer{margin-top:40px;}
	#footer-wrapper{padding:38px 0 28px;}
	#footer .wtf-cta{padding:18px;}
	#footer .wtf-cta-btn{width:100%; justify-content:center;}
	#footer ul.wtf-hizmet{columns:1;}
	#footer .wtf-ipucu{gap:8px 16px;}
}
/*Footer End*/

.blog-form-cta{background:linear-gradient(135deg,#ffffff 0%,#fff6e9 100%);border-left:5px solid #f39c12 !important;border-radius:12px;padding:36px 40px;box-shadow:0 10px 28px rgba(0,0,0,.07);}
.blog-form-cta-title{color:#1a2540;font-weight:600;margin:0 0 22px;}
.blog-form-cta label{color:#555;font-size:14px;display:block;margin-bottom:6px;}
.blog-form-cta input,.blog-form-cta textarea{width:100%;background:#fff;border:1px solid #e6d8dc;border-radius:8px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s;}
.blog-form-cta input:focus,.blog-form-cta textarea:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px rgba(243,156,18,.12);}
.blog-form-cta input::placeholder,.blog-form-cta textarea::placeholder{color:#aaa;}
.blog-form-cta button,.blog-form-cta .btn,.blog-form-cta input[type="submit"]{background:#f39c12;color:#fff;font-weight:600;border:none;border-radius:8px;padding:13px 36px;font-size:15px;cursor:pointer;transition:background .2s,transform .1s;}
.blog-form-cta button:hover,.blog-form-cta .btn:hover,.blog-form-cta input[type="submit"]:hover{background:#c67e0e;}
.blog-form-cta button:active,.blog-form-cta .btn:active,.blog-form-cta input[type="submit"]:active{transform:scale(.98);}
@media (max-width:600px){.blog-form-cta{padding:26px 22px;}}

.blog-toc {
    border-left: 3px solid #ec6c2c !important;
}
.blog-toc-link.is-active {
    color: #ec6c2c !important;
    border-left-color: #ec6c2c !important;
}
a, a:hover, a:focus {
    color: #1b1463;
}
#header .header-nav-main nav>ul>li>a {
    text-transform: capitalize;
}
@media (min-width: 992px) {
    html #header.header-flex .header-logo {
        margin: 10px 0 8px;
    }    
    .wt-vs-inner {
        padding: 137px 0 74px 0 !important;
    }    
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        border-top: 3px solid #ec6c2c;
    }    
    #header .header-nav-main nav>ul>li.open>a, #header .header-nav-main nav>ul>li:hover>a {
        background: #ec6c2c;
        color: #fff;
    }
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a {
        color: #fff ;
    }    
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
            border-top: 0;
    }

    html #header.header-semi-transparent .header-nav-main nav>ul>li:not(.active)>a, html:not(.sticky-header-active) #header    .header-semi-transparent-light .header-nav-main nav>ul>li:not(.active)>a, html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a {
        color: #222;
    }
    html #header.header-semi-transparent .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after, html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after, html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after {
        border-color: #fff transparent transparent;
    }    
}
#header .header-body {
    background: transparent;
    border-top: 0;
}
#header-search{
    display:none !important;
}
@media (max-width: 991px) {
    #header .header-btn-collapse-nav {
        margin: 5px 0 0px 15px;;
    }    
    #header .header-btn-collapse-nav {
        background: #e8580c;
    }
    .sticky-header-active #header .header-logo img {
        margin: 10px 0 0;
    }       
    .sticky-header-active #header .header-btn-collapse-nav {
        margin: 12px 0 0px 15px;
    } 
    .wt-vs-inner {
        padding: 140px 0 56px 0 !important;
    }    
}

.page-header{
    position: relative;
    border: 0px solid #f1f0ea;
    margin: -145px 0 35px;
    padding: 174px 0 20px;
    background: transparent;
    z-index: 0;
}
.wt-hero-slider {
    position: relative;
    overflow: hidden;
    padding-top: 144px;
    background: linear-gradient(135deg, #fdf3ec 0%, #f3eefa 50%, #ecf8f1 100%);
}
.wt-hero-slider::before{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-repeat:no-repeat;
    background-image:
        radial-gradient(circle, rgba(255,178,145,.42), transparent 46%),
        radial-gradient(circle, rgba(150,210,175,.40), transparent 48%),
        radial-gradient(circle, rgba(206,183,224,.38), transparent 44%);
    background-size:55% 55%, 50% 50%, 48% 48%;
    background-position:8% 15%, 88% 12%, 45% 90%;
    animation: wtHeroBlobDrift1 22s ease-in-out infinite alternate;
}
.wt-hero-slider::after{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-repeat:no-repeat;
    background-image: radial-gradient(circle, rgba(255,206,150,.32), transparent 50%);
    background-size:65% 65%;
    background-position:80% 78%;
    animation: wtHeroBlobDrift2 28s ease-in-out infinite alternate;
}
.wt-hero-slide{position:relative;background:transparent!important;z-index:1;}
.wt-hero-slide-content h5{color:#7a8a99!important;}
.wt-hero-slide-content h2{color:#2c3e50!important;}
.wt-hero-slide-content p{color:#4a5a68!important;}
.wt-hero-btn-outline{border-color:#2c3e50!important;color:#2c3e50!important;}
.wt-hero-btn-outline:hover,.wt-hero-btn-outline:focus{background-color:#2c3e50!important;color:#fff!important;}
.wt-hero-dot{background-color:rgba(44,62,80,.28)!important;}
.wt-hero-dot:hover{background-color:rgba(44,62,80,.5)!important;}
.wt-hero-dot.active{background-color:#2c3e50!important;}
@keyframes wtHeroBlobDrift1{
    0%   { background-position:8% 15%, 88% 12%, 45% 90%; }
    50%  { background-position:22% 30%, 72% 28%, 30% 72%; }
    100% { background-position:4% 8%, 92% 22%, 58% 88%; }
}
@keyframes wtHeroBlobDrift2{
    0%   { background-position:80% 78%; }
    50%  { background-position:60% 58%; }
    100% { background-position:85% 68%; }
}


.featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured {
    border-color:#f39c12;
    color: #f39c12;}

/* header_wrapper: #header + .page-header (breadcrumb) icin TEK birlesik pastel arkaplan.
   :has(.page-header) ile SADECE ic sayfalarda eslesir - anasayfada header_wrapper sadece
   #header'i sarar ve #header.header-transparent orada position:absolute'dur (foot.css:467,
   width:100%, min-height:0!important). overflow:hidden KASITLI OLARAK YOK: 2026-07-09'da
   overflow:hidden eklenince anasayfada header_wrapper 0-yukseklige collapse olup absolute
   header'i (logo+menu) komple kirpmisti - geri alindi. Ayrica ic sayfalarda acilan dropdown
   menuler header'in altina tasabildigi icin overflow:hidden onlari da kirpardi. */
/* Bu kutu (header+breadcrumb) kisa ve genis - hero'nun radial "blob" katmanlari
   (yuzde bazli boyut/pozisyon) bu oranda yumusak sonumlenemeyip keskin bir kenar/
   cizgi gibi kesiliyordu (kullanici ekran goruntusuyle yakaladi). Bu yuzden burada
   blob YOK, sadece yatayda kayan, kesinti riski olmayan duz bir gradient akisi var. */
.header_wrapper:has(.page-header){
    position: relative;
    background: #ececec;
}
@keyframes wtHeaderWrapGradientShift{
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.header_wrapper:has(.page-header) #header{
    background: transparent !important;
}
#header:not(.header-transparent){
    position: relative;
    z-index: 1;
}
.page-header > .container{
    position: relative;
    z-index: 2;
}
.page-header h1{color:#2c3e50!important;}
.page-header h1 span{color:#5c6b78!important;}
@media (min-width: 992px) {
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        color: #222;
        font-size: 14px;
    }
    .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li>a {
        color: #222;
    }
    #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
        padding: 20px 5px;
    }     
}

@media (min-width: 1350px) {
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        font-size: 14px;
    }
    #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
        padding: 20px 5px;
    }
}

.page-header .breadcrumb>li a,
.page-header .breadcrumb>li a span,
.breadcrumb>.active{
    color:#2c3e50;
}
.page-header .breadcrumb>li+li:before{
    color:#2c3e50;
    opacity:.45;
}

@media (min-width: 1200px) {
    .wt-hero-content-layer > .container {
        width: 1175px !important;
    }
}
#footer:not(.light) a, #footer:not(.light) h1, #footer:not(.light) h2, #footer:not(.light) h3, #footer:not(.light) h4 {
    color: #222;
}
#header .header-logo svg {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 1200px) {
    #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
        padding-right: 6px;
        padding-left: 6px;
    }
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        color: #222;
        font-size: 13px;
    }    
}

.custom-fixed-btn{
    line-height: 22px;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 14px;
    cursor: pointer;
    box-shadow: 0 0 50px rgba(0,0,0,0.2);
    right: 12px;
    width: auto;
    position: fixed;
    z-index: 9999999;    
}
.custom-fixed-btn:hover{
    color:#fff;
    text-decoration:none;
}
.custom-fixed-btn-whatsapp{
    bottom: 10px;
    background-color: #25D366;
    color: #fff;
}
.custom-fixed-btn-mobil{
    bottom: 60px;
    background-color: #0959bc;
    color: #fff;
}
.custom-fixed-btn-form{
    bottom: 112px;
    background: #5D001E;
    color: #fff;
    width: 50%;
}
.custom-fixed-btn-instagram{
    bottom: 112px;
    background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7) !important;
    background-color: #ee2a7b !important; /* gradient desteklemeyen durumlar icin yedek */
    color: #fff;
   
}
.custom-fixed-btn-sabit{
    bottom: 100px;
    background: #5D001E;
    color: #fff;
}
@media only screen and (min-width: 768px){
    .custom-fixed-btn{
        padding: 11px 15px;
        font-size: 20px;
        border-radius: 20px;
        min-width: 200px;
    }
 
}
@media only screen and (max-width: 600px){
    .custom-fixed-btn-form{
        left: 0;
        border-radius: 0;
        padding: 15px;
        width: 50%;
        bottom: 0;
        text-align: center;
    }
    .custom-fixed-btn-mobil{
        width: 50%;
        right: 0;
        bottom: 0;
        text-align: center;
    }
    .custom-fixed-btn-whatsapp{
        bottom: 50px;
        width: 50%;
        text-align: center;
        right: 0;
    }
    .custom-fixed-btn {
        border: 3px solid white;
        font-size: 15px;
        text-align: center;
        right: 0;
         width: 50%;
    }
    .custom-fixed-btn-instagram{
        bottom: 100px;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}


.sticky-header-active #header .header-body {
    background: #fff !important;
}
    
html .scroll-to-top {
    border-radius: 7px;
    bottom: 170px;
    background: #1b1463;
}

.footer-lower + div.container {
    display: none;
}
.content-821{
    line-height:26px
}

/* ==== WT34 YAMA BASLANGIC ====
   Almanca arayuz yamasi + header/logo duzeltmeleri.
   Eskiden settings.headScript icindeydi, ozel CSS'in dogru yeri burasi.
   NOT: dil yamasi GECICI — kalici cozum blog_helper.php::_bl_t() (='de').
*/
/* yeni logo 40x40 ikon; eski Alfa Florya yazi-SVG'si icin yazilmis
   width:200px/130px/165px kurallari kaldirildi, ikon kendi olcusunde kalsin */
#header .header-logo svg{width:240px;height:70px;flex:0 0 auto}
@media (max-width:991px){#header .header-logo svg{width:170px;height:50px;margin:0}}

/* === wt-de-i18n === */
.blog-kart-devami,.blog-benzer-devami,.blog-anasayfa-devami,.blog-anasayfa-tumu,.blog-benzer-tumu-text,.blog-share-baslik,.blog-sw-baslik,.blog-toc-baslik,.blog-benzer-baslik,.blog-yorum-bos{font-size:0!important;line-height:1.45}.blog-kart-devami::after,.blog-benzer-devami::after,.blog-anasayfa-devami::after{content:"Weiterlesen \2192";font-size:14px}.blog-anasayfa-tumu::after{content:"Alle Leistungen \2192";font-size:15px}.blog-benzer-tumu-text::after{content:"Alle ansehen";font-size:14px}.blog-toc-baslik::after{content:"Inhalt";font-size:16px;font-weight:700}.blog-share-baslik::after{content:"Teilen";font-size:15px;font-weight:600}.blog-benzer-baslik::after{content:"Das k\00F6nnte Sie auch interessieren";font-size:24px;font-weight:700}.blog-sw-baslik::after{content:"Aus dem Ratgeber";font-size:16px;font-weight:700}.blog-yorum-bos::after{content:"Noch keine Kommentare. Schreiben Sie den ersten Kommentar.";font-size:14px}

/* === wt-fix-css === */
#header.header-transparent .header-logo a span:first-child{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.35)}
#header.header-transparent #mainNav>li>a,#header.header-transparent .header-nav-main nav>ul>li>a{color:#fff!important;}
html.sticky-header-active #header.header-transparent .header-body:before{background:linear-gradient(100deg,#1b1e23 0%,#2c3138 46%,#3f464f 100%)!important;border-bottom:0!important;box-shadow:0 6px 22px rgba(0,0,0,.28)}
html.sticky-header-active #header:not(.header-transparent) .header-body{background:linear-gradient(300deg, #1b1e23 0%, #000000 46%, #000000 100%) !important;border-bottom:0!important;box-shadow:0 6px 22px rgba(0,0,0,.28)}
#header .header-body,#header .header-body:before{transition:background .3s ease,box-shadow .3s ease}
html.sticky-header-active #header .header-logo a span:first-child{color:#fff!important;text-shadow:none}

html.sticky-header-active #header #mainNav>li>a,
html.sticky-header-active #header .header-nav-main nav>ul>li>a{color:#fff;text-shadow:none}

html.sticky-header-active #header .header-nav-main nav>ul>li>a.dropdown-toggle:after {
        border-color: #fff transparent transparent;
}
ul.breadcrumb li:first-child [itemprop="name"]{font-size:0}
ul.breadcrumb li:first-child [itemprop="name"]::after{content:"Startseite";font-size:11px;letter-spacing:.5px}

@media (max-width:991px){
    #header.header-transparent #mainNav>li>a, #header.header-transparent .header-nav-main nav>ul>li>a {
        color: #333 !important;
    }
}


/* --- anasayfa guven seridi ---
   NOT: olculer icerikte satir ici de var (CSS silinirse ikonlar patlamasin diye).
   Buradaki kurallar rozet gorunumunu ve mobil kucultmeyi tasir. */
.mbb-guven{background:#f7f8fa; padding:34px 0; border-bottom:1px solid #e6e8ec;}
.mbb-guven-kutu{display:flex; align-items:flex-start; gap:13px; padding:10px 15px;}
.mbb-guven-ik{
	flex:0 0 auto; width:44px; height:44px; border-radius:11px;
	display:inline-flex; align-items:center; justify-content:center;
	background:linear-gradient(135deg,#1f3a5f,#2d5580); color:#fff;
	box-shadow:0 6px 14px rgba(15,33,55,.18);
}
.mbb-guven-ik svg{width:22px !important; height:22px !important; display:block;}
.mbb-guven-metin{display:block; min-width:0;}
.mbb-guven-metin strong{display:block; font-size:16px; line-height:1.3; color:#1f3a5f; margin-bottom:3px;}
.mbb-guven-metin > span{display:block; font-size:14px; line-height:1.55; color:#5a6572;}
@media (max-width:767px){
	.mbb-guven{padding:24px 0;}
	.mbb-guven-kutu{padding:9px 15px;}
	.mbb-guven-ik{width:38px; height:38px; border-radius:9px;}
	.mbb-guven-ik svg{width:19px !important; height:19px !important;}
}
/* --- guven seridi son --- */

/* --- anasayfa SEO icerik grubu (hizmet ikon izgarasi) --- */
.mbb-lg{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:26px 0 8px;}
.mbb-lg a{
	display:flex; align-items:flex-start; gap:12px; padding:16px 17px;
	border:1px solid #e4e9f0; border-radius:12px; background:#fff;
	text-decoration:none !important; color:inherit;
	transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.mbb-lg a:hover{border-color:#2d5580; box-shadow:0 10px 24px rgba(15,33,55,.10); transform:translateY(-2px);}
.mbb-lg-ik svg{width:21px !important; height:21px !important; display:block;}
.mbb-lg-t{display:block; min-width:0;}
.mbb-lg-b{display:block; font-size:15px; font-weight:700; color:#1f3a5f; line-height:1.3; margin-bottom:3px;}
.mbb-lg-a{display:block; font-size:13.5px; line-height:1.55; color:#5a6572;}
@media (max-width:991px){.mbb-lg{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.mbb-lg{grid-template-columns:1fr; gap:11px;}}
/* --- SEO icerik grubu son --- */

/* --- anasayfa tanitim blogu (iki sutun + hedef kitle karti) --- */
.mbb-intro{padding:56px 0;}
.mbb-intro-row{display:flex; flex-wrap:wrap; align-items:center;}
.mbb-intro-row:before,.mbb-intro-row:after{display:none;}
.mbb-intro h2{font-size:30px; line-height:1.25;}
.mbb-intro-btn a{transition:transform .18s ease, box-shadow .18s ease;}
.mbb-intro-btn a:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(15,33,55,.22);}
.mbb-hk-ik svg,.mbb-hk-tel svg{width:20px !important; height:20px !important; display:block;}
.mbb-hk-tel:hover{color:#e8580c !important;}
@media (max-width:991px){
	.mbb-intro{padding:40px 0;}
	.mbb-intro-row{display:block;}
	.mbb-intro-sag{margin-top:28px;}
	.mbb-intro h2{font-size:25px;}
}
/* --- tanitim blogu son --- */

/* --- sabit iletisim butonlari ---
   Eski konumlar Alfa Florya'dan kalmaydi: bordo (#5D001E) E-Mail dugmesi
   bottom:100px, telefon bottom:60px → yukari kayik duruyor ve yukari-cik
   dugmesiyle cakisiyordu. Sag alt kosede duzgun yigin + mobilde alt serit.
   E-Mail yerine WhatsApp (2026-08-14): wa.me/4917634800008 — sabit hat degil
   musterinin cep numarasi (turbo-entsorgung.de'den). */
.custom-fixed-btn{right:16px; margin-top:0; min-width:0; border-radius:999px;
	font-weight:600; letter-spacing:.2px; box-shadow:0 8px 24px rgba(9,20,35,.22);}
.custom-fixed-btn-mobil{bottom:18px; background:linear-gradient(100deg,#d85f22,#ec6c2c); color:#fff;}
.custom-fixed-btn-whatsapp{bottom:74px; background:#25D366; color:#fff;}
.custom-fixed-btn-whatsapp:hover{background:#1eb85a; color:#fff;}
.custom-fixed-btn-whatsapp svg{width:17px !important; height:17px !important;}
.custom-fixed-btn i{margin-right:5px;}
html .scroll-to-top{bottom:132px;}
@media (min-width:768px){
	.custom-fixed-btn{min-width:208px; padding:11px 20px; font-size:17px; text-align:center;}
}
@media (max-width:600px){
	/* mobilde iki yariya bolunmus alt serit — icerigi ortadan kapatmasin */
	.custom-fixed-btn{position:fixed; bottom:0; width:50%; margin:0; padding:14px 8px;
		border-radius:0; font-size:15px; text-align:center; box-shadow:0 -4px 16px rgba(9,20,35,.18);}
	.custom-fixed-btn-mobil{left:0; right:auto;}
	.custom-fixed-btn-whatsapp{left:auto; right:0; bottom:0;}
	html .scroll-to-top{bottom:70px;}
	#footer{margin-bottom:56px;}
}
/* --- sabit butonlar son --- */
/* ==== WT34 YAMA BITIS ==== */

/* --- proje galeri --- */
/* Galeri satiri gorselleri ikiserli diziyor (col-md-6); tek gorselli
   projede yarim kaliyordu -> tek cocuk ise tam genislik. */
.proje-galeri .proje-galeri-col:only-child{width:100%;float:none}
.proje-galeri .proje-galeri-col:only-child img{width:100%;height:auto;border-radius:4px}
/* --- proje galeri son --- */

/* ============================================================
   HERO (Vitrin Slider) sadeleştirme — 2026-08-22
   ⚠️ ozel_kod.css bu sitede vitrin-slider.css'ten ÖNCE yüklenir.
      Bu yüzden override'lar YÜKSEK ÖZGÜLLÜKLE yazıldı (.wt-vs .wt-vs-x),
      düz .wt-vs-x yazılırsa motorun kuralı sonra gelip ezer.
   ============================================================ */

/* 1) Kayan çizgi (slayt ilerleme çubuğu) kaldırıldı */
.wt-vs .wt-vs-dots{display:none}

/* 2) Renkli degrade yerine hafif, transparan koyu perde.
      Tema varyantı ne olursa olsun (lacivert/turuncu/yeşil…) aynı perde. */
.wt-vs .wt-vs-slide .wt-vs-slide-bg{background:rgba(12,20,30,.45)}


/* Sabit header gri tonlara alindi — 2026-08-22 */
html.sticky-header-active #header .nav-pills>li>a{color:#e8ebee}
html.sticky-header-active #header .nav-pills>li>a:hover,
html.sticky-header-active #header .nav-pills>li.active>a{color:#ff8a3d}

/* Menu hover: acilir menu ic linkleri — 2026-08-22 */
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu>li>a:hover,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu>li.active>a{background:#ec6c2c;color:#fff}
html.sticky-header-active #header .header-nav-main nav>ul>li.open>a,
html.sticky-header-active #header .header-nav-main nav>ul>li:hover>a{background:#ec6c2c;color:#fff}

/* Basliklar: Roboto Slab | govde: sistem sans */
h1,h2,h3,h4,h5,h6,
.blog-detail-header h1,.page-header h1,.wt-vs-txt h2,
.blog-section-title,.blog-anasayfa-baslik,.proje-hero h1{
  font-family:"Roboto Slab",Georgia,serif;font-weight:800;letter-spacing:-.01em;
}
h4,h5,h6{font-weight:700}
#footer h5{font-family:"Roboto Slab",serif;font-weight:800}

/* Hero: hareketli capraz cizgiler + kesikli halka kapatildi */
.wt-vs .wt-vs-streak{display:none!important}
.wt-vs .wt-vs-circ:before{display:none!important}
.wt-vs .wt-vs-visual:before,.wt-vs .wt-vs-visual:after{display:none!important}

/* Footer markasi = logo SVG'si */
#footer .wtf-marka{display:inline-block;line-height:0}
#footer .wtf-marka-svg{display:block}
#footer .wtf-marka-svg svg{width:190px;height:auto;display:block}
#footer .wtf-marka-svg .cls-1{fill:#ec6c2c}
#footer .wtf-marka-svg .cls-2{fill:#1d1d1b}
@media (max-width:991px){#footer .wtf-marka-svg svg{width:165px}}

/* Hero geri donusum halkasi + surec rozetleri */
.te-recyc-wrap{position:absolute;inset:0;z-index:1;pointer-events:none}
.te-recyc{width:100%;height:100%;display:block;overflow:visible}
.te-recyc-g{transform-origin:100px 100px;animation:teRecycDon 26s linear infinite}
@keyframes teRecycDon{to{transform:rotate(360deg)}}
.te-recyc .te-ok path{fill:none;stroke:#ec6c2c;stroke-width:7;stroke-linecap:butt}
.te-recyc .te-ok polygon{fill:#ec6c2c}
.te-recyc .te-ok{opacity:.42;animation:teOkParla 3.6s ease-in-out infinite}
.te-recyc .te-ok1{animation-delay:0s}
.te-recyc .te-ok2{animation-delay:1.2s}
.te-recyc .te-ok3{animation-delay:2.4s}
@keyframes teOkParla{0%,100%{opacity:.42}14%{opacity:1}32%{opacity:.42}}
.te-recyc .te-rzg{pointer-events:none}
.te-recyc .te-rz rect{fill:#ec6c2c}
.te-recyc .te-rz text{fill:#fff;font-family:"Roboto Slab",Georgia,serif;font-size:9.5px;font-weight:800;letter-spacing:.7px}
.te-recyc .te-rz{opacity:0;animation:teRzGir .5s ease-out forwards}
.te-recyc .te-rz1{animation-delay:.5s}
.te-recyc .te-rz2{animation-delay:.9s}
.te-recyc .te-rz3{animation-delay:1.3s}
@keyframes teRzGir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:991px){.te-recyc .te-ok path{stroke-width:8}}
@media(prefers-reduced-motion:reduce){
  .te-recyc-g{animation:none}.te-recyc .te-ok{opacity:.8;animation:none}
  .te-recyc .te-rz{opacity:1;animation:none}
}