:root {
    --red:#ff0000;
    --white:#fff;
    --black:#000;
    --gray-light:#e8e8e8;
    --gray:#cccccc;
    --gray-dark:#555;
}

/***Allgemein***/
.uk-text-fill {color:var(--red);}
.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary {color:#ff0000 !important;}
.uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > * {font-weight:700 !important;}
[uk-cover]:where(img, video) {object-fit:cover;}
.uk-slideshow-items [uk-cover]:where(img, video) {object-fit:contain;}
.home-titel-page .el-title {text-transform:uppercase;white-space:nowrap;}
#ingallery-1 .ingallery-loadmore-btn {padding:10px 30px;border-radius:0;font-size:17px;font-weight:700;}

/****Product List****/
.productlist-border {border:1px solid var(--gray-light);border-radius:6px;padding:24px;background-color:var(--white);box-shadow:0 4px 12px rgba(0,0,0,.04);transition:all .25s ease-in-out;}
.productlist-border:hover {border-color:var(--red);box-shadow:0 8px 24px rgba(254,1,2,.08);transform:translateY(-3px);}

/* FILTER 
.lena-filter-grid > .lena-filter-column:nth-child(3) {display:none !important;}
*/

.mod_djc2categories_list .active > a::before {content:"";display:inline-block;width:4px;height:18px;background:var(--red);margin-right:8px;vertical-align:middle;}

/* Standard Kategorien */
.mod_djc2categories_list a {color:var(--gray);text-decoration:none;transition:color .2s ease;}

/* Aktive Kategorie */
.mod_djc2categories_list .active > a {color:var(--red);font-weight:600;}

/* Unterkategorien der aktiven Gruppe */
.mod_djc2categories_list .active.parent > .nav-child a {color:var(--gray-dark);}

/* Aktive Unterkategorie wieder hervorheben */
.mod_djc2categories_list .nav-child .active > a {color:var(--red) !important;font-weight:600;}

.mod_djc2categories_list, .mod_djc2categories_list ul {list-style:none;padding:0;margin:0;}
.mod_djc2categories_list li {list-style:none;}

/* Hover */
.mod_djc2categories_list a:hover {color:var(--red);}

/* Unterkategorien */
.mod_djc2categories_list .nav-child {padding-left:15px;}
.mod_djc2categories_list .nav-child a {font-size:.95rem;}

/*Produktübersicht*/
#djcatalog .fs-grid-image-holder {height:280px !important;display:flex !important;align-items:center;justify-content:center;overflow:hidden;background:#fff !important;border: 1px solid #ccc;}
#djcatalog .uk-inline-clip {height:280px !important;display:flex !important;align-items:center;justify-content:center;overflow:hidden;background:#fff !important;}
#djcatalog .uk-inline-clip picture {display:flex !important;align-items:center;justify-content:center;height:100%;width:100% !important;background:#fff !important;}
#djcatalog .uk-inline-clip img.el-image {height:auto !important;width:auto !important;max-height:100% !important;max-width:90% !important;object-fit:contain !important;background:#fff !important;}

/*Produktdetail*/
.uk-slideshow .el-nav.uk-thumbnav li a {display:flex;align-items:center;justify-content:center;height:200px;}
.uk-slideshow .el-nav.uk-thumbnav li a img {display:block;width:auto;height:100%;max-width:100%;object-fit:contain;}

/*Spannbacken*/
joomla-tab [role="tablist"] {display:none !important;}
joomla-tab > button[aria-controls] {display:none !important;}
joomla-tab > joomla-tab-element {display:block !important;margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px solid #ddd;}
joomla-tab-element:last-of-type {border-bottom:none;margin-bottom:0;padding-bottom:0;}

/*Tabelle Technische Daten*/
.attributes {width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--gray-light);box-shadow:0 4px 12px rgba(0,0,0,.08);}
.attributes th {text-align:right;}
.attributes th,.attributes td {padding:10px 20px;border-bottom:1px solid var(--gray-light);}
.attributes tr:nth-child(odd) {background:var(--white);}
.attributes tr:nth-child(even) {background:var(--gray-light);}
.attributes tr:last-child th,.attributes tr:last-child td {border-bottom:none;}

/*Tabelle Arbeitsmodelle*/
.uk-heading-line {color:var(--red);}
.am-attributes {width:100%;max-width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--gray-light);box-shadow:0 4px 12px rgba(0,0,0,.08);table-layout:fixed;}
.am-attributes th {background:var(--gray-light);text-align:left;}
.am-attributes th,.am-attributes td {padding:10px 20px;border-bottom:1px solid var(--gray-light);overflow-wrap:break-word;word-wrap:break-word;}
.am-attributes th p,.am-attributes td p {margin:0;}
.am-attributes tbody tr {background:var(--white);}
.am-attributes tr:last-child th,.am-attributes tr:last-child td {border-bottom:none;}

