/* Responsive SVG */
.mkt-diagramm__svg {
    position: relative;
    max-width: 100%;
    height: auto; /* You can set a max-height if you want */
    display: block;
    /* If you want to keep the SVG's aspect ratio as it scales down */
    preserveAspectRatio: xMidYMid meet;
}
.mkt-diagramm {
    position: relative;
}
.mkt-diagramm table {
    border-spacing: 0;
}
.mkt-diagramm table tr:nth-child(2n+1) {
	color: #000;
}
.mkt-diagramm table tr:nth-child(2n) {
	color: #000;
}
.mkt-diagramm table tr:nth-child(2n) {
	background-color: #FFF;
}
.mkt-diagramm table tr:nth-child(2n+1) {
	background-color: #FFF;
}
.mkt-diagramm .td-viscoh-logo {
	max-width: 140px;
}
.mkt-diagramm__background {
    position: absolute;
    z-index: -1;
}
.popup {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #000;
    z-index: 999;
    white-space: nowrap;
}
.mkt-diagramm__diagramm--name {
    cursor: pointer;
}
.mkt-diagramm__wrapper {
    position: relative;
    /* border: 1px solid black; */
}
.mkt-diagramm__diagramm--name {
    color: red;
}
.mkt-diagramm__diagramm--name.mkt-diagramm__diagramm--active {
    color: green;
}
.mkt-diagramm__diagramm-group--title {
    font-weight: 600;
    cursor: pointer;
    position: relative;
}
.mkt-diagramm__diagramm-group--content {
    display: none;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.mkt-diagramm__diagramm-group--content.active {
    display: block;
    max-height: 200px; /* Set the maximum height as needed */
}
.mkt-diagramm__diagramm-group--title::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000 transparent transparent transparent;
    transition: transform 0.3s ease-out;
}
.mkt-diagramm__diagramm-group--title.opened::after {
    transform: rotate(180deg);
}
.mkt-diagramm__svg--text {
	font-size: 15px !important;
    /* fill: #555555;
    font-family: 'Verdana',sans; */
}
.mkt-diagramm__wrapper,
.mkt-diagramm__diagramm-group-wrapper.mkt-diagramm__diagramm-group-wrapper--bottom,
.mkt-diagramm__diagramm-group-wrapper.mkt-diagramm__diagramm-group-wrapper--left {
    margin-bottom: 30px;
}

/* Add some basic styling for the tooltip */
.tooltip {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 0;
    font-size: 12px;
}
/* #test2 .row {
    display: block;
}
#test2 .row > div {
    width: 100% !important;
}
#test2 .mkt-diagramm .row > div {
    padding-left: 0;
    padding-right: 0;
} */

.mkt-diagramm__diagramm-group {
    background: #ff9a01;
    margin-bottom: 10px;
}
.mkt-diagramm__diagramm-group--title {
    padding: 5px 10px;
}
.mkt-diagramm__diagramm-group--content {
    padding: 5px 10px;
    background: #ffca79;
}
/* TABLE */
.mkt-dtable__data .hidden {
    display: none;
}
.mkt-dtable__data .strong {
    font-weight: 600;
}
.mkt-dtable__wrapper {
    display: flex;
}
.mkt-dtable__sliding {
    /* overflow-x: auto; */
    overflow-x: scroll;
    width: 100%;
}
.mkt-dtable .viscoh {
    background: #FCE4D6;
}
.mkt-dtable td {
    height: 55px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.2;
    padding: 1px 4px;
}
.mkt-dtable {
    width: auto;
    /* width: 100%; */
    /* border-collapse: collapse; */
    border-collapse: separate;
    overflow-x: auto;
    table-layout: fixed;
}
.mkt-dtable.mkt-dtable__legend tr td:first-child {
    width: 194px;
}
.mkt-dtable.mkt-dtable__legend tr td:last-child {
    width: 58px;
}
.mkt-dtable.mkt-dtable__legend {
    width: 252px;
    /* margin-bottom: 17px; */
}
.mkt-dtable.mkt-dtable__legend tr td:nth-child(2) {
    text-align: center;
}

