header.elementor, body > .elementor  { padding: 0 50px; }

.head-icon .elementor-widget-icon { display: flex; align-items: end; }
.head-icon .elementor-widget-icon i { font-size: clamp(2.2rem, 4.4vw, 5rem); margin-top: 0.75rem;}

/*a.elementor-button { position: relative; padding-right: 4rem;}
a.elementor-button::after { content: ""; background: url("https://neu.conceptstory.de/wp-content/uploads/2025/11/arrow-right-1.svg") center center no-repeat; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; display: block; transition: 1s;}
a.elementor-button:hover { background-color: transparent !important;}
a.elementor-button:hover::after { background-color: var( --e-global-color-a307804 ) !important; border-radius: 50px; padding: 0.5rem; border: var( --e-global-color-a307804 ) solid 1rem;}*/

.elementor-grid { align-items: stretch;}
.pp-post.pp-grid-item { display: flex; align-items: center;}


.testimonials { background: #FFF url("https://neu.conceptstory.de/wp-content/uploads/2025/11/quote.svg") no-repeat 2rem 2rem; background-size: 6rem; padding: 2rem !important; } 

.portfolio-gallery { display: flex; flex-direction: row; gap: 5%;}
.portfolio-gallery p { font-size: var( --e-global-typography-04fed36-font-size ) }
.project > .elementor-element, .slides > .elementor-element, .scope-list > .elementor-element { padding-left: 0;}
.scope-list ul { padding: 0; margin: 0 0 0 15px;}

.elementor-button { background-color: transparent !important; border-radius: 50px !important; }

p { margin-top: 0;}



.cs a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px 12px 25px;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
  font-weight: 300 !important;
  line-height: 1;
}

/* Full background by default */
.cs a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var( --e-global-color-a307804 );
  z-index: 0;

  /* default: full width */
  width: 100%;
  left: 0;

  border-radius: 50px;
  transition:
  width 0.35s cubic-bezier(.4,0,.2,1),
  left 0.35s cubic-bezier(.4,0,.2,1);
}

.cs a .elementor-button-content-wrapper { gap: 1.8rem;}

/* Bring content above bg */
.cs a .label,
.cs a .icon {
  position: relative;
  z-index: 1;
  transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}

/* HOVER: background shrinks to icon only */
.cs a:hover::before {
  width: 60px;
  left: calc(100% - 60px);
}

/* Micro text/icon movement */
.cs a:hover .label {
  transform: translateX(-4px);
}

.cs a:hover .icon {
  transform: translateX(6px) rotate(20deg);
}

/*.cs svg { fill: #262626; stroke: black;}*/

.cs a .elementor-button-content-wrapper { z-index: 1;}


div[data-elementor-type="loop-item"] .e-con-inner{
  margin: 0 !important;
}

/****
MEDIA QUERIES STARTS HERE
****/

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

	header.elementor, body > .elementor  { padding: 0 10px; }
	
}