/* Gemeinsame, leichte Gestaltung auf dem vorhandenen Divi/WooCommerce-Frontend. */
:root{--hsk-ink:#202a30;--hsk-brown:#865127;--hsk-paper:#faf8f4;--hsk-line:#e5dfd6}
:is(#main-content,#et-boc) .hsk-image-geraete img{object-fit:cover!important}:is(#main-content,#et-boc) a.hsk-product-link{display:block!important;margin-top:14px;font-size:14px!important;width:100%}
:is(#main-content,#et-boc) .hsk-portal-copy h2{font-size:21px;min-height:50px;line-height:1.2}:is(#main-content,#et-boc) .hsk-portal-image img{width:100%;max-width:100%;height:100%;object-fit:cover}:is(#main-content,#et-boc) .hsk-image-pakete img{width:100%;max-width:100%;object-fit:cover}:is(#main-content,#et-boc) .hsk-hero a.hsk-button.secondary{color:#202a30!important;border-color:#202a30!important;background:#fff9!important}:is(#main-content,#et-boc) .hsk-portal-teasers h2{font-size:21px}:is(#main-content,#et-boc) .hsk-portal-services h3{font-size:18px}:is(#main-content,#et-boc) .hsk-seo-accordion summary h2{font-size:19px}
body{color:#333b40;background:#f0ede8!important;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
#page-container{background:var(--hsk-paper)}:is(#main-content,#et-boc){background:var(--hsk-paper)!important}
#main-header,#main-footer{background:var(--hsk-ink)!important}#main-header .nav>li>a,#main-header .et-cart-info,#et_search_icon:before,.mobile_menu_bar:before{color:#fff!important}#main-header .nav>li.current-menu-item>a{color:#e4b582!important}
#main-header .nav li ul,#mobile_menu{background:var(--hsk-ink)!important;border-color:#af7545!important}#main-header .nav li ul a,#mobile_menu a{color:white!important}#main-header #logo{max-height:72%;width:auto;object-fit:contain}#top-menu li{padding-right:18px}#top-menu li a{font-size:14px}
:is(#main-content,#et-boc) h1,:is(#main-content,#et-boc) h2,:is(#main-content,#et-boc) h3{color:var(--hsk-ink);font-weight:700;line-height:1.2}:is(#main-content,#et-boc) h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.025em}:is(#main-content,#et-boc) h2{font-size:clamp(23px,2.3vw,30px);letter-spacing:-.02em}:is(#main-content,#et-boc) h3{font-size:21px}
:is(#main-content,#et-boc) p{line-height:1.65}:is(#main-content,#et-boc) a:not(.button):not(.hsk-button):not(.hsk-portal-tile):not(.woocommerce-loop-product__link){text-underline-offset:3px}
.hsk-button,:is(#main-content,#et-boc) .woocommerce a.button,:is(#main-content,#et-boc) .woocommerce button.button,:is(#main-content,#et-boc) button.single_add_to_cart_button,:is(#main-content,#et-boc) .et_pb_button{background:var(--hsk-brown)!important;color:#fff!important;border:1px solid var(--hsk-brown)!important;border-radius:5px!important;font:600 15px/1.4 Arial,sans-serif!important;min-height:44px;padding:12px 18px!important;box-sizing:border-box;text-align:center;white-space:normal}
.hsk-button.secondary{color:var(--hsk-ink)!important;background:transparent!important;border-color:var(--hsk-ink)!important}.hsk-button:hover,:is(#main-content,#et-boc) .woocommerce .button:hover{filter:brightness(.92)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b17a45!important;outline-offset:3px}
:is(#main-content,#et-boc) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),:is(#main-content,#et-boc) select,:is(#main-content,#et-boc) textarea{border-radius:5px;max-width:100%;box-sizing:border-box}:is(#main-content,#et-boc) table{max-width:100%}
:is(#main-content,#et-boc) ul.products li.product{background:#fff!important;border:1px solid var(--hsk-line)!important;border-radius:10px!important;overflow:hidden;padding:14px!important;box-sizing:border-box}:is(#main-content,#et-boc) ul.products li.product img{border-radius:6px;object-fit:contain!important;background:#f4eee6}:is(#main-content,#et-boc) ul.products li.product .woocommerce-loop-product__title{font-size:17px!important;line-height:1.35!important;min-height:46px}:is(#main-content,#et-boc) ul.products li.product .price{color:var(--hsk-ink)!important;font-weight:700}:is(#main-content,#et-boc) ul.products li.product .wc-gzd-additional-info{line-height:1.45!important}
.single-product .woocommerce-product-gallery img{object-fit:contain!important;border-radius:9px}.single-product .summary{max-width:650px}.single-product .woocommerce-tabs{clear:both}.single-product .woocommerce-product-details__short-description{max-width:62ch}:is(#main-content,#et-boc) .woocommerce-tabs .panel{max-width:100%}
.hsk-section-visual{display:grid;grid-template-columns:36% 1fr;align-items:center;gap:32px;background:#eee6da;border:1px solid var(--hsk-line);border-radius:12px;overflow:hidden;margin:12px 0 36px}.hsk-section-visual img{display:block;width:100%;height:210px;object-fit:cover}.hsk-section-visual>div{padding:22px 26px 22px 0}.hsk-section-visual p{font-size:clamp(23px,2.5vw,32px);font-weight:700;line-height:1.2!important;color:var(--hsk-ink);padding-bottom:12px}.hsk-section-visual span{font-size:14px;color:#5c544c}
body.home :is(#main-content,#et-boc)>.container{padding-top:24px!important}body.home article.page{position:relative}body.home article.page>.main_title{position:absolute;top:44px;left:36px;z-index:2;width:53%;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.15;pointer-events:none}
body.home .hsk-hero{position:relative;min-height:465px;padding:185px 36px 32px;border-radius:12px;background:linear-gradient(90deg,#f5f0e9 0%,#f5f0e9f5 35%,#f5f0e9b8 53%,transparent 76%),url('images/scene-hero.webp') center right/cover no-repeat;color:var(--hsk-ink);margin:0 0 26px}body.home .hsk-hero-copy{width:54%;max-width:640px}body.home .hsk-hero p{font-size:17px;line-height:1.55}body.home .hsk-hero ul{padding:0!important;list-style:none!important;margin:8px 0 22px;font-size:15px}body.home .hsk-hero li{padding:3px 0 3px 23px;position:relative}body.home .hsk-hero li:before{content:'✓';position:absolute;left:0;color:var(--hsk-brown);font-weight:700}body.home .hsk-actions{display:flex;flex-wrap:wrap;gap:10px}body.home .hsk-hero .secondary{background:#fff9!important}
body.home .hsk-portal-entry{margin:0 0 40px}body.home .hsk-portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}body.home .hsk-portal-tile{background:#fff;border-radius:10px;box-shadow:none}body.home .hsk-portal-image{height:190px;padding:0;gap:0;overflow:hidden;background:#ede5d9}body.home .hsk-portal-image img{width:100%;height:100%;max-width:100%;object-fit:cover;mix-blend-mode:normal}body.home .hsk-portal-image img:not(:only-child){width:50%;max-width:50%;object-fit:cover}body.home .hsk-portal-copy{padding:20px 17px}body.home .hsk-portal-copy h2{font-size:21px;min-height:50px}body.home .hsk-portal-copy p{font-size:15px;line-height:1.5;padding-bottom:20px}body.home .hsk-portal-cta{border:0;background:var(--hsk-brown);border-radius:4px;color:white;padding:9px 13px;font-size:14px;min-height:44px;gap:8px}body.home .hsk-portal-cta span{font-size:20px}
body.home .hsk-section{margin:34px 0}body.home .hsk-category-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}body.home .hsk-category-grid a{display:flex;flex-direction:column;align-items:center;background:white;border:1px solid var(--hsk-line);padding:8px;border-radius:8px;text-align:center;font-size:14px;color:var(--hsk-ink);line-height:1.3}body.home .hsk-category-grid img{width:100%;height:124px;object-fit:contain;border-radius:5px;margin-bottom:12px}body.home .hsk-category-grid span{padding-bottom:6px}body.home :is(#main-content,#et-boc) ul.products li.product{padding:12px!important}body.home :is(#main-content,#et-boc) ul.products{gap:18px!important}
.hsk-design-packages{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:26px;border:1px solid var(--hsk-line);border-radius:12px;background:#eee6da;margin:40px 0;padding:30px}.hsk-design-packages small{display:block;margin-top:16px;font-size:12px;line-height:1.5}.hsk-design-packages .hsk-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#78512e}.hsk-package-images{display:flex;gap:8px;min-width:0}.hsk-package-images img{width:calc((100% - 16px)/3);height:auto;object-fit:contain;border-radius:8px}
body.home .hsk-service-story{padding:24px;background:white;border:1px solid var(--hsk-line);border-radius:12px;margin:36px 0}body.home .hsk-service-story>h2{font-size:26px}body.home .hsk-portal-services{gap:20px;margin:16px 0}body.home .hsk-portal-services article{padding:8px 0;border:0;border-radius:0}body.home .hsk-portal-services article>span{font-size:28px;margin-bottom:10px}body.home .hsk-portal-services h3{font-size:18px}body.home .hsk-portal-services p{font-size:14px}body.home .hsk-story-more{margin-bottom:0}body.home .hsk-story-more summary{padding:12px 0;font-size:14px}
body.home .hsk-portal-teasers{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}body.home .hsk-portal-teasers article{padding:22px;background:#f6f1e9}body.home .hsk-portal-teasers h2{font-size:21px}body.home .hsk-portal-teasers p{font-size:15px}body.home .hsk-brand-teaser{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;border-top:1px solid var(--hsk-line);border-bottom:1px solid var(--hsk-line);padding:22px 0;margin:32px 0}body.home .hsk-brand-teaser h2{font-size:20px;padding:0}body.home .hsk-brand-teaser p{padding:0;flex:1;font-size:17px}body.home .hsk-seo-accordion summary{padding:15px 4px}body.home .hsk-seo-accordion summary h2{font-size:19px}
#hsk-support-open{background:var(--hsk-ink)!important;border-radius:28px!important;padding:12px 18px!important;color:white!important}
/* Divi teilt den Kaufbereich bereits in zwei Spalten. Die Galerie nutzt die volle Bildspalte. */
.single-product .et_pb_wc_images .woocommerce-product-gallery{width:100%!important;float:none!important}
@media(max-width:1199px){body.home .hsk-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.home .hsk-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.home .hsk-portal-copy h2{min-height:0}body.home .hsk-hero-copy{width:60%}body.home article.page>.main_title{width:60%}body.home .hsk-hero{padding-top:170px}#top-menu li{padding-right:12px}#top-menu li a{font-size:13px}}
@media(max-width:767px){body.home article.page>.main_title{position:static;width:auto;background:#eee6da;padding:24px 20px 0;border-radius:10px 10px 0 0;font-size:30px}body.home .hsk-hero{padding:20px 20px 230px;min-height:0;border-radius:0 0 10px 10px;background:linear-gradient(#eee6da 0%,#eee6da 52%,transparent 75%),url('images/scene-hero.webp') center bottom/auto 320px no-repeat;background-color:#eee6da}body.home .hsk-hero-copy{width:100%;max-width:none}body.home .hsk-hero p{font-size:16px}body.home .hsk-hero ul{font-size:14px}body.home .hsk-portal-teasers{grid-template-columns:1fr}.hsk-design-packages{grid-template-columns:1fr;padding:22px}.hsk-section-visual{grid-template-columns:1fr;gap:0}.hsk-section-visual img{height:190px}.hsk-section-visual>div{padding:20px}.hsk-section-visual p{font-size:24px}.single-product .summary{max-width:none}.hsk-portal-services{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){body.home .hsk-portal-grid{grid-template-columns:1fr}body.home .hsk-portal-image{height:220px}body.home .hsk-portal-copy{padding:20px}body.home .hsk-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.home .hsk-category-grid img{height:130px}body.home .hsk-service-story{padding:18px}body.home .hsk-portal-services{gap:16px}body.home .hsk-portal-services h3{font-size:17px}body.home .hsk-portal-services p{font-size:13px}body.home .hsk-portal-services article>span{font-size:25px}body.home .hsk-brand-teaser p{flex-basis:100%;font-size:16px}body.home .hsk-actions .hsk-button{width:100%}body.home .hsk-hero{padding-bottom:220px}.hsk-section-visual{margin-bottom:24px}:is(#main-content,#et-boc) ul.products li.product .woocommerce-loop-product__title{font-size:16px!important}}

.hsk-service-links a{background:#865127!important;border-color:#865127!important;color:#fff!important;border-radius:5px!important;min-height:44px;box-sizing:border-box} .hsk-service-box h2{font-size:26px!important}.single-product .et_pb_section{background:#faf8f4!important}
/* Gleiche Text- und Buttonlinien in den Bestseller-Karten, auch bei zweizeiligen Titeln. */
body.home :is(#main-content,#et-boc) #produkte ul.products li.product{display:flex!important;flex-direction:column;align-self:stretch}
body.home :is(#main-content,#et-boc) #produkte ul.products li.product .woocommerce-loop-product__title{min-height:4.4em!important;box-sizing:border-box;padding-bottom:.7em!important}
body.home :is(#main-content,#et-boc) #produkte ul.products li.product .hsk-product-link{margin-top:auto!important}
body.home :is(#main-content,#et-boc) #produkte ul.products li.product .product-units-wrapper{margin-bottom:14px!important}

/* Gemeinsame Sortimentskarten und Bedienung auf allen WooCommerce-Listen. */
:is(#main-content,#et-boc) ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%!important;margin:0!important;padding:0!important}
:is(#main-content,#et-boc) ul.products:before,:is(#main-content,#et-boc) ul.products:after{display:none!important}
:is(#main-content,#et-boc) ul.products li.product{display:flex!important;flex-direction:column;align-self:stretch;width:auto!important;float:none!important;margin:0!important;min-width:0;padding:14px!important}
:is(#main-content,#et-boc) ul.products li.product .woocommerce-loop-product__title{font-size:17px!important;line-height:1.35!important;min-height:5.2em!important;padding:16px 0 12px!important;box-sizing:border-box}
:is(#main-content,#et-boc) ul.products li.product img{width:100%!important;aspect-ratio:1;height:auto!important;object-fit:contain!important}
:is(#main-content,#et-boc) ul.products li.product .hsk-product-link{margin-top:auto!important;min-height:44px}
:is(#main-content,#et-boc) ul.products li.product .product-units-wrapper{margin-bottom:14px!important}
body:not(.home) :is(#main-content,#et-boc) .et_pb_section{background-color:var(--hsk-paper)!important;padding:24px 0!important}
body:not(.home) :is(#main-content,#et-boc) .et_pb_fullwidth_header{background:var(--hsk-paper)!important;border-bottom:1px solid var(--hsk-line);padding:22px 24px!important;text-align:left!important}
body:not(.home) :is(#main-content,#et-boc) .et_pb_fullwidth_header .et_parallax_bg,body:not(.home) :is(#main-content,#et-boc) .et_pb_fullwidth_header .et_pb_fullwidth_header_overlay{background:none!important}
body:not(.home) :is(#main-content,#et-boc) .et_pb_fullwidth_header .header-content{margin:0!important;padding:0!important;text-align:left!important;max-width:75ch}
body:not(.home) :is(#main-content,#et-boc) .et_pb_fullwidth_header :is(h1,h2,p,.et_pb_header_content_wrapper){color:var(--hsk-ink)!important}
body:not(.home) :is(#main-content,#et-boc) .et_pb_row{padding-top:16px!important;padding-bottom:24px!important}
.hsk-package-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:26px;align-items:start}.hsk-package-layout figure{margin:0}.hsk-package-layout img{width:100%;border-radius:9px;object-fit:contain}.hsk-package-layout figcaption{font-size:12px;line-height:1.5;color:#68635d;margin:8px 0}.hsk-package-layout li{margin-bottom:9px}.hsk-package-layout h3{font-size:23px!important}.hsk-plan-result,.hsk-plan-package{background:white;border:1px solid var(--hsk-line);border-radius:10px;padding:22px}.hsk-advice-panel .hsk-panel-body{padding-bottom:90px}.hsk-advice-panel{scroll-margin-top:110px!important}
@media(max-width:1100px){:is(#main-content,#et-boc) ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.hsk-package-layout{grid-template-columns:1fr}.hsk-package-layout figure{max-width:460px;margin:auto}.hsk-plan-result,.hsk-plan-package{padding:16px}body:not(.home) :is(#main-content,#et-boc) .et_pb_fullwidth_header{padding:20px 12px!important}}
@media(max-width:600px){:is(#main-content,#et-boc) ul.products{grid-template-columns:1fr!important}:is(#main-content,#et-boc) ul.products li.product .woocommerce-loop-product__title{min-height:0!important}}
body:not(.home) :is(#main-content,#et-boc) .et_pb_fullwidth_header .header-content :is(span,strong,em,div){color:var(--hsk-ink)!important}
:is(#main-content,#et-boc) ul.products li.product .price,:is(#main-content,#et-boc) ul.products li.product .price *{color:var(--hsk-ink)!important}

.hsk-home-packages{margin:42px 0;padding:28px;background:#f1ebe2;border:1px solid var(--hsk-line);border-radius:12px}.hsk-home-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.hsk-home-package{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid var(--hsk-line);border-radius:10px;overflow:hidden}.hsk-home-package>.hsk-design-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f8f5ef}.hsk-home-package-copy{padding:20px;display:flex;flex:1;flex-direction:column}.hsk-home-package-copy h3{font-size:23px!important;line-height:1.25!important}.hsk-home-package-copy ul{padding-left:18px!important;font-size:14px;line-height:1.6}.hsk-home-package-copy li{margin-bottom:10px}.hsk-home-package-price{margin-top:auto;padding-top:18px}.hsk-home-package-price strong{font-size:21px}.hsk-home-package-copy>.hsk-button{margin-top:12px;min-height:48px;text-align:center}.hsk-package-assumptions{margin-top:20px!important;line-height:1.6;color:#68635d}.hsk-image-pakete img:only-child{width:100%;object-fit:cover}
@media(max-width:1100px){.hsk-home-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hsk-home-package-grid{grid-template-columns:1fr}.hsk-home-packages{padding:15px}.hsk-home-package-copy{padding:18px}}
/* Germanized's lazy placeholder is landscape; reserve the actual portrait notice
   dimensions before loading so the footer does not move while scrolling. */
img.wc-gzd-legal-guarantee-image-preview{aspect-ratio:1654/2339!important;height:auto!important;max-width:100%}
