@charset "UTF-8";
/*
 Theme Name: Ona Child
 Template: ona
 Version: 1.0.0
 Text Domain: ona-child
*/

.woocommerce-page label {
    font-size: 20px;
    font-family: system-ui, sans-serif;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
  margin-left: -10px;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
  -webkit-box-shadow: 0px 3px 9px 5px rgba(0,0,0,0.25);
  box-shadow: 0px 3px 9px 5px rgba(0,0,0,0.25);
  padding: 20px;
}
.woocommerce div.product form.cart table.variations td select {
    border: 1px solid black;
    border-radius: 5px;
    height: 60px;
}
.woocommerce div.product form.cart .variations label {
    font-weight: 500;
}
.woocommerce div.product form.cart .reset_variations {
    display: none;
}
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart] {
    background-color: #ece8e3;
    border-radius: 10px;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, .components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained, .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  border: 1px solid #fe8d3f;
  border-radius: 10px;
  background-color: #fe8d3f;
  color: #fff;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, .components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover, .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
  border: 1px solid #fe8d3f;
  background-color: #fff;
  color: #fe8d3f;
}
.woocommerce div.product form.cart div.quantity .qty {
border: 1px solid rgb(170, 170, 170);
border-radius: 10px;
}
.woocommerce div.product form.cart .button {
    padding: 20px;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid black;
}
.wp-block-post-terms {
    font-size: 15px;
    text-transform: capitalize;
}
.wp-block-post-terms__prefix {
    font-weight: 700;
}
.wp-block-search__input {
    padding-left: 25px;
}
.envira-default-gallery h1 {
    font-size: 2.5rem;
    text-align: center;
    font-weight: 500;
    padding-bottom: 80px;
}
.envira-gallery-image {
	border-radius: 30px;
}
.envira-tags-filter-list {
    font-size: 25px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled), input[type=checkbox], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    border-radius: 15px;
}
.woocommerce-page .input-text, .woocommerce-page .select2-container, .woocommerce-page select {
    border: 1px solid #000000;
    border-radius: 15px;
    line-height: 30px;
    padding-left: 25px;
    background-color: #f4f4f4;
}
.kat-filter {
    margin-top: 20px;
    margin-bottom: 0px;
}
.wc-gzd-checkout .is-large .wc-gzd-checkout-submit .wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
    background-color: #fe8d3f;
    border: 2px solid #fe8d3f;
    color: #fff;
}
.wc-gzd-checkout .is-large .wc-gzd-checkout-submit .wc-block-checkout__actions .wc-block-components-checkout-place-order-button:hover {
    background-color: transparent;
    border: 2px solid #fe8d3f;
    color: #fe8d3f;
}


