/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 21 2026 | 15:18:40 */
 /* Estata CSS */ 
/* .logo-box { background-color: #ff0000; } */ 
/*
.flash {visibility:hidden; font-size:0pt; line-height:0pt; padding-top: 0px; padding-bottom: 0px;}
.onnew {visibility:hidden; font-size:0pt; line-height:0pt; padding-top: 0px; padding-bottom: 0px; }
.woocommerce-product-details__short-description p { padding-top: 0px; } */


		/* strartseite */ 

/* Normalzustand: Schwarz */
.Trust-Zeile { opacity: 0.8;  text-decoration: none;   transition: opacity 0.2s ease; /* sanfter Übergang */   }

/* Hoverzustand: minimal heller durch höhere Transparenz */
.Trust-Zeile:hover {  opacity: 1.0; /* 80% Deckkraft → wirkt heller */ }

		/* strartseite  ENDE */ 


  /* EstataFooterLink */
.EstataFooterLink { /* font-size: 27px; */ color: #BFC5CC;  
  position: relative;  text-decoration: none;}
.EstataFooterLink::before { /* font-size: 27px;*/  color: #f9ad18;
  content: '';
  position: absolute;  width: 100%;  height: 2px;  border-radius: 4px;  background-color: #f9ad18;
  bottom: 0;  left: 0;  transform-origin: right;  transform: scaleX(0);
  transition: transform .4s ease-in-out;}
