/* Farben

Grün: 8cc63f
Gelb: #fec205
Rot: ed1c24
Schwarz: #232323
Türkis: 81d0dc
*/



.container-fluid-xl, #result-wrapper {
    max-width: 1800px;
}

#result-wrapper {
    margin:0 auto;
}

.slick-initialized .slick-slide {
    background:#fff;
    text-align:left;
    margin:10px;
    border-radius:8px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    transition:all 0.2s ease;
}
.slick-initialized .slick-slide:hover {
    box-shadow: none;
}
#gallery_wrapper .slick-initialized .slick-slide {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

#teaser-startkwerk .container-fluid {
background:#f0f0f0;
border-radius:8px;
padding:24px;

}

#teaser-startkwerk .container-fluid .carousel-arrows-inside .slick-prev {
    left:0px;
    border-radius:8px;
}

#teaser-startkwerk .container-fluid .carousel-arrows-inside .slick-next {
    right:0px;
    border-radius:8px;
}

@media(min-width:1600px) { .teaserbox.teaserbox-starkwerk b {
    font-size:58px;
}
}


#product-offer .product-info ul.info-essential {
margin:0 0 20px 0;;
}

#product-offer .product-info ul.info-essential li.product-sku {
width:auto; 
float:left;
margin-right:20px;
}

.product-detail .product-manufacturer img {
    max-width: 160px;
    padding:6px 12px;
    margin-bottom:20px;
    border-radius:8px;
    border:2px solid #f0f0f0;
    transition: all 0.2s ease;

}

.product-detail .product-manufacturer img:hover {
    border-color:#ccc;

}

.vat_info {
    color: #232323;
    font-size:10pt;
}

#product-offer .product-info .shortdesc {
    margin-bottom: 10px;
}










/* Artikeldetails */
.product-info-inner h1.product-title.h2 {
    font-weight: 700;
}
.product-info-inner .info-essential li.product-sku {
    width:auto; 
    float:left;
    margin-right:20px;
}
.tab-navigation {
    border-radius:8px;
    background:#f0f0f0;
    padding:20px;
}
.nav-tabs {
    border-bottom: none;
}
.tab-content {
    background:#fff;
    border-radius:8px;
    padding:20px;
}






.bg-yellow {
    background-color: #fec205;
}

.container-fluid.product-slider-wrapper {
    max-width:96%;
    margin: 0 auto;
}

#content-wrapper:not(.has-fluid) {
    padding-top: 1rem;
}
#content-wrapper:not(.has-fluid) {
    padding-top: 0rem !important;
}

/* kanit-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/kanit-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/kanit-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/kanit-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/kanit-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/kanit-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/kanit-v12-latin-regular.svg#Kanit') format('svg'); /* Legacy iOS */
}
/* kanit-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/kanit-v12-latin-800.eot'); /* IE9 Compat Modes */
    src: url('fonts/kanit-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/kanit-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/kanit-v12-latin-800.woff') format('woff'), /* Modern Browsers */
        url('fonts/kanit-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/kanit-v12-latin-800.svg#Kanit') format('svg'); /* Legacy iOS */
}

/* Custom */
body {
    font-size:18px;
    font-family: Kanit, sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
    font-family: Kanit, sans-serif;
    color: #272D36;
}
h1, .h1 {
    font-size:40px;
}
h2, .h2 {
    font-size:32px;
}
h3, .h3 {
    font-size:26px;
}
h4, .h4 {
    font-size:22px;
}

.hr-sect {
    justify-content: start;
}
.hr-sect a {
    color: #000;
    font-weight: 400;
}
.hr-sect::before, .hr-sect::after {
    display: none;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #525252;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.625rem 0.9375rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 6px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-primary {
    color: #fff;
    background-color: #DB0000;
    border-color: #DB0000;
}
.btn-primary:hover {
    background-color: #272D36;
    border-color: #272D36;
    color: #fff;
}

