.p-n {
    position: relative;
    margin-bottom: -2em;
    left: calc(100% + 5.5em);
    width: calc(100vw - 148%);
}
.temp-product-main-order {
    padding: 3em 0 0 0;
}
.order-item .product {
    box-shadow: none;
    background-color: transparent;
}
.next-step {
    top: 3em;
    left: 0;
    right: 0;
    z-index: 4;
    width: 100%;
    bottom: auto;
    position: sticky;
    background-color: #ffffff;
}
.next-step.product {
    display: none;
    background-color: #ffffff;
}
.temp-product-details .detail {
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    position: relative;
    border-bottom: 1px solid #ebeaea;
    background: url(/load/images/i-e-g.svg) no-repeat scroll right 0;
}
.temp-product-details .detail.to-edit {
    background: none !important;
}
.temp-product-details .detail.active {
    background: url(/load/images/i-e-r.svg) no-repeat scroll right 0;
}
.temp-product-details .detail .d {
    color: #cbcbcb;
    max-width: calc(100% - 1.5em);
}
.temp-product-details .detail.active b {
    color: #e23022;
}
.temp-product-details .detail.active .d,
.temp-product-details .detail.to-edit .d {
    color: #817474;
}
.temp-product-details .detail .design-item {
    border: 1px solid #ebeaea;
}
.temp-product-details .detail .info-button {
    margin: 0;
}
.temp-product-details .detail .b {
    top: 0;
    right: 0;
    z-index: 2;
    width: 22px;
    height: 22px;
    display: none;
    position: absolute;
}
.temp-product-details .detail.to-edit .b {
    padding: 0;
    display: block;
    cursor: pointer;
    background: url(/load/images/i-e-b.svg) no-repeat transparent;
}
.temp-product-details .detail.to-edit .b:hover {
    background: url(/load/images/i-e-r.svg) no-repeat transparent;
}
.temp-product-option {
    grid-gap: 1em;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 270px));
}
.temp-product-option .button {
    min-height: 180px;
    position: relative;
    border: 2px solid #ffffff;
    background-color: #ffffff;
}
.temp-product-option .button b {
    padding: 1em;
    display: block;
    text-align: center;
    text-transform: unset;
    font-family: 'PlutoSansRegular';
}
.temp-product-option .button img {
    margin: 0 auto;
}
.temp-product-option .button:hover,
.temp-product-option .button.selected {
    border: 2px solid #e23022;
}
/* Price Table */
body.using-mouse .temp-product-prices {
    outline: none !important;
}
.temp-product-prices.focused {
    outline: 1px solid #e23022 !important;
}
.temp-product-prices table {
    width: 100%;
    border: none;
    border-spacing: 0;
    table-layout: fixed;
    border-collapse: separate;
}
.temp-product-prices table td {
    background-color: #ffffff;
    border-left: 1px solid #ebeaea;
}
.temp-product-prices table .tr-0 td {
    background-color: #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.temp-product-prices table .tr-1 td {
    background-color: #ebeaea;
    border-top: 1px solid #ebeaea;
    border-right: 1px solid #ebeaea;
    border-bottom: 1px solid #ebeaea;
}
.temp-product-prices table .tr-th-1 td {
    padding: 1em 0;
    text-align: center;
}
.temp-product-prices table .tr-th-1 td b {
    display: block;
}
.temp-product-prices table .tr-th-1 td div {
    color: #817474;
}
.temp-product-prices table .tr-th-2 td {
    height: 40px;
    text-transform: uppercase;
    background-color: #ebeaea;
}
.temp-product-prices table .tr-th-2 td div {
    width: 50%;
    text-align: right;
    padding: 0 2.75em 0 0;
    display: inline-block;
}
.temp-product-prices table .price-td,
.temp-product-prices table .charge-td {
    height: 40px;
}
.temp-product-prices table td.empty-td,
.temp-product-prices table td.charge-td {
    width: 140px;
    border-left: 0;
    text-align: right;
    padding: 0 1.5em 0 0;
}
.temp-product-prices table .charge-td {
    position: relative;
}
.temp-product-prices table .charge-td div {
    font-size: var(--t3);
    display: inline-block;
}
.temp-product-prices table .price-td div {
    width: 50%;
    text-align: right;
    font-size: var(--t3);
    padding: 0 1.5em 0 0;
    display: inline-block;
}
.temp-product-prices table .price-td div.taxexcl {
    color: #808080;
}
.temp-product-prices table .price-td div.taxincl {
    color: #817474;
    font-weight: 500;
    font-family: 'PlutoSansMedium';
}
.temp-product-prices table .charge-td.td-true {
    font-weight: 500;
    font-family: 'PlutoSansMedium';
}
.temp-product-prices table .price-td.td-true {
    border: 1px solid #e23022;
    background-color: #e23022;
}
.temp-product-prices table .price-td:hover {
    border: 1px solid #e23022;
}
.temp-product-prices table td.price-td.focused {
    border: 1px solid #e23022;
}
.temp-product-prices table .price-td.td-true div {
    color: #ffffff !important;
}
.temp-product-prices table td.delay img.info {
    top: 2px;
    position: relative;
    display: inline-block;
}
/* Own Format */
.temp-product-option .button .form {
    top: 100%;
    width: 100%;
    z-index: 1;
    display: none;
    padding: 1.25em;
    text-align: center;
    position: absolute;
    margin: 1.15em 0 0 0;
    background-color: #ffffff;
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2);
}
.temp-product-option .button .form::before {
    width: 0;
    height: 0;
    top: -20px;
    z-index: 1;
    content: '';
    padding: 4px 0 0 0;
    position: absolute;
    left: calc(50% - 24px);
    border-bottom: 20px solid #ffffff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}
.temp-product-option .button .form input,
.temp-product-option .button .form button {
    display: block;
}
.temp-product-option .button .form input {
    width: 100%;
    padding: 0 1em;
    position: relative;
}
.temp-product-option .button .form button {
    float: right;
    min-height: unset;
    background-color: #e23022;
    border: 1px solid #e23022;
}
.temp-product-option .button .form div {
    margin: 1em 0;
    position: relative;
}
.temp-product-option .button .form div::after {
    top: 0;
    right: 0;
    width: 3em;
    height: 3em;
    content: 'mm';
    line-height: 3em;
    position: absolute;
}
/* Folding */
.temp-product-option.folding {
    grid-template-columns: 100%;
}
.temp-product-option.folding .group {
    width: 100%;
    grid-gap: 1em;
    display: grid;
    position: relative;
    padding-left: calc((100% - 2em)/3 + 1em);
    grid-template-columns: repeat(auto-fit, minmax(270px, 270px));
}
.temp-product-option.folding .group .button img {
    margin: 0 auto;
}
.temp-product-option.folding .group .group-name {
    position: absolute;
    width: calc((100% - 2em)/3);
}
.temp-product-option.folding .group .group-name b {
    z-index: 1;
    top: -2em;
    position: relative;
    margin: 0 0 -2em;
    width: 100%;
    display: flex;
    align-items: end;
    text-transform: none;
    justify-content: start;
}
/* TIPP */
.form-tooltip-trigger {
    top: 1em;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
    left: calc(100% - 20px - 1em);
}
.form-tooltip-trigger.special {
    top: 0;
    left: auto;
    margin: 0 .5em;
    position: relative;
}
.tooltip {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 1em;
    opacity: 0.8;
    display: none;
    color: #ffffff;
    position: absolute;
    background-color: #191515;
    font-size: var(--t2) !important;
}
.tooltip.special {
    left: auto;
    right: auto;
    opacity: 1;
    width: auto;
    padding: .5em 1em;
    height: fit-content;
    height: -moz-fit-content;
}
.tooltip.show-1,
.tooltip.show-2 {
    display: block;
}
.tooltip.show,
.tooltip.touch {
    display: -moz-box;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-align: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tooltip.special.show,
.tooltip.special.touch {
    display: inline-block;
}
/* Download Block */
.info_screen_table_1,
.info_screen_table_1_close,
.info_screen_table_2,
.info_screen_table_2_close {
}
.info_screen_table_1 td,
.info_screen_table_1_close td,
.info_screen_table_2 td,
.info_screen_table_2_close td {
    font-size: 10px;
}
.td-close-1 {
    background: #fafafa;
    border: 1px solid #191515 !important;
    background: -o-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: -ms-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: linear-gradient(to right, #fafafa 0%,#ebeaea 100%);
    background: -moz-linear-gradient(left, #fafafa 0%, #ebeaea 100%);
    background: -webkit-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(100%,#ebeaea));
}
.td-close-2 {
    background: #fafafa;
    border: 1px solid #191515 !important;
    background: -o-linear-gradient(top, #fafafa 0%,#ebeaea 100%);
    background: -ms-linear-gradient(top, #fafafa 0%,#ebeaea 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#ebeaea 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #ebeaea 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#ebeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ebeaea));
}
.info_screen_table_1_td_1 {
    padding: 0 0 2px 0;
    text-align: center;
    background: #fafafa;
    vertical-align: bottom;
    border: 1px solid #191515 !important;
    background: -o-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: -ms-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: linear-gradient(to right, #fafafa 0%,#ebeaea 100%);
    background: -moz-linear-gradient(left, #fafafa 0%, #ebeaea 100%);
    background: -webkit-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(100%,#ebeaea));
}
.info_screen_table_1_td_2 {
    width: 25px;
    font-weight: bold;
    padding: 0 0 0 2px;
    text-align: center;
    vertical-align: middle;
    border: none !important;
}
.info_screen_table_1_td_3 {
    font-weight: bold;
    padding: 2px 0 0 0;
    text-align: center;
    vertical-align: top;
    border: none !important;
}
.info_screen_table_1_td_4 {
    padding: 2px;
    text-align: center;
    background: #fafafa;
    vertical-align: bottom;
    border-top: 1px solid #191515 !important;
    border-bottom: 1px solid #191515 !important;
    background: -o-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: -ms-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: linear-gradient(to right, #fafafa 0%,#ebeaea 100%);
    background: -moz-linear-gradient(left, #fafafa 0%, #ebeaea 100%);
    background: -webkit-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(100%,#ebeaea));
}
.info_screen_table_1_td_5 {
    padding: 2px;
    text-align: center;
    background: #fafafa;
    vertical-align: bottom;
    border: 1px solid #191515 !important;
    background: -o-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: -ms-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: linear-gradient(to right, #fafafa 0%,#ebeaea 100%);
    background: -moz-linear-gradient(left, #fafafa 0%, #ebeaea 100%);
    background: -webkit-linear-gradient(left, #fafafa 0%,#ebeaea 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(100%,#ebeaea));
}
.info_screen_table_1_td_6-left {
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    background-color: #fafafa;
    border-left: 1px solid #191515 !important;
}
.info_screen_table_1_td_6-right {
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    background-color: #fafafa;
    border-right: 1px solid #191515 !important;
}
.info_screen_table_1_td_7 {
    padding: 2px;
    height: 18px;
    text-align: center;
    background: #ebeaea;
    vertical-align: middle;
    border-top: 1px solid #191515 !important;
    border-left: 1px solid #191515 !important;
    border-right: 1px solid #191515 !important;
    background: linear-gradient(to bottom, #ebeaea 0%,#fafafa 100%);
    background: -moz-linear-gradient(top, #ebeaea 0%, #fafafa 100%);
    background: -webkit-linear-gradient(top, #ebeaea 0%,#fafafa 100%);
}
.info_screen_table_1_td_8 {
    padding: 2px;
    height: 18px;
    text-align: center;
    background: #fafafa;
    vertical-align: middle;
    border-left: 1px solid #191515 !important;
    border-right: 1px solid #191515 !important;
    border-bottom: 1px solid #191515 !important;
    background: linear-gradient(to bottom, #fafafa 0%,#ebeaea 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #ebeaea 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#ebeaea 100%);
}
.info_screen_table_1_td_9 {
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}
.td-top-none {
    border-top: none !important;
}
#td_dashed-1-none,
.td_dashed-1-none {
    border-left: none !important;
}
#td_dashed-1,
.td_dashed-1 {
    border-right: 1px dashed #191515 !important;
}
.td_dashed-bottom {
    border-bottom: 1px dashed #191515 !important;
}
#td_dashed-all {
    vertical-align: middle;
    border: 1px dashed #191515 !important;
}
.info_screen_table_2_td_1 {
    text-align: right;
    padding: 0 2px 0 0;
    background: #fafafa;
    vertical-align: middle;
    border: 1px solid #191515 !important;
    background: linear-gradient(to bottom, #fafafa 0%,#ebeaea 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #ebeaea 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#ebeaea 100%);
}
.info_screen_table_2_td_2 {
    text-align: left;
    font-weight: bold;
    padding: 0 0 0 2px;
    vertical-align: middle;
    border: none !important;
}
.info_screen_table_2_td_3 {
    text-align: center;
    font-weight: bold;
    padding: 2px 0 0 0;
    vertical-align: top;
    border: none !important;
}
#td_dashed-2-none {
    border-top: none !important;
}
#td_dashed-2 {
    border-bottom: 1px dashed #191515 !important;
}
.price-details {
    margin: 1em 0;
}
.next-step .shop-button {
    background: none;
    position: relative;
    border: 2px solid #e23022;
}
.next-step .next-button-1 {
    width: 100%;
    margin-bottom: .5em;
    background-color: #e23022;
}
.next-step .next-button-2 {
    width: 100%;
    color: #e23022;
    margin-top: .5em;
    background-color: #ffffff;
}
.next-step .next-button-1::after,
.next-step .next-button-2::after {
    width: 24px;
    content: '';
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    left: calc(100% - 2em);
    background-repeat: no-repeat;
    background-position: center center;
}
.next-step .next-button-1::after {
    background-image: url(/load/images/arrow-w.svg);
}
.next-step .next-button-2::after {
    background-image: url(/load/images/arrow-r.svg);
}
.next-step .next-button-1:hover {
    color: #191515 !important;
    text-decoration: none !important;
}
.next-step .next-button-2:hover {
    color: #191515 !important;
    text-decoration: none !important;
}
.next-step .next-button-1:hover::after,
.next-step .next-button-2:hover::after {
    background-image:  url(/load/images/arrow-b.svg);
}
@media only screen and (max-width: 88em) { /* bis 1408 px */
}
@media only screen and (max-width: 82em) { /* bis 1312 px */
    .temp-product-option {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .temp-product-prices table .tr-th-2 td div {
        padding: 0 .5em 0 0;
    }
}
@media only screen and (max-width: 71em) { /* bis 1136 px */
    .temp-product-prices table td.empty-td,
    .temp-product-prices table td.charge-td {
        width: 120px;
        padding: 0 .5em 0 0;
    }
    .temp-product-prices table .price-td div {
        padding: 0 .5em 0 0;
    }
}
@media only screen and (max-width: 63.9375em) { /* bis 1023 px */
    .p-n {
        left: 0;
        width: 100%;
        margin-bottom: 1em;
        position: relative;
    }
    .temp-product-main-order {
        padding: 0;
    }
    .next-step {
        top: auto;
        bottom: 0;
        padding: 2em;
        position: fixed;
        border-top: 1px solid #cccccc;
    }
}
@media only screen and (max-width: 47.9375em) { /* bis 767 px */
    form button,
    .shop-button {
        padding: 0 1.5em 0 0.25em;
        background: url(/load/images/arrow-next-back-2.svg) no-repeat calc(100% - 0.5em) 50% #e23022;
    }
    form button:hover,
    .shop-button:hover {
        background: url(/load/images/arrow-next-back-3.svg) no-repeat calc(100% - .5em) 50% #e23022;
    }
    .order-item .l,
    .order-item .r {
        padding: 2em 1.5em 0;
    }
    .next-step .next-button-1,
    .next-step .next-button-2 {
        display: block;
        background: none;
    }
    .next-step .next-button-2 {
        padding-left: 0;
    }
    .next-step .next-button-1,
    .next-step .next-button-1:hover {
        background-color: #e23022 !important;
    }
    .next-step .next-button-2,
    .next-step .next-button-2:hover {
        background-color: transparent !important;
    }
    .price-details {
        margin: 0;
    }
    .order-item .product {
        display: none;
    }
    .temp-product-details .detail {
        padding: 1em;
        left: -1.5em;
        right: -1.5em;
        min-height: 70px;
        width: calc(100% + 3em);
        background-color: #ffffff;
        border-bottom: 1px solid #f5f5f5;
    }
    .temp-product-details .detail.to-edit .b {
        top: 1em;
        right: 1em;
        background: url(/load/images/i-o.svg) no-repeat transparent;
    }
    .temp-product-details .detail {
        background: url(/load/images/i-e-g.svg) no-repeat scroll calc(100% - .75em) 1em;
    }
    .temp-product-details .detail.active {
        background: url(/load/images/i-e-r.svg) no-repeat scroll calc(100% - .75em) 1em;
    }
    .temp-product-details .detail.to-edit::before {
        background: none;
        border-left: none;
    }
    .temp-product-option {
        grid-template-columns: 1fr 1fr;
    }
    .temp-product-main-order {
        padding: 0;
    }
    .active .temp-product-option {
        padding: 1.5em;
        background-color: #f5f5f5;
        margin: 1.5em -1.5em 2em -1.5em;
    }
    .temp-product-option .button .form {
        padding: 0.75em;
    }
    .temp-product-prices {
        padding: 0;
        box-shadow: none;
        background-color: transparent;
    }
    .temp-product-prices table {
        margin: 1.5em 0;
    }
    .temp-product-prices table .tr-th-1 td b {
        display: inline-block;
    }
    .temp-product-prices table td {
        display: none;
    }
    .temp-product-prices table td.empty-td,
    .temp-product-prices table td.charge-td,
    .temp-product-prices table td.td-to-show {
        width: 60%;
        float: left;
        height: 48px;
        display: block;
        line-height: 48px;
    }
    .temp-product-prices table .tr-th-1 td.empty-td {
        display: none;
    }
    .temp-product-prices table td.empty-td,
    .temp-product-prices table td.charge-td {
        width: 40% !important;
    }
    .temp-product-prices table .tr-th-1 td.delay {
        height: 48px;
        opacity: 0.5;
        padding: 0 1em;
        color: #f5f5f5;
        text-align: left;
        line-height: 48px;
        margin-bottom: 1em;
        position: relative;
        display: table-caption;
        background-color: #ffffff;
        border: 1px solid #191515;
        width: calc(100vw - 3em) !important;
    }
    .temp-product-prices table .tr-th-1 td.delay img {
        margin: 0.5em 0;
        display: inline-block;
    }
    .temp-product-prices table .tr-th-1 td.delay b {
        color: #191515;
        padding: 0 1em;
        position: absolute;
        display: inline-block;
    }
    .temp-product-prices table .tr-th-1 td.delay div {
        right: 2em;
        color: #f5f5f5;
        line-height: 48px;
        position: absolute;
        display: inline-block;
    }
    .temp-product-prices table .tr-th-1 td.delay div img {
        margin: 0 0 0 1em;
    }
    .temp-product-prices table .tr-th-1 td.delay.selected div {
        color: #191515;
    }
    .temp-product-prices table .tr-th-1 td.selected {
        opacity: 1;
        color: #191515;
        background-color: #ffffff;
        border: 1px solid #e23022;
    }
    .temp-product-prices table .tr-th-1 td.delay:hover {
        opacity: 1;
        border: 1px solid #e23022;
    }
    .temp-product-prices table .tr-th-2 td:first-child {
        border-top-left-radius: 2px;
    }
    .temp-product-prices table .tr-th-2 td:last-child {
        border-top-right-radius: 2px;
    }
    .temp-product-prices table tr:last-child td:first-child {
        border-bottom-left-radius: 2px;
    }
    .temp-product-prices table tr:last-child td:last-child {
        border-bottom-right-radius: 2px;
    }
    .temp-product-prices table .price-td.td-true {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .temp-product-prices table .charge-td.td-true {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .temp-product-prices table tbody {
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    }
}