.mkt-dtable.mkt-dtable__data td {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    word-wrap: break-word;
    text-align: center;
}
.mkt-dtable.mkt-dtable__data tr:first-child td:first-child,
.mkt-dtable.mkt-dtable__data tr:first-child td:nth-child(2) {
    font-weight: 600;
}
/* .mkt-dtable.mkt-dtable__data tr:first-child td:nth-child(2), */
.mkt-dtable.mkt-dtable__data tr:first-child td:first-child {
    font-weight: 600;
}
/* .mkt-dtable.mkt-dtable__data td:nth-child(2), */
.mkt-dtable.mkt-dtable__data td:first-child {
    width: 100px;
    background-color: #f2f2f2;
    z-index: 1;
    max-width: 100px;
    min-width: 100px;
}
@media only screen and (min-width:1300px) {
    /* .mkt-dtable.mkt-dtable__data td:nth-child(2), */
    .mkt-dtable.mkt-dtable__data td:first-child {
        position: sticky;
        left: 0;
    }

    /* .mkt-dtable.mkt-dtable__data td:nth-child(2) {
        left: 100px;
    } */
}
/* DEBUG */
#test1 .mkt-diagramm__diagramm-group {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.mkt-diagramm .col-left {
    /* width: 18%; */
}
.mkt-diagramm .col-right {
    width: 0%;
    display: none;
}
.mkt-diagramm .col-middle {
    /* width: 82%; */
    padding-right: 0;
}
/* .mkt-diagramm__wrapper {
    display: none;
} */
.mkt-matrix__table td {
    border: 1px solid transparent;
}
/* DEBUG */
/* Matrix */
.mkt-matrix__wrapper.mkt-diagramm__tab {
    flex-wrap: wrap;
}
.dt-table-header {
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
    font-size: 23px;
}
.td-text-rotate-90 span {
    /* white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: 74px 85px;
    height: 20px;
    width: 100px;
    position: absolute;
    display: block; */
}
.td-product-group {
    height: 200px;
    vertical-align: middle;
    /* text-align: center; */
    width: 21%;
}
.td-text-rotate-90 {
    width: 26px;
    vertical-align: middle;
    padding: 0;
}
.td-center {
    text-align: center;
}
.td-center.td-text-desc {
    padding: 0;
    font-weight: 600;
}
.td-product-group-5,
.td-product-group-7,
.td-product-group-1 {
    border-right: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
}
.td-product-group-6,
.td-product-group-8,
.td-product-group-2 {
    border-bottom: 1px solid #000 !important;
}
.td-product-group-9,
.td-product-group-3 {
    border-right: 1px solid #000 !important;
}
.td-product-group-1,
.td-product-group-2,
.td-product-group-3,
.td-product-group-4 {
    text-align: center;
}
.td-separator.td-separator-left {
    border-right: 4px solid #000;
}
.td-text-rotate-90, .td-text-desc {
    color: #999;
}
.mkt-matrix__table .hidden {
    display: none;
}
.desktop-fixed,
.legend-td {
    /* border: 1px solid #000; */
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}
.sliding-td {
    border-top: 1px solid #000;
    border-right: 1px solid #000;

}
.legend-td-top .legend-td.legend-td-second,
.legend-td-top .legend-td.legend-td-first {
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
}
.sliding-td tr:last-child td {
    border-bottom: 1px solid #000;
}
.tr-14 td {
    border-bottom: 1px solid #000;
}
.mkt-dtable__sliding {
    /* border-right: 1px solid #000; */
}
table.mkt-dtable {
	margin-bottom: 0;
}
/* .mkt-dtable__data tbody tr td:nth-child(2) { */
.mkt-dtable__data tbody tr td:first-child {
    border-right: 1px solid #000;
}
/* .legend-td-rowspan-top {
    vertical-align: bottom !important;
    border-bottom: 1px solid #fff;
}
.legend-td-rowspan-bottom {
    border-top: 1px solid #fff;
} */
/* /matrix */
.mkt-diagramm__tab {
    display: none;
}
.td-center.td-kunde {
    font-size: 30px;
}
.td-viscoh-logo {
    max-width: 140px;
}
/* Tabs */
.mkt-diagramm__tab.active {
    display: flex;
}
.mkt-diargramm-tabs {
    cursor: pointer;
    padding-right: 10px;
    color: red;
}
.mkt-diargramm-tabs.active {
    color: green;
}
.mkt-diargramm-tabs__wrapper.col-82 {
    display: flex;
    justify-content: space-between;
}
/* /Tabs */
/* PDF */
.generate-pdf {
    cursor: pointer;
}
.mkt-diargramm-tabs__wrapper input.generate-pdf:active,
.mkt-diargramm-tabs__wrapper input.generate-pdf:hover,
.mkt-diargramm-tabs__wrapper input.generate-pdf {
	background-color: #ff9a01;
	padding: 5px 20px;
	letter-spacing: 0;
}
.mkt-diagramm .col-middle {
    padding-right: 0 !important;
}
@media only screen and (max-width:767px) {
    .mkt-diagramm__wrapper {
        margin-left: -26px;
        margin-right: -26px;
    }
    .mkt-diargramm-tabs {
        white-space: nowrap;
        font-size: 16px;
    }
}
@media only screen and (max-width:999px) {
    .mkt-diagramm .col-1,
    .mkt-diagramm .col-2,
    .mkt-diagramm .col-3,
    .mkt-diagramm .col-4
    .mkt-diagramm .col-5,
    .mkt-diagramm .col-6,
    .mkt-diagramm .col-7,
    .mkt-diagramm .col-8,
    .mkt-diagramm .col-9,
    .mkt-diagramm .col-10,
    .mkt-diagramm .col-11,
    .mkt-diagramm .col-12 {
        width: 100%;
    }
    .mkt-diagramm .col-18,
    .mkt-diagramm .col-82 {
        width: 100%;
    }

    .mkt-diagramm__svg--text {
        font-size: 20px !important;
    }

    .mkt-diagramm__diagramm-group {
        width: 50%;
        float: left;
        /* border-right: 2px solid #fff; */
    }
    .mkt-diagramm__diagramm-group-wrapper > div:nth-child(2n+1) {
        border-right: 2px solid #fff;
    }
    .mkt-diagramm__diagramm-group-wrapper > div:nth-child(2n) {
        border-left: 2px solid #fff;
    }
    .mkt-diagramm__diagramm-group-wrapper::after {
        content: "";
        display: table;
        clear: both;
    }
    .mkt-diagramm__diagramm-group-wrapper .mkt-diagramm__diagramm-group:nth-child(2n+1) {
        clear: both;
    }
    /* Mobile */
    .mkt-dtable td {
        font-size: 11px;
    }
    .mkt-dtable.mkt-dtable__legend tr td:first-child {
        width: 146px;
    }
    .mkt-dtable.mkt-dtable__legend tr td:last-child {
        width: 33px;
    }
    .mkt-dtable td {
        height: 44px;
    }
    .mkt-dtable.mkt-dtable__data td {
        width: 130px;
        max-width: 130px;
        min-width: 130px;
    }
    .mkt-matrix__table.first tr td:nth-child(4),
    .mkt-matrix__table.first tr td:nth-child(5),
    .mkt-matrix__table.first tr td:nth-child(6),
    .mkt-matrix__table.first tr td:nth-child(7),
    .mkt-matrix__table.first tr td:nth-child(8) {
        display: none;
    }
    .mkt-matrix__table.second tr td:nth-child(5),
    .mkt-matrix__table.second tr td:nth-child(4),
    .mkt-matrix__table.second tr td:nth-child(3),
    .mkt-matrix__table.second tr td:nth-child(2),
    .mkt-matrix__table.second tr td:first-child {
        display: none;
    }
    .td-product-group--product {
        font-size: 11px;
    }
    .td-product-group {
        width: 48%;
    }
    .td-text-rotate-90 {
        padding: 0;
    }
    .dt-table-header.second {
        display: none;
    }
    .td-separator.td-separator-left {
        border-right: none;
    }
    .td-product-group.td-product-group-2 {
        width: 47%;
    }
    .legend-td-second {
        border-right: 1px solid #000;
    }
    .mkt-diagramm {
        overflow-x: hidden;
    }
    .legend-td.td-2-1.legend-td-rowspan-bottom.legend-td-second,
    .legend-td.td-2-0.legend-td-rowspan-bottom.legend-td-first {
        display: none;
    }

}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:768px) and (max-width:999px) {
    /* .mkt-dtable.mkt-dtable__legend .tr-2 {
        position: absolute;
        visibility: hidden;
    } */

}
@media only screen and (min-width:1000px) {
    .mkt-dtable.mkt-dtable__legend {
        margin-bottom: 17px;
    }
    .mkt-diagramm .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mkt-diagramm .row > div:first-child {
        padding-left: 0;
    }
    .mkt-diagramm .row > div:last-child {
        padding-right: 0;
    }
    .mkt-diagramm.mkt-diagramm-test .row {
        display: flex;
    }
    .mkt-diagramm .col-1 {
        width: 8.333333%;
    }
    .mkt-diagramm .col-2 {
        width: 16.666666%;
    }
    .mkt-diagramm .col-3 {
        width: 25%;
    }
    .mkt-diagramm .col-4 {
        width: 33.333333%;
    }
    .mkt-diagramm .col-5 {
        width: 41.666666%;
    }
    .mkt-diagramm .col-6 {
        width: 50%;
    }
    .mkt-diagramm .col-7 {
        width: 58.333333%;
    }
    .mkt-diagramm .col-8 {
        width: 66.666666%;
    }
    .mkt-diagramm .col-9 {
        width: 75%;
    }
    .mkt-diagramm .col-10 {
        width: 83.333333%;
    }
    .mkt-diagramm .col-11 {
        width: 91.666666%;
    }
    .mkt-diagramm .col-12 {
        width: 100%;
    }
    .mkt-diagramm .col-22 {
        width: 22%;
    }
    .mkt-diagramm .col-66 {
        width: 66%;
    }
    .mkt-diagramm .col-18 {
        width: 18%;
    }
    .mkt-diagramm .col-82 {
        width: 82%;
    }

}
/* Windows 11 Firefox specific styles */
@-moz-document url-prefix() {
    @supports (-moz-appearance:none) {
        /* Add your styles here */
        .mkt-dtable.mkt-dtable__legend {
            margin-bottom: 0 !important;
        }
    }
}
.desktop-fixed:not(.tr-first-column) {
    display: none;
}
@-moz-document url-prefix() {
    .mkt-dtable.mkt-dtable__legend {
        margin-bottom: 0 !important;
    }
}
.mkt-dtable.mkt-dtable__data tbody tr:nth-last-child(2) td,
.mkt-dtable mkt-dtable__data tbody tr:last-child td,
.mkt-dtable.mkt-dtable__legend tbody tr:last-child td {
	border-bottom: 1px solid #e2e2e2;
}
/* .mkt-diagramm__wrapper.stuck {
    position:fixed; bottom:0
} */
footer {
	z-index: 2;
	position: relative;
}
/* .mkt-diagramm__wrapper.mkt-diagramm__tab {
	position: sticky;
	top: 60px;
} */
.diagramm-content-sticky {
    position: sticky;
	top: 90px;
}
.mkt-diargramm-tabs__wrapper {
	display: flex;
}
.mkt-diargramm-tabs__wrapper > div:first-child {
    flex: 1;
}