.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-media-player .oxy-pro-media-player_play{
--extras-play-icon-size:60px;
}

.oxy-pro-media-player .oxy-pro-media-player_play button:hover{
--vm-play-scale:1;
}

.oxy-pro-media-player .oxy-pro-media-player_play button{
transition-duration:.3s;
}

.oxy-pro-media-player vime-player{
--vm-control-scale:.9;
--extras-slider-height:2px;
--vm-control-group-spacing:12px;
--vm-controls-padding:15px;
--vm-controls-spacing:15px;
--vm-time-font-size:13px;
--vm-control-border-radius:3px;
--extras-spinner-size:80px;
--vm-spinner-thickness:3px;
--vm-spinner-spin-duration:1s;
--vm-tooltip-spacing:3px;
--vm-tooltip-padding:3px;
}

.oxy-pro-media-player .oxy-pro-media-player_custom-image{
--extras-poster-left:50%;
--extras-poster-top:50%;
}

.oxy-pro-media-player vime-player.video{
                            height: 0;
                            overflow: hidden;
                        }
.oxy-pro-media-player .extras-in-builder vime-spinner{
                                opacity: 0;
                            }
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1600px;
}
body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.own_btn_white:hover{
 background-color:#ffffff;
 color:#365660;
 border-top-color:#365660;
 border-right-color:#365660;
 border-bottom-color:#365660;
 border-left-color:#365660;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 transition-duration:0.2s;
}
.own_btn_white {
background-color :#1e73be;
border: 1px solid #1e73be;
color: #ffffff;
}.own_btn_white {
 background-color:rgba(255,255,255,0);
 border-radius:25px;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.Montserrat {
 font-family:'Montserrat';
 margin-bottom:0px;
 text-align:center;
}
@media (max-width: 1600px) {
.Montserrat {
}
}

@media (max-width: 479px) {
.Montserrat {
}
}

.footer-menu:hover{
 border-bottom-style:none;
 border-bottom-width:1px;
 border-bottom-color:#ffffff;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 text-decoration:underline;
}
.footer-menu {
 color:#ffffff;
 font-size:14px;
}
.oxy-burger-trigger {
}
.own_btn:hover{
background-color :#a7b6ae;
border: 1px solid #a7b6ae;
}.own_btn:hover{
}
.own_btn {
background-color :#c6d2cd;
border: 1px solid #c6d2cd;
color: #ffffff;
padding: 10px 16px;
}.own_btn {
 button-hover_color:#a7b6ae;
 font-size:18px;
 font-weight:600;
 border-radius:25px;
 transition-duration:0.2s;
}
.section_full_width {
}
.Mon {
}
/*sliderarrows*/
.unslider-arrow{
  background: rgba(0, 0, 0, 0.0) url("http://pocketr110.sg-host.com/wp-content/uploads/2025/09/arrow-right_v2.png") no-repeat scroll 50% 50% / 70px 110px !important;
  width: 70px !important;
  height: 110px !important;
  opacity: 1 !important;
  margin-top: -50px !important;
  margin-left: -80px !important;
  margin-right: -80px !important;
}

/*Productsection*/

/* Produkt Container */
.woocommerce ul.products {
  display: flex;
  justify-content: center;
}

/* Einzelnes Produkt */
.woocommerce ul.products li.product {
  background-color: #ffffff;
  border-radius: 0px;
  padding: 0;
  margin: 0 auto;
  max-width: 450px;
  width: 100%;
  overflow: hidden;
}


/* Produkt Bild Container */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: block;
  text-decoration: none;
}

.woocommerce ul.products li.product img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 25;
  margin: 0 auto;
  max-width: 100%;
}

/* Produkt Titel */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #a8b5b0;
  text-align: center;
  margin: 30px 0 10px;
  padding: 0 30px;
  line-height: 1.3;
}

/* Preis Container */
.woocommerce ul.products li.product .price {
  text-align: center;
  margin: 15px 0 30px;
  padding: 0 30px;
}

.woocommerce ul.products li.product .price .woocommerce-Price-amount {
  font-size: 36px;
  font-weight: 400;
  color: #2c2c2c;
  letter-spacing: -0.5px;
}

.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
  font-size: 36px;
  margin-left: 4px;
}

/* Zusätzliche Informationen (Steuer, Versand) */
.wc-gzd-additional-info {
  font-size: 13px;
  color: #888;
  text-align: center;
  padding: 0 30px;
  margin: 10px 0;
  line-height: 1.6;
}

.wc-gzd-additional-info a {
  color: #888;
  text-decoration: none;
}

.wc-gzd-additional-info a:hover {
  color: #555;
  text-decoration: underline;
}

/* Add to Cart Button */
.woocommerce ul.products li.product .button {
  display: block;
  width: calc(100% - 60px);
  margin: 30px 30px 0px;
  padding: 18px 30px;
  background-color: #ffffff;
  color: #a8b5b0;
  border: 2px solid #d5dcd8;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #a8b5b0;
  color: #ffffff;
  border-color: #a8b5b0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(168, 181, 176, 0.3);
}

.woocommerce ul.products li.product .button:active {
  transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 768px) {
  .woocommerce ul.products li.product {
    max-width: 100%;
  }
  
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 28px;
    margin: 25px 0 8px;
  }
  
  .woocommerce ul.products li.product .price .woocommerce-Price-amount {
    font-size: 32px;
  }
  
  .woocommerce ul.products li.product .button {
    font-size: 15px;
    padding: 16px 25px;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__link {
    padding: 30px;
  }
  
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 24px;
    padding: 0 20px;
  }
  
  .woocommerce ul.products li.product .price .woocommerce-Price-amount {
    font-size: 28px;
  }
  
  .woocommerce ul.products li.product .button {
    width: calc(100% - 40px);
    margin: 25px 20px 30px;
    font-size: 14px;
  }
}

@media (max-width: 700px){
  .woocommerce ul.products li.product{
    width: 100% !important;
  }
}



.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family: 'Montserrat';
  font-size: 26px;
}

a.added_to_cart {
    text-align: center;
    display: block !important;
    color: #a8b5b0 !important;
}

@media only screen and (max-width: 1600px){
  #section-2-13{
    height: 75vh;
  }
}

@media only screen and (max-width: 1370px){
  #section-2-13{
    height: 64vh;
  }
}

@media only screen and (max-width: 1160px){
  #section-2-13{
    height: 55vh;
  }
  #text_block-9-13{
    font-size: 100px !important;
  }
}

@media only screen and (max-width: 995px){
  #section-2-13{
    height: 47vh;
  }
}

@media only screen and (max-width: 836px){
  #section-2-13{
    height: 39vh;
  }
  #text_block-9-13{
    font-size: 80px !important;
  }
}



@media only screen and (max-width: 660px){
  #text_block-10-13{
    font-size: 20px;
  }
  #text_block-9-13{
    font-size: 65px !important;
  }
}

@media only screen and (max-width: 500px){
    #text_block-10-13{
    font-size: 16px;
  }
  #text_block-9-13{
    font-size: 40px !important;
  }
  #link_button-38-13{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 400;
  }
    #section-2-13{
      gap: 10px;
      background-position: -44px 50% !important;
    }
}




@media only screen and (max-width: 1600px){
  #section-2-35{
    height: 90vh;
  }
}

#section-2-10{
  margin-top: -20px;
}

@media only screen and (min-width: 2170px){
  #section-2-13{
    background-position: 0% -150px !important;
  }
}

@media only screen and (max-width: 2250px){
  #section-2-13{
    background-position: 0% 0px;
  }
}/* ===================================
   WooCommerce Warenkorb Custom Styling
   Clean Design - Montserrat Font
   Keine doppelten Borders - Kein Overflow
   =================================== */

/* Font Family Global */
.woocommerce-cart,
.woocommerce-cart * {
  font-family: 'Montserrat', sans-serif;
}

/* Warenkorb Container */
.woocommerce-cart .woocommerce-cart-form {
  margin-bottom: 2rem;
}

/* ===================================
   DESKTOP STYLING
   =================================== */

/* Warenkorb Tabelle - Basis */
.woocommerce-cart table.shop_table {
  border: 1px solid #365660;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0;
  width: 100%;
  margin-bottom: 2rem;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

/* Tabellen Header */
.woocommerce-cart table.shop_table thead {
  background: #365660;
  color: white;
}

.woocommerce-cart table.shop_table thead th {
  padding: 1rem;
  font-weight: 400;
  text-align: left;
  border: none;
  color: white !important;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  background: #365660;
}

/* Tabellen Körper */
.woocommerce-cart table.shop_table tbody tr {
  border-bottom: 1px solid #e8e8e8;
  background: transparent;
}

.woocommerce-cart table.shop_table tbody tr:last-child {
  border-bottom: none;
}

.woocommerce-cart table.shop_table tbody td {
  padding: 1.5rem 1rem;
  vertical-align: middle;
  border: none;
  background: transparent;
}

/* Produktbild */
.woocommerce-cart table.shop_table .product-thumbnail img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  display: block;
}

