/*
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
Author URI: http://www.kriesi.at
Template: enfold
*/

body {
    font-family: inter, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inter, Arial, sans-serif;
}

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/inter-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/inter-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



p {
 font-size:1.15rem;
  line-height:1.7rem;  
}

h6 { 
    font-size: 1.25rem;
    line-height:140%;  
    letter-spacing: -0.6%;
}

h5 { 
    font-size: 1.5625rem; 
    line-height:130%;  
}
   
h4 { 
    font-size: 1.95rem;
    line-height:130%;  
}
   
h3 { 
    font-size: 2.325rem;
    letter-spacing: -1.5%;
    line-height:120%;  
}   
h2 { 
    font-size: 2.905rem;
    line-height:110%;  
}   
h1 { 
    font-size: 3.63rem;
    letter-spacing: -2%;
    line-height:100%;  
}

.main_menu ul:first-child>li>a {
font-size: 21px;
}



/* =========================================
   Numberbox – Basis
========================================= */

.Numberbox {
  width: 100%;
  max-width: 600px;
  margin: 0;
  padding: 0;
}

/* =========================================
   FARBVARIANTEN
========================================= */

/* Weiß */
.Numberbox-white {
  color: #fff;
}

/* Schwarz */
.Numberbox-black {
  color: #000;
}


/* =========================================
   Nummer
========================================= */

.Numberbox__number {
  display: block;
  margin: 0;
  padding: 0;

  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 102px;
  font-weight: 200;
  line-height: 0.82;
  letter-spacing: -0.02em;

  color: inherit;
}


/* =========================================
   Headline
========================================= */

.Numberbox__headline {
  margin: 17px 0 0 0 !important;
  padding: 0 !important;

  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 29px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em;

  color: inherit !important;
}


/* =========================================
   Text / Claim
========================================= */

.Numberbox__claim {
  margin: 18px 0 0 0;
  padding: 0;

  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.02em;

  color: inherit;
}

.Numberbox__claim em {
  font-style: normal;
  color: inherit;
}


/* =========================================
   Mobile
========================================= */

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

  .Numberbox__number {
    font-size: 82px;
  }

  .Numberbox__headline {
    margin-top: 14px !important;
    font-size: 24px !important;
  }

  .Numberbox__claim {
    margin-top: 14px;
    font-size: 17px;
  }

}

<script>
document.addEventListener("DOMContentLoaded", function() {
  const video = document.querySelector(".av-section-video-bg video");

  if(video){
    video.removeAttribute("loop");

    video.addEventListener("ended", function() {
      video.pause();
      video.currentTime = video.duration;
    });
  }
});
</script>

.avia-layerslider,
.ls-wp-container {
    width: 100% !important;
    max-width: 100% !important;
}

 
/* Responsive Footer-Spalten breitenmäßig anpassen */
@media only screen and (min-width: 768px) {
    /* Erste Spalte breiter machen */
    #footer .flex_column.av_one_fourth:nth-child(1) {
        width: 38%;
        margin-right: 4%;
    }
    
    /* Die restlichen 3 Menüspalten schmaler aufteilen */
    #footer .flex_column.av_one_fourth:nth-child(2),
    #footer .flex_column.av_one_fourth:nth-child(3) {
        width: 15%;
        margin-right: 4%;
        margin-top: 5%
    }
    
    /* Letzte Spalte ohne rechten Abstand */
    #footer .flex_column.av_one_fourth:nth-child(4) {
        width: 15%;
        margin-right: 0;
    }
}

/* Schriftgröße und Zeilenabstand in den Footer-Menüs anpassen */
#footer .widget_nav_menu ul li {
    padding: 2px 0 !important;   /* Verringert den Zeilenabstand (Standard ist meist 9-10px) */
    line-height: 1.3 !important; /* Macht den Text im Block kompakter */
}

#footer .widget_nav_menu a {
    font-size: 17px !important;  /* Schriftgröße anpassen (Standard erhöhen/verändern) */
}






/* video header Überschrift*/
.wunsch-block {
  width: 100%;
  text-align: center;
  padding: 200px 20px;
  box-sizing: border-box;
}

.wunsch-block h1 {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-size: 60px;
  line-height: 1.2;
  color: #ffffff;
  text-shadow: 4px 6px 12px rgba(0, 0, 0, 0.55);
}

.wunsch-block h1 img {
  width: 200px;
  height: 200px;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(2px 3px 5px rgba(0, 0, 0, 0.55));
}

@media (max-width: 768px) {
  .wunsch-block {
    padding: 180px 15px;
  }

  .wunsch-block h1 {
    font-size: 30px;
    gap: 15px;
  }

  .wunsch-block h1 img {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 480px) {
  .wunsch-block {
    padding: 120px 10px;
  }

  .wunsch-block h1 {
    font-size: 22px;
    gap: 10px;
  }

  .wunsch-block h1 img {
    width: 60px;
    height: 60px;
  }
}