/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
 :root{
  --top0: 116px;   /* where the first section pins */
  --step: 55px;   /* vertical offset between pinned sections */
  --radius: 20px;
  --shadow: 0 14px 36px rgba(0,0,0,.15);
  --shadow-soft: 0 10px 24px rgba(0,0,0,.10);
}

.home-heading strong { font-size:55px; /*color:#161616;*/ color:#fff; font-weight: 500;  }
/* body.home:before { position:absolute; content:""; left:0; top:0; right:0; height:100%;  background: linear-gradient(to bottom, #e0e0e0 0%, #000000 45%, #000000 55%, #e0e0e0 100%);} */
body.home {  background: linear-gradient(to bottom, #e0e0e0 0%, #000000 25%, #000000 35%, #e0e0e0 45%, #fff 100%); }
#leistungen { /*background:url(images/slider-bg.png) repeat-x 0 0; border-radius: 50px 50px 0 0;*/ } 
#main	{background: transparent !important }

#leistungen{  padding-top: 40px;  }
#leistungen > .vc_column_container > .vc_column-inner {    
	position: relative; width: min(1000px, 90%); margin: 0 auto;
}

/* Base card style (no bars) */
#leistungen .sec-frame{
  position: sticky; /* sticks when it reaches its top */
  border-radius: var(--radius);
  padding: 28px 32px 32px;
  margin-top: 50px;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  /*min-height:500px;*/
  view-timeline-name: --sectionTimeline;
  view-timeline-axis: block; /* vertical scroll */
}

/* Title stays visible; inherit background so the title matches its card color */
#leistungen .sec-frame h2{
  position: sticky; 
  font-size: 50px;
  line-height: 1.15;
  top: 0; z-index: 1;
  margin: -8px -8px 12px; padding: 8px 8px 10px;
  font-size: clamp(22px, 4vw, 34px);

}


#leistungen .sec-frame .steps-cotent * { font-size:21px; line-height:30px; }
#leistungen .sec-frame .porto-icon {  position: absolute;  color: #fff;height: auto;  top: 0;  right: 50px; background-image: linear-gradient(to bottom, #4f4e4e, #464545, #3d3d3d, #343434, #2c2c2c); border-radius:15px; padding:20px; }
#leistungen .sec-frame .porto-u-heading { display:flex;flex-direction: column; max-width:calc(100% - 150px);}
#leistungen .sec-frame .porto-u-main-heading { display:block; order: 2;}
#leistungen .sec-frame .porto-u-sub-heading { font-size:18px; color:#d1d1d1; display:block; order: 1; margin: 0; text-transform:uppercase;} 
#leistungen .sec-frame.is-stuck .porto-icon {visibility:hidden; }
#leistungen .sec-frame.is-stuck .porto-u-main-heading br,
#leistungen .sec-frame.is-stuck .porto-u-sub-heading { display:none;}

/* Colored backgrounds like your image */
.sec-frame { box-shadow: var(--shadow); }

/* Improve paragraph contrast on dark cards */
.tone-1 p, .tone-2 p, .tone-3 p{ color:#e2e8f0; }
.tone-4 p{ color:#334155; }

/* Offsets and layering: later sections overlap ABOVE earlier ones */
#leistungen #hm-sec1 { top: calc(var(--top0) + var(--step) * 0); z-index: 1; }
#leistungen #hm-sec2 { top: calc(var(--top0) + var(--step) * 1); z-index: 2; }
#leistungen #hm-sec3 { top: calc(var(--top0) + var(--step) * 2); z-index: 3; }
#leistungen #hm-sec4 { top: calc(var(--top0) + var(--step) * 3); z-index: 4; }
#leistungen #hm-sec5 { top: calc(var(--top0) + var(--step) * 4); z-index: 5; }

/* #leistungen .sec-frame.is-stuck {     padding-top: 15px !important;} */
/* #leistungen .sec-frame.is-stuck h2 { font-size: clamp(22px, 4vw, 24px); /* scroll-driven animation */ */
  /* animation: shrink linear both; */
  /* animation-timeline: --sectionTimeline; */
  /* animation-range: entry 0% exit 100%; */
/* } */


/* Smoothly reduce the H2 size when the section/title is stuck */
#leistungen .sec-frame h2 {
  /* tune these two sizes to taste */
  /* --fs-normal: clamp(50px, 4vw, 34px); */
  /* --fs-stuck:  clamp(14px, 2.2vw, 22px); */

   /*transition:
    font-size .28s cubic-bezier(.2,.7,.3,1),
    padding    .28s cubic-bezier(.2,.7,.3,1),
    letter-spacing .28s cubic-bezier(.2,.7,.3,1),
    filter .28s ease;
  will-change: font-size, padding;
  scroll-driven animation */
  /* animation: shrink linear both; */
  /* animation-timeline: view(); */
  /* animation-range: cover 0% cover 100%; */
}
#leistungen .sec-frame h2 span {color:#949494; }

/* when JS adds .is-stuck, the title shrinks with a smooth tween */
#leistungen .sec-frame.is-stuck h2 {
  font-size: var(--fs-stuck);
  padding-top: 6px;
  padding-bottom: 6px;
  letter-spacing: .01em;        /* optional: slightly tighter when compact */
  filter: brightness(1.04);      /* optional: tiny highlight while pinned */
}


