/* Minification failed. Returning unminified contents.
(110,30): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay-primary-active'
(143,22): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay-secondary-hover'
(147,22): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay-secondary-active'
(172,34): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hint-info'
(178,10): run-time error CSS1035: Expected colon, found '150%'
 */




/* ####################################################################################################
                                        alle ViewPorts
   ####################################################################################################
*/

/*  --------------------------------------------------------------
                                allgemein
    --------------------------------------------------------------
*/
.dud-margin-top {
    margin-top: 10px;
}

.dud-margin-bottom {
    margin-bottom: 10px;
}

.dud-tablecol-minwidth {
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-width: 50%;
}

.dud-tablecol-stretch {
    width: 100%;
}

.dud-tablecol-auto {
    width: auto;
}

.dud-table-fixed {
    table-layout: fixed;
}

.center-div {
    margin: 0 auto;
    width: 100px;
}

.outer-div {
    text-align: center;
}

.inner-div {
    /*display: inline-block;*/
}

.abstract {
    color: #2C353C;
    font-style: italic;
    margin-left: 2rem !important;
    display: block;
    flex-flow: column;
    color: #a8adaf;
    font-size: smaller;
    margin-bottom: 0.205rem;
}

.checkbox-placeholder {
    width: 20px;
    height: 0;
    visibility: hidden;
}

.invisiblefocus::selection {
    background: transparent;
}

#cc-folder-views-content {
    box-sizing: content-box !important;
}

td.preview {
    text-align: center;
}

td.preview img.mini-loader {
    height: 20px;
    background-color: transparent;
}

td.preview img.preview {
    z-index: 1;
    position: relative;
    height: 50px;
    width: auto;
    background: transparent;
    /* SCALE */
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    /* VERZÖGERUNG */
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

td.preview:hover img.preview {
    z-index: 99;
    border-radius: 0px;
    box-shadow: 0 0 5px var(--color-overlay-primary-active);
    background: white;
    /* SCALE */
    -webkit-transform: scale(5.0) translateX(40%);
    -moz-transform: scale(5.0) translateX(40%);
    -ms-transform: scale(5.0) translateX(40%);
    -o-transform: scale(5.0) translateX(40%);
    transform: scale(5.0) translateX(40%);
}

.table tr td.overflow, .table tr th.overflow {
    overflow: visible;
}

td.preview button {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

td.preview div.load-preview {
    border-radius: 5px;
    width: 23px;
    height: 19px;
    display: inline-block;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

td.preview div.load-preview:hover {
    background: var(--color-overlay-secondary-hover);
}

td.preview div.load-preview:active {
    background: var(--color-overlay-secondary-active);
}

td.preview button span[class^="icons"] {
    float: left;
}

td.preview button span[class="text"] {
    margin-left: 28px;
    display: block;
    hyphens: none;
    top: 2px;
}

.tooltip {
    position: relative;
    /*display: inline-block;
    border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

.tooltip .tooltip-text {
    visibility: hidden;
    z-index: 1;
    background-color: white;
    color: black;
    box-shadow: 1px 1px 2px var(--color-background-hint-info);
    text-align: center;
    font-size: 107%;
    font-weight: 400;
    position: absolute;
    width: max-content;
    left 150%;
    top: -10px; /* Compensate for padding */
    padding: 10px 10px;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
}

/*
    Componsate every href jump to an anchor for the height of the navigation bar wrapper
*/
div.doctype-headline > div > a[id]::before,
#hw-sw-version::before
{
    content: "";
    display: block;
    height: 108px;
    margin: -108px 0 0;
}

    /*  --------------------------------------------------------------
                        Dokument-Tab 
    --------------------------------------------------------------
*/
    /*.documenttype-group-container {
    display: flex;
    flex-direction: column;*/
    /*border: 3px solid blue;*/
    /*}*/
    .icon-text-docref {
    margin-left: 2rem !important;
    margin-bottom: 1rem;
    display: inline-block;
    flex-flow: column;
}



.document-name-correctionsheet {
    margin-top: 0.5rem;
    font-size: medium;
    padding-top: 1rem;
    display: flex;
    align-items: start;
}

    .document-name-correctionsheet label {
        margin-left: 10px;
        display: inline !important;
    }

.document-name {
    border-top: grey 1px solid;
    margin-top: 0.5rem;
    font-size: medium;
    padding-top: 1rem;
    display: flex;
    align-items: start;
}

    .document-name input {
        float: left;
        width: auto;
        margin-top: 0.4rem;
    }

    .document-name label {
        margin-left: 10px;
        display: inline !important;
    }

#flyout-label {
    padding: 5px 5px;
    margin-right: 10px;
    cursor: pointer;
}

    #flyout-label ~ span {
        vertical-align: top;
    }

#flyout-input {
    display: none;
}

