/*
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
*/

section.avia-team-member {
    min-height: 300px !important;
}
.main_color .avia-icon-list .iconlist-timeline {
    border-color: transparent !important;
}
.mejs-overlay-button {
    display: none;
}

#top .custom-color-heading a {
    text-decoration: none;
}
section#text-4 p {
    font-size: 17px;
    text-transform: uppercase;
    line-height: 19px;
}
#buerohund .team-social {
    background: url(https://energy-proof.de/wp-content/uploads/2026/02/e-proof-Dienstleister-fuer-Energieversorger-und-Netzbetreiber-Essen-Buerohund-Uniform.jpg) !important;
	background-size: cover !important;
	border: 0 !important;
}
#buerohund .team-social-inner {
    display: none !important;
}
#logos img {
    max-width: 200px;
}
th {
    text-transform: none;
}
.glass-box {
  margin-top: -180px;   /* zieht den Kasten nach oben */
  margin-left: auto;    /* schiebt ihn nach rechts */
  width: 520px;
  position: relative;
  z-index: 10;
}
#leistungsumfang span.iconlist-char {
    font-size: 26px;
}
#leistungsumfang .av_iconlist_title.iconlist_title_small {
    margin-bottom: 20px;
}
.nf-form-fields-required {
    display: none;
}
input.ninja-forms-field.nf-element {
    border-radius: 50px;
    padding: 3% 11%;
}
.avia-icon-list .iconlist_title {
    margin-bottom: 11px !important;
}
span.avia_iconbox_title {
    font-size: 16px;
}
#bigbutton span.avia_iconbox_title {
    font-size: 30px;
}
.hero_section_txt h1 {
	text-transform: uppercase !important;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0 !important;
}
.avia-animated-number-title {
    letter-spacing: -1px;
    font-weight: bold;
}
#top #wrap_all #footer .avia-button:hover {
    background-color: #616260 !important;
    border-color: #616260 !important;
}
#footer .widgettitle {
    letter-spacing: 0;
    font-size: 18px;
}
.head_dienst {
    transform: rotate(-90deg);
    left: -40%;
    bottom: 33%;
    position: absolute;
}
.head_dienst h3 {
font-size: 34px;
}
.headline-quinn h1,
.headline-quinn h2,
.headline-quinn h3,
.headline-quinn h4 { 
  font-family: "quinn-semibold", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em;
  line-height: 0.9;
  text-transform: lowercase;
}

.eproofed_siegel {
    margin-bottom: -164px !important;
    right: -290px;
}
.eproofed_siegel img {
    max-width: 180px;
}
section#media_image-2 {
    max-width: 200px;
}
table.clean_table,
table.clean_table tr,
table.clean_table td {
	background: none !important;
	border: none !important;
	background-color: transparent !important;
	font-size: 18px !important;
}
.iconbox .iconbox_content .iconbox_content_title {
    letter-spacing: 0;
    font-size: 18px;
}
.glass_effect {
	backdrop-filter: blur(10px) grayscale(0%);
	background: rgba(0, 79, 128, 0.5); 
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.37);
}
.switch_headline h2,
span.subhe {
    font-family: arial;
    text-transform: none !important;
}
span.subhe {
	font-size: 18px;
}
.switch_headline p {
    font-family: 'transfonter.org-20260326-120905', Helvetica, Arial, sans-serif;
    text-transform: Uppercase !important;
}
/*
div#header_main {
    backdrop-filter: blur(10px) grayscale(0%);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.37);
}*/
div#hero_section_slider .slideshow_inner_caption {
    backdrop-filter: blur(10px) grayscale(0%);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.37);
    max-width: 50%;
    text-align: left;
    padding: 40px;
    border-radius: 40px;
}
span.logo.avia-svg-logo {
    padding: 10px;
}
body div .avia-button {
    border-radius: 30px;
}
.iconlist_content p {
    margin-top: 0;
}
.blue_color {
	color: #004F80;
}
.green_color {
	color: #B4CC16;
}
  /* MARKER CSS */