.peek-carousel .slick-slide .porto-item-wrap,
.peek-carousel .slick-slide .porto-item-wrap .unsere-project-list-row  {  display: block;} 
.peek-carousel .slick-slide .porto-item-wrap .unsere-project-list-row .porto-item-wrap .vc_cta3 { margin-bottom:0 !important } 
.peek-carousel .slick-slide .porto-item-wrap .unsere-project-list-row .hp-model-btn { display: block;    z-index: 9;  position: absolute;  bottom: 20px; width: 100%; } 
.peek-carousel .slick-slide .porto-item-wrap .unsere-project-list-row .hp-model-btn .btn-modal   { background: #555555 !important;
    border: none !important;   font-size: 18px;  color: #fff !important;  border-radius: 20px !important; padding:8px 20px !important ; } 
.peek-carousel .slick-slide .porto-item-wrap .unsere-project-list-row .hp-model-btn .btn-modal:hover  { background:#fff !important; color:#fff !important;}
.porto-ultimate-carousel .slick-list .slick-slide .porto-item-wrap { transition: transform 0.4s ease;   }
.porto-ultimate-carousel .slick-list .slick-slide:hover .porto-item-wrap { transform: scale(1.03);  }
#header .btn-contact a.porto-btn,.gform_wrapper .gform_button.button,
.peek-carousel .slick-slide .porto-item-wrap .unsere-project-list-row .hp-model-btn button { position:relative; overflow:hidden}
#header .btn-contact a.porto-btn:after,.gform_wrapper .gform_button.button:after,
.peek-carousel .slick-slide .porto-item-wrap .unsere-project-list-row .hp-model-btn button:after {content: "";   position: absolute;    top: 100%;
    left: 0;    width: 100%;    height: 100%;    background: #000;    transition: .3s;   z-index: -1;}
#header .btn-contact a.porto-btn:hover:after,
.peek-carousel .slick-slide .porto-item-wrap .unsere-project-list-row .hp-model-btn button:hover:after { top:0;}
.gform_wrapper .gform_button.button:hover,
#header .btn-contact a.porto-btn:after { background: #595959 !important}

.page-top {  background: linear-gradient(to bottom, #d3d3d3, #000000) !important; }
sr7-mask.slider-bg-50 { opacity: 50%; }
.header-wrapper { transition: all 0.4s ease-in-out;}
.header-wrapper.static { position:fixed; width:100%; display:block; z-index:8; background:#494949; height:100px;}



/*New carosel */
#unsere-pojekte .peek-carousel .slick-list { overflow:visible !important}
#unsere-pojekte .peek-carousel .slick-list .porto-item-wrap > .vc_cta3-container > .vc_general { min-height:500px !important;    position: relative; border-radius:20px; overflow:hidden;}
#unsere-pojekte .peek-carousel .slick-list .porto-item-wrap > .vc_cta3-container > .vc_general:before {  position: absolute; content:""; left:0; right:0; top:0; height:100px; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 81%);}
#unsere-pojekte .peek-carousel .slick-list .porto-item-wrap > .vc_cta3-container > .vc_general:after {  position: absolute; content:""; left:0; right:0; bottom:0; height:100px; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 81%);}
#unsere-pojekte .peek-carousel .slick-list .porto-item-wrap > .vc_cta3-container > .vc_general .vc_cta3_content-container {  position: relative; z-index:2; }
#unsere-pojekte .peek-carousel header h2 { color:#fff !important; font-size:25px; text-align:center; }
#unsere-pojekte .vc_general.vc_cta3 .vc_cta3-actions { position: absolute;  bottom: 0;   width: 100%;   left: 0;   text-align: center;}
#unsere-pojekte .vc_general.vc_cta3 .vc_cta3-actions .vc_btn3 { background:#555555 !important; border:none !important; font-size:18px; color:#fff !important; border-radius:20px !important; }
#unsere-pojekte .vc_general.vc_cta3 .vc_cta3-actions .vc_btn3:hover { background:#fff !important; color:#222 !important; }
#unsere-pojekte .slick-arrow {  bottom: -65px; top: auto; }
#unsere-pojekte .slick-arrow.slick-prev {  right:40px !important; left: auto !important; }

.team-user-content { display:none; }
#header .btn-contact { float:right; margin-bottom: 0 !important; margin-top:15px;}
#header .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner { display:block}
.home .main-content {  padding-top: 0; }  
#header .btn-contact a.porto-btn { border-radius:20px; font-size:18px; padding: 8px 25px;  font-weight: 500; }

#unsere-pojekte .vc_cta3_content-container { height: 100%;}
#unsere-pojekte .vc_general.vc_cta3 {  padding: 32px 10px;}

.hp-model-content .section-row { width:100%; margin-bottom:30px; background:#f5f5f7; border-radius:20px; padding:20px;  display:block; overflow: hidden;}
.hp-model-content .ult_modal-header { display:none; }
.hp-model-content.ult_modal-auto-top.ult-open	{ backdrop-filter: blur(10px);    }

/*.hp-model-content.ult_modal-auto-top.ult-open *	{  opacity: 1 !important;}*/
.overlay-fade.ult-open .ult_modal-content { border:0 !important}


[id*="team-member-"]:hover .team-user-content { display:block; color: #fff; position: absolute; left: 100%; width:100%; bottom:25px;}
[id*="team-member-"]:hover .team-user-content h3 { color: #fff; margin-bottom:0; }
#team-member-4:hover .team-user-content,
#team-member-3:hover .team-user-content { left: auto; right:100%; text-align:right;}
#team-member-wrap { overflow:hidden;}



.hp-team-wrap {
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}

.hidden-member {
  opacity: 100;
  
  /* visibility: hidden; 
  transform: scale(0.95);*/ /* shrink slightly */
}
.hidden-member .vc_single_image-img { filter: blur(2px); }
.hidden-member .team-user-content { visibility:hidden }
[id*="team-member-"] .vc_single_image-img	{pointer-events: none;}

.active-member {
  transform: scale(1.35); /* zoom in */
  z-index: 2; /* bring it above others */
}
#main { position:relative; min-height: 450px;}
#main:before { content:""; position:absolute; right:0; bottom:-92px; background:url(images/logo-bg-img.png) no-repeat 0 0;     z-index: 0;  background-size: cover;   height: 430px;  width: 500px; transform: rotate(21deg); }
#main .main-content { padding-bottom: 80px;}


#footer {  margin: 0 30px 30px;   border-radius: 50px;  overflow: hidden;}
#footer .share-links a { background:transparent; color:#fff !important; font-size: 50px;  padding: 0;  margin: 0;  width: 80px;  height: 80px; }
#footer .menu,
#footer .menu li { border:none; padding: 5px 0;}
#footer .menu li a { color:#fff; font-size:18px; text-decoration:underline}
#footer .menu li a:hover { text-decoration:none}
#footer .menu li:before { display:none;}
#footer h2.widgettitle { text-transform:none;    letter-spacing: 0.5px; }


.page-top .page-title:not(.b-none):after { display:none;}
.page-top .page-title-wrap { margin-top: 200px;}
.gform_wrapper  .gform_button.button { background:#000 !important; color:#fff; padding: 15px 30px !important; font-size: 16px !important;
    border-radius: 10px !important;}
	
input[type="email"], input[type="number"], 
input[type="password"], input[type="search"], 
input[type="tel"], input[type="text"], 
input[type="url"], 
input[type="color"], input[type="date"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="month"], input[type="time"], input[type="week"], 
textarea, 
.form-control, select, 
.porto-wpforms-inline .wpforms-field-large {
    background-color: #fff;
    color: #777;
    border-color: var(--porto-input-bc);
    border-radius: 10px !important;
    padding: 10px 15px !important;
    line-height: 40px !important;
    height: 55px !important; 
}


.ult_modal-content { border-radius: 35px !important;  }




/* Container */
#leistungen_new {
  padding-top: 40px;
}
#leistungen_new > .vc_column_container > .vc_column-inner {
  position: relative;
  width: min(1000px, 90%);
  margin: 0 auto;
}

/* Base card style */
#leistungen_new .sec-frame {
  position: sticky;
  border-radius: var(--radius);
  padding: 28px 32px 32px;
  margin-top: 50px;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  min-height:470px;
}

/* Sticky title */
#leistungen_new .sec-frame h2 {
  position: sticky;
  top: 0;
  z-index: 1;
  font-size: clamp(22px, 4vw, 34px);
  line-height: 1.15;
  margin: -8px -8px 12px;
  padding: 8px 8px 10px;
}



/* Section offsets & z-index layering */
#leistungen_new #hm-sec1 { top: calc(var(--top0) + var(--step) * 0); z-index: 1; }
#leistungen_new #hm-sec2 { top: calc(var(--top0) + var(--step) * 1); z-index: 2; }
#leistungen_new #hm-sec3 { top: calc(var(--top0) + var(--step) * 2); z-index: 3; }
#leistungen_new #hm-sec4 { top: calc(var(--top0) + var(--step) * 3); z-index: 4; }
#leistungen_new #hm-sec5 { top: calc(var(--top0) + var(--step) * 4); z-index: 5; }

/* When stuck */
#leistungen_new .sec-frame.is-stuck h2 {
  font-size: var(--fs-stuck, 18px);
  padding-top: 6px;
  padding-bottom: 6px;
  letter-spacing: .01em;
  filter: brightness(1.04);
}
#leistungen_new .sec-frame h2.head2fix { font-size: clamp(22px, 4vw, 24px); margin-top:-32px !important;  }
#leistungen_new #hm-sec1 h2.head2fix { margin-top:-52px !important;  }

#leistungen_new .sec-frame .porto-icon {  position: absolute;  color: #fff;height: auto;  top: 0;  right: 20px; background-image: linear-gradient(to bottom, #4f4e4e, #464545, #3d3d3d, #343434, #2c2c2c); border-radius:15px; padding:20px; }
#leistungen_new .sec-frame .porto-u-heading { display:flex;flex-direction: column; max-width:calc(100% - 150px);}
#leistungen_new .sec-frame .porto-u-main-heading { display:block; order: 2;}
#leistungen_new .sec-frame .porto-u-sub-heading { font-size:18px; color:#d1d1d1; display:block; order: 1; margin: 0; text-transform:uppercase;} 
#leistungen_new .sec-frame .steps-cotent { width:90%;}



/* accessibility: honor reduced-motion */
@media (prefers-reduced-motion: reduce) {
  #leistungen .sec-frame h2 {
    transition: none;
  }
}

@media (min-width: 1024px) {
	.section-row-col50 { float:left; width:46%; margin:0 2%;}
	.section-row .mt-2 { float:left; display:block; width:100%; margin-top:25px;} 
	.hp-model-content .ult_modal-body { padding: 40px; border-radius: 35px; }
	
	
	#leistungen #hm-sec2 h2,
	#leistungen #hm-sec3 h2{
	  animation: shrink linear both;
	  animation-timeline: --sectionTimeline;
	}

	#leistungen #hm-sec1 h2 {
		animation: shrink1 linear both;
		animation-timeline: --sectionTimeline;
	}
	#leistungen #hm-sec4 h2  {
		animation: shrink4 linear both;
		animation-timeline: --sectionTimeline;
	}
	#leistungen #hm-sec5 h2  {
		animation: shrink5 linear both;
		animation-timeline: --sectionTimeline;
	}

	@keyframes shrink {
	  0%   { font-size: 50px; margin-top:0;  }
	  60%  { font-size: 18px; line-height: normal;  margin-top:-34px; }
	  100% { font-size: 14px; line-height: normal;  margin-top:-34px; }
	}
	
	/* For Firefox */
	@-moz-keyframes shrink {
	  0%   { font-size: 50px; margin-top: 0; }
	  60%  { font-size: 18px; line-height: normal; margin-top: -34px; }
	  100% { font-size: 14px; line-height: normal; margin-top: -34px; }
	}

	/* For WebKit browsers (Chrome, Safari) */
	@-webkit-keyframes shrink {
	  0%   { font-size: 50px; margin-top: 0; }
	  60%  { font-size: 18px; line-height: normal; margin-top: -34px; }
	  100% { font-size: 14px; line-height: normal; margin-top: -34px; }
	}
	
	/*2nd*/

	@keyframes shrink1 {
	  0%   { font-size: 50px; margin-top:0;  }
	  60%  { font-size: 18px; line-height: normal;  margin-top:-60px; }
	  100% { font-size: 14px; line-height: normal;  margin-top:-62px; }
	}
	
	/* For Firefox */
	@-moz-keyframes shrink1 {
	  0%   { font-size: 50px; margin-top: 0; }
	  60%  { font-size: 18px; line-height: normal; margin-top: -60px; }
	  100% { font-size: 14px; line-height: normal; margin-top: -62px; }
	}

	/* For WebKit browsers (Chrome, Safari) */
	@-webkit-keyframes shrink1 {
	  0%   { font-size: 50px; margin-top: 0; }
	  60%  { font-size: 18px; line-height: normal; margin-top: -60px; }
	  100% { font-size: 14px; line-height: normal; margin-top: -62px; }
	}
	
	
	/*3rd*/
	@keyframes shrink4 {
	  0%   { font-size: 50px; margin-top:0;  }
	  30%  { font-size: 40px; line-height: normal;  margin-top:-34px; }
	  70%  { font-size: 14px; line-height: normal;  margin-top:-34px; }
	  100% { font-size: 14px; line-height: normal;  margin-top:-34px; }
	}
	/* For Firefox */
	@-moz-keyframes shrink4 {
	  0%   { font-size: 50px; margin-top: 0; }
	30%  { font-size: 40px; line-height: normal;  margin-top:-34px; }
	  70%  { font-size: 14px; line-height: normal;  margin-top:-34px; }
	  100% { font-size: 14px; line-height: normal;  margin-top:-34px; }
	}

	/* For WebKit browsers (Chrome, Safari) */
	@-webkit-keyframes shrink4 {
	  0%   { font-size: 50px; margin-top: 0; }
	 30%  { font-size: 40px; line-height: normal;  margin-top:-34px; }
	  70%  { font-size: 14px; line-height: normal;  margin-top:-34px; }
	  100% { font-size: 14px; line-height: normal;  margin-top:-34px; }
	}
	
	/*4th*/
	@keyframes shrink5 {
	  0%   { font-size: 50px; margin-top:0;  }
	  80%  { font-size: 50px; line-height: normal;  margin-top:-34px; }
	  100% { font-size: 25px; line-height: normal;  margin-top:-34px; }
	}
	/* For Firefox */
	@-moz-keyframes shrink5 {
	  0%   { font-size: 50px; margin-top:0;  }
	  80%  { font-size: 50px; line-height: normal;  margin-top:-34px; }
	  100% { font-size: 25px; line-height: normal;  margin-top:-34px; }
	}

	/* For WebKit browsers (Chrome, Safari) */
	@-webkit-keyframes shrink5 {
	  0%   { font-size: 50px; margin-top:0;  }
	  80%  { font-size: 50px; line-height: normal;  margin-top:-34px; }
	  100% { font-size: 25px; line-height: normal;  margin-top:-34px; }
	}
	
	
}

