/*
 Theme Name:   Infratouch Divi Child
 Theme URI:    http://www.elegantthemes.com
 Description:  Infratouch Divi Child Theme
 Author:       Sabrina Schulz
 Author URI:   https://infratouch.de
 Template:     Divi
 Version:      1.0
*/

:root {
  	--yellow:#f3eac7;
	--green:#333a35;
	--harpfont:'BERNIER Distressed';
	--bodyfont: 'Montserrat'; /* font-family: 'Montserrat' 'Cairo';;*/
	--handwrite:'Dancing Script';
}



/* Globaler Flex Container */
.flex-container {display: -ms-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}
.flex-container-row {display: -ms-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: nowrap;-ms-flex-wrap: nowrap}
.flex-container-row-wrap {display: -ms-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
.flex-item {-ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto}

.space {justify-content: space-between}

/*Head */
@media (max-width: 991px) {.et_pb_fullwidth_menu .et_pb_row{display:flex}
	.et_pb_fullwidth_menu .et_pb_menu__wrap{    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;}

.et_pb_menu__logo-wrap {margin-bottom:0!important}

}

/* Fonts */
.et_pb_module:not(.et-fb) h1,.et_pb_module:not(.et-fb) h2,.et_pb_module:not(.et-fb) h3,.et_pb_module:not(.et-fb) h4,.et_pb_module:not(.et-fb) h5,.et_pb_module:not(.et-fb) h6 {font-family: var(--harpfont) !important;text-transform: uppercase;letter-spacing: 4px;line-height: 1.2em}

body .et_pb_text_inner{font-family: var(--bodyfont),Helvetica,Arial,Lucida,sans-serif;font-size:1em; font-weight:300}

.handwriting *{font-family: var(--handwrite); font-size:clamp(30px,calc(12px + 0.4vw),60px); line-height:1.2em}
.subline {color:var(--yellow);font-weight:600;font-size:18px;letter-spacing:4px;line-height:1em}

.subheadline .et_pb_text_inner{font-size: calc(18px + (24 - 18) * (100vw - 640px) / (1280 - 640))!important; letter-spacing:2px!important}

#headline h1 {font-size: calc(50px + (70 - 50) * (100vw - 640px) / (1280 - 640))}
.et_pb_module:not(.et-fb) h1 {font-size: calc(26px + (30 - 26) * (100vw - 640px) / (1280 - 640))}
.et_pb_module:not(.et-fb) h2 {font-size: calc(24px + (26 - 24) * (100vw - 640px) / (1280 - 640))}
.et_pb_module:not(.et-fb) h3 {font-size: calc(20px + (24 - 20) * (100vw - 640px) / (1280 - 640))}
.et_pb_module:not(.et-fb) h4 {font-size: calc(18px + (20 - 18) * (100vw - 640px) / (1280 - 640))}
.et_pb_module:not(.et-fb) h5 {font-size: calc(16px + (18 - 16) * (100vw - 640px) / (1280 - 640))}
.et_pb_module:not(.et-fb) h6 {font-size: calc(14px + (16 - 14) * (100vw - 640px) / (1280 - 640))}

.et_pb_promo_button {font-size:calc(12px + (14 - 12) * (100vw - 640px) / (1280 - 640))!important}


/*Scrollcontainer*/
.scrollcontainer{display:flex; position:absolute; bottom:10%; width: 100%;justify-content: center; margin: 0 auto; overflow: hidden}
.mouse{height:50px;width:35px;border-radius:14px;border:2px solid #fff}
.mouse:after{content:'';display:block;height:8px;width:2px;margin:10px auto;background:#fff;position:relative;-webkit-animation:a 1.2s ease infinite;animation:a 1.2s ease infinite}
.arrow-scroll{width:35px;margin-top:10px;display: flex}

.arrow-scroll>span{font-family:Arial,sans-serif;display:block;width:9px;height:9px;;border-right:2px solid #fff;border-bottom:2px solid #fff;margin:5px auto 3px;-webkit-animation:b 1s infinite;animation:b 1s infinite;-webkit-animation-delay:.2s;animation-delay:.2s}

.arrow-scroll.left>span {-webkit-transform:rotate(315deg);transform:rotate(315deg)}
.arrow-scroll.right>span {-webkit-transform:rotate(140deg);transform:rotate(140deg)}

.arrow-scroll>span:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}
.arrow-scroll>span:last-child{-webkit-animation-delay:.3s;animation-delay:.3s}

@-webkit-keyframes a{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes a{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes b{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes b{0%{opacity:0}50%{opacity:.5}to{opacity:1}}


.geheimnis .et_pb_blurb_description {font-size:clamp(10px,calc(10px + 0.4vw),16px)!important; line-height:1em!important}
.geheimnis .zutat{max-width:20%}
@media (max-width: 767px) {.geheimnis .zutat{max-width:100%!important; margin-bottom:50px!important}.geheimnis {flex-direction: column}		.space{flex-wrap: wrap;-ms-flex-wrap: wrap; flex-direction: column; align-content: center}.space .et_pb_button_module_wrapper {margin: 10px 0}
.space .et_pb_button {text-align: center;min-width: 250px}h2 {padding:10px 0}}
@media (max-width: 991px) {	.geheimnis { flex-wrap: wrap;-ms-flex-wrap: wrap;}.geheimnis .zutat{max-width:50%}}


/* Startseite */
#kursestartseite .tribe-events-c-small-cta {display: flex;flex-direction: row;flex-wrap: wrap; justify-content: space-between;    align-items: center; gap:10px}
#kursestartseite .tribe-events-c-small-cta__link {color:var(--yellow); background-color:var(--green); text-decoration:none; padding: 10px }
#kursestartseite .tribe-events-c-small-cta__link, #kursestartseite .tribe-events-c-small-cta__price {width: 45%}
#kursestartseite .tribe-events-c-small-cta__stock {width:100%; font-size:14px}

/* Display:none */
.tribe-events-header,   .tribe-events-pro-photo-nav.tribe-events-c-nav,.tribe-events-c-top-bar.tribe-events-header__top-bar, .tribe-events-c-subscribe-dropdown__container,.tribe-events-c-nav__list, #kursestartseite div > article:nth-of-type(n+4), #post-110 .entry-title.main_title, #post-110 .tribe-tickets__commerce-checkout-cart-header, #post-110 .tribe-tickets__commerce-checkout-cart-item-details-button--more, 
.tribe-events-calendar-list .tribe-events-c-small-cta__stock, .single-tribe_events .tribe-events-meta-group-organizer, .tribe-events-nav-pagination, .tribe-events-cost, .tribe-events-event-categories-label, .tribe-events-event-categories, .product_meta, .woocommerce-breadcrumb, .wp-singular #sidebar, .tribe-event-tags
{display:none!important}

/*Hidden*/
.tribe-event-tags-label {visibility:hidden}

/*global*/ 

.tribe-events-pro .tribe-events-pro-photo__event-details-wrapper {position: relative; background-color: var(--yellow); padding:15px}
.tribe-common-h1, .tribe-common-h2, .tribe-common-h3, .tribe-common-h4, .tribe-common-h5, .tribe-common-h6, .tribe-common-h7 { font-family: 'Pirata One'!important;text-transform: uppercase;letter-spacing:4px; }
.tribe-common-h5,.tribe-common-h6, .tribe-common-h7, .tribe-events-c-small-cta__price, .tribe-events-cost  {font-size:26px!important; line-height:1.7em!important} 
.tribe-events-calendar-series-archive__container{float:right; margin-right:20px}
.tribe-events-pro-photo__event-date-tag-month, .tribe-events-pro-photo__event-datetime.tribe-common-b2 {font-size:18px!important; line-height:1.7em!important}
.tribe-common-l-container.tribe-events-l-container{padding: 0!important; min-height:400px!important}

/* Event Übersicht */
.post-type-archive-tribe_events .tribe-events-calendar-list__event-row{border:2px solid var(--yellow); padding:20px}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-title-link {color:#fff!important}
.post-type-archive-tribe_events .tribe-events-c-small-cta__link {color:#000; background-color: var(--yellow)!important; padding:10px; font-weight:600}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-featured-image-wrapper{max-width:300px}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-cost {display: flex;justify-content: space-between; align-items: center}


/* Single Event */
@media (min-width: 981px) {#tribe-events-pg-template{max-width:1980px; width:80%}
.single-tribe_events .tribe-events-event-image {width:30%!important}
.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary{order:unset; width: 70%}

}

.single-tribe_events a{color: var(--yellow)}





.tribe-events-schedule{justify-content: space-between;}
.tribe-events-single-event-description *{background-color:var(--green)!important}
.tribe-events-single-event-description .et_pb_row {width:100%!important}

#tribe-tickets__tickets-form, .tribe-related-events .tribe-related-event-info {background-color:var(--yellow); color:#000}
.single-tribe_events button.tribe-tickets__tickets-buy {background-color: var(--green)!important}



.tribe-events{padding-top:5vw}
.tribe-dialog__wrapper.tribe-modal__wrapper--ar {background-color:var(--yellow)!important}
.tribe-dialog__wrapper *{border-color: var(--green)!important}
.tribe-dialog__title {color:#000}
.tribe-common-c-btn.tribe-tickets__attendee-tickets-footer-checkout-button{color:var(--yellow);background-color: var(--green)!important}
.wp-singular #main-content {background-color:var(--green)}

#left-area {padding-right:0; border:none; width:100%; }
#main-content .container:before {content:none}
.tribe-tickets__commerce-checkout {max-width:unset!important}



#post-110 .tribe-tickets__commerce-checkout-cart-items {border-top: 2px solid var(--green); border-bottom: 2px solid var(--green)}

.tribe-events-event-cost-label {color: transparent;position: relative}
.tribe-events-event-cost-label::before {content: "Preis:";color: #fff;position: absolute;left: 0;top: 0}


/* popupwarenkorb*/
.tribe-modal__close-button {height: 30px!important;  width: 30px!important}
.tribe-tickets__tickets-item-quantity-add, .tribe-tickets__tickets-item-quantity-remove {color:var(--green)!important}
.tribe-common-c-btn {color:#fff!important}


/* Warenkorb + Checkout */
.woocommerce-checkout.page #main-content, .woocommerce-cart.page #main-content, .tec-tickets__attendees-list-wrapper .tec-tickets__attendees-list{background-color:var(--green)}
.wc-block-components-form.wc-block-checkout__form *{z-index: 9}
table.wc-block-cart-items,.wp-block-woocommerce-checkout-order-summary-block{border: 1px solid var(--yellow)!important;border-radius:3px}
.wc-block-components-validation-error {color:var(--yellow)!important}
.wc-block-components-button  {background-color: var(--yellow)}
.wc-block-components-button  span, .wc-block-components-button__text{color:var(--green)!important; font-weight:600;opacity: 1!important}
.woocommerce-page table th{color:var(--yellow)!important}
.tribe-attendee-meta , .woocommerce-customer-details{margin: 20px 0!important}


.woocommerce-cart .wc-block-cart__submit-container a, .wc-block-checkout__actions .wc-block-components-checkout-place-order-button__text{color:var(--green)!important; font-weight:600}
.woocommerce-cart .wc-block-components-product-details li {list-style-type: none}

.tec-tickets__wallet-plus-passes-container.tec-tickets__wallet-plus-passes-container--attendee-list {gap:20px}


/* Kontaktformular */
.wps-form{width:100%;margin:0 auto;color:var(--yellow);background-color:var(--green);border-radius:3px;box-sizing:border-box;font-weight:600;font-size:1rem}.wps-form-row{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:20px}.wps-form-row:not(.three-columns) .wps-form-column{flex:1 1 48%;min-width:280px}.wps-form-row.three-columns .wps-form-column{flex:1 1 30%;min-width:180px}.wps-form-column.full-width{flex:1 1 100%;min-width:100%}.wps-form-column label{display:block;margin-bottom:6px;font-weight:700;color:var(--yellow)}.wps-form-column input[type="text"],.wps-form-column input[type="email"],.wps-form-column input[type="tel"],.wps-form-column input[type="number"],.wps-form-column input[type="date"],.wps-form-column select,.wps-form-column textarea{width:100%;padding:10px 14px;border:none;border-radius:3px;font-size:1rem;font-weight:600;color:var(--green);background-color:var(--yellow);box-sizing:border-box;transition:border-color 0.3s ease}.wps-form-column input:focus,.wps-form-column select:focus,.wps-form-column textarea:focus{outline:none;border:2px solid #cfc79f}.wpcf7-submit{text-decoration:uppercase;background-color:var(--yellow);color:var(--green);border:none;padding:14px 60px;border-radius:0;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color 0.3s ease}.wpcf7-submit:hover{background-color:#e7dcae;color:var(--green)}@media (max-width:700px){.wps-form-row{flex-direction:column}.wps-form-row .wps-form-column{flex:1 1 100%!important;min-width:100%!important}}


.wpcf7 form[data-status="sent"] .wps-form {
  display: none;
}
.wpcf7 form[data-status="sent"] .wpcf7-response-output {
  display: block;
  position: relative !important;
  top: auto !important;
  aria-hidden: false;
    border-color: var(--yellow);
	font-size:120%;

}
/* Datei-Upload Feld hervorheben */
.wps-form-column input[type="file"] {
	min-width:350px;
  border: 2px dashed var(--yellow);
  background-color: #fff; /* Weißer Hintergrund für bessere Lesbarkeit */
  padding: 12px 14px;
  border-radius: 5px;
  font-weight: 700;
  color: var(--green);
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}

.wps-form-column input[type="file"]::file-selector-button {
  background-color: var(--yellow);
  color: var(--green);
  border: none;
  padding: 8px 20px;
  margin-right: 10px;
  border-radius: 3px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.wps-form-column input[type="file"]::file-selector-button:hover {
  background-color: #e7dcae;
}


/*Shop Gutschein*/
.woocommerce-product-details__short-description {margin-top:2em}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {vertical-align: middle}



.tribe_events.tag-ausverkauft {padding-top:50px}
.tribe-events-calendar-list__event.tag-ausverkauft {padding-bottom:20px}
.tribe_events.tag-ausverkauft .event-tickets, .tribe-events-calendar-list__event.tag-ausverkauft .tribe-events-c-small-cta  {display:none}

.tribe-events-calendar-list__event.tag-ausverkauft:after, 
.single-tribe_events .tribe_events.tag-ausverkauft:before{content: "Der Kurs ist leider schon ausgebucht"; 
    background: var(--yellow);
    color: black;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    font-size: 0.8rem;
	z-index: 10; text-transform:uppercase}

.tribe-events-calendar-list__event.tag-ausverkauft:after { width: 90%;top: 20px; position: relative;}
.single-tribe_events  .tribe_events.tag-ausverkauft:before { width: 100%;top: 0;  position: absolute;}

.tribe-tickets__tickets-item-quantity-number-input,
.tribe-tickets__tickets-item-quantity-add span,
.tribe-tickets__tickets-item-quantity-remove span  {font-size:20px!important}

@media (max-width: 767px){
.event-tickets .tribe-tickets__tickets-item-quantity {display:unset} }

/*Slider*/
.et_pb_slide:first-child .et_pb_slide_image img{opacity:1!important}
@media (max-width: 767px) {.et_pb_slide_image, .et_pb_slide_video {display: block!important}}

.wc-block-components-order-summary__content{color:#000}
.woocommerce-checkout .shop_table{background-color:transparent!important}
.woocommerce-Tabs-panel, .wpa-test-msg {display:none!important}

#left-area ul {list-style-type:none; padding:0}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description {padding-left:14px!important}

@media (max-width: 767px) {
.wc-block-components-form {display:flex; flex-direction:column}
.wc-gzd-checkboxes {order:10}
	
}

.tribe-tickets__tickets-item-extra-available {}

@media (min-width: 768px) {.entry .entry-content .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar, .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar {height: calc(100vh - 290px)!important}}

.tribe-tickets__attendee-tickets-container--has-tickets {display:flex!important; gap:10px;flex-wrap: wrap; }
.entry .entry-content .event-tickets .tribe-tickets__attendee-tickets-item+.tribe-tickets__attendee-tickets-item, .event-tickets .tribe-tickets__attendee-tickets-item+.tribe-tickets__attendee-tickets-item {margin-top: 0!important}
.tribe-tickets__attendee-tickets-container--has-tickets .tribe-ticket__tickets-heading {display:none}
.tribe-tickets__attendee-tickets-item-title {color:var(--green)}
.tribe-tickets__attendee-tickets-container--has-tickets .tribe-tickets__form.tribe-tickets__attendee-tickets-item {Flex: 1 1 300px; min-width:300px!important}


.wc-block-components-address-card__address-section.wc-block-components-address-card__address-section--secondary, .tribe-tickets__registration-back-to-cart {color:#fff!important}

/*Teilnehmer */

 body.page-tribe-attendee-registration .tribe-tickets__registration {max-width:100%!important}
.page-tribe-attendee-registration--shortcode .tribe-tickets__form ,.page-tribe-attendee-registration--shortcode .tribe-tickets__mini-cart{color:var(--green)}
.page-tribe-attendee-registration--shortcode h2, .tribe-tickets__iac-email-disclaimer.tribe-common-b2 {color:#fff!important}
.page-tribe-attendee-registration--shortcode h3.tribe-tickets__mini-cart-title {color:var(--green)!important}
.page-tribe-attendee-registration--shortcode aside.event-tickets.tribe-tickets__mini-cart {margin-top:0!important}

button.tribe-tickets__registration-submit, .page-tribe-attendee-registration--shortcode.wc-block-components-form .wc-block-components-text-input label,  .page-tribe-attendee-registration--shortcode .wc-block-components-text-input label{color:var(--green)!important}

.page-tribe-attendee-registration {}

.wc-block-components-address-form label, .tribe-tickets__iac-email-disclaimer.tribe-common-b2{color:#000!important}


.variations th {vertical-align: top!important; padding:5px!important}
.variations th label, .variations td select {font-size: calc(16px + (20 - 16) * (100vw - 640px) / (1280 - 640))!important; font-weight:600!important}

.variations {}
.wc-variation-selection-needed  {background-color: var(--yellow)!important;color:var(--green)!important; font-weight:600;opacity: 1!important}

.variations td.value span:after {visibility: hidden;}
@media (max-width: 768px) {
  table.variations tr {
    display: flex;
    flex-direction: column;
  }

  table.variations th,
  table.variations td {
    width: 100%;
    display: block;
  }

  table.variations th {
    margin-bottom: 4px;
  }
	
	table.variations select {
    width: 100%;
  }
}


.components-base-control, .components-datetime__date.e105ri6r7{background-color:var(--yellow)}