#flyout-menu {
    position: relative;
    display: block
}
.alternativeQueriesItemText:before {
    margin-right: -10px !important;
}

/*  --------------------------------------------------------------
                            CAD-Tab 
        --------------------------------------------------------------
*/
#sticky-block {
    width: 500px;
    padding-left: 15px;
}

.cad-spec-tablecol {
    width: 300px;
}


/*  --------------------------------------------------------------
                            Produktdaten-Tab 
    --------------------------------------------------------------
*/

fieldset > .block, fieldset > .unit {
    padding: 0 10px;
}

/* ####################################################################################################
                                        Viewport > 1024 (iPad Pro / Desktop)
   ####################################################################################################
*/
@media screen and (min-width: 1024px) {
    /*  --------------------------------------------------------------
                            Dokument-Tab 
      --------------------------------------------------------------
    */
    #flyout-label {
        display: none;
    }

        #flyout-label ~ span {
            display: none;
        }

    /*enhält eine einzelne Dokument Referenz */
    .document-reference {
        display: inline;
        vertical-align: top;
    }

    /*  --------------------------------------------------------------
                            CAD-Tab 
        --------------------------------------------------------------
    */
    .sticky {
        position: fixed;
        top: 5px;
        height: 0;
    }
}

/* ####################################################################################################
                                        Viewport bis 1023 (Tablet-Größe)
   ####################################################################################################
*/
@media screen and (max-width: 1023px) {
    /*  --------------------------------------------------------------
                                allgemein
        --------------------------------------------------------------
    */
    .size1of1-bp40 {
        margin-bottom: 10px;
    }

    /*  --------------------------------------------------------------
                            Dokument-Tab 
        --------------------------------------------------------------
    */
    .icons-jump-label-red-reg {
        width: 0;
        height: 0;
    }

    #flyout-input:not(checked) ~ div > #flyout-menu {
        display: none;
    }

    #flyout-input:checked ~ div > #flyout-menu {
        display: block;
    }

    .dokupaket-list {
        margin-bottom: -5px;
    }

    /*enhält eine einzelne Dokument Referenz */
    .document-reference {
        display: inline;
        vertical-align: top;
    }

    /*  --------------------------------------------------------------
                            CAD-Tab 
        --------------------------------------------------------------
    */
    .sticky {
        position: fixed;
        top: 5px;
        height: 0;
    }
}

/* ####################################################################################################
                                        Viewport bis 900 (Smartphone-Größe)
   ####################################################################################################
*/
@media screen and (max-width: 900px) {
    /*  --------------------------------------------------------------
                                allgemein
        --------------------------------------------------------------
    */
    .size1of1-bp30 {
        margin-bottom: 10px;
    }

    .download-filter label {
        width: 100%;
    }

    .tohide {
        display: none;
    }

    /*  --------------------------------------------------------------
                            Dokument-Tab 
        --------------------------------------------------------------
    */
    .icons-jump-label-red-reg {
        width: 0;
        height: 0;
    }

    #flyout-input:not(checked) ~ div > #flyout-menu {
        display: none;
    }

    #flyout-input:checked ~ div > #flyout-menu {
        display: block;
    }

    /*enhält eine einzelne Dokument Referenz */
    .document-reference {
        display: block;
        vertical-align: top;
    }

    .icon-text-docref {
        display: block;
        flex-flow: column;
    }

    /*  --------------------------------------------------------------
                            Produktdaten-Tab 
        --------------------------------------------------------------
    */
    #qrCode {
        display: none;
    }

    .dokupaket-list {
        margin-bottom: -5px;
    }

    /*  --------------------------------------------------------------
                            CAD-Tab 
        --------------------------------------------------------------
    */
    #cad-spec-result {
        margin-right: 0;
    }

    #sticky-block {
        width: 500px;
        padding-left: 15px;
    }

    .cad-spec-tablecol {
        width: 50%;
    }
}