/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi edited by info@martin-dillschneider.de, Lovinusz360
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
/* ============================================================================== */
/* =============  Logo/Headerbereich =========================================== */
/* ============================================================================== */

#top #header.av_header_transparency div .av-hamburger-inner,
#top #header.av_header_transparency div .av-hamburger-inner::before,
#top #header.av_header_transparency div .av-hamburger-inner::after {
  background-color: #2c4d6a
}


.responsive.av-burger-overlay-active .noMobile {
  opacity: 0;
  transition: opacity 0.7s ease 
}

.responsive .noMobile {
  opacity: 1;
  transition: opacity 0.7s ease 
}

#header .av-logo-container .lov1 {
  transition: fill 0.5s ease; 
}
#header.av_header_transparency .av-logo-container .lov1 {
  fill: #FFF;
  filter: drop-shadow(1px 1px 1px #333)
}


@media only screen and (min-width: 990px) {
  #header.av_header_transparency .primaerblau {
    fill: #FFF;
  }
}

@media only screen and (min-width: 768px) {
  #top #header_meta {
    visibility: hidden;
    display: none
  }
}

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header .container {
    width: 95%;
    max-width: 95%;
  }
  #top #header_meta {
    display: block;
    border: none !important;
  }
  #avia-menu .menu-item.mail, 
  #avia-menu .menu-item.telefon {
    display: none !important;
  }
}

/* ============================================================================== */
/* =============  Menü und Hamburger =========================================== */
/* ============================================================================== */

#top .menu-item-avia-special {
  display: block !important;
}


#top .menu-item-avia-special.mail .avia-menu-text,
#top .menu-item-avia-special.telefon .avia-menu-text {
  padding: 8px 5px;
  border: 2px solid var(--enfold-main-color-primary);
  border-radius: 8px;
  color: var(--enfold-main-color-primary) !important;
}

#top .menu-item-avia-special.mail:hover .avia-menu-text,
#top .menu-item-avia-special.telefon:hover .avia-menu-text {
  border: 2px solid #00a527;
  color: #00a527 !important;
}

#top .menu-item-avia-special.mail:hover .avia-menu-fx,
#top .menu-item-avia-special.telefon:hover .avia-menu-fx {
  display: none;
}

#top #header_meta  svg,
#top .menu-item-avia-special.telefon .avia-menu-text svg, 
#top .menu-item-avia-special.mail .avia-menu-text svg {
  position: relative;
  top: 12px;
  height: 34px;
  fill: currentColor;
}


#top #header_meta .phone-info > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}

#top #header_meta .phone-info > div span {
  padding: 0 5px
}

#top #header_meta .phone-info > div span a {
  position: relative;
  top: -10px;
  font-size: 14px;
  font-weight: 400;
  color: #2c4d6a !important;
}

#top #header_meta .phone-info > div span a:hover {
  color: #00a527 !important;
}

/* === glas effekt - bei Hamburger Overlay === */
.html_av-overlay-side #top .av-burger-overlay-scroll {
  background: var(--enfold-header-color-bg);
  background-color: rgba(255,255,255,0.7);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
  font-size: 16px;
  padding: 15px 30px;
}

#top #av-burger-menu-ul {
  vertical-align: top;
  padding: 125px 0 !important;
}


/* ============================================================================== */
/* =============  Button Einstellungen - und hovereffekte ======================= */
/* ============================================================================== */

#top .avia-buttonrow-wrap .avia-button {
    overflow: visible;
    transition: all 1s ease;
    margin-right: 15px !important;
}

#top .avia-buttonrow-wrap .avia-button:hover,
#top .coaching-button .avia-button:hover,
#top .calendly-button .avia-button:hover {
  box-shadow: 2px 3px 5px #666;
  transition: all 1s ease;
  overflow: visible;
}

#top .coaching-button .avia-button .avia_iconbox_title {
  font-size: 24px;
  font-weight: 400
}

/* ===  Buttonrow links blau - rechts weiß === */
#top .avia-button.button-1,
#top .coaching-button .avia-button,
#top .calendly-button .avia-button  {
  overflow: visible;
  background-color: var(--enfold-main-color-primary);
  border: 2px solid #FFF !important;
  font-size: 24px;
  color: #FFF;
  border-radius: 8px;
  padding: 12px 20px;
  min-width: 150px;
  transition: transform 1s ease;
}

