/**
 * ----------------------------------------------------------------------------
 * Local Web Fonts
 * ----------------------------------------------------------------------------
 */


/* poppins-100 - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/poppins/poppins-v22-latin-100.woff2') format('woff2'); 
  }
  /* poppins-100italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/poppins/poppins-v22-latin-100italic.woff2') format('woff2');
  }
  /* poppins-200 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/poppins/poppins-v22-latin-200.woff2') format('woff2');
  }
  /* poppins-200italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/poppins/poppins-v22-latin-200italic.woff2') format('woff2');
  }
  /* poppins-300 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins/poppins-v22-latin-300.woff2') format('woff2');
  }
  /* poppins-300italic - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/poppins/poppins-v22-latin-300italic.woff2') format('woff2');
  }
  /* poppins-regular - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins/poppins-v22-latin-regular.woff2') format('woff2'); 
  }
  /* poppins-italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/poppins/poppins-v22-latin-italic.woff2') format('woff2');
  }
  /* poppins-500 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins/poppins-v22-latin-500.woff2') format('woff2');
  }
  /* poppins-500italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/poppins/poppins-v22-latin-500italic.woff2') format('woff2');
  }
  /* poppins-600 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins/poppins-v22-latin-600.woff2') format('woff2');
  }
  /* poppins-600italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/poppins/poppins-v22-latin-600italic.woff2') format('woff2');
  }
  /* poppins-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins/poppins-v22-latin-700.woff2') format('woff2');
  }
  /* poppins-700italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/poppins-v22-latin-700italic.woff2') format('woff2');
  }
  /* poppins-800 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/poppins-v22-latin-800.woff2') format('woff2');
  }
  /* poppins-800italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/poppins-v22-latin-800italic.woff2') format('woff2');
  }
  /* poppins-900 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/poppins-v22-latin-900.woff2') format('woff2');
  }
  /* poppins-900italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Poppins Custom';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/poppins-v22-latin-900italic.woff2') format('woff2');
  }

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

.u-visually-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.u-visually-hidden:not(caption) {
    position: absolute !important;
}

.u-stretched-link::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}

/**
 * ----------------------------------------------------------------------------
 * Media Query Reference (Salient)
 * ----------------------------------------------------------------------------
 */
@media (max-width: 470px) {
    /* Styles */
}

@media (max-width: 690px) {
    /* Styles */
}

@media (min-width: 691px) {
    /* Styles */
}

@media (max-width: 999px) {
    /* Styles */
}

@media (min-width: 1000px) {
    /* Styles */
}

@media (max-width: 1299px) {
    /* Styles */
}

@media (min-width: 1300px) {
    /* Styles */
}

/**
 * ----------------------------------------------------------------------------
 * Section Spacing
 * ----------------------------------------------------------------------------
 */

:root {
    --mi-section-spacing: 60px;
}

@media (min-width: 690px) {
    :root {
        --mi-section-spacing: 100px;
    }
}

@media (min-width: 1000px) {
    :root {
        --mi-section-spacing: 140px;
    }
}

.mi-section-my {
    margin-top: var(--mi-section-spacing) !important;
    margin-bottom: var(--mi-section-spacing) !important;
}

.mi-section-mt {
    margin-top: var(--mi-section-spacing) !important
}

.mi-section-mb {
    margin-bottom: var(--mi-section-spacing) !important
}

.mi-section-my--1\/2 {
    margin-top: calc(var(--mi-section-spacing) * 0.5) !important;
    margin-bottom: calc(var(--mi-section-spacing) * 0.5) !important;
}

.mi-section-mt--1\/2 {
    margin-top: calc(var(--mi-section-spacing) * 0.5) !important;
}

.mi-section-mb--1\/2 {
    margin-bottom: calc(var(--mi-section-spacing) * 0.5) !important;
}

.mi-section-my--1\/3 {
    margin-top: calc(var(--mi-section-spacing) * 0.33) !important;
    margin-bottom: calc(var(--mi-section-spacing) * 0.33) !important;
}

.mi-section-mt--1\/3 {
    margin-top: calc(var(--mi-section-spacing) * 0.33) !important;
}

.mi-section-mb--1\/3 {
    margin-bottom: calc(var(--mi-section-spacing) * 0.33) !important;
}

.mi-section-my--1\/4 {
    margin-top: calc(var(--mi-section-spacing) * 0.25) !important;
    margin-bottom: calc(var(--mi-section-spacing) * 0.25) !important;
}

.mi-section-mt--1\/4 {
    margin-top: calc(var(--mi-section-spacing) * 0.25) !important;
}

.mi-section-mb--1\/4 {
    margin-bottom: calc(var(--mi-section-spacing) * 0.25) !important;
}

.mi-section-py {
    padding-top: var(--mi-section-spacing) !important;
    padding-bottom: var(--mi-section-spacing) !important;
}

.mi-section-pt {
    padding-top: var(--mi-section-spacing) !important
}