.site-header, .wp-block-template-part {
  background-color: rgb(220, 210, 201);
}
body {
  margin-top: -10px;
}
.inhaltsverzeichnis a {
    text-decoration: none;
}
.inhaltsverzeichnis .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
  min-width: 450px;
}
.inhaltsverzeichnis .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container, .inhaltsverzeichnis a, .inhaltsverzeichnis .wp-block-heading.has-text-align-center.is-style-ona-alt-font.has-x-large-font-size {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*  Style für Heftklammer-Sidebar im Footer */
/* --- Side Tab Layout --- */
.side-tab {
    position: fixed;
    top: 40%;
    right: -125px;
    background: #fff;
    border: 1px solid #ddd;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(221, 221, 221);
    border-right: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    transition: right 0.3s ease;
    z-index: 99999;
    height: 180px;
    display: flex;
    align-items: center;
}

.side-tab:hover {
    right: 0;
}

.side-tab-inner {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.side-tab-inner a {
    text-decoration: none;
}

/* --- Warenkorb Icon + Badge --- */
.side-cart-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #333;
}

.wc-block-mini-cart__quantity-badge {
    position: relative;
    display: inline-flex;
}

/* Badge */
.wc-block-mini-cart__badge {
    background: #fe8d3f;
    color: black;
}

/* --- Trigger-Lasche --- */
.side-tab-trigger {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 180px;
    background: #fe8d3f;
    color: #fff;
    writing-mode: vertical-rl;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 0 0 12px;
    cursor: pointer;
    font-weight: 600;
    font-size: 23px;
    user-select: none;
}

/*  ENDE:Style für Heftklammer-Sidebar im Footer */


#wpcf7-f989-p375-o1 label {
    font-family: system-ui, sans-serif;
}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
    border: 2px solid #fe8d3f;
    border-radius: 5px;
    margin-bottom: 20px;
}
.wpcf7-form select {
    max-width: 100px;
    margin-left: 10px;
}
.kontaktname, .kontaktdaten {
  display: flex;
}
.kontaktname label, .kontaktdaten label {
  padding-right: 10px;
}
.kontaktname label:last-child, .kontaktdaten label:last-child {
  padding-right: 0px;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
  background-color: #fe8d3f;
  color: #fff;
  font-size: 22px;
  margin-top: 20px;
  max-width: 250px;
  display: flex;
  margin-left: auto;
    justify-content: center;
}
.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background-color: #fff;
  color: #fe8d3f;
}


.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name="add-to-cart"] {
  background-color: #fe8d3f;
  color: #fff;
  font-weight: 600;
  border: 1px solid #fe8d3f;
}
.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
  background-color: #fff;
  color: #000;
}
.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-cart-button-block.wc-block-mini-cart__footer-cart.outlined {
  border-radius: 12px;
}
.wc-block-components-button:not(.is-link).is-style-outline:hover, .wc-block-components-button:not(.is-link).outlined:hover {
  background-color: #fe8d3f;
}
#anfrage-formular {
    margin-top:40px;
    padding-top:20px;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    font-size: 15px !important;
    border: 1px solid #fe8d3f;
    color: #fe8d3f;
    border-radius: 10px;
    line-height: 0;
}
.wp-container-core-group-is-layout-6c531013 {
  flex-wrap: wrap;
}
.wp-block-search__input {
  border: 1px solid #ccc;
}
.envira-download-button a {
    width: 50px;
    height: 50px;
    color: #fff;
    background: url(/wp-content/themes/ona-child/images/download_icon.png) center no-repeat #fe8d3f;
    background-size: 24px 24px;
}
.envirabox-woocommerce .envirabox-outer .envirabox-inner .envira-woocommerce {
    padding: 30px;
    color: #fff;
    font-family: system-ui, sans-serif;
    text-align: left;
}
div.envira-woocommerce table.variations tr td.value select {
    background: none;
}
.envira-woocommerce .label label {
    font-family: system-ui,sans-serif !important;
    padding-right: 20px;
    top: -15px;
    position: relative;
    font-size: 17px;
}
div.envira-woocommerce div.single_variation_wrap span.price {
  font-size: 17px;
}
div.envira-woocommerce div.single_variation_wrap div.variations_button {
    padding-top: 10px;
    padding-bottom: 10px;
}
div.envira-woocommerce div.quantity input {
    color: #000;
    padding-left: 10px;
}
#envira-woocommerce #myaAnfrageBtn {
  padding: 5px 15px;
}
div.envira-woocommerce table.variations tr td.value select {
  border-radius: 12px;
}
div.envira-woocommerce button.button.single_add_to_cart_button {
  padding: 10px 20px;
  background: #fe8d3f;
  color: #fff;
  border-radius: 13px;
}
@media only screen and (max-width: 375px) {
	.inhaltsverzeichnis .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
      min-width: inherit;
        width: 150px;
    }
}
@media only screen and (max-width: 975px) {
	.inhaltsverzeichnis .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
      min-width: inherit;
        width: 250px;
    }
    .envira-tags-filter-list {
      display: block;
    }
}
@media only screen and (max-width: 410px) {
    h2 {
        padding-top: 30px;
    }
	.inhaltsverzeichnis .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
        min-width: inherit;
        width: 160px;
    }
    .wp-block-cover.aligncenter.is-style-ona-hover-scale.has-x-large-font-size.has-aspect-ratio {
        border-radius: 15px !important;
    }
    .inhaltsverzeichnis .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container, .inhaltsverzeichnis a, .inhaltsverzeichnis .wp-block-heading.has-text-align-center.is-style-ona-alt-font.has-x-large-font-size {
        font-size: 30px;
    }
    .is-layout-flex {
        gap: 10px;
    }
    .wp-block-group.has-background.is-layout-flow.wp-block-group-is-layout-flow {
      padding: 50px !important;
    }   
    .wp-block-column.is-style-no-spacing.is-layout-flow.wp-block-column-is-layout-flow {
      margin-top: -10px;
    }
    .wp-block-spacer {
      height: 0px !important;
    }
    .wp-block-group.is-style-no-spacing.has-background-light-background-color.has-background.is-content-justification-center.is-layout-constrained.wp-container-core-group-is-layout-6d51ba59.wp-block-group-is-layout-constrained {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
    .wp-block-group.has-background-light-background-color.has-background.is-layout-flow.wp-block-group-is-layout-flow {
      padding-top: 0px !important;
    }
    #wp--skip-link--target h1 {
        padding-top: 30px;
    }
    .wp-block-group.has-background.is-layout-constrained.wp-container-core-group-is-layout-31ed188d.wp-block-group-is-layout-constrained {
      padding-bottom: 60px !important;
    }
}

