.hidden {
    display:none !important;
}
.konfigurator-container {
    background-color: #0A0118;
    display: flex;
    flex-direction: column;
    column-gap: 20px;
    width:1024px;
}
#konfigurator-options {
    background-color: #0A0118;
    display: flex;
    flex-direction: column;;
    color: white;
    padding: 10px;
    font-size: 1rem;
}
#konfigurator-options a {
    margin-top: 10px;
}
.konfigurator-option {
    display: flex;
    margin-bottom: 20px;
}
.konfigurator-option p {
    margin: 5px;
}
#konfigurator {
    background-color: #0A0118;
    position: relative;
    flex-grow: 1;
}
.manifold-element {
    color: gray;
}
.manifold-element img {
    transform-origin: top left;
    /* IE 10+, Firefox, etc. */
    -webkit-transform-origin: top left;
    /* Chrome */
    -ms-transform-origin: top left;
    /* IE 9 */
}
.connection-element {
    position: absolute;
    z-index: 50;
    background-color: #0A0118;
    border: solid #FF7FC2 2px;
    border-radius: 100%;
    box-shadow: 0 0 5px 1px white;
    transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.connection-element:hover {
    cursor: pointer;
    background-color: #FF7FC2;
    border-color: white;
    box-shadow: 0 0 10px 2px white;
}
.manifold-element-option-container {
    color: #9B96B0;
    z-index: 55;
    background-color: #2b2338 !important;
    padding: 4px 15px 4px 15px;
    border-radius: 4px;
}
.manifold-element-option {
    padding: 2px 6px 2px 6px;
    border-radius: 5%;
    border-bottom: solid gray 1px;
}
.manifold-element-option:hover {
    cursor: pointer;
    color: white;
    background-color: #FF7FC2;
}
.manifold-element.rotate90 img {
    transform: rotate(90deg) translateY(-100%);
    -webkit-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
}
.manifold-element.rotate180 img {
    transform: rotate(180deg) translate(-100%, -100%);
    -webkit-transform: rotate(180deg) translate(-100%, -100%);
    -ms-transform: rotate(180deg) translateX(-100%, -100%);
}
.manifold-element.rotate270 img {
    transform: rotate(270deg) translateX(-100%);
    -webkit-transform: rotate(270deg) translateX(-100%);
    -ms-transform: rotate(270deg) translateX(-100%);
}