*:focus{
	outline:none
}

#outlinePanel li span:not(.minus):not(.plus) {
    /*padding: 2px;*/
    display: inline-block;
    /*text-overflow: ellipsis;*/
    white-space: nowrap;
    /*overflow: hidden;*/
    width: 80%;
    /*background-color: red;*/

}

#outlinePanel li span.minus:before {
    font-family: "Courier New", Serif;
    font-weight: 700;
    content: "[-]";
    /*background: red;*/
    text-align: center;
    margin: 0 4px 0 0;
    width: 24px;
    float: left;
}

#outlinePanel li span.plus:before {
    font-family: "Courier New", Serif;
    font-weight: 700;
    content: "[+] ";
    /*background: red;*/
    text-align: center;
    margin: 0 4px 0 0;
    width: 24px;
    float: left;
}

#outlinePanel span.bookmarkListSpacer {
    /*margin-left: 4px;*/
    padding-left: 5px;
}


/* unsorted */

html {
    overflow: hidden;
}



.SideBarContainer {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: calc(100% - 45px);
    display: none;
    z-index: 5;
}

.content_wrapper {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 0;
    border-left: 1px solid black;
    /*border-left: solid black 1px;*/
    /*box-shadow: 0 -10px 15px black;*/
    /*box-shadow: 10px 0 10px -10px black;*/

}

.wrap-click {
    position: absolute;
    top: 1px;
    right: 2px;
    background: #fff;
    cursor: pointer;
    border: solid grey 1px;
}

.sidebar_right {
    display: none;
    background: #fff;
    width: 400px;
    height: calc(100vh - 45px);
    padding: 10px;
}

.signalGreen {
    height: 10px;
    width: 10px;
    background: #00ff00;

    float: left;
}

.signalYellow {
    height: 10px;
    width: 10px;
    background: #ffff00;

    float: left;
}

.signalRed {
    height: 10px;
    width: 10px;
    background: #ff0000;

    float: left;
}

.containerDivNewLine {
    clear: both;
}

.sidebar_right {
    font: normal 12px Arial;
}

.sidebar_right h1 {
    font-size: 16px;
}

#articleAvailabilityTable {
    /*border-top: 1px solid black;*/
    margin-top: 10px;
    margin-bottom: 10px;
    width: 98%;
}

.tableCellMarginBottom {
    margin-bottom: 100px;
}

.cartStatusTable {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 98%;
    border-top: 1px solid black;
    border-bottom: 1px solid black
}

#formAddToCartInput {
    text-align: center;
    width: 50px;
}

#cartAvailable {
    display: block;
}

#uploadArea {
    margin-top: 50px;
    height: 100px;
    width: 300px;
    /*background-color: red;*/
    border: 2px dashed darkgrey;
    border-radius: 10px;
}

.view-cart {
    z-index: 15;
}

#btnSideToggle {
    margin-left: 200px;
}