.mi-section-pb {
    padding-bottom: var(--mi-section-spacing) !important
}

.mi-section-py--1\/2 {
    padding-top: calc(var(--mi-section-spacing) * 0.5) !important;
    padding-bottom: calc(var(--mi-section-spacing) * 0.5) !important;
}

.mi-section-pt--1\/2 {
    padding-top: calc(var(--mi-section-spacing) * 0.5) !important;
}

.mi-section-pb--1\/2 {
    padding-bottom: calc(var(--mi-section-spacing) * 0.5) !important;
}

.mi-section-py--1\/3 {
    padding-top: calc(var(--mi-section-spacing) * 0.33) !important;
    padding-bottom: calc(var(--mi-section-spacing) * 0.33) !important;
}

.mi-section-pt--1\/3 {
    padding-top: calc(var(--mi-section-spacing) * 0.33) !important;
}

.mi-section-pb--1\/3 {
    padding-bottom: calc(var(--mi-section-spacing) * 0.33) !important;
}

.mi-section-py--1\/4 {
    padding-top: calc(var(--mi-section-spacing) * 0.25) !important;
    padding-bottom: calc(var(--mi-section-spacing) * 0.25) !important;
}

.mi-section-pt--1\/4 {
    padding-top: calc(var(--mi-section-spacing) * 0.25) !important;
}

.mi-section-pb--1\/4 {
    padding-bottom: calc(var(--mi-section-spacing) * 0.25) !important;
}

/**
 * ----------------------------------------------------------------------------
 * Typografie
 * ----------------------------------------------------------------------------
 */

.text-lead {
	font-size: 18px;
	line-height: 27px;
}

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


.mi-limit-inner-content > .vc_column-inner {
    max-width: 1450px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 90px;
    padding-right: 90px;
    box-sizing: border-box;
  }

@media screen and (max-width: 767px) {
.mi-limit-inner-content > .vc_column-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.mi-force-fullwidth {  
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    z-index: 50;
  }  


/**
 * ----------------------------------------------------------------------------
 * Job Liste
 * ----------------------------------------------------------------------------
 */

.mi-job-list--list .mi-job-list__item {
    padding-top: 15px;
    padding-bottom: 15px;
}

.mi-job-list--list .mi-job-list__item:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
}

.mi-job-list--tiles {
    display: grid;
    grid-gap: 30px;
}

