/* HESELER KAMINSTUDIO – vollständige umzug.css – 03.11.2026
   Startseite, neuer Header, Ausstellungen, Hesel, Rhede, Ofenbau, NunnaUuni.
   Nach den Template-Styles laden. Keine HTML-Änderung notwendig. */


/* LOKALER NEUER HEADER: nur aktiv, wenn dessen vorhandene .heseler-trustbar im HTML steht. */

/* Quelle: custom.css */

:where(body:has(.heseler-trustbar)) .myalert_blur{
  width: 100%;
  height: 100vh;
  position: fixed;
display: flex;
justify-content: center;
background: rgba(255, 255, 255, 0.2);

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);

z-index:10000;
}
:where(body:has(.heseler-trustbar)) .myalert_content_print{
 margin-top: -100%;
  padding: 20px;
 height: fit-content;
background: #353839;
box-shadow:  -20px -20px 60px #2d3030,
             20px 20px 60px #3d4042;
color:#fcfcfc;
}
:where(body:has(.heseler-trustbar)) .closethis:hover{
  color: red;
  cursor: pointer;
}
:where(body:has(.heseler-trustbar)) .closethis{
  text-align: right;
  margin-top: -20px;
  margin-right: -15px;
}
:where(body:has(.heseler-trustbar)) .termatech_pro{
	text-align: center;
}
:where(body:has(.heseler-trustbar)) .termatech_pro a{
  text-decoration: none;
}
:where(body:has(.heseler-trustbar)) .tt-prozent{
  font-size: 80px;
  font-weight: bold;
  
}
:where(body:has(.heseler-trustbar)) .tt-lager{
  font-size: 40px;
  
}
:where(body:has(.heseler-trustbar)) .tt-alle{
  font-size: 40px;
  
}
:where(body:has(.heseler-trustbar)) .tt-von{
  font-size: 20px;
  
}
:where(body:has(.heseler-trustbar)) .tt-img{
  width: 320px;
  max-width: 100%;
  padding: 20px 5px;
}
:where(body:has(.heseler-trustbar)) .termatech_pro a:hover{
  color: #f39213;
}
:where(body:has(.heseler-trustbar)) .termatech_pro a{
	color: #fff;
	
}
:where(body:has(.heseler-trustbar)) .ueberschrift{
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  font-size: 18px;
}/* NOVA 1.8 compatibility: keep product gallery media inside the active slide. */
:where(body:has(.heseler-trustbar)) .square-image > .inner{
    top: 0;
    left: 0;
}/* NOVA 1.8 compatibility: the legacy child did not load Slick's core layout. */
:where(body:has(.heseler-trustbar)) .slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
:where(body:has(.heseler-trustbar)) .slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
:where(body:has(.heseler-trustbar)) .slick-list:focus{
    outline: none;
}
:where(body:has(.heseler-trustbar)) .slick-list.dragging{
    cursor: pointer;
}
:where(body:has(.heseler-trustbar)) .slick-slider .slick-track,
:where(body:has(.heseler-trustbar)) .slick-slider .slick-list{
    transform: translate3d(0, 0, 0);
}
:where(body:has(.heseler-trustbar)) .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-right: auto;
    margin-bottom: 2px;
    margin-left: auto;
}
:where(body:has(.heseler-trustbar)) .slick-track::before,
:where(body:has(.heseler-trustbar)) .slick-track::after{
    display: table;
    content: "";
}
:where(body:has(.heseler-trustbar)) .slick-track::after{
    clear: both;
}
:where(body:has(.heseler-trustbar)) .slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
:where(body:has(.heseler-trustbar)) .slick-slide img{
    display: block;
}
:where(body:has(.heseler-trustbar)) .slick-initialized .slick-slide{
    display: block;
}
:where(body:has(.heseler-trustbar)) .slick-arrow.slick-hidden{
    display: none;
}

/* NOVA 1.8 compatibility: keep short product sliders usable until Slick is initialized. */
@media (min-width: 768px) {
:where(body:has(.heseler-trustbar)) #content .slick-type-product:not(.slick-initialized):has(> .product-wrapper:nth-child(3):last-child) > .product-wrapper{
        flex: 0 0 33.333333%;
        width: 33.333333%;
        min-width: 33.333333%;
        max-width: 33.333333%;
        margin-left: 0 !important;
    }
}

@media (max-width: 767.98px) {
:where(body:has(.heseler-trustbar)) #content .slick-type-product:not(.slick-initialized):has(> .product-wrapper:nth-child(3):last-child) > .product-wrapper{
        flex: 0 0 50%;
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        margin-left: 0 !important;
    }
}