/* Produktname */
.woocommerce-cart table.shop_table .product-name a {
  color: #333;
  text-decoration: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.woocommerce-cart table.shop_table .product-name a:hover {
  color: #365660;
}

/* Preis - Farbe #a7b6ae */
.woocommerce-cart table.shop_table .product-price,
.woocommerce-cart table.shop_table .product-price .woocommerce-Price-amount,
.woocommerce-cart table.shop_table .product-subtotal,
.woocommerce-cart table.shop_table .product-subtotal .woocommerce-Price-amount {
  font-weight: 400;
  color: #a7b6ae;
  font-size: 1rem;
}



/* Mengenfeld */
.woocommerce-cart table.shop_table .quantity input.qty {
  width: 65px;
  padding: 0.6rem;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  background: transparent;
  box-sizing: border-box;
}

/* Entfernen Button */
.woocommerce-cart table.shop_table .product-remove a {
  color: #365660 !important;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  transition: color 0.2s ease;
}

.woocommerce-cart table.shop_table .product-remove a:hover {
  color: #a7b6ae !important;
}

/* Actions Zeile - KEIN Border oben, da er sich mit der letzten Zeile überschneidet */
.woocommerce-cart table.shop_table tbody tr.actions {
  background: transparent;
  border-top: none;
  border-bottom: none;
}

.woocommerce-cart table.shop_table tbody tr.actions td {
  padding: 1.5rem 1rem;
  background: transparent;
}

/* Gutschein Feld */
.woocommerce-cart .coupon {
  display: inline-flex;
  gap: 0.5rem;
  margin-right: 1rem;
  align-items: center;
}

.woocommerce-cart .coupon label {
  display: none;
}

.woocommerce-cart .coupon input.input-text {
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 2px;
  min-width: 200px;
  font-size: 0.95rem;
  font-weight: 400;
  background: transparent;
  box-sizing: border-box;
}

.woocommerce-cart .coupon input.input-text:focus {
  border-color: #365660;
  outline: none;
}

.woocommerce-cart .coupon input.input-text::placeholder {
  font-weight: 300;
}

/* ALLE Buttons */
.woocommerce-cart button.button,
.woocommerce-cart .button,
.woocommerce-cart input[type="submit"],
.woocommerce-cart .coupon .button,
.woocommerce-cart button[name="update_cart"] {
  background: #365660 !important;
  color: white !important;
  padding: 0.75rem 1.5rem;
  border: none !important;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
}

.woocommerce-cart button.button:hover,
.woocommerce-cart .button:hover,
.woocommerce-cart input[type="submit"]:hover,
.woocommerce-cart .coupon .button:hover,
.woocommerce-cart button[name="update_cart"]:hover {
  background: #a7b6ae !important;
  color: white !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.woocommerce-cart button.button:disabled,
.woocommerce-cart .button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

/* ===================================
   WARENKORB-SUMME BOX
   =================================== */

.woocommerce-cart .cart-collaterals {
  margin-top: 2rem;
}

.woocommerce-cart .cart_totals {
  max-width: 600px;
  margin-left: auto;
  background: transparent;
  border: 1px solid #365660;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  overflow: visible;
}

.woocommerce-cart .cart_totals h2 {
  background: #365660;
  color: white;
  padding: 1rem 1.5rem;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.woocommerce-cart .cart_totals table.shop_table {
  border: none;
  margin: 0;
  box-shadow: none;
  background: transparent;
}

/* Alle Zeilen OHNE oberen Border (nur Trennlinien zwischen Zeilen) */
.woocommerce-cart .cart_totals table.shop_table tr {
  border-top: none;
  border-bottom: 1px solid #e8e8e8;
  background: transparent;
}

.woocommerce-cart .cart_totals table.shop_table tr:first-child {
  border-top: none;
}

.woocommerce-cart .cart_totals table.shop_table tr:last-child {
  border-bottom: none;
}

.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
  padding: 1rem 1.5rem;
  border: none;
  text-align: left;
  background: transparent;
}

.woocommerce-cart .cart_totals table.shop_table th {
  font-weight: 400;
  color: #666;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
}

/* Preise in Warenkorb-Summe - #a7b6ae */
.woocommerce-cart .cart_totals table.shop_table td,
.woocommerce-cart .cart_totals table.shop_table td .woocommerce-Price-amount,
.woocommerce-cart .cart_totals table.shop_table td span,
.woocommerce-cart .cart_totals table.shop_table td bdi {
  text-align: right;
  font-weight: 400;
  color: #a7b6ae !important;
  font-size: 1rem;
}

/* Gesamtsumme - KEIN grauer Hintergrund */
.woocommerce-cart .cart_totals .order-total {
  border-top: 1px solid #365660;
  background: transparent;
}

.woocommerce-cart .cart_totals .order-total th {
  font-size: 1.15rem;
  padding: 1rem 1.5rem;
  background: transparent;
  color: #333;
  font-weight: 400;
}

.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart .cart_totals .order-total td .woocommerce-Price-amount,
.woocommerce-cart .cart_totals .order-total td span,
.woocommerce-cart .cart_totals .order-total td bdi {
  font-size: 1.15rem;
  padding: 1rem 1.5rem;
  background: transparent;
  color: #a7b6ae !important;
  font-weight: 400;
  text-align: right;
}

/* Zur Kasse Button - KEIN oberer Border */
.woocommerce-cart .wc-proceed-to-checkout {
  padding: 1.5rem;
  background: transparent;
  border-top: none;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  width: 100%;
  background: #365660 !important;
  color: white !important;
  padding: 1rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: block;
  font-family: 'Montserrat', sans-serif;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background: #a7b6ae !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* Versandrechner */
.woocommerce-cart .shipping-calculator-form {
  padding: 1rem 0;
}

.woocommerce-cart .shipping-calculator-form input,
.woocommerce-cart .shipping-calculator-form select {
  width: 100%;
  padding: 0.6rem;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-bottom: 0.5rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.9rem;
}

.woocommerce-cart .shipping-calculator-form .button {
  width: auto;
  margin-top: 0.5rem;
}

.woocommerce-cart .shipping-calculator-button {
  color: #365660;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.9rem;
  transition: color 0.2s ease;
}

.woocommerce-cart .shipping-calculator-button:hover {
  color: #a7b6ae;
  text-decoration: underline;
}

/* ===================================
   TABLET - 1024px
   =================================== */

@media screen and (max-width: 1024px) {
  .woocommerce-cart .cart_totals {
    max-width: 100%;
    margin: 2rem auto 0;
  }
  
  .woocommerce-cart table.shop_table thead th {
    padding: 0.85rem 0.75rem;
    font-size: 0.8rem;
  }
  
  .woocommerce-cart table.shop_table tbody td {
    padding: 1.25rem 0.75rem;
  }

  
  
}

/* ===================================
   TABLET SMALL - 900px
   Buttons untereinander - CSS GRID
   =================================== */

@media screen and (max-width: 900px) {
  
  /* Actions TD als CSS Grid Container */
  .woocommerce-cart table.shop_table tbody tr.actions td.actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
    width: 100% !important;
    padding: 1rem !important;
  }
  
  /* Coupon DIV als Grid Item */
  .woocommerce-cart table.shop_table tbody tr.actions .coupon {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    order: 1 !important;
  }
  
  /* Coupon Label verstecken */
  .woocommerce-cart table.shop_table tbody tr.actions .coupon label {
    display: none !important;
  }
  
  /* Gutschein Input innerhalb von Coupon */
  .woocommerce-cart table.shop_table tbody tr.actions .coupon input.input-text,
  .woocommerce-cart table.shop_table tbody tr.actions .coupon input[type="text"],
  .woocommerce-cart table.shop_table tbody tr.actions .coupon #coupon_code {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    grid-column: 1 !important;
  }
  
  /* Gutschein Anwenden Button innerhalb von Coupon */
  .woocommerce-cart table.shop_table tbody tr.actions .coupon button,
  .woocommerce-cart table.shop_table tbody tr.actions .coupon .button,
  .woocommerce-cart table.shop_table tbody tr.actions .coupon button[name="apply_coupon"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    grid-column: 1 !important;
  }
  
  /* Warenkorb Aktualisieren Button - NACH Coupon */
  .woocommerce-cart table.shop_table tbody tr.actions td.actions > button[name="update_cart"],
  .woocommerce-cart table.shop_table tbody tr.actions button[name="update_cart"],
  .woocommerce-cart table.shop_table tbody tr.actions button[name="update_cart"]:disabled {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    order: 2 !important;
    grid-column: 1 !important;
  }
  
  /* Versteckte Inputs sollen keinen Platz einnehmen */
  .woocommerce-cart table.shop_table tbody tr.actions input[type="hidden"] {
    display: none !important;
  }

  
}

/* ===================================
   MEDIUM SCREENS - 720px
   =================================== */

@media screen and (max-width: 720px) {
  /* Gutschein und Actions fix */
  .woocommerce-cart .coupon {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 1rem 0;
  }
  
  .woocommerce-cart .coupon input.input-text {
    width: 100%;
    min-width: unset;
    margin-bottom: 0.5rem;
  }
  
  .woocommerce-cart button.button,
  .woocommerce-cart .button,
  .woocommerce-cart button[name="update_cart"] {
    width: 100%;
    margin-bottom: 0.5rem;
    margin-right: 0;
    text-align: center;
  }
  
  .woocommerce-cart table.shop_table tbody tr.actions td {
    display: block;
  }
  
  /* Versandkosten Text fix */
  .woocommerce-cart .shipping-calculator-button,
  .woocommerce-cart .cart_totals td {
    font-size: 0.85rem;
    word-break: break-word;
  }
  
  .woocommerce-cart .cart_totals table.shop_table th,
  .woocommerce-cart .cart_totals table.shop_table td {
    padding: 0.85rem 1rem;
  }
}

/* ===================================
   MOBILE - 768px
   =================================== */

@media screen and (max-width: 968px) {
  /* Tabelle komplett umstrukturieren */
  .woocommerce-cart table.shop_table thead {
    display: none;
  }
  
  .woocommerce-cart table.shop_table,
  .woocommerce-cart table.shop_table tbody {
    display: block;
    width: 100%;
  }
  
  /* Produkt-Karten Design */
  .woocommerce-cart table.shop_table tbody tr:not(.actions) {
    display: block;
    position: relative;
    margin-bottom: 1.25rem;
    padding: 1rem;
    background: transparent;
    box-shadow: none;
  }
  
  .woocommerce-cart table.shop_table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.65rem 0;
    border-bottom: 1px solid #e8e8e8;
    text-align: right;
    background: transparent;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .woocommerce-cart table.shop_table tbody td:last-child {
    border-bottom: none;
  }
  
  /* Labels für Mobile 
  .woocommerce-cart table.shop_table tbody td::before {
    content: attr(data-title);
    font-weight: 400;
    color: #666;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.3px;
    text-align: left;
    flex: 0 0 40%;
  }*/

  .shop_table_responsive tbody > tr:nth-child(2) > td {
    gap:20px;
  }
  
  /* Produktbild */
  .woocommerce-cart table.shop_table .product-thumbnail {
    justify-content: center;
    padding: 0.75rem 0;
    border: none;
  }
  
  .woocommerce-cart table.shop_table .product-thumbnail::before {
    display: none;
  }
  
  .woocommerce-cart table.shop_table .product-thumbnail img {
    width: 90px;
    height: 90px;
  }
  
  /* Entfernen Button - oben rechts */
  .woocommerce-cart table.shop_table .product-remove {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    padding: 0;
    border: none;
    background: transparent;
  }


  
  .woocommerce-cart table.shop_table .product-remove::before {
    display: none;
  }
  
  .woocommerce-cart table.shop_table .product-remove a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 1.2rem;
  }

  
  
  /* Actions Bereich - gleiche Abstände wie Produkt-Karten */
  .woocommerce-cart table.shop_table tbody tr.actions {
    display: block !important;
    padding: 1rem;
    border-width: 1px;
    border-top: none;
    margin-top: -1.25rem;
    border-radius: 0;
  }
  
  .woocommerce-cart table.shop_table tbody tr.actions td {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    border: none;
    gap: 0.75rem;
    width: 100% !important;
    float: none !important;
  }
  
  .woocommerce-cart table.shop_table tbody tr.actions td::before {
    display: none !important;
  }
  
  /* ALLE direkten Kinder in Actions untereinander */
  .woocommerce-cart table.shop_table tbody tr.actions td > * {
    width: 100% !important;
    display: block !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  
  /* Gutschein Bereich Mobile - als Block */
  .woocommerce-cart table.shop_table tbody tr.actions .coupon,
  .woocommerce-cart .coupon {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 0.5rem;
    float: none !important;
  }
  
  .woocommerce-cart table.shop_table tbody tr.actions .coupon input.input-text,
  .woocommerce-cart .coupon input.input-text {
    width: 100% !important;
    min-width: unset !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
    float: none !important;
  }
  
  .woocommerce-cart table.shop_table tbody tr.actions .coupon .button,
  .woocommerce-cart .coupon .button {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
    float: none !important;
  }
  
  /* Update Cart Button - IMMER unter Gutschein */
  .woocommerce-cart table.shop_table tbody tr.actions button[name="update_cart"],
  .woocommerce-cart table.shop_table tbody tr.actions button[name="update_cart"]:disabled,
  .woocommerce-cart table.shop_table button[name="update_cart"],
  .woocommerce-cart table.shop_table button[name="update_cart"]:disabled {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    line-height: 1.3 !important;
    padding: 0.75rem 1rem !important;
    display: block !important;
    float: none !important;
    clear: both !important;
  }
  
  /* Alle anderen Buttons in Actions */
  .woocommerce-cart table.shop_table tbody tr.actions button.button,
  .woocommerce-cart table.shop_table tbody tr.actions .button,
  .woocommerce-cart table.shop_table tbody tr.actions input[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
  }
  
  /* Verhindere inline-block */
  .woocommerce-cart table.shop_table tbody tr.actions td .coupon,
  .woocommerce-cart table.shop_table tbody tr.actions td button,
  .woocommerce-cart table.shop_table tbody tr.actions td .button {
    display: block !important;
  }
  
  /* Warenkorb Summe */
  .woocommerce-cart .cart-collaterals {
    margin-top: 2rem;
  }
  
  .woocommerce-cart .cart_totals {
    max-width: 100%;
  }
  
  .woocommerce-cart .cart_totals h2 {
    font-size: 1rem;
    padding: 0.9rem 1.25rem;
  }
  
  .woocommerce-cart .cart_totals table.shop_table th,
  .woocommerce-cart .cart_totals table.shop_table td {
    padding: 0.85rem 1.25rem;
    font-size: 0.9rem;
    display: block;
    width: 100%;
    text-align: left;
  }
  
  /* Versand Zeile auf Mobile */
  .woocommerce-cart .cart_totals .shipping td {
    display: block;
    text-align: left;
  }
  
  .woocommerce-cart .cart_totals .shipping td ul {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0 0;
  }
  
  .woocommerce-cart .cart_totals .shipping td li {
    margin-bottom: 0.5rem;
  }
  
  .woocommerce-cart .cart_totals .shipping .woocommerce-Price-amount {
    display: inline-block;
    margin-left: 0.5rem;
  }
  
  .woocommerce-cart .shipping-calculator-button {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 0.85rem;
  }
  
  .woocommerce-cart .cart_totals .order-total th,
  .woocommerce-cart .cart_totals .order-total td {
    font-size: 1.05rem;
    padding: 0.85rem 1.25rem;
  }
}

  @media screen and (max-width: 992px) {
    .woocommerce-cart table.shop_table .product-remove {
      width:auto;
  }
}

/* ===================================
   SMALL MOBILE - 480px
   =================================== */

@media screen and (max-width: 480px) {

  .shop_table_responsive tbody > tr:nth-child(2) > td {
    flex-direction:column;
  }
  
  .woocommerce-cart table.shop_table {
    margin-bottom: 1.25rem;
  }
  
  .woocommerce-cart table.shop_table tbody tr:not(.actions) {
    padding: 0.85rem;
    margin-bottom: 1rem;
  }
  
  .woocommerce-cart table.shop_table tbody td {
    padding: 0.55rem 0;
    font-size: 0.9rem;
  }
  
  .woocommerce-cart table.shop_table tbody td::before {
    font-size: 0.75rem;
    flex: 0 0 42%;
    text-align:left;
  }
  
  .woocommerce-cart table.shop_table .product-thumbnail img {
    width: 75px;
    height: 75px;
  }
  
  .woocommerce-cart table.shop_table .product-name a {
    font-size: 0.9rem;
    line-height: 1.3;
  }
  
  .woocommerce-cart table.shop_table .quantity input.qty {
    width: 55px;
    padding: 0.5rem;
    font-size: 0.9rem;
  }
  
  .woocommerce-cart table.shop_table .product-remove {
    top: 0.6rem;
    right: 0.6rem;
  }
  
  .woocommerce-cart table.shop_table .product-remove a {
    width: 30px;
    height: 30px;
    font-size: 1.1rem;
  }
  
  /* Buttons */
  .woocommerce-cart button.button,
  .woocommerce-cart .button {
    padding: 0.7rem 1rem;
    font-size: 0.8rem;
  }
  
  /* Actions Bereich 480px */
  .woocommerce-cart table.shop_table tbody tr.actions {
    padding: 0.85rem;
  }
  
  .woocommerce-cart table.shop_table tbody tr.actions td {
    gap: 0.65rem;
  }
  
  /* Warenkorb Summe */
  .woocommerce-cart .cart_totals h2 {
    font-size: 0.95rem;
    padding: 0.8rem 1rem;
  }
  
  .woocommerce-cart .cart_totals table.shop_table th,
  .woocommerce-cart .cart_totals table.shop_table td {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
  }
  
  /* Versand auf kleinem Mobile */
  .woocommerce-cart .cart_totals .shipping td {
    font-size: 0.85rem;
  }
  
  .woocommerce-cart .shipping-calculator-button {
    font-size: 0.8rem;
  }
  
  .woocommerce-cart .cart_totals .order-total th,
  .woocommerce-cart .cart_totals .order-total td {
    font-size: 0.95rem;
    padding: 0.75rem 1rem;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout {
    padding: 1.25rem;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    font-size: 0.9rem;
    padding: 0.9rem;
  }
}

/* ===================================
   EXTRA SMALL - 400px
   =================================== */

@media screen and (max-width: 400px) {
  .woocommerce-cart table.shop_table tbody tr:not(.actions) {
    padding: 0.75rem;
    margin-bottom: 0.9rem;
  }
  
  .woocommerce-cart table.shop_table tbody td {
    padding: 0.5rem 0;
    font-size: 0.85rem;
  }
  
  .woocommerce-cart table.shop_table tbody td::before {
    font-size: 0.7rem;
    flex: 0 0 45%;
  }
  
  .woocommerce-cart table.shop_table .product-thumbnail {
    padding: 0.65rem 0;
  }
  
  .woocommerce-cart table.shop_table .product-thumbnail img {
    width: 65px;
    height: 65px;
  }
  
  .woocommerce-cart table.shop_table .product-name a {
    font-size: 0.85rem;
  }
  
  .woocommerce-cart table.shop_table .quantity input.qty {
    width: 50px;
    padding: 0.45rem;
    font-size: 0.85rem;
  }
  
  .woocommerce-cart table.shop_table .product-remove {
    top: 0.5rem;
    right: 0.5rem;
  }
  
  .woocommerce-cart table.shop_table .product-remove a {
    width: 28px;
    height: 28px;
    font-size: 1rem;
  }
  
  /* Actions */
  .woocommerce-cart table.shop_table tbody tr.actions {
    padding: 0.75rem;
  }
  
  .woocommerce-cart table.shop_table tbody tr.actions td {
    gap: 0.6rem;
  }
  
  .woocommerce-cart .coupon input.input-text {
    padding: 0.6rem 0.85rem;
    font-size: 0.85rem;
  }
  
  .woocommerce-cart button.button,
  .woocommerce-cart .button {
    padding: 0.65rem 0.9rem;
    font-size: 0.75rem;
    letter-spacing: 0.3px;
  }
  
  .woocommerce-cart table.shop_table button[name="update_cart"] {
    padding: 0.65rem 0.85rem;
    font-size: 0.75rem;
  }
  
  /* Warenkorb Summe */
  .woocommerce-cart .cart_totals h2 {
    font-size: 0.9rem;
    padding: 0.75rem 0.9rem;
  }
  
  .woocommerce-cart .cart_totals table.shop_table th {
    padding: 0.7rem 0.9rem;
    font-size: 0.72rem;
  }
  
  .woocommerce-cart .cart_totals table.shop_table td {
    padding: 0.7rem 0.9rem;
    font-size: 0.8rem;
  }
  
  /* Versand auf sehr kleinem Mobile */
  .woocommerce-cart .cart_totals .shipping td {
    font-size: 0.8rem;
  }
  
  .woocommerce-cart .shipping-calculator-button {
    font-size: 0.75rem;
  }
  
  .woocommerce-cart .cart_totals .order-total th,
  .woocommerce-cart .cart_totals .order-total td {
    font-size: 0.9rem;
    padding: 0.7rem 0.9rem;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout {
    padding: 1rem;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    font-size: 0.85rem;
    padding: 0.8rem;
    letter-spacing: 0.5px;
  }
}

/* ===================================
   TOUCH OPTIMIERUNG
   =================================== */

@media (hover: none) and (pointer: coarse) {
  .woocommerce-cart button.button,
  .woocommerce-cart .button {
    min-height: 44px;
  }
  
  .woocommerce-cart table.shop_table .product-remove a {
    min-width: 44px;
    min-height: 44px;
  }
  
  .woocommerce-cart table.shop_table .quantity input.qty {
    min-height: 44px;
  }
  
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    min-height: 48px;
  }
}

/* ===================================
   LANDSCAPE OPTIMIERUNG
   =================================== */

@media screen and (max-height: 500px) and (orientation: landscape) {
  .woocommerce-cart table.shop_table tbody tr:not(.actions) {
    margin-bottom: 0.75rem;
  }
  
  .woocommerce-cart .cart-collaterals {
    margin-top: 1.25rem;
  }
}

.woocommerce-cart .cart_totals .order-total td, .woocommerce-cart .cart_totals .order-total td .woocommerce-Price-amount, .woocommerce-cart .cart_totals .order-total td span, .woocommerce-cart .cart_totals .order-total td bdi{
  padding: 0px
}


@media screen and (max-width: 768px) {
  .woocommerce-cart-form__cart-item {
    padding-top:50px!important;
  }
}

@media screen and (max-width: 968px) {
  .cart_totals .shop_table_responsive tr th {
    display:none!important;
  }

  .cart_totals .shop_table_responsive .order-total td{
    text-align:left;
  }
  
}
/* ===================================
   WooCommerce "Mein Konto" – Custom Styling
   Optisch an Warenkorb-Stil angepasst
   =================================== */

.woocommerce-account .woocommerce {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  background: white;
  border: 2px solid #365660;
  padding: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-family: "Open Sans", sans-serif;
}

/* =============================
   Navigation (Sidebar links)
   ============================= */
.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 250px;
  border-right: 2px solid #365660;
  padding-right: 2rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin-bottom: 0.75rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 0.75rem 1rem;
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: all 0.3s ease;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  background: #f9f9f9;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: #365660;
  color: white;
  border-color: #365660;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  background: #365660;
  color: white;
  border-color: #365660;
}

/* =============================
   Content (rechts)
   ============================= */
.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1;
  padding-left: 2rem;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 1.5rem;
}