#top .calendly-button .avia-button  {
  border: 4px solid #00a527 !important;
  font-size: 24px;
}


#top .avia-button.button-2 {
  overflow: visible;
  background-color: #f0efef;
  border: 2px solid #d8d5d2;
  font-size: 24px;
  border-radius: 8px;
  padding: 12px 20px;
  min-width: 150px;
  color: var(--enfold-main-color-primary) ;
}

/* ============================================================================== */
/* =============  Sektionsabhängige Einstellungen =============================== */
/* ============================================================================== */

#top strong {
  /* color: var(--enfold-main-color-primary) !important; */ /*edited mdillschneider, damit nicht jeder fette Text blau ist*/
}


@media only screen and (max-width: 989px) {
  #fuehrung-neu-denken .post-entry,
  #unternehmenskultur .post-entry {
    position: absolute;
    bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  #top #fuehrung-neu-denken .avia_textblock,
  #top #unternehmenskultur .avia_textblock {
    line-height: 1.5em !important;
  }
}


/*  Hintergrundbilder verschieben bei unterschiedlichen Screenweiten vor allem auch bei mobile  */
@media only screen and (max-width: 1349px) {
  .responsive:not(.avia_mobile) #top #fuehrung-neu-denken.avia-section.bg-fixed {
    background-position: -100px bottom;
  }
 
  .responsive:not(.avia_mobile) #top #unternehmenskultur.avia-section.bg-fixed {
    background-position: -200px bottom;
  }
}

@media only screen and (max-width: 989px) and (orientation: portrait) {
  .responsive.avia_mobile #top #fuehrung-neu-denken.avia-section.bg-fixed {
    background-position: -220px bottom;
  }
  .responsive.avia_mobile #top #unternehmenskultur.avia-section.bg-fixed {
    background-position: -350px bottom;
  }
  .responsive.avia_mobile #top #nachhaltige-veraenderung.avia-section.bg-fixed {
    background-position: -650px top;
  }
  .responsive.avia_mobile #top #zentrale-herausforderung.avia-section.bg-fixed {
    background-position: -850px top;
  }
  .responsive.avia_mobile #top #meine-mission.avia-section.bg-fixed {
    background-position: -850px top;
  }
}

@media only screen and (max-width: 569px) and (orientation: portrait) {
  .responsive:not(.avia_mobile) #top #fuehrung-neu-denken.avia-section.bg-fixed {
    background-position: -200px bottom;
  }
  .responsive:not(.avia_mobile) #top #unternehmenskultur.avia-section.bg-fixed {
    background-position: -330px bottom;
  }
  .responsive.avia_mobile #top #nachhaltige-veraenderung.avia-section.bg-fixed {
    background-position: -750px top;
  }
  .responsive.avia_mobile #top #zentrale-herausforderung.avia-section.bg-fixed {
    background-position: -750px top;
  }
  .responsive.avia_mobile #top #kultur-im-unternehmen .flex_cell {
    background-position: -90px center;
  }
  .responsive.avia_mobile #top #meine-mission.avia-section.bg-fixed {
    background-position: -900px top;
  }
}

@media only screen and (max-width: 517px) {
  #ihr-traum .flex_cell.avia-builder-el-first {
    background-position: -270px top;
  }
  .responsive.avia_mobile #top #meine-mission.avia-section.bg-fixed {
    background-position: -950px top;
  }
}

@media only screen and (max-width: 469px) and (orientation: portrait) {
  #top #fuehrung-neu-denken .avia-buttonrow-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
  }
  #top #fuehrung-neu-denken .avia-buttonrow-wrap a {
    min-width: unset;
    padding: 12px 10px; 
    margin-right: 0px !important;
    flex: 0 1 auto;
  }
  #fuehrung-neu-denken .avia-buttonrow-wrap ~ .av_textblock_section {
    display: none;
  }
  .responsive.avia_mobile #top #meine-mission.avia-section.bg-fixed {
    background-position: -1200px top;
  }
}

@media only screen and (min-width: 1410px) {
#hassen-ihren-job.content60-alignment .flex_cell.avia-builder-el-first,
#kultur-im-unternehmen.content60-alignment .flex_cell.avia-builder-el-first,
#herausforderungen.content60-alignment .flex_cell.avia-builder-el-first,
#herausforderungen-verwandeln.content60-alignment .flex_cell.avia-builder-el-first,
#ihre-erfolgskultur.content60-alignment .flex_cell.avia-builder-el-first {
    padding-left: calc(60% - 848px - 50px) !important
  }

  #ihr-traum.content60-alignment .flex_cell.avia-builder-el-last {
    padding-right: calc(60% - 848px - 50px) !important
  }
}

