/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* figtree-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: 'Figtree';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/figtree-v6-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-300italic - 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: 'Figtree';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/figtree-v6-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-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: 'Figtree';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/figtree-v6-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-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: 'Figtree';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/figtree-v6-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-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: 'Figtree';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/figtree-v6-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-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: 'Figtree';
    font-style: italic;
    font-weight: 500;
    src: url('/fonts/figtree-v6-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-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: 'Figtree';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/figtree-v6-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-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: 'Figtree';
    font-style: italic;
    font-weight: 600;
    src: url('/fonts/figtree-v6-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-700 - 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: 'Figtree';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/figtree-v6-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-700italic - 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: 'Figtree';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/figtree-v6-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-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: 'Figtree';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/figtree-v6-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-800italic - 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: 'Figtree';
    font-style: italic;
    font-weight: 800;
    src: url('/fonts/figtree-v6-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-900 - 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: 'Figtree';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/figtree-v6-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* figtree-900italic - 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: 'Figtree';
    font-style: italic;
    font-weight: 900;
    src: url('/fonts/figtree-v6-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  
body, p, h1, h2, h3, h4, h5, h6, a, li, table{font-family: 'Figtree' !important;}

.elementor-widget-text-editor p, .elementor-widget-text-editor a, .elementor-widget-text-editor li, p.elementor-icon-box-title, label, table tr td,.borlabs-cookie-open-dialog-preferences a{font-size:18px !important; line-height:22px !important; font-weight: 300 !important;}
h2, h1{font-size:36px !important; line-height:42px !important;font-weight:300 !important;margin:0px !important;text-transform: uppercase;}
h3{font-size:34px !important; line-height:40px !important;font-weight:300 !important;margin:0px !important;text-transform: uppercase;}
h4{font-size:30px !important; line-height:36px !important;font-weight:300 !important;margin:0px !important;}
h5{font-size:22px !important; line-height:26px !important;font-weight:300 !important;margin:0px !important;text-transform: uppercase;}

a{transition-duration: 0.5s;}

.rechtliches p{padding-bottom:0;margin-bottom:0;}

.elementor-nav-menu ul li a{font-size:18px !important; line-height:22px !important; font-weight: 300 !important;}

.elementor-icon-box-icon{margin-top:6px;}

.wpcf7-submit{background-color:#FFBD32;color:#555555;border:2px solid #FFBD32;border-radius:20px;}

.wpcf7-submit:hover{background-color:#ffffff;color:#FFBD32;border:2px solid #FFBD32;}

.list.yellow ul{list-style:none;padding-left:30px;}

.list.yellow ul li{margin-bottom:10px;}

.list.yellow ul li::before{content:""; width:10px; height:10px; display:block; background-color:#FFBD32;border-radius:50%;position:absolute;margin-top:8px;left:0px;}

input{width:100%;margin-top:5px;border:1px solid #555555;}
label{color:#555555;width:100%;}

.wpcf7-list-item {display: inline-block;margin:0;}

.wpcf7-form-control-wrap .wpcf7-checkbox{display:none;}

.datenschutz-wrapper {display: flex;align-items: flex-start;gap: 20px;}

table tr td{border:0;background-color:transparent !important;padding:0;margin:0;}

.datenschutz-indikator {
  width: 50px !important;
  height: 50px;
	min-width:50px;
  border: 2px solid #FFBD33;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
}

.datenschutz-indikator .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  background-color: #FFBD33;
  transform: translate(-50%, -50%) scale(0) rotate(0deg);
  transform-origin: center;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

.datenschutz-indikator .bar.second {
  transform: translate(-50%, -50%) scale(0) rotate(0deg);
}

.datenschutz-indikator.active .bar {
  transform: translate(-50%, -50%) scale(1) rotate(45deg);
  opacity: 1;
}

.datenschutz-indikator.active .bar.second {
  transform: translate(-50%, -50%) scale(1) rotate(-45deg);
}


.menua{background-color:rgba(255,255,255,0.7);padding:70px 50px 50px;}

.menua ul li a{color:#555555;padding-bottom:5px !important;transition-duration:0.5s;font-size:20px;line-height:34px;}

.menua ul li a:hover{color:#FFBD33;}

.menua ul{margin:0;padding:0;list-style:none; text-align:center;}

.burger-button {
  width: 40px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 1001;
  position: relative;
}

.burger-button .bar {
  height: 4px;
  width: 100%;
  background-color: #FFBD33;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.burger-button.open .bar:nth-child(1) {
  transform: translateY(12.5px) rotate(45deg);
}
.burger-button.open .bar:nth-child(2) {
  opacity: 0;
}
.burger-button.open .bar:nth-child(3) {
  transform: translateY(-12.5px) rotate(-45deg);
}

/* Menü Animation */
.menua {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.menua.open {
  max-height: 600px;
  opacity: 1;
  margin-top: -20px;
}

h1 span.untertitel,h2 span.untertitel{font-size:28px !important;line-height:28px;}

@media (max-width: 520px) {
  h2, h1{font-size:26px !important; line-height:32px !important;}
  h3{font-size:20px !important; line-height:22px !important;}
  h4{font-size:18px !important; line-height:22px !important;}
  h5{font-size:16px !important; line-height:20px !important;}
  h1 span.untertitel,h2 span.untertitel{font-size:20px !important;line-height:20px;}
  .menua {padding: 70px 20px 20px !important;margin-top: -10px !important;}
  .menua ul li a {font-size: 16px !important;line-height: 24px !important;}
  .elementor-widget-text-editor p, .elementor-widget-text-editor a, .elementor-widget-text-editor li, p.elementor-icon-box-title, label, table tr td,.borlabs-cookie-open-dialog-preferences a{font-size:14px !important; line-height:18px !important; font-weight: 300 !important;}
  .list.yellow ul li::before{width:8px !important; height:8px !important;margin-top:5px !important;left:0px !important;}
  .list.yellow ul {padding-left: 20px !important;}
}