.woocommerce-account .woocommerce-MyAccount-content a {
  color: #365660;
  font-weight: 600;
  text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
  text-decoration: underline;
}

/* Begrüßung / Texte */
.woocommerce-account .woocommerce-MyAccount-content strong {
  color: #365660;
}

/* =============================
   Allgemeine Elemente / Buttons
   ============================= */
.woocommerce-account .button,
.woocommerce-account button,
.woocommerce-account input[type="submit"] {
  background: #365660;
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.woocommerce-account .button:hover,
.woocommerce-account button:hover,
.woocommerce-account input[type="submit"]:hover {
  background: #a7b6ae;
  color: white;
}

/* =============================
   Formulare (Adressen, Kontodetails)
   ============================= */
.woocommerce-account form {
  background: white;
  border: 2px solid #365660;
  padding: 2rem;
  margin-top: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-account form label {
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="password"],
.woocommerce-account form select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.woocommerce-account form input:focus,
.woocommerce-account form select:focus {
  border-color: #365660;
  outline: none;
}

/* =============================
   Tabellen (z.B. Bestellungen)
   ============================= */
.woocommerce-account table.shop_table {
  border: 2px solid #365660;
  border-collapse: separate;
  width: 100%;
  background: white;
  margin-top: 1rem;
}

.woocommerce-account table.shop_table thead {
  background: #365660;
  color: white;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
  padding: 1rem;
  border: none;
}

.woocommerce-account table.shop_table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}

.woocommerce-account table.shop_table tbody tr:last-child {
  border-bottom: none;
}

/* =============================
   Responsive Design
   ============================= */
@media screen and (max-width: 768px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
    padding: 1.5rem;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    border-right: none;
    border-bottom: 2px solid #365660;
    padding-right: 0;
    margin-bottom: 2rem;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    padding-left: 0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a {
    text-align: center;
  }

  .woocommerce-account form {
    padding: 1.5rem;
  }
}

@media screen and (max-width: 480px) {
  .woocommerce-account .woocommerce-MyAccount-navigation a {
    font-size: 0.8rem;
    padding: 0.5rem;
  }

  .woocommerce-account form input[type="text"],
  .woocommerce-account form input[type="email"],
  .woocommerce-account form input[type="password"] {
    font-size: 0.9rem;
  }
}

/* ===================================
   UX / Feinschliff
   =================================== */
.woocommerce-account .woocommerce {
  border-radius: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.woocommerce-account .woocommerce-MyAccount-content p:last-child {
  margin-bottom: 0;
}/* ===================================
   WooCommerce Kasse Custom Styling
   Clean Design - Montserrat Font
   Angepasst an Warenkorb Design
   =================================== */

/* Font Family Global */
.woocommerce-checkout,
.woocommerce-checkout * {
  font-family: 'Montserrat', sans-serif;
}

/* Globale linksbündige Ausrichtung für Text-Elemente */
.woocommerce-checkout label,
.woocommerce-checkout p,
.woocommerce-checkout span,
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  text-align: left !important;
  direction: ltr !important;
}

/* Kassen Container - nur innerhalb von WooCommerce */
.woocommerce-checkout .woocommerce {
  margin-top: 2rem;
  width: 100%;
  max-width: 100%;
}

/* Alle direkten Container auf volle Breite */
.woocommerce-checkout .woocommerce > * {
  width: 100%;
  max-width: 100%;
}

/* ===================================
   GUTSCHEIN BEREICH
   =================================== */

/* Gutschein-Banner - LINKSBÜNDIG */
.woocommerce-checkout .wc-block-components-notice-banner {
  background: transparent;
  border: 1px solid #365660;
  border-radius: 2px;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  text-align: left !important;
}

.woocommerce-checkout .wc-block-components-notice-banner svg {
  fill: #365660;
  flex-shrink: 0;
}

.woocommerce-checkout .wc-block-components-notice-banner a {
  color: #365660;
  font-weight: 400;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.woocommerce-checkout .wc-block-components-notice-banner a:hover {
  border-bottom-color: #365660;
}

/* Gutschein Formular - LINKSBÜNDIG */
.woocommerce-checkout .checkout_coupon {
  background: transparent;
  border: 1px solid #365660;
  padding: 1.5rem;
  margin-bottom: 2rem;
  border-radius: 2px;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  text-align: left !important;
}

.woocommerce-checkout .checkout_coupon input.input-text {
  flex: 1;
  min-width: 200px;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 0.95rem;
  font-weight: 400;
  background: transparent;
  box-sizing: border-box;
}

.woocommerce-checkout .checkout_coupon input.input-text:focus {
  border-color: #365660;
  outline: none;
}

.woocommerce-checkout .checkout_coupon input.input-text::placeholder {
  font-weight: 300;
}

.woocommerce-checkout .checkout_coupon button {
  background: #365660 !important;
  color: white !important;
  padding: 0.75rem 1.5rem;
  border: none !important;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.woocommerce-checkout .checkout_coupon button:hover {
  background: #a7b6ae !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* ===================================
   GLOBALE BORDER-KONTROLLE
   =================================== */

/* Alle Elemente in bordered Containern ohne innere Borders */
.woocommerce-checkout [class*="woocommerce-"][style*="border"],
.woocommerce-checkout .woocommerce-billing-fields > *,
.woocommerce-checkout .woocommerce-shipping-fields > *,
.woocommerce-checkout .woocommerce-additional-fields > *,
.woocommerce-checkout #order_review > *:not(.woocommerce-checkout-review-order-table),
.woocommerce-checkout #payment > *:not(.wc_payment_methods) {
  border: none !important;
}

/* Ausnahmen - diese Elemente DÜRFEN Borders haben */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .wc_payment_methods li,
.woocommerce-checkout img,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr,
.woocommerce-checkout .order-total {
  /* Diese behalten ihre explizit definierten Borders */
}

/* ===================================
   FORMULAR BEREICHE
   =================================== */

/* Hauptformular Container */
.woocommerce-checkout .checkout.woocommerce-checkout {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

/* 2-Spalten Layout */
.woocommerce-checkout .col2-set {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
  width: 100%;
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
  width: 100%;
  max-width: 100%;
}

/* Überschriften - LINKSBÜNDIG */
.woocommerce-checkout h3 {
  background: #365660;
  color: white;
  padding: 1rem 1.5rem;
  margin: 0 0 0 0;
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 0;
  text-align: left !important;
}

/* Formular Felder Container - LINKSBÜNDIG */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
  background: transparent;
  border: 1px solid #365660;
  border-radius: 0;
  padding: 0;
  margin-bottom: 2rem;
  box-shadow: none;
  text-align: left !important;
}

/* ALLE Borders innerhalb dieser Container entfernen */
.woocommerce-checkout .woocommerce-billing-fields *,
.woocommerce-checkout .woocommerce-shipping-fields *,
.woocommerce-checkout .woocommerce-additional-fields * {
  border: none !important;
}

/* Ausnahme für Input-Felder - die brauchen einen Border */
.woocommerce-checkout .woocommerce-billing-fields input.input-text,
.woocommerce-checkout .woocommerce-billing-fields select,
.woocommerce-checkout .woocommerce-billing-fields textarea,
.woocommerce-checkout .woocommerce-shipping-fields input.input-text,
.woocommerce-checkout .woocommerce-shipping-fields select,
.woocommerce-checkout .woocommerce-shipping-fields textarea,
.woocommerce-checkout .woocommerce-additional-fields input.input-text,
.woocommerce-checkout .woocommerce-additional-fields select,
.woocommerce-checkout .woocommerce-additional-fields textarea {
  border: 1px solid #ddd !important;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  padding: 1.5rem;
  text-align: left !important;
}

/* Formular Zeilen - LINKSBÜNDIG */
.woocommerce-checkout .form-row {
  margin-bottom: 1.5rem;
  text-align: left !important;
}

/* Labels - LINKSBÜNDIG */
.woocommerce-checkout .form-row label {
  display: block;
  font-weight: 400;
  color: #666;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  text-align: left !important;
}

.woocommerce-checkout .form-row label .required {
  color: #365660;
  font-weight: 400;
}

/* Input Felder - LINKSBÜNDIG */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 1rem;
  font-weight: 400;
  background: transparent;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
  text-align: left !important;
  direction: ltr !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
  border-color: #365660;
  outline: none;
}

/* Select Felder */
.woocommerce-checkout .form-row select {
  background: transparent;
  cursor: pointer;
}

/* Checkbox "An andere Adresse liefern" - LINKSBÜNDIG */
.woocommerce-checkout #ship-to-different-address {
  margin: 1.5rem 0 2rem 0;
  background: none;
  padding: 0 1.5rem;
  text-align: left !important;
}

.woocommerce-checkout #ship-to-different-address label {
  background: none !important;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 400;
  font-size: 1rem;
  color: #333;
  text-transform: none;
  letter-spacing: normal;
  text-align: left !important;
  justify-content: flex-start !important;
}