#top #meine-mission .flex_column .avia_textblock.mengentext {
  font-size: 24px;
}

#top #meine-mission .flex_column .av-special-heading,
#top #neue-perspektiven .flex_column .av-special-heading, 
#top #nachhaltige-veraenderung .flex_column .av-special-heading, 
#top #zentrale-herausforderung .flex_column .avia_textblock,
#top #meine-mission .flex_column .avia_textblock {
  color: #FFF !important;
  text-shadow: 0px 2px 3px #7b7b7b;
}


#top #neue-perspektiven .flex_column .is-h2 h1,
#top #nachhaltige-veraenderung .flex_column .is-h2 h1 {
  font-size: min(max(42px, calc(2.625rem + (72 - 42) * ((100vw - 320px) / (1410 - 320)))), 72px);
  min-height: 0vw;
}

#top .av-special-heading-h1.is-h2 > .av-subheading.av-subheading_above,
#top .av-special-heading-h1.is-h2.bigger  .av-subheading {
  font-size: min(max(18px, calc(1.125rem + (26 - 18) * ((100vw - 320px) / (1410 - 320)))), 26px) !important;
  min-height: 0vw;
  font-weight: 700;
  color: var(--enfold-main-color-primary);
}

#top #neue-perspektiven .flex_column .av-subheading, 
#top #nachhaltige-veraenderung .flex_column .av-subheading {
  padding-top: 50px;
  font-size: min(max(32px,calc(2rem + (48 - 32) * ((100vw - 320px) / (1410 - 320)))),48px) !important;
  min-height: 0vw;
  line-height: 1.4em;
}

#top #unternehmenskultur .flex_column .avia_textblock {
  font-size: min(max(24px, calc(1.5rem + (32 - 24) * ((100vw - 320px) / (1410 - 320)))), 32px);
  min-height: 0vw;
}

#top #zentrale-herausforderung .flex_column .avia_textblock {
padding-top: 50px;
  font-size: min(max(24px, calc(1.5rem + (48 - 24) * ((100vw - 320px) / (1410 - 320)))), 48px);
  min-height: 0vw;
 line-height: 1.4em;
}


#top #unternehmenskultur .flex_column {
  padding: 10px
}

#top #meine-mission .flex_column .av-special-heading {
  margin-top: -20px;
}

#top #meine-mission .flex_column .is-h2 h1 {
  font-size: min(max(42px,calc(2.625rem + (72 - 42) * ((100vw - 320px) / (1410 - 320)))),72px);
  min-height: 0vw;
  font-feature-settings: "liga" on;
  font-variant-ligatures: common-ligatures;
}

#top #meine-mission .flex_column .av-subheading ,
#top #meine-mission .flex_column .avia_textblock {
  font-size: min(max(32px,calc(2rem + (48 - 32) * ((100vw - 320px) / (1410 - 320)))),48px);
  min-height: 0vw;
  line-height: 1.4em;
}

#top #wrap_all .all_colors h4.iconlist_title {
  font-size: 22px;
  margin-top: 15px
}


#inspire-leaders-plan .avia_textblock.spezial-numberlist  {
  display: grid;
  gap: 0 10px;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  grid-template-areas: "feld1" "feld2";
  grid-template-rows: 65px max-content;
  align-items: center;
}

#inspire-leaders-plan .avia_textblock.spezial-numberlist p:nth-child(1) { grid-area: feld1}
#inspire-leaders-plan .avia_textblock.spezial-numberlist p:nth-child(2) { grid-area: feld2}

#inspire-leaders-plan .avia_textblock.spezial-numberlist > p {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

#inspire-leaders-plan .avia_textblock.spezial-numberlist > p > span {
  width: 50px
}

#inspire-leaders-plan .avia_textblock.spezial-numberlist > p strong {
  position : relative;
  top: 0;
  flex: 1 1 auto !important;
}

#inspire-leaders-plan .avia_textblock.spezial-numberlist .av-icon-char:before {
  position : relative;
  left: -20px !important;
}