@media (min-width: 1280px) {
    .wpb-content--blank .wpb-content-wrapper {
        max-width: 1220px;
    }
}

@media (min-width: 1480px) {
    .wpb-content--blank .wpb-content-wrapper {
        max-width: 1220px;
    }
}

@media (min-width: 1660px) {
    .wpb-content--blank .wpb-content-wrapper {
        max-width: 1400px;
    }
}

@media (min-width: 1920px) {
    .wpb-content--blank .wpb-content-wrapper {
        max-width: 1560px;
    }
}
@media (max-width: 1024px) {
	
#footer .menu li a { word-break: break-all; }
	#footer .container {     margin-left: 0 !important; }
}

@media (max-width: 767px) {
	#unsere-pojekte { margin-bottom:80px !important;}
	#unsere-pojekte .peek-carousel.porto-carousel-wrapper {  width:80%; margin-left:-5px;}
	.porto-ultimate-carousel .slick-list .slick-slide:hover .porto-item-wrap { transform: scale(1.015);  }
	.left-icon .aio-ibd-block .aio-icon-description { font-size:22px !important}
	#unsere-pojekte .slick-arrow { display: block !important; }
	#unsere-pojekte .slick-arrow.slick-prev { left: 80px !important;}
	#unsere-pojekte .slick-arrow.slick-next { right: 80px !important;}
	.hp-model-content.ult_modal-auto-top.ult-open	{  backdrop-filter: none;   }
	.header-wrap {     align-items: center; width:100%;  padding: 0 !important;  margin: 0 !important; --bs-gutter-x: 0;}
	.header-wrap .col-md-5 {  width: 37.5%; float:left; }
	.header-wrap .col-md-2 {  width:25%; float:left; }
	#header .btn-contact a.porto-btn {  border-radius: 20px;  font-size: 15px;  padding: 8px 18px;   font-weight: 500; }
	.share-links a {     font-size: 15px; }
	#leistungen_new { min-height: auto;  }
	#leistungen_new .sec-frame {min-height: auto;}
	#leistungen_new #hm-sec1 h2.head2fix,
	#leistungen_new .sec-frame h2.head2fix {   margin-top: 0 !important; font-size: clamp(22px, 4vw, 24px);}
	
	#leistungen_new .sec-frame .porto-u-heading { width:100%; }
	#leistungen_new .sec-frame { padding: 20px 10px 20px !important;  margin-top: 0 !important; }
	#leistungen_new .sec-frame h2 { --fs-normal: clamp(20px, 4vw, 34px); }
	#leistungen_new { padding-right: 20px !important; padding-left: 20px !important; padding-bottom: 20px !important;}
	#leistungen_new .sec-frame.is-stuck .porto-icon {  visibility: visible; }
	p, .porto-u-sub-heading,
	#leistungen_new .sec-frame .steps-cotent * {  font-size: 14px;  line-height: 20px;}
	#leistungen_new .sec-frame .porto-icon {  position:relative;   padding: 12px; font-size: 30px; height: auto;   top: auto;  right: auto; }
	#leistungen_new .sec-frame .porto-u-heading {     max-width: 100%; }
	#footer h2 {     font-size: 35px !important; line-height: 40px !important; }
	[id*="team-member-"]:hover .team-user-content { left: 60px !important ;  bottom: 70px !important;    right: 45% !important; width: auto !important;         text-align: left !important;
        white-space: normal; }
	#main { padding-bottom:50px;}
	#main:before { height: 180px !important;  width: 180px !important; right: 15px;  bottom: -55px;}
	#team-member-wrap { background: #000000 !important; }
	#team-member-wrap .wpb_single_image .vc_single_image-wrapper {     border-bottom: solid 2px #5a4e6b;  margin-bottom: 70px;  }
	#team-member-wrap #team-member-3 .wpb_single_image .vc_single_image-wrapper { margin-bottom:0 !important }
	#team-member-wrap #team-member-3:hover .team-user-content  { bottom: 25px !important; }
	#leistungen_new .sec-frame .steps-cotent {   width: 100%; }
	
	.ult_modal-body {  padding: 15px 10px;overflow: visible; }
	.ult_modal-body img {     margin: 10px 0; }
	.ult_modal.ult-container, .ult_modal.ult-medium, .ult_modal.ult-small { width: 94% !important; }
	.ult-overlay-close.popup-edge-top-right { right: 0 !important}
	
} /*end media*/


/* test css */