.woocommerce-checkout #ship-to-different-address label span {
  text-align: left !important;
  order: 2;
}

.woocommerce-checkout #ship-to-different-address label:hover {
  background: none !important;
}

.woocommerce-checkout #ship-to-different-address input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin: 0;
  cursor: pointer;
  order: 1;
}

/* ===================================
   BESTELLÜBERSICHT
   =================================== */

/* Bestellübersicht Section - LINKSBÜNDIG */
.woocommerce-checkout #order_review_heading {
  background: #365660;
  color: white;
  padding: 1rem 1.5rem;
  margin: 2rem 0 0 0;
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 0;
  width: 100%;
  text-align: left !important;
}

.woocommerce-checkout #order_review {
  background: transparent;
  border: 1px solid #365660;
  border-top: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
}

/* ALLE Borders innerhalb von order_review entfernen */
.woocommerce-checkout #order_review *:not(input):not(select):not(textarea) {
  border: none !important;
}

/* Ausnahme für spezifische Trennlinien */
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr {
  border-bottom: 1px solid #e8e8e8 !important;
}

.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr:last-child {
  border-bottom: none !important;
}

.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr {
  border-bottom: 1px solid #e8e8e8 !important;
}

.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr:last-child {
  border-bottom: none !important;
}

.woocommerce-checkout #order_review .order-total {
  border-top: 1px solid #365660 !important;
  border-bottom: none !important;
}

