/* TECHNIK-Depot Ratgeber-Basis 2026
   Gilt nur fuer Blog-Detailseiten. Bestehende Artikelinhalte bleiben erhalten. */

.is--ctl-blog.is--act-detail .content-main {
    max-width: 1280px;
}

@media screen and (min-width: 768px) {
    .is--ctl-blog.is--act-detail .sidebar-main {
        display: none;
    }

    .is--ctl-blog.is--act-detail .sidebar-main + .content--wrapper,
    .is--ctl-blog.is--act-detail .content--wrapper {
        margin-left: 0;
        width: 100%;
    }
}

.is--ctl-blog.is--act-detail .blog--detail {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.is--ctl-blog.is--act-detail .blog--detail-content {
    width: 100%;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.is--ctl-blog.is--act-detail .blog--detail-header {
    margin: 0 0 24px;
    padding: 34px 40px 28px;
    border: 1px solid #dde3df;
    border-radius: 14px;
    background: #fff;
}

.is--ctl-blog.is--act-detail .blog--detail-headline {
    max-width: 980px;
    margin: 0 0 12px;
    color: #131816;
    font-family: Manrope, 'Open Sans', 'Segoe UI', Arial, sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -.025em;
}

.is--ctl-blog.is--act-detail .blog--box-metadata {
    color: #66736c;
    font-size: 12px;
    line-height: 1.5;
}

.is--ctl-blog.is--act-detail .blog--metadata,
.is--ctl-blog.is--act-detail .blog--metadata a {
    color: #66736c;
}

.is--ctl-blog.is--act-detail .blog--detail-box-content {
    padding: 0;
    background: transparent;
}

.is--ctl-blog.is--act-detail .blog--detail-description {
    color: #39443f;
    font-family: Manrope, 'Open Sans', 'Segoe UI', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

.is--ctl-blog.is--act-detail .blog--detail-description > h2,
.is--ctl-blog.is--act-detail .blog--detail-description > h3,
.is--ctl-blog.is--act-detail .blog--detail-description > h4,
.is--ctl-blog.is--act-detail .blog--detail-description > p,
.is--ctl-blog.is--act-detail .blog--detail-description > ul,
.is--ctl-blog.is--act-detail .blog--detail-description > ol,
.is--ctl-blog.is--act-detail .blog--detail-description > blockquote,
.is--ctl-blog.is--act-detail .blog--detail-description > table,
.is--ctl-blog.is--act-detail .blog--detail-description > .image-wrapper {
    margin-right: 0;
    margin-left: 0;
}

.is--ctl-blog.is--act-detail .blog--detail-description > h2 {
    margin-top: 36px;
    margin-bottom: 14px;
    color: #131816;
    font-size: 26px;
    line-height: 1.2;
}

.is--ctl-blog.is--act-detail .blog--detail-description > h3 {
    margin-top: 28px;
    margin-bottom: 10px;
    color: #131816;
    font-size: 20px;
    line-height: 1.3;
}

.is--ctl-blog.is--act-detail .blog--detail-description > h4 {
    margin-top: 24px;
    margin-bottom: 8px;
    color: #131816;
    font-size: 16px;
    line-height: 1.35;
}

.is--ctl-blog.is--act-detail .blog--detail-description p,
.is--ctl-blog.is--act-detail .blog--detail-description li {
    color: #39443f;
}

.is--ctl-blog.is--act-detail .blog--detail-description a {
    color: #245c45;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.is--ctl-blog.is--act-detail .blog--detail-description a:hover,
.is--ctl-blog.is--act-detail .blog--detail-description a:focus {
    color: #131816;
}

.is--ctl-blog.is--act-detail .blog--detail-image-container {
    margin: 0 0 28px;
}

.is--ctl-blog.is--act-detail .blog--detail-images {
    width: 100%;
}

.is--ctl-blog.is--act-detail .blog--image {
    max-width: 100%;
    height: auto;
    border: 1px solid #dde3df;
    border-radius: 10px;
    background: #f6f8f6;
}

.is--ctl-blog.is--act-detail .blog--detail-description > p > img,
.is--ctl-blog.is--act-detail .blog--detail-description > p > a > img,
.is--ctl-blog.is--act-detail .blog--detail-description .image-wrapper img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.is--ctl-blog.is--act-detail .blog--detail-description blockquote {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 20px 22px;
    border-left: 4px solid #2f7658;
    border-radius: 0 8px 8px 0;
    color: #39443f;
    background: #f6f8f6;
}

.is--ctl-blog.is--act-detail .blog--detail-description table {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 28px;
    border-collapse: collapse;
    border: 1px solid #dde3df;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    font-size: 13px;
}

.is--ctl-blog.is--act-detail .blog--detail-description table th,
.is--ctl-blog.is--act-detail .blog--detail-description table td {
    padding: 14px 12px;
    border-right: 1px solid #dde3df;
    border-bottom: 1px solid #dde3df;
    color: #39443f;
    text-align: left;
    vertical-align: top;
}

.is--ctl-blog.is--act-detail .blog--detail-description table th {
    color: #131816;
    background: #eef3f0;
    font-weight: 800;
}

.is--ctl-blog.is--act-detail .blog--detail-description table tr:nth-child(even) td {
    background: #f8faf9;
}

.is--ctl-blog.is--act-detail .blog--detail-description table th:last-child,
.is--ctl-blog.is--act-detail .blog--detail-description table td:last-child {
    border-right: 0;
}

.is--ctl-blog.is--act-detail .blog--detail-description table tr:last-child th,
.is--ctl-blog.is--act-detail .blog--detail-description table tr:last-child td {
    border-bottom: 0;
}

.is--ctl-blog.is--act-detail .blog--detail-description iframe {
    max-width: 100%;
}

.is--ctl-blog.is--act-detail .blog--detail-description p iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 260px;
    margin: 0 0 16px;
    border: 0;
    border-radius: 8px;
    background: #131816;
}

.is--ctl-blog.is--act-detail .blog--detail-tags {
    margin-top: 32px;
    padding: 18px 20px;
    border: 1px solid #dde3df;
    border-radius: 8px;
    background: #f6f8f6;
}

.is--ctl-blog.is--act-detail .blog--detail-tags,
.is--ctl-blog.is--act-detail .blog--detail-tags a {
    color: #39443f;
}

.is--ctl-blog.is--act-detail .blog--comments-wrapper,
.is--ctl-blog.is--act-detail .blog--crossselling {
    margin-top: 32px;
}

.is--ctl-blog.is--act-detail .blog--comments,
.is--ctl-blog.is--act-detail .blog--crossselling .panel--body {
    border-color: #dde3df;
    border-radius: 10px;
    background: #fff;
}

@media screen and (max-width: 767px) {
    .is--ctl-blog.is--act-detail .blog--detail-header {
        margin-right: 12px;
        margin-left: 12px;
        padding: 24px 20px 20px;
    }

    .is--ctl-blog.is--act-detail .blog--detail-headline {
        font-size: 27px;
    }

    .is--ctl-blog.is--act-detail .blog--detail-description {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 14px;
    }

    .is--ctl-blog.is--act-detail .blog--detail-description > h2 {
        font-size: 23px;
    }

    .is--ctl-blog.is--act-detail .blog--detail-description > h3 {
        font-size: 18px;
    }

    .is--ctl-blog.is--act-detail .blog--detail-description table {
        font-size: 12px;
    }

    .is--ctl-blog.is--act-detail .blog--detail-description table th,
    .is--ctl-blog.is--act-detail .blog--detail-description table td {
        padding: 11px 9px;
    }

    .is--ctl-blog.is--act-detail .blog--detail-description p iframe {
        min-height: 0;
    }

    .is--ctl-blog.is--act-detail .blog--detail-tags,
    .is--ctl-blog.is--act-detail .blog--comments-wrapper,
    .is--ctl-blog.is--act-detail .blog--crossselling {
        margin-right: 12px;
        margin-left: 12px;
    }
}


/* Audit-Korrekturen 06.10.2026: alte Blog-Inline-Styles ------------------
   Ziel: Kontrast, mobile Lesbarkeit und visuelle Vereinheitlichung.
   Bewusst nur auf Blog-Detailseiten und nur auf bekannte Altwerte. */

/* Alte AL-KO-/Template-Gruens: #4caf50 mit weisser Schrift ist fuer normalen
   Text zu kontrastarm. Auf das dunklere Marken-Gruen wechseln. */
.is--ctl-blog.is--act-detail .blog--detail-description [style*="background: #4caf50"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="background:#4caf50"] {
    background: #2f7658 !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description [style*="border-bottom: 3px solid #4caf50"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="border-bottom:3px solid #4caf50"] {
    border-bottom-color: #2f7658 !important;
}

/* Tabellen bekommen ein einheitliches, WCAG-AA-konformes Erscheinungsbild.
   Inline-Farben werden hier absichtlich ueberstimmt. */
.is--ctl-blog.is--act-detail .blog--detail-description table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description table thead,
.is--ctl-blog.is--act-detail .blog--detail-description table thead tr {
    background: #39443f !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description table thead th,
.is--ctl-blog.is--act-detail .blog--detail-description table thead td {
    color: #fff !important;
    background: #39443f !important;
    font-weight: 800 !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description table tbody th {
    color: #131816 !important;
    background: #eef3f0 !important;
    font-weight: 800 !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description table tbody td {
    color: #39443f;
}

/* Alte Erfolgs-/Fehlerfarben: dunklere Varianten fuer sicheren Kontrast. */
.is--ctl-blog.is--act-detail .blog--detail-description [style*="color: #2e7d32"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="color:#2e7d32"] {
    color: #245c45 !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description [style*="color: #e53935"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="color:#e53935"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="color: #b71c1c"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="color:#b71c1c"] {
    color: #8f2d25 !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description [style*="color: #ff9800"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="color:#ff9800"] {
    color: #8a6100 !important;
}

/* Alte Abschnitte mit #f9f9f9 bleiben hell, werden aber an die Theme-
   Oberflaeche angeglichen. */
.is--ctl-blog.is--act-detail .blog--detail-description [style*="background: #f9f9f9"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="background:#f9f9f9"] {
    background: #f6f8f6 !important;
}

/* Veraltetes Blocksatz-Layout erzeugt auf schmalen Displays grosse Luecken. */
.is--ctl-blog.is--act-detail .blog--detail-description [style*="text-align: justify"],
.is--ctl-blog.is--act-detail .blog--detail-description [style*="text-align:justify"] {
    text-align: left !important;
}

/* Historische Bilder mit float/festen Pixelmassen wieder responsiv machen. */
.is--ctl-blog.is--act-detail .blog--detail-description img[style*="float:"] {
    float: none !important;
    display: block !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 18px auto !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description table[style*="width: 200px"],
.is--ctl-blog.is--act-detail .blog--detail-description table[style*="width:200px"] {
    width: 100% !important;
    height: auto !important;
}

/* Inline-CTA aus neueren Ratgeber-Templates auf das Markenbild ziehen. */
.is--ctl-blog.is--act-detail .blog--detail-description a[style*="display: inline-block"][style*="border: 1px solid"] {
    border-color: #c4cec8 !important;
    color: #245c45 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.is--ctl-blog.is--act-detail .blog--detail-description a[style*="display: inline-block"][style*="border: 1px solid"]:hover,
.is--ctl-blog.is--act-detail .blog--detail-description a[style*="display: inline-block"][style*="border: 1px solid"]:focus {
    border-color: #2f7658 !important;
    color: #fff !important;
    background: #2f7658 !important;
}

@media screen and (max-width: 767px) {
    .is--ctl-blog.is--act-detail .blog--detail-description table {
        font-size: 12px !important;
    }

    .is--ctl-blog.is--act-detail .blog--detail-description table th,
    .is--ctl-blog.is--act-detail .blog--detail-description table td {
        padding: 10px 8px !important;
    }

    .is--ctl-blog.is--act-detail .blog--detail-description [style*="height: 360px"] {
        height: 240px !important;
    }
}


/* Aktuelle SnowLine-Modelle in aelteren Schneefraesen-Ratgebern. */
.is--ctl-blog.is--act-detail .td-blog-product-links {
    margin: 32px 0 0;
    padding: 30px 32px;
    border: 1px solid #dde3df;
    border-radius: 14px;
    background: #f6f8f6;
}

.is--ctl-blog.is--act-detail .td-blog-product-links__eyebrow {
    margin: 0 0 7px;
    color: #245c45;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.is--ctl-blog.is--act-detail .td-blog-product-links h2 {
    margin: 0 0 10px;
    color: #131816;
    font-size: 25px;
    line-height: 1.2;
}

.is--ctl-blog.is--act-detail .td-blog-product-links__lead {
    max-width: 820px;
    margin: 0 0 22px;
    color: #39443f;
    line-height: 1.6;
}

.is--ctl-blog.is--act-detail .td-blog-current-models {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.is--ctl-blog.is--act-detail .td-blog-current-models > a {
    min-height: 144px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    border: 1px solid #c4cec8;
    border-radius: 8px;
    color: #39443f;
    background: #fff;
    text-decoration: none;
}

.is--ctl-blog.is--act-detail .td-blog-current-models > a:hover,
.is--ctl-blog.is--act-detail .td-blog-current-models > a:focus {
    border-color: #245c45;
    color: #131816;
    box-shadow: 0 0 0 2px rgba(36, 92, 69, .12);
}

.is--ctl-blog.is--act-detail .td-blog-current-models span {
    margin-bottom: 7px;
    color: #245c45;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.is--ctl-blog.is--act-detail .td-blog-current-models strong {
    display: block;
    margin-bottom: 8px;
    color: #131816;
    font-size: 16px;
    line-height: 1.35;
}

.is--ctl-blog.is--act-detail .td-blog-current-models small {
    display: block;
    margin-top: auto;
    color: #39443f;
    font-size: 12px;
    line-height: 1.5;
}

.is--ctl-blog.is--act-detail .td-blog-product-links__actions {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
}

.is--ctl-blog.is--act-detail .td-blog-product-links__button {
    min-height: 44px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #245c45;
    border-radius: 4px;
    color: #fff !important;
    background: #245c45;
    font-weight: 800;
    text-decoration: none !important;
}

.is--ctl-blog.is--act-detail .td-blog-product-links__button:hover,
.is--ctl-blog.is--act-detail .td-blog-product-links__button:focus {
    border-color: #131816;
    background: #131816;
}

.is--ctl-blog.is--act-detail .td-blog-product-links__text {
    color: #245c45 !important;
    font-weight: 800;
}

@media screen and (max-width: 767px) {
    .is--ctl-blog.is--act-detail .td-blog-product-links {
        margin: 26px 12px 0;
        padding: 22px 18px;
    }

    .is--ctl-blog.is--act-detail .td-blog-current-models {
        grid-template-columns: 1fr;
    }

    .is--ctl-blog.is--act-detail .td-blog-current-models > a {
        min-height: 0;
    }
}

.td-oil-conversion{margin:32px 0;padding:28px 32px;border:1px solid #dfe4e1;border-radius:6px;background:#f6f8f7}
.td-oil-conversion__head{max-width:820px;margin-bottom:18px}.td-oil-conversion__head p{margin:0 0 5px;color:#3f6556;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.td-oil-conversion__head h2{margin:0 0 8px;color:#171a18;font-size:24px;line-height:1.2}.td-oil-conversion__head span{color:#58635e;font-size:13px;line-height:1.55}.td-oil-conversion__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.td-oil-conversion__grid article{padding:18px 18px;border:1px solid #d9e0dc;border-radius:5px;background:#fff}.td-oil-conversion__grid strong{display:block;margin-bottom:6px;color:#171a18;font-size:16px;line-height:1.25}.td-oil-conversion__grid span{display:block;margin-bottom:12px;color:#58635e;font-size:12px;line-height:1.45}.td-oil-conversion__grid a{color:#315344;font-weight:800;text-decoration:none}.td-oil-conversion__grid a:hover,.td-oil-conversion__grid a:focus{text-decoration:underline}.td-oil-conversion__actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.td-oil-conversion__actions a{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3f6556;border-radius:4px;color:#315344;font-weight:800;text-decoration:none}.td-oil-conversion__actions a.is-primary{color:#fff;background:#2f7d5b;border-color:#2f7d5b}.td-oil-conversion__actions a:hover,.td-oil-conversion__actions a:focus{color:#fff;background:#256349;border-color:#256349}@media screen and (max-width:767px){.td-oil-conversion{margin:26px 0;padding:22px 18px}.td-oil-conversion__head h2{font-size:20px}.td-oil-conversion__grid{grid-template-columns:1fr}.td-oil-conversion__actions a{width:100%}}