.marker{
  display: inline-block;          /* wichtig, damit die Linie nur unter dem Text läuft */
  position: relative;
  line-height: 1.1;
}
.marker::after{
  content:"";
  position:absolute;
  left:-0.05em;
  right:-0.15em;                  /* kleine Überlänge wirkt natürlicher */
  bottom:-0.18em;                 /* Abstand unter der Schrift */
  height:0.45em;                  /* “Filzstift”-Breite */
  border-radius: 999px;
  transform: rotate(-1.2deg);     /* leicht schief = handgemacht */
  z-index:-1;                     /* hinter dem Text */
  filter: saturate(1.1);
}
.marker::after{
  background: rgba(180, 204, 22, 0.85);
}
.marker.green::after{
  background: rgba(180, 204, 22, 0.85);
}
.marker.blue::after{
  background: rgba(0, 79, 128, 0.85);
}

  /* MARKER ERWEITERUNG UM SCROLLEFFEKT */

.marker{
  display: inline-block;
  position: relative;
  line-height: 1.1;

  --mark: 1; /* Standard: Linie sichtbar */
  --marker-color: rgba(180, 204, 22, 1); /* Default-Farbe */
}

.marker::after{
  content:"";
  position:absolute;
  left:-0.05em;
  right:-0.15em;
  bottom:-0.18em;
  height:0.45em;

  background: var(--marker-color);
  border-radius: 999px;

  transform: rotate(-1.2deg) scaleX(var(--mark));
  transform-origin: left center;
  z-index:-1;

  transition: transform 180ms ease-out;
}

/* Nur die animierten sollen bei 0 starten */
.marker-scroll{ --mark: 0; }

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .marker::after{ transition: none; }
}

/* Einmal-Animation (Hero) */
/* Hero: einmal zeichnen – mit Verzögerung */
.marker-once{
  --marker-delay: 1s; /* <-- hier Standard-Delay */
  --marker-dur: 0.9s;    /* <-- hier Standard-Dauer */
}

.marker-once::after{
  /* startet unsichtbar */
  transform: rotate(-1.2deg) scaleX(0);
  transform-origin: left center;

  /* einmal zeichnen, NACH dem Delay */
  animation: markerDraw var(--marker-dur) ease-out forwards;
  animation-delay: var(--marker-delay);

  /* optional: verhindert, dass Transition reinfunkt */
  transition: none;
}

@keyframes markerDraw{
  from { transform: rotate(-1.2deg) scaleX(0); }
  to   { transform: rotate(-1.2deg) scaleX(1); }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .marker-once::after{
    animation: none;
    transform: rotate(-1.2deg) scaleX(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;
}

/*************************RESPONSIVE START******************************/
@media only screen and (min-width: 768px) {
.nf-field-container .checkbox-wrap .nf-field-label label {
margin-left: 30px !important;
}
.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 (min-width: 989px) and (max-width: 1153px) {
  .hero_section_txt h1 {
    font-size: 32px !important;
  }
}
@media only screen and (max-width: 1270px) {
.head_dienst h3 {
font-size: 30px;
}
}
@media only screen and (max-width: 1120px) {
.head_dienst h3 {
font-size: 25px;
}
}
@media only screen and (max-width: 1020px) {
.head_dienst h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 989px) {
#buerohund .team-social {
    background: none !important;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
        margin-bottom: 50px !important;
}
.responsive #top #wrap_all .slide-entry.post-entry-last {
        margin-bottom: 0px !important;
}
.avia-testimonial-wrapper {
    min-height: 350px;
}
div#hero_section {
    background-position: 80% 50% !important;
}
div#hero_section.linkss {
    background-position: 60% 50% !important;
}
div#ihre_marktraum .template-page.content.av-content-full.alpha.units,
div#kundenstimmen .template-page.content.av-content-full.alpha.units {
    padding-bottom: 0px;
}
.avia-animated-number {
    text-align: left;
    margin-left: 25%;
}
.head_dienst h3 {
font-size: 40px;
}
.hero_section_txt h1 {
    font-size: 32px !important;
}
div#haken_vorteile h3 {
font-size: clamp(16px, 2cqi, 22px);
}
div#logos .flex_column {
    width: 30.3% !important;
    float: left;
}
#logos img {
    max-width: 100%;
}
}
@media only screen and (max-width: 590px) {
.hero_section_txt h1 {
    font-size: 24px !important;
}
}
@media only screen and (max-width: 480px) {
.hero_section_txt h1 {
    font-size: 20px !important;
}
.hero_section_txt {
    padding: 40px 15px !important;
}
.responsive #top .logo {
        width: 60%;
}
.responsive #top #wrap_all .container {
        width: 90%;
        max-width: 90%;
}
}
@media only screen and (max-width: 440px) {
.head_dienst h3 {
	font-size: 34px !important;
}
}