/* Bestelltabelle */
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  table-layout: fixed;
  background: transparent;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
  padding: 1rem 1.5rem;
  text-align: left !important;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #666;
  letter-spacing: 0.5px;
  border: none;
  background: transparent;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr {
  border-bottom: 1px solid #e8e8e8;
  background: transparent;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:last-child {
  border-bottom: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
  padding: 1rem 1.5rem;
  border: none;
  background: transparent;
  text-align: left !important;
}

/* Produktbild in Bestellung - LINKSBÜNDIG */
.woocommerce-checkout .wc-gzd-cart-item-thumbnail img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #e0e0e0 !important;
  border-radius: 2px;
  margin-right: 1rem;
  display: block;
}

.woocommerce-checkout .wc-gzd-cart-item-name-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left !important;
}

/* Produktname und Bild Container */
.woocommerce-checkout .product-name {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-align: left !important;
}

/* Produktname in Bestellung - LINKSBÜNDIG */
.woocommerce-checkout .product-name {
  font-weight: 400;
  color: #333;
  text-align: left !important;
}

/* Produktnamen Spalte mit Bild */
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: nowrap;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name img {
  order: -1;
  flex-shrink: 0;
}

.woocommerce-checkout .product-quantity {
  color: #666;
  font-weight: 400;
  text-align: left !important;
}

/* Preise in Bestellung - #a7b6ae */
.woocommerce-checkout .product-total,
.woocommerce-checkout .product-total .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-Price-amount,
.woocommerce-checkout .product-total span,
.woocommerce-checkout .product-total bdi {
  font-weight: 400;
  color: #a7b6ae !important;
}

