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

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

  body, div, p, .elementor-heading-title, h1, h2, h3, h4, h5, h6, input, li, a{font-family: 'Inter' !important;}

  p,h1,h2,h3,h4,h5,h6{margin:0 !important;padding:0 !important;}

  p, ul{margin: 0 0 15px 0 !important;}
  ul li, ol li{margin: 0 0 5px 0 !important;}

  p, a, li{font-size: 20px; line-height:26px;}

  h1{font-size:65px !important; line-height:67px !important; font-weight:600;margin: 0 0 15px 0 !important;}
  h2{font-size:40px !important; line-height:46px !important; font-weight:600;margin: 0 0 25px 0 !important;}
  h3{font-size:26px !important; line-height:30px !important; font-weight:600;margin: 0 0 15px 0 !important;}
  h4{font-size:24px !important; line-height:28px !important; font-weight:600;}
  h5{font-size: 17px !important; line-height: 21px !important; font-weight: 500;}
  h6{font-size: 17px !important; font-weight: 500; line-height: 21px !important; color:#9A0000;margin: 0 0 10px 0 !important;}
  
  ul{padding-left:17px !important;}
  ol{padding-left:22px !important;padding-bottom:10px !important;}
  .elementor-nav-menu--main ul{padding-left:0px !important;}
  ul.elementor-nav-menu--dropdown a{border-inline-start-width: 0px !important;}
  .elementor-nav-menu--dropdown{padding-top:10px !important;}
  ul.elementor-nav-menu{padding:0px !important; margin:0px !important;}

  .elementor-24 .elementor-element.elementor-element-dc1e0a::before, .elementor-24 .elementor-element.elementor-element-dc1e0a > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-dc1e0a > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-dc1e0a > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-dc1e0a > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-dc1e0a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {background-image: radial-gradient(at 200px 0px, #FFF 0%, #0000 49%);
  }
  
  #elementor-popup-modal-340{position:absolute;}
  
  #elementor-popup-modal-340 .dialog-widget-content{margin-top:320px !important}
  
  #elementor-popup-modal-340 .dialog-widget-content p, #elementor-popup-modal-340 .dialog-widget-content a{font-size:18px !important; line-height:22px !important;}
  
  #elementor-popup-modal-340 .dialog-widget-content p strong{font-size:20px !important; line-height:20px !important; font-weight:600;}
  
  input{outline: 0px !important;}
  
  
  input, textarea, select{font-size: 18px !important;}
  
  .elementor-nav-menu--dropdown a{white-space: normal !important; max-width:300px !important;}
  
  input::placeholder, textarea::placeholder{color:#000000;font-weight:400;}
  
  .dialog-message p{padding: 0px !important; margin:0px !important;}
  
  .erinnerung textarea{height:100px;}
  
  .e-con::before {max-width:300px;}
  strong, b{font-weight:600 !important;}
  
  .pf::after{content:"PFLICHTFELD";position:absolute; font-size:10px !important;line-height:60px;padding-right:20px;}
  
  .Datenschutz .wpcf7-list-item-label{color:#000000;}
  
  .wpcf7-list-item, .wpcf7-checkbox, p.wpcf7-form-control-wrap, .Datenschutz p{line-height:0px !important;}
  
  input::file-selector-button {
  padding: 20px 50px !important;
    background-color: #9A0000;
    border: 0px !important;
    font-size: 15px !important;
    line-height: 15px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    color:#ffffff;
    border-radius:3px;
    transition-duration:0.3s;
  }
  
  input::file-selector-button:hover {
    background-color: #750f0f;
  }
  
  .wpcf7-file::after{content:"Dateiupload";}
  
  
  .pf{display:flex;justify-content:flex-end;}
  .pf p{width:100%;}
  .ds tr{display: flex;align-items: center;}

  .Datenschutz{width:100%;}
  .Datenschutz .wpcf7-list-item.first{padding-left:10px;}
  
  .mmenu ul, .mmenu ul a, .mmenu a{font-size: 16px !important;padding-left:0px !important;margin:0px !important;font-weight:600;}
  
  .mmenu ul li{list-style-type:none !important;padding-left:20px !important;margin:0px !important;}
  
  .mmenu ul li a{font-weight:400 !important;}
   
  .mmenu a:hover, .mmenu a:active{background-color: transparent !important; color:#9A0000 !important;;}



/* KONTAKT */

.kontakt input.wpcf7-form-control.wpcf7-date, .kontakt input.wpcf7-form-control.wpcf7-number, .kontakt input.wpcf7-form-control.wpcf7-quiz, .kontakt input.wpcf7-form-control.wpcf7-text, .kontakt select.wpcf7-form-control.wpcf7-select, .kontakt textarea.wpcf7-form-control.wpcf7-textarea {font-size: 18px !important;}
.kontakt p{font-size: 18px !important;line-height: 24px !important;}
form.wpcf7-form table.kontakt tr td.w50{width:50%; margin-left:10px;}
form.wpcf7-form table.kontakt tr td{padding:10px 5px !important;}
form.wpcf7-form table.kontakt tr td.np{padding:10px 0px !important;}
table.kontakt tr td{border:0px; background-color:#ffffff !important;margin-left:10px !important;}
.kontakt .hinweis p{font-size:16px !important;line-height:22px;}
form.wpcf7-form table tr td{text-align: left;font-size:18px;line-height:24px;}
.kontakt .wpcf7-list-item{display:none;}
.kontakt .wpcf7-checkbox::before{ height:40px; width:40px; border: 2px solid #DAAA00; border-radius:30px; display:block; content: ""; padding:5px;color:#29BFB5;}
.kontakt .wpcf7-checkbox.selected::before{content: '\f00c';font-family: FontAwesome !important;line-height: 40px;font-size: 40px;color: #DAAA00;}
.kontakt .lefttd{width:3%;}
.kontakt .righttd{width:72%;}
.kontakt .sendtd{width:25%;text-align:right;}
.wpcf7-spinner{display:none;}
.kontakt td{vertical-align: middle;}
.kontakt p{margin:0px !important;}
.kontakt td{padding:10px 0px !important;}
.righttd p{color:#000000;}
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea{color:#000000 !important;border-radius: 5px; background-color:rgba(162,169,173,0.15); border:0px;}
.kontakt input::placeholder, .kontakt textarea::placeholder, .kontakt select::placeholder{color:#000000;font-size:18px !important;line-height:24px !important;}
.kontakt .righttd p, .kontakt .sendtd p{font-size:18px !important;line-height:24px !important;}
.kontakt .hun{display:none !important;}
.wpcf7-not-valid-tip{font-size:12px; line-height:16px;}
table{width:100%;}
table tr td p{margin-bottom:0px !important;}
input[type="checkbox"], .ajax-loader{display:none !important;}
table td{text-align:left !important;vertical-align:top;}
.radio{width:40px;height:40px;border:2px solid #9A0000; border-radius:50px}
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea{background-color:#E9EAED;color:#000000;font-size:22px;font-weight:500;}
.erinnerung input.wpcf7-form-control.wpcf7-date, .erinnerung input.wpcf7-form-control.wpcf7-number, .erinnerung input.wpcf7-form-control.wpcf7-quiz, .erinnerung input.wpcf7-form-control.wpcf7-text, .erinnerung select.wpcf7-form-control.wpcf7-select, .erinnerung textarea.wpcf7-form-control.wpcf7-textarea{background-color:#ffffff;}
.Datenschutz .wpcf7-list-item-label{font-size:16px !important; line-height:16px !important;}
.wpcf7-submit{padding:20px 50px !important;background-color:#9A0000;border: 0px !important;font-size:15px !important;line-height:15px !important;text-transform: uppercase !important;}
.wpcf7-list-item {margin: 0;}
.scroll_header_top_area img{transition-duration:0.5s;}
.scroll_header_top_area.scrolled img{height:30px !important;padding-top:10px;}
table tr td{border:0; background-color:transparent !important;padding:0px;}
table.contact tr td{padding: 10px 0px;width:100%}
table.contact tr{display:flex;justify-content:space-between;gap:20px;}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {padding: 1rem 1rem;}

.ds .radio.active{background-size:27px 27px; background-position: 5px 5px; background-repeat: no-repeat ;background-image:url('data:image/svg+xml,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-check fa-w-16 fa-3x"><path fill="rgb(202, 49, 98)" d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z" class=""/></svg>');}

.kurse h4{margin-bottom:15px !important;}

.formular.grau .wpcf7-text,.formular.grau textarea,.formular.grau select{background-color:#ffffff}

.kursanmeldung tr td:nth-child(2) {
  display: none;
}

.bearbeitung p:nth-child(1){padding-right:20px !important;}


.kursanmeldung tr td{padding-bottom:30px !important;}

.kursanmeldung .radio {
  width: 40px;
  height: 40px;
  border: 2px solid rgb(130, 10, 10);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

.kursanmeldung .radio.active::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 12px;
  width: 12px;
  height: 20px;
  border: solid rgb(130, 10, 10);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.kurs{cursor: pointer;}

.kursanmeldung p, .kursanmeldung a{font-size:16px;line-height:20px;font-weight:500;color:#000000;}
.kursanmeldung a{color:rgb(154, 0, 0);}


.kursanmeldung td{vertical-align:middle;}

.spezialh3, .spezialh3 h3{font-size:28px !important;line-height:32px !important; font-weight:600;}

  @media (max-width:1700px) {
    p, div, li{font-size:18px; line-height: 22px;}
    h3 {font-size: 20px;line-height: 24px;}
  }
@media (max-width:1300px) {
  .elementor-nav-menu--main ul li a{font-size:16px !important;}
    #elementor-popup-modal-340 .dialog-widget-content{margin-top:620px !important}

}

  @media (max-width:767px) {
    .elementor-widget-spacer{display:none;}
    p, li, a{font-size:16px !important; line-height: 20px;margin: 0 0 10px 0 !important;}
    div{font-size:16px !important; line-height: 20px;}
    h1{font-size:40px !important; line-height:44px !important;}
    h2{font-size:24px !important; line-height:28px !important;margin: 0 0 10px 0 !important;}
    h3,.spezialh3, .spezialh3 h3{font-size:20px !important; line-height:24px !important;}
    h4{font-size:18px !important; line-height:22px !important;}
    .kurse h4 {margin-bottom: 5px !important;}
    #elementor-popup-modal-340 .dialog-widget-content {margin-top: 130px !important;}
    #elementor-popup-modal-340 .dialog-widget-content p, #elementor-popup-modal-340 .dialog-widget-content a {font-size: 14px !important;line-height: 18px !important;}
    table.contact tr{flex-flow: column wrap;gap: 0;}
    table.ds tr{flex-flow: row wrap;gap: 0;}
    table.kursanmeldung tr{flex-flow: row wrap;gap: 0;}
    .Datenschutz .wpcf7-list-item.first {padding-right: 0px;}
    .elementor-kit-8 input[type="submit"]{margin-top:20px;}
    input, textarea {font-size: 14px !important;}
    input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {padding: 8px 15px !important;}
    table.contact tr td {padding: 5px 0px;}
    .pf::after {line-height: 34px;}
    .elementor-kit-8 button, .elementor-kit-8 input[type="button"], .elementor-kit-8 input[type="submit"], .elementor-kit-8 .elementor-button, .wpcf7-submit {font-size: 16px !important;padding: 15px 35px 15px 35px !important;}
  
    table.kursanmeldung tr,table.ds tr{
      display: flex;
      flex-wrap: wrap;
    }

    table.kursanmeldung tr td {
      display: block;
    }

    table.kursanmeldung tr td:nth-child(1), table.ds tr td:nth-child(1) {
      width: 60px; /* oder fixe Breite */
    }

    table.kursanmeldung tr td:nth-child(3),table.ds tr td:nth-child(2) {
      width: calc(100% - 60px);
    }

    table.kursanmeldung tr td:nth-child(2) {
      display:none;
    }

    table.kursanmeldung tr td:nth-child(4) {
      width: 100%;
      margin-top: 20px;
    }
    h1{font-size:32px !important; line-height:36px !important;}
    .pf::after {font-size: 6px !important;}
    input::file-selector-button {padding:10px 20px !important;font-size: 14px !important;line-height: 14px !important;}
  }