.EstataFooterLink:hover::before { /* font-size: 27px; */ 
  transform-origin: left; background-color: #f9ad18; color: #f9ad18;  transform: scaleX(1);}
.EstataFooterLink:hover {  color: #f9ad18;}

  /* bdpp-post-title */

.bdpp-post-title a { color: #BFC5CC;  
  position: relative;  text-decoration: none;}
.bdpp-post-title a::before {   color: #f9ad18;
  content: '';
  position: absolute;  width: 100%;  height: 2px;  border-radius: 4px;  background-color: #f9ad18;
  bottom: 0;  left: 0;  transform-origin: right;  transform: scaleX(0);
  transition: transform .4s ease-in-out;}
.bdpp-post-title a:hover::before {   transform-origin: left; background-color: #f9ad18; color: #f9ad18;  transform: scaleX(1);}
.bdpp-post-title a:hover {  color: #f9ad18;}

		/* bdpp-post-title ENDE */


							  /* post-grid-text-wrap */

.post-grid-text-wrap .title a { color: #BFC5CC;  
  position: relative;  text-decoration: none;}
.post-grid-text-wrap .title a::before {   color: #f9ad18;
  content: '';
  position: absolute;  width: 100%;  height: 2px;  border-radius: 4px;  background-color: #f9ad18;
  bottom: 0;  left: 0;  transform-origin: right;  transform: scaleX(0);
  transition: transform .4s ease-in-out;}
.post-grid-text-wrap .title a:hover::before {   transform-origin: left; background-color: #f9ad18; color: #f9ad18;  transform: scaleX(1);}
.post-grid-text-wrap .title a:hover {   color: #f9ad18 !important; }

							/* post-grid-text-wrap ENDE */

	/* bdpp-post-desc */
.bdpp-post-desc { color: #BFC5CC;  text-decoration: none; font-size: 18px;  }
		/* bdpp-post-desc ENDE */ 

	/* bdpp-rdmr-btn */

.bdpp-rdmr-btn  { color: #AEB6BF;  text-decoration: none; font-size: 18px;  }
.bdpp-rdmr-btn:hover {  background-color: #f9ad18; color: #fff; border-color:#AEB6BF; }
		/* bdpp-rdmr-btn */

	        	/*  BlogStickLink  */
.BlogStickLink { color: #13202E;    position: relative;  text-decoration: none;}
.BlogStickLink::before {  color: #13202E;  content: '';
  position: absolute;  width: 100%;  height: 3px;  border-radius: 0px;  background-color: #13202E;
  bottom: 0;  left: 0;  transform-origin: right;  transform: scaleX(0);  transition: transform .4s ease-in-out;}
.BlogStickLink:hover::before { transform-origin: left; background-color: #0109AA; color: #0109AA;  transform: scaleX(1);}
.BlogStickLink:hover {  color: #0109AA;  }

      			/* BlogStickLink ENDE */

										/* ---------  POST BLOG ENDE -- */  

  /* MaxMenuLink */
.MaxMenuLink { color: #f9ad18;  position: relative;  text-decoration: none;}
.MaxMenuLink::before {  color: #f9ad18;   content: '';
  position: absolute;  width: 100%;  height: 2px;  border-radius: 0px;  background-color: #f9ad18;
  bottom: 1px;  left: 0;  transform-origin: right;  transform: scaleX(0);
  transition: transform .5s ease-in-out;}
.MaxMenuLink:hover::before { transform-origin: left; background-color: rgb(182,140,69); color: rgb(182,140,69);  transform: scaleX(1);}
.MaxMenuLink:hover {  color: rgb(182,140,69);  }

.site-description { font-family: 'Nunito'; font-size:13px; color: #808080; font-weight: 600; padding-top: 0px; }
.site-title {visibility:hidden; font-size:0pt; line-height:0pt; padding-top: 0px; padding-bottom: 0px;}

.menu-item-search { top: 0.5em;  position: relative; font-size: 24px; font-weight: 50; padding-right: 25px; }
.menu-item-sidebar { top: 0.5em; position: relative; font-size: 24px; font-weight: 50; }  
.cons_light_copyright { font-size: 16px; font-weight: 200; }

.main-color { color: #f9ad18; }
.estata-title {    background-image:linear-gradient(to left, grey 0%, #f9ad18 50%)} 

.link--has-anchor-animation {   color: #18272F;  position: relative;  text-decoration: none;}
.site-description { white-space: nowrap; }
.link--has-anchor-animation::before {  color: #f9ad18;
  content: '';  position: absolute;  width: 100%;  height: 2px;
  border-radius: 4px;  background-color: #f9ad18;  bottom: 0;  left: 0;  transform-origin: right;
  transform: scaleX(0);  transition: transform .4s ease-in-out;
}

.link--has-anchor-animation:hover::before { /* font-size: 27px; */ 
  transform-origin: left; background-color: #f9ad18; color: #f9ad18;
  transform: scaleX(1);}

.link--has-anchor-animation:hover {  color: #f9ad18;}

@font-face {	font-family: 'BurgerDoodleNF';
	src:url('https://estata.com.tr/wp-includes/fonts/BurgerDoodleNF.ttf');
	font-weight: normal;	font-style: normal;}
.BurgerDoodleNF { font-family:BurgerDoodleNF; }
.estata-font { font-family:BurgerDoodleNF; font-weight: 500;   }
.estata-farbe { color: #f9ad18; }

@font-face {
	font-family: 'Nunito';
	src:url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap&subset=latin,latin-ext');
	font-weight: normal;	font-style: normal;}
.Nunito { font-family:Nunito; }
.Nunito { font-family:Nunito; font-weight: 500;   }

a, a > span {  position: relative;  color: inherit;  text-decoration: none;  line-height: 14px; }
a:before, a:after, a > span:before, a > span:after {
	content: ''; text-decoration: none;  position: absolute;  transition: transform .5s ease; }

.get-tuch a: { /* font-weight: 600; font-size: 18px; */   padding-top: -1px; }
.get-tuch a:before { left: 0; bottom: 0; width: 100%; height: 2px; background: #f9ad18; transform: scaleX(0); }
.get-tuch a:hover:before {   transform: scaleX(1); }


.effect-1 { /* font-weight: 600; font-size: 18px; */   padding-top: -1px; }
.effect-1:before { left: 0; bottom: 0; width: 100%; height: 2px; background: #f9ad18; transform: scaleX(0); }
.effect-1:hover:before {   transform: scaleX(1); color: #f9ad18; }
.effect-1:hover: { color: #f9ad18; }

.effect-2 {  padding: 3px; }
.effect-2:before, .effect-2:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: #f9ad18;
}
.effect-2:before {  border-width: 2px 0 2px 0;  transform: scaleX(0); }
.effect-2:after {  border-width: 0 2px 0 2px;  transform: scaleY(0); }
.effect-2:hover:before, .effect-2:hover:after {  transform: scale(1, 1); }

.effect-5 {  display: inline-block;  overflow: hidden;}
.effect-5:before, .effect-5:after {  right: 0;  bottom: 0;  background: #f9ad18;}
.effect-5:before {  width: 100%;  height: 2px;  transform: translateX(-100%);}
.effect-5:after {
  width: 2px;
  height: 100%;
  transform: translateY(100%);
}
.effect-5 > span {
  display: block;
  padding: 5px;
}
.effect-5 > span:before, .effect-5 > span:after {
  left: 0;
  top: 0;
  background: #f9ad18;
}
.effect-5 > span:before {
  width: 100%;
  height: 2px;
  transform: translateX(100%);
}
.effect-5 > span:after {
  width: 2px;
  height: 100%;
  transform: translateY(-100%);
}
.effect-5:hover:before, .effect-5:hover:after, .effect-5:hover > span:before, .effect-5:hover > span:after {
  transform: translate(0, 0);
}


.effect-7 {   display: inline-block;   overflow: hidden; }
.effect-7:before { left: 0; top: 0; width: 100%; height: 100%;
  background: #f9ad18;   transform: translateX(-100%); }
.effect-7:after {   content: attr(data-content); 
  left: 0;   top: 0; width: 0;  margin: 5px;   color: #0883a4;
  white-space: nowrap; overflow: hidden; transition: width .5s ease; }
.effect-7 > span { display: block; margin: 2px; padding: 5px; background: #ffffff; }
.effect-7:hover:before { transform: translateX(0); }
.effect-7:hover:after { width: calc(100% - 24px); }


.anim-underline-fx { font-weight: 700;
  color: #000000;
  text-decoration: none; 
  background-image: linear-gradient(to left, #ffffff 50%, #f9ad18 50%);
  background-size: 200% 0.2em;  padding-bottom: 0.01em;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position 0.6s;
}
.anim-underline-fx:hover {  background-position: 0% 100%;}
.anim-underline-fx { width: 100%; }
.anim-underline-rechts { font-weight: 600;
  color: #000000;
  text-decoration: none;
  background-image: linear-gradient(to right, #191818 50%, #f9ad18 50%);
  background-size: 200% 0.1em;  padding-bottom: 0.01em;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position 0.6s;
}
.anim-underline-rechts:hover {  background-position: 0% 100%;}
.anim-underline-rechts { width: 100%; }

.effect-rechts-weiss { color: #000000; text-decoration: none; background-image: linear-gradient(to right, #ffffff 50%, #f9ad18 50%); background-size: 200% 0.1em; padding-bottom: 0.01em; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.6s; }
.effect-rechts-weiss:hover {  background-position: 0% 100%;}
.effect-rechts-weiss { width: 80%; } /* effect-rechts ende */

.effect-rechts { color: #000000; text-decoration: none; background-image: linear-gradient(to right, #e8e8e8 50%, #f9ad18 50%); background-size: 200% 0.1em; padding-bottom: 0.01em; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.6s; }
.effect-rechts:hover {  background-position: 0% 100%;}
.effect-rechts { width: 80%; } 

.anim-underline-slider { font-weight: 700;
  color: #ffffff;
  background-image: linear-gradient(to left, #f9ad18 50%, #ffffff 50%);
  background-size: 200% 0.2em;  padding-bottom: 0.01em;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position 0.6s;
}
.anim-underline-slider { text-decoration: none;  background-position: 0% 100%;}
.anim-underline-slider  { text-decoration: none;   }
.anim-underline-link { text-decoration: none; 
  text-decoration: none;   background: linear-gradient(to right, #f9ad18 50%, #191818 50%);
  background-size: 200% 0.15em;  padding-bottom: 0.15em;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position 0.4s;}

.anim-underline-link:hover { text-decoration: none;  background-position: 0% 100%;}
.anim-underline-link  { text-decoration: none; /* width: 100%; */  }
.anim-underline-grau { text-decoration: none;  font-weight: 600; 
   text-decoration: none;    background-image: linear-gradient(to right, #f9ad18 50%, #e4e4e4 50%);
  background-size: 200% 0.15em;  padding-bottom: 0.15em;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position 0.6s;
}

.anim-underline-grau:hover { text-decoration: none;  background-position: 0% 100%;}
.anim-underline-grau  { text-decoration: none; /* width: 100%; */  }

.anim-bg-gradient {  font-family: 'Nunito';  font-weight: 500; 
  padding: 10px 10px;  border:0;   border-radius: 5px;  cursor: pointer; text-transform: none; 
  color: #000000;  width: 100%;  background-image: linear-gradient(to right, #DAA520 50%, #f9ad18 50%);
  background-size: 200% 100%;  background-repeat: no-repeat;  background-position: 100% 100%;  transition: background-position 0.6s;}



.anim-bg-gradient2 { /* align-items: center; left: 50%; right: 50%;  position: relative; align-content;*/
  font-family: 'Nunito';  font-weight: 500; padding: 10px 10px;
  border: #f9ad18 solid 1px;   border-radius: 5px;  cursor: pointer; text-transform: none; 
  color: #000000; /*font-size: 18px; */  width: 100%;
  background-image: linear-gradient(to right, #DAA520 50%, #ffffff 50%);
  background-size: 200% 100%;  background-repeat: no-repeat;
  background-position: 100% 100%;  transition: background-position 0.6s;
}
.anim-bg-gradient2:hover {   background-position: 0px 0px; color: #FFFFFF;  }
.button, .anim-bg-gradient:hover {   background-position: 0px 0px; color: #000000;  }
.button:hover {   background-position: 0px 0px; color: #f9ad18;  }


/* LOGO */
.custom-logo-link::before {  color: #FDAD08;  content: '';	
  position: absolute;  width: 100%;  height: 0px;   border-radius: 0px;
  background-color: #FDAD08;  bottom: 0; top: 0px;    left: 0;  transform-origin: right;
  transform: scaleX(0);  transition: transform .4s ease-in-out;}
 .custom-logo-link:hover::before {   transform-origin: left; background-color: #FDAD08; color: #FDAD08;
  transform: scaleX(1); } 
.custom-logo-link { height:75px;width:210px; }
.custom-logo-link:hover {   color: #FDAD08; }