/* Footer der Tabelle */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot {
  background: transparent;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
  border-bottom: 1px solid #e8e8e8;
  background: transparent;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child {
  border-bottom: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
  padding: 1rem 1.5rem;
  font-weight: 400 !important;
  border: none;
  background: transparent;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th {
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #666;
  letter-spacing: 0.3px;
  text-align: left !important;
  font-weight: 400 !important;
}

/* Preise im Footer - #a7b6ae - LINKSBÜNDIG */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td span,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td bdi {
  text-align: left;
  font-weight: 400 !important;
  color: #a7b6ae !important;
}

/* Versand Zeile - LINKSBÜNDIG */
.woocommerce-checkout .woocommerce-shipping-totals label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
  text-align: left !important;
  justify-content: flex-start !important;
}

.woocommerce-checkout .woocommerce-shipping-totals label span {
  text-align: left !important;
}

.woocommerce-checkout .woocommerce-shipping-totals input[type="radio"] {
  width: auto;
  margin: 0;
}

/* Gesamtsumme - nur Border oben */
.woocommerce-checkout .order-total {
  border-top: 1px solid #365660;
  border-bottom: none;
  background: transparent;
}

.woocommerce-checkout .order-total th,
.woocommerce-checkout .order-total td {
  background: transparent;
  font-size: 1.15rem;
  font-weight: 400 !important;
  padding: 1rem 1.5rem;
}

.woocommerce-checkout .order-total th {
  color: #333;
  text-align: left !important;
}

.woocommerce-checkout .order-total td,
.woocommerce-checkout .order-total td .woocommerce-Price-amount,
.woocommerce-checkout .order-total td span,
.woocommerce-checkout .order-total td bdi {
  color: #a7b6ae !important;
  text-align: left !important;
  font-weight: 400 !important;
}

.woocommerce-checkout .order-total small {
  display: block;
  font-size: 0.8rem;
  font-weight: 400 !important;
  color: #666;
  margin-top: 0.5rem;
  text-align: left !important;
}

/* ===================================
   ZAHLUNGSART
   =================================== */

/* Zahlungsart Section - LINKSBÜNDIG */
.woocommerce-checkout #order_payment_heading {
  background: #365660;
  color: white;
  padding: 1rem 1.5rem;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: left !important;
}

.woocommerce-checkout #payment {
  padding: 1.5rem;
  background: transparent;
  border: 1px solid #365660;
  border-top: none;
  box-shadow: none;
  text-align: left !important;
}

.woocommerce-checkout #payment * {
  text-align: left !important;
}

/* ALLE Borders innerhalb von payment entfernen außer für Inputs */
.woocommerce-checkout #payment *:not(input):not(select):not(textarea):not(.wc_payment_methods):not(.wc_payment_methods li) {
  border: none !important;
}

/* Zahlungsmethoden Items behalten ihren Border */
.woocommerce-checkout #payment .wc_payment_methods li {
  border: 1px solid #ddd !important;
}

.woocommerce-checkout #payment .wc_payment_methods li.payment_method_selected {
  border: 1px solid #365660 !important;
}

/* Woocommerce Nachrichten innerhalb von Payment Methoden */
.woocommerce-checkout .wc_payment_methods .woocommerce-info {
  margin: 0.5rem 0 0 0;
  padding: 0.75rem;
  border: none !important;
  background: transparent;
  border-left: 3px solid #2ea2cc !important;
  border-radius: 0;
}

/* Payment Box ohne zusätzliche Borders */
.woocommerce-checkout #payment .payment_box {
  background: transparent;
  border: none !important;
  padding: 1rem 0!important;
  margin: 0.5rem 0 0 0;
}

/* Zahlungsmethoden Liste - LINKSBÜNDIG */
.woocommerce-checkout .wc_payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
  text-align: left !important;
}

.woocommerce-checkout .wc_payment_methods li {
  margin-bottom: 1rem;
  padding: 1rem;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 2px;
  transition: border-color 0.3s ease;
  text-align: left !important;
  position: relative;
}

.woocommerce-checkout .wc_payment_methods li:last-child {
  margin-bottom: 0;
}

.woocommerce-checkout .wc_payment_methods li.payment_method_selected {
  border-color: #365660;
  background: transparent;
}

/* Payment Box innerhalb von Li ohne Border */
.woocommerce-checkout .wc_payment_methods li .payment_box {
  border: none !important;
  background: transparent !important;
  margin-top: 0.5rem;
  padding-left: 2rem;
}

/* Alle Nachrichten/Boxen innerhalb von Payment Methods ohne äußeren Border */
.woocommerce-checkout .wc_payment_methods li > div:not(label) {
  border: none;
}

.woocommerce-checkout .wc_payment_methods li .woocommerce-notice {
  border: none;
  border-left: 3px solid #2ea2cc;
  background: transparent;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  margin: 0.5rem 0 0 2rem;
}

.woocommerce-checkout .wc_payment_methods label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
  text-align: left !important;
  justify-content: flex-start !important;
}

.woocommerce-checkout .wc_payment_methods label span {
  text-align: left !important;
}

.woocommerce-checkout .wc_payment_methods input[type="radio"] {
  width: auto;
  margin: 0;
}

/* ===================================
   AGB & CHECKBOXEN
   =================================== */

/* AGB Checkbox - LINKSBÜNDIG mit Checkbox zuerst */
.woocommerce-checkout .wc-gzd-checkbox-placeholder {
  margin: 1.5rem 0;
  padding-left: 0;
  text-align: left !important;
  display: block;
  width: 100%;
}

.woocommerce-checkout .checkbox-legal {
  background: none;
  padding: 1rem 1.5rem;
  border: none;
  border-radius: 0;
  text-align: left !important;
  display: block;
  width: 100%;
}

.woocommerce-checkout .checkbox-legal label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.75rem;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
  color: #333;
  font-size: 0.95rem;
  text-align: left !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  width: 100%;
}

.woocommerce-checkout .checkbox-legal label span {
  text-align: left !important;
  flex: 1;
  order: 2;
}

.woocommerce-checkout .checkbox-legal input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin-top: 0.25rem;
  margin-right: 0;
  margin-left: 0;
  flex-shrink: 0;
  cursor: pointer;
  order: 1;
}

.woocommerce-checkout .checkbox-legal a {
  color: #365660;
  font-weight: 400;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease;
}

.woocommerce-checkout .checkbox-legal a:hover {
  border-bottom-color: #365660;
}

/* Newsletter Checkbox (MailPoet) - LINKSBÜNDIG */
.woocommerce-checkout .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  font-weight: 400;
  color: #333;
  font-size: 0.95rem;
  margin: 1.5rem 0;
  padding: 0 1.5rem;
  text-align: left !important;
  justify-content: flex-start !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox span {
  text-align: left !important;
  order: 2;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  order: 1;
}

/* ===================================
   BESTELLEN BUTTON
   =================================== */

.woocommerce-checkout .wc-gzd-place-order {
  margin-top: 1.5rem;
  width: 100%;
  border-top: none;
  padding-top: 0;
  text-align: left !important;
}

.woocommerce-checkout #place_order {
  width: 100%;
  max-width: 100%;
  background: #365660 !important;
  color: white !important;
  padding: 1rem 2rem;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  display: block;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
}

.woocommerce-checkout #place_order:hover {
  background: #a7b6ae !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.woocommerce-checkout #place_order:active {
  transform: translateY(0);
}

.woocommerce-checkout #place_order:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

/* ===================================
   PAYMENT BUTTONS
   =================================== */

/* Apple Pay / Google Pay Buttons */
.woocommerce-checkout #ppc-button-ppcp-applepay,
.woocommerce-checkout #ppc-button-ppcp-googlepay {
  margin-top: 1rem;
}

/* ===================================
   HINWEISMELDUNGEN
   =================================== */

.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error {
  border-left: 4px solid #365660;
  background: transparent;
  border: 1px solid #365660;
  border-left: 4px solid #365660;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 2px;
  text-align: left !important;
}

.woocommerce-checkout .woocommerce-error {
  border-color: #d32f2f;
  border-left-color: #d32f2f;
  background: transparent;
}

/* Pickup Location Modal anpassen */
.woocommerce-checkout .pickup_location_notice {
  background: transparent;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-bottom: 1rem;
}

.woocommerce-checkout .pickup_location_notice a {
  color: #365660;
  font-weight: 400;
}

/* Validation States */
.woocommerce-checkout .form-row.woocommerce-invalid input {
  border-color: #d32f2f !important;
}

.woocommerce-checkout .form-row.woocommerce-validated input {
  border-color: #4caf50 !important;
}

/* Loading State */
.woocommerce-checkout .blockUI {
  background: rgba(255, 255, 255, 0.7) !important;
}