#logo-container {
    z-index: 40;
    height: 44px;
    width: 156px;
    position: absolute;
    top: 0;
    background-color: transparent;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTQyLjc0NHB4IiBoZWlnaHQ9IjI4LjcxMnB4IiB2aWV3Qm94PSItMjI2Ljk3NCA0MTYuOTY0IDE0Mi43NDQgMjguNzEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yMjYuOTc0IDQxNi45NjQgMTQyLjc0NCAyOC43MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3R5bGUwe2ZpbGw6CSNGRkZGRkY7fTwvc3R5bGU+PHBhdGggZD0iTS0xMzAuNjc5IDQzNi44MTZ2LTYuMjk2YzAtMi4zOTMgMS40MS0zLjkxIDMuOTgxLTQuMjVjMS4wMi0wLjEzOSAxLjUzMy0wLjAzNCAyLjEgMC4xIGwtMC4wMDEtNC4yNjVjLTMuNjk0IDAtNS40NDQgMC45MzEtNi4yMzQgMy41NDNoLTAuMDZ2LTIuOTg4aC01LjM5djE0LjE5M0wtMTMwLjY3OSA0MzYuOCIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0tMTAyLjUzNSA0MzIuMjU2YzAuOTg2IDQuMSA1IDUuMyAxMC4xIDUuMjc1YzMuOTk0IDAgOC4yMzUtMS40NjMgOC4yMzUtNS4zNzggYzAtNS45MjItMTIuMTQ5LTMuNjc0LTEyLjE0OS02LjEyMmMwLTAuOTU0IDEuODQ5LTEuMjAzIDIuNzYtMS4yMDNjMC43NzIgMCAyIDAuMiAyLjQgMC41IGMwLjM4NiAwLjMgMC45IDAuNiAwLjkgMS4yMjVoNS4zODRjLTAuOTYtMy4wNi00LjM5Ny00LjczLTguNDc5LTQuNzNjLTQuOTM1IDAtOC44MTUgMS41NjItOC44MTUgNS4yIGMwIDUuNiAxMi4xIDMuNCAxMi4xIDYuMDU3YzAgMS4xMS0xLjkyNCAxLjM3OS0zLjEzIDEuMzI4Yy0wLjgxOC0wLjAzNS0xLjg3MS0wLjE3MS0yLjY1NC0wLjcxMyBjLTAuNDc1LTAuMjM5LTAuOTUtMC45MTQtMS4wNTQtMS41SC0xMDIuNTM1IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTS0xOTAuMTE1IDQyMi42ODl2Ny43OTRjLTAuMDExIDEuNzM5LTEuMTU4IDMuNDE0LTMuMjQ0IDMuNCBjLTIuMDc4IDAtMy4yNTMtMS42OTgtMy4yNTMtMy41NjV2LTcuNjQzbC01LjY2MyAwLjAwOHY4LjMzMmMwIDQuMSAzLjUgNi40IDYuOSA2LjM2NGMyLjAzOCAwIDMuODgtMC43MTQgNS4zMTYtMi4xNDVoMC4wNiB2MS42MDNoNS41MTF2LTE0LjE2MUgtMTkwLjExNSIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0tMTEwLjczNSA0MjIuNTgxdjcuNzk0Yy0wLjAxIDEuNzM5LTEuMTU4IDMuNDEyLTMuMjQ0IDMuNDEyYy0yLjA3NCAwLTMuMjUtMS42OTktMy4yNS0zLjU2NiB2LTcuNjRsLTUuNjU2LTAuMDIzbC0wLjAwOSA4LjM1OGMwIDQuMiAzLjUgNi40IDYuOSA2LjM2N2MyLjA0IDAgMy44ODEtMC43MTMgNS4zMTktMi4xNDhoMC4wNTd2MS42MDRoNS41MTF2LTE0LjE1OSBILTExMC43MzUiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNLTExMC43MzUgNDIyLjU4MXY3Ljc5NGMtMC4wMSAxLjczOS0xLjE1OCAzLjQxMi0zLjI0NCAzLjQxMmMtMi4wNzQgMC0zLjI1LTEuNjk5LTMuMjUtMy41NjYgdi03LjY0bC01LjY1Ni0wLjAyM2wtMC4wMDkgOC4zNThjMCA0LjIgMy41IDYuNCA2LjkgNi4zNjdjMi4wNCAwIDMuODgxLTAuNzEzIDUuMzE5LTIuMTQ4aDAuMDU3djEuNjA0aDUuNTExdi0xNC4xNTkgSC0xMTAuNzM1IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTS0yMjYuOTUxIDQ0NS42NzZoMTQxLjg5N3YtMi42NDRoLTE0MS44OTdWNDQ1LjY3NnoiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNLTE3MS4yOTcgNDMzLjg3M2MtMi4zOSAwLTQuMzI4LTEuODcyLTQuMzI4LTQuMTgyYzAtMi4zMTEgMS45MzgtNC4xODQgNC4zMjgtNC4xODQgYzIuMzkgMCA0LjMgMS45IDQuMyA0LjE4NEMtMTY2Ljk3MSA0MzIuMDAxLTE2OC45MDcgNDMzLjg3My0xNzEuMjk3IDQzMy45IE0tMTY3LjI0NyA0MTcuMDMzdjYuNjA0IGMtMS40MzQtMS4zMTYtMy42NTUtMS42ODYtNS42MzctMS42ODZjLTUuOTc4IDAuMDk1LTguODA3IDQuNi04LjgwNyA4LjAwM2MwIDQuOCA1LjIgNy41IDguOSA3LjUgYzIuNDU3IDAgNC42MzYtMC43MzQgNS42NjEtMi4yMzZoMC4wNjZ2MS43MTVoNS41NzR2LTE5Ljk0MUgtMTY3LjI0NyIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0tMTUyLjU3NiA0MjguMDAzYzAuMjYxLTEuNjcyIDEuNjA2LTIuOTk1IDMuNzA0LTIuOTk1YzIuMDU2IDAgMy40IDEuMyAzLjcgMyBILTE1Mi41NzYgTS0xNDguNzY5IDQyMS45MzNjLTUuODQyIDAtMTAuMDQ2IDIuNzU4LTEwLjA0NiA4LjA2NGMwIDUgNC43IDcuNiAxMCA3LjU3M2MzLjk5IDAgNy43MTEtMS41MDEgOS4yNDQtNC43NjkgaC01LjU5OWMtMC43MjkgMS4yNi0yLjEyNSAxLjU3OS0zLjU3NSAxLjU3OWMtMi4yNzkgMC0zLjY5My0xLjIwOC0zLjkwNi0zLjM4M2gxMy42NjggQy0xMzguNDM2IDQyNi45MTYtMTQxLjIxNiA0MjEuOTMzLTE0OC43NjkgNDIxLjkiIGNsYXNzPSJzdHlsZTAiLz48cGF0aCBkPSJNLTIxNi4xMjcgNDMzLjIwNmgtNC44NzV2LTQuNjk5aDYuMjc0YzIuMjY0IDAgMy4yIDAuOCAzLjIgMi41IEMtMjExLjU2OSA0MzIuNTI2LTIxMi40OTkgNDMzLjIwNi0yMTYuMTI3IDQzMy4yIE0tMjIxLjAwMiA0MjAuODE2aDUuODIxYzIuNDkyIDAgMy4xIDAuNyAzLjEgMS45IGMwIDEuMjQ5LTAuNjM1IDIuMjU4LTMuMTI4IDIuMjU4aC01LjgyMVY0MjAuODE2eiBNLTIwOS43MTcgNDI2LjM4NmMtMC4wNSAwLjAwOC0wLjA5NSAwLjAyNC0wLjE0NiAwLjAzNGwwLjAyNy0wLjA1NiBDLTIwOS43OTUgNDI2LjM2OC0yMDkuNzU5IDQyNi4zODEtMjA5LjcxNyA0MjYuMzg2YzIuNjAxLTAuNDcxIDQuMjYtMi4yMiA0LjA3NC00Ljc1NGMtMC4xMzUtMS44NTUtMC45ODYtNC44MjgtOC43MTEtNC42NjEgaC0xMi42MTl2MjAuMDY5bDE0LjIxOS0wLjAyNmM1LjU4MSAwLjEgNy45NjItMi44NTcgNy45NzUtNS43NjFDLTIwNC43NjkgNDI4Ljc2Ny0yMDYuNjg1IDQyNi43OTktMjA5LjcxNyA0MjYuNCIgY2xhc3M9InN0eWxlMCIvPjwvc3ZnPg==");
    background-position: center;
    background-size: 73.856%;
    cursor: pointer;
}

