.elementor-kit-7537{--e-global-color-primary:#2B2E37;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#EE6C4E;--e-global-color-2a9f9ba:#F8F9F9;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7537 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7537 a{font-family:"Staatliches", Sans-serif;}.elementor-kit-7537 h2{font-family:"Staatliches", Sans-serif;}.elementor-kit-7537 h3{font-family:"Staatliches", Sans-serif;}.elementor-kit-7537 h4{font-family:"Staatliches", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   TECHNISCHE TABELLEN – GLOBAL
   Elementor / WordPress
   ========================================= */

/* -----------------------------------------
   Tabellen-Wrapper
   ----------------------------------------- */

.spec-table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    padding: 0 10px;
    box-sizing: border-box;
}


/* -----------------------------------------
   Tabelle
   ----------------------------------------- */

.spec-table {
    width: max-content;
    min-width: 1200px;
    border-collapse: collapse;
    font-size: 14px;
}


/* -----------------------------------------
   Tabellenzellen
   ----------------------------------------- */

.spec-table th,
.spec-table td {
    border: 1px solid #e1e1e1;
    padding: 10px 12px;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}


/* -----------------------------------------
   Tabellenkopf
   ----------------------------------------- */

.spec-table th {
    background: #f5f5f5;
    font-weight: 600;
}


/* -----------------------------------------
   ERSTE SPALTE – STICKY
   ----------------------------------------- */

.spec-table td:first-child,
.spec-table th:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 3;

    /* Breite der fixierten ersten Spalte */
    width: 180px;
    min-width: 180px;
    max-width: 220px;

    /* Lange Bezeichnungen dürfen umbrechen */
    white-space: normal;

    /* Bessere Lesbarkeit */
    text-align: left;

    box-sizing: border-box;

    /* Sichtbare Trennung vom horizontal scrollenden Bereich */
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.08);
}


/* Erste Spalte im Tabellenkopf */

.spec-table th:first-child {
    background: #f5f5f5;
    z-index: 4;
}


/* -----------------------------------------
   HOVER
   ----------------------------------------- */

.spec-table tbody tr:hover {
    background: #f9f9f9;
}

.spec-table tbody tr:hover td:first-child {
    background: #f0f0f0;
}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width: 768px) {

    .spec-table-wrapper {
        width: 100%;
        max-width: 100%;
        overflow-x: auto !important;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;

        padding: 0 14px;
        box-sizing: border-box;
    }

    .spec-table {
        min-width: 1250px;
        font-size: 14px;
    }

    /* Erste Spalte auf mobilen Geräten */
    .spec-table td:first-child,
    .spec-table th:first-child {
        width: 180px;
        min-width: 180px;
        max-width: 200px;

        white-space: normal;
        text-align: left;
    }
}


/* =========================================
   ELEMENTOR TABS + SAFARI
   Horizontalen Tabellen-Scroll erlauben
   ========================================= */

.elementor-tabs-wrapper,
.elementor-tab-content,
.elementor-tabs-content-wrapper {
    overflow: visible;
}


/* =========================================
   SCROLLBAR
   ========================================= */

.spec-table-wrapper {
    scrollbar-color: #999 #eee;
}

/* ==========================================
   AGELTECH – Breadcrumb
   Rechtsbündig unter dem Hero-Bild
   ========================================== */

/* Äußerer Breadcrumb-Container */
.ast-breadcrumbs-wrapper {
    width: 100%;
    text-align: right;
    margin-left: 0;
    margin-right: 0;

    /* 50px Hero-Abstand teilweise ausgleichen */
    margin-top: -35px;

    /* Abstand zum linken/rechten Seitenrand */
    padding-left: 30px;
    padding-right: 30px;

    box-sizing: border-box;
}

/* Innerer Bereich des Breadcrumbs */
.ast-breadcrumbs-inner {
    width: 100%;
    text-align: right;
}

/* Eigentliche Breadcrumb-Navigation */
.ast-breadcrumbs {
    text-align: right;
}

/* ==========================================
   AGELTECH – Breadcrumb Mobile
   Anpassung für Smartphones
   ========================================== */
@media (max-width: 767px) {

    .ast-breadcrumbs-wrapper {
        /* Kein negativer Abstand auf Mobile */
        margin-top: 0;

        /* Abstand zum Hero-Bild */
        padding-top: 10px;

        /* Abstand zum Bildschirmrand */
        padding-left: 20px;
        padding-right: 20px;

        /* Rechtsbündig */
        text-align: right;

        box-sizing: border-box;
    }

    .ast-breadcrumbs-inner {
        width: 100%;
        text-align: right;
    }

    .ast-breadcrumbs {
        text-align: right;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-display: auto;
	src: url('https://ageltech.de/wp-content/uploads/2026/08/Roboto-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Staatliches';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://ageltech.de/wp-content/uploads/2026/08/Staatliches-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */