/*
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 will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*** GEMEINSAME VARIABLEN ***/
:root{
  --wk-blue: #3D6993;
  --wk-gray: #A8A8A8;
  --wk-peach: #FFB9A6;
  --wk-brightgrey: #f8f8f8;
}

/*** PLAYBUTTON OHNE WAVES ***/
.wk-anim-player{
  display:flex;
  align-items:center;
  gap:18px;
}

.wk-anim-play{
  position:relative;
  width:92px;
  height:92px;
  border:none;
  background:transparent;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
  animation: wkButtonPulse 2.8s ease-in-out infinite;
  animation-delay: 3s;
}

.wk-anim-play .wk-ring{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform:rotate(-90deg);
  pointer-events:none;
}

.wk-anim-play .wk-ring-progress{
  fill:var(--wk-brightgrey);
  stroke:var(--wk-blue);
  stroke-width:5;
  stroke-linecap:round;
  stroke-dasharray:289;
  stroke-dashoffset:289;
  animation: wkCircleBuildOnce 3s ease-in-out forwards;
}

.wk-anim-play .wk-play-icon-anim{
  position:relative;
  z-index:2;
  width:54px;
  height:54px;
  fill:none;
  stroke:var(--wk-blue);
  stroke-width:2.6;
  stroke-linejoin:round;
  stroke-linecap:round;
}

.wk-anim-play .wk-anim-pause-icon{
  position:relative;
  z-index:2;
  width:50px;
  height:50px;
  fill:var(--wk-blue);
  display:none;
}

.wk-anim-label{
  font-weight:700;
  font-size:20px;
  color:#3D6993;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
}

.wk-anim-player.is-playing .wk-play-icon-anim{ display:none; }
.wk-anim-player.is-playing .wk-anim-pause-icon{ display:block; }
.wk-anim-player.is-playing .wk-ring-progress{
  animation:none;
  stroke-dasharray:289;
  stroke-dashoffset:0;
}
.wk-anim-player.is-playing .wk-anim-play{
  animation:none;
  transform:none;
}

@keyframes wkCircleBuildOnce{
  0%{ stroke-dashoffset:289; }
  82%{ stroke-dashoffset:0; }
  100%{ stroke-dashoffset:0; }
}

@keyframes wkButtonPulse{
  0%{ transform: scale(1); filter:none; }
  20%{ transform: scale(1.065); filter: drop-shadow(0 0 15px rgba(255,182,163,8)); }
  30%{ transform: scale(1); filter: drop-shadow(0 0 20px rgba(203,137,119,0.5)); border:none; }
  100%{ transform: scale(1); filter:none; }
}

/* =========================================================
   NORMALER PLAYBUTTON MIT WAVES
   ========================================================= */
.wk-player{
  display: flex;
  align-items: center;
  gap: 18px;
}

.wk-play{
  width: 92px;
  height: 92px;
  border-radius: 999px;
  border: 5px solid var(--wk-gray);
  background: transparent;
  display: grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
  flex: 0 0 auto;
}

.wk-play-icon, .wk-play-icon-anim{
  width: 54px;
  height: 54px;
  fill: none;
  stroke: var(--wk-gray);
  stroke-width: 2.6;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.wk-pause-icon{
  width: 50px;
  height: 50px;
  fill: var(--wk-gray);
  display: none;
}

.wk-player.is-playing .wk-play-icon,
.wk-player.is-playing .wk-play-icon-anim{ display: none; }
.wk-player.is-playing .wk-pause-icon{ display: block; }

.wk-wave{
  --barW: 6px;
  --gap: 6px;
  --bars: 24;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--barW);
  column-gap: var(--gap);
  align-items: center;
  padding: 3px 0;
  overflow: visible;
  width: calc(var(--bars) * var(--barW) + (var(--bars) - 1) * var(--gap));
  max-width: 100%;
  overflow: hidden;
}

.wk-bar{
  align-self: center;
  border-radius: 999px;
  background: var(--wk-gray);
  transition: background-color 240ms ease, filter 240ms ease;
  will-change: background-color, filter;
}

.wk-bar.is-played{
  background: var(--wk-blue);
  filter: none;
}

.wk-bar.is-edge{
  background: var(--wk-blue);
}

.wk-player.is-playing .wk-play-icon{ display: none; }
.wk-player.is-playing .wk-pause-icon{ display: block; }

/*** MINI PLAYBUTTON AUF SERVICESEITEN / EINSATZBEREICHE ***/
.wk-mini-player {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  margin-top: auto;
  width: fit-content;
}

.wk-mini-play {
  position: relative;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.wk-mini-play .wk-ring {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px !important;
  height: 48px !important;
  transform: rotate(-90deg);
  pointer-events: none;
}

.wk-mini-play .wk-ring-progress {
  fill: transparent;
  stroke: var(--wk-blue);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 132;
  stroke-dashoffset: 0;
}

.wk-mini-play .wk-play-icon-anim {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px !important;
  height: 22px !important;
  fill: none;
  stroke: var(--wk-blue);
  stroke-width: 2.2;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.wk-mini-play .wk-anim-pause-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px !important;
  height: 20px !important;
  fill: var(--wk-blue);
}

.wk-mini-label {
  font-weight: 700;
  font-size: 14px;
  color: #3D6993;
  white-space: nowrap;
  cursor: pointer;
}

.wk-mini-player.is-playing .wk-play-icon-anim { display: none; }
.wk-mini-player.is-playing .wk-anim-pause-icon { display: block; }

.wk-mini-player.is-white .wk-mini-label { color: #ffffff; }
.wk-mini-player.is-white .wk-ring-progress { fill: transparent; stroke: #ffffff; }
.wk-mini-player.is-white .wk-play-icon-anim { stroke: #ffffff; }
.wk-mini-player.is-white .wk-anim-pause-icon { fill: #ffffff; }
/*****/

/**ICONLIST ***/
div#symbol_start .iconlist-timeline {
    border-color: #3b6692 !important;
    border: 2px solid
}

div#symbol_start .avia-icon-list .iconlist_icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-left: 19px;
}

div#symbol_start h3.av_iconlist_title.iconlist_title {
    margin-top: 0px ;
}

div#symbol_start h4.av_iconlist_title.iconlist_title {
    margin-top: 0 !important
}

/*** MASONRY SERVICES***/
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: none;
}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content:hover {
    background: #5d5d5d63;
}
h3.av-masonry-entry-title.entry-title, .av-masonry-entry-content.entry-content {
    text-shadow: 2px 1px 3px #00000054;
}

#services h3.av-masonry-entry-title.entry-title {
    hyphens: auto;
    word-break: break-word;
}
.av-inner-masonry{
  position: relative;
  overflow: hidden;
}

h3.av-masonry-entry-title.entry-title{
  position: absolute;
  left: 30px;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  font-size: 25px !important;
  text-align: left;
  z-index: 2;
  transition: transform .6s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

.av-masonry-entry-content.entry-content{
  position: absolute;
  left: 30px;
  right: 30px;
  top: 55%;
  opacity: 0;
  transform: translateY(20px);
  max-height: 0;
  overflow: hidden;
  font-size: 15px !important;
  text-align: left;
  transition:
    opacity .4s ease .1s,
    transform .6s cubic-bezier(.4,0,.2,1),
    max-height .6s ease;
}

.av-masonry-entry-content.entry-content {
    line-height: normal;
}

#top .av-inner-masonry:hover h3.av-masonry-entry-title{
  transform: translateY(-80%);
}

#top .av-inner-masonry:hover .av-masonry-entry-content.entry-content{
  opacity: 1;
  transform: translateY(0);
  max-height: 12rem;
}

/** PORTFOLIO GRID AUDIO PLAYER**/
.audioportfolio {
  .grid-entry{
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .no_margin {
    margin-left: -15px !important;
  }
  .alternate_color .grid-content{
    background-color: #f8f8f8 !important;
  }
  .grid-content{
    height: auto;
    min-height: 310px;
    padding: 45px 30px;
    border-radius: 15px;
  }
  .alternate_color .grid-entry-title{
    background-color: #f8f8f8;
  }
  h3.grid-entry-title.entry-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .grid-entry-excerpt {
    font-size: 20px;
    font-style: normal;
    color: #222222 !important;
  }
  .inner-entry {
    border-radius: 15px !important;
  }
  hr {
    border: none;
    margin: 10px;
  }
  .avia-arrow {
    display: none;
  }
}

/*** PORTFOLIO KATEGORIE BUTTONS ***/
.with-excerpt-container .grid-entry {
    text-align: left;
}

span.text-sep {
    display: none;
}
div#js_sort_items {
    height: 60px;
    padding: 10px 0px;
}

.alternate_color #js_sort_items a {
    margin-right: 10px;
    color: white;
    border-radius: 20px;
    padding: 5px 20px;
    box-shadow: inset 0 0 7px 0px #86a0be63, 2px 3px 10px 2px #284e759e;
    border-top: 0.2px solid #b8b8b878;
    border-right: 0.2px solid #b8b8b878;
    border-left: 0.2px solid #2a4a6ba1;
    border-bottom: 0.2px solid #2a4a6ba1;
    backdrop-filter: blur(10px);
}

.alternate_color #js_sort_items a.active_sort {
    color: #ffffff !important;
    background: #ffb6a3;
    padding: 5px 20px;
    box-shadow: inset 0 0 10px 2px #50474499;
    border: 0px;
}

span.text-sep{ color: white !important; }
.alternate_color #js_sort_items a:hover{ color: #FFB6A3; }
div#js_sort_items{ background-color: #ffffff00 !important; }

.sort_width_container .all_sort_button {
  display: none !important;
}
span.text-sep.a-top-3_sort_sep,
a.a-top-3_sort_button.active_sort,
a.a-top-3_sort_button,
span.text-sep.audio-branding_sort_sep{
  display: none !important;
}
/** PORTFOLIO GRID AUDIO PLAYER ENDE**/

/*** WHITE BOX PSEUDOELEMENT KOPFHÖRER SEKTION ***/
#whitebox {
  position: relative;
  z-index: 1;
}

#whitebox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% - 30vh);
  width: calc(100% - 15vw);
  border: 3px solid #222222;
  border-radius: 75px;
  z-index: -1;
  pointer-events: none;
  background: #fff !important;
  box-shadow: 2px 2px 60px 0px #0000003d;
}

.headphoneimg {
  transform: scale(1.3);
  bottom: -110px;
}
/*****/

.page-id-2062 .alternate.avia-standard-logo {
    display: none;
}
.inner-container {
    max-width: 1400px;
    margin: 0 auto;
}

/*** BUTTONS ***/
.main_color .avia-color-theme-color-highlight{
  background: #FFB6A3 !important;
  color: white;
  border: 0px;
  border-radius: 10px;
}

.main_color .avia-color-theme-color-subtle {
  background: #C3D6E7 !important;
  color: white;
  border: 0px;
  border-radius: 10px;
}

.avia-button.avia-size-large {
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    min-width: 200px;
}

.avia-button:hover{ border-radius: 10px; }

#top .avia-button:hover .avia_button_background{ opacity: 0.1; }

/****** Wenn & nicht zur Seite passt *******/
.special_amp {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit !important;
}
.comment_meta_container,
.comment_container {
  display: none;
}

.image-overlay { background: transparent !important; }

socket li.avia-button.avia-cookie-consent-button.avia-cookie-consent-button-2.av-extra-cookie-btn.avia-cookie-info-btn {
  border-bottom: 0;
  background: transparent !important;
  font-size: inherit;
  margin: 0;
}
.avia-cookie-consent a.dse {
  color: white;
  text-decoration: underline;
}
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-hide-notification,
.avia-popup .avia-cookie-consent-button.avia-cookie-hide-notification {
  background-color: #fff;
  color: #000 !important;
}

.nf-field-container { margin-bottom: 0 !important; }

/****HEROSECTION*****/
.herosection .specialfont {
  font-size: clamp(50px, 6cqi, 90px) !important;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 25px !important;
}
.herosection{
  h1.av-special-heading-tag {
    font-size: 23px;
    font-weight: 300 !important;
  }
}

.herosectiontwo{
  h1.av-special-heading-tag {
    font-size: 25px !important;
    font-weight: 300 !important;
  }
}
.herosectiontwo .specialfont {
  font-size: 80px !important;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 25px !important;
}

/***SCHRIFTEN***/
.main_color blockquote { border-left: 12px solid #FFB6A3; }
blockquote h2{ font-size: 60px; line-height: 1; }

.av-subheading {
  font-weight: bold;
  color: #222222;
}
.av-subheading.av-subheading_below .specialfont { font-size: 40px; }

.specialfont{
  font-family: 'Times New Roman';
  font-style: italic;
}

h1.av-special-heading-tag,
h2.av-special-heading-tag,
h3.av-special-heading-tag{
  font-size: clamp(2.5rem, 5cqi, 4rem);
}

.av-subheading.av-subheading_below p {
  font-size: 23px !important;
  line-height: normal;
  margin-top: 10px;
}
.avia_textblock.headinglook p {
  font-size: clamp(3rem, 5cqi, 4rem) !important;
  font-family: 'montserrat','helvetica', 'Arial';
  font-weight: bold;
}
.avia_textblock.headinglook.specialfont p {
  font-size: clamp(3rem, 5cqi, 4rem) !important;
  font-family: 'Times New Roman';
  font-weight: bold;
}

.ctaheading .av-special-heading-tag{ font-size: clamp(2rem, 4cqi, 3rem); }

.av_toggle_section h3 {
  font-weight: normal !important;
  font-size: 20px !important;
}

.alternate_color .av-subheading { color: #ffffff; }

#anfrage .av-subheading.av-subheading_below p {
  font-size: 25px !important;
  margin-top: 25px;
  margin-bottom: 25px;
}

#anfrage h3.av-special-heading-tag,
#anfrage .av-subheading.av-subheading_below p {
  text-shadow: 4px 2px 5px #332b2b69;
}

/******/
.avia-section.backgroundsection{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100vw;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*** LOGOFRIEDHOF**/
.fullwidth-logos .avia-content-slider,
.fullwidth-logos .avia-content-slider-inner,
.fullwidth-logos .slide-entry-wrap{
  width: 100% !important;
}

.fullwidth-logos .slide-entry-wrap{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0 5%;
  box-sizing: border-box;
}

.fullwidth-logos .slide-entry{
  width: auto !important;
  flex: 0 0 auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.fullwidth-logos .slide-entry img{
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: 120px;
}

@media only screen and (max-width: 1440px){
  .fullwidth-logos .slide-entry img{
    max-height: clamp(60px, 7vw, 120px);
  }
}

/** ON AIR**/
:root{
  --onair-c: #FFB6A2;
  --onair-g1: rgba(255,182,162,.55);
  --onair-g2: rgba(255,182,162,.35);
  --onair-g3: rgba(255,182,162,.20);
}

.onair-wrap{ overflow: visible !important; }
.onair-svg{ width: 100%; height: auto; display: block; overflow: visible !important; }

.onair-wrap .letter,
.onair-wrap .onairrahmen,
.onair-wrap #onair-knob{
  fill: var(--onair-c) !important;
}

.onair-wrap .letter{
  opacity: .18;
  transition: opacity .15s linear, filter .15s linear;
  will-change: opacity, filter;
}

.onair-wrap .letter.is-on{
  opacity: 1;
  filter:
    drop-shadow(0 0 10px var(--onair-g1))
    drop-shadow(0 0 26px var(--onair-g2))
    drop-shadow(0 0 50px var(--onair-g3));
}

.onair-wrap .onairrahmen,
.onair-wrap #onair-knob{
  filter:
    drop-shadow(0 0 12px var(--onair-g2))
    drop-shadow(0 0 28px var(--onair-g3));
}

#onair-knob{
  transform-box: fill-box;
  transform-origin: center;
}
.onair-svg {
  width: 60%;
  margin: 0 auto;
}

/**MIC OVERLAP**/
.mic-overlap {
  left: -52%;
  bottom: -100px;
}
.benefitstext p { margin-right: 200px; }
.mic-scale img{ transform: scale(2.3); }

/***SOUNDWAVES***/
.benefits-wave{
  position: relative;
  overflow: hidden;
}

.benefits-wave .soundwave-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.benefits-wave .soundwave-bg svg{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  opacity: 0.35;
}

.benefits-wave .soundwave-bg .bar{
  stroke: #D8E5F6;
  stroke-width: 3;
  stroke-linecap: round;
  opacity: 1;
}
div#hoerprobenhellewaves .benefits-wave .soundwave-bg .bar{
  stroke: #5A81AB !important;
}
div#hoerprobendunklewaves .soundwave-bg .bar {
  stroke: #2D4F6E !important;
}

.benefits-wave .container,
.benefits-wave .flex_column,
.benefits-wave .flex_cell,
.benefits-wave .flex_cell_inner,
.benefits-wave .avia_textblock,
.benefits-wave .avia-image-container{
  position: relative;
  z-index: 2;
}

/****/
.roundimage img { border-radius: 15px !important; }

/***TEXTSCROLLEFFEKT***/
.scroll-dark .char{
  display: inline-block;
  color: #8994A0;
  will-change: color, opacity;
}

/**** DREI STEPS BENEFITS***/
.dreisteps ol{
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: step;
}

.dreisteps ol li{
  position: relative;
  padding-left: 95px;
  margin-bottom: 40px;
  counter-increment: step;
  line-height: 1.5;
}
.dreisteps p { margin-top: 0px !important; }
.dreisteps h3 { font-size: 25px; }

.dreisteps ol li::before{
  content: counter(step) ".";
  position: absolute;
  left: 0;
  top: 4px;
  color: #FFB5A3;
  font-size: 65px;
  font-family: "montserrat", sans-serif;
  line-height: 0.6;
  font-weight: bold;
}

.dreisteps ol li strong{
  display: block;
  line-height: 1.15;
  margin: 3px 0 3px 0;
}

.dreisteps ol li br{ display: none; }
.dreisteps ol li{ line-height: 1; }

.zitat p { font-size: 230px; }

section.avia-team-member.av-mlky79vq-70337e06aef772365046e528c0963a1f.avia-builder-el-66.el_before_av_hr.avia-builder-el-first {
    margin-left: 80px;
    margin-right: 80px;
}

/***REZENSION**/
.team-member-description {
  line-height: normal !important;
  font-weight: bold !important;
}

/****NINJAFORMS***/
nf-field .namefield, nf-field .mailfield {
  width: 49.6% !important;
  display: inline-block;
}
.ninjaelement { font-size: 15px; }
.ninjaelement .label-above .nf-field-label { margin-bottom: 5px; }
.ninjaelement label, .ninjaelement .nf-field-label .nf-label-span { font-weight: 400 !important; }
.ninjaelement .nf-field-label .nf-label-span { font-weight: 600 !important; }
.ninjaelement .nf-element {
  margin-bottom: 5px !important;
  border-radius: 19px !important;
}

.label-above .nf-field-label { margin-bottom: 0px; }
.ninjaelement .list-radio-wrap .nf-field-element li { margin-bottom: 0px !important; }
.ninjaelement .list-radio-wrap .nf-field-element li input { margin-top: 6px; }

div#nf-description-11 p {
  font-size: 10px !important;
  line-height: normal;
}
.nf-error-msg.nf-error-field-errors,
.nf-error-msg.nf-error-required-error,
.nf-form-fields-required,
.nf-error-msg {
  font-size: 11px;
  line-height: normal;
}

#nf-field-11-wrap {
  display: flex;
  flex-direction: column;
}
#nf-field-11-wrap .nf-field-label {
  display: flex;
  align-items: center;
  gap: 10px;
}
#nf-field-11-wrap .nf-field-label label {
  display: flex;
  align-items: center;
  gap: 10px;
}
#nf-field-11-wrap .nf-field-element {
  position: absolute;
  left: 0;
}
.nf-field-container .checkbox-wrap .nf-field-label label { margin-left: 10px !important; }
div#nf-description-11.nf-field-description { margin-bottom: 10px; }

/***WIDGET FOOTER ***/
div#footer p, div#footer a { font-size: 15px !important; }
#footer .widget{ margin: 0px !important; }
#footer .widget img{ margin-top: 20px; }

/****** UNTERSEITEN *********/
/*** LEISTUNGENLISTE***/
.leistungenlist {
  .avia-icon-list .iconlist_icon {
    font-size: 70px;
    margin-right: 50px;
  }
  .avia-icon-list li:last-child { border-bottom: none; }
  .iconlist_content p { margin: 0px; }
  .avia-icon-list li {
    padding: 20px 0 20px 0;
    border-bottom: 2px solid #e1e1e1;
  }
}

.iconlistsimple {
  .avia-icon-list .iconlist_icon {
    font-size: 60px;
    margin-right: 30px;
  }
  .iconlist_content p { margin: 0px; }
}

/***EINSATZBEREICHE HIGHLIGHT GRID ***/
.einsatzbereiche-grid .flex_column {
  transition:
    box-shadow 0.7s cubic-bezier(0.23, 1, 0.32, 1),
    transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: transform, box-shadow;
}
/*** BEISPIELVIDEOS ***/