/*Vergleichstabelle*/
.vergleichs-tabelle-mobil {display:none;}
.vergleichs-tabelle {overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
.vergleichs-tabelle .fs-grid {overflow:visible;}

/*Vergleich - Headerbereich*/
#vergleich-head {margin-bottom:0 !important;}
#vergleich-inhalt {margin-top:0 !important;}
#vergleich-head .fs-grid-fieldset {background-color:var(--gray-light);font-weight:700;color:#333;border-bottom:1px solid var(--gray-light);margin-bottom:0 !important;text-align:center;}
#vergleich-head .fs-load-more-item:first-child .fs-grid-fieldset-1,
#vergleich-head .fs-load-more-item:first-child .fs-grid-fieldset-5,
#vergleich-head .fs-load-more-item:first-child .fs-grid-fieldset-6,
#vergleich-head .fs-load-more-item:first-child .fs-grid-fieldset-7,
#vergleich-head .fs-load-more-item:first-child .fs-grid-fieldset-8,
#vergleich-head .fs-load-more-item:first-child .fs-grid-fieldset-12,
#vergleich-head .fs-load-more-item:first-child .fs-grid-fieldset-13 {border-bottom:none;}

/*Grid*/
.vergleichs-tabelle .fs-grid-nested-1 {display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr 1fr 2fr 2fr 1fr 1fr 1fr 1fr 2fr;border-left:1px solid #ddd;margin-top:0 !important;font-size:12px;width:100%;}

/*Zellen (Basis)*/
.vergleichs-tabelle .fs-grid-fieldset {padding:8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px;line-height:1.4;color:#333;box-sizing:border-box;align-content:center;text-align:right;}
.vergleichs-tabelle .fs-grid-fieldset:last-child {border-right:none;}

/*Zebra-Streifen nach Zeilen*/
.vergleichs-tabelle .fs-load-more-item:nth-child(odd) .fs-grid-fieldset {background:#f5f5f5;}
.vergleichs-tabelle .fs-load-more-item:nth-child(even) .fs-grid-fieldset {background:#ffffff;}

/*Erste Spalte (Produktname)*/
.vergleichs-tabelle .fs-grid-fieldset:first-child {color:var(--red);font-weight:600;padding-left:20px;}
.vergleichs-tabelle .fs-grid-fieldset:first-child a {color:var(--red);text-decoration:none;}
.vergleichs-tabelle .fs-grid-fieldset:first-child a:hover {text-decoration:underline;}
.vergleichs-tabelle .fs-grid-fieldset a {color:inherit;}

/*Timeline*/
.timeline .uk-grid-match {position:relative;align-items:flex-start;}
.timeline .uk-grid-match::before {content:"";position:absolute;left:8%;right:8%;top:38px;height:3px;background:var(--gray-light);z-index:0;}
.timeline .el-item {position:relative;text-align:center;z-index:2;}
.timeline .el-title {width:70px;height:70px;margin:0 auto;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;position:relative;}
.timeline .el-title::after {content:"";width:2px;height:35px;background:var(--red);position:absolute;left:50%;top:100%;transform:translateX(-50%);}
.timeline .el-image {padding:10px;max-width: 70px;}

/*Download*/
.rk-download .uk-list {
  font-size:16px;  
  color:var(--red);
}

/* =========================================
   LOHNARBEITEN GALLERY
   ========================================= */

/* Kachel */
.rk-lohnarbeiten .el-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #000;
    color: #fff;
}


/* =========================================
   LINK / KACHEL-INHALT
   ========================================= */

.rk-lohnarbeiten .el-item > a {
    position: relative !important;
    display: flex !important;
    flex: 1 1 auto;
    width: 100%;
    min-height: 350px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


/* =========================================
   BILD
   ========================================= */

.rk-lohnarbeiten .el-item .el-image {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;

    object-fit: cover;

    opacity: 0;

    transition:
        opacity 0.4s ease,
        transform 0.5s ease;

    z-index: 0;
}


/* =========================================
   SCHWARZES OVERLAY
   ========================================= */

.rk-lohnarbeiten .el-item > a::after {
    content: "";

    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.4);

    opacity: 0;

    transition: opacity 0.4s ease;

    z-index: 1;

    pointer-events: none;
}


/* =========================================
   TEXT
   ========================================= */

/* UIkit uk-position-center vollständig
   deaktivieren */
.rk-lohnarbeiten .el-item .uk-position-center {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    width: 100%;

    box-sizing: border-box;

    padding: 30px;

    margin: 0;

    z-index: 2;
}


/* Panel ebenfalls normal behandeln */
.rk-lohnarbeiten .el-item .uk-position-center .uk-panel {
    position: static !important;

    width: 100%;

    box-sizing: border-box;

    margin: 0;
}


/* =========================================
   SCHRIFT IMMER WEISS
   ========================================= */

.rk-lohnarbeiten .el-item .uk-position-center,
.rk-lohnarbeiten .el-item .uk-position-center *,
.rk-lohnarbeiten .el-item .el-title,
.rk-lohnarbeiten .el-item .el-content {
    color: #fff !important;
}


/* =========================================
   HOVER
   ========================================= */

.rk-lohnarbeiten .el-item:hover .el-image {
    opacity: 1;

    transform: scale(1.03);
}


.rk-lohnarbeiten .el-item:hover > a::after {
    opacity: 1;
}


/* =========================================
   GRID / GLEICHE HÖHE
   ========================================= */

/* Die einzelnen Grid-Spalten
   dürfen sich auf die höchste Kachel
   ausdehnen */
.rk-lohnarbeiten .uk-grid > div {
    display: flex;
}


/* Kachel füllt die Grid-Spalte */
.rk-lohnarbeiten .el-item {
    display: flex;
    flex-direction: column;
}


/* Link füllt die komplette Kachel */
.rk-lohnarbeiten .el-item > a {
    flex: 1 1 auto;
}

.convertforms .cf-checkbox-group{    align-items: flex-start!important;}
.convertforms .cf-checkbox-group input[type="checkbox"] {  appearance: none;  width: 20px;  height: 20px; padding:15px; border: solid 1px #f5f8f9;  vertical-align: middle;  position: relative;  cursor: pointer;  margin-right: 5px;  transition: border 0.2s, background 0.2s;}
.convertforms .cf-checkbox-group input[type="checkbox"]:checked {  background-color: #f5f8f9;  border: solid 1px red!important;}
.convertforms .cf-checkbox-group input[type="checkbox"]:checked::after {content: "";    position: absolute; left: 11px;    top: 5px;    width: 9px;    height: 15px;    border: solid red;    border-width: 0 2px 2px 0;    transform: rotate(45deg);}





/*Mobil*/
@media (max-width:1800px) {
.home .uk-heading-large {font-size:5rem;}
.home .uk-container-expand-right.uk-container-xlarge {max-width:calc(40% + (1400px / 2) - 20px);}
}

@media (max-width:1500px) {
.home .uk-heading-large {font-size:4rem;}
.home .uk-container-expand-right.uk-container-xlarge {max-width:calc(40% + (1200px / 2) - 20px);}
.uk-text-large {font-size:20px;line-height:1.4;}
}

@media (max-width:1439px) {
@media (max-width:1439px) {
.vergleichs-tabelle {overflow-x:auto;overflow-y:hidden;}
.vergleichs-tabelle .fs-grid {overflow:visible;}
.vergleichs-tabelle .fs-grid-nested-1 {grid-template-columns:220px 140px 140px 140px repeat(9,140px);width:max-content;min-width:100%;}
.search-desktop{display:none;}
  .uk-navbar-center:not(:only-child) {
  left:60%;}

 .uk-navbar-left, .uk-navbar-right, [class*="uk-navbar-center"] {
    gap: 40px;
    margin-left: -40px;
}
}

@media (max-width:1300px) {
.home .uk-heading-large {font-size:4rem;}
.home .uk-container-expand-right.uk-container-xlarge {max-width:calc(40% + (1000px / 2) - 20px);}
.uk-text-large {font-size:20px;line-height:1.4;}
}
@media (max-width:1199px) {
.uk-navbar-right {
  margin-left: auto;
  }
  }
@media (max-width:1150px) {
.home .uk-heading-large {font-size:3rem;}
.home .uk-container-expand-right.uk-container-xlarge {max-width:calc(35% + (900px / 2) - 20px);}
.home .hero-haberstroh-home .uk-container-expand-right {max-width:100% !important;}
}

/*Tabelle mobil*/
@media (max-width:960px) {
.uk-heading-medium {font-size:6rem;}
.home .home-titel-page .el-title {white-space:inherit;}
.home .uk-container-expand-right.uk-container-xlarge,.home-titel-page {transform:translateX(0px) !important;max-width:100%;}
.rk-category .uk-select {border-radius:0;background:var(--gray-light);}
.productlist-border {margin-left:40px;}
.rk-hero-product ,.uk-section-xsmall {padding-top:10px;padding-bottom:10px;}
}

@media (max-width:768px) {
h1 {
  font-size: 1.85rem;}
  .uk-heading-medium {
  font-size: 3rem;}
.am-attributes,.am-attributes tbody,.am-attributes tr,.am-attributes td {display:block;width:100%;border: 1px solid var(--gray-light);
  box-shadow: 0 4px 12px rgba(0,0,0,.08);}
.am-attributes thead {display:none;}
.am-attributes tr {margin-bottom:15px;}
.am-attributes td {padding:0;margin:0;border:none;}
.am-attributes td::before {content:attr(data-label);display:block;font-weight:bold;padding:10px;}
.am-attributes td p {margin:0;padding:10px;}
.am-attributes td:nth-child(odd)::before,.am-attributes td:nth-child(odd) p {background:var(--gray-light);}
.am-attributes td:nth-child(even)::before,.am-attributes td:nth-child(even) p {background:#fff;}

.vergleichs-tabelle-mobil {display:flex;margin-left:20px;}
.vergleichs-tabelle {display:none;}
.vergleichs-tabelle-mobil .fs-grid-meta-1 {text-align:right;}
.vergleichs-tabelle-mobil .uk-h5 {text-align:center;}
.vergleichs-tabelle-mobil [id^="page"] .fs-load-more-item:nth-child(odd) .fs-grid-fieldset {background:#f5f5f5;}
.vergleichs-tabelle-mobil [id^="page"] .fs-load-more-item:nth-child(even) .fs-grid-fieldset {background:#ffffff;}
.vergleichs-tabelle-mobil .fs-grid-fieldset {background:transparent;}
.fs-grid-nested-1 {margin-top:5px !important;}

.attributes,.attributes tbody,.attributes tr,.attributes th,.attributes td {display:block;width:100%;text-align:left;}
.attributes tr {margin-bottom:0;border:1px solid #ddd;overflow:hidden;}
.attributes th {border-right:none;border-bottom:1px solid #ddd;}
.attributes td {border-bottom:none;}

.haberstroh-video,.haberstroh-video .uk-container,.haberstroh-video .uk-flex,.haberstroh-video .uk-flex-1 {width:100%;max-width:100%;min-width:0;}
.haberstroh-video video {display:block;width:100% !important;max-width:100% !important;height:auto !important;}
}

@media (max-width:516px) {.uk-heading-xlarge {
  font-size: 3rem;}}