/*
Colors
*/
:root{
  --prime:    #87BD27;
  --sec:      #004EA0;
  --orange:   #F39101;
  --yellow:   #FFC500;
  --lila:     #522178;
  --lightblue:#0186C1;
  --black:    #4D4D4D;
  --lightgrey:#D3D3D3;
  --grey:     #AAAAAA;
  --red:      #e20610;
  --white:    #ffffff;
}

/* Utility Classes */
.row .col-8ths {
    flex: 0 0 auto; /* Standard für extra kleine Geräte */
    width: 20%;
  }
  
  /* Fügen Sie die Anpassungen für verschiedene Gerätegrößen hinzu */
  @media (min-width: 576px) {
    .row .col-sm-8ths {
      flex: 0 0 auto;
      width: 20%;
    }
  }
  
  @media (min-width: 768px) {
    .row .col-md-8ths {
      flex: 0 0 auto;
      width: 20%;
    }
  }
  
  @media (min-width: 992px) {
    .row .col-lg-8ths {
      flex: 0 0 auto;
      width: 20%;
    }
  }
  
  @media (min-width: 1200px) {
    .row .col-xl-8ths {
      flex: 0 0 auto;
      width: 20%;
    }
  }

/* override Facebook social plugin colors */
#cff.cff .cff-posts-wrap svg.cff-playbtn {width:55px;height:55px;}
#cff .cff-meta-wrap {display: flex;justify-content: center;flex-direction: column;align-items: center;}
#cff .cff-view-comments > br, #cff-lightbox-wrapper .cff-view-comments > br{display:none;}
#cff .cff-posts-wrap{margin-left: -15px;margin-right: -15px;}
#cff.cff-masonry .cff-item.cff-box{margin-left: 15px;margin-right: 15px;}