#herausforderungen .av-title-above > div {
  padding-top: 0;
}

#herausforderungen .av-title-above > div > p {
  margin-top: 0;
}

/* ============================================================================== */
/* =============  Überschriften  =========================================== */
/* ============================================================================== */

/*h1*/
#top .all_colors h1 {
  font-size: min(max(26px, calc(1.625rem + (72 - 26) * ((100vw - 320px) / (1410 - 320)))), 72px);
  min-height: 0vw;
}
/*semantische Hilfsklasse, die einem h1-Element das visuelle Styling einer h2-Überschrift gibt*/ 
#top .all_colors .is-h2 h1 {
  font-size: min(max(28px, calc(1.75rem + (48 - 28) * ((100vw - 320px) / (1410 - 320)))), 48px);
  min-height: 0vw;
}

/*h2*/
#top .all_colors h2 {
  font-size: min(max(28px, calc(1.75rem + (48 - 28) * ((100vw - 320px) / (1410 - 320)))), 48px);
  min-height: 0vw;
  /* color: #a50092 !important; */
}


/* ============================================================================== */
/* =============  Toggler  ======================================================= */
/* ============================================================================== */

#top .togglecontainer.borderless * {
  border: none !important;
  background-color: #f0efef
}

#top .togglecontainer .toggle_icon  {
  display: none
}

#top .togglecontainer .toggler:before {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 8px;
  left: 0px;
  content: "\e897";
  font-family: "entypo-fontello";
  transform-origin: center left;
  text-align: center;
  display: table;
}

#top .togglecontainer .toggler.activeTitle:before {
  transform: rotate(90deg) !important; 
  top: -5px;
  left: 15px;
}

@media only screen and (max-width: 589px) {
  .toggle_content {
    padding: 0 10px
  }
}

#top .togglecontainer.toggler-spezial {
  margin: -10px 0px 50px
}

#top #inspire-leaders-plan .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
  margin-top: 10px;
}

#top .togglecontainer.toggler-spezial .toggle_content {
  padding: 0px;
  border: none;
}

#top .togglecontainer.toggler-spezial .single_toggle:first-child .toggler, 
#top .togglecontainer.toggler-spezial .taglist + .single_toggle .toggler {
  border: none;
  background-color: #2c4d6a;
  max-width: 180px;
  transition: background-color 1.2s linear;
  color: #FFF !important;
  font-weight: 400 !important;
  padding: 3px 3px 3px 28px;
  font-size: 15px;
}

#top .togglecontainer.toggler-spezial .single_toggle:first-child .toggler.activeTitle{
  background-color: transparent;
  color: #2c4d6a !important;
  border: 3px solid #2c4d6a;
  transition: background-color 1.2s linear;
}

#top .togglecontainer.toggler-spezial .toggler:before {
  display: none ;
}

#top .togglecontainer.toggler-spezial .toggle_content p {
  margin-top: -8px !important;
}

#top .togglecontainer.toggler-spezial.invers .toggle_content.invers-color {
  background-color: inherit !important;  
}

#top .togglecontainer.toggler-spezial.invers .toggle_content.invers-color p {
  background-color: #142e40 !important;
  color: #FFF
}

#top .togglecontainer.toggler-spezial.invers .single_toggle:first-child .toggler {
  color: #142E40 !important;
  background-color: #d8d5d2;
}

#top #main .togglecontainer.toggler-spezial.invers p.toggler.activeTitle {
  border-color: #FFF !important;
  border-width: 2px;
  color: #142E40 !important;
}

/* ============================================================================== */
/* =============  Kreisbild mit/ohne inset schatten ================== */
/* ============================================================================== */

#top .av-styling-circle .avia-image-overlay-wrap {
  overflow: visible;
  border-radius: 100%;
  background-image: url(https://lovinusz360.de/wp-content/uploads/alexander-lovinusz-fuehrungskraefte-coaching_009.webp);
  background-repeat: no-repeat;
  background-size: cover;
  /* box-shadow: inset 1px 1px 20px -5px #7b7b7b; */
}

#top .av-styling-circle img {
  opacity: 0
}

/* ============================================================================== */
/* =============  Footer / Footerpage Einstellungen ================== */
/* ============================================================================== */


#footer-page * {
  color: #FFF !important;
}
#footer-page h3 {
  font-size: 36px !important;
  padding: 5px 0;
  color: #2c4d6a !important;
}