@media only screen and (max-width: 800px) {
    .wp-block-group.has-background-light-background-color.has-background.is-layout-flow.wp-block-group-is-layout-flow {
      padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .wp-block-group.has-background-light-background-color.has-background.is-layout-flow.wp-block-group-is-layout-flow h2, .wp-block-group.has-background-light-background-color.has-background.is-layout-flow.wp-block-group-is-layout-flow p {
      text-align: center !important;
    }
    
}

@media only screen and (min-width: 1800px) {
	.inhaltsverzeichnis .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
      min-width: 650px;
    }
    .inhaltsverzeichnis .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container, .inhaltsverzeichnis a, .inhaltsverzeichnis .wp-block-heading.has-text-align-center.is-style-ona-alt-font.has-x-large-font-size {
      font-size: 80px;
    }
}

#envira-tag-filter-all {
  font-weight: 700;
}
#payment-method-message {
  display: none !important;
}
#bildnummer_text {
    font-weight: 700;
    white-space: nowrap;
}
/* Bezahlmöglichkeiten-Thumbnails stylen */
.cart-payment-thumbs {
  margin-top: 16px;
}

.cart-payment-thumbs__title {
  margin: 0 0 10px;
  font-weight: 600;
}

.cart-payment-thumbs__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
  margin: 0;
  align-items: center;
}

.cart-payment-thumbs__list img {
  height: 36px;
  width: auto;
  display: block;
}

.cart-payment-thumbs__note {
  display: block;
  margin-top: 8px;
  opacity: 0.7;
  font-size: 12px;
}


.site-payment-thumbs {
  margin-top: 12px;
    margin-bottom: 25px;
  display: flex;
  justify-content: center; /* Container mittig */
}

.site-payment-thumbs__list {
  list-style: none;
  display: flex;
  justify-content: center; /* Icons mittig */
  align-items: center;
  gap: 12px;
  padding: 0;
  margin: 0;
}

.site-payment-thumbs__list img {
  height: 26px;
  width: auto;
  display: block;
}
p.footer-info {
  padding-bottom: 0;
  margin-bottom: 10px;
}
.site-payment-thumbs__list li:last-child img {
     height: 46px;
}
.cart-payment-thumbs__list li:last-child img {
     height: 55px;
}