/* Heseler desktop header: clean NOVA structure with the new visual hierarchy. */
@media (min-width: 992px) {
:where(body:has(.heseler-trustbar)) .heseler-trustbar{
        background: #202020;
        border-top: 2px solid #397acb;
        border-bottom: 1px solid #3a3a3a;
        color: #efefef;
        font-size: 0.92rem;
        line-height: 1.2;
    }
:where(body:has(.heseler-trustbar)) .heseler-trustbar-inner{
        min-height: 30px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        gap: 2rem;
    }
:where(body:has(.heseler-trustbar)) .heseler-trustbar-inner > :nth-child(2){ text-align: center; }
:where(body:has(.heseler-trustbar)) .heseler-trustbar-inner > :last-child{ text-align: right; }
:where(body:has(.heseler-trustbar)) .heseler-trustbar a{ color: inherit; text-decoration: none; }
:where(body:has(.heseler-trustbar)) .heseler-trustbar a:hover{ color: #f39213; }
:where(body:has(.heseler-trustbar)) #header-top-bar{ display: none !important; }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper{
        background: #050505;
        color: #f7f7f7;
        border-bottom: 0;
        box-shadow: inset 0 -1px 0 rgba(243, 146, 19, 0.42);
        position: static !important;
        top: auto !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container-fluid{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 10px;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper{
        flex: 0 0 225px;
        width: 225px;
        padding-right: 20px;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #logo,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar-brand{
        width: 100%;
        margin: 0;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-logo{
        width: 100%;
        max-width: 205px;
        height: auto;
        max-height: 58px;
        object-fit: contain;
        object-position: left center;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar{
        flex: 1 1 calc(100% - 225px);
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav{
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search{
        flex: 1 1 420px;
        min-width: 260px;
        margin: 0 8px 0 0;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .search-wrapper,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search form{ width: 100%; }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .twitter-typeahead{
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .twitter-typeahead .form-control{
        width: 100% !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .input-group{
        height: 46px;
        border: 1px solid #bcbcbc;
        border-radius: 999px;
        overflow: hidden;
        background: #f7f5f1;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .form-control{
        height: 44px;
        padding-left: 28px;
        border: 0;
        background: transparent;
        color: #252525;
        box-shadow: none;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .input-group-append,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .btn{
        height: 44px;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .btn{
        width: 60px;
        border: 0;
        background: transparent;
        color: #171717;
        font-size: 1.35rem;
    }
:where(body:has(.heseler-trustbar)) .heseler-review{
        flex: 0 0 265px;
        min-width: 265px;
        flex-direction: column;
        justify-content: center;
        line-height: 1.2;
        white-space: nowrap;
        color: #bdbdbd;
        font-size: 0.79rem;
    }
:where(body:has(.heseler-trustbar)) .heseler-review-line{
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 7px;
    }
:where(body:has(.heseler-trustbar)) .heseler-review-line strong{ color: #f1f1f1; }
:where(body:has(.heseler-trustbar)) .heseler-review-stars{ color: #f39213; letter-spacing: 1px; }
:where(body:has(.heseler-trustbar)) .heseler-review a{ color: #8ab8ec; text-decoration: none; }
:where(body:has(.heseler-trustbar)) .heseler-review a:hover{ color: #f39213; }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav > .nav-item:not(#search):not(.heseler-review),
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav > .dropdown{
        flex: 0 0 auto;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .fas,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .far{
        color: #f7f7f7;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .nav-link{
        padding: 0.5rem 0.5rem;
        font-size: 1.18rem;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .cart-icon-dropdown-price{ display: none; }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation{
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
        background: transparent;
        overflow: visible;
        height: 40px !important;
        min-height: 40px;
        align-items: flex-start;
        position: relative;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-mobile-body,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav{
        overflow: visible;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner{
        padding-bottom: 0;
        align-self: flex-start;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation > .nav-scrollbar-arrow.disabled{
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav > .dropdown-full{
        position: static;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav > .dropdown-full > .dropdown-menu{
        left: 0;
        right: 0;
        width: 100%;
        min-width: 100%;
        margin-top: 0;
        border-radius: 0;
        z-index: 1040;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link{
        padding: 9px 15px;
        color: #e7e7e7;
        font-size: 0.9rem;
        font-weight: 650;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link:hover,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-item.active > .nav-link{
        color: #f39213;
    }/* Desktop only: keep the complete header visible while it is in the viewport. */
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #logo,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search{
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper{ flex-basis: 210px; width: 210px; }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar{ flex-basis: calc(100% - 210px); }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation{
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
:where(body:has(.heseler-trustbar)) .heseler-review{ display: none !important; }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link{ padding-right: 10px; padding-left: 10px; font-size: 0.79rem; }
}

/* Keep NOVA's mobile header in two clean rows: controls/logo, then search. */
@media (max-width: 991.98px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper{
        min-height: 80px;
        background: #050505;
        color: #f7f7f7;
        border-bottom: 1px solid rgba(243, 146, 19, 0.58);
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar > .navbar,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-form-wrapper-fixed{
        background: #050505;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper{
        top: 0;
        left: 1rem;
        transform: translateY(-50%);
        height: 37px;
        display: flex !important;
        align-items: center;
        width: auto;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .burger-menu-wrapper{
        float: none;
        display: flex;
        align-items: center;
        height: 37px;
        padding-top: 0;
        color: #f7f7f7;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .logo-wrapper{
        float: none;
        display: flex;
        align-items: center;
        height: 37px;
        margin-left: 12px;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-logo{
        display: block;
        width: auto;
        max-width: 126px;
        height: 30px;
        object-fit: contain;
    }/* NOVA's typeahead wrapper keeps its desktop intrinsic width on mobile.
       Let it consume the complete space before the search button. */
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-form-wrapper-fixed .input-group > .twitter-typeahead{
        flex: 1 1 auto;
        width: 1% !important;
        min-width: 0;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-form-wrapper-fixed .twitter-typeahead .form-control{
        width: 100% !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-form-wrapper-fixed .input-group{
        border: 1px solid #555;
        background: #171717;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-form-wrapper-fixed .form-control{
        border: 0;
        background: #171717;
        color: #f7f7f7;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-form-wrapper-fixed .form-control::placeholder{
        color: #aaa;
        opacity: 1;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-form-wrapper-fixed .btn{
        border: 0;
        background: #252525;
        color: #fff;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper .fas,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper .far{
        color: #f7f7f7;
    }/* Expanded mobile navigation: keep it above NOVA's backdrop and use the
       full available width instead of the intrinsic 167 px menu width. */
html:has(.heseler-trustbar).overflow-hidden #jtl-nav-wrapper{
        position: relative !important;
        z-index: 1050;
    }
html:has(.heseler-trustbar).overflow-hidden .modal-backdrop{
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-mobile-body,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav{
        width: 100%;
        max-width: none;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-mobile-body,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav{
        flex: 1 1 100%;
        background: #050505;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-mobile-header{
        display: none !important;
    }/* NOVA normally slides the complete mobile menu sideways when a category
       is opened.  In the compact Heseler header this pushes the submenu out
       of the viewport.  Keep the list in place and open children vertically
       like a conventional mobile accordion. */
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner{
        transform: none !important;
        transition: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu.show{
        position: static !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        transform: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-body,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper{
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        padding: 0 !important;
        white-space: normal !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper > .row{
        display: flex !important;
        flex-flow: column nowrap !important;
        width: 100% !important;
        margin: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper > .row > [class*="col"]{
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper a{
        display: block !important;
        padding: 0.58rem 1rem !important;
        border-bottom: 1px solid #242424;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link{
        padding: 0.72rem 0;
        border-bottom: 1px solid #242424;
        color: #f1f1f1;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link:hover,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link:focus,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-item.show > .nav-link{
        color: #f39213;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu{
        border: 0;
        background: #111;
        color: #eee;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu a{
        color: #ddd;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item:hover,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item:focus,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu a:hover,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu a:focus{
        color: #f39213;
        background: #181818;
    }
}

/* Compact Heseler mobile header: menu, centred logo, search trigger and cart.
   The search input is rendered only inside the dropdown opened by the lens. */
@media (max-width: 991.98px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper{
        min-height: 64px;
        background: rgba(5, 5, 5, 0.78) !important;
        border-bottom: 1px solid rgba(243, 146, 19, 0.4);
        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.16);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container-fluid{
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        min-height: 64px;
        padding: 0 12px;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper{
        position: static !important;
        top: auto !important;
        left: auto !important;
        z-index: 2;
        flex: 1 1 auto;
        width: auto;
        height: 64px;
        transform: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .burger-menu-wrapper{
        flex: 0 0 44px;
        width: 44px;
        height: 64px;
        margin: 0;
        padding: 0 10px 0 0;
        color: #fff;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar-toggler-icon{
        color: #fff;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar-toggler-icon::before,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar-toggler-icon::after{
        background-color: currentColor;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .logo-wrapper{
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        display: flex;
        justify-content: center;
        width: min(48vw, 190px);
        height: 48px;
        margin: 0;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .logo-wrapper .navbar-brand{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0;
        padding: 0;
        pointer-events: auto;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-logo{
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 48px;
        object-fit: contain;
        object-position: center;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar{
        position: static;
        z-index: 3;
        flex: 0 0 auto;
        width: auto;
        min-height: 64px;
        margin-left: auto;
        padding: 0;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav{
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        gap: 0;
        height: 64px;
        margin: 0;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav > .nav-item:not(.search-wrapper-dropdown):not(.cart-icon-dropdown),
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav > .dropdown:not(.search-wrapper-dropdown):not(.cart-icon-dropdown),
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav > #search{
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .cart-icon-dropdown{
        position: static;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 64px;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown > .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .cart-icon-dropdown > .nav-link{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 64px;
        margin: 0;
        padding: 0;
        color: #fff !important;
        font-size: 1.55rem;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .cart-icon-dropdown-price{
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .cart-icon-dropdown .fa-sup{
        background: #f39213;
        color: #101010;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-form-wrapper-fixed,
:where(body:has(.heseler-trustbar)) .fixed-search.smoothscroll-top-search{
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown > .dropdown-menu{
        position: absolute !important;
        top: 64px !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        padding: 10px 12px 12px;
        border: 0;
        border-top: 1px solid rgba(243, 146, 19, 0.38);
        border-radius: 0;
        background: rgba(8, 8, 8, 0.96);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown .dropdown-body,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown form,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown .input-group{
        width: 100%;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown .form-control{
        height: 44px;
        border: 1px solid rgba(255, 255, 255, 0.42);
        border-right: 0;
        background: #fff;
        color: #242424;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown .btn{
        width: 50px;
        height: 44px;
        border-color: #f39213;
        background: #f39213;
        color: #111;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation{
        position: absolute;
        top: 64px;
        right: 0;
        left: 0;
        z-index: 1051;
        width: 100%;
    }
}/* Composer hero: use a true hairline instead of the former 4 px divider. */
:where(body:has(.heseler-trustbar)) .hk-hero{
    border-top-width: 1px !important;
    border-top-color: rgba(242, 138, 26, 0.58) !important;
}/* The header intentionally scrolls away with the page instead of sticking. */
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.sticky-top,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.fixed-top,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.fixed-navbar{
    position: static !important;
    top: auto !important;
}

/* NOVA single-row mobile navigation.
   In this layout the search trigger is a sibling of the logo and shop icons,
   while the collapsible category navigation lives in a second navbar. */
@media (max-width: 991.98px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.sticky-top,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.fixed-top,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.fixed-navbar{
        position: relative !important;
        top: auto !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar{
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
        align-items: center;
        width: 100%;
        min-height: 64px;
        margin: 0 !important;
        padding: 0 10px !important;
        background: transparent !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar > .navbar{
        display: contents !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-logo-wrapper,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper{
        display: contents !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #burger-menu{
        position: static !important;
        grid-column: 1;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .logo-wrapper{
        position: static !important;
        grid-column: 2;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        max-width: none !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 6px !important;
        transform: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-logo{
        width: auto !important;
        max-width: min(48vw, 190px) !important;
        height: auto !important;
        max-height: 48px !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .main-search-wrapper{
        position: static !important;
        grid-column: 3;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: none !important;
        width: 44px !important;
        max-width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .main-search-wrapper > #search{
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .main-search-wrapper .search-wrapper-dropdown{
        position: static !important;
        display: flex !important;
        width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper{
        position: static !important;
        grid-column: 4;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: none !important;
        width: 44px !important;
        max-width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper #shop-nav{
        display: flex !important;
        width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper #shop-nav > :not(.cart-icon-dropdown){
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .menu-multiple-rows-scroll{
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .menu-multiple-rows-scroll > .navbar{
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation{
        position: absolute !important;
        top: 64px !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 1052;
        width: 100% !important;
        height: auto !important;
        max-height: calc(100vh - 64px);
        margin: 0 !important;
        padding: 10px 14px 18px !important;
        overflow: auto;
        border-top: 1px solid rgba(243, 146, 19, 0.4);
        background: rgba(8, 8, 8, 0.98) !important;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation.collapse:not(.show){
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation.collapsing{
        display: block !important;
        overflow: hidden !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown > .dropdown-menu{
        z-index: 1053;
    }
}


/* Quelle: mobile-header-523.css */
/* Cache-safe final correction for NOVA's single-row mobile header. */
@media (max-width: 991.98px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.sticky-top,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.fixed-top,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper.fixed-navbar{
        position: relative !important;
        top: auto !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar{
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
        align-items: center;
        width: 100%;
        min-height: 64px;
        margin: 0 !important;
        padding: 0 10px !important;
        background: transparent !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar > .navbar,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-logo-wrapper,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper{
        display: contents !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #burger-menu{
        position: static !important;
        grid-column: 1;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .logo-wrapper{
        position: static !important;
        grid-column: 2;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        max-width: none !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 6px !important;
        transform: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-logo{
        width: auto !important;
        max-width: min(48vw, 190px) !important;
        height: auto !important;
        max-height: 48px !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .main-search-wrapper{
        position: static !important;
        grid-column: 3;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: none !important;
        width: 44px !important;
        max-width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .main-search-wrapper > #search{
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .main-search-wrapper .search-wrapper-dropdown{
        position: static !important;
        display: flex !important;
        width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper{
        position: static !important;
        grid-column: 4;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: none !important;
        width: 44px !important;
        max-width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper #shop-nav{
        display: flex !important;
        width: 44px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper #shop-nav > :not(.cart-icon-dropdown){
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .menu-multiple-rows-scroll,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .menu-multiple-rows-scroll > .navbar{
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation{
        position: absolute !important;
        top: 64px !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 1052;
        width: 100% !important;
        height: auto !important;
        max-height: calc(100vh - 64px);
        margin: 0 !important;
        padding: 10px 14px 18px !important;
        overflow: auto;
        border-top: 1px solid rgba(243, 146, 19, 0.4);
        background: rgba(8, 8, 8, 0.98) !important;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation.collapse:not(.show){
        display: none !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation.collapsing{
        display: block !important;
        overflow: hidden !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown > .dropdown-menu{
        z-index: 1053;
    }
}

/* Quelle: mobile-header-524.css */
/* Solid mobile header fallback: intentionally no hero overlap. */
@media (max-width: 991.98px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar > .navbar{
        background: #000 !important;
    }
}

/* Quelle: heseler-white-100.css */
/* Heseler NOVA – white header variant.
   Loaded last so the tested layout remains intact and only its colours,
   surfaces and small visual details are changed. */
:root:has(.heseler-trustbar){
    --heseler-orange: #f39213;
    --heseler-ink: #111820;
    --heseler-muted: #626973;
    --heseler-line: #e1e4e8;
    --heseler-soft: #f5f6f7;
}
:where(body:has(.heseler-trustbar)) .heseler-trustbar{
    background: #f5f6f7 !important;
    color: #343a40 !important;
    border-bottom: 1px solid #e1e4e8 !important;
}
:where(body:has(.heseler-trustbar)) .heseler-trustbar a{
    color: #343a40 !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar > .navbar,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .menu-multiple-rows-scroll,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .menu-multiple-rows-scroll > .navbar{
    background: #fff !important;
    color: var(--heseler-ink) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper{
    border-bottom: 1px solid var(--heseler-orange) !important;
    box-shadow: 0 2px 12px rgba(17, 24, 32, 0.08) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .input-group{
    border-color: #d9dde2 !important;
    background: var(--heseler-soft) !important;
    box-shadow: inset 0 1px 2px rgba(17, 24, 32, 0.03) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .form-control,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .btn{
    background: transparent !important;
    color: var(--heseler-ink) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search .form-control::placeholder{
    color: #737983 !important;
    opacity: 1 !important;
}
:where(body:has(.heseler-trustbar)) .heseler-review{
    color: #535a64 !important;
}
:where(body:has(.heseler-trustbar)) .heseler-review-line strong,
:where(body:has(.heseler-trustbar)) .heseler-review a{
    color: var(--heseler-ink) !important;
}
:where(body:has(.heseler-trustbar)) .heseler-review-stars,
:where(body:has(.heseler-trustbar)) .heseler-review a:hover{
    color: var(--heseler-orange) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .fas,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .far,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link{
    color: var(--heseler-ink) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .nav-link:hover,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav .nav-link:focus,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link:hover,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link:focus,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-item.active > .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-item.show > .nav-link{
    color: var(--heseler-orange) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu{
    border: 1px solid var(--heseler-line) !important;
    background: #fff !important;
    color: var(--heseler-ink) !important;
    box-shadow: 0 12px 28px rgba(17, 24, 32, 0.12) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu a{
    color: #30363d !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item:hover,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item:focus,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu a:hover,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu a:focus{
    background: var(--heseler-soft) !important;
    color: var(--heseler-orange) !important;
}
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .cart-icon-dropdown .fa-sup{
    background: var(--heseler-orange) !important;
    color: #fff !important;
}

@media (max-width: 991.98px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .hide-navbar > .navbar{
        background: #fff !important;
        color: var(--heseler-ink) !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #burger-menu,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar-toggler-icon,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown > .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .cart-icon-dropdown > .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper .fas,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .nav-icons-wrapper .far{
        color: var(--heseler-ink) !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar-toggler-icon::before,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .navbar-toggler-icon::after{
        background-color: currentColor !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation{
        border-top: 1px solid var(--heseler-orange) !important;
        background: #fff !important;
        color: var(--heseler-ink) !important;
        box-shadow: 0 12px 24px rgba(17, 24, 32, 0.16) !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-mobile-body,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav{
        background: #fff !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper a{
        border-bottom-color: var(--heseler-line) !important;
        color: var(--heseler-ink) !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown > .dropdown-menu{
        border-top: 1px solid var(--heseler-orange) !important;
        background: #fff !important;
        box-shadow: 0 10px 22px rgba(17, 24, 32, 0.16) !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown .form-control{
        border-color: #d9dde2 !important;
        background: var(--heseler-soft) !important;
        color: var(--heseler-ink) !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .search-wrapper-dropdown .btn{
        border-color: var(--heseler-orange) !important;
        background: var(--heseler-orange) !important;
        color: #fff !important;
    }
}

/* Quelle: heseler-white-layout-101.css */
/* Desktop layout for NOVA's classic (non-single-row) header.
   Row 1: logo, search, reviews and shop icons.
   Row 2: category navigation across the complete header width. */
@media (min-width: 992px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container-fluid:not(.search-form-wrapper-fixed){
        display: grid !important;
        grid-template-columns: 225px minmax(0, 1fr) !important;
        grid-template-rows: 64px 40px !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 104px !important;
        margin: 0 auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper{
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        width: 225px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 20px 0 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container > .navbar,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container-fluid:not(.search-form-wrapper-fixed) > .navbar{
        display: contents !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #shop-nav{
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 64px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #search{
        flex: 1 1 auto !important;
        min-width: 280px !important;
        margin: 0 18px 0 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .heseler-review{
        flex: 0 0 250px !important;
        min-width: 250px !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation{
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: none !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        background: #fff !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav{
        width: 100% !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .navbar-nav{
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .nav-link{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        white-space: nowrap !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper #mainNavigation .submenu-headline-toplevel{
        display: block !important;
        padding-top: 10px !important;
        padding-right: 15px !important;
        padding-bottom: 10px !important;
        padding-left: 15px !important;
        font-family: inherit !important;
        font-size: 0.9rem !important;
        font-weight: 650 !important;
        line-height: 1.5 !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container,
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper > .container-fluid:not(.search-form-wrapper-fixed){
        grid-template-columns: 190px minmax(0, 1fr) !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .toggler-logo-wrapper{
        width: 190px !important;
    }
:where(body:has(.heseler-trustbar)) #jtl-nav-wrapper .heseler-review{
        display: none !important;
    }
}

/* BESTEHENDE INHALTSBEREICHE – unverändert übernommen */
/* ==========================================================================
   HESELER KAMINSTUDIO – START WEISS
   Rekonstruiert aus dem letzten vollständigen Template-CSS und den danach
   ergänzten Ausstellungsregeln. Stand: 30.10.2026.
   Diese Datei wird in template.xml zuletzt geladen.
   ========================================================================== */

/* ==========================================================
   HESELER KAMINSTUDIO – STARTSEITE / HELLE VERSION
   Konsolidierte Fassung mit erhöhter Selektorpriorität gegen die nachgeladenen
   dunklen HKS-Regeln in my-nova.css. Die doppelte Klasse im CSS ist beabsichtigt;
   im HTML bleibt jede Klasse nur einmal stehen.
   Klassen, Raster, Bildadressen im HTML und mobile Buttons bleiben erhalten.
   ========================================================== */
.hk-home,
.hk-home * {
  box-sizing: border-box;
}

.hk-home {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
  color: #20262d;
  font-family: Arial, sans-serif;
}

/* ==========================================================
   HERO
   ========================================================== */
.hk-hero {
  min-height: 520px;
  padding: 80px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #f5f6f8 0%, #f5f6f8 50%, #fff 50%, #fff 100%);
  border-top: 4px solid #f39218;
}

.hk-hero__content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.hk-hero__eyebrow {
  margin: 0 0 20px;
  color: #f39218;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.hk-hero__headline {
  max-width: 850px;
  margin: 0 auto;
  color: #20262d;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1.03;
  font-weight: 800;
  letter-spacing: -2px;
}

.hk-hero__headline span {
  color: #f39218;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
}

.hk-hero__description {
  max-width: 680px;
  margin: 28px auto 0;
  color: #545e69;
  font-size: 17px;
  line-height: 1.65;
}

/* ==========================================================
   SCHALTFLÄCHEN – GRUNDZUSTAND
   Alle drei Schaltflächen sind zunächst passiv.
   ========================================================== */
.hk-hero__actions {
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.hk-button,
.hk-button:link,
.hk-button:visited {
  display: inline-flex;
  min-height: 50px;
  padding: 14px 22px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #20262d;
  border: 2px solid #b7bec7;
  border-radius: 3px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.4px;
  cursor: pointer;
  box-shadow: none;
  transform: translateY(0);
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* ==========================================================
   SCHALTFLÄCHEN – HOVER, FOKUS UND KLICK
   Orange Fläche mit dunkler Schrift für Kontrast auf hellem Layout.
   ========================================================== */
.hk-button:hover,
.hk-button:focus,
.hk-button:focus-visible,
.hk-button:active {
  background-color: #f39218;
  color: #171717;
  border-color: #f39218;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(242, 138, 26, 0.28);
  outline: 2px solid #20262d;
  outline-offset: 3px;
}

/* ==========================================================
   VERTRAUENSMERKMALE
   ========================================================== */
.hk-facts {
  padding: 42px 28px;
  background: #fff;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

.hk-facts__inner {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 28px;
  text-align: center;
}

.hk-fact__value {
  margin: 0;
  color: #3a3a3a;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.hk-fact__label {
  margin: 8px 0 0;
  color: #545e69;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

/* ==========================================================
   TABLET
   ========================================================== */
@media (max-width: 900px) {
  .hk-hero {
    min-height: 480px;
    padding: 70px 24px;
  }
  .hk-facts__inner {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    row-gap: 36px;
  }
}
/* ==========================================================
   SMARTPHONE
   ========================================================== */
@media (max-width: 640px) {
  .hk-hero {
    min-height: auto;
    padding: 64px 20px;
    background: #fff;
  }
  .hk-hero__eyebrow {
    margin-bottom: 17px;
    font-size: 10px;
    letter-spacing: 2.2px;
  }
  .hk-hero__headline {
    font-size: clamp(38px, 12vw, 54px);
    line-height: 1.04;
    letter-spacing: -1px;
  }
  .hk-hero__description {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.6;
  }
  .hk-hero__actions {
    max-width: 360px;
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
    align-items: stretch;
  }
  .hk-button {
    width: 100%;
  }
  .hk-facts {
    padding: 38px 20px;
  }
  .hk-facts__inner {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 32px 18px;
  }
  .hk-fact__value {
    font-size: 19px;
  }
  .hk-fact__label {
    font-size: 9px;
    letter-spacing: 1px;
  }
}
/* ==========================================================
   KLEINE SMARTPHONES
   ========================================================== */
@media (max-width: 390px) {
  .hk-facts__inner {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================
   BILD-HERO UND DREI HAUPTEINSTIEGE
   Desktop: Bild oben, Text unten. Mobil: nur orange Buttons.
   ========================================================== */
.hks-home.hks-home {
  --hks-orange: #f39218;
  --hks-max: 1280px;
  width: 100%;
  background: #fff;
  color: #20262d;
  font-family: inherit;
  isolation: isolate;
}

.hks-home.hks-home, .hks-home.hks-home * {
  box-sizing: border-box;
}

.hks-home.hks-home .hks-hero {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 460px;
  overflow: hidden;
  background: #fff;
}

.hks-home.hks-home .hks-hero-picture,
.hks-home.hks-home .hks-hero-picture img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hks-home.hks-home .hks-hero::before {
  content: none;
}

.hks-home.hks-home .hks-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.93) 0%, rgba(255, 255, 255, 0.88) 35%, rgba(255, 255, 255, 0.22) 58%, rgba(255, 255, 255, 0) 78%), linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 24%);
  pointer-events: none;
}

.hks-home.hks-home .hks-hero-inner {
  position: relative;
  z-index: 1;
  width: min(100%, var(--hks-max));
  margin: auto;
  padding: 52px 28px 130px;
}

.hks-home.hks-home .hks-eyebrow {
  margin: 0 0 14px;
  color: var(--hks-orange);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.12em;
}

.hks-home.hks-home .hks-title {
  margin: 0 0 20px;
  color: #20262d;
  font-family: inherit;
  font-size: clamp(36px, 4.1vw, 58px);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -0.025em;
  text-transform: none;
}

.hks-home.hks-home .hks-title span {
  color: var(--hks-orange);
}

.hks-home.hks-home .hks-intro {
  max-width: 560px;
  margin: 0;
  color: #414b56;
  font-size: 17px;
  line-height: 1.6;
}

.hks-home.hks-home .hks-cards {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: min(100%, var(--hks-max));
  margin: -64px auto 0;
  padding: 0 28px 48px;
}

.hks-home.hks-home .hks-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid #e1e5e9;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(25, 35, 45, 0.08);
}

.hks-home.hks-home .hks-card::after {
  content: none;
}

/* Eigene feste Bildhöhe verhindert das Zusammenfallen des picture-Elements. */
.hks-home.hks-home .hks-card-picture {
  position: relative;
  inset: auto;
  display: block;
  flex: 0 0 200px;
  width: 100%;
  height: 200px;
  min-height: 200px;
  overflow: hidden;
}

.hks-home.hks-home .hks-card-picture img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  visibility: visible;
  opacity: 1;
}

.hks-home.hks-home .hks-card-content {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 24px;
  background: #fff;
}

.hks-home.hks-home .hks-card-title {
  margin: 0 0 10px;
  color: #20262d;
  font-family: inherit;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: none;
}

.hks-home.hks-home .hks-card-text {
  min-height: 4.5em;
  margin: 0 0 24px;
  color: #545e69;
  font-size: 16px;
  line-height: 1.5;
}

.hks-home.hks-home .hks-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: auto;
  padding: 13px 12px;
  border: 2px solid transparent;
  border-radius: 4px;
  background: var(--hks-orange);
  color: #171717;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.025em;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}

.hks-home.hks-home .hks-button::before,
.hks-home.hks-home .hks-button::after {
  content: none;
}

.hks-home.hks-home .hks-button:hover {
  background: #ffac3f;
  color: #000;
  text-decoration: none;
}

.hks-home.hks-home .hks-button:focus-visible {
  outline: 3px solid #20262d;
  outline-offset: 3px;
}

@media (min-width: 768px) and (max-width: 1050px) {
  .hks-home.hks-home .hks-cards {
    gap: 16px;
    padding-inline: 20px;
  }
  .hks-home.hks-home .hks-card-content {
    padding: 18px;
  }
  .hks-home.hks-home .hks-card-title {
    font-size: 22px;
  }
  .hks-home.hks-home .hks-card-text {
    min-height: 6em;
  }
}
@media (max-width: 767px) {
  .hks-home.hks-home .hks-hero {
    min-height: 0;
  }
  .hks-home.hks-home .hks-hero::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.78)), linear-gradient(0deg, #fff, rgba(255, 255, 255, 0) 30%);
  }
  .hks-home.hks-home .hks-hero-inner {
    padding: 34px 20px 78px;
  }
  .hks-home.hks-home .hks-eyebrow {
    font-size: 11px;
    letter-spacing: 0.07em;
  }
  .hks-home.hks-home .hks-title {
    font-size: clamp(34px, 8.9vw, 44px);
    margin-bottom: 18px;
  }
  .hks-home.hks-home .hks-intro {
    font-size: 16px;
    line-height: 1.55;
  }
  .hks-home.hks-home .hks-cards {
    grid-template-columns: 1fr;
    gap: 12px;
    max-width: 560px;
    margin-top: -24px;
    padding: 0 20px 32px;
  }
  .hks-home.hks-home .hks-card {
    display: block;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .hks-home.hks-home .hks-card-picture,
  .hks-home.hks-home .hks-card-title,
  .hks-home.hks-home .hks-card-text {
    display: none;
  }
  .hks-home.hks-home .hks-card-content {
    display: block;
    padding: 0;
    background: transparent;
  }
  .hks-home.hks-home .hks-button {
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 14px 18px;
    font-size: 13px;
  }
}
/* ==========================================================
   HESELER KAMINSTUDIO
   BLOCK 2 – UNSERE OFENWELTEN
   Helles Premium-Design | JTL OnPage Composer

   Desktop: 5 Spalten
   Tablet:  3 Spalten
   Mobile:  2 Spalten

   Maximale Inhaltsbreite: 1320px
   ========================================================== */
/* 1. HAUPTBEREICH
   ---------------------------------------------------------- */
.hks-ofenwelten {
  --hks-ofenwelten-orange: #f39218;
  --hks-ofenwelten-text: #20262d;
  width: 100%;
  padding: 56px 20px 64px;
  margin: 0;
  background: #ffffff;
  color: var(--hks-ofenwelten-text);
  font-family: inherit;
  box-sizing: border-box;
}

.hks-ofenwelten,
.hks-ofenwelten * {
  box-sizing: border-box;
}

/* 2. INHALTSBREITE
   ---------------------------------------------------------- */
.hks-ofenwelten__inner {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/* 3. EINLEITUNG UND ÜBERSCHRIFT
   ---------------------------------------------------------- */
.hks-ofenwelten__eyebrow {
  margin: 0 0 12px;
  color: #e9830d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

.hks-ofenwelten h2 {
  margin: 0;
  color: #20262d;
  font-family: inherit;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  text-transform: none;
}

.hks-ofenwelten__intro {
  max-width: 820px;
  margin: 14px 0 30px;
  color: #545e69;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.6;
}

/* 4. KACHELRASTER DESKTOP
   ---------------------------------------------------------- */
.hks-ofenwelten__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  gap: 18px;
  align-items: stretch;
}

/* 5. EINZELNE KATEGORIEKACHEL
   ---------------------------------------------------------- */
.hks-ofenwelten__card {
  position: relative;
  isolation: isolate;
  display: block;
  min-width: 0;
  aspect-ratio: 4/5;
  overflow: hidden;
  background: #202020;
  color: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  text-decoration: none !important;
  box-shadow: 0 5px 18px rgba(21, 32, 45, 0.09);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

/* 6. KACHELBILDER
   ---------------------------------------------------------- */
.hks-ofenwelten__card img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transition: transform 0.35s ease;
}

/* 7. DUNKLER BILDVERLAUF
   ---------------------------------------------------------- */
.hks-ofenwelten__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0.91) 100%);
  pointer-events: none;
}

/* 8. TEXTBEREICH AUF DEN KACHELN
   ---------------------------------------------------------- */
.hks-ofenwelten__copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 20px 16px 18px;
}

.hks-ofenwelten__title {
  display: block;
  color: #ffffff;
  font-size: clamp(17px, 1.5vw, 21px);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.hks-ofenwelten__desc {
  display: block;
  color: #f1f1f1;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.hks-ofenwelten__link {
  display: block;
  margin-top: 8px;
  color: #ffad45;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

/* 9. HOVER UND FOKUS
   ---------------------------------------------------------- */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hks-ofenwelten__card:hover {
    transform: translateY(-3px);
    border-color: var(--hks-ofenwelten-orange);
    box-shadow: 0 10px 26px rgba(21, 32, 45, 0.16);
  }
  .hks-ofenwelten__card:hover img {
    transform: scale(1.04);
  }
}
.hks-ofenwelten__card:focus-visible {
  outline: 3px solid var(--hks-ofenwelten-orange);
  outline-offset: 4px;
}

/* 10. TABLET
    3 KACHELN PRO ZEILE
   ---------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1100px) {
  .hks-ofenwelten__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
  .hks-ofenwelten__card {
    aspect-ratio: 4/5;
  }
}
/* 11. SMARTPHONE
    2 KACHELN PRO ZEILE
   ---------------------------------------------------------- */
@media (max-width: 767px) {
  .hks-ofenwelten {
    padding: 36px 16px 44px;
  }
  .hks-ofenwelten__eyebrow {
    font-size: 11px;
    letter-spacing: 0.09em;
  }
  .hks-ofenwelten h2 {
    font-size: clamp(27px, 7vw, 34px);
    line-height: 1.2;
  }
  .hks-ofenwelten__intro {
    margin: 12px 0 24px;
    font-size: 15px;
    line-height: 1.55;
  }
  .hks-ofenwelten__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .hks-ofenwelten__card {
    aspect-ratio: 4/5;
    border-radius: 10px;
  }
  .hks-ofenwelten__copy {
    padding: 14px 12px;
    gap: 3px;
  }
  .hks-ofenwelten__title {
    font-size: 17px;
    line-height: 1.25;
  }
  /* Mobil nur Kategorie und Pfeil anzeigen */
  .hks-ofenwelten__desc,
  .hks-ofenwelten__link {
    display: none;
  }
  .hks-ofenwelten__title::after {
    content: " →";
    color: #ffad45;
    white-space: nowrap;
  }
  /* Fünfte Kachel nutzt die komplette Breite */
  .hks-ofenwelten__card:last-child {
    grid-column: 1/-1;
    aspect-ratio: 2/1;
  }
  .hks-ofenwelten__card:last-child img {
    object-position: center 57%;
  }
}
/* 12. SEHR SCHMALE SMARTPHONES
   ---------------------------------------------------------- */
@media (max-width: 359px) {
  .hks-ofenwelten {
    padding-left: 14px;
    padding-right: 14px;
  }
  .hks-ofenwelten__grid {
    gap: 10px;
  }
  .hks-ofenwelten__title {
    font-size: 15px;
  }
}
/* 13. REDUZIERTE BEWEGUNG
   ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .hks-ofenwelten__card,
  .hks-ofenwelten__card img {
    transition: none !important;
  }
}
/* =========================================
   HESELER KAMINSTUDIO
   Abstand Hero → Ofenwelten optimieren
   ========================================= */
/* Desktop */
.hks-ofenwelten {
  padding-top: 28px;
}

/* Tablet */
@media (max-width: 1024px) {
  .hks-ofenwelten {
    padding-top: 28px;
  }
}
/* Smartphone */
@media (max-width: 767px) {
  .hks-ofenwelten {
    padding-top: 24px;
  }
}
/* ==========================================
   HESELER KAMINSTUDIO
   BLOCK 3 – PRODUKTEMPFEHLUNGEN / HEADER
   ========================================== */
.hks-favoriten-header {
  width: 100%;
  padding: 42px 20px 0;
  background: #fff;
  color: #20262d;
  box-sizing: border-box;
}

.hks-favoriten-header *,
.hks-favoriten-header *::before,
.hks-favoriten-header *::after {
  box-sizing: border-box;
}

.hks-favoriten-header__inner {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
}

.hks-favoriten-header__eyebrow {
  margin: 0 0 12px;
  color: #e9830d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.5;
}

.hks-favoriten-header h2 {
  margin: 0;
  color: #20262d;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  text-transform: none;
}

.hks-favoriten-header__intro {
  max-width: 820px;
  margin: 14px 0 26px;
  color: #545e69;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.6;
}

@media (max-width: 767px) {
  .hks-favoriten-header {
    padding: 34px 16px 0;
  }
  .hks-favoriten-header h2 {
    font-size: clamp(27px, 7vw, 34px);
  }
  .hks-favoriten-header__intro {
    margin-bottom: 20px;
  }
}
/* HKS – Block 3: Nur das Produktraster */
.hks-favoriten-stream.opc-ProductStream-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 20px;
}

.hks-favoriten-stream.opc-ProductStream-gallery > .product-wrapper {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0 !important;
  padding: 0;
}

/* ==========================================
   HKS BLOCK 3 – PRODUKTKARTEN
   Nur äußere Gestaltung, keine Bildänderungen
   ========================================== */
.hks-favoriten-stream.opc-ProductStream-gallery > .product-wrapper {
  display: flex;
  min-width: 0;
  padding: 0;
  margin: 0 !important;
}

.hks-favoriten-stream.opc-ProductStream-gallery .productbox {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #e5e8ec;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 5px 18px rgba(21, 32, 45, 0.06);
  overflow: hidden;
}

.hks-favoriten-stream.opc-ProductStream-gallery .productbox:hover {
  border-color: #f39218;
  box-shadow: 0 8px 22px rgba(21, 32, 45, 0.11);
}

/* Produktnamen */
.hks-favoriten-stream.opc-ProductStream-gallery .productbox-title a {
  color: #20262d;
  text-decoration: none;
  font-weight: 600;
}

.hks-favoriten-stream.opc-ProductStream-gallery .productbox-title a:hover {
  color: #e9830d;
}

/* Preise */
.hks-favoriten-stream.opc-ProductStream-gallery .productbox-price {
  color: #20262d;
  font-weight: 700;
}

/* Barrierefreiheit */
.hks-favoriten-stream.opc-ProductStream-gallery a:focus-visible {
  outline: 3px solid #f39218;
  outline-offset: 3px;
}

/* ==========================================
   HESELER KAMINSTUDIO – BLOCK 3
   Einheitliche Produktkartenhöhe
   Bildgalerie bleibt unverändert
   ========================================== */
/* Alle vier Grid-Elemente gleich hoch */
.hks-favoriten-stream.opc-ProductStream-gallery {
  align-items: stretch;
}

/* Produktwrapper auf Kartenhöhe strecken */
.hks-favoriten-stream.opc-ProductStream-gallery > .product-wrapper {
  display: flex;
  align-self: stretch;
  height: auto !important;
}

/* Produktkarte nimmt gesamte Wrapperhöhe ein */
.hks-favoriten-stream.opc-ProductStream-gallery .productbox {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* Produktinformationen bleiben im normalen Layoutfluss */
.hks-favoriten-stream.opc-ProductStream-gallery .productbox-inner {
  height: auto !important;
  min-height: 0 !important;
}

/* ==================================================
   HKS BLOCK 3 – PRODUKTINFORMATIONEN AUSRICHTEN
   Einheitliche Namenshöhe und Preisposition
   ================================================== */
/* Produktname: Innenabstand + Platz für zwei Zeilen */
.hks-favoriten-stream.opc-ProductStream-gallery .productbox-title {
  min-height: 44px;
  margin: 0 0 6px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

/* Produktname und Link */
.hks-favoriten-stream.opc-ProductStream-gallery .productbox-title a {
  color: #20262d;
  text-decoration: none;
  line-height: inherit;
}

/* Preis: gleicher linker und rechter Abstand */
.hks-favoriten-stream.opc-ProductStream-gallery .productbox-price {
  margin: 0;
  padding: 0 16px 16px;
  color: #20262d;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

/* Falls NOVA den Preis im price_wrapper ausgibt */
.hks-favoriten-stream.opc-ProductStream-gallery .price_wrapper {
  padding-left: 16px;
  padding-right: 16px;
}

/* Mobil etwas kompakter */
@media (max-width: 767px) {
  .hks-favoriten-stream.opc-ProductStream-gallery .productbox-title {
    min-height: 42px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 21px;
  }
  .hks-favoriten-stream.opc-ProductStream-gallery .productbox-price {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
  }
  .hks-favoriten-stream.opc-ProductStream-gallery .price_wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/* HKS BLOCK 3 – LINK ZUM GESAMTSORTIMENT */
.hks-favoriten-footer {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px 35px;
  text-align: right;
}

.hks-favoriten-footer__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  color: #d97706;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hks-favoriten-footer__link:hover {
  color: #a85500;
  text-decoration: underline;
}

.hks-favoriten-footer__link:focus-visible {
  outline: 2px solid #f39218;
  outline-offset: 4px;
}

@media (max-width: 767px) {
  .hks-favoriten-footer {
    padding: 0 16px 30px;
    text-align: center;
  }
}
/* =====================================================
   HESELER KAMINSTUDIO – BLOCK 4
   MEISTERHANDWERK & INDIVIDUELLE FEUERSTÄTTEN
   ===================================================== */
.hks-handwerk {
  width: 100%;
  padding: 66px 20px;
  background: #f5f5f3;
  color: #20262d;
  box-sizing: border-box;
}

.hks-handwerk *,
.hks-handwerk *::before,
.hks-handwerk *::after {
  box-sizing: border-box;
}

.hks-handwerk__inner {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
}

/* Überschriften */
.hks-handwerk__header {
  margin-bottom: 32px;
}

.hks-handwerk__eyebrow {
  margin: 0 0 12px;
  color: #e9830d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.5;
}

.hks-handwerk h2 {
  max-width: 950px;
  margin: 0;
  color: #20262d;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  text-transform: none;
}

.hks-handwerk__intro {
  max-width: 850px;
  margin: 16px 0 0;
  color: #545e69;
  font-size: 17px;
  line-height: 1.65;
}

/* Zwei Hauptkacheln */
.hks-handwerk__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.hks-handwerk__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e3e6e9;
  border-radius: 12px;
  box-shadow: 0 5px 18px rgba(21, 32, 45, 0.06);
}

/* Bilder */
.hks-handwerk__image-link {
  display: block;
  width: 100%;
  overflow: hidden;
}

.hks-handwerk__image-link img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 20/13;
  object-fit: cover;
  transition: transform 0.3s ease;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hks-handwerk__image-link:hover img {
    transform: scale(1.035);
  }
}
/* Karteninhalte */
.hks-handwerk__card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 28px;
}

.hks-handwerk__card-content h3 {
  margin: 0 0 14px;
  color: #20262d;
  font-size: clamp(21px, 2vw, 26px);
  font-weight: 700;
  line-height: 1.25;
  text-transform: none;
}

.hks-handwerk__card-content p {
  margin: 0 0 24px;
  color: #545e69;
  font-size: 16px;
  line-height: 1.6;
}

.hks-handwerk__card-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  align-self: flex-start;
  margin-top: auto;
  padding: 8px 0;
  color: #c76d00;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.hks-handwerk__card-link:hover {
  color: #985200;
  text-decoration: underline;
}

/* Montageteam-Vertrauensleiste */
.hks-handwerk__service {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  padding: 24px 28px;
  background: #ffffff;
  border: 1px solid #e3e6e9;
  border-radius: 12px;
}

.hks-handwerk__service-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  background: #fff2df;
  color: #d97706;
  border-radius: 50%;
  font-size: 25px;
  font-weight: 700;
}

.hks-handwerk__service-content h3 {
  margin: 0 0 6px;
  color: #20262d;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

.hks-handwerk__service-content p {
  margin: 0;
  color: #545e69;
  font-size: 15px;
  line-height: 1.55;
}

/* Hover und Tastaturfokus */
.hks-handwerk a:focus-visible {
  outline: 3px solid #f39218;
  outline-offset: 4px;
}

/* Tablet */
@media (max-width: 1024px) {
  .hks-handwerk {
    padding: 50px 20px;
  }
  .hks-handwerk__card-content {
    padding: 22px;
  }
}
/* Smartphone */
@media (max-width: 767px) {
  .hks-handwerk {
    padding: 42px 16px;
  }
  .hks-handwerk__header {
    margin-bottom: 24px;
  }
  .hks-handwerk h2 {
    font-size: clamp(27px, 7vw, 34px);
  }
  .hks-handwerk__intro {
    font-size: 15px;
    line-height: 1.6;
  }
  .hks-handwerk__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .hks-handwerk__card-content {
    padding: 20px;
  }
  .hks-handwerk__card-content h3 {
    font-size: 21px;
  }
  .hks-handwerk__card-content p {
    font-size: 15px;
  }
  .hks-handwerk__service {
    align-items: flex-start;
    gap: 14px;
    margin-top: 16px;
    padding: 20px;
  }
  .hks-handwerk__service-icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    font-size: 21px;
  }
  .hks-handwerk__service-content h3 {
    font-size: 17px;
  }
  .hks-handwerk__service-content p {
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hks-handwerk__image-link img {
    transition: none;
  }
}
/* ==========================================
   HKS BLOCK 3 – MOBILE GRID FIX
   ========================================== */
@media screen and (max-width: 767px) {
  .hks-favoriten-stream.hks-favoriten-stream.opc-ProductStream-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 16px 12px 28px !important;
  }
  .hks-favoriten-stream.hks-favoriten-stream.opc-ProductStream-gallery > .product-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    grid-column: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* =====================================================
   HESELER KAMINSTUDIO
   AUSSTELLUNGSÜBERSICHT – JTL ONPAGE COMPOSER
   Helles Premium-Design
   ===================================================== */

/* 1. HAUPTBEREICH */

.hks-ausstellungen {
    width: 100%;
    padding: 48px 20px 72px;
    margin: 0;

    background: #ffffff;
    color: #20262d;

    box-sizing: border-box;
}

.hks-ausstellungen,
.hks-ausstellungen *,
.hks-ausstellungen *::before,
.hks-ausstellungen *::after {
    box-sizing: border-box;
}

/* 2. INHALTSBREITE */

.hks-ausstellungen__inner {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

/* 3. EINLEITUNG */

.hks-ausstellungen__intro {
    max-width: 900px;
    margin: 0 0 36px;
}

.hks-ausstellungen__eyebrow {
    margin: 0 0 12px;

    color: #e9830d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.5;
}

.hks-ausstellungen__lead {
    margin: 0;

    color: #545e69;
    font-size: 17px;
    line-height: 1.65;
}

/* 4. STANDORT-KARTEN */

.hks-ausstellungen__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.hks-ausstellungen__card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    overflow: hidden;

    background: #ffffff;
    border: 1px solid #e3e6e9;
    border-radius: 12px;

    box-shadow: 0 5px 18px rgba(21, 32, 45, 0.06);
}

/* 5. STANDORT-BILDER */

.hks-ausstellungen__card img {
    display: block;

    width: 100%;
    height: auto;
    aspect-ratio: 20 / 13;

    object-fit: cover;
    object-position: center;
}

/* 6. KARTENINHALTE */

.hks-ausstellungen__content {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 26px;
}

.hks-ausstellungen__content h2 {
    margin: 0 0 12px;

    color: #20262d;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;

    text-transform: none;
}

.hks-ausstellungen__content p {
    margin: 0 0 24px;

    color: #545e69;
    font-size: 16px;
    line-height: 1.6;
}

/* 7. STANDORT-BUTTONS */

.hks-ausstellungen__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;
    margin-top: auto;
    padding: 14px 20px;

    background: #f39218;
    color: #171717 !important;
    border-radius: 5px;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;

    text-decoration: none !important;

    transition: background-color 0.2s ease;
}

.hks-ausstellungen__button:hover {
    background: #ffac3f;
    color: #171717 !important;
    text-decoration: none !important;
}

.hks-ausstellungen__button:focus-visible {
    outline: 3px solid #20262d;
    outline-offset: 3px;
}

/* 8. ABSCHLIESSENDER BERATUNGSBEREICH */

.hks-ausstellungen__closing {
    margin-top: 48px;
    padding: 30px;

    background: #f5f5f3;
    border-radius: 12px;
}

.hks-ausstellungen__closing h2 {
    margin: 0 0 12px;

    color: #20262d;
    font-size: clamp(22px, 2.5vw, 28px);
    font-weight: 700;
    line-height: 1.25;

    text-transform: none;
}

.hks-ausstellungen__closing p {
    max-width: 850px;
    margin: 0;

    color: #545e69;
    font-size: 16px;
    line-height: 1.6;
}

/* 9. TABLET */

@media (max-width: 1024px) {

    .hks-ausstellungen {
        padding: 42px 20px 58px;
    }

    .hks-ausstellungen__grid {
        gap: 18px;
    }

    .hks-ausstellungen__content {
        padding: 22px;
    }
}

/* 10. SMARTPHONE */

@media (max-width: 767px) {

    .hks-ausstellungen {
        padding: 34px 16px 48px;
    }

    .hks-ausstellungen__intro {
        margin-bottom: 26px;
    }

    .hks-ausstellungen__eyebrow {
        font-size: 11px;
        letter-spacing: 0.09em;
    }

    .hks-ausstellungen__lead {
        font-size: 15px;
        line-height: 1.6;
    }

    .hks-ausstellungen__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .hks-ausstellungen__content {
        padding: 20px;
    }

    .hks-ausstellungen__content h2 {
        font-size: 22px;
    }

    .hks-ausstellungen__content p {
        font-size: 15px;
    }

    .hks-ausstellungen__button {
        width: 100%;
        min-height: 48px;
        text-align: center;
    }

    .hks-ausstellungen__closing {
        margin-top: 28px;
        padding: 22px;
    }

    .hks-ausstellungen__closing p {
        font-size: 15px;
    }
}

/* 11. REDUZIERTE BEWEGUNG */

@media (prefers-reduced-motion: reduce) {

    .hks-ausstellungen__button {
        transition: none;
    }
}




/* Vollständiges CSS nur für die Ausstellungen Hesel und Rhede. Logo-Orange: #f39213. */
/* Heseler Kaminstudio · Ausstellung Hesel · eigenständige Ergänzung.
   Nach dem vorhandenen Stylesheet laden. Keine globalen Shop-Selektoren. */
.hkh.hkh{--hkh-orange:#f39213;--hkh-ink:#20262d;--hkh-muted:#545e69;--hkh-line:#e3e6e9;--hkh-soft:#f5f5f3;color:var(--hkh-ink);background:#fff;font-family:inherit;font-size:16px;line-height:1.65;width:100%;isolation:isolate;overflow-wrap:break-word}
.hkh.hkh,.hkh.hkh *,.hkh.hkh *::before,.hkh.hkh *::after{box-sizing:border-box}
.hkh.hkh .hkh-wrap{width:100%;max-width:1360px;padding-inline:20px;margin-inline:auto}/* 1320px nutzbare Inhaltsbreite + 2 × 20px Rand */
.hkh.hkh h1,.hkh.hkh h2,.hkh.hkh h3,.hkh.hkh h4{font-family:inherit;color:var(--hkh-ink);text-transform:none;font-weight:700;letter-spacing:-.025em}
.hkh.hkh h1{font-size:clamp(36px,4.3vw,60px);line-height:1.08;margin:0;font-weight:750;max-width:760px}
.hkh.hkh h1 span{color:var(--hkh-orange)}/* Einheitliches Logo-Orange */
.hkh.hkh h2{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:0 0 20px}
.hkh.hkh h3{font-size:24px;line-height:1.25;margin:0 0 14px}
.hkh.hkh h4{font-size:17px;letter-spacing:0;margin:0 0 16px}
.hkh.hkh p{margin:0 0 22px;color:var(--hkh-muted)}
.hkh.hkh .hkh-eyebrow{color:var(--hkh-orange);font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.5;margin:0 0 16px}
.hkh.hkh .hkh-hero{border-top:3px solid var(--hkh-orange);padding:58px 0 0;background:linear-gradient(115deg,#f5f5f3,#fff 65%)}
.hkh.hkh .hkh-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-bottom:36px}
.hkh.hkh .hkh-hero-copy p{font-size:17px;line-height:1.65;margin:0 0 24px}
.hkh.hkh .hkh-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hkh.hkh a{color:var(--hkh-ink);text-underline-offset:4px}
.hkh.hkh .hkh-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;min-height:50px;background:var(--hkh-orange);border:2px solid var(--hkh-orange);border-radius:5px;color:#171717;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
.hkh.hkh .hkh-btn:hover{background:var(--hkh-orange);border-color:var(--hkh-orange);color:#171717}
.hkh.hkh a:focus-visible,.hkh.hkh summary:focus-visible{outline:3px solid var(--hkh-ink);outline-offset:5px}
.hkh.hkh .hkh-textlink{font-size:14px;font-weight:700;color:var(--hkh-orange);text-decoration:underline}
.hkh.hkh .hkh-textlink:hover{color:#20262d}
.hkh.hkh figure{margin:0}
.hkh.hkh img{display:block;max-width:100%;height:auto}
.hkh.hkh .hkh-hero-image{position:relative;border-radius:12px;overflow:hidden;background:#e7dfd4}
.hkh.hkh .hkh-hero-image img{width:100%;aspect-ratio:1120/300;object-fit:cover}
.hkh.hkh .hkh-hero-image figcaption{padding:10px 18px;background:#20262d;color:#fff;font-size:13px;letter-spacing:.025em}
.hkh.hkh .hkh-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:30px 0;gap:20px}
.hkh.hkh .hkh-facts li{padding-left:18px;border-left:2px solid var(--hkh-orange)}
.hkh.hkh .hkh-facts strong{display:block;font-size:22px;line-height:1.25}
.hkh.hkh .hkh-facts span{display:block;color:var(--hkh-muted);font-size:13px;margin-top:7px}
.hkh.hkh .hkh-jump{border-block:1px solid var(--hkh-line);background:#fff}
.hkh.hkh .hkh-jump .hkh-wrap{display:flex;gap:32px;flex-wrap:wrap;padding-block:14px}
.hkh.hkh .hkh-jump a{font-size:13px;font-weight:700;text-decoration:none;min-height:32px;display:flex;align-items:center}
.hkh.hkh .hkh-jump a:hover{text-decoration:underline}
.hkh.hkh .hkh-section{padding:72px 0;scroll-margin-top:110px}
.hkh.hkh .hkh-soft{background:var(--hkh-soft)}
.hkh.hkh .hkh-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end;margin-bottom:30px}
.hkh.hkh .hkh-section-head p{max-width:570px}
.hkh.hkh .hkh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hkh.hkh .hkh-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--hkh-line);border-radius:12px;box-shadow:0 5px 18px rgb(21 32 45 / 5%);min-width:0}
.hkh.hkh .hkh-number{color:var(--hkh-orange);font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:28px}
.hkh.hkh .hkh-card .hkh-textlink{margin-top:auto;padding-top:10px}
.hkh.hkh .hkh-note{font-size:13px;line-height:1.6;margin:18px 0 0;color:var(--hkh-muted)}
.hkh.hkh .hkh-split{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.hkh.hkh .hkh-lead{font-size:17px;max-width:850px;margin-bottom:30px}
.hkh.hkh .hkh-steps{list-style:none;counter-reset:steps;margin:0;padding:0}
.hkh.hkh .hkh-steps li{counter-increment:steps;position:relative;padding:0 0 25px 56px;border-bottom:1px solid #d9dddf;margin-bottom:25px}
.hkh.hkh .hkh-steps li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.hkh.hkh .hkh-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-size:14px;font-weight:700;color:var(--hkh-orange)}
.hkh.hkh .hkh-steps h3{font-size:22px;margin-bottom:10px}
.hkh.hkh .hkh-steps p{margin:0}
.hkh.hkh .hkh-prep{display:grid;grid-template-columns:1fr 2fr;gap:36px;align-items:start;background:#fff;border:1px solid var(--hkh-line);border-radius:12px;padding:28px 32px;margin-top:40px}
.hkh.hkh .hkh-prep h3{font-size:21px;margin:0}
.hkh.hkh .hkh-prep p{margin:0;font-size:15px}
.hkh.hkh .hkh-visit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:32px}
.hkh.hkh .hkh-location{border:1px solid var(--hkh-line);border-radius:12px;overflow:hidden}
.hkh.hkh .hkh-location img{width:100%;aspect-ratio:820/300;object-fit:cover}
.hkh.hkh .hkh-location-copy{padding:30px}
.hkh.hkh address{font-style:normal;color:var(--hkh-muted);margin-bottom:24px}
.hkh.hkh .hkh-contact{background:var(--hkh-soft);border-radius:12px;padding:36px}
.hkh.hkh .hkh-contact h3{font-size:28px;max-width:430px}
.hkh.hkh .hkh-phone{display:block;font-size:clamp(24px,3vw,34px);font-weight:700;text-decoration:none;line-height:1.3;margin-bottom:10px}
.hkh.hkh .hkh-email{display:inline-block;font-size:15px;overflow-wrap:anywhere;margin-bottom:26px}
.hkh.hkh .hkh-hours{border-top:1px solid #d9dddf;padding-top:24px}
.hkh.hkh dl{margin:0}
.hkh.hkh dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px;font-size:15px}
.hkh.hkh dt{font-weight:400}.hkh.hkh dd{margin:0;font-weight:700}
.hkh.hkh .hkh-hours p{font-size:13px;margin:20px 0 0}
.hkh.hkh .hkh-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.hkh.hkh details{border-bottom:1px solid #d9dddf}
.hkh.hkh details:first-child{border-top:1px solid #d9dddf}
.hkh.hkh summary{cursor:pointer;padding:22px 8px;font-size:17px;font-weight:700;line-height:1.5}
.hkh.hkh details p{padding:0 8px 20px;margin:0;font-size:15px}
.hkh.hkh .hkh-closing{background:#20262d}
.hkh.hkh .hkh-closing h2,.hkh.hkh .hkh-closing p{color:#fff}
.hkh.hkh .hkh-closing .hkh-eyebrow{color:var(--hkh-orange)}
.hkh.hkh .hkh-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.hkh.hkh .hkh-closing p:last-child{margin:0}
.hkh.hkh .hkh-closing .hkh-btn{flex-shrink:0}
.hkh.hkh .hkh-closing a:focus-visible{outline-color:#fff}
@media(max-width:1024px){.hkh.hkh .hkh-hero-grid,.hkh.hkh .hkh-section-head{gap:28px}.hkh.hkh .hkh-split{gap:40px}.hkh.hkh .hkh-card{padding:24px}.hkh.hkh .hkh-cards{gap:16px}.hkh.hkh .hkh-contact{padding:26px}.hkh.hkh .hkh-faq-grid{gap:36px}}
@media(max-width:767px){.hkh.hkh .hkh-wrap{padding-inline:16px}.hkh.hkh .hkh-hero{padding-top:36px}.hkh.hkh .hkh-hero-grid,.hkh.hkh .hkh-section-head,.hkh.hkh .hkh-split,.hkh.hkh .hkh-visit-grid,.hkh.hkh .hkh-faq-grid{grid-template-columns:1fr;gap:24px}.hkh.hkh h1{font-size:clamp(34px,7.7vw,48px)}.hkh.hkh h2{font-size:clamp(28px,6.5vw,34px)}.hkh.hkh .hkh-hero-copy p,.hkh.hkh .hkh-lead{font-size:16px}.hkh.hkh .hkh-hero-image img{aspect-ratio:2/1;object-position:50% 35%}.hkh.hkh .hkh-hero-image figcaption{font-size:11px;padding:10px 12px}.hkh.hkh .hkh-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:26px 0}.hkh.hkh .hkh-facts strong{font-size:18px}.hkh.hkh .hkh-facts li{padding-left:12px}.hkh.hkh .hkh-jump .hkh-wrap{gap:4px 24px;padding-block:10px}.hkh.hkh .hkh-jump a{min-height:44px}.hkh.hkh .hkh-section{padding:44px 0}.hkh.hkh .hkh-section-head{margin-bottom:24px}.hkh.hkh .hkh-section-head h2{margin-bottom:0}.hkh.hkh .hkh-section-head p{margin-bottom:0}.hkh.hkh .hkh-cards{grid-template-columns:1fr}.hkh.hkh .hkh-number{margin-bottom:16px}.hkh.hkh .hkh-card h3{font-size:22px}.hkh.hkh .hkh-prep{grid-template-columns:1fr;gap:14px;padding:24px;margin-top:28px}.hkh.hkh .hkh-location-copy,.hkh.hkh .hkh-contact{padding:24px}.hkh.hkh .hkh-contact h3{font-size:25px}.hkh.hkh .hkh-closing-inner{display:flex;flex-direction:column;align-items:stretch;gap:26px}.hkh.hkh .hkh-actions{gap:16px}.hkh.hkh .hkh-btn{min-height:52px}.hkh.hkh .hkh-faq-grid{gap:10px}}
@media(max-width:380px){.hkh.hkh .hkh-actions{align-items:stretch;flex-direction:column}.hkh.hkh .hkh-actions .hkh-textlink{text-align:center;padding:10px}.hkh.hkh dl>div{gap:10px}.hkh.hkh .hkh-contact,.hkh.hkh .hkh-location-copy{padding:20px}}
@media print{.hkh.hkh .hkh-jump,.hkh.hkh .hkh-btn{display:none}.hkh.hkh .hkh-section{padding:20px 0}.hkh.hkh .hkh-closing{background:#fff}.hkh.hkh .hkh-closing h2,.hkh.hkh .hkh-closing p{color:#20262d}}
/* Teambild vollständig anzeigen – auch auf Smartphones */
.hkh.hkh .hkh-hero-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}
/* Desktop und Tablet: Teambild ohne Beschnitt */
@media (min-width: 769px) {
  .hkh.hkh .hkh-hero-image {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }

  .hkh.hkh .hkh-hero-image img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
}

/* Heseler Kaminstudio · Ausstellung Rhede · eigenständige Ergänzung.
   Nach dem vorhandenen Stylesheet laden. Keine globalen Shop-Selektoren. */
.hkr.hkr{--hkr-orange:#f39213;--hkr-ink:#20262d;--hkr-muted:#545e69;--hkr-line:#e3e6e9;--hkr-soft:#f5f5f3;color:var(--hkr-ink);background:#fff;font-family:inherit;font-size:16px;line-height:1.65;width:100%;isolation:isolate;overflow-wrap:break-word}
.hkr.hkr,.hkr.hkr *,.hkr.hkr *::before,.hkr.hkr *::after{box-sizing:border-box}
.hkr.hkr .hkr-wrap{width:100%;max-width:1360px;padding-inline:20px;margin-inline:auto}/* 1320px nutzbare Inhaltsbreite + 2 × 20px Rand */
.hkr.hkr h1,.hkr.hkr h2,.hkr.hkr h3,.hkr.hkr h4{font-family:inherit;color:var(--hkr-ink);text-transform:none;font-weight:700;letter-spacing:-.025em}
.hkr.hkr h1{font-size:clamp(36px,4.3vw,60px);line-height:1.08;margin:0;font-weight:750;max-width:760px}
.hkr.hkr h1 span{color:var(--hkr-orange)}/* Einheitliches Logo-Orange */
.hkr.hkr h2{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:0 0 20px}
.hkr.hkr h3{font-size:24px;line-height:1.25;margin:0 0 14px}
.hkr.hkr h4{font-size:17px;letter-spacing:0;margin:0 0 16px}
.hkr.hkr p{margin:0 0 22px;color:var(--hkr-muted)}
.hkr.hkr .hkr-eyebrow{color:var(--hkr-orange);font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.5;margin:0 0 16px}
.hkr.hkr .hkr-hero{border-top:3px solid var(--hkr-orange);padding:58px 0 0;background:linear-gradient(115deg,#f5f5f3,#fff 65%)}
.hkr.hkr .hkr-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-bottom:36px}
.hkr.hkr .hkr-hero-copy p{font-size:17px;line-height:1.65;margin:0 0 24px}
.hkr.hkr .hkr-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hkr.hkr a{color:var(--hkr-ink);text-underline-offset:4px}
.hkr.hkr .hkr-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;min-height:50px;background:var(--hkr-orange);border:2px solid var(--hkr-orange);border-radius:5px;color:#171717;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
.hkr.hkr .hkr-btn:hover{background:var(--hkr-orange);border-color:var(--hkr-orange);color:#171717}
.hkr.hkr a:focus-visible,.hkr.hkr summary:focus-visible{outline:3px solid var(--hkr-ink);outline-offset:5px}
.hkr.hkr .hkr-textlink{font-size:14px;font-weight:700;color:var(--hkr-orange);text-decoration:underline}
.hkr.hkr .hkr-textlink:hover{color:#20262d}
.hkr.hkr figure{margin:0}
.hkr.hkr img{display:block;max-width:100%;height:auto}
.hkr.hkr .hkr-hero-image{position:relative;border-radius:12px;overflow:hidden;background:#e7dfd4}
.hkr.hkr .hkr-hero-image img{width:100%;aspect-ratio:1120/300;object-fit:cover}
.hkr.hkr .hkr-hero-image figcaption{padding:10px 18px;background:#20262d;color:#fff;font-size:13px;letter-spacing:.025em}
.hkr.hkr .hkr-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:30px 0;gap:20px}
.hkr.hkr .hkr-facts li{padding-left:18px;border-left:2px solid var(--hkr-orange)}
.hkr.hkr .hkr-facts strong{display:block;font-size:22px;line-height:1.25}
.hkr.hkr .hkr-facts span{display:block;color:var(--hkr-muted);font-size:13px;margin-top:7px}
.hkr.hkr .hkr-jump{border-block:1px solid var(--hkr-line);background:#fff}
.hkr.hkr .hkr-jump .hkr-wrap{display:flex;gap:32px;flex-wrap:wrap;padding-block:14px}
.hkr.hkr .hkr-jump a{font-size:13px;font-weight:700;text-decoration:none;min-height:32px;display:flex;align-items:center}
.hkr.hkr .hkr-jump a:hover{text-decoration:underline}
.hkr.hkr .hkr-section{padding:72px 0;scroll-margin-top:110px}
.hkr.hkr .hkr-soft{background:var(--hkr-soft)}
.hkr.hkr .hkr-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end;margin-bottom:30px}
.hkr.hkr .hkr-section-head p{max-width:570px}
.hkr.hkr .hkr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hkr.hkr .hkr-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--hkr-line);border-radius:12px;box-shadow:0 5px 18px rgb(21 32 45 / 5%);min-width:0}
.hkr.hkr .hkr-number{color:var(--hkr-orange);font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:28px}
.hkr.hkr .hkr-card .hkr-textlink{margin-top:auto;padding-top:10px}
.hkr.hkr .hkr-note{font-size:13px;line-height:1.6;margin:18px 0 0;color:var(--hkr-muted)}
.hkr.hkr .hkr-split{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.hkr.hkr .hkr-lead{font-size:17px;max-width:850px;margin-bottom:30px}
.hkr.hkr .hkr-steps{list-style:none;counter-reset:steps;margin:0;padding:0}
.hkr.hkr .hkr-steps li{counter-increment:steps;position:relative;padding:0 0 25px 56px;border-bottom:1px solid #d9dddf;margin-bottom:25px}
.hkr.hkr .hkr-steps li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.hkr.hkr .hkr-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-size:14px;font-weight:700;color:var(--hkr-orange)}
.hkr.hkr .hkr-steps h3{font-size:22px;margin-bottom:10px}
.hkr.hkr .hkr-steps p{margin:0}
.hkr.hkr .hkr-prep{display:grid;grid-template-columns:1fr 2fr;gap:36px;align-items:start;background:#fff;border:1px solid var(--hkr-line);border-radius:12px;padding:28px 32px;margin-top:40px}
.hkr.hkr .hkr-prep h3{font-size:21px;margin:0}
.hkr.hkr .hkr-prep p{margin:0;font-size:15px}
.hkr.hkr .hkr-visit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:32px}
.hkr.hkr .hkr-location{border:1px solid var(--hkr-line);border-radius:12px;overflow:hidden}
.hkr.hkr .hkr-location img{width:100%;aspect-ratio:820/300;object-fit:cover}
.hkr.hkr .hkr-location-copy{padding:30px}
.hkr.hkr address{font-style:normal;color:var(--hkr-muted);margin-bottom:24px}
.hkr.hkr .hkr-contact{background:var(--hkr-soft);border-radius:12px;padding:36px}
.hkr.hkr .hkr-contact h3{font-size:28px;max-width:430px}
.hkr.hkr .hkr-phone{display:block;font-size:clamp(24px,3vw,34px);font-weight:700;text-decoration:none;line-height:1.3;margin-bottom:10px}
.hkr.hkr .hkr-email{display:inline-block;font-size:15px;overflow-wrap:anywhere;margin-bottom:26px}
.hkr.hkr .hkr-hours{border-top:1px solid #d9dddf;padding-top:24px}
.hkr.hkr dl{margin:0}
.hkr.hkr dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px;font-size:15px}
.hkr.hkr dt{font-weight:400}.hkr.hkr dd{margin:0;font-weight:700}
.hkr.hkr .hkr-hours p{font-size:13px;margin:20px 0 0}
.hkr.hkr .hkr-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.hkr.hkr details{border-bottom:1px solid #d9dddf}
.hkr.hkr details:first-child{border-top:1px solid #d9dddf}
.hkr.hkr summary{cursor:pointer;padding:22px 8px;font-size:17px;font-weight:700;line-height:1.5}
.hkr.hkr details p{padding:0 8px 20px;margin:0;font-size:15px}
.hkr.hkr .hkr-closing{background:#20262d}
.hkr.hkr .hkr-closing h2,.hkr.hkr .hkr-closing p{color:#fff}
.hkr.hkr .hkr-closing .hkr-eyebrow{color:var(--hkr-orange)}
.hkr.hkr .hkr-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.hkr.hkr .hkr-closing p:last-child{margin:0}
.hkr.hkr .hkr-closing .hkr-btn{flex-shrink:0}
.hkr.hkr .hkr-closing a:focus-visible{outline-color:#fff}
@media(max-width:1024px){.hkr.hkr .hkr-hero-grid,.hkr.hkr .hkr-section-head{gap:28px}.hkr.hkr .hkr-split{gap:40px}.hkr.hkr .hkr-card{padding:24px}.hkr.hkr .hkr-cards{gap:16px}.hkr.hkr .hkr-contact{padding:26px}.hkr.hkr .hkr-faq-grid{gap:36px}}
@media(max-width:767px){.hkr.hkr .hkr-wrap{padding-inline:16px}.hkr.hkr .hkr-hero{padding-top:36px}.hkr.hkr .hkr-hero-grid,.hkr.hkr .hkr-section-head,.hkr.hkr .hkr-split,.hkr.hkr .hkr-visit-grid,.hkr.hkr .hkr-faq-grid{grid-template-columns:1fr;gap:24px}.hkr.hkr h1{font-size:clamp(34px,7.7vw,48px)}.hkr.hkr h2{font-size:clamp(28px,6.5vw,34px)}.hkr.hkr .hkr-hero-copy p,.hkr.hkr .hkr-lead{font-size:16px}.hkr.hkr .hkr-hero-image img{aspect-ratio:2/1;object-position:50% 35%}.hkr.hkr .hkr-hero-image figcaption{font-size:11px;padding:10px 12px}.hkr.hkr .hkr-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:26px 0}.hkr.hkr .hkr-facts strong{font-size:18px}.hkr.hkr .hkr-facts li{padding-left:12px}.hkr.hkr .hkr-jump .hkr-wrap{gap:4px 24px;padding-block:10px}.hkr.hkr .hkr-jump a{min-height:44px}.hkr.hkr .hkr-section{padding:44px 0}.hkr.hkr .hkr-section-head{margin-bottom:24px}.hkr.hkr .hkr-section-head h2{margin-bottom:0}.hkr.hkr .hkr-section-head p{margin-bottom:0}.hkr.hkr .hkr-cards{grid-template-columns:1fr}.hkr.hkr .hkr-number{margin-bottom:16px}.hkr.hkr .hkr-card h3{font-size:22px}.hkr.hkr .hkr-prep{grid-template-columns:1fr;gap:14px;padding:24px;margin-top:28px}.hkr.hkr .hkr-location-copy,.hkr.hkr .hkr-contact{padding:24px}.hkr.hkr .hkr-contact h3{font-size:25px}.hkr.hkr .hkr-closing-inner{display:flex;flex-direction:column;align-items:stretch;gap:26px}.hkr.hkr .hkr-actions{gap:16px}.hkr.hkr .hkr-btn{min-height:52px}.hkr.hkr .hkr-faq-grid{gap:10px}}
@media(max-width:380px){.hkr.hkr .hkr-actions{align-items:stretch;flex-direction:column}.hkr.hkr .hkr-actions .hkr-textlink{text-align:center;padding:10px}.hkr.hkr dl>div{gap:10px}.hkr.hkr .hkr-contact,.hkr.hkr .hkr-location-copy{padding:20px}}
@media print{.hkr.hkr .hkr-jump,.hkr.hkr .hkr-btn{display:none}.hkr.hkr .hkr-section{padding:20px 0}.hkr.hkr .hkr-closing{background:#fff}.hkr.hkr .hkr-closing h2,.hkr.hkr .hkr-closing p{color:#20262d}}

/* Rhede: eigenständiger Kopfbereich, Originalfotos ohne Beschnitt. */
.hkr.hkr .hkr-hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;margin-bottom:34px;gap:44px}
.hkr.hkr h1{font-size:clamp(34px,3.8vw,54px);margin-bottom:24px}
.hkr.hkr .hkr-hero-copy p{max-width:620px}
.hkr.hkr .hkr-hero-image{height:auto!important;max-height:none!important;aspect-ratio:auto!important;background:#20262d}
.hkr.hkr .hkr-hero-image img{position:static!important;display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
.hkr.hkr .hkr-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}
.hkr.hkr .hkr-image-pair figure{border:1px solid #e3e6e9;border-radius:12px;overflow:hidden;background:#fff;align-self:start}
.hkr.hkr .hkr-image-pair img{width:100%;height:auto;aspect-ratio:auto}
.hkr.hkr .hkr-image-pair figcaption{padding:16px 20px;color:#545e69;font-size:14px}
.hkr.hkr .hkr-location{padding:30px;background:#fff}
.hkr.hkr .hkr-location-copy{padding:0}
.hkr.hkr .hkr-cards h3{font-size:22px}
@media(max-width:900px){.hkr.hkr .hkr-hero-grid{grid-template-columns:1fr;gap:28px}.hkr.hkr .hkr-hero-image{max-width:720px}.hkr.hkr .hkr-hero-image img{width:100%}}
@media(max-width:767px){.hkr.hkr .hkr-image-pair{grid-template-columns:1fr;gap:18px}.hkr.hkr .hkr-location{padding:24px}.hkr.hkr h1{font-size:clamp(33px,7.7vw,46px)}}

/* INDIVIDUELLER OFENBAU – neuer Bereich mit eigenem Präfix hko */
/* Heseler Kaminstudio · Individueller Ofenbau · eigenständige Ergänzung.
   Nach dem vorhandenen Stylesheet laden. Keine globalen Shop-Selektoren. */
.hko.hko{--hko-orange:#f39213;--hko-ink:#20262d;--hko-muted:#545e69;--hko-line:#e3e6e9;--hko-soft:#f5f5f3;color:var(--hko-ink);background:#fff;font-family:inherit;font-size:16px;line-height:1.65;width:100%;isolation:isolate;overflow-wrap:break-word}
.hko.hko,.hko.hko *,.hko.hko *::before,.hko.hko *::after{box-sizing:border-box}
.hko.hko .hko-wrap{width:100%;max-width:1360px;padding-inline:20px;margin-inline:auto}/* 1320px nutzbare Inhaltsbreite + 2 × 20px Rand */
.hko.hko h1,.hko.hko h2,.hko.hko h3,.hko.hko h4{font-family:inherit;color:var(--hko-ink);text-transform:none;font-weight:700;letter-spacing:-.025em}
.hko.hko h1{font-size:clamp(36px,4.3vw,60px);line-height:1.08;margin:0;font-weight:750;max-width:760px}
.hko.hko h1 span{color:#f39213}/* Logo-Orange */
.hko.hko h2{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:0 0 20px}
.hko.hko h3{font-size:24px;line-height:1.25;margin:0 0 14px}
.hko.hko h4{font-size:17px;letter-spacing:0;margin:0 0 16px}
.hko.hko p{margin:0 0 22px;color:var(--hko-muted)}
.hko.hko .hko-eyebrow{color:#f39213;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.5;margin:0 0 16px}
.hko.hko .hko-hero{border-top:3px solid var(--hko-orange);padding:58px 0 0;background:linear-gradient(115deg,#f5f5f3,#fff 65%)}
.hko.hko .hko-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-bottom:36px}
.hko.hko .hko-hero-copy p{font-size:17px;line-height:1.65;margin:0 0 24px}
.hko.hko .hko-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hko.hko a{color:var(--hko-ink);text-underline-offset:4px}
.hko.hko .hko-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;min-height:50px;background:var(--hko-orange);border:2px solid var(--hko-orange);border-radius:5px;color:#171717;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
.hko.hko .hko-btn:hover{background:#f39213;border-color:#f39213;color:#171717}
.hko.hko a:focus-visible,.hko.hko summary:focus-visible{outline:3px solid var(--hko-ink);outline-offset:5px}
.hko.hko .hko-textlink{font-size:14px;font-weight:700;color:#f39213;text-decoration:underline}
.hko.hko .hko-textlink:hover{color:#20262d}
.hko.hko figure{margin:0}
.hko.hko img{display:block;max-width:100%;height:auto}
.hko.hko .hko-hero-image{position:relative;border-radius:12px;overflow:hidden;background:#e7dfd4}
.hko.hko .hko-hero-image img{width:100%;aspect-ratio:1120/300;object-fit:cover}
.hko.hko .hko-hero-image figcaption{padding:10px 18px;background:#20262d;color:#fff;font-size:13px;letter-spacing:.025em}
.hko.hko .hko-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:30px 0;gap:20px}
.hko.hko .hko-facts li{padding-left:18px;border-left:2px solid var(--hko-orange)}
.hko.hko .hko-facts strong{display:block;font-size:22px;line-height:1.25}
.hko.hko .hko-facts span{display:block;color:var(--hko-muted);font-size:13px;margin-top:7px}
.hko.hko .hko-jump{border-block:1px solid var(--hko-line);background:#fff}
.hko.hko .hko-jump .hko-wrap{display:flex;gap:32px;flex-wrap:wrap;padding-block:14px}
.hko.hko .hko-jump a{font-size:13px;font-weight:700;text-decoration:none;min-height:32px;display:flex;align-items:center}
.hko.hko .hko-jump a:hover{text-decoration:underline}
.hko.hko .hko-section{padding:72px 0;scroll-margin-top:110px}
.hko.hko .hko-soft{background:var(--hko-soft)}
.hko.hko .hko-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end;margin-bottom:30px}
.hko.hko .hko-section-head p{max-width:570px}
.hko.hko .hko-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hko.hko .hko-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--hko-line);border-radius:12px;box-shadow:0 5px 18px rgb(21 32 45 / 5%);min-width:0}
.hko.hko .hko-number{color:#f39213;font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:28px}
.hko.hko .hko-card .hko-textlink{margin-top:auto;padding-top:10px}
.hko.hko .hko-note{font-size:13px;line-height:1.6;margin:18px 0 0;color:var(--hko-muted)}
.hko.hko .hko-split{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.hko.hko .hko-lead{font-size:17px;max-width:850px;margin-bottom:30px}
.hko.hko .hko-steps{list-style:none;counter-reset:steps;margin:0;padding:0}
.hko.hko .hko-steps li{counter-increment:steps;position:relative;padding:0 0 25px 56px;border-bottom:1px solid #d9dddf;margin-bottom:25px}
.hko.hko .hko-steps li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.hko.hko .hko-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-size:14px;font-weight:700;color:#f39213}
.hko.hko .hko-steps h3{font-size:22px;margin-bottom:10px}
.hko.hko .hko-steps p{margin:0}
.hko.hko .hko-prep{display:grid;grid-template-columns:1fr 2fr;gap:36px;align-items:start;background:#fff;border:1px solid var(--hko-line);border-radius:12px;padding:28px 32px;margin-top:40px}
.hko.hko .hko-prep h3{font-size:21px;margin:0}
.hko.hko .hko-prep p{margin:0;font-size:15px}
.hko.hko .hko-visit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:32px}
.hko.hko .hko-location{border:1px solid var(--hko-line);border-radius:12px;overflow:hidden}
.hko.hko .hko-location img{width:100%;aspect-ratio:820/300;object-fit:cover}
.hko.hko .hko-location-copy{padding:30px}
.hko.hko address{font-style:normal;color:var(--hko-muted);margin-bottom:24px}
.hko.hko .hko-contact{background:var(--hko-soft);border-radius:12px;padding:36px}
.hko.hko .hko-contact h3{font-size:28px;max-width:430px}
.hko.hko .hko-phone{display:block;font-size:clamp(24px,3vw,34px);font-weight:700;text-decoration:none;line-height:1.3;margin-bottom:10px}
.hko.hko .hko-email{display:inline-block;font-size:15px;overflow-wrap:anywhere;margin-bottom:26px}
.hko.hko .hko-hours{border-top:1px solid #d9dddf;padding-top:24px}
.hko.hko dl{margin:0}
.hko.hko dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px;font-size:15px}
.hko.hko dt{font-weight:400}.hko.hko dd{margin:0;font-weight:700}
.hko.hko .hko-hours p{font-size:13px;margin:20px 0 0}
.hko.hko .hko-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.hko.hko details{border-bottom:1px solid #d9dddf}
.hko.hko details:first-child{border-top:1px solid #d9dddf}
.hko.hko summary{cursor:pointer;padding:22px 8px;font-size:17px;font-weight:700;line-height:1.5}
.hko.hko details p{padding:0 8px 20px;margin:0;font-size:15px}
.hko.hko .hko-closing{background:#20262d}
.hko.hko .hko-closing h2,.hko.hko .hko-closing p{color:#fff}
.hko.hko .hko-closing .hko-eyebrow{color:#f39213}
.hko.hko .hko-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.hko.hko .hko-closing p:last-child{margin:0}
.hko.hko .hko-closing .hko-btn{flex-shrink:0}
.hko.hko .hko-closing a:focus-visible{outline-color:#fff}
@media(max-width:1024px){.hko.hko .hko-hero-grid,.hko.hko .hko-section-head{gap:28px}.hko.hko .hko-split{gap:40px}.hko.hko .hko-card{padding:24px}.hko.hko .hko-cards{gap:16px}.hko.hko .hko-contact{padding:26px}.hko.hko .hko-faq-grid{gap:36px}}
@media(max-width:767px){.hko.hko .hko-wrap{padding-inline:16px}.hko.hko .hko-hero{padding-top:36px}.hko.hko .hko-hero-grid,.hko.hko .hko-section-head,.hko.hko .hko-split,.hko.hko .hko-visit-grid,.hko.hko .hko-faq-grid{grid-template-columns:1fr;gap:24px}.hko.hko h1{font-size:clamp(34px,7.7vw,48px)}.hko.hko h2{font-size:clamp(28px,6.5vw,34px)}.hko.hko .hko-hero-copy p,.hko.hko .hko-lead{font-size:16px}.hko.hko .hko-hero-image img{aspect-ratio:2/1;object-position:50% 35%}.hko.hko .hko-hero-image figcaption{font-size:11px;padding:10px 12px}.hko.hko .hko-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:26px 0}.hko.hko .hko-facts strong{font-size:18px}.hko.hko .hko-facts li{padding-left:12px}.hko.hko .hko-jump .hko-wrap{gap:4px 24px;padding-block:10px}.hko.hko .hko-jump a{min-height:44px}.hko.hko .hko-section{padding:44px 0}.hko.hko .hko-section-head{margin-bottom:24px}.hko.hko .hko-section-head h2{margin-bottom:0}.hko.hko .hko-section-head p{margin-bottom:0}.hko.hko .hko-cards{grid-template-columns:1fr}.hko.hko .hko-number{margin-bottom:16px}.hko.hko .hko-card h3{font-size:22px}.hko.hko .hko-prep{grid-template-columns:1fr;gap:14px;padding:24px;margin-top:28px}.hko.hko .hko-location-copy,.hko.hko .hko-contact{padding:24px}.hko.hko .hko-contact h3{font-size:25px}.hko.hko .hko-closing-inner{display:flex;flex-direction:column;align-items:stretch;gap:26px}.hko.hko .hko-actions{gap:16px}.hko.hko .hko-btn{min-height:52px}.hko.hko .hko-faq-grid{gap:10px}}
@media(max-width:380px){.hko.hko .hko-actions{align-items:stretch;flex-direction:column}.hko.hko .hko-actions .hko-textlink{text-align:center;padding:10px}.hko.hko dl>div{gap:10px}.hko.hko .hko-contact,.hko.hko .hko-location-copy{padding:20px}}
@media print{.hko.hko .hko-jump,.hko.hko .hko-btn{display:none}.hko.hko .hko-section{padding:20px 0}.hko.hko .hko-closing{background:#fff}.hko.hko .hko-closing h2,.hko.hko .hko-closing p{color:#20262d}}

/* OFENBAU – Ergänzungen, ausschließlich innerhalb .hko */
.hko.hko .hko-hero-grid{grid-template-columns:1.05fr 1fr;gap:44px;margin-bottom:34px}
.hko.hko h1{font-size:clamp(36px,4vw,58px);margin-bottom:24px}
.hko.hko .hko-hero-image{height:auto;max-height:none;aspect-ratio:auto;background:#20262d}
.hko.hko .hko-hero-image img{position:static;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.hko.hko .hko-hero-copy p{max-width:640px}
.hko.hko .hko-hero-copy .hko-eyebrow{font-size:12px;color:var(--hko-orange)}
.hko.hko .hko-section-head h2{max-width:720px}
.hko.hko .hko-section-head{align-items:start}
.hko.hko .hko-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hko.hko .hko-kicker{color:#545e69;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.hko.hko .hko-card .hko-kicker{color:#545e69}
.hko.hko .hko-list{margin:0;padding-left:20px;color:#545e69}
.hko.hko .hko-list li{padding:4px 0}
.hko.hko .hko-caption{font-size:13px;color:#545e69;margin:16px 0 0}
.hko.hko .hko-intro-note{background:#fff3e1;border-left:3px solid #f39213;padding:22px 26px;margin-top:28px;border-radius:0 8px 8px 0}
.hko.hko .hko-intro-note p{margin:0}
.hko.hko .hko-flow{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:18px;border-radius:8px;background:#f5f5f3;color:#20262d;font-size:14px;font-weight:700;line-height:1.4}
.hko.hko .hko-flow span{display:block}
.hko.hko .hko-flow span+span::before{content:'↓';color:#8a4600;display:block;padding-bottom:8px;font-size:18px}
.hko.hko .hko-heat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hko.hko .hko-heat-grid .hko-card{padding:26px}
.hko.hko .hko-heat-grid h3{font-size:23px}
.hko.hko .hko-table-wrap{overflow-x:auto;max-width:100%;border:1px solid #e3e6e9;border-radius:12px;background:#fff;margin-top:30px}
.hko.hko table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px;line-height:1.55;color:#545e69}
.hko.hko caption{text-align:left;padding:20px 24px;color:#20262d;font-size:20px;font-weight:700;caption-side:top}
.hko.hko th,.hko.hko td{text-align:left;vertical-align:top;padding:16px 22px;border-bottom:1px solid #e3e6e9}
.hko.hko thead th{background:#20262d;color:#fff;font-weight:700}
.hko.hko tbody th{color:#20262d;font-weight:700;width:19%}
.hko.hko tbody tr:last-child th,.hko.hko tbody tr:last-child td{border-bottom:0}
.hko.hko .hko-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:28px}
.hko.hko .hko-detail-grid details{align-self:start}
.hko.hko .hko-detail-grid details:nth-child(2){border-top:1px solid #d9dddf}
.hko.hko .hko-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.hko.hko .hko-projects figure{border:1px solid #e3e6e9;border-radius:12px;background:#fff;overflow:hidden}
.hko.hko .hko-projects img{display:block;width:100%;height:auto;aspect-ratio:auto}
.hko.hko .hko-projects a{display:block}
.hko.hko .hko-projects figcaption{padding:18px 20px;color:#545e69;font-size:14px;line-height:1.5}
.hko.hko .hko-journey{counter-reset:journey;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:30px 0 0}
.hko.hko .hko-journey li{counter-increment:journey;border-top:2px solid #f39213;padding:24px 0 0}
.hko.hko .hko-journey li::before{content:counter(journey,decimal-leading-zero);display:block;color:#8a4600;font-size:14px;font-weight:700;margin-bottom:14px}
.hko.hko .hko-journey h3{font-size:22px}
.hko.hko .hko-journey p{font-size:15px;margin-bottom:0}
.hko.hko .hko-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.hko.hko .hko-check{border-left:2px solid #f39213;padding:0 0 0 20px}
.hko.hko .hko-check h3{font-size:20px;margin-bottom:10px}
.hko.hko .hko-check p{font-size:15px;margin:0}
.hko.hko .hko-source-links{font-size:13px;margin-top:24px}
.hko.hko .hko-source-links a{color:#545e69}
.hko.hko .hko-contact-card{border:1px solid #e3e6e9;border-radius:12px;padding:30px;background:#fff}
.hko.hko .hko-contact-card .hko-textlink{display:inline-block;margin-top:16px}
.hko.hko .hko-contact-card .hko-phone{font-size:28px}
.hko.hko .hko-contact-card .hko-email{margin-bottom:14px}
.hko.hko .hko-table-wrap:focus-visible{outline:3px solid #20262d;outline-offset:4px}
@media(max-width:1024px){.hko.hko .hko-hero-grid{gap:28px}.hko.hko .hko-heat-grid{gap:16px}.hko.hko .hko-heat-grid .hko-card{padding:20px}.hko.hko .hko-projects{gap:16px}}
@media(max-width:900px){.hko.hko .hko-hero-grid{grid-template-columns:1fr}.hko.hko .hko-hero-image{max-width:850px}.hko.hko .hko-heat-grid{grid-template-columns:1fr}.hko.hko .hko-flow{flex-direction:row;align-items:center;gap:14px}.hko.hko .hko-flow span{flex:1}.hko.hko .hko-flow span+span::before{display:inline;content:'→ ';padding:0}.hko.hko .hko-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.hko.hko h1{font-size:clamp(34px,8vw,46px)}.hko.hko .hko-grid2,.hko.hko .hko-detail-grid,.hko.hko .hko-projects,.hko.hko .hko-checks{grid-template-columns:1fr}.hko.hko .hko-journey{grid-template-columns:1fr;gap:20px}.hko.hko .hko-flow{flex-direction:column;align-items:stretch}.hko.hko .hko-flow span+span::before{content:'↓';display:block;padding-bottom:8px}.hko.hko .hko-intro-note{padding:20px}.hko.hko .hko-contact-card{padding:24px}.hko.hko .hko-projects figure{max-width:100%}.hko.hko .hko-source-links{overflow-wrap:anywhere}}


/* NUNNAUUNI – eigenes Präfix hkn */
/* Heseler Kaminstudio · Individueller Ofenbau · eigenständige Ergänzung.
   Nach dem vorhandenen Stylesheet laden. Keine globalen Shop-Selektoren. */
.hkn.hkn{--hkn-orange:#f39213;--hkn-ink:#20262d;--hkn-muted:#545e69;--hkn-line:#e3e6e9;--hkn-soft:#f5f5f3;color:var(--hkn-ink);background:#fff;font-family:inherit;font-size:16px;line-height:1.65;width:100%;isolation:isolate;overflow-wrap:break-word}
.hkn.hkn,.hkn.hkn *,.hkn.hkn *::before,.hkn.hkn *::after{box-sizing:border-box}
.hkn.hkn .hkn-wrap{width:100%;max-width:1360px;padding-inline:20px;margin-inline:auto}/* 1320px nutzbare Inhaltsbreite + 2 × 20px Rand */
.hkn.hkn h1,.hkn.hkn h2,.hkn.hkn h3,.hkn.hkn h4{font-family:inherit;color:var(--hkn-ink);text-transform:none;font-weight:700;letter-spacing:-.025em}
.hkn.hkn h1{font-size:clamp(36px,4.3vw,60px);line-height:1.08;margin:0;font-weight:750;max-width:760px}
.hkn.hkn h1 span{color:#f39213}/* Logo-Orange */
.hkn.hkn h2{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:0 0 20px}
.hkn.hkn h3{font-size:24px;line-height:1.25;margin:0 0 14px}
.hkn.hkn h4{font-size:17px;letter-spacing:0;margin:0 0 16px}
.hkn.hkn p{margin:0 0 22px;color:var(--hkn-muted)}
.hkn.hkn .hkn-eyebrow{color:#f39213;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.5;margin:0 0 16px}
.hkn.hkn .hkn-hero{border-top:3px solid var(--hkn-orange);padding:58px 0 0;background:linear-gradient(115deg,#f5f5f3,#fff 65%)}
.hkn.hkn .hkn-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-bottom:36px}
.hkn.hkn .hkn-hero-copy p{font-size:17px;line-height:1.65;margin:0 0 24px}
.hkn.hkn .hkn-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hkn.hkn a{color:var(--hkn-ink);text-underline-offset:4px}
.hkn.hkn .hkn-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;min-height:50px;background:var(--hkn-orange);border:2px solid var(--hkn-orange);border-radius:5px;color:#171717;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
.hkn.hkn .hkn-btn:hover{background:#f39213;border-color:#f39213;color:#171717}
.hkn.hkn a:focus-visible,.hkn.hkn summary:focus-visible{outline:3px solid var(--hkn-ink);outline-offset:5px}
.hkn.hkn .hkn-textlink{font-size:14px;font-weight:700;color:#f39213;text-decoration:underline}
.hkn.hkn .hkn-textlink:hover{color:#20262d}
.hkn.hkn figure{margin:0}
.hkn.hkn img{display:block;max-width:100%;height:auto}
.hkn.hkn .hkn-hero-image{position:relative;border-radius:12px;overflow:hidden;background:#e7dfd4}
.hkn.hkn .hkn-hero-image img{width:100%;aspect-ratio:1120/300;object-fit:cover}
.hkn.hkn .hkn-hero-image figcaption{padding:10px 18px;background:#20262d;color:#fff;font-size:13px;letter-spacing:.025em}
.hkn.hkn .hkn-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:30px 0;gap:20px}
.hkn.hkn .hkn-facts li{padding-left:18px;border-left:2px solid var(--hkn-orange)}
.hkn.hkn .hkn-facts strong{display:block;font-size:22px;line-height:1.25}
.hkn.hkn .hkn-facts span{display:block;color:var(--hkn-muted);font-size:13px;margin-top:7px}
.hkn.hkn .hkn-jump{border-block:1px solid var(--hkn-line);background:#fff}
.hkn.hkn .hkn-jump .hkn-wrap{display:flex;gap:32px;flex-wrap:wrap;padding-block:14px}
.hkn.hkn .hkn-jump a{font-size:13px;font-weight:700;text-decoration:none;min-height:32px;display:flex;align-items:center}
.hkn.hkn .hkn-jump a:hover{text-decoration:underline}
.hkn.hkn .hkn-section{padding:72px 0;scroll-margin-top:110px}
.hkn.hkn .hkn-soft{background:var(--hkn-soft)}
.hkn.hkn .hkn-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end;margin-bottom:30px}
.hkn.hkn .hkn-section-head p{max-width:570px}
.hkn.hkn .hkn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hkn.hkn .hkn-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--hkn-line);border-radius:12px;box-shadow:0 5px 18px rgb(21 32 45 / 5%);min-width:0}
.hkn.hkn .hkn-number{color:#f39213;font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:28px}
.hkn.hkn .hkn-card .hkn-textlink{margin-top:auto;padding-top:10px}
.hkn.hkn .hkn-note{font-size:13px;line-height:1.6;margin:18px 0 0;color:var(--hkn-muted)}
.hkn.hkn .hkn-split{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.hkn.hkn .hkn-lead{font-size:17px;max-width:850px;margin-bottom:30px}
.hkn.hkn .hkn-steps{list-style:none;counter-reset:steps;margin:0;padding:0}
.hkn.hkn .hkn-steps li{counter-increment:steps;position:relative;padding:0 0 25px 56px;border-bottom:1px solid #d9dddf;margin-bottom:25px}
.hkn.hkn .hkn-steps li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.hkn.hkn .hkn-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-size:14px;font-weight:700;color:#f39213}
.hkn.hkn .hkn-steps h3{font-size:22px;margin-bottom:10px}
.hkn.hkn .hkn-steps p{margin:0}
.hkn.hkn .hkn-prep{display:grid;grid-template-columns:1fr 2fr;gap:36px;align-items:start;background:#fff;border:1px solid var(--hkn-line);border-radius:12px;padding:28px 32px;margin-top:40px}
.hkn.hkn .hkn-prep h3{font-size:21px;margin:0}
.hkn.hkn .hkn-prep p{margin:0;font-size:15px}
.hkn.hkn .hkn-visit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:32px}
.hkn.hkn .hkn-location{border:1px solid var(--hkn-line);border-radius:12px;overflow:hidden}
.hkn.hkn .hkn-location img{width:100%;aspect-ratio:820/300;object-fit:cover}
.hkn.hkn .hkn-location-copy{padding:30px}
.hkn.hkn address{font-style:normal;color:var(--hkn-muted);margin-bottom:24px}
.hkn.hkn .hkn-contact{background:var(--hkn-soft);border-radius:12px;padding:36px}
.hkn.hkn .hkn-contact h3{font-size:28px;max-width:430px}
.hkn.hkn .hkn-phone{display:block;font-size:clamp(24px,3vw,34px);font-weight:700;text-decoration:none;line-height:1.3;margin-bottom:10px}
.hkn.hkn .hkn-email{display:inline-block;font-size:15px;overflow-wrap:anywhere;margin-bottom:26px}
.hkn.hkn .hkn-hours{border-top:1px solid #d9dddf;padding-top:24px}
.hkn.hkn dl{margin:0}
.hkn.hkn dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px;font-size:15px}
.hkn.hkn dt{font-weight:400}.hkn.hkn dd{margin:0;font-weight:700}
.hkn.hkn .hkn-hours p{font-size:13px;margin:20px 0 0}
.hkn.hkn .hkn-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.hkn.hkn details{border-bottom:1px solid #d9dddf}
.hkn.hkn details:first-child{border-top:1px solid #d9dddf}
.hkn.hkn summary{cursor:pointer;padding:22px 8px;font-size:17px;font-weight:700;line-height:1.5}
.hkn.hkn details p{padding:0 8px 20px;margin:0;font-size:15px}
.hkn.hkn .hkn-closing{background:#20262d}
.hkn.hkn .hkn-closing h2,.hkn.hkn .hkn-closing p{color:#fff}
.hkn.hkn .hkn-closing .hkn-eyebrow{color:#f39213}
.hkn.hkn .hkn-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.hkn.hkn .hkn-closing p:last-child{margin:0}
.hkn.hkn .hkn-closing .hkn-btn{flex-shrink:0}
.hkn.hkn .hkn-closing a:focus-visible{outline-color:#fff}
@media(max-width:1024px){.hkn.hkn .hkn-hero-grid,.hkn.hkn .hkn-section-head{gap:28px}.hkn.hkn .hkn-split{gap:40px}.hkn.hkn .hkn-card{padding:24px}.hkn.hkn .hkn-cards{gap:16px}.hkn.hkn .hkn-contact{padding:26px}.hkn.hkn .hkn-faq-grid{gap:36px}}
@media(max-width:767px){.hkn.hkn .hkn-wrap{padding-inline:16px}.hkn.hkn .hkn-hero{padding-top:36px}.hkn.hkn .hkn-hero-grid,.hkn.hkn .hkn-section-head,.hkn.hkn .hkn-split,.hkn.hkn .hkn-visit-grid,.hkn.hkn .hkn-faq-grid{grid-template-columns:1fr;gap:24px}.hkn.hkn h1{font-size:clamp(34px,7.7vw,48px)}.hkn.hkn h2{font-size:clamp(28px,6.5vw,34px)}.hkn.hkn .hkn-hero-copy p,.hkn.hkn .hkn-lead{font-size:16px}.hkn.hkn .hkn-hero-image img{aspect-ratio:2/1;object-position:50% 35%}.hkn.hkn .hkn-hero-image figcaption{font-size:11px;padding:10px 12px}.hkn.hkn .hkn-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:26px 0}.hkn.hkn .hkn-facts strong{font-size:18px}.hkn.hkn .hkn-facts li{padding-left:12px}.hkn.hkn .hkn-jump .hkn-wrap{gap:4px 24px;padding-block:10px}.hkn.hkn .hkn-jump a{min-height:44px}.hkn.hkn .hkn-section{padding:44px 0}.hkn.hkn .hkn-section-head{margin-bottom:24px}.hkn.hkn .hkn-section-head h2{margin-bottom:0}.hkn.hkn .hkn-section-head p{margin-bottom:0}.hkn.hkn .hkn-cards{grid-template-columns:1fr}.hkn.hkn .hkn-number{margin-bottom:16px}.hkn.hkn .hkn-card h3{font-size:22px}.hkn.hkn .hkn-prep{grid-template-columns:1fr;gap:14px;padding:24px;margin-top:28px}.hkn.hkn .hkn-location-copy,.hkn.hkn .hkn-contact{padding:24px}.hkn.hkn .hkn-contact h3{font-size:25px}.hkn.hkn .hkn-closing-inner{display:flex;flex-direction:column;align-items:stretch;gap:26px}.hkn.hkn .hkn-actions{gap:16px}.hkn.hkn .hkn-btn{min-height:52px}.hkn.hkn .hkn-faq-grid{gap:10px}}
@media(max-width:380px){.hkn.hkn .hkn-actions{align-items:stretch;flex-direction:column}.hkn.hkn .hkn-actions .hkn-textlink{text-align:center;padding:10px}.hkn.hkn dl>div{gap:10px}.hkn.hkn .hkn-contact,.hkn.hkn .hkn-location-copy{padding:20px}}
@media print{.hkn.hkn .hkn-jump,.hkn.hkn .hkn-btn{display:none}.hkn.hkn .hkn-section{padding:20px 0}.hkn.hkn .hkn-closing{background:#fff}.hkn.hkn .hkn-closing h2,.hkn.hkn .hkn-closing p{color:#20262d}}

/* OFENBAU – Ergänzungen, ausschließlich innerhalb .hkn */
.hkn.hkn .hkn-hero-grid{grid-template-columns:1.05fr 1fr;gap:44px;margin-bottom:34px}
.hkn.hkn h1{font-size:clamp(36px,4vw,58px);margin-bottom:24px}
.hkn.hkn .hkn-hero-image{height:auto;max-height:none;aspect-ratio:auto;background:#20262d}
.hkn.hkn .hkn-hero-image img{position:static;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.hkn.hkn .hkn-hero-copy p{max-width:640px}
.hkn.hkn .hkn-hero-copy .hkn-eyebrow{font-size:12px;color:var(--hkn-orange)}
.hkn.hkn .hkn-section-head h2{max-width:720px}
.hkn.hkn .hkn-section-head{align-items:start}
.hkn.hkn .hkn-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hkn.hkn .hkn-kicker{color:#545e69;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.hkn.hkn .hkn-card .hkn-kicker{color:#545e69}
.hkn.hkn .hkn-list{margin:0;padding-left:20px;color:#545e69}
.hkn.hkn .hkn-list li{padding:4px 0}
.hkn.hkn .hkn-caption{font-size:13px;color:#545e69;margin:16px 0 0}
.hkn.hkn .hkn-intro-note{background:#fff3e1;border-left:3px solid #f39213;padding:22px 26px;margin-top:28px;border-radius:0 8px 8px 0}
.hkn.hkn .hkn-intro-note p{margin:0}
.hkn.hkn .hkn-flow{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:18px;border-radius:8px;background:#f5f5f3;color:#20262d;font-size:14px;font-weight:700;line-height:1.4}
.hkn.hkn .hkn-flow span{display:block}
.hkn.hkn .hkn-flow span+span::before{content:'↓';color:#8a4600;display:block;padding-bottom:8px;font-size:18px}
.hkn.hkn .hkn-heat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hkn.hkn .hkn-heat-grid .hkn-card{padding:26px}
.hkn.hkn .hkn-heat-grid h3{font-size:23px}
.hkn.hkn .hkn-table-wrap{overflow-x:auto;max-width:100%;border:1px solid #e3e6e9;border-radius:12px;background:#fff;margin-top:30px}
.hkn.hkn table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px;line-height:1.55;color:#545e69}
.hkn.hkn caption{text-align:left;padding:20px 24px;color:#20262d;font-size:20px;font-weight:700;caption-side:top}
.hkn.hkn th,.hkn.hkn td{text-align:left;vertical-align:top;padding:16px 22px;border-bottom:1px solid #e3e6e9}
.hkn.hkn thead th{background:#20262d;color:#fff;font-weight:700}
.hkn.hkn tbody th{color:#20262d;font-weight:700;width:19%}
.hkn.hkn tbody tr:last-child th,.hkn.hkn tbody tr:last-child td{border-bottom:0}
.hkn.hkn .hkn-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:28px}
.hkn.hkn .hkn-detail-grid details{align-self:start}
.hkn.hkn .hkn-detail-grid details:nth-child(2){border-top:1px solid #d9dddf}
.hkn.hkn .hkn-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.hkn.hkn .hkn-projects figure{border:1px solid #e3e6e9;border-radius:12px;background:#fff;overflow:hidden}
.hkn.hkn .hkn-projects img{display:block;width:100%;height:auto;aspect-ratio:auto}
.hkn.hkn .hkn-projects a{display:block}
.hkn.hkn .hkn-projects figcaption{padding:18px 20px;color:#545e69;font-size:14px;line-height:1.5}
.hkn.hkn .hkn-journey{counter-reset:journey;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:30px 0 0}
.hkn.hkn .hkn-journey li{counter-increment:journey;border-top:2px solid #f39213;padding:24px 0 0}
.hkn.hkn .hkn-journey li::before{content:counter(journey,decimal-leading-zero);display:block;color:#8a4600;font-size:14px;font-weight:700;margin-bottom:14px}
.hkn.hkn .hkn-journey h3{font-size:22px}
.hkn.hkn .hkn-journey p{font-size:15px;margin-bottom:0}
.hkn.hkn .hkn-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.hkn.hkn .hkn-check{border-left:2px solid #f39213;padding:0 0 0 20px}
.hkn.hkn .hkn-check h3{font-size:20px;margin-bottom:10px}
.hkn.hkn .hkn-check p{font-size:15px;margin:0}
.hkn.hkn .hkn-source-links{font-size:13px;margin-top:24px}
.hkn.hkn .hkn-source-links a{color:#545e69}
.hkn.hkn .hkn-contact-card{border:1px solid #e3e6e9;border-radius:12px;padding:30px;background:#fff}
.hkn.hkn .hkn-contact-card .hkn-textlink{display:inline-block;margin-top:16px}
.hkn.hkn .hkn-contact-card .hkn-phone{font-size:28px}
.hkn.hkn .hkn-contact-card .hkn-email{margin-bottom:14px}
.hkn.hkn .hkn-table-wrap:focus-visible{outline:3px solid #20262d;outline-offset:4px}
@media(max-width:1024px){.hkn.hkn .hkn-hero-grid{gap:28px}.hkn.hkn .hkn-heat-grid{gap:16px}.hkn.hkn .hkn-heat-grid .hkn-card{padding:20px}.hkn.hkn .hkn-projects{gap:16px}}
@media(max-width:900px){.hkn.hkn .hkn-hero-grid{grid-template-columns:1fr}.hkn.hkn .hkn-hero-image{max-width:850px}.hkn.hkn .hkn-heat-grid{grid-template-columns:1fr}.hkn.hkn .hkn-flow{flex-direction:row;align-items:center;gap:14px}.hkn.hkn .hkn-flow span{flex:1}.hkn.hkn .hkn-flow span+span::before{display:inline;content:'→ ';padding:0}.hkn.hkn .hkn-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.hkn.hkn h1{font-size:clamp(34px,8vw,46px)}.hkn.hkn .hkn-grid2,.hkn.hkn .hkn-detail-grid,.hkn.hkn .hkn-projects,.hkn.hkn .hkn-checks{grid-template-columns:1fr}.hkn.hkn .hkn-journey{grid-template-columns:1fr;gap:20px}.hkn.hkn .hkn-flow{flex-direction:column;align-items:stretch}.hkn.hkn .hkn-flow span+span::before{content:'↓';display:block;padding-bottom:8px}.hkn.hkn .hkn-intro-note{padding:20px}.hkn.hkn .hkn-contact-card{padding:24px}.hkn.hkn .hkn-projects figure{max-width:100%}.hkn.hkn .hkn-source-links{overflow-wrap:anywhere}}

.hkn.hkn .hkn-story{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hkn.hkn .hkn-story img{display:block;width:100%;height:auto;border-radius:12px}.hkn.hkn .hkn-story figure{margin:0}.hkn.hkn .hkn-story figcaption{font-size:13px;color:#545e69;margin-top:12px}.hkn.hkn .hkn-hero-image figcaption{position:static}.hkn.hkn .hkn-hero-image{align-self:center}@media(max-width:900px){.hkn.hkn .hkn-story{grid-template-columns:1fr;gap:26px}}


/* LANDINGPAGES: bestehendes HTML, keine Klassenänderung erforderlich. */
.hkh.hkh .hkh-hero{position:relative;inset:auto;float:none;width:100%;height:auto;min-height:0;z-index:auto;transform:none;box-shadow:none}
.hkh.hkh .hkh-hero-grid,.hkh.hkh .hkh-section-head,.hkh.hkh .hkh-split,.hkh.hkh .hkh-visit-grid,.hkh.hkh .hkh-faq-grid{min-width:0}
.hkh.hkh .hkh-hero-grid>*,.hkh.hkh .hkh-section-head>*,.hkh.hkh .hkh-split>*,.hkh.hkh .hkh-visit-grid>*,.hkh.hkh .hkh-faq-grid>*{min-width:0}
.hkr.hkr .hkr-hero{position:relative;inset:auto;float:none;width:100%;height:auto;min-height:0;z-index:auto;transform:none;box-shadow:none}
.hkr.hkr .hkr-hero-grid,.hkr.hkr .hkr-section-head,.hkr.hkr .hkr-split,.hkr.hkr .hkr-visit-grid,.hkr.hkr .hkr-faq-grid{min-width:0}
.hkr.hkr .hkr-hero-grid>*,.hkr.hkr .hkr-section-head>*,.hkr.hkr .hkr-split>*,.hkr.hkr .hkr-visit-grid>*,.hkr.hkr .hkr-faq-grid>*{min-width:0}
.hko.hko .hko-hero{position:relative;inset:auto;float:none;width:100%;height:auto;min-height:0;z-index:auto;transform:none;box-shadow:none}
.hko.hko .hko-hero-grid,.hko.hko .hko-section-head,.hko.hko .hko-split,.hko.hko .hko-visit-grid,.hko.hko .hko-faq-grid{min-width:0}
.hko.hko .hko-hero-grid>*,.hko.hko .hko-section-head>*,.hko.hko .hko-split>*,.hko.hko .hko-visit-grid>*,.hko.hko .hko-faq-grid>*{min-width:0}
.hkn.hkn .hkn-hero{position:relative;inset:auto;float:none;width:100%;height:auto;min-height:0;z-index:auto;transform:none;box-shadow:none}
.hkn.hkn .hkn-hero-grid,.hkn.hkn .hkn-section-head,.hkn.hkn .hkn-split,.hkn.hkn .hkn-visit-grid,.hkn.hkn .hkn-faq-grid{min-width:0}
.hkn.hkn .hkn-hero-grid>*,.hkn.hkn .hkn-section-head>*,.hkn.hkn .hkn-split>*,.hkn.hkn .hkn-visit-grid>*,.hkn.hkn .hkn-faq-grid>*{min-width:0}


/* SPECKSTEINÖFEN ENTDECKEN – neuer Bereich .hsp, 03.11.2026 */
/* Heseler Kaminstudio · Individueller Ofenbau · eigenständige Ergänzung.
   Nach dem vorhandenen Stylesheet laden. Keine globalen Shop-Selektoren. */
.hsp.hsp{--hsp-orange:#f39213;--hsp-ink:#20262d;--hsp-muted:#545e69;--hsp-line:#e3e6e9;--hsp-soft:#f5f5f3;color:var(--hsp-ink);background:#fff;font-family:inherit;font-size:16px;line-height:1.65;width:100%;isolation:isolate;overflow-wrap:break-word}
.hsp.hsp,.hsp.hsp *,.hsp.hsp *::before,.hsp.hsp *::after{box-sizing:border-box}
.hsp.hsp .hsp-wrap{width:100%;max-width:1360px;padding-inline:20px;margin-inline:auto}/* 1320px nutzbare Inhaltsbreite + 2 × 20px Rand */
.hsp.hsp h1,.hsp.hsp h2,.hsp.hsp h3,.hsp.hsp h4{font-family:inherit;color:var(--hsp-ink);text-transform:none;font-weight:700;letter-spacing:-.025em}
.hsp.hsp h1{font-size:clamp(36px,4.3vw,60px);line-height:1.08;margin:0;font-weight:750;max-width:760px}
.hsp.hsp h1 span{color:#f39213}/* Logo-Orange */
.hsp.hsp h2{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:0 0 20px}
.hsp.hsp h3{font-size:24px;line-height:1.25;margin:0 0 14px}
.hsp.hsp h4{font-size:17px;letter-spacing:0;margin:0 0 16px}
.hsp.hsp p{margin:0 0 22px;color:var(--hsp-muted)}
.hsp.hsp .hsp-eyebrow{color:#f39213;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.5;margin:0 0 16px}
.hsp.hsp .hsp-hero{border-top:3px solid var(--hsp-orange);padding:58px 0 0;background:linear-gradient(115deg,#f5f5f3,#fff 65%)}
.hsp.hsp .hsp-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-bottom:36px}
.hsp.hsp .hsp-hero-copy p{font-size:17px;line-height:1.65;margin:0 0 24px}
.hsp.hsp .hsp-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hsp.hsp a{color:var(--hsp-ink);text-underline-offset:4px}
.hsp.hsp .hsp-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;min-height:50px;background:var(--hsp-orange);border:2px solid var(--hsp-orange);border-radius:5px;color:#171717;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
.hsp.hsp .hsp-btn:hover{background:#f39213;border-color:#f39213;color:#171717}
.hsp.hsp a:focus-visible,.hsp.hsp summary:focus-visible{outline:3px solid var(--hsp-ink);outline-offset:5px}
.hsp.hsp .hsp-textlink{font-size:14px;font-weight:700;color:#f39213;text-decoration:underline}
.hsp.hsp .hsp-textlink:hover{color:#20262d}
.hsp.hsp figure{margin:0}
.hsp.hsp img{display:block;max-width:100%;height:auto}
.hsp.hsp .hsp-hero-image{position:relative;border-radius:12px;overflow:hidden;background:#e7dfd4}
.hsp.hsp .hsp-hero-image img{width:100%;aspect-ratio:1120/300;object-fit:cover}
.hsp.hsp .hsp-hero-image figcaption{padding:10px 18px;background:#20262d;color:#fff;font-size:13px;letter-spacing:.025em}
.hsp.hsp .hsp-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:30px 0;gap:20px}
.hsp.hsp .hsp-facts li{padding-left:18px;border-left:2px solid var(--hsp-orange)}
.hsp.hsp .hsp-facts strong{display:block;font-size:22px;line-height:1.25}
.hsp.hsp .hsp-facts span{display:block;color:var(--hsp-muted);font-size:13px;margin-top:7px}
.hsp.hsp .hsp-jump{border-block:1px solid var(--hsp-line);background:#fff}
.hsp.hsp .hsp-jump .hsp-wrap{display:flex;gap:32px;flex-wrap:wrap;padding-block:14px}
.hsp.hsp .hsp-jump a{font-size:13px;font-weight:700;text-decoration:none;min-height:32px;display:flex;align-items:center}
.hsp.hsp .hsp-jump a:hover{text-decoration:underline}
.hsp.hsp .hsp-section{padding:72px 0;scroll-margin-top:110px}
.hsp.hsp .hsp-soft{background:var(--hsp-soft)}
.hsp.hsp .hsp-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end;margin-bottom:30px}
.hsp.hsp .hsp-section-head p{max-width:570px}
.hsp.hsp .hsp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hsp.hsp .hsp-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--hsp-line);border-radius:12px;box-shadow:0 5px 18px rgb(21 32 45 / 5%);min-width:0}
.hsp.hsp .hsp-number{color:#f39213;font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:28px}
.hsp.hsp .hsp-card .hsp-textlink{margin-top:auto;padding-top:10px}
.hsp.hsp .hsp-note{font-size:13px;line-height:1.6;margin:18px 0 0;color:var(--hsp-muted)}
.hsp.hsp .hsp-split{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.hsp.hsp .hsp-lead{font-size:17px;max-width:850px;margin-bottom:30px}
.hsp.hsp .hsp-steps{list-style:none;counter-reset:steps;margin:0;padding:0}
.hsp.hsp .hsp-steps li{counter-increment:steps;position:relative;padding:0 0 25px 56px;border-bottom:1px solid #d9dddf;margin-bottom:25px}
.hsp.hsp .hsp-steps li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.hsp.hsp .hsp-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-size:14px;font-weight:700;color:#f39213}
.hsp.hsp .hsp-steps h3{font-size:22px;margin-bottom:10px}
.hsp.hsp .hsp-steps p{margin:0}
.hsp.hsp .hsp-prep{display:grid;grid-template-columns:1fr 2fr;gap:36px;align-items:start;background:#fff;border:1px solid var(--hsp-line);border-radius:12px;padding:28px 32px;margin-top:40px}
.hsp.hsp .hsp-prep h3{font-size:21px;margin:0}
.hsp.hsp .hsp-prep p{margin:0;font-size:15px}
.hsp.hsp .hsp-visit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:32px}
.hsp.hsp .hsp-location{border:1px solid var(--hsp-line);border-radius:12px;overflow:hidden}
.hsp.hsp .hsp-location img{width:100%;aspect-ratio:820/300;object-fit:cover}
.hsp.hsp .hsp-location-copy{padding:30px}
.hsp.hsp address{font-style:normal;color:var(--hsp-muted);margin-bottom:24px}
.hsp.hsp .hsp-contact{background:var(--hsp-soft);border-radius:12px;padding:36px}
.hsp.hsp .hsp-contact h3{font-size:28px;max-width:430px}
.hsp.hsp .hsp-phone{display:block;font-size:clamp(24px,3vw,34px);font-weight:700;text-decoration:none;line-height:1.3;margin-bottom:10px}
.hsp.hsp .hsp-email{display:inline-block;font-size:15px;overflow-wrap:anywhere;margin-bottom:26px}
.hsp.hsp .hsp-hours{border-top:1px solid #d9dddf;padding-top:24px}
.hsp.hsp dl{margin:0}
.hsp.hsp dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px;font-size:15px}
.hsp.hsp dt{font-weight:400}.hsp.hsp dd{margin:0;font-weight:700}
.hsp.hsp .hsp-hours p{font-size:13px;margin:20px 0 0}
.hsp.hsp .hsp-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.hsp.hsp details{border-bottom:1px solid #d9dddf}
.hsp.hsp details:first-child{border-top:1px solid #d9dddf}
.hsp.hsp summary{cursor:pointer;padding:22px 8px;font-size:17px;font-weight:700;line-height:1.5}
.hsp.hsp details p{padding:0 8px 20px;margin:0;font-size:15px}
.hsp.hsp .hsp-closing{background:#20262d}
.hsp.hsp .hsp-closing h2,.hsp.hsp .hsp-closing p{color:#fff}
.hsp.hsp .hsp-closing .hsp-eyebrow{color:#f39213}
.hsp.hsp .hsp-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.hsp.hsp .hsp-closing p:last-child{margin:0}
.hsp.hsp .hsp-closing .hsp-btn{flex-shrink:0}
.hsp.hsp .hsp-closing a:focus-visible{outline-color:#fff}
@media(max-width:1024px){.hsp.hsp .hsp-hero-grid,.hsp.hsp .hsp-section-head{gap:28px}.hsp.hsp .hsp-split{gap:40px}.hsp.hsp .hsp-card{padding:24px}.hsp.hsp .hsp-cards{gap:16px}.hsp.hsp .hsp-contact{padding:26px}.hsp.hsp .hsp-faq-grid{gap:36px}}
@media(max-width:767px){.hsp.hsp .hsp-wrap{padding-inline:16px}.hsp.hsp .hsp-hero{padding-top:36px}.hsp.hsp .hsp-hero-grid,.hsp.hsp .hsp-section-head,.hsp.hsp .hsp-split,.hsp.hsp .hsp-visit-grid,.hsp.hsp .hsp-faq-grid{grid-template-columns:1fr;gap:24px}.hsp.hsp h1{font-size:clamp(34px,7.7vw,48px)}.hsp.hsp h2{font-size:clamp(28px,6.5vw,34px)}.hsp.hsp .hsp-hero-copy p,.hsp.hsp .hsp-lead{font-size:16px}.hsp.hsp .hsp-hero-image img{aspect-ratio:2/1;object-position:50% 35%}.hsp.hsp .hsp-hero-image figcaption{font-size:11px;padding:10px 12px}.hsp.hsp .hsp-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:26px 0}.hsp.hsp .hsp-facts strong{font-size:18px}.hsp.hsp .hsp-facts li{padding-left:12px}.hsp.hsp .hsp-jump .hsp-wrap{gap:4px 24px;padding-block:10px}.hsp.hsp .hsp-jump a{min-height:44px}.hsp.hsp .hsp-section{padding:44px 0}.hsp.hsp .hsp-section-head{margin-bottom:24px}.hsp.hsp .hsp-section-head h2{margin-bottom:0}.hsp.hsp .hsp-section-head p{margin-bottom:0}.hsp.hsp .hsp-cards{grid-template-columns:1fr}.hsp.hsp .hsp-number{margin-bottom:16px}.hsp.hsp .hsp-card h3{font-size:22px}.hsp.hsp .hsp-prep{grid-template-columns:1fr;gap:14px;padding:24px;margin-top:28px}.hsp.hsp .hsp-location-copy,.hsp.hsp .hsp-contact{padding:24px}.hsp.hsp .hsp-contact h3{font-size:25px}.hsp.hsp .hsp-closing-inner{display:flex;flex-direction:column;align-items:stretch;gap:26px}.hsp.hsp .hsp-actions{gap:16px}.hsp.hsp .hsp-btn{min-height:52px}.hsp.hsp .hsp-faq-grid{gap:10px}}
@media(max-width:380px){.hsp.hsp .hsp-actions{align-items:stretch;flex-direction:column}.hsp.hsp .hsp-actions .hsp-textlink{text-align:center;padding:10px}.hsp.hsp dl>div{gap:10px}.hsp.hsp .hsp-contact,.hsp.hsp .hsp-location-copy{padding:20px}}
@media print{.hsp.hsp .hsp-jump,.hsp.hsp .hsp-btn{display:none}.hsp.hsp .hsp-section{padding:20px 0}.hsp.hsp .hsp-closing{background:#fff}.hsp.hsp .hsp-closing h2,.hsp.hsp .hsp-closing p{color:#20262d}}

/* OFENBAU – Ergänzungen, ausschließlich innerhalb .hsp */
.hsp.hsp .hsp-hero-grid{grid-template-columns:1.05fr 1fr;gap:44px;margin-bottom:34px}
.hsp.hsp h1{font-size:clamp(36px,4vw,58px);margin-bottom:24px}
.hsp.hsp .hsp-hero-image{height:auto;max-height:none;aspect-ratio:auto;background:#20262d}
.hsp.hsp .hsp-hero-image img{position:static;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.hsp.hsp .hsp-hero-copy p{max-width:640px}
.hsp.hsp .hsp-hero-copy .hsp-eyebrow{font-size:12px;color:var(--hsp-orange)}
.hsp.hsp .hsp-section-head h2{max-width:720px}
.hsp.hsp .hsp-section-head{align-items:start}
.hsp.hsp .hsp-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hsp.hsp .hsp-kicker{color:#545e69;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.hsp.hsp .hsp-card .hsp-kicker{color:#545e69}
.hsp.hsp .hsp-list{margin:0;padding-left:20px;color:#545e69}
.hsp.hsp .hsp-list li{padding:4px 0}
.hsp.hsp .hsp-caption{font-size:13px;color:#545e69;margin:16px 0 0}
.hsp.hsp .hsp-intro-note{background:#fff3e1;border-left:3px solid #f39213;padding:22px 26px;margin-top:28px;border-radius:0 8px 8px 0}
.hsp.hsp .hsp-intro-note p{margin:0}
.hsp.hsp .hsp-flow{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:18px;border-radius:8px;background:#f5f5f3;color:#20262d;font-size:14px;font-weight:700;line-height:1.4}
.hsp.hsp .hsp-flow span{display:block}
.hsp.hsp .hsp-flow span+span::before{content:'↓';color:#8a4600;display:block;padding-bottom:8px;font-size:18px}
.hsp.hsp .hsp-heat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hsp.hsp .hsp-heat-grid .hsp-card{padding:26px}
.hsp.hsp .hsp-heat-grid h3{font-size:23px}
.hsp.hsp .hsp-table-wrap{overflow-x:auto;max-width:100%;border:1px solid #e3e6e9;border-radius:12px;background:#fff;margin-top:30px}
.hsp.hsp table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px;line-height:1.55;color:#545e69}
.hsp.hsp caption{text-align:left;padding:20px 24px;color:#20262d;font-size:20px;font-weight:700;caption-side:top}
.hsp.hsp th,.hsp.hsp td{text-align:left;vertical-align:top;padding:16px 22px;border-bottom:1px solid #e3e6e9}
.hsp.hsp thead th{background:#20262d;color:#fff;font-weight:700}
.hsp.hsp tbody th{color:#20262d;font-weight:700;width:19%}
.hsp.hsp tbody tr:last-child th,.hsp.hsp tbody tr:last-child td{border-bottom:0}
.hsp.hsp .hsp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:28px}
.hsp.hsp .hsp-detail-grid details{align-self:start}
.hsp.hsp .hsp-detail-grid details:nth-child(2){border-top:1px solid #d9dddf}
.hsp.hsp .hsp-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.hsp.hsp .hsp-projects figure{border:1px solid #e3e6e9;border-radius:12px;background:#fff;overflow:hidden}
.hsp.hsp .hsp-projects img{display:block;width:100%;height:auto;aspect-ratio:auto}
.hsp.hsp .hsp-projects a{display:block}
.hsp.hsp .hsp-projects figcaption{padding:18px 20px;color:#545e69;font-size:14px;line-height:1.5}
.hsp.hsp .hsp-journey{counter-reset:journey;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:30px 0 0}
.hsp.hsp .hsp-journey li{counter-increment:journey;border-top:2px solid #f39213;padding:24px 0 0}
.hsp.hsp .hsp-journey li::before{content:counter(journey,decimal-leading-zero);display:block;color:#8a4600;font-size:14px;font-weight:700;margin-bottom:14px}
.hsp.hsp .hsp-journey h3{font-size:22px}
.hsp.hsp .hsp-journey p{font-size:15px;margin-bottom:0}
.hsp.hsp .hsp-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.hsp.hsp .hsp-check{border-left:2px solid #f39213;padding:0 0 0 20px}
.hsp.hsp .hsp-check h3{font-size:20px;margin-bottom:10px}
.hsp.hsp .hsp-check p{font-size:15px;margin:0}
.hsp.hsp .hsp-source-links{font-size:13px;margin-top:24px}
.hsp.hsp .hsp-source-links a{color:#545e69}
.hsp.hsp .hsp-contact-card{border:1px solid #e3e6e9;border-radius:12px;padding:30px;background:#fff}
.hsp.hsp .hsp-contact-card .hsp-textlink{display:inline-block;margin-top:16px}
.hsp.hsp .hsp-contact-card .hsp-phone{font-size:28px}
.hsp.hsp .hsp-contact-card .hsp-email{margin-bottom:14px}
.hsp.hsp .hsp-table-wrap:focus-visible{outline:3px solid #20262d;outline-offset:4px}
@media(max-width:1024px){.hsp.hsp .hsp-hero-grid{gap:28px}.hsp.hsp .hsp-heat-grid{gap:16px}.hsp.hsp .hsp-heat-grid .hsp-card{padding:20px}.hsp.hsp .hsp-projects{gap:16px}}
@media(max-width:900px){.hsp.hsp .hsp-hero-grid{grid-template-columns:1fr}.hsp.hsp .hsp-hero-image{max-width:850px}.hsp.hsp .hsp-heat-grid{grid-template-columns:1fr}.hsp.hsp .hsp-flow{flex-direction:row;align-items:center;gap:14px}.hsp.hsp .hsp-flow span{flex:1}.hsp.hsp .hsp-flow span+span::before{display:inline;content:'→ ';padding:0}.hsp.hsp .hsp-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.hsp.hsp h1{font-size:clamp(34px,8vw,46px)}.hsp.hsp .hsp-grid2,.hsp.hsp .hsp-detail-grid,.hsp.hsp .hsp-projects,.hsp.hsp .hsp-checks{grid-template-columns:1fr}.hsp.hsp .hsp-journey{grid-template-columns:1fr;gap:20px}.hsp.hsp .hsp-flow{flex-direction:column;align-items:stretch}.hsp.hsp .hsp-flow span+span::before{content:'↓';display:block;padding-bottom:8px}.hsp.hsp .hsp-intro-note{padding:20px}.hsp.hsp .hsp-contact-card{padding:24px}.hsp.hsp .hsp-projects figure{max-width:100%}.hsp.hsp .hsp-source-links{overflow-wrap:anywhere}}

.hsp.hsp .hsp-story{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hsp.hsp .hsp-story img{display:block;width:100%;height:auto;border-radius:12px}.hsp.hsp .hsp-story figure{margin:0}.hsp.hsp .hsp-story figcaption{font-size:13px;color:#545e69;margin-top:12px}.hsp.hsp .hsp-hero-image figcaption{position:static}.hsp.hsp .hsp-hero-image{align-self:center}@media(max-width:900px){.hsp.hsp .hsp-story{grid-template-columns:1fr;gap:26px}}

/* Zusätzliche Absicherung für das bestehende NOVA-Template */
.hsp.hsp .hsp-hero{position:relative;inset:auto;float:none;width:100%;height:auto;min-height:0;z-index:auto;transform:none;box-shadow:none}
.hsp.hsp .hsp-hero-grid>*,.hsp.hsp .hsp-story>*,.hsp.hsp .hsp-grid2>*{min-width:0}
.hsp.hsp .hsp-textlink{color:#8a4600}
.hsp.hsp .hsp-eyebrow{color:#8a4600}


/* STARTSEITE – Beratungsablauf. Eigenständiger Bereich, keine HTML-Änderungen an anderen Blöcken. */
.hks-beratung.hks-beratung{--hksb-orange:#f39213;--hksb-ink:#20262d;--hksb-muted:#545e69;background:#fff;color:var(--hksb-ink);padding:56px 0;font-family:inherit;font-size:16px;line-height:1.65;overflow-wrap:break-word}
.hks-beratung.hks-beratung,.hks-beratung.hks-beratung *,.hks-beratung.hks-beratung *::before,.hks-beratung.hks-beratung *::after{box-sizing:border-box}
.hks-beratung.hks-beratung .hks-beratung__inner{width:100%;max-width:1360px;margin-inline:auto;padding-inline:20px}
.hks-beratung.hks-beratung .hks-beratung__header{max-width:930px}
.hks-beratung.hks-beratung .hks-beratung__eyebrow{color:#8a4600;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.5;margin:0 0 16px}
.hks-beratung.hks-beratung h2,.hks-beratung.hks-beratung h3{font-family:inherit;color:var(--hksb-ink);font-weight:700;letter-spacing:-.025em;text-transform:none}
.hks-beratung.hks-beratung h2{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:0 0 22px}
.hks-beratung.hks-beratung .hks-beratung__intro{font-size:17px;line-height:1.65;color:var(--hksb-muted);margin:0;max-width:880px}
.hks-beratung.hks-beratung .hks-beratung__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:30px 0}
.hks-beratung.hks-beratung .hks-beratung__step{min-width:0;border-top:2px solid var(--hksb-orange);padding:24px 0 0;margin:0}
.hks-beratung.hks-beratung .hks-beratung__number{display:block;font-size:15px;font-weight:700;letter-spacing:.08em;color:#8a4600;margin-bottom:16px}
.hks-beratung.hks-beratung .hks-beratung__step h3{font-size:24px;line-height:1.25;margin:0 0 14px}
.hks-beratung.hks-beratung .hks-beratung__step p{color:var(--hksb-muted);margin:0}








.hks-beratung.hks-beratung .hks-beratung__footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:0}
.hks-beratung.hks-beratung .hks-beratung__actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px;min-width:0}
.hks-beratung.hks-beratung .hks-beratung__button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:14px 22px;background:var(--hksb-orange);border:2px solid var(--hksb-orange);border-radius:5px;color:#171717;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
.hks-beratung.hks-beratung .hks-beratung__button:hover{background:#20262d;border-color:#20262d;color:#fff}
.hks-beratung.hks-beratung .hks-beratung__link{color:#8a4600;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding-block:10px}
.hks-beratung.hks-beratung .hks-beratung__link:hover{color:#20262d}


.hks-beratung.hks-beratung a:focus-visible{outline:3px solid #20262d;outline-offset:5px}
@media(max-width:1024px){.hks-beratung.hks-beratung .hks-beratung__steps{gap:24px}.hks-beratung.hks-beratung .hks-beratung__step h3{font-size:22px}.hks-beratung.hks-beratung .hks-beratung__footer{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:767px){.hks-beratung.hks-beratung{padding:38px 0}.hks-beratung.hks-beratung .hks-beratung__inner{padding-inline:16px}.hks-beratung.hks-beratung .hks-beratung__intro{font-size:16px}.hks-beratung.hks-beratung .hks-beratung__steps{grid-template-columns:1fr;gap:26px;margin:30px 0}.hks-beratung.hks-beratung .hks-beratung__step{padding-top:20px}.hks-beratung.hks-beratung .hks-beratung__number{margin-bottom:10px}.hks-beratung.hks-beratung .hks-beratung__actions{align-items:flex-start;flex-direction:column;gap:12px}.hks-beratung.hks-beratung .hks-beratung__footer{margin-top:0}}
@media(max-width:380px){.hks-beratung.hks-beratung .hks-beratung__button{width:100%}.hks-beratung.hks-beratung .hks-beratung__actions{width:100%}}
@media print{.hks-beratung.hks-beratung{padding:20px 0}.hks-beratung.hks-beratung .hks-beratung__actions{display:none}}


/* STARTSEITE – echte Anlagenbilder aus der vorhandenen Handwerk-Galerie */
.hks-projekte.hks-projekte{padding:60px 0;background:#f5f5f3;color:#20262d;font-family:inherit;font-size:16px;line-height:1.65;overflow-wrap:break-word}
.hks-projekte.hks-projekte,.hks-projekte.hks-projekte *,.hks-projekte.hks-projekte *::before,.hks-projekte.hks-projekte *::after{box-sizing:border-box}
.hks-projekte.hks-projekte .hks-projekte__inner{width:100%;max-width:1360px;padding-inline:20px;margin-inline:auto}
.hks-projekte.hks-projekte .hks-projekte__header{max-width:930px;margin-bottom:30px}
.hks-projekte.hks-projekte .hks-projekte__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.5;color:#8a4600;margin:0 0 16px}
.hks-projekte.hks-projekte h2,.hks-projekte.hks-projekte h3{font-family:inherit;font-weight:700;letter-spacing:-.025em;color:#20262d;text-transform:none}
.hks-projekte.hks-projekte h2{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:0 0 20px}
.hks-projekte.hks-projekte .hks-projekte__intro{font-size:17px;color:#545e69;margin:0;max-width:850px}
.hks-projekte.hks-projekte .hks-projekte__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hks-projekte.hks-projekte .hks-projekte__item{min-width:0;margin:0;background:#fff;border:1px solid #e3e6e9;border-radius:12px;overflow:hidden}
.hks-projekte.hks-projekte .hks-projekte__image{display:block;position:relative;color:#fff;text-decoration:none}
.hks-projekte.hks-projekte .hks-projekte__image img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto}
.hks-projekte.hks-projekte .hks-projekte__zoom{position:absolute;right:12px;bottom:12px;padding:5px 10px;background:#20262d;color:#fff;border-radius:4px;font-size:12px;line-height:1.5}
.hks-projekte.hks-projekte .hks-projekte__image:hover .hks-projekte__zoom{background:#f39213;color:#171717}
.hks-projekte.hks-projekte figcaption{padding:24px}
.hks-projekte.hks-projekte h3{font-size:22px;line-height:1.3;margin:0 0 12px}
.hks-projekte.hks-projekte figcaption p{color:#545e69;font-size:15px;margin:0}
.hks-projekte.hks-projekte .hks-projekte__link{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:24px;font-size:14px;font-weight:700;line-height:1.5;color:#8a4600;text-decoration:underline;text-underline-offset:4px}
.hks-projekte.hks-projekte .hks-projekte__link:hover{color:#20262d}
.hks-projekte.hks-projekte a:focus-visible{outline:3px solid #20262d;outline-offset:4px}
.hks-projekte.hks-projekte .hks-projekte__image:focus-visible{outline-offset:-4px}
@media(max-width:1024px){.hks-projekte.hks-projekte .hks-projekte__grid{gap:16px}.hks-projekte.hks-projekte figcaption{padding:20px}.hks-projekte.hks-projekte h3{font-size:20px}}
@media(max-width:767px){.hks-projekte.hks-projekte{padding:40px 0}.hks-projekte.hks-projekte .hks-projekte__inner{padding-inline:16px}.hks-projekte.hks-projekte .hks-projekte__grid{grid-template-columns:1fr;gap:22px}.hks-projekte.hks-projekte .hks-projekte__intro{font-size:16px}.hks-projekte.hks-projekte .hks-projekte__zoom{right:10px;bottom:10px}}
@media print{.hks-projekte.hks-projekte{background:#fff;padding:20px 0}.hks-projekte.hks-projekte .hks-projekte__zoom{display:none}}