/* wishlist icon color */
.add_to_wishlist, .delete_item{padding: 0;}
.yith-wcwl-add-button i.yith-wcwl-icon{width: 100%;height: 100%;}
.fa-heart-o::before {content: '';background-image: url('icons/heart.svg');width: 100%;height: 100%;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;}
.fa-heart::before{content: '';background-image: url('icons/heart-filled.svg');width: 100%;height: 100%;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;}
.highlight_courses .swiper-slide a .fa-heart::before{background-image: url('icons/heart-filled-white.svg');}
/* Term Block */
.term-block{padding: 2rem 0;position: relative;top: -10px;}
.term-block h1, .term-block h2, .term-block h3, .term-block h4, .term-block h5, .term-block h6, .term-block p, .term-block span{color: var(--white);margin: 0 0 .8rem 0;}
.term-block .beschreibung{padding-right: 100px;}
.term-block .beschreibung p #text{margin-bottom: 1rem;}
.term-block .beschreibung a{padding: 10px 1rem;background-color: #87bd27;color: #fff;font-weight: 600;margin-top: 1rem; border-radius: 5px;}
.term-block .beschreibung a:hover{background-color: #004ea0;}
.term-block .ansprechpersonen{display: flex;flex-wrap: wrap;}
.term-block .ansprechpersonen h2{width: 100%;}
.term-block .ansprechperson{display: flex;margin-bottom: 20px;align-items: center;}
.term-block h2{padding-bottom: 0;}
.term-block .ansprechperson img{border-radius: 10px;width: 80px;height: 80px;margin-right: 20px;}
.term-block .ansprechperson > div{width: 100%;}
.term-block .ansprechperson .name{margin: 0 0 5px 0;font-weight: 700;font-size: 100%;display: block;color:var(--white);}
.term-block .ansprechperson a{height: 20px;min-width: 25px;max-width: 90%;display: table;color:var(--white);}
.term-block .ansprechperson a::before{filter: brightness(0) invert(1);}

/* Term Navigation */
.term-navigation{padding: 3rem 0 0 0;}
.term-navigation a{background-color: #F8F8F8; border: 2px solid transparent; color:#4D4D4D; text-align: center;width: 100%;padding: 10px;display: flex;justify-content: center;align-items: center;height: 100%;font-size: 1rem;font-weight: 500;line-height: 1.3;transition: all ease .3s;}
.term-navigation a:hover{background-color: #F5F5F5;transition: all ease .3s;color: #4D4D4D;}
.term-navigation a.active{color:#fff;}
.term-navigation .row{row-gap: 1rem;}
.term-navigation .row div{min-height: 100px;}
.term-navigation .siblings {display: none;}

/* Product Loop / Product List */
.product-loop{padding: 2rem 0;}
.pagination{margin-bottom: 30px;}
.pagination .page-numbers{display: flex;justify-content: center;align-items: center;}
.pagination .page-numbers li a{padding: 0 15px;font-weight: 600;}
.pagination .page-numbers.current{font-weight: 600;background-color: var(--prime);width: 35px;height: 35px;color: var(--white);border-radius: 10px;display: flex;align-items: center;justify-content: center;margin: 0 5px;}

.pagination.top{margin-top:25px;margin-bottom: 0;}
.pagination.top .page-numbers{display: flex;justify-content: flex-end;align-items: center;margin: 0;}
.pagination.top .page-numbers li:last-child a{padding-right: 0;}
.pagination.top .page-numbers li span{justify-content: center;}

.seo-text{margin-bottom: 40px;}


/* Product List Content */
.course .padding-wrapper{padding: 30px 10px;position: relative;}
.course:nth-child(odd) .col-12{background-color: var(--lightgrey);}
.course .item .img{display: grid;place-items: center;}
.course .item .img img{height: 150px;width: 150px;object-fit: cover;border: none;}
.course .zeit{text-align: center;display: flex;justify-content: center;flex-direction: column;}
.course .zeit span{color: var(--black);transition: all ease .3s;}
.course:hover .zeit span{color: var(--prime);}
.course .status{letter-spacing: 1px;font-weight: 600;padding-right: 20px;}
.course .zeit .date{font-size: 350%;font-weight: 700;line-height: 1.1;padding-bottom: 10px;}
.course .crop{line-height: normal;max-height: calc(2 * 49px);position: relative;font-size: 170%;text-transform: unset;line-height: 1;}

/* YITH Wishlist  */
.yith-wcwl-add-to-wishlist{margin-top: 0;}
.yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon{margin-right: 0;}
.warteliste-highlight {color: var(--red);}
.woocommerce table.shop_table td{text-align: left;}
.woocommerce table.shop_table th.product-price, 
.woocommerce table.shop_table td.product-price{text-align: right;padding-right: 10px;}
.woocommerce table.shop_table{border: none!important;}


/* No Products Found */
.no-products-found .headline, .no-products-found p{text-align: center;}
.no-products-found a{margin: 0 auto;}


/* .course .infos{position: absolute;right: 30px;} */
.course .infos .info{color: var(--black);}
.course .error{text-align: center;}


/*  product-course  */
#single-course .part h2{font-size: 200%;}
#single-course .highlight{display: block;font-weight: 700;}

#single-course .share .icon svg path{transition: all ease .3s;}
#single-course .share .icon:hover svg path{fill: var(--sec);}

#single-course .tabs ul{display: flex;padding-left: 0;}
#single-course .tabs ul a{width: 33.33%;}
#single-course .tabs ul a.active li{background: var(--prime);color: var(--white);text-align: center;padding: 10px 20px;font-weight: 700;}
#single-course .tabs ul a li{background: var(--lightgrey);color: var(--sec);text-align: center;padding: 10px 20px;transition: all ease .3s;text-transform: uppercase;font-weight: 600;}
#single-course .tabs ul a li:hover{background: var(--sec);color: var(--white);}
#single-course .tabs p{color: var(--black);}

#single-course .content{background-color: var(--lightgrey);padding: 50px;}
#single-course .content .info{margin-bottom: 15px;}
#single-course .content .inhalt{color: var(--black);font-weight: 300;}
#single-course .content .price{font-size: 200%;font-weight: 700;}
#single-course .content .others span{color: var(--black);font-size: 85%;}

#single-course .dozent{display: flex;}
#single-course .dozent img{border-radius: 100px;width: 55px;height: 55px;margin-right: 15px;}
#single-course .dozent span{display: block;color: var(--black);}

.related.products h2{font-size: 250%!important;font-weight: 600;text-align: center;}


/** Search-Form **/

.icon{display: block;width: 100%;height: 100%;}
.icon-search{background-image: url('icons/search-white.png');object-position: center;object-fit: cover;background-repeat: no-repeat;background-position: center;background-size: cover;}
.icon-reset{background-image: url('icons/refresh.png');object-position: center;object-fit: cover;background-repeat: no-repeat;background-position: center;background-size: cover;}
.icon-close{background-image: url('icons/close.png');object-position: center;object-fit: cover;background-repeat: no-repeat;background-position: center;background-size: cover;font-style: unset;color: var(--white);line-height: 1.15;}
.button_close{height: 25px;width: 25px;border-radius: 25px;border: none;background-color: var(--sec);transition: all ease .3s;}
.button_close:hover{background-color: var(--prime);transition: all ease .3s;}
.filter .filter-expandable{display: none;}
.filter.active .filter-expandable{display: unset;position: absolute;top: 0;left: 0;width: 100%;z-index: 100;}
.filter.fixed-open .filter-expandable{display: block;width: 100%;position: unset;}

.filter .filter-anchor{position: relative;width: 100%;}

.filter.active .background-attr{background-color: #F5F5F5;}
.filter form label{padding: 0!important;margin: 0;display: block;}
.filter form input{padding: 0;margin: 0;display: block;}
.filter form input::placeholder{color: var(--sec);font-weight: 600;text-transform: uppercase; font-size: 18px;opacity: 1;}

.filter form .form-input{width: 100%;background-color: #f8f8f8;color: var(--sec);padding: 10px 0px 10px 20px;font-weight: 500;text-transform: uppercase; font-size: 15px;}
.filter form .search-wrapper button[type="submit"]{all: unset;width: 26px;border-radius: 10px;background-color: var(--sec);color: var(--white);padding: 9px;aspect-ratio: 1 / 1;position: absolute;right: 0;}

.filter form .search-wrapper{display: flex;justify-content: space-between;align-items: center;width: 100%;position: relative;}
.filter.active form .form-input{width: calc(100% - 70px);background-color: var(--white);color: var(--sec);padding: 10px 0px 10px 20px;font-weight: 600;text-transform: uppercase; font-size: 15px;cursor: text;}
.filter.active form .search-wrapper button[type="submit"]{all: unset;width: 26px;background-color: var(--sec);color: var(--white);padding: 9px;aspect-ratio: 1 / 1;position: relative;border-radius: 10px;cursor: pointer;}
.filter form .button_select{all:unset; width: calc(100% - 20px);background-color: var(--white);color: var(--sec);padding: 10px 0px 10px 20px;font-weight: 600;text-transform: uppercase; font-size: 16px;cursor: pointer;border-radius: 10px;}


/* .filter form #location-table .col-lg-6.col-12{padding-bottom: 10px;} */
.filter form .form-label{display: flex;align-items: center;gap: .4rem;color: #4D4D4D;text-transform: uppercase;font-size: 16px;font-weight: 600;width: 100%;line-height: 1;padding: 5px !important;}
.filter form .form-label input[type="checkbox"]{width: 15px;height: 15px;}
.filter form .col-wrapper{padding: 10px 0;}
.filter.active form .col-wrapper{padding: 10px 0;display: flex;align-items: flex-end;height: 100%;flex-direction: column;width: 100%;}
.filter.active form .col-wrapper.button-row{display: flex;align-items: center;flex-direction: row;}

.filter form .button_reset{all:unset; background-color: transparent;width: 20px;height: 20px;cursor: pointer;}
.filter form .align-right{display: flex;justify-content: flex-end;align-items: flex-end;gap:1rem;flex-direction: row;}
.filter form .button_submit{all:unset;background-color: var(--prime);color: var(--white);padding: 10px;text-align: center;cursor: pointer;padding: 15px 32px;border-radius: 5px;font-size: 16px;font-weight: 600;transition: all ease .3s;}
.filter form .button_submit:hover{background-color: var(--sec);transition: all ease .3s;}

.filter form .anchor{width: 100%;position: relative;}
.filter form .anchor .selectable{width: 100%;min-width: 250px;position: absolute;top: 0; left: 0;background-color: #F5F5F5;padding: 15px 0;box-shadow:0 30px 30px #00000022;z-index: 10;}
.filter form .anchor .selectable.location,
.filter form .anchor .selectable.focusGroup{width: calc(100% * 3);min-width: 250px;position: absolute;top: 0; left: 0;background-color: #F5F5F5;padding: 15px 0;}
.filter input{border-radius: 10px;}

.single-product{padding: 50px 0;}
.single-product h1{font-size: 180%!important;font-weight: 600;margin-bottom: 20px!important;}
.single-product h2{font-size: 1.5rem!important;}
.single-product .voraussetzung{font-size:120%;color:var(--sec);font-weight:bold;padding:10px;border: 1.5px solid;border-color:var(--sec);}
.single-product .social-flex-box{display: flex;justify-content: flex-start;align-items: flex-end;flex-direction: column;gap: .2rem;margin-bottom: 20px;}
.single-product .social-flex-box .social-links{display: flex;justify-content: flex-start;align-items: center;gap: .5rem;}
.single-product .image-wrapper{width: 100%;aspect-ratio: 16 / 9;position: relative;padding-bottom: 15px;}
.single-product .image-wrapper .product-image{width: 100%;height: 100%;object-fit: contain;object-position: left;max-width: 980px;max-height: 540px;margin-bottom: 30px;}


.single-product .product-info-nav .nav{background-color: var(--lightgrey);}
.single-product .product-info-nav .nav-item{flex: 1 1 auto;max-width: 100%;text-align: center;}
.single-product .product-info-nav .nav-item a{color: var(--sec);font-weight: 600;font-size: 110%;padding: 24px auto;border-radius: unset;}
.single-product .product-info-nav .nav-item a.active{color: var(--white);font-weight: 600;font-size: 110%;background-color: var(--prime);border: 1px solid var(--prime);}

.single-product .tab-content .tab-pane.active{display: block;}
.single-product .tab-content{padding: 30px 0;}
.single-product .tab-content p{color: var(--black);font-size: 120%;}
.single-product .tab-content .material p{font-weight: 700;margin-bottom: 0;}
.single-product .tab-content .material{font-weight: 400;}

.single-product .list-group .list-group-item{background-color: var(--lightgrey);border: none;display: flex;flex-direction: row;gap: 1rem; justify-content: flex-start;align-items: center;}
.single-product .list-group .list-group-item:nth-of-type(odd){background-color: var(--white);}
.single-product .list-group .list-group-item span{color: var(--black);font-size: 120%;}

.single-product .btn-back{border: 1px solid;padding: 5;padding-left: calc(1rem + 20px); padding-right: calc(1rem + 20px); position: relative;}
.single-product .btn-back::before{content: "<";position: absolute;left:1rem;top: 50%;transform: translateY(-50%);font-size: 120%;}

.single-product .product-info-wrapper{background-color: var(--lightgrey);padding: 1rem;margin-bottom: 5rem;}
.single-product .product-info-wrapper .legal-price-info{opacity: 0;}

.single-product .doz-list{padding: 1rem 0;}
.single-product .doz-list .dozent{display: flex;justify-content: flex-start;align-items: center;gap: 1rem;}
.single-product .doz-list .dozent img{border-radius: 100px;width: 55px;height: 55px;background-color: var(--lightgrey);border: 1px solid var(--lightgrey);}
.single-product .doz-list .dozent .dozent-description-wrapper{display: flex;flex-direction: column;gap:.2rem;}

.single-product .price bdi{font-size: 200%;font-weight: 700;}
.single-product .price span{font-size: 100%;font-weight: 700;}
.single-product form.cart .hide-woocommerce-quantity{display: none;}

.single-product form.cart .buttons{padding: 0;margin-bottom: 1rem;}
.single-product form.cart li.reduction-item{display: flex;align-items: start;margin-bottom: 15px;}
.single-product form.cart input{padding: 10px;color: var(--black);margin-right: 10px;margin-top: 6px;}
.single-product form.cart label{padding: 0;color: var(--black);}
/* .single-product form.cart .reduction-list .reduction-info p{line-height: 1;} */
.single-product form.cart p{color: var(--black);}

.single-product form.cart .button-wrapper{display: flex;flex-direction: row; gap: 1rem;justify-content: flex-start;align-items: center;width: 100%;padding-top: 1rem;}
.single-product form.cart .button-wrapper .single_add_to_cart_button{background-color: var(--prime);color: var(--white);padding: 5px 32px;border-radius: 5px;font-size: 16px;font-weight: 600;transition: all ease .3s;cursor: pointer;text-transform: uppercase;border: none;font-size: 22px;font-weight: 600;}
.single-product form.cart .button-wrapper .single_add_to_cart_button:hover{background-color: var(--sec);transition: all ease .3s;}
.single-product form.cart .button-wrapper .single_add_to_cart_button[disabled]{background-color: #D3D3D3;cursor: not-allowed;}
.single-product form.cart .button-wrapper .single_add_to_cart_button[disabled]:hover{background-color: #D3D3D3;cursor: not-allowed;}

.single-product form.cart .course_error{width: 100%; padding-top: 1rem; color: var(--black); font-weight: 600;}
.single-product form.cart .course_error span{color: var(--black); font-weight: 600;}

.single-product form.cart .reduction-wrapper, .single-product form.cart .reduction-wrapper .btn{width: 100%;}
.single-product form.cart .reduction-wrapper .btn{margin-bottom: 15px;border: 2px solid var(--prime);transition: all ease .3s;}
.single-product form.cart .reduction-wrapper .btn:hover{border: 2px solid var(--sec);transition: all ease .3s;}
.single-product form.cart .reduction-wrapper .btn.red{background-color: var(--red);}
.single-product form.cart .reduction-wrapper .btn.red{background-color: transparent; color: var(--red); border: 2px solid var(--red);transition: all ease .3s;}
.single-product form.cart .reduction-wrapper .btn.red:hover{background-color: var(--red); color: var(--white); border: 2px solid var(--red);transition: all ease .3s;}
.single-product form.cart .gender{grid-column: 1 / span 2;}
.single-product form.cart .gender select{border: 1px solid var(--black);border-radius: 5px;background-color: var(--white);color: var(--black);cursor: pointer;width: 100%;}
.single-product form.cart .gender select option{color: var(--black);}

.single-product .col-xl-4{position: relative;}
.single-product .yith-wcwl-add-to-wishlist{position: absolute;top: 10px;right: 20px;width: 30px;height: 30px;overflow: hidden;}


#donation .donationAmount{display: flex;}
#donation #addDonation{padding: 10px 20px;height: max-content;margin-right: 15px;}
#donation #removeDonation{padding: 10px 20px;height: max-content;background-color: var(--red);color: var(--white);transition: all ease .3s}
#donation #removeDonation:hover{background-color: var(--sec);transition: all ease .3s}
#donation input#donationAmount{border: 1px solid var(--black);border-radius: 5px;background-color: var(--white);color: var(--black);cursor: pointer;width: max-content;padding: 10px 15px;margin: 0 15px 0 0;height: 37px;width: 100px;}
#donation .donationCheckbox, #donation .donationCheckbox a{font-weight: 600;}

.PDFButton{border-radius: 5px;color:#fff;border: 1px solid;padding: 10px 20px;background-color: var(--prime);color: var(--white);transition: all ease .3s;font-weight: bold;width: 100%;display: block;}
.PDFButton:hover{background-color: var(--sec);transition: all ease .3s;color: #fff;;}

/*----Warenkorb / Cart----*/
.cart-wrapper form{margin-bottom: 50px;}
.cart-wrapper thead{border-bottom: 1px solid var(--sec);}
.cart-wrapper th{padding: 15px;font-weight: 600;}
.cart-wrapper td{padding: 15px;}
.cart-wrapper tr:nth-child(even){background-color: var(--lightgrey);}
.cart-wrapper tr:last-child{background-color: transparent;}
.cart-wrapper .quantity input.qty{background-color: transparent;cursor: default;}
.cart-wrapper .product-name a{font-weight: 600;}
.cart-wrapper .product-meta-wrapper p{margin-bottom: 0;}
.cart-wrapper a.remove{font-weight: 600;font-size: 150%;color: var(--red);transition: all ease .3s;}
.cart-wrapper a.remove:hover{color: var(--sec);transition: all ease .3s;}
.cart-wrapper .woocommerce-Price-amount bdi, .cart-wrapper .woocommerce-Price-amount .woocommerce-Price-currencySymbol{font-weight: 600;}
.cart-wrapper .wc-proceed-to-checkout{margin:30px 0 0 15px;display: flex;justify-content: end;}
.cart-wrapper .checkout-button.button-edit{position: relative;padding: 10px 20px;font-weight: 700;background: var(--prime);color: var(--white);transition: all .3s ease;line-height: 1;text-align: center;border-radius: 5px;font-size: 90%;text-transform: uppercase;width: max-content;}
.cart-wrapper .checkout-button.wc-forward{position: relative;padding: 25px 55px;font-weight: 700;background: var(--prime);color: var(--white);transition: all .3s ease;line-height: 1;text-align: center;border-radius: 5px;font-size: 90%;text-transform: uppercase;width: max-content;}
.cart-wrapper .checkout-button:hover{background: var(--sec);transition: all .3s ease;color: var(--white);}

.cart-wrapper .cart-collaterals .shipping{display: none;}

/*----Kasse / Checkout----*/
.wp-block-woocommerce-checkout{margin-top: 50px!important;}
.woocommerce-checkout #payment,
.woocommerce-checkout .shop_table{background: var(--lightgrey)!important;}
.woocommerce-checkout #payment div.payment_box{background-color: var(--grey)!important;}
.woocommerce-checkout #payment div.payment_box::before{border: 1em solid var(--grey)!important;border-right-color: transparent!important;border-left-color: transparent!important;border-top-color: transparent!important;}
.woocommerce form.woocommerce-checkout .form-row.woocommerce-invalid label,
.woocommerce form.woocommerce-checkout .form-row.woocommerce-validated label,
.woocommerce-checkout #payment div.payment_box p{color: var(--black)!important;}
.woocommerce-checkout #payment ul.payment_methods li input{padding: 5px 10px;}
#order_review .wc-gzd-checkbox-placeholder p.form-row{background-color: var(--lightgrey);}
#order_review .wc-gzd-checkbox-placeholder p.form-row label{display: flex!important;align-items:flex-start!important;margin-top: 10px;}
.woocommerce form .form-row .input-checkbox{width: 25px;height: 25px;margin: 0 10px!important;}
.woocommerce-gzd-legal-checkbox-text{word-break: break-all;}
.woocommerce-gzd-legal-checkbox-text, .woocommerce-gzd-legal-checkbox-text a{line-height: 1.3;}
.woocommerce button#place_order{position: relative;padding: 25px 55px;font-weight: 700;background: var(--prime);color: #fff;transition: all .3s ease;line-height: 1;text-align: center;border-radius: 5px;font-size: 90%;text-transform: uppercase;width: max-content;}
.woocommerce button#place_order:hover{background: var(--sec);transition: all .3s ease;color: #fff;}

input.wc-block-components-checkbox__input{padding: 12px!important;}
.wc-block-components-order-summary-item__quantity{background-color: var(--prime)!important;border: none!important;}
.wc-block-components-order-summary-item__quantity span{color: var(--white);}
.wc-block-components-product-price__value{font-weight: 600;}
.woocommerce-billing-fields__field-wrapper label{padding-bottom: 0;}
.woocommerce-billing-fields{margin-bottom: 30px;}

form.cart{display:flex;flex-direction:column;align-items:center;padding-top: 1rem;}
form.cart input[type=submit]{margin-top:1em;cursor:pointer}
form.cart .hidden_fields{display:none}

.form-row.place-order.wc-gzd-place-order{display: flex;justify-content: end;}

form.cart{position: relative;}
form.cart #loading-spinner{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;background-color: rgba(255, 255, 255, .7);z-index: 10;}
form.cart #loading-spinner .loader {
  width: 48px;
  /* Subpixels get cut off */
  overflow: visible;
  transform: rotate(-90deg);
  transform-origin: center;

  --active: #87bd27;
  --track: #b3bea0;

  --duration: 8s;

  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }
}

form.cart #loading-spinner .active {
  stroke: var(--active);
  stroke-linecap: round;
  stroke-dashoffset: 360;
  animation: active-animation var(--duration) ease-in-out infinite;
}

@keyframes active-animation {
  0% {
    stroke-dasharray: 0 0 0 360 0 360;
  }
  12.5% {
    stroke-dasharray: 0 0 270 90 270 90;
  }
  25% {
    stroke-dasharray: 0 270 0 360 0 360;
  }
  37.5% {
    stroke-dasharray: 0 270 270 90 270 90;
  }
  50% {
    stroke-dasharray: 0 540 0 360 0 360;
  }
  50.001% {
    stroke-dasharray: 0 180 0 360 0 360;
  }
  62.5% {
    stroke-dasharray: 0 180 270 90 270 90;
  }
  75% {
    stroke-dasharray: 0 450 0 360 0 360;
  }
  87.5% {
    stroke-dasharray: 0 450 270 90 270 90;
  }
  87.501% {
    stroke-dasharray: 0 90 270 90 270 90;
  }
  100% {
    stroke-dasharray: 0 360 1 360 0 360;
  }
}
form.cart #loading-spinner .track {
  stroke: var(--track);
  stroke-linecap: round;
  stroke-dashoffset: 360;
  animation: track-animation var(--duration) ease-in-out infinite;
}

@keyframes track-animation {
  0% {
    stroke-dasharray: 0 20 320 40 320 40;
  }
  12.5% {
    stroke-dasharray: 0 290 50 310 50 310;
  }
  25% {
    stroke-dasharray: 0 290 320 40 320 40;
  }
  37.5% {
    stroke-dasharray: 0 560 50 310 50 310;
  }
  37.501% {
    stroke-dasharray: 0 200 50 310 50 310;
  }
  50% {
    stroke-dasharray: 0 200 320 40 320 40;
  }
  62.5% {
    stroke-dasharray: 0 470 50 310 50 310;
  }
  62.501% {
    stroke-dasharray: 0 110 50 310 50 310;
  }
  75% {
    stroke-dasharray: 0 110 320 40 320 40;
  }
  87.5% {
    stroke-dasharray: 0 380 50 310 50 310;
  }
  100% {
    stroke-dasharray: 0 380 320 40 320 40;
  }
}

form.cart .form-grid{display:flex;flex-direction:column;align-items:center;margin-top: -.5rem;width: 100%;}
form.cart .form-grid .abweichteil{background-color: var(--background-light);padding: .5rem 1rem;}

form.cart .form-grid .child-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-bottom: 1px solid gray;padding-bottom: 1rem;}
form.cart .form-grid .child-container .children-menu{display:flex;flex-direction:column;align-items:flex-end;width:100%;}
form.cart .form-grid .child-container .children-menu p{font-size: 90%;line-height: normal;}
form.cart .form-grid .child-container .children-menu .buttons{display:flex;flex-direction:row;justify-content: space-between;gap:1rem;}
form.cart .form-grid .child-container .children-menu .buttons button{padding: .2rem .4rem;background-color: var(--background-light);border: 1px solid var(--background-dark);border-radius: 5px;cursor:pointer;font-size: .87rem;}
form.cart .form-grid .child-container .children-menu .buttons button.disabled{filter:grayscale(100%);cursor:not-allowed;}
form.cart .form-grid .child-container .children-menu .buttons button.add-child{background-color: var(--prime);color: var(--white);}
form.cart .form-grid .child-container .children-menu .buttons button.remove-child{background-color: #E31A2C;color: var(--white);}
form.cart .form-grid .child-container .children-body{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;}

form.cart .form-grid .child-container .children-body .child{display:flex;flex-direction:column;align-items:flex-start;padding: .3rem 1rem .75rem 1rem;background-color: var(--background-light);gap: .5rem;width:100%;}
form.cart .form-grid .child-container .children-body .child:first-of-type{margin-top: 0;padding-top:0;}
form.cart .form-grid .child-container .children-body .child .child-title{font-size: 110%;font-weight: 500;margin-bottom: 0;position: relative;width: 100%;}
form.cart .form-grid .child-container .children-body .child .child-title button{all:unset;position: absolute;right: 0;top: 50%;cursor:pointer;background-image: url('icons/bin.png');background-position: center;background-repeat: no-repeat;background-size: cover;height: 20px;width:20px;transform: translateY(-50%);}
form.cart .form-grid .child-container .children-body .child .child-title button:hover{filter: invert(24%) sepia(75%) saturate(5853%) hue-rotate(345deg) brightness(89%) contrast(99%);}
form.cart .form-grid .child-container .children-body .child .child-title button.disabled{filter:grayscale(100%)invert(50%);cursor:not-allowed;}

form.cart .form-grid .child-container .children-body .child .child-title button.expand-child{all:unset;position: absolute;right:30px;top:50%;background-image: url('icons/back.png');background-position: center;background-repeat: no-repeat;background-size: cover;height: 20px;width:20px;cursor: pointer;transform: translateY(-50%)rotate(90deg);}
form.cart .form-grid .child-container .children-body .child .child-title button.expand-child:hover{filter: invert(24%) sepia(75%) saturate(5853%) hue-rotate(345deg) brightness(89%) contrast(99%);}
form.cart .form-grid .child-container .children-body .child .child-title button.expand-child.closed{transform: translateY(-50%)rotate(-90deg);transition: all .2s ease;}

form.cart .form-grid .child-container .children-body .child .child-grid{display:grid;grid-template-columns: 1fr 1fr;gap:.6rem;grid-template-rows: 1fr 1fr;}
form.cart .form-grid .child-container .children-body .child .child-grid label{display:flex;flex-direction:column;align-items:flex-start;}
form.cart .form-grid .child-container .children-body .child .child-grid label input{padding-bottom: .25rem .5rem;background-color: var(--white);border: 1px solid #494949;border-radius: 5px;cursor:auto;width:100%;}
form.cart .form-grid .child-container .children-body .child .child-grid label input:focus{outline: none;border: 1px solid #494949;}
form.cart .form-grid .child-container .children-body .child .child-grid .firstName{grid-column: 1/ span 1;grid-row: 1/ span 1;}
form.cart .form-grid .child-container .children-body .child .child-grid .lastName{grid-column: 2/ span 1;grid-row: 1/ span 1;}
form.cart .form-grid .child-container .children-body .child .child-grid .birthday{grid-column: 1/ span 2;grid-row: 2/ span 1;}

form.cart .form-grid .childRegistration-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-top: 1px solid gray;padding-top: 1rem;}
form.cart .form-grid .childRegistration-container .childRegistration-menu p{font-size: 90%;line-height: normal;margin: 0;}
form.cart .form-grid .childRegistration-container .childRegistration-menu .buttons{display:flex;flex-direction:row;justify-content: space-between;gap:1rem;}
form.cart .form-grid .childRegistration-container .childRegistration-menu .buttons button{padding: .2rem .4rem;background-color: var(--background-light);border: 1px solid var(--background-dark);border-radius: 5px;cursor:pointer;font-size: .87rem;}
form.cart .form-grid .childRegistration-container .childRegistration-menu .buttons button.disabled{filter:grayscale(100%);cursor:not-allowed;}
form.cart .form-grid .childRegistration-container .childRegistration-menu .buttons button.add-child{background-color: var(--prime);color: var(--white);}
form.cart .form-grid .childRegistration-container .childRegistration-menu .buttons button.remove-child{background-color: #E31A2C;color: var(--white);}
form.cart .form-grid .childRegistration-container .childRegistration-body{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;}

form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration{display:flex;flex-direction:column;align-items:flex-start;padding: .3rem 1rem .75rem 1rem;background-color: var(--background-light);gap: .5rem;width:100%;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration:first-of-type{margin-top: .5rem;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration .childRegistration-title{font-size: 110%;font-weight: 500;margin-bottom: 0;position: relative;width: 100%;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration .childRegistration-grid{display:grid;grid-template-columns: 1fr 1fr;gap:.6rem;grid-template-rows: 1fr 1fr;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration .childRegistration-grid label{display:flex;flex-direction:column;align-items:flex-start;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration .childRegistration-grid label input{padding: .25rem .5rem;background-color: var(--white);border: 1px solid #494949;border-radius: 5px;cursor:pointer;width:100%;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration .childRegistration-grid label input:focus{outline: none;border: 1px solid #494949;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration .childRegistration-grid .firstName{grid-column: 1/ span 1;grid-row: 1/ span 1;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration .childRegistration-grid .lastName{grid-column: 2/ span 1;grid-row: 1/ span 1;}
form.cart .form-grid .childRegistration-container .childRegistration-body .childRegistration .childRegistration-grid .birthday{grid-column: 1/ span 2;grid-row: 2/ span 1;}


form.cart .form-grid .separet-participant-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-top: 1px solid gray;padding-top: 1rem;margin-bottom: 1rem;width: 100%;}
form.cart .form-grid .separet-participant-container .seperate-participant-menu{width: 100%;}
form.cart .form-grid .separet-participant-container .seperate-participant-menu p{font-size: 95%;line-height: normal;margin: 0;}
form.cart .form-grid .separet-participant-container .seperate-participant-menu label{font-size: 95%;line-height: normal;}

form.cart .form-grid .separet-participant-container .seperate-participant-body{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant{display:flex;flex-direction:column;align-items:flex-start;padding: .3rem 1rem .75rem 1rem;background-color: var(--background-light);gap: .5rem;width:100%;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid{display:grid;grid-template-columns: repeat(4,1fr);gap:.6rem;grid-template-rows: 1fr 1fr 1fr 1fr 1fr auto auto;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid label{display:flex;flex-direction:column;align-items:flex-start;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid label input{padding: .25rem .5rem;background-color: var(--white);border: 1px solid #494949;border-radius: 5px;cursor:pointer;width:100%;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid label input:focus{outline: none;border: 1px solid #494949;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid .firstName{grid-column: 1/ span 2;grid-row: 1/ span 1;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid .lastName{grid-column: 3/ span 2;grid-row: 1/ span 1;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid .birthday{grid-column: 1/ span 4;grid-row: 2/ span 1;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid .email{grid-column: 1/ span 4;grid-row: 3/ span 1;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid .street{grid-column: 1/ span 3;grid-row: 4/ span 1;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid .streetNr{grid-column: 4/ span 1;grid-row: 4/ span 1;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid .zip{grid-column: 1/ span 1;grid-row: 5/ span 1;}
form.cart .form-grid .separet-participant-container .seperate-participant-body .separet-participant .separet-participant-grid .city{grid-column: 1/ span 4;grid-row: 5/ span 1;}

form.cart .form-grid .participant-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-top: 1px solid gray;padding-top: 1rem;border-bottom: 1px solid gray;margin-bottom: 1rem;}
form.cart .form-grid .participant-container .participants-menu{display:flex;flex-direction:column;align-items:flex-end;width:100%;}
form.cart .form-grid .participant-container .participants-menu p{font-size: 90%;line-height: normal;}
form.cart .form-grid .participant-container .participants-menu .buttons{display:flex;flex-direction:row;justify-content: space-between;gap:1rem;}
form.cart .form-grid .participant-container .participants-menu .buttons button{padding: .2rem .4rem;background-color: var(--background-light);border: 1px solid var(--background-dark);border-radius: 5px;cursor:pointer;font-size: .87rem;}
form.cart .form-grid .participant-container .participants-menu .buttons button.disabled{filter:grayscale(100%);cursor:not-allowed;}
form.cart .form-grid .participant-container .participants-menu .buttons button.add-participant{background-color: var(--prime);color: var(--white);}
form.cart .form-grid .participant-container .participants-menu .buttons button.remove-participant{background-color: #E31A2C;color: var(--white);}
form.cart .form-grid .participant-container .participants-body{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;}

form.cart .form-grid .participant-container .participants-body .participant{display:flex;flex-direction:column;align-items:flex-start;padding: .3rem 1rem;;background-color: var(--background-light);gap: .5rem;width:100%;  margin-bottom: 1rem;}
form.cart .form-grid .participant-container .participants-body .participant .participant-title{font-size: 110%;font-weight: 500;margin-bottom: 0;position: relative;width: 100%;}
form.cart .form-grid .participant-container .participants-body .participant .participant-title button{all:unset;position: absolute;right: 0;top: 50%;cursor:pointer;background-image: url('icons/bin.png');background-position: center;background-repeat: no-repeat;background-size: cover;height: 20px;width:20px;transform: translateY(-50%);}
form.cart .form-grid .participant-container .participants-body .participant .participant-title button:hover{filter: invert(24%) sepia(75%) saturate(5853%) hue-rotate(345deg) brightness(89%) contrast(99%);}
form.cart .form-grid .participant-container .participants-body .participant .participant-title button.disabled{filter:grayscale(100%)invert(50%);cursor:not-allowed;}

form.cart .form-grid .participant-container .participants-body .participant .participant-title button.expand-participant{all:unset;position: absolute;right:30px;top:50%;background-image: url('icons/back.png');background-position: center;background-repeat: no-repeat;background-size: cover;height: 20px;width:20px;cursor: pointer;transform: translateY(-50%) rotate(90deg);}
form.cart .form-grid .participant-container .participants-body .participant .participant-title button.expand-participant:hover{filter: invert(24%) sepia(75%) saturate(5853%) hue-rotate(345deg) brightness(89%) contrast(99%);}
form.cart .form-grid .participant-container .participants-body .participant .participant-title button.expand-participant.closed{transform: translateY(-50%) rotate(-90deg);transition: all .2s ease;}

form.cart .form-grid .participant-container .participants-body .participant .participant-grid{display:grid;grid-template-columns: repeat(4,1fr);gap:.6rem;grid-template-rows: 1fr 1fr 1fr 1fr 1fr auto auto;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid label{display:flex;flex-direction:column;align-items:flex-start;grid-column: 1 / span 4;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid label input{padding: .25rem .5rem;;background-color: var(--white);border: 1px solid #494949;border-radius: 5px;cursor:pointer;width:100%;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid label input:focus{outline: none;border: 1px solid #494949;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .firstName{grid-column: 1/ span 2;grid-row: 1/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .lastName{grid-column: 3/ span 2;grid-row: 1/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .birthday{grid-column: 1/ span 4;grid-row: 2/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .email{grid-column: 1/ span 4;grid-row: 3/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .street{grid-column: 1/ span 3;grid-row: 4/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .streetNr{grid-column: 4/ span 1;grid-row: 4/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .zip{grid-column: 1/ span 1;grid-row: 5/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .city{grid-column: 1/ span 4;grid-row: 5/ span 1;}

form.cart .form-grid .participant-container .participants-body .participant .participant-grid .child-container{grid-column: 1/ span 4;grid-row: 6/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .child-container .children-menu{padding:.5rem 0;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .child-container .children-body{border: #494949 1px solid;padding-top:0;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .child-container .children-body .child .child-grid{display:grid;grid-template-columns: repeat(4, 21%);gap:1rem;grid-template-rows: 1fr 1fr;}

form.cart .form-grid .participant-container .participants-body .participant .participant-grid .companion-container{grid-column: 1/ span 4;grid-row: 7/ span 1;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .companion-container .companion-menu{padding:.5rem 0;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .companion-container .companion-body{border: #494949 1px solid;}
form.cart .form-grid .participant-container .participants-body .participant .participant-grid .companion-container .companion-body .companion .companion-grid{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:1rem;grid-template-rows: 1fr 1fr 1fr;}

form.cart .form-grid .companion-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-top: 1px solid gray;padding-top: 1rem;}
form.cart .form-grid .companion-container .companion-menu p{font-size: 90%;line-height: normal;}
form.cart .form-grid .companion-container .companion-menu .buttons{display:flex;flex-direction:row;justify-content: space-between;gap:1rem;}
form.cart .form-grid .companion-container .companion-menu .buttons button{padding: .2rem .4rem;background-color: var(--background-light);border: 1px solid var(--background-dark);border-radius: 5px;cursor:pointer;font-size: .87rem;}
form.cart .form-grid .companion-container .companion-menu .buttons button.disabled{filter:grayscale(100%);cursor:not-allowed;}
form.cart .form-grid .companion-container .companion-menu .buttons button.add-companion{background-color: var(--prime);color: var(--white);}
form.cart .form-grid .companion-container .companion-menu .buttons button.remove-companion{background-color: #E31A2C;color: var(--white);}
form.cart .form-grid .companion-container .companion-body{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;}
form.cart .form-grid .companion-container .companion-body .companion{display:flex;flex-direction:column;align-items:flex-start;padding: .3rem 1rem .75rem 1rem;background-color: var(--background-light);gap: .5rem;width:100%;width: 100%;margin-top: .5rem;}
form.cart .form-grid .companion-container .companion-body .companion .companion-title{font-size: 110%;font-weight: 500;margin-bottom: 0;position: relative;width: 100%;}
form.cart .form-grid .companion-container .companion-body .companion .companion-title button{all:unset;position: absolute;right: 0;top: 50%;cursor:pointer;mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA3QAAAN0BcFOiBwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKPSURBVFiF1Ze/ThRRFMZ/ZwUjIdE1QixQQ1ALWgqojBpeQWKnT0BDiYWx4xFs1dLOB8DY2loJwhqRQpasu0iC4d9nMeeS2Tszu7PAJnKSyU2++e453z333DtnkESZB5gFPgCHgAqeQ+fMlvVr7ryjmdl1YBMYAn4CRwXUS8AtYA8Yk/S7q/OSq5/3FS6W4C46d76M74Gc1d4FbkfwQx8rZvaoy5oqYY6ZfYnebUhay80AMAksU7y/5/UsA5OZGjCzN8Az4BPwvcsqT2vjJNl8K+k5kAgwswqwA+xJGu1TcADMrE5SzFclHQ8ASDo2s8/AY89ErU/xx4ER4KOkYzx4qIFpYIP+18AGMJ17D5jZPWAV+AG8POfVvwLuAPclfTtBozM86CprZW+yHm7SmvseTOOVtERJB0ATaCtEM5sys3dmVo3wBTNbiLCqc6eiDIwCTY/RFjRWuuJKh1LYkmNzEbcBNCJszrlLKWzIsZU4XlsG3LZSioPt+liNuBXI+Aic3RQWfG1F3FwB9RwBzQIBeRY4zRQWfNUj7v8pIKRppA8CLsYW5BXhWQWEbF7cDLR8vFZCQOC0UtjZakDSH5I+sGwGjnxOLKBUBrZJbq24L2j1IKAVYaPuc7urgKLvgWPDZpbpI4P5u2Ha9z8IyH4H8gS41YGqmQ1GAqBzFjIF6D6q5KS/k4BQLDfOKoAOR7CTgNMexZ6OIJD9L3DLO4qhn99JYZvRvFB8qzkCcjNQJCAvAy+A15LWU9iD9CRJq2Y2QdL3xQJ6qoGvPj4JVS/pIAqOpIakRoTVJB3CSQE+jXy2We7PqZldBtaBMeAX8LdAaDe7Atwk2aoJSfsZRocmcgZ4D+xz+hZ8333MFMX5B1U/dYCr3EyNAAAAAElFTkSuQmCC");
    mask-position: center;mask-repeat: no-repeat;mask-size: cover;height: 20px;width:20px;background-color: black;transform: translateY(-50%);}
form.cart .form-grid .companion-container .companion-body .companion .companion-title button:hover{background-color: #E31A2C;}
form.cart .form-grid .companion-container .companion-body .companion .companion-title button.disabled{filter:grayscale(100%)invert(50%);cursor:not-allowed;}

form.cart .form-grid .companion-container .companion-body .companion .companion-title button.expand-companion{all:unset;position: absolute;right:30px;top:50%;background-image: url('icons/back.png');background-position: center;background-repeat: no-repeat;background-size: cover;height: 20px;width:20px;cursor: pointer;transform: translateY(-50%) rotate(90deg);}
form.cart .form-grid .companion-container .companion-body .companion .companion-title button.expand-companion:hover{filter: invert(24%) sepia(75%) saturate(5853%) hue-rotate(345deg) brightness(89%) contrast(99%);}
form.cart .form-grid .companion-container .companion-body .companion .companion-title button.expand-companion.closed{transform: rotate(-90deg)translateY(-50%);transition: all .2s ease;}

form.cart .form-grid .companion-container .companion-body .companion .companion-grid{display:grid;grid-template-columns: repeat(4,1fr);gap:.6rem;grid-template-rows: 1fr 1fr 1fr;}
form.cart .form-grid .companion-container .companion-body .companion .companion-grid label{display:flex;flex-direction:column;align-items:flex-start;padding:0;}
form.cart .form-grid .companion-container .companion-body .companion .companion-grid label input{padding: .25rem .5rem;;background-color: var(--white);border: 1px solid #494949;border-radius: 5px;cursor:pointer;width:100%;}
form.cart .form-grid .companion-container .companion-body .companion .companion-grid label input:focus{outline: none;border: 1px solid #494949;}
form.cart .form-grid .companion-container .companion-body .companion .companion-grid .firstName{grid-column: 1/ span 2;grid-row: 1/ span 1;}
form.cart .form-grid .companion-container .companion-body .companion .companion-grid .lastName{grid-column: 3/ span 2;grid-row: 1/ span 1;}
form.cart .form-grid .companion-container .companion-body .companion .companion-grid .birthday{grid-column: 1/ span 4;grid-row: 2/ span 1;}
form.cart .form-grid .companion-container .companion-body .companion .companion-grid .email{grid-column: 1/ span 4;grid-row: 3/ span 1;}

form.cart label.ermaessigungslabel{width: 100%;padding: .4rem;color: var(--white);background-color: #F39900;display: flex;gap: .4rem;cursor: pointer;}
form.cart label.ermaessigungslabel.disabled{color: var(--white)b2;cursor: not-allowed;}

form.cart #ermaessigunghinweis{display: none;font-size: 85%;padding:15px;border:solid 1px  var(--prime);}

form.cart .lesebestatigung{display:none;padding:10px;border:solid 1px  var(--prime);}
form.cart .lesebestatigung label{font-size:75%;font-weight:300;}
form.cart .lesebestatigung input{margin-right:5px;}

form.cart .reduction-list{display: none;}
form.cart .reduction-list .reduction-info{display: none;}

form.cart .anmerkung{width: 100%;padding: 0;}
form.cart .anmerkung span{font-size: 85%;font-weight: 300;color: var(--black);}
form.cart .anmerkung textarea{width: 100%;padding: 10px;color: var(--black);border: 1px solid var(--black);background-color: var(--white);border-radius: 5px;cursor:auto;}


/*----Thank you----*/
.woocommerce ul.order_details li{margin-bottom: 1em;}
.woocommerce-thankyou-order-received{font-weight: 700;font-size: 150%;color: var(--prime);line-height: 1.2;}
.woocommerce-order .woocommerce-Price-amount bdi,
.woocommerce-thankyou-order-details .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol{font-weight: 600!important;}
.woocommerce-order .woocommerce-Price-amount,
.woocommerce-order .woocommerce-Price-amount span{font-weight: 700!important;}

.woocommerce-order-details .order-again .button{position: relative;padding: 10px 20px;font-weight: 700;background: var(--prime);color: #fff;transition: all .3s ease;line-height: 1;text-align: center;border-radius: 5px;font-size: 90%;text-transform: uppercase;width: max-content;}
.woocommerce-order-details .order-again .button:hover{background: var(--sec);transition: all .3s ease;color: #fff;}




/*----Account----*/
.woocommerce-MyAccount-navigation{margin-top: 50px;} 
.woocommerce-MyAccount-navigation ul{display: flex;flex-wrap: wrap;} 


/* .woocommerce-MyAccount-navigation-link{padding: 15px;} */
.woocommerce-MyAccount-navigation ul{padding-left: 0;display: flex;margin-bottom: 50px;}
.woocommerce-MyAccount-navigation ul li{margin: 10px 15px 7px 0;}
.woocommerce-MyAccount-navigation ul li a{background-color: var(--prime);color: var(--white);padding: 5px 20px;border-radius: 5px;}
.woocommerce-MyAccount-navigation ul li a:hover{background-color: var(--sec);}
.woocommerce-MyAccount-navigation ul li.is-active > a{font-weight: 600;background-color: var(--sec);}
.woocommerce-MyAccount-navigation ul li.is-active > a:hover{background-color: var(--prime);}

.single-product .headline-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.single-product .headline-wrapper p{font-size: 20px;color: var(--sec);font-weight: 600;text-transform: uppercase;margin-bottom: .5rem;}
.single-product .headline-wrapper span{font-size: 30px;color: var(--sec);text-transform: uppercase;letter-spacing: -5px;}
.single-product .headline-wrapper h2{font-size: 250%;color: var(--sec);text-transform: uppercase;font-weight: bolder;text-align: center;margin-top: 0;}

.cart-collaterals{display: flex;justify-content: flex-end;}
.product-name .teilnehmer-wrapper{padding-bottom: 15px;}


/* Hightlight Kurse*/
.highlight_courses h3{font-size: 170% !important;}
.highlight_courses .swiper-slide a{background-color: var(--prime);padding: 30px 40px;display: block;box-shadow: 0 5px 10px transparent;transition: all ease .3s;}
.highlight_courses .swiper-slide a:hover{box-shadow: 0 5px 10px #00000033;transition: all ease .3s;}
.highlight_courses .swiper-slide .headline{color: var(--white);text-transform: unset;min-height: 210px;}
.highlight_courses .swiper-slide .infos{margin-bottom: 20px;}
.highlight_courses .swiper-slide .info{min-height: 55px;}
.highlight_courses .swiper-slide .infos *,
.highlight_courses .swiper-slide .dates{color: var(--white);font-weight: 600;}
.highlight_courses .swiper-slide .btn{background-color:var(--white);color: var(--prime);height: max-content;width: 85%;}
.highlight_courses .swiper-slide .btn:hover{background-color:var(--sec);color: var(--white);}
.highlight_courses .swiper-slide .unten{display: flex;justify-content: space-between;width: 100%;margin-top: 20px;}
.highlight_courses .swiper-slide .unten .add_to_wishlist,
.highlight_courses .swiper-slide .unten .delete_item{padding: 4px;height: 30px;width: 25px;display: block;overflow: hidden;}
.highlight_courses .swiper-slide .unten .add_to_wishlist:hover,
.highlight_courses .swiper-slide .unten .delete_item:hover{box-shadow: none;}
.highlight_courses .swiper-slide .unten a i{color: var(--white);transition: all ease .3s;}
.highlight_courses .swiper-slide .unten a:hover i{font-weight: bold;transition: all ease .3s;}
.highlight_courses .swiper-button-prev{left: -30px;}
.highlight_courses .swiper-button-next{right: -30px;}
.highlight_courses .swiper-button-next::after, 
.highlight_courses .swiper-button-prev::after{color: var(--sec)!important;}
.highlight_courses .swiper-button-next, .highlight_courses .swiper-button-prev{top: 65%;display: block;}

.add_to_wishlist,
.delete_item{padding: 4px;height: 25px;width: 25px;display: block;overflow: hidden;}
.add_to_wishlist:hover,
.delete_item:hover{box-shadow: none;}
.yith-wcwl-add-button i.yith-wcwl-icon{margin: 0;}



/*---- Hand in Hand Fonds -----*/
.cart_totals.calculated_shipping{position: relative;}
.cart_totals.calculated_shipping #loading-spinner{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;background-color: rgba(255, 255, 255, .7);z-index: 10;}
.cart_totals.calculated_shipping #loading-spinner .loader {
  width: 48px;
  /* Subpixels get cut off */
  overflow: visible;
  transform: rotate(-90deg);
  transform-origin: center;
  --active: #87bd27;
  --track: #b3bea0;
  --duration: 8s;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }
}

.cart_totals.calculated_shipping #loading-spinner .active {
  stroke: var(--active);
  stroke-linecap: round;
  stroke-dashoffset: 360;
  animation: active-animation var(--duration) ease-in-out infinite;
}

@keyframes active-animation {
  0% {
    stroke-dasharray: 0 0 0 360 0 360;
  }
  12.5% {
    stroke-dasharray: 0 0 270 90 270 90;
  }
  25% {
    stroke-dasharray: 0 270 0 360 0 360;
  }
  37.5% {
    stroke-dasharray: 0 270 270 90 270 90;
  }
  50% {
    stroke-dasharray: 0 540 0 360 0 360;
  }
  50.001% {
    stroke-dasharray: 0 180 0 360 0 360;
  }
  62.5% {
    stroke-dasharray: 0 180 270 90 270 90;
  }
  75% {
    stroke-dasharray: 0 450 0 360 0 360;
  }
  87.5% {
    stroke-dasharray: 0 450 270 90 270 90;
  }
  87.501% {
    stroke-dasharray: 0 90 270 90 270 90;
  }
  100% {
    stroke-dasharray: 0 360 1 360 0 360;
  }
}
.cart_totals.calculated_shipping #loading-spinner .track {
  stroke: var(--track);
  stroke-linecap: round;
  stroke-dashoffset: 360;
  animation: track-animation var(--duration) ease-in-out infinite;
}

@keyframes track-animation {
  0% {
    stroke-dasharray: 0 20 320 40 320 40;
  }
  12.5% {
    stroke-dasharray: 0 290 50 310 50 310;
  }
  25% {
    stroke-dasharray: 0 290 320 40 320 40;
  }
  37.5% {
    stroke-dasharray: 0 560 50 310 50 310;
  }
  37.501% {
    stroke-dasharray: 0 200 50 310 50 310;
  }
  50% {
    stroke-dasharray: 0 200 320 40 320 40;
  }
  62.5% {
    stroke-dasharray: 0 470 50 310 50 310;
  }
  62.501% {
    stroke-dasharray: 0 110 50 310 50 310;
  }
  75% {
    stroke-dasharray: 0 110 320 40 320 40;
  }
  87.5% {
    stroke-dasharray: 0 380 50 310 50 310;
  }
  100% {
    stroke-dasharray: 0 380 320 40 320 40;
  }
}