.btn-white {
    background-color: #fff!important;
    color: #DB0000!important;
}
.btn-white:hover {
    background-color: #DB0000!important;
    color: #fff!important;
}


@media (min-width: 768px) {
    .container {
        max-width: 96%;
    }
    .container .container {
        max-width: 100%;
    }
}

/*@media (min-width: 1300px) {
    .container {
        max-width: 1490px;
    }
}*/

/* Header */
#header-top-bar ul {
    list-style-type:none;
    padding:0;
    margin:0;
    display:inline;
    font-size:15px;
}
#header-top-bar div.col:nth-of-type(1) {
    text-align:right;
}

#header-top-bar ul li {
    display:inline-block;
    margin:3px 10px;
}
.hide-navbar.container-fluid.menu-search-position-center {
    background:#232323;
}

@media (max-width: 991.98px) {
    .toggler-logo-wrapper {
        position: static;
    }
}
@media(min-width:992px) {
    header {
        max-height:140px;
    }
}
header #burger-menu {
    color: #fff;
}

.search-wrapper .twitter-typeahead {
    display: flex!important;
    flex: 1;
}
.search-wrapper .btn-secondary {
    color: #232323;
    background-color: #fff;
    border:none;
    border-radius: 0 6px 6px 0 !important;
}
.search-wrapper .btn-secondary:hover {
    color: #fec205;
}
.search-wrapper .form-control {
    color: #232323;
    border: none;
    border-radius: 6px 0 0 6px;
    box-shadow: none;
    height: 100%;
}
#shop-nav li a {
    color:#fff;
}
#shop-nav li a:hover, #shop-nav li a:focus {
    color:#fec205;
}
#shop-nav .dropdown-body a {
    color:#232323;
}shado
#shop-nav .dropdown-body a:hover, #shop-nav .dropdown-body a:focus {
    color:#ed1c24;
}
a.nav-link.nav-link-custom path{
    fill: #fff;
    transition: all 0.2s ease-in-out;
}

a.nav-link.nav-link-custom:hover path {
    fill: #fec205;
    transition: all 0.2s ease-in-out;
}
.account-icon-dropdown svg {
    margin-top: -4px;
    width: 18px;
}
/* BReadcrumb */
@media(min-width:992px) {
    .container.breadcrumb-container {
       padding:0; 
       width:100%;
       max-width:100%;
    }
    .breadcrumb-wrapper {
        border-width: 1px 0 0 0;
        padding-left:45px;
        padding-right:45px;
    }
    li.breadcrumb-item.breadcrumb-backtolist {
        margin-right:20px;
    }
}
/* Slider */
.theme-light.slider-wrapper {
    padding: 0 0 10px;
}
.theme-light .nivoSlider img {
    border-radius:6px;
}
.nivo-caption {
    background: transparent !important;
    color: #fff !important;
    max-width:50%;
    margin-bottom:14%;
    padding-left:50px;
    opacity: 1;
	font-size:124px;
}
.theme-light .nivo-caption {
    font-weight: 700;
    font-family: "Kanit", sans-serif;
    font-size:84px;
    line-height:1em;
}
@media(min-width:1920px) {
    .theme-light .nivo-caption {
        font-size:124px;
    }	
}

.nivo-caption p.desc {
    padding-top:20px;
}
	
	/* Footer */
#footer {
    background-color: #232323;
    color: #fff;
}
#footer a {
    color: #fff;
}
#footer a:hover, #footer a:focus {
    color: #fec205;
}
#footer .productlist-filter-headline {
    border-bottom: none;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: "Kanit", sans-serif;
    color:#fff;
}
#footer #copyright > div {
    background:#fec205;
    color:#232323;
}
#footer #copyright > div a {
    color:#232323;
}

header {
    box-shadow: none;
}
header .navbar-nav > .nav-item > .nav-link {
    position: relative;
    padding: 12px 24px;
    margin:6px 6px;
    background-color:#fff;
    border-radius:6px;
    transition:all 0.2s ease;
}
header .navbar-nav > .nav-item > .nav-link:hover {
    background-color:red;
    color:#fff;
}
header .navbar-nav > .nav-item > .nav-link::before {
    display:none;
}

@media(min-width:992px){
    .categories-recursive-dropdown.dropdown-menu .nav {
        display:none;
    }
    header .submenu-headline-toplevel {
        font-size:1rem;
        border:none;
    }
    header .dropdown-body .nav-item {
        margin-top: 0;
        margin-bottom: 0;
        padding:0;
    }
    header .dropdown-body .nav-item a {
        padding:20px !important;
        transition: all 0.1s ease !important;
    }
    header .dropdown-body .nav-item a:hover {
        background:#fec205;
        color:#fff;
        cursor:pointer;
        border-radius:8px;
    }
    header .submenu-headline-toplevel {
        margin-bottom: 0;
    }
    .navbar .dropdown-body .nav-link {
        font-size: 1rem;
    }
}

/* Teaser Icon Bar */
#teaser-icons {
    margin-top:12px;
}
#teaser-icons img {
    border-radius:8px;
}
#teaser-icons a {
    display:block;
    background:#232323;
    padding:24px;
    margin-bottom:30px;
    color:#fff;
    border-radius:6px;
    text-align:center;
    text-decoration:none;
    transition: all 0.2s ease;
}
#teaser-icons a p:nth-of-type(1) {
    font-size:36px;
    margin-bottom:10px;
}
#teaser-icons a p:nth-of-type(2) {
    margin-bottom:0;
}

#teaser-icons a:hover {
    background:#fec205;
    transition: all 0.2s ease;
    scale:1.05;
    color:#232323;
}

#teaser-icons a .teaser-vec {
width:140px;
  fill:#fff;
  transition: all 0.2s ease;
}

#teaser-icons a:hover .teaser-vec {
  fill:#232323;
}

#teaser-icons.marken a {
    background:#fff;
    color:#232323;
}
#teaser-icons.marken a:hover {
    background:#fec205;
}
#teaser-icons.marken a p:nth-of-type(1) {
    margin-bottom:0;
}

/* Teaser Box*/
.teaserbox {
    aspect-ratio: 3/2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: #232323;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.5rem;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}
@media (min-width: 992px) {
    #teaser-startkwerk .teaserbox {
        aspect-ratio: unset;
        height: 100%;
    }
}

.teaserbox .h3 {
    font-size:44px;
	font-weight:700;
	    text-shadow:  0px 5px 12px rgba(0,0,0,0.6);

}
.teaserbox b {
    color:#fff;
    margin-bottom:5px;
}
.teaserbox p {
    color:#fff;
    margin-bottom:10px;
}
/* Teaser Storybox*/
#teaser-storybox a {
    display:block;
    background:#f0f0f0;
    padding:24px;
    margin-bottom:30px;
    color:#232323;
    border-radius:6px;
    text-align:left;
    text-decoration:none;
    transition: all 0.2s ease;
    overflow:hidden;
}
/*#teaser-storybox span {
    margin:-24px;
}*/
#teaser-storybox img {
    border-radius:8px;
}

#teaser-storybox h3 {
    margin-top:24px;
    color:#232323;
    margin-bottom:5px;
}
#teaser-storybox p {
    color:#232323;
    margin-bottom:10px;
}
#teaser-storybox p:nth-of-type(2) {
    margin-bottom:0;
}