#beispielvideos iframe {
    margin-top: 15px !important;
}

/**** HERO UNTERSEITEN ***/
.werbung-hero .big-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  padding-right: 40px;
  user-select: none;
}

.werbung-hero .big-text-wrap span {
  display: block;
  font-size: clamp(32px, 5vw, 72px);
  font-weight: 800;
  letter-spacing: 0.04em;
  color: rgba(195, 214, 231, 0.9);
  line-height: 1.1;
  transition: color 0.5s ease;
  text-align: right;
}

.werbung-hero .big-text-wrap span.lit { color: #FFB6A3; }

/***BLOG HERO ***/
#blog-hero {
    padding: 0 !important;
    overflow: hidden !important;
    margin: 30px max(30px, calc((100vw - 1500px) / 2 + 50px)) !important;
    border-radius: 15px !important;
    width: auto !important;
}

#blog-hero .av-parallax {
    display: block !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

#blog-hero .av-section-color-overlay-wrap {
    border-radius: 15px !important;
    overflow: hidden !important;
}

/***BLOG***/
a.more-link {
    background-color: #3B6994 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 8px 25px !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    transition: opacity 0.2s ease !important;
    width: auto !important;
	font-size: 16px;
}

a.more-link:hover {
    opacity: 0.85 !important;
    color: #ffffff !important;
}
.html_modern-blog .more-link {
    margin: 20px 0 10px 0;
}
/*** SERVICEÜBERSICHT ***/
#serviceubersicht .flex_column {
  transition: background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: background-color;
  border-radius: 8px;
}

#serviceubersicht .flex_column.service-active {
  background-color: #3D6993 !important;
}

#serviceubersicht .flex_column.service-active p,
#serviceubersicht .flex_column.service-active h2,
#serviceubersicht .flex_column.service-active .av-special-heading-tag,
#serviceubersicht .flex_column.service-active .av-icon-char,
#serviceubersicht .flex_column.service-active a {
  color: #ffffff !important;
}

#serviceubersicht .flex_column.service-active .special-heading-inner-border {
  background-color: #ffffff !important;
}


/*************************RESPONSIVE START******************************/
@media only screen and (max-width: 479px){
  .dreisteps { display: none; }
}

@media only screen and (min-width: 768px) {
  .nf-field-container .checkbox-wrap .nf-field-label label:before,
  .nf-field-container .checkbox-wrap .nf-field-label label:after {
    left: -30px !important;
  }
}