#logo-container.dark-theme {
    background-color: #000;
}

#logo-container.light-theme {
    background-color: #002d59;
}

.articleTextShortFont {
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
}

.dokumentDownload a {
    color: #1b3054;
    text-decoration: none;
}

.erpLink {
    outline: 1px dashed #777;
    border: 4px dashed transparent;
    height: 70px;
    width: auto;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
    margin-top: 5px;
    margin-right: 20px;
}

.btnControlNew {
    border: none;
    background: none;
    margin: 6px 0 0 10px;
}

.btnControlNew img {
    width: 30px;
    height: 30px;
}

.btn_cart_delete {
    border: none;
    background: none;
    cursor: pointer;
    padding: 10px 0 0 0;

}

.btn_cart_delete img {
    width: 30px;
    height: 30px;

}

.btnMarginRight {
    margin-right: 10px;
}

.btnOpacity {
    opacity: 0.6;
}

.leftbtn {
    width: 30px;
}

#meldung{
	z-index: 200;
}

.meldung_invisible {
    font-family: "Buderus Catalog Medium", sans-serif;
    font-size: 1.6em;
    text-align: center;
    -webkit-box-shadow: 0px 0px 48px 36px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0px 0px 48px 36px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 48px 36px rgba(255, 255, 255, 0.7);
    position: relative;
    line-height: 60px;
    top: calc(50vh - 25px);
    left: calc(50vw - 250px);
    height: 60px;
    width: 500px;
    background: #002d59;
    color: white;
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;

    -webkit-transition-timing-function: linear;
    transition-property: opacity;
    transition-duration: 0.3s;

    transition-timing-function: linear;
    border-radius: 30px;
    pointer-events: none;
}

.meldung_visible {
    font-family: "Buderus Catalog Medium", sans-serif;
    font-size: 1.6em;
    text-align: center;
    -webkit-box-shadow: 0px 0px 48px 36px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0px 0px 48px 36px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 48px 36px rgba(255, 255, 255, 0.7);
    position: relative;
    line-height: 60px;
    top: calc(50vh - 25px);
    left: calc(50vw - 250px);
    height: 60px;
    width: 500px;
    background: #002d59;
    color: white;
    opacity: 1;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;

    -webkit-transition-timing-function: linear;
    transition-property: opacity;
    transition-duration: 0.3s;

    transition-timing-function: linear;
    border-radius: 30px;
    pointer-events: none;
}