/* Teaser Icon Bar */
#advantage-icons {
    margin-top:12px;
}
#advantage-icons span {
    display:block;
    background:#ebebeb;
    padding:0;
    margin-bottom:30px;
    color:#525252;
    border-radius:6px;
    text-align:center;
    text-decoration:none;
}
#advantage-icons span p {
    padding-left:24px; 
    padding-right:24px;
}
#advantage-icons span p:nth-of-type(1) {
    font-size:36px;
    padding-top:24px;
    margin-bottom:10px;
}
#advantage-icons span p:nth-of-type(2) {
    padding-bottom:24px;
    margin-bottom:0;
}
#advantage-icons span:hover {
    background:#ebebeb;
    color:#232323;
}
#advantage-icons span:hover {
    background:#fec205;
    color:#525252;
}

#advantage-icons a {
   text-decoration: none;
}
#advantage-icons a:hover {
   color:#525252;
}

/* CTA */
.teaser-cta {
    background:url("https://jtl5.sls-profishop.de/werbmedia/upload/bg-holzbalken.jpg") top right no-repeat #f0f0f0;
    padding-top:160px;
    padding-bottom:160px;
    margin-bottom:80px;
}
.teaser-cta a {
    text-decoration:none;
}
.teaser-cta h3 {
    text-decoration:none;
    font-size:40px;
    font-weight:bold;
}

/* Produkte */
.slick-list {
    padding-top:20px;
    padding-bottom:20px;
    padding:20px;
}
.slick-list {
    padding: 0px;
    margin-left:15px;
    margin-right:15px;
}

.slick-list a {
    text-decoration:none;
}

.slick-list a {
    text-decoration:none;
    line-height:1.1em;
margin-bottom:20px;
}
.slick-list .price_wrapper {
    padding-top:20px;

}
.recommendations .slick-list.draggable {
    border-radius: 8px;
    background: #f0f0f0;
    padding: 20px;
}

.carousel-arrows-inside .slick-prev {
    left:-40px;
    border-radius:8px;
}

.carousel-arrows-inside .slick-next {
    right:-40px;
    border-radius:8px;
}

.product-list.layout-gallery {
    margin: 0 -.5rem;
}
#product-list .product-wrapper:not(:last-child) {
    margin-bottom: .5rem;
}
#product-list .product-wrapper {
    padding: .5rem;
}
#product-list .product-wrapper .productbox {
    border-radius: .5rem;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    height: 100%;
    padding: 1rem;
}
.productbox-title {
    line-height: 1.2em;
    margin-bottom: 1rem;
}
.productbox-title a {
    text-decoration: none;
}

/* Footer */
#footer p.foot-link  {
   margin-bottom:5px;
} 

#footer p.foot-link a {
   text-decoration:none;
} 
.smoothscroll-top.show {
    border-radius:8px;
}
#footer-icons h4 {
    color:#fff;
    display:block;
    width:100%;
}
#footer-icons ul {
    list-style-type:none;
    margin:0;
    padding:0;
    display:inline;
}
#footer-icons ul li {
    display:inline-block;
    margin:0 10px 10px 0;

}
#footer-icons ul li img {
    max-height:60px;
    border-radius:8px;
}

/* Artikelübersicht */
#result-wrapper img.productlist-header-description-image {
  width:100% !important;
}
#result-wrapper .productlist-page-nav.productlist-page-nav-header-m .btn {
 border: 1px solid #ccc;
}
#result-wrapper .sub-categories {
    background:#f0f0f0;
    border-radius:12px;
    overflow:hidden;
}
#result-wrapper .sub-categories a {
    text-decoration:none;
}
#result-wrapper .productbox-title {
    padding-top:20px;
}
.product-list.layout-list .productbox-title a {
    font-weight:bold;
}

.product-list.layout-list .productlist-item-detail dt {
    font-weight:normal;
}
#result-wrapper .suggested-price {
    margin-top: 0px;
    color:#ed1c24;
}
/* Artikeldetails */
h1.product-title.h2 {
    font-size:42px;
}

.product-info-inner .shortdesc {
    display:none;
}
.suggested-price {
margin-top:20px;
}

.yousave {
color:#ed1c24;

}