@media only screen and (max-width: 767px) {
  div.herosecondcolumn { min-height: 600px; }

  .herosection .responsive #top #wrap_all .flex_cell.av-mmaf2jow-8794f77fc7cb5a098b6bf3b5db66a40d {
    padding: 0px;
  }

  .herosection {
    .responsive #top #wrap_all .flex_cell.av-mmaf2jow-8794f77fc7cb5a098b6bf3b5db66a40d {
      padding: 0px;
    }
    .specialfont {
      font-size: clamp(50px, 6cqi, 90px) !important;
    }
  }

  h3.av-masonry-entry-title.entry-title{
    font-size: 21px !important;
    word-break: break-word;
    hyphens: auto;
    left: 15px;
    right: 15px;
  }

  /*** MASONRY SERVICES ***/
  #services #av-masonry-2-item-2642 {
    width: 100% !important;
    height: 190px !important;
    left: 0 !important;
  }

  #services #av-masonry-2-item-2642 .av-inner-masonry,
  #services #av-masonry-2-item-2642 .av-inner-masonry main,
  #services #av-masonry-2-item-2642 .av-inner-masonry-content,
  #services #av-masonry-2-item-2642 .av-masonry-image-container,
  #services #av-masonry-2-item-2642 figure {
    height: 100% !important;
  }

  #services #av-masonry-2-item-2642 .av-masonry-image-container {
    background-size: cover !important;
    background-position: center center !important;
  }
  #services #av-masonry-2-item-2642 { margin-bottom: 15px !important; }

  h3.av-masonry-entry-title.entry-title { font-size: 1rem !important; }

  div#js_sort_items { height: auto; }
  .alternate_color #js_sort_items a { margin-bottom: 10px !important; }

  div#av-sc-portfolio-1 { width: 92vw; }

  a.audio-branding_sort_button,
  a.podcasts_sort_button,
  a.telefonie_sort_button,
  a.unternehmenskommunikation_sort_button,
  a.werbung_sort_button{
    width: 94%;
    text-align: center;
  }

  .audioportfolio {
    .grid-entry {
      padding-left: 0;
      padding-right: 7.5%;
    }
  }

  .audioportfolio.audioportfolio-grid{ height: auto !important; }

  .audioportfolio.audioportfolio-grid .grid-entry{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    clear: both !important;
  }

  .audioportfolio.audioportfolio-grid .grid-entry.av_one_third,
  .audioportfolio.audioportfolio-grid .grid-entry.av_one_half,
  .audioportfolio.audioportfolio-grid .grid-entry.av_one_fourth{
    width: 100% !important;
    margin-left: 0 !important;
  }

  .audioportfolio.audioportfolio-grid .isotope-item{ transform: none !important; }

  blockquote h2 span { font-size: 30px !important; }

  .responsive .biglineheight {
    .avia_textblock { line-height: 2.5em; }
    .flex_cell { padding: 0px; }
  }

  .responsive #whitebox .flex_column:first-child {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .responsive #whitebox::after { width: 90%; }

  .js_active .av-elegant-toggle .toggler { padding: 10px 60px 10px 10px; }

  .av_toggle_section h3, .toggle_content p{ font-size: 18px !important; }
  .av-elegant-toggle .toggle_content{ padding: 10px; }

  #top .iconbox.av-no-box .iconbox_icon{ font-size: 90px; }

  div#anfrage {
    background-image: url(/wp-content/uploads/2026/03/fotografee-svenweikam-9061-extended-ohnefenster-mobil-color-e1775567796262.jpg);
  }
	
	/*** SERVICES***/
  .werbung-hero .big-text-wrap {
    align-items: center !important;
    flex-direction: row !important;
    gap: 2vw !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .werbung-hero .big-text-wrap span {
    text-align: center !important;
    flex: 1 !important;
    font-size: 7.5vw !important;
  }
	.leistungenlist .avia-icon-list .iconlist_icon {
  font-size: 45px !important;
  margin-right: 20px !important;
}

.leistungenlist .av_iconlist_title {
  font-size: 18px !important;
}

.leistungenlist .iconlist_content p {
  font-size: 14px !important;
}
	.leistungenlist .avia-icon-list li {
  display: flex !important;
  align-items: flex-start !important;
}

.leistungenlist .avia-icon-list .iconlist_icon {
  font-size: 40px !important;
  margin-right: 16px !important;
  flex-shrink: 0 !important;
  min-width: 50px !important;
}

.leistungenlist .av_iconlist_title {
  font-size: 16px !important;
  white-space: normal !important;
  hyphens: auto !important;
  word-break: break-word !important;
  margin-bottom: 4px !important;
}

.leistungenlist .iconlist_content p {
  font-size: 14px !important;
  line-height: 1.3 !important;
}
}

/*** EINSATZBEREICHE GRID – nur zwischen 768px und 990px ***/
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .einsatzbereiche-grid .flex_column_table:last-of-type {
    display: grid !important;
    grid-template-columns: 1.2fr 2fr !important;
    gap: 1% !important;
    float: none !important;
    width: 100% !important;
    table-layout: unset !important;
    padding-top: 8px !important;
  }

  .einsatzbereiche-grid .flex_column_table:last-of-type .flex_column_table_cell {
    display: contents !important;
  }

  .einsatzbereiche-grid .flex_column_table:last-of-type .av-flex-placeholder {
    display: none !important;
  }

  .einsatzbereiche-grid .flex_column_table:last-of-type .flex_column {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
    min-width: 0 !important;
  }

  .einsatzbereiche-grid .flex_column_table:last-of-type .flex_column:last-child {
    grid-column: 1 / -1 !important;
  }
}

@media only screen and (max-width: 1360px){
  #whitebox .flex_column:first-child { padding-top: 3vh; }
}

@media only screen and (max-width: 1720px){
  #whitebox .flex_column:first-child { padding-left: 8vw; }
}

@media only screen and (min-width: 768px) and (max-width: 2000px) {
  #whitebox h2.av-special-heading-tag{ font-size: 45px !important; }
  #whitebox h3.av-special-heading-tag{ font-size: 35px !important; }
  .headphoneimg {
    transform: scale(1.2);
    bottom: -110px;
  }
}