@media (min-width: 691px) {
    .mi-job-list--tiles {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1000px) {
    .mi-job-list--tiles {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.mi-job-list--tiles .mi-job-list__item {
    padding: 30px;
    border: 1px solid #e7e7e7;
    position: relative;
}

.mi-job-list--tiles .mi-job-item__content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mi-job-list--tiles .mi-job-item__cta-wrap {
    padding-top: 45px;
    margin-top: auto;
}

/**
 * ----------------------------------------------------------------------------
 * Testimonial Slider / anpassungen 
 * ----------------------------------------------------------------------------
 */


 .testimonial_slider[data-style=multiple_visible][data-color*="-color"] blockquote p:before {
   font-style: normal;
}

.testimonial_slider[data-style=multiple_visible][data-color*="-color"] blockquote.is-selected p:before {
    color:white;
    opacity: 1;
}

.testimonial_slider[data-style=multiple_visible][data-color*="-color"] blockquote p {
    color: #ffffff;
    font-style: italic;
}

.testimonial_slider[data-style=multiple_visible][data-color*="-color"] span.testimonial-name {
    color: #ffffff;
    font-weight: 400 !important;
}

.testimonial_slider[data-style=multiple_visible][data-color*="-color"] span.title {
    color: #45c0eb;
    font-weight: 400 !important;
}



/**
 * ----------------------------------------------------------------------------
 * Text Gradient  / alllgemein
 * ----------------------------------------------------------------------------
 */

.text-gradient {
    background: linear-gradient(90deg, #77d9bd 0%, #45c0eb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
  }


/**
 * ----------------------------------------------------------------------------
 * Button Gradient / white border transparent
 * ----------------------------------------------------------------------------
 */  

/* Standardzustand */
.nectar-button.button-gradient {
    background: transparent;
    border: 1px solid rgba(119, 217, 189, 0.5) !important;
    color: #ffffff;
    font-weight: 600;
    border-radius: 50px;
    transition: all 0.5s ease;
  }
  
/* Hoverzustand mit Gradient */
.nectar-button.button-gradient:hover {
    background: linear-gradient(90deg, #77d9bd 0%, #45c0eb 100%);
    border-color: transparent !important;
    color: #ffffff !important;
  }

/**
 * ----------------------------------------------------------------------------
 * Gleiche Buttongroesse bei CTA Darum mit holistiQ
 * ----------------------------------------------------------------------------
 */  

.mi-cta-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* wichtig: linksbündig */
  }
  
.mi-cta-column .nectar-button {
    width: 100%;
    max-width: 250px; /* optionaler Schutz vor zu großer Ausdehnung */
    margin-bottom: 15px;
  }


/**
 * ----------------------------------------------------------------------------
 * Position Absolute / text kreise
 * ----------------------------------------------------------------------------
 */  


.mi-position-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;

    background: linear-gradient(90deg, #77d9bd 0%, #45c0eb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
  }


/**
 * ----------------------------------------------------------------------------
 * Off Canvas Menü / Submenü kleiner / andere Farbe / ausblenden Topmenue beu mobile
 * ----------------------------------------------------------------------------
 */  

#slide-out-widget-area .off-canvas-menu-container ul li.mi-menu-consulting a {
    color: #c8c8c8 !important; /* grau */
    font-size: 20px !important; /* Kleinere Schriftgröße */
    line-height: 1.0em !important; /* Weniger Abstand zwischen Zeile & nächstem Punkt */
    padding-top: -10px !important;   /* Optional: etwas weniger Platz oben */
    padding-bottom: -10px !important; /* Optional: unten auch */
  }

#slide-out-widget-area .off-canvas-menu-container ul li.mi-menu-big a {
    color: white !important; /* grau */
    font-size: 25px !important; /* Kleinere Schriftgröße */
    line-height: 1.2em !important; /* Weniger Abstand zwischen Zeile & nächstem Punkt */
    padding-top: 25px !important;   /* Optional:  Platz oben */
    padding-bottom: 10px !important; /* Optional: unten auch */
  }

@media (max-width: 1024px) {
  .off-canvas-menu-container.mobile-only {
    display: none !important; /* ausblenden des top menue */
  }
}


/**
 * ----------------------------------------------------------------------------
 * Blog / Carousel/home und Blog-Seite Text unten auf dunkelblau
 * ----------------------------------------------------------------------------
 */ 



.nectar-post-grid[data-text-layout=all_bottom_left_shadow] .nectar-post-grid-item div.inner:before {
    background: linear-gradient(to bottom, rgba(15, 15, 15, 0), rgba(2, 48, 89, 1) 100%);
    height: 75%;
}

.nectar-post-grid.nectar-flickity[data-overflow=hidden] .flickity-viewport {
    overflow: visible !important;
}

/**
 * ----------------------------------------------------------------------------
 * Team Members / Farbe & Opazität
 * ----------------------------------------------------------------------------
 */ 


.team-member[data-style=bio_fullscreen]:hover .team-member-overlay {
    opacity: .7 !important; /* Opazität */
    background-color: #023059 !important; /* Farbe */
}

.team-meta h3{ 
    color: #45c0eb !important;
}
    
.team-meta h5{ 
    font-weight: 200 !important
}
    
.nectar_team_member_overlay{
    background-color:#023059;
    color:white
}
    
.team_member_details .bio-inner h2{
    color: #45c0eb !important;
}
    
.team_member_image_bg_cover{
    background-color: #45c0eb !important;
}
    
.nectar-close-indicator .inner {
    border: 2px solid #45c0eb;
}

.nectar-close-indicator .inner .icon-salient-m-close {
    color: #45c0eb;
}   


/**
 * ----------------------------------------------------------------------------
 * Blogbeitrag / Farbe Kategorie-Buttons oben
 * ----------------------------------------------------------------------------
 */ 


.featured-media-under-header__cat-wrap .meta-category a:not(:hover) {
    background-color: rgb(255 255 255 / 15%);
}   


.featured-media-under-header__cat-wrap .meta-category a {
	pointer-events: none;
}

/**
 * ----------------------------------------------------------------------------
 * Blog Post Fix
 * ----------------------------------------------------------------------------
 */ 

body.single-post .container-wrap .row.featured-media-under-header + .row {
	padding-bottom: 0 !important;
}

.post .content-inner {
	padding-bottom: 0 !important;
}

.blog_next_prev_buttons {
	margin-top: 0 !important;
}


/**
 * ----------------------------------------------------------------------------
 * Fancy Box Padding fix fuer mobile
 * ----------------------------------------------------------------------------
 */ 


@media (max-width: 690px) {
	.nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap .inner {
		min-height: initial !important;
	}
	
	.nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {
		padding: 25px 25px !important;
	}
}



/**
 * ----------------------------------------------------------------------------
 * Icon List fix fuer mobile haken und icons
 * ----------------------------------------------------------------------------
 */ 


@media (max-width: 690px) {
	.nectar-icon-list .nectar-icon-list-item {
    padding-left: 60px;
    margin-bottom: 30px;
}
}

@media (max-width: 1000px) {
	.nectar-icon-list .nectar-icon-list-item {
    padding-left: 80px;
    margin-bottom: 40px;
}
}

/**
 * ----------------------------------------------------------------------------
 * Impressum & Datenschutz
 * ----------------------------------------------------------------------------
 */ 

body .mi-legal-text h2 {
    font-size: 28px !important;
    line-height: 42px !important;
}

body .mi-legal-text h3 {
    font-size: 24px !important;
    line-height: 36px !important;
}