#footer-page h4 {
  padding-top: 14px;
  font-size: 24px
}

#footer-page .content {
  padding: 20px 0;
}

ul#menu-footermenue {
  list-style: none;
}

#top .scroll-down-link {
  /*! color: var(--enfold-main-color-primary) !important; */
  filter: drop-shadow(0 2px 3px #7b7b7b);
}

.html_header_top.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main {
  padding-top: 140px;
}


/* ============================================================================== */
/* =============  benutzer Klassen für spezielle Einstellungen ================== */
/* ============================================================================== */


/****** Safari Fix für background-attachment: fixed  
.avia-section.bg-fixed {
  background-size: 0 !important;
  overflow: hidden;
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


.avia-section.bg-fixed:before {
  background-image: inherit !important;
  background-repeat: inherit !important;
  background-size: cover;
  background-position: inherit;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1 !important;
  pointer-events: none;
}
********/


#top .avia_textblock.nebeneinander p {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

#top .avia_textblock.nebeneinander img {
    height: 50px;
}

#top .avia_textblock.nebeneinander img:first-child {
    height: 70px;
    padding-right: 20px
}

#top .iceglass {
  background-color: rgba(255,255,255,0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 5px solid #FFF;
}

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

  #top .avia_textblock.nebeneinander p {
    flex-flow: row nowrap;
  }

  #top .avia_textblock.nebeneinander img {
    height:40px
  }
  #top .avia_textblock.nebeneinander img:first-child {
    height:50px;
    padding-right:20px
  }
}


#top .avia_textblock.textblock-abstand,
#top .abstand-links  {
  margin-left: 80px
}

@media only screen and (max-width: 569px) {
  #top .avia_textblock.textblock-abstand,
  #top .abstand-links  {
    margin-left: 0px
  }
}

@media only screen and (max-width:989px) {
  #top .with-bg-image .flex_column.glassy-effekt {
    background-color:rgba(255,255,255,0.5);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    border:1px solid #FFF;
    border-radius:10px
  }
}

@media only screen and (max-width:989px) {
  #top .with-bg-image .flex_column.glas-effekt {
    background-color:rgba(255,255,255,0.2);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    border:1px solid #FFF;
    border-radius:10px
  }
  #top .with-bg-image .flex_column.glas-effekt h1 {
    color:#FFF !important;
    text-shadow: 0px 2px 3px #7b7b7b;
  }
}

@media only screen and (max-width: 449px) {
  #top .flex_column.glas-effekt {
    padding: 15px;
  }
}

/* === glas effekt - hier bei der Wartungsseite === */
#top.page-id-29  .flex_column.iceglass {
  display: inline-block;
  width: auto !important;
  left: 50%;
  transform: translateX(-50%);
  padding: 40px 80px;
}

/*Sehr große Typo, kein H-Tag*/
div.avia_textblock.big-type.av_inherit_color p {
	/* font-size: var(--enfold-font-size-theme-content-big) !important; */
  font-size: min(max(48px,calc(3rem + (96 - 48) * ((100vw - 320px) / (1500 - 320)))),96px);
	font-weight: 700;
  font-family: Effra;
	margin: 30px 0;
	line-height: 1.4em;
}

/*links im Fließtext*/
div p a{
    text-decoration: underline !important;
}

/*Textfarbe der Zitate*/
blockquote p{
  color: #666666;
}

/* Floating CTA Bild am Rand */
#floating-cta-button {
  position: fixed;
  bottom: 120px;
  right: 10px;
  max-width: 200px;
  opacity: 0; 
  /* Startposition: ausserhalb des Viewports nach rechts */
  transform: translateX(220px);
  transition: opacity 0.8s ease, transform 0.8s ease; /* Sanfter Uebergang */
  z-index: 50;
}
/* Endposition: Element ist sichtbar */
#floating-cta-button.visible {
  transform: translateX(0);
  opacity: 1; 
  pointer-events: auto;
}
@media only screen and (max-width: 767px) {
  #floating-cta-button {
    max-width: 120px;
	bottom: 20px;
  }
}
#floating-cta-button a {
  transition: transform 0.5s ease;
  display: inline-block;
}
#floating-cta-button a:hover  {
  transform: scale(1.1);
  transform-origin: center;
}
#floating-cta-button a:hover .image-overlay {
  display: none !important;
}