.woocommerce-checkout .blockUI.blockOverlay::before {
  content: "";
  border: 4px solid #f3f3f3;
  border-top: 4px solid #365660;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ===================================
   RESPONSIVE DESIGN - TABLET
   =================================== */

@media screen and (max-width: 992px) {
  .woocommerce-checkout .col2-set {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* ===================================
   RESPONSIVE DESIGN - MOBILE
   =================================== */

@media screen and (max-width: 768px) {
  /* Formular Felder auf mobile */
  .checkout_coupon .form-row {
    width:100%!important;
  }
  
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    width: 100%;
  }
  
  .woocommerce-checkout h3 {
    font-size: 1rem;
    padding: 0.9rem 1.25rem;
    text-align: left !important;
  }
  
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    padding: 1.25rem;
  }
  
  /* Alle inneren Elemente ohne Border außer Inputs */
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper *:not(input):not(select):not(textarea),
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper *:not(input):not(select):not(textarea),
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper *:not(input):not(select):not(textarea) {
    border: none !important;
  }
  
  /* Bestelltabelle auf mobile */
  .woocommerce-checkout .woocommerce-checkout-review-order-table thead {
    display: none;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr {
    display: block;
    border: 1px solid #e8e8e8 !important;
    border-radius: 2px;
    margin-bottom: 1rem;
    padding: 1rem;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:last-child {
    margin-bottom: 0;
  }
  
  /* Alle inneren Elemente ohne Border */
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr * {
    border: none !important;
  }
  
  /* Ausnahme für Produktbilder */
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr img {
    border: 1px solid #e0e0e0 !important;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border: none;
    text-align: left;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody td::before {
    content: attr(data-title);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.85rem;
    color: #666;
  }
  
  .woocommerce-checkout .wc-gzd-cart-item-name-wrapper {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  
  .woocommerce-checkout .wc-gzd-cart-item-thumbnail img {
    margin-bottom: 0;
    margin-right: 1rem;
  }
  
  .woocommerce-checkout .product-name {
    flex-direction: row;
    align-items: flex-start;
  }
  
  /* Footer der Tabelle auf mobile - KEINE doppelten Borders */
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
    display: flex;
    justify-content: space-between;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid #e8e8e8;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:first-child {
    border-top: none;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child {
    border-bottom: none;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
    padding: 0;
    font-size: 0.9rem;
    border: none;
    text-align: left;
    font-weight: 400 !important;
  }
  
  .woocommerce-checkout .order-total th,
  .woocommerce-checkout .order-total td {
    font-size: 1.05rem;
    font-weight: 400 !important;
  }
  
  .woocommerce-checkout .order-total {
    border-top: 1px solid #365660;
  }
  
  /* Zahlungsmethoden auf mobile */
  .woocommerce-checkout #payment {
    padding: 1.25rem;
  }
  
  /* Button auf mobile */
  .woocommerce-checkout #place_order {
    font-size: 0.95rem;
    padding: 0.9rem 1.5rem;
    font-weight: 400 !important;
  }
  
  /* Gutschein Formular auf mobile */
  .woocommerce-checkout .checkout_coupon {
    flex-direction: column;
    padding: 1.25rem;
    gap: 0.75rem;
  }
  
  .woocommerce-checkout .checkout_coupon input.input-text {
    width: 100%;
  }
  
  .woocommerce-checkout .checkout_coupon button {
    width: 100%;
  }
}

/* ===================================
   RESPONSIVE DESIGN - SMALL MOBILE
   =================================== */

@media screen and (max-width: 480px) {
  .woocommerce-checkout h3 {
    font-size: 0.95rem;
    padding: 0.8rem 1rem;
  }
  
  .woocommerce-checkout .form-row label {
    font-size: 0.75rem;
  }
  
  .woocommerce-checkout .form-row input.input-text,
  .woocommerce-checkout .form-row select,
  .woocommerce-checkout .form-row textarea {
    font-size: 0.9rem;
    padding: 0.7rem;
  }
  
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    padding: 1rem;
  }
  
  /* Mobile 480px: Innere Borders entfernen */
  .woocommerce-checkout .woocommerce-billing-fields *:not(input):not(select):not(textarea),
  .woocommerce-checkout .woocommerce-shipping-fields *:not(input):not(select):not(textarea),
  .woocommerce-checkout .woocommerce-additional-fields *:not(input):not(select):not(textarea) {
    border: none !important;
  }
  
  .woocommerce-checkout .woocommerce-billing-fields input.input-text,
  .woocommerce-checkout .woocommerce-shipping-fields input.input-text {
    border: 1px solid #ddd !important;
  }
  
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_payment_heading {
    font-size: 0.95rem;
    padding: 0.8rem 1rem;
    text-align: left !important;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr {
    padding: 0.85rem;
    border: 1px solid #e8e8e8;
    margin-bottom: 0.85rem;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:last-child {
    margin-bottom: 0;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
    padding: 0;
    font-size: 0.85rem;
    border: none;
    text-align: left;
    font-weight: 400 !important;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e8e8e8;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child {
    border-bottom: none;
  }
  
  .woocommerce-checkout .order-total th,
  .woocommerce-checkout .order-total td {
    font-size: 0.95rem;
    font-weight: 400 !important;
  }
  
  .woocommerce-checkout #payment {
    padding: 1rem;
  }
  
  .woocommerce-checkout #place_order {
    font-size: 0.9rem;
    padding: 0.8rem 1.25rem;
    font-weight: 400 !important;
  }
  
  .woocommerce-checkout .checkout_coupon {
    padding: 1rem;
  }
  
  .woocommerce-checkout .checkout_coupon button {
    padding: 0.7rem 1rem;
    font-size: 0.8rem;
  }
}

/* ===================================
   RESPONSIVE DESIGN - EXTRA SMALL
   =================================== */

@media screen and (max-width: 400px) {
  .woocommerce-checkout h3 {
    font-size: 0.9rem;
    padding: 0.75rem 0.9rem;
    text-align: left !important;
  }
  
  .woocommerce-checkout .form-row label {
    font-size: 0.72rem;
  }
  
  .woocommerce-checkout .form-row input.input-text,
  .woocommerce-checkout .form-row select,
  .woocommerce-checkout .form-row textarea {
    font-size: 0.85rem;
    padding: 0.65rem;
  }
  
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    padding: 0.9rem;
  }
  
  /* Mobile 400px: Innere Borders entfernen */
  .woocommerce-checkout .woocommerce-billing-fields *:not(input):not(select):not(textarea),
  .woocommerce-checkout .woocommerce-shipping-fields *:not(input):not(select):not(textarea),
  .woocommerce-checkout .woocommerce-additional-fields *:not(input):not(select):not(textarea) {
    border: none !important;
  }
  
  .woocommerce-checkout .woocommerce-billing-fields input.input-text,
  .woocommerce-checkout .woocommerce-shipping-fields input.input-text {
    border: 1px solid #ddd !important;
  }
  
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_payment_heading {
    font-size: 0.9rem;
    padding: 0.75rem 0.9rem;
    text-align: left !important;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr {
    padding: 0.75rem;
    border: 1px solid #e8e8e8;
    margin-bottom: 0.75rem;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:last-child {
    margin-bottom: 0;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
    padding: 0;
    font-size: 0.8rem;
    border: none;
    text-align: left;
    font-weight: 400 !important;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid #e8e8e8;
  }
  
  .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child {
    border-bottom: none;
  }
  
  .woocommerce-checkout .order-total th,
  .woocommerce-checkout .order-total td {
    font-size: 0.9rem;
    font-weight: 400 !important;
  }
  
  .woocommerce-checkout #payment {
    padding: 0.9rem;
  }
  
  .woocommerce-checkout #place_order {
    font-size: 0.85rem;
    padding: 0.75rem 1rem;
    letter-spacing: 0.5px;
    font-weight: 400 !important;
  }
  
  .woocommerce-checkout .checkout_coupon {
    padding: 0.9rem;
  }
  
  .woocommerce-checkout .checkout_coupon input.input-text {
    padding: 0.6rem 0.85rem;
    font-size: 0.85rem;
  }
  
  .woocommerce-checkout .checkout_coupon button {
    padding: 0.65rem 0.9rem;
    font-size: 0.75rem;
    letter-spacing: 0.3px;
  }
}

/* ===================================
   TOUCH OPTIMIERUNG
   =================================== */

@media (hover: none) and (pointer: coarse) {
  .woocommerce-checkout #place_order,
  .woocommerce-checkout .checkout_coupon button {
    min-height: 44px;
  }
  
  .woocommerce-checkout input[type="checkbox"],
  .woocommerce-checkout input[type="radio"] {
    min-width: 20px;
    min-height: 20px;
  }
}

/* ===================================
   LANDSCAPE OPTIMIERUNG
   =================================== */

@media screen and (max-height: 500px) and (orientation: landscape) {
  .woocommerce-checkout .col2-set {
    gap: 1.25rem;
  }
  
  .woocommerce-checkout .woocommerce-billing-fields,
  .woocommerce-checkout .woocommerce-shipping-fields {
    margin-bottom: 1.25rem;
  }
}/* ===================================
   WooCommerce Produktdetailseite Custom Styling
   Nur für Produktdetails - Header/Footer bleiben unberührt
   =================================== */

/* Scope auf Produktdetailseite begrenzen */
.single-product .custom-product-detail {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* ===================================
   HAUPTLAYOUT - 2 SPALTEN MIT GLEICHER HÖHE
   =================================== */

/* Wrapper für das gesamte obere Layout */
.single-product .custom-product-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 3rem;
  grid-template-areas: 
    "images info"
    "description description";
}

/* Produktbilder in den linken Bereich */
.single-product .product-images {
  grid-area: images;
  display: flex;
  flex-direction: column;
}

/* Produktinfo in den rechten Bereich */
.single-product .product-info {
  grid-area: info;
  display: flex;
  flex-direction: column;
}

/* Produktbeschreibung in voller Breite unten */
.single-product .product-description-full {
  grid-area: description;
}

/* ===================================
   PRODUKTBILDER SECTION (LINKS)
   =================================== */

.single-product .product-images {
  width: 100%;
}

/* Hauptbild Container */
.single-product .product-images > img {
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  display: block;
  margin-bottom: 1rem;
  cursor: pointer;
  flex-shrink: 0;
}

.single-product .product-images > img:hover {
  transform: scale(1.02);
}

/* Produktgalerie (Thumbnails) */
.single-product .product-gallery {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.single-product .product-gallery img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.single-product .product-gallery img:hover,
.single-product .product-gallery img.active {
  border-color: #365660;
  transform: scale(1.05);
}

/* ===================================
   PRODUKTINFORMATIONEN (RECHTS) - GLEICHE HÖHE
   =================================== */

/* Wrapper für alle rechten Elemente */
.single-product .product-info-container {
  grid-area: info;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.single-product .product-info {
  background: white;
  padding: 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Produkttitel */
.single-product .product-title {
  font-size: 1.8rem;
  margin: 0 0 1rem 0;
  color: #365660;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.3;
  font-family: 'Montserrat';
}

/* SKU */
.single-product .product-sku {
  margin-bottom: 1.5rem;
  color: #666;
  font-size: 0.9rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e0e0e0;
}

.single-product .product-sku strong {
  color: #365660;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

/* Preis */
.single-product .product-price {
  font-size: 2.5rem;
  font-weight: 400;
  color: #365660;
  margin: 1.5rem 0;
  padding: 1.5rem;
}

.single-product .product-price .woocommerce-Price-amount {
  font-weight: 400;
}

/* Lagerbestand */
.single-product .product-stock {
  margin: 1.5rem 0;
  font-size: 1.1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.single-product .product-stock .in-stock {
  color: #27ae60;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.single-product .product-stock .out-of-stock {
  color: #e74c3c;
  font-weight: 600;
}

/* Kategorien & Tags */
.single-product .product-categories,
.single-product .product-tags {
  display: none;
}

.single-product .product-categories strong,
.single-product .product-tags strong {
  color: #365660;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  margin-right: 0.5rem;
}

.single-product .product-categories a,
.single-product .product-tags a {
  color: #666;
  text-decoration: none;
  transition: color 0.3s ease;
}

.single-product .product-categories a:hover,
.single-product .product-tags a:hover {
  color: #365660;
  text-decoration: underline;
}

/* Spacer um Inhalte nach oben zu drücken und Button nach unten */
.single-product .product-info-spacer {
  flex: 1;
}

/* ===================================
   ADD TO CART SECTION
   =================================== */

.single-product .product-add-to-cart {
  margin: 0;
  padding: 2rem;
  border-top: none;
}

.single-product .product-add-to-cart form.cart {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

/* Mengenfeld */
.single-product .quantity {
  display: flex;
  align-items: center;
}

.single-product .quantity input.qty {
  width: 80px;
  padding: 0.75rem;
  border: 1px solid #365660;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  background: white;
}

.single-product .quantity input.qty:focus {
  outline: none;
  border-color: #a7b6ae;
}

/* Add to Cart Button */
.single-product .single_add_to_cart_button {
  flex: 1;
  min-width: 200px;
  background: #365660;
  color: white;
  padding: 1rem 2rem;
  border: none;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.single-product .single_add_to_cart_button:hover {
  background: #a7b6ae;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(54, 86, 96, 0.3);
}

.single-product .single_add_to_cart_button:active {
  transform: translateY(0);
}

/* ===================================
   PRODUKTATTRIBUTE
   =================================== */

.single-product .product-meta {
  display: none;
}

.single-product .product-weight,
.single-product .product-dimensions {
  margin: 0.5rem 0;
  color: #666;
  font-size: 0.95rem;
}

.single-product .product-weight strong,
.single-product .product-dimensions strong {
  color: #365660;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  margin-right: 0.5rem;
}

.single-product .product-attributes-list table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1.5rem 0;
  border: 1px solid #365660;
}

.single-product .product-attributes-list th {
  text-align: left;
  padding: 1rem;
  background: #365660;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  width: 30%;
  border-right: 1px solid white;
}

.single-product .product-attributes-list td {
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
  background: white;
}

.single-product .product-attributes-list tr:last-child td {
  border-bottom: none;
}

/* ===================================
   PRODUKTBESCHREIBUNG (VOLLE BREITE UNTEN)
   =================================== */

.single-product .product-description-full {
  margin: 0;
  padding: 2rem;
  background: white;
  border: 1px solid #365660;
}

.single-product .product-description-full h2 {
  color: #365660;
  font-size: 1.8rem;
  margin: 0 0 1.5rem 0;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid #365660;
  padding-bottom: 1rem;
  font-family: 'Montserrat';
}

.single-product .product-description-full ul {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
}

.single-product .product-description-full ul li {
  padding: 0.75rem 0 0.75rem 2rem;
  position: relative;
  color: #333;
  font-size: 1rem;
  line-height: 1.6;
  border-bottom: 1px solid #f0f0f0;
}

.single-product .product-description-full ul li:last-child {
  border-bottom: none;
}

.single-product .product-description-full ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #365660;
  font-weight: bold;
  font-size: 1.2rem;
}

/* ===================================
   BEWERTUNGEN - AUSGEBLENDET
   =================================== */

.single-product .product-reviews {
  display: none;
}

/* ===================================
   RELATED PRODUCTS - AUSGEBLENDET
   =================================== */

.single-product .related-products {
  display: none;
}

/* ===================================
   RESPONSIVE DESIGN
   =================================== */

@media screen and (max-width: 968px) {
  /* Grid auf eine Spalte umstellen */
  .single-product .custom-product-detail {
    grid-template-columns: 1fr;
    grid-template-areas: 
      "images"
      "info"
      "description";
    gap: 2rem;
  }
  
  /* Flexbox für gleiche Höhe auf Mobile deaktivieren */
  .single-product .product-info {
    flex: none;
  }
}

@media screen and (max-width: 768px) {
  .single-product .custom-product-detail {
    padding: 1rem;
    gap: 1.5rem;
  }
  
  .single-product .product-info {
    padding: 1.5rem;
  }
  
  .single-product .product-title {
    font-size: 1.5rem;
  }
  
  .single-product .product-price {
    font-size: 1.8rem;
    padding: 1rem;
  }
  
  .single-product .product-add-to-cart {
    padding: 1.5rem;
  }
  
  .single-product .product-add-to-cart form.cart {
    flex-direction: column;
    align-items: stretch;
  }
  
  .single-product .single_add_to_cart_button {
    width: 100%;
  }
  
  .single-product .product-gallery img {
    width: 60px;
    height: 60px;
  }
  
  .single-product .product-description-full {
    padding: 1.5rem;
  }
  
  .single-product .product-description-full h2 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 480px) {
  .single-product .product-title {
    font-size: 1.3rem;
  }
  
  .single-product .product-price {
    font-size: 1.5rem;
    padding: 0.75rem;
  }
  
  .single-product .quantity input.qty {
    width: 60px;
    padding: 0.5rem;
  }
  
  .single-product .product-description-full ul li {
    font-size: 0.95rem;
    padding-left: 1.5rem;
  }
  
  .single-product .product-gallery img {
    width: 50px;
    height: 50px;
  }
}

/* ===================================
   ZUSÄTZLICHE VERBESSERUNGEN
   =================================== */

/* Smooth Transitions */
.single-product .product-info,
.single-product .product-description-full {
  transition: all 0.3s ease;
}

/* Focus States für Accessibility */
.single-product input:focus,
.single-product textarea:focus,
.single-product select:focus {
  outline: 2px solid #a7b6ae;
  outline-offset: 2px;
}

/* Loading States */
.single-product .single_add_to_cart_button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-BlackItalic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-BlackItalic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-BlackItalic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-Medium.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-Medium.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-Medium.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-Light.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-Light.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-Light.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-Light.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-Black.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-Black.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-Black.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-Black.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-ExtraBoldItalic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-BoldItalic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-BoldItalic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-BoldItalic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-LightItalic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-LightItalic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-LightItalic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-MediumItalic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-MediumItalic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-MediumItalic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-ThinItalic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-ThinItalic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-ThinItalic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-Regular.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-Regular.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-Regular.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-SemiBold.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-SemiBold.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-ExtraLightItalic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-Italic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-Italic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-Italic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-Italic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-Bold.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-Bold.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-Bold.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-ExtraBold.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-SemiBoldItalic.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-Thin.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-Thin.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-Thin.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-Thin.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/uploads/fonts/Montserrat-ExtraLight.eot');
    src: url('/wp-content/uploads/fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('/wp-content/uploads/fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}