.fn__schema {
	left: 100px;
}

#product_calculator > .row > .col-md-8 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (max-width:767px) {
    #product_calculator > .row > .col-md-8 {
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

#product_calculator_schema {
    transform: translate3d(0, 0, 0) !important
}

#product_calculator section {
    position: relative
}

#product_calculator section.tb_disabled:after {
    opacity: 0.7;
    background: #fff
}

#product_calculator header {
    position: relative;
    margin-bottom: 30px
}

#product_calculator header:after {
    content: '';
    display: table;
    clear: both
}

#product_calculator header ~ .btn-group,
#product_calculator header ~ .fn__toggle,
#product_calculator header ~ .fn__actions {
    position: absolute;
    top: 30px;
    right: 0
}

#product_calculator .fn_section_info {
    position: static;
    display: inline-block;
    float: right;
    float: none;
    margin: 0 10px;
    padding-top: 5px;
    cursor: help;
    vertical-align: top
}

#product_calculator .fn_section_info .dropdown-menu {
    margin-top: 10px
}

@media (min-width:768px) {
    #product_calculator .fn_section_info:hover .dropdown-menu {
        display: block;
        z-index: 50
    }
}

#product_calculator header h2 {
    float: left;
    margin-bottom: 0
}

@media (max-width:1024px) {
    #product_calculator h2 {
        font-size: 24px
    }
}

#product_calculator section:not(.tb_hidden) + section {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #aaa
}

#product_calculator legend .dropdown {
    position: static;
    display: inline-block;
    padding-bottom: 10px;
    vertical-align: top;
    cursor: help
}

#product_calculator legend .dropdown:after {
    margin-left: 4px
}

#product_calculator legend .dropdown-menu {
    font-size: 13px;
    font-weight: normal
}

#product_calculator .modal-header {
    color: #fff;
    background: #30abeb
}

#product_calculator .modal-title {
    font-size: 20px
}

#product_calculator_preview {
    position: relative;
    width: 100%;
	height: auto;
    margin-bottom: 100px;
}

#product_calculator_preview > * {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:1040px) {
    #product_calculator {
        padding: 0
    }
}

@media (max-width:767px) {
    #product_calculator {
        padding: 0
    }
}

#product_calculator_schema {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	margin-right: 10px;
}

#item_dimensions #product_calculator_schema {
    
}

@media (max-width:767px) {
    #product_calculator > .row-reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    /* #product_calculator_preview,
    #product_calculator_schema {
    } */
}

@media (max-height:730px) {
    /* #product_calculator_schema {
    } */
}

@media (max-height:650px) {
    /* #product_calculator_schema {
    } */
}

#product_calculator_summary .fn__choices .row {
    margin-top: 0;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px
}

#product_calculator_summary .fn__choices .col {
    display: block;
    -ms-flex-basis: 250px;
    -webkit-flex-basis: 250px;
    flex-basis: 250px;
    margin-top: 0;
    page-break-inside: avoid;
    white-space: nowrap
}

#product_calculator_summary li strong {
    display: inline-block;
    width: 100px;
    vertical-align: top
}

#product_calculator_summary li a {
    overflow: hidden;
    width: calc(100% - 100px);
    min-width: calc(100% - 100px);
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: none;
    transition: none
}

#product_calculator_summary li a:hover {
    position: relative;
    z-index: 1;
    width: auto !important;
    margin-left: 0;
    padding-left: 0;
    margin-right: -250px;
    padding-right: 5px;
    color: #30abeb;
}

#product_calculator_summary .fn__choices--auto li strong {
    width: auto;
    margin-right: 5px
}

#product_calculator_summary .fn__choices--xs li strong {
    width: 25%
}

#product_calculator_summary .fn__choices--lg li strong {
    width: 40%
}

#product_calculator_summary .fn__choices--45-100 li strong {
    width: 45%
}

#product_calculator_summary .fn__choices--120 li strong {
    width: 120px
}

#product_calculator_summary .fn__choices--xl li strong {
    width: 53%
}

#product_calculator_summary .fn__choices--auto li a {
    width: auto
}

#product_calculator_summary .fn__choices--xs li a {
    width: 75%;
    min-width: 75%
}

#product_calculator_summary .fn__choices--lg li a {
    width: 60%;
    min-width: 60%
}

#product_calculator_summary .fn__choices--45-100 li a {
    width: 55%;
    min-width: 55%
}

#product_calculator_summary .fn__choices--120 li a {
    width: calc(100% - 120px);
    min-width: calc(100% - 120px)
}

#product_calculator_summary .fn__choices--xl li a {
    width: 47%;
    min-width: 47%
}

#product_calculator_submit .fn__col__quantity.tb_disabled select {
    opacity: 0.5
}

#configurator .tab-pane.tb_disabled #product_calculator_submit {
    z-index: 20
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    #product_calculator_summary .row {
        display: block !important;
        -webkit-columns: 3 248px;
        columns: 3 248px
    }
    #product_calculator_summary .col {
        float: none
    }
}

@-moz-document url-prefix() {
    #product_calculator_summary .row {
        display: block !important;
        columns: 3 260px
    }
    #product_calculator_summary .col {
        float: none
    }
}

@media (max-width:767px) {
    #product_calculator_summary {
        display: none
    }
}

@media (max-height:580px) {
    #product_calculator_summary {
        overflow: hidden;
        height: 0
    }
}

#product_calculator_submit {
    margin: 0;
    padding: 20px 5px 20px 20px;
    border: 2px solid #1F4255;
    background-color: #1F4255;
}

#product_calculator_submit br {
    display: none
}

#product_calculator_submit .fn__col__icon {
    position: relative;
    margin-top: 0;
    margin-bottom: -20px;
    padding-left: 20px;
    padding-right: 5px;
    color: #333;
    background: #1F4255;
}

#product_calculator_submit .fn__col__icon + .col {
    padding-left: 45px
}

#product_calculator_submit input,
#product_calculator_submit select {
    width: 70px;
    padding: 0 10px;
    border-color: #fff;
    background-color: #fff
}

#product_calculator_submit .input-group input {
    width: 45px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

#product_calculator_submit label {
    font-size: 19px;
    font-weight: normal;
	color: #fff;
}

#product_calculator_submit .fn__col__price {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#product_calculator_submit .fn__col__price .price_group {
    display: flex;
    max-height: 40px;
    width: 100%;
}

#product_calculator_submit .fn__col__price p {
    max-width: max-content;
    max-height: 30px;
    display: flex;
    align-items: center;
}


#product_calculator_submit .fn__price {
    line-height: 30px;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
}

.fn__price.price_old {
    font-size: 25px !important;
    text-indent: 6px;
}

.fn__price.price_old::before {
    content: '';
    position: absolute;
    border-top: 2px solid;
    width: 100%;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    top: 15px;
    color: #d41818;
}

.fn__discount {
    margin-bottom: 0px !important;
    padding-left: 10px;
}

#product_calculator_submit .fn__col__price .help {
    padding-left: 10px;
}

#product_calculator_submit .help {
    margin-bottom: 0;
	color: #fff;
}

#product_calculator_submit.sticky {
    z-index: 60;
    margin-right: calc(100% - 100vw);
    padding: 15px 20px
}

#product_calculator_submit.sticky .fn__col__price {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#product_calculator_submit.sticky .fn__col__price,
#product_calculator_submit.sticky .fn__col__price .fn__price {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

#product_calculator_submit.sticky .fn__col__delivery {
    width: auto;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

#product_calculator_submit .fn__col__delivery .product_assembly {
    flex-direction: column;
}

#product_calculator_submit .fn__col__delivery .product_assembly .assembly:last-child {
    margin-bottom: 0;
}

#product_calculator_submit .fn__col__delivery .product_assembly .assembly label {
    font-size: 14px;
}

#product_calculator_submit.sticky .fn__col__delivery p {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

#product_calculator_submit.sticky br {
    display: block
}

.tb_disabled #add_to_cart {
    text-shadow: 0 -1px 0 #aaa;
    background-color: #ccc
}

@media (min-width:981px) and (max-width:1280px) {
    #product_calculator_submit .fn__col__quantity {
        padding-left: 50px
    }
}

@media (max-width:980px) {
    #product_calculator_submit:not(.sticky--bottom) {
        padding: 0
    }
    #product_calculator_submit:not(.sticky--bottom) .row,
    #product_calculator_submit:not(.sticky--bottom) .col {
        padding-top: 0;
        margin-top: 0;
        margin-left: 0
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__label,
    #product_calculator_submit:not(.sticky--bottom) .fn__col__quantity,
    #product_calculator_submit:not(.sticky--bottom) .fn__col__price,
    #product_calculator_submit:not(.sticky--bottom) .fn__col__delivery,
    #product_calculator_submit:not(.sticky--bottom) .fn__col__separator {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: 0;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__label {
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__quantity {
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__quantity input,
    #product_calculator_submit:not(.sticky--bottom) .fn__col__quantity select {
        background: #eee;
        border-color: #eee
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__quantity select:focus {
        background: #fff
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__price {
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__delivery {
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
        -ms-flex: 1 1 120px;
        -webkit-flex: 1 1 120px;
        flex: 1 1 120px;
        width: auto;
        padding-right: 0
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__separator {
        display: block !important;
        -ms-flex-order: 5;
        -webkit-order: 5;
        order: 5;
        -ms-flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 0 !important
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__icon {
        -ms-flex-order: 10;
        -webkit-order: 10;
        order: 10;
        margin-bottom: 0;
        padding-right: 10px
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__icon:after {
        right: -20px;
        border-top-width: 40px;
        border-bottom-width: 40px;
        border-left-width: 20px
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__action {
        -ms-flex-order: 20;
        -webkit-order: 20;
        order: 20;
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 20px 20px 20px 40px
    }
    #product_calculator_submit:not(.sticky--bottom) .fn__col__action .btn {
        max-width: 300px;
        height: 40px;
        line-height: 40px;
        font-size: 19px
    }
}

@media (max-width:767px) {
    #product_calculator_submit:not(.sticky--bottom) {
        padding-top: 30px;
        border-top: 1px solid #aaa
    }
    #product_calculator_submit.sticky {
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 10px 20px !important
    }
    #product_calculator_submit.sticky .col {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-top: 0;
        padding-left: 0
    }
    #product_calculator_submit.sticky .fn__col__price {
        padding-right: 15px
    }
}

@media (max-width:480px) {
    #product_calculator_submit .fn__col__label,
    #product_calculator_submit .fn__col__quantity {
        -ms-flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-bottom: 20px
    }
    #product_calculator_submit .fn__col__price,
    #product_calculator_submit .fn__col__delivery {
        -ms-flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%
    }
    #product_calculator_submit .fn__col__price {
        padding-top: 20px;
        padding-bottom: 0
    }
    #product_calculator_submit .fn__col__delivery {
        padding-top: 5px
    }
    #product_calculator_submit.sticky .fn__price {
        font-size: 24px
    }
}

.fn__schema {
    position: relative;
	z-index:3;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    max-height: 100%
}

.fn__schema__image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fn__schema__image > * {
    width: 100%
}

.fn__schema--horizontal .fn__schema__image {
    padding-bottom: 150px
}

.fn__schema--vertical .fn__schema__image {
    padding-right: 150px
}

.fn__schema__ratio {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
/*    max-height: 420px;
    height: 100%;
*/
    opacity: 0
}

.fn__schema--horizontal .fn__schema__ratio {
    /* max-height: 380px; */
    margin-bottom: 150px
}

.fn__schema--vertical .fn__schema__ratio {
    /* max-width: calc(100% - 40px); */
    margin-right: 150px
}

.fn__schema--circle_top .fn__schema__ratio {
    /* max-height: 250px */
}

.fn__schema--double_triangle .fn__schema__ratio {
    /* max-width: 700px */
}

.fn__schema--triangle_right .fn__schema__ratio,
.fn__schema--triangle_left .fn__schema__ratio {
    /* max-width: 650px */
}

@media (max-width:640px),
(max-height:730px) {
    .fn__schema {
    }
}

@media (max-height:730px) {
    .fn__schema--horizontal .fn__schema__ratio {
        /* max-height: 290px */
    }
}

@media (max-height:650px) {
    .fn__schema--horizontal .fn__schema__ratio {
        /* max-height: 250px */
    }
}

@media (-webkit-min-device-pixel-ratio:0) {
    .fn__schema__ratio {
        height: auto
    }
}

.fn__dimensions {
    position: absolute;
    z-index: 2
}

.fn__dimensions__marker {
    position: relative;
    display: block;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.fn__dimensions__marker input[readonly] {
    background: #fff;
    border: transparent
}

.fn__dimensions__marker > input {
    width: 40px !important;
    height: 24px !important;
    line-height: 24px !important;
    margin: -12px 0 -8px -22px !important;
    padding: 2px !important;
    text-align: center;
    font-size: 13px;
	color: #000;
}

.fn__dimensions__marker > .help {
    width: 60px !important;
    color: #999;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.fn__dimensions__marker input:focus ~ .help,
.fn__dimensions__marker:hover > .help {
    opacity: 1
}

.fn__dimensions__marker input[readonly] ~ .help {
    opacity: 0 !important
}

.fn__dimensions--horizontal {
    bottom: 0;
    left: 0;
    margin-left: 1px
}

.fn__dimensions--horizontal > .col {
    padding-left: 10px
}

.fn__schema--vertical .fn__dimensions--horizontal {
    width: calc(100% - 162px)
}

.fn__dimensions__marker--horizontal-top,
.fn__dimensions__marker--horizontal-bottom {
    height: 150px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: -5px;
    margin-left: -5px;
    border-left: 1px dashed #000;
}

.first > .fn__dimensions__marker--horizontal-top,
.first > .fn__dimensions__marker--horizontal-bottom {
    margin-left: -10px
}

.col:first-child:not(.hide) > .fn__dimensions__marker--horizontal-top,
.col:first-child:not(.hide) > .fn__dimensions__marker--horizontal-bottom,
.col.hide + .first > .fn__dimensions__marker--horizontal-top,
.col.hide + .first > .fn__dimensions__marker--horizontal-bottom {
    margin-left: -11px
}

.last > .fn__dimensions__marker--horizontal-top,
.last > .fn__dimensions__marker--horizontal-bottom {
    border-right: 1px solid #aaa;
    margin-right: -10px
}

.fn__schema--spitz_slope .first > .fn__dimensions__marker--horizontal-top,
.fn__schema--spitz_slope .first > .fn__dimensions__marker--horizontal-bottom {
    margin-left: -11px
}

.fn__schema--spitz_slope .last > .fn__dimensions__marker--horizontal-top,
.fn__schema--spitz_slope .last > .fn__dimensions__marker--horizontal-bottom {
    margin-right: -11px
}

.col:last-child:not(.hide) > .fn__dimensions__marker--horizontal-top,
.col:last-child:not(.hide) > .fn__dimensions__marker--horizontal-bottom,
.last_visible > .fn__dimensions__marker--horizontal-top,
.last_visible > .fn__dimensions__marker--horizontal-bottom {
    border-right: 1px dashed #000;
    margin-right: -11px
}

.col:last-child:not(.hide) > .fn__dimensions__marker--horizontal-top,
.col:last-child:not(.hide) > .fn__dimensions__marker--horizontal-bottom {
    margin-left: -1px
}

.fnSchemaExtensionRight,
.fnSchemaExtensionLeft {
    padding-left: 0 !important
}

.fnSchemaExtensionLeft .fn__dimensions__marker {
    margin-left: -1px !important
}

.fnSchemaExtensionRight .fn__dimensions__marker {
    border-left: none !important
}

.fnSchemaExtensionRight .fn__dimensions__marker--horizontal-bottom {
    border-right: 1px dashed #000;
    margin-right: -11px;
}

.fn__dimensions__marker--horizontal-top > *,
.fn__dimensions__marker--horizontal-bottom > *,
.fn__dimensions__marker--horizontal-top:before,
.fn__dimensions__marker--horizontal-bottom:before {
    position: absolute
}

.fn__dimensions__marker--horizontal-top > *,
.fn__dimensions__marker--horizontal-top:before {
    top: 0
}

.fn__dimensions__marker--horizontal-bottom > *,
.fn__dimensions__marker--horizontal-bottom:before {
    top: auto;
    bottom: 0
}

.fn__dimensions__marker--horizontal-top:before,
.fn__dimensions__marker--horizontal-bottom:before {
    content: '';
    left: 1px;
    right: 1px;
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid #aaa
}

.fn__dimensions__marker--horizontal-top input,
.fn__dimensions__marker--horizontal-bottom input,
.fn__dimensions__marker--horizontal-top .help,
.fn__dimensions__marker--horizontal-bottom .help {
    left: 50%
}

.fn__dimensions__marker--horizontal-top .help,
.fn__dimensions__marker--horizontal-bottom .help {
    bottom: 0;
    margin: 0 0 -30px -32px
}

.fn__dimensions__marker__arrow--left,
.fn__dimensions__marker__arrow--right,
.fn__dimensions__marker__arrow--left_out,
.fn__dimensions__marker__arrow--right_out {
    margin-top: -1px;
    margin-bottom: -1px;
    border-top: 4px solid transparent;
    border-bottom: 5px solid transparent
}

.fn__dimensions__marker__arrow--left {
    left: 1px;
    border-right: 6px solid #aaa
}

.fn__dimensions__marker__arrow--right {
    right: 1px;
    border-left: 6px solid #aaa
}

.fn__dimensions__marker__arrow--left_out {
    right: -7px;
    border-right: 6px solid #aaa
}

.fn__dimensions__marker__arrow--right_out {
    left: -7px;
    border-left: 6px solid #aaa
}

.fn__dimensions__marker__arrow--left_out ~ input[readonly],
.fn__dimensions__marker__arrow--right_out ~ input[readonly] {
    max-width: none;
    background: transparent !important;
    border-color: transparent
}

.fn__dimensions__marker__arrow--left_out ~ input {
    left: auto;
    right: 0;
    text-align: left !important;
    margin-right: -52px !important
}

.fn__dimensions__marker__arrow--right_out ~ input {
    left: 0;
    text-align: right !important;
    margin-left: -52px !important
}

@media (max-width:640px),
(max-height:730px) {
    .fn__dimensions--horizontal > .col {
        padding-left: 6px
    }
    .fn__schema--vertical .fn__dimensions--horizontal {
        width: calc(100% - 158px)
    }
    .fn__dimensions__marker--horizontal-top,
    .fn__dimensions__marker--horizontal-bottom {
        margin-right: -3px;
        margin-left: -3px
    }
    .first.first > .fn__dimensions__marker--horizontal-top,
    .first.first > .fn__dimensions__marker--horizontal-bottom {
        margin-left: -6px
    }
    .col:first-child:not(.hide) > .fn__dimensions__marker--horizontal-top,
    .col:first-child:not(.hide) > .fn__dimensions__marker--horizontal-bottom,
    .col.hide + .first > .fn__dimensions__marker--horizontal-top,
    .col.hide + .first > .fn__dimensions__marker--horizontal-bottom {
        margin-left: -7px
    }
    .last.last > .fn__dimensions__marker--horizontal-top,
    .last.last > .fn__dimensions__marker--horizontal-bottom {
        margin-right: -7px
    }
    .col:last-child:not(.hide) > .fn__dimensions__marker--horizontal-top,
    .col:last-child:not(.hide) > .fn__dimensions__marker--horizontal-bottom,
    .last_visible > .fn__dimensions__marker--horizontal-top,
    .last_visible > .fn__dimensions__marker--horizontal-bottom {
        margin-right: -7px
    }
    .fn__schema--shutters .col:first-child:not(.hide) > .fn__dimensions__marker--horizontal-bottom {
        margin-left: -1px
    }
}

@media (max-width:480px) {
    .fn__dimensions--horizontal > .col {
        padding-left: 4px
    }
    .fn__schema--vertical .fn__dimensions--horizontal {
        width: calc(100% - 156px)
    }
    .fn__dimensions__marker--horizontal-top,
    .fn__dimensions__marker--horizontal-bottom {
        margin-right: -2px;
        margin-left: -2px
    }
    .first.first > .fn__dimensions__marker--horizontal-top,
    .first.first > .fn__dimensions__marker--horizontal-bottom {
        margin-left: -4px
    }
    .col:first-child:not(.hide) > .fn__dimensions__marker--horizontal-top,
    .col:first-child:not(.hide) > .fn__dimensions__marker--horizontal-bottom,
    .col.hide + .first > .fn__dimensions__marker--horizontal-top,
    .col.hide + .first > .fn__dimensions__marker--horizontal-bottom {
        margin-left: -5px
    }
    .last.last > .fn__dimensions__marker--horizontal-top,
    .last.last > .fn__dimensions__marker--horizontal-bottom {
        margin-right: -5px
    }
    .col:last-child:not(.hide) > .fn__dimensions__marker--horizontal-top,
    .col:last-child:not(.hide) > .fn__dimensions__marker--horizontal-bottom,
    .last_visible > .fn__dimensions__marker--horizontal-top,
    .last_visible > .fn__dimensions__marker--horizontal-bottom {
        margin-right: -5px
    }
    .fn__schema--spitz_slope .first > .fn__dimensions__marker--horizontal-top,
    .fn__schema--spitz_slope .first > .fn__dimensions__marker--horizontal-bottom {
        margin-left: -5px
    }
    .fn__schema--spitz_slope .last > .fn__dimensions__marker--horizontal-top,
    .fn__schema--spitz_slope .last > .fn__dimensions__marker--horizontal-bottom {
        margin-right: -5px
    }
}

.fn__dimensions--vertical {
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 150px;
    height: 100%;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
}

.fn__schema--horizontal .fn__dimensions--vertical {
    height: calc(100% - 150px)
}

.fn__dimensions__marker--vertical-left,
.fn__dimensions__marker--vertical-right {
    position: relative;
    display: block;
    width: 150px
}

.fn__dimensions__marker--vertical-right:not(:first-child) {
    border-top: 1px dashed #000;
}


.fn__dimensions__marker--vertical-right.hide + .fn__dimensions__marker--vertical-right {
    border-top: none
}

.fn__dimensions__marker--vertical-right > *,
.fn__dimensions__marker--vertical-right:before {
    position: absolute;
    right: 0
}

.fn__dimensions__marker--vertical-right:before {
    content: '';
    top: 1px;
    bottom: 1px;
    display: block;
    margin-left: 3px;
    margin-right: 3px;
    border-right: 1px solid #aaa
}

.fn__dimensions__marker--vertical-right input,
.fn__dimensions__marker--vertical-right .help {
    top: 50%;
    margin-right: -17px !important
}

.fn__dimensions__marker--vertical-right .help {
    margin-top: 15px;
    margin-right: -28px !important;
    background: #fff
}

.fn__dimensions__marker__arrow--top,
.fn__dimensions__marker__arrow--bottom,
.fn__dimensions__marker__arrow--top_out,
.fn__dimensions__marker__arrow--bottom_out {
    margin-left: -1px;
    margin-right: -1px;
    border-left: 4px solid transparent;
    border-right: 5px solid transparent
}

.fn__dimensions__marker__arrow--top {
    top: 1px;
    border-bottom: 6px solid #aaa
}

.fn__dimensions__marker__arrow--bottom {
    bottom: 1px;
    border-top: 6px solid #aaa
}

.fn__dimensions__marker__arrow--top_out {
    bottom: -7px;
    border-bottom: 6px solid #aaa
}

.fn__dimensions__marker__arrow--bottom_out {
    top: -7px;
    border-top: 6px solid #aaa
}

.fn__dimensions__marker__arrow--top_out ~ input[readonly],
.fn__dimensions__marker__arrow--bottom_out ~ input[readonly] {
    background: transparent !important;
    border-color: transparent
}

.fn__dimensions__marker__arrow--top_out ~ input {
    top: auto;
    bottom: 0;
    margin-bottom: -30px !important
}

.fn__dimensions__marker__arrow--bottom_out ~ input {
    top: 0;
    margin-top: -30px !important
}

.fnSchemaExtensionBottom {
    box-sizing: content-box
}

.fn__window,
.fn__window__frame,
.fn__window__shutters,
.fn__window__jalousien,
.fn__window__insektenschutz {
    width: 100%
}

.fn__window {
    position: relative;
    height: 100%;
    margin: 0 auto;
	z-index:2;
}

.fn__window__frame {
    position: relative;
    padding: 11px
}

.fn__window,
.fn__window > .row-wrap,
.fn__window__frame,
.fn__window__frame > .row-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fn__window > .row-wrap,
.fn__window__frame > .row-wrap {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.fn__window > .row-wrap,
.fn__window__frame > .row-wrap {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.fn__window > .row-wrap > .row {
    -ms-flex: 1 0 0px;
    -webkit-flex: 1 0 0px;
    flex: 1 0 0px
}

.fn__window__frame > .row-wrap {
    position: relative;
    z-index: 2;
    margin-top: -10px
}

.fn__window__frame > .row-wrap > .row {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 0 0 -10px;
    padding: 10px 0 0 0
}

.fn__window__frame > .row-wrap > .row:first-child:last-child {
    height: auto !important
}

.fn__window--double_triangle .fn__window__frame > .row-wrap > .row:first-child:last-child {
    height: 100% !important
}

.fn__window__frame > .row-wrap > .row > .col {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    padding-left: 10px
}

.fn__window__center {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fn__window__top,
.fn__window__right,
.fn__window__bottom,
.fn__window__left,
.fn__window__base {
    position: relative;
    border: 1px solid;
    box-sizing: content-box
}

.fn__window__top {
    border-bottom: none
}

.fn__window__right {
    border-left: none
}

.fn__window__bottom,
.fn__window__base {
    border-top: none
}

.fn__window__left {
    border-right: none
}

.fn__window__base {
    background-color: #ccc
}

.fnSchemaExtensionTop,
.fnSchemaExtensionBottom,
.fnSchemaBase {
    -ms-flex: 0 0 auto !important;
    -webkit-flex: 0 0 auto !important;
    flex: 0 0 auto !important
}

.fn__window__wing {
    position: relative;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch
}

/*.fn__window__wing--right {*/
    /*margin-right: -5px !important*/
/*}*/

.fn__window__wing--left {
    margin-left: -6px !important
}

.fn__window__frame__outline,
.fn__window__frame__outline:before,
.fn__window__frame__outline:after,
.fn__window__frame__outline span,
.fn__window__frame__outline span:before,
.fn__window__frame__outline span:after,
.fn__window__top:before,
.fn__window__top:after,
.fn__window__top span,
.fn__window__top span:before,
.fn__window__top span:after,
.fn__window__right:before,
.fn__window__right:after,
.fn__window__right span:before,
.fn__window__right span:after,
.fn__window__bottom:before,
.fn__window__bottom:after,
.fn__window__bottom span,
.fn__window__bottom span:before,
.fn__window__bottom span:after,
.fn__window__left:before,
.fn__window__left:after,
.fn__window__left span:before,
.fn__window__left span:after,
.fn__window__glass,
.fn__window__glass:before,
.fn__window__glass:after,
.fn__window__glass span,
.fn__window__glass span:after,
.fn__window__opening,
.fn__window__opening:before,
.fn__window__opening:after,
.fn__window__opening span,
.fn__window__directions,
.fn__window__direction,
.fn__window__direction:before,
.fn__window__direction:after,
.fn__window__direction span,
.fn__window__sprossen,
.fn__window__sprossen span,
.fn__window__wing__outline,
.fn__window__wing__outline:before,
.fn__window__wing__outline:after,
.fn__window__wing__outline span,
.fn__window__wing__outline span:before,
.fn__window__wing__outline span:after,
.fn__window__opening__outline,
.fn__window__opening__outline:before,
.fn__window__opening__outline:after,
.fn__window__opening__outline span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.fn__window__frame__outline,
.fn__window__wing__outline,
.fn__window__glass {
    border: 1px solid
}

.fn__window__top,
.fn__window__right,
.fn__window__bottom,
.fn__window__left,
.fn__window__frame__outline,
.fn__window__frame__outline:before,
.fn__window__frame__outline span,
.fn__window__glass:before,
.fn__window__glass span,
.fn__window__opening:before,
.fn__window__opening span,
.fn__window__direction:before,
.fn__window__direction span,
.fn__window__wing__outline:before,
.fn__window__wing__outline span,
.fn__window__opening__outline:before,
.fn__window__opening__outline span {
    z-index: 1
}

.fn__window__frame__outline,
.fn__window__frame__outline:before,
.fn__window__frame__outline:after,
.fn__window__frame__outline span,
.fn__window__frame__outline span:before,
.fn__window__frame__outline span:after {
    background-repeat: repeat;
    background-position: 0 0;
}

.fn__window__wing__outline {
    z-index: 4
}

.fn__window__glass ~ .fn__window__wing__outline {
    display: none
}

.fn__window__glass {
    z-index: 3
}

.fn__window__glass:before {
    content: ''
}

.fn__window__glass:before,
.fn__window__glass:after,
.fn__window__glass span:before,
.fn__window__glass span:after {
    background-color: #d9faff
}

.fn__window__glass .fn__watermark {
    overflow: hidden;
    z-index: 2;
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 15px;
    text-align: center;
    color: #2b9ad3;
    opacity: 0.25
}

.fn__window__glass .fn__watermark svg {
    display: inline-block;
    width: auto;
    max-width: none;
    max-height: 26px;
    vertical-align: top
}

.fn__door__panel:before,
.fn__window__fill:before {
    background-color: #eee !important;
    background-image: linear-gradient(125deg, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1)) !important
}

.fn__door__panel .fn__watermark,
.fn__window__fill .fn__watermark {
    color: #777
}

.fn__window__label {
    position: absolute;
    z-index: 5;
    top: 6px;
    left: 6px;
    padding: 0 3px;
    line-height: 16px;
    text-align: left;
    font-weight: 600;
    font-size: 11px;
    background-color: rgba(255, 255, 255, 0.7)
}

.fn__window__opening {
    z-index: 5;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px
}

.fn__window__opening__outline {
    z-index: 7;
    border: 1px solid
}

.fn__window__opening__outline,
.fn__window__opening__outline:before,
.fn__window__opening__outline:after {
    background: transparent !important
}

.fn__window__glass + .fn__window__opening__outline {
    display: none
}

.fn__window__directions,
.fn__window__arrow {
    z-index: 5;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.fn__window__directions,
.fn__window__direction {
    overflow: hidden
}

.fn__window__direction:before,
.fn__window__direction:after {
    content: '';
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 1200%;
    height: 1200%;
    border: 1px solid transparent
}

.fn__window__direction--right:before {
    top: 0;
    right: 0;
    transform-origin: 100% 0;
    border-top: 1px solid #ad02fd;
    visibility: hidden;
}

.fn__window__direction--right:after {
    bottom: 0;
    right: 0;
    transform-origin: 100% 100%;
    border-bottom: 1px solid #ad02fd;
    visibility: hidden;
}

.fn__window__direction--left:before {
    top: 0;
    left: 0;
    transform-origin: 0 0;
    border-top: 1px solid #ad02fd;
    visibility: hidden;
}

.fn__window__direction--left:after {
    bottom: 0;
    left: 0;
    transform-origin: 0 100%;
    border-bottom: 1px solid #ad02fd;
    visibility: hidden;
}

.fn__window__direction--up:before,
.fn__window__direction--up:after {
    top: auto !important
}

.fn__window__direction--up:before {
    bottom: 0;
    left: 0;
    border-left: 1px solid #ad02fd;
    transform-origin: 0 100%;
    visibility: hidden;
}

.fn__window__direction--up:after {
    bottom: 0;
    right: 0;
    border-right: 1px solid #ad02fd;
    transform-origin: 100% 100%;
    visibility: hidden;
}

.fn__window__direction--fix:before,
.fn__window__direction--fix:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border: none;
    border-color: #ad02fd;
}

.fn__window__direction--fix:before {
    width: 40px;
    height: 0;
    margin: 0 0 0 -20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    visibility: hidden;
}

.fn__window__direction--fix:after {
    width: 0;
    height: 40px;
    margin: -20px 0 0 0;
    border-right-width: 1px;
    border-right-style: solid;
    visibility: hidden;
}

@media (max-width:480px) {
    .schema_iframe .fn__window__direction--fix:before {
        width: 14px;
        margin: 0 0 0 -7px
    }
    .schema_iframe .fn__window__direction--fix:after {
        height: 14px;
        margin: -7px 0 0 0
    }
}

.fn__window__arrow {
    position: absolute;
    z-index: 5;
    left: 17%;
    top: 50%;
    width: 66%;
    margin-top: -6px;
    color: #ad02fd;
    border-top: 2px solid
}

.fn__window__arrow:before {
    content: '';
    display: block;
    margin-top: -7px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.fn__window__arrow--bottom_left,
.fn__window__arrow--bottom_right {
    top: auto;
    left: auto;
    bottom: 30px;
    width: 40%;
    height: 40%
}

.fn__window__arrow--bottom_left {
    right: 30px;
    border-right: 2px solid
}

.fn__window__arrow--bottom_right {
    left: 30px;
    border-left: 2px solid
}

.fn__window__arrow--left:before,
.fn__window__arrow--bottom_left:before {
    float: left;
    margin-left: -1px;
    border-right: 10px solid
}

.fn__window__arrow--right:before,
.fn__window__arrow--bottom_right:before {
    float: right;
    margin-right: -1px;
    border-left: 10px solid
}

@media (max-width:640px),
(max-height:730px) {
    .fn__window__arrow--bottom_left,
    .fn__window__arrow--bottom_right {
        bottom: 15px
    }
    .fn__window__arrow--bottom_left {
        right: 15px
    }
    .fn__window__arrow--bottom_right {
        left: 15px
    }
}

@media (max-width:480px) {
    .fn__window__arrow--bottom_left,
    .fn__window__arrow--bottom_right {
        bottom: 10px
    }
    .fn__window__arrow--bottom_left {
        right: 10px
    }
    .fn__window__arrow--bottom_right {
        left: 10px
    }
}

.fn__window__handle {
    position: absolute;
    z-index: 6;
    top: 50%;
    width: 5px;
    height: 36px;
    margin: -18px 0 0 0;
    background: #fff;
    border: 1px solid
}

.fn__window__handle:before {
    content: '';
    display: block;
    width: 100%;
    height: 25%;
    background: #000
}

.fn__window__handle--left {
    left: -22px
}

.fn__window__handle--no-handle {
    display: none;
}

.fn__window__handle--right {
    right: -20px
}

.fn__window__handle--hook:before {
    content: none !important
}

.fn__window__handle--up {
    left: 50%;
    margin-top: 0 !important
}

.fn__window__handle--up:before {
    float: left;
    width: 25%;
    height: 100%
}

.fn__window__handle--door {
    border-radius: 10px;
    background: #eee
}

.fn__window__handle--door:before {
    position: absolute;
    top: 5px;
    width: 25px;
    height: 5px;
    border-radius: 10px
}

.fn__window__handle--door.fn__window__handle--right:before {
    right: 1px
}

.fn__window__handle--door.fn__window__handle--left:before {
    left: 1px
}

.fn__window--slide .fn__window__handle {
    height: 50px;
    margin-top: -25px
}

.fn__window--slide .fn__window__handle:before {
    position: absolute;
    bottom: 0
}

.fn__window--panorama .fn__window__handle {
    height: 50px;
    margin-top: -25px;
    background-color: #222
}

.fn__window--panorama .fn__window__handle:before {
    content: none
}

.fn__window__wing__number {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    line-height: 40px;
    text-align: center;
    font-family: Titillium Web, sans-serif;
    font-size: 19px;
    background: rgba(40, 155, 210, 0.25);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s
}

.fn__show_numbers .fn__window__wing__number {
    opacity: 1
}

.fn__show_numbers .fn__window__directions,
.fn__show_numbers .fn__window__arrow {
    opacity: 0
}

.fn__window--rectangle .fn__window__glass:before,
.fn__window--rectangle .fn__window__glass:after,
.fn__window--rectangle .fn__window__glass span:before,
.fn__window--rectangle .fn__window__glass span:after,
.fn__window--round .fn__window__glass:before,
.fn__window--round .fn__window__glass:after,
.fn__window--round .fn__window__glass span:before,
.fn__window--round .fn__window__glass span:after,
.fn__window--circle .fn__window__glass:before,
.fn__window--circle .fn__window__glass:after,
.fn__window--circle .fn__window__glass span:before,
.fn__window--circle .fn__window__glass span:after,
.fn__window--circle_top .fn__window__glass:before,
.fn__window--circle_top .fn__window__glass:after,
.fn__window--circle_top .fn__window__glass span:before,
.fn__window--circle_top .fn__window__glass span:after {
    background-color: #a1faf4;
    background-image: linear-gradient(125deg, rgba(255, 255, 255, 0.5), rgb(169, 248, 254, 0.5))
}

.fn__window--rectangle .fn__window__glass.matt:before,
.fn__window--rectangle .fn__window__glass.matt:after,
.fn__window--rectangle .fn__window__glass.matt span:before,
.fn__window--rectangle .fn__window__glass.matt span:after,
.fn__window--round .fn__window__glass.matt:before,
.fn__window--round .fn__window__glass.matt:after,
.fn__window--round .fn__window__glass.matt span:before,
.fn__window--round .fn__window__glass.matt span:after,
.fn__window--circle .fn__window__glass.matt:before,
.fn__window--circle .fn__window__glass.matt:after,
.fn__window--circle .fn__window__glass.matt span:before,
.fn__window--circle .fn__window__glass.matt span:after,
.fn__window--circle_top .fn__window__glass.matt:before,
.fn__window--circle_top .fn__window__glass.matt:after,
.fn__window--circle_top .fn__window__glass.matt span:before,
.fn__window--circle_top .fn__window__glass.matt span:after {
    background-color: #e0e0e0;
    background-image: linear-gradient(125deg, rgba(255, 255, 255, 0.5), rgba(222, 222, 222, 0.5))
}

.fn__window--rectangle .fn__window__wing__outline {
    background-color: #fff
}

.fn__window--round,
.fn__window--round .fn__window__frame,
.fn__window--round .fn__window__frame__outline,
.fn__window--round .fn__window__frame .row:first-child .fn__window__wing,
.fn__window--round .fn__window__frame .row:first-child .fn__window__glass,
.fn__window--round .fn__window__frame .row:first-child .fn__window__glass:before,
.fn__window--round .fn__window__frame .row:first-child .fn__window__glass:after,
.fn__window--round .fn__window__frame .row:first-child .fn__window__opening:before,
.fn__window--round .fn__window__frame .row:first-child .fn__window__wing__outline,
.fn__window--round .fn__window__frame .row:first-child .fn__window__wing__outline:before,
.fn__window--round .fn__window__frame .row:first-child .fn__window__wing__outline:after,
.fn__window--round .fn__window__frame .row:first-child .fn__window__opening__outline,
.fn__window--round .fn__window__frame .row:first-child .fn__window__opening__outline:before,
.fn__window--round .fn__window__frame .row:first-child .fn__window__opening__outline:after {
    border-radius: 450px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fn__window--round .fn__window__frame span {
    display: none
}

.fn__window--round .row:first-child .fn__window__directions {
    margin: 15px
}

.fn__window--round .fn__window__frame .row:first-child .fn__window__glass,
.fn__window--round .fn__window__frame .row:first-child .fn__window__wing__outline,
.fn__window--round .fn__window__frame .row:first-child .fn__window__opening__outline {
    overflow: hidden;
    border: none;
    margin: -1px -1px 0 -1px;
    border-radius: 0
}

.fn__window--round .fn__window__frame .row:first-child .fn__window__glass:before,
.fn__window--round .fn__window__frame .row:first-child .fn__window__wing__outline:before,
.fn__window--round .fn__window__frame .row:first-child .fn__window__opening__outline:before {
    content: '';
    top: 1px;
    right: 1px;
    bottom: 0;
    left: 1px;
    margin-bottom: -50px;
    border: 1px solid;
    border-bottom: none
}

.fn__window--round .fn__window__frame .row:first-child .fn__window__glass:after,
.fn__window--round .fn__window__frame .row:first-child .fn__window__wing__outline:after,
.fn__window--round .fn__window__frame .row:first-child .fn__window__opening__outline:after {
    content: '';
    z-index: 1;
    top: 1px;
    right: 1px;
    bottom: 0;
    left: 1px;
    background: none transparent;
    border-bottom: 1px solid;
    border-radius: 0
}

.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__glass,
.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__wing__outline,
.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__opening__outline {
    margin-right: 0
}

.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__directions {
    top: auto;
    left: auto;
    right: 15px
}

.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__glass:after,
.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__wing__outline:after,
.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__opening__outline:after {
    right: 0;
    border-right: 1px solid
}

.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__glass,
.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__wing__outline,
.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__opening__outline {
    margin-left: 0
}

.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__directions {
    top: auto;
    right: auto;
    left: 15px
}

.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__glass:before,
.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__wing__outline:before,
.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__opening__outline:before {
    left: auto;
    border-left: 1px solid
}

.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__glass:after,
.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__wing__outline:after,
.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__opening__outline:after {
    left: 0;
    border-left: 1px solid
}

.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__glass:before,
.fn__window--round .fn__window__frame .row:first-child .col:first-child:not(:last-child) .fn__window__wing__outline:before,
.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__glass:before,
.fn__window--round .fn__window__frame .row:first-child .col:last-child:not(:first-child) .fn__window__wing__outline:before {
    width: calc(200% + 9px)
}

.fn__window--round .fn__window__frame .row:first-child .fn__window__wing--right .fn__window__wing__outline:before,
.fn__window--round .fn__window__frame .row:first-child .fn__window__wing--left .fn__window__wing__outline:before {
    width: calc(200% - 2px) !important
}

.fn__window--round .fn__window__frame .row:first-child .fn__window__label {
    top: auto;
    bottom: 6px
}

@media (max-width:640px) {
    .fn__window--round .row:first-child .fn__window__directions {
        margin-bottom: 10px
    }
}

.fn__window--segment .fn__window__frame__outline,
.fn__window--segment .fn__window__wing__outline,
.fn__window--segment .fn__window__opening__outline,
.fn__window--segment .fn__window__glass,
.fn__window--segment .fn__window__top {
    overflow: hidden;
    border: none;
    background: transparent
}

.fn__window--segment .fn__window__frame__outline span {
    display: none
}

.fn__window--segment .fn__window__opening__outline {
    z-index: 2
}

.fn__window--segment .fn__window__frame__outline:before,
.fn__window--segment .fn__window__frame__outline:after,
.fn__window--segment .fn__window__wing__outline:before,
.fn__window--segment .fn__window__wing__outline:after,
.fn__window--segment .fn__window__opening__outline:before,
.fn__window--segment .fn__window__opening__outline:after,
.fn__window--segment .fn__window__glass:before,
.fn__window--segment .fn__window__glass:after,
.fn__window--segment .fn__window__top:after {
    content: '';
    border: 1px solid
}

.fn__window--segment .fn__window__frame__outline:before,
.fn__window--segment .fn__window__frame__outline:after,
.fn__window--segment .fn__window__wing__outline:before,
.fn__window--segment .fn__window__wing__outline:after,
.fn__window--segment .fn__window__opening__outline:before,
.fn__window--segment .fn__window__opening__outline:after,
.fn__window--segment .fn__window__top:after {
    background-color: #fff
}

.fn__window--segment .fn__window__frame__outline:before,
.fn__window--segment .fn__window__wing__outline:before,
.fn__window--segment .fn__window__opening__outline:before,
.fn__window--segment .fn__window__glass:before {
    z-index: 1;
    border-top: 0 none
}

.fn__window--segment .fn__window__frame__outline:after,
.fn__window--segment .fn__window__wing__outline:after,
.fn__window--segment .fn__window__opening__outline:after,
.fn__window--segment .fn__window__glass:after,
.fn__window--segment .fn__window__top:after {
    left: 50%;
    border-radius: 50%;
    border-bottom: none
}

.fn__window--segment .fn__window__wing__outline {
    z-index: 2
}

.fn__window--segment .fn__window__glass:before,
.fn__window--segment .fn__window__glass:after {
    background: #d9faff
}

.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__wing__outline,
.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__opening__outline,
.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__glass {
    border-right: 1px solid
}

.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__wing__outline,
.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__opening__outline,
.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__glass {
    border-left: 1px solid
}

.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__wing__outline:before,
.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__opening__outline:before,
.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__glass:before {
    border-right: none
}

.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__wing__outline:before,
.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__opening__outline:before,
.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__glass:before {
    border-left: none
}

.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__wing__outline:after,
.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__opening__outline:after,
.fn__window--segment .fn__window__frame .col:first-child:not(:last-child) .fn__window__glass:after {
    left: 100%;
    border-right: none
}

.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__wing__outline:after,
.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__opening__outline:after,
.fn__window--segment .fn__window__frame .col:last-child:not(:first-child) .fn__window__glass:after {
    left: 0;
    border-left: none
}

.fn__window--segment .fn__window__directions {
    margin: -10px 20px 20px 20px
}

.fn__window--segment .fn__window__top {
    border: none
}

.fn__window--segment .fn__window__left,
.fn__window--segment .fn__window__right {
    border-top: none
}

.fn__window--segment .fn__window__top:after {
    position: absolute;
    display: block
}

.fn__window--slope_left .fn__window__frame__outline,
.fn__window--slope_left .fn__window__wing__outline,
.fn__window--slope_left .fn__window__opening__outline,
.fn__window--slope_left .fn__window__glass,
.fn__window--slope_left .fn__window__top,
.fn__window--slope_left .fn__window__right,
.fn__window--slope_left .fn__window__left,
.fn__window--slope_right .fn__window__frame__outline,
.fn__window--slope_right .fn__window__wing__outline,
.fn__window--slope_right .fn__window__opening__outline,
.fn__window--slope_right .fn__window__glass,
.fn__window--slope_right .fn__window__top,
.fn__window--slope_right .fn__window__right,
.fn__window--slope_right .fn__window__left,
.fn__window--spitz_slope .fn__window__frame__outline,
.fn__window--spitz_slope .fn__window__frame__outline span,
.fn__window--spitz_slope .fn__window__top,
.fn__window--spitz_slope .fn__window__top span,
.fn__window--spitz_slope .fn__window__right,
.fn__window--spitz_slope .fn__window__right span,
.fn__window--spitz_slope .fn__window__left,
.fn__window--spitz_slope .fn__window__left span {
    overflow: hidden;
    border: none;
    background: transparent
}

.fn__window--slope_left .fn__window__frame__outline,
.fn__window--slope_left .fn__window__wing__outline,
.fn__window--slope_left .fn__window__opening__outline,
.fn__window--slope_left .fn__window__glass,
.fn__window--slope_left .fn__window__top,
.fn__window--slope_left .fn__window__left {
    border-left: 1px solid
}

.fn__window--slope_right .fn__window__frame__outline,
.fn__window--slope_right .fn__window__wing__outline,
.fn__window--slope_right .fn__window__opening__outline,
.fn__window--slope_right .fn__window__glass,
.fn__window--slope_right .fn__window__top,
.fn__window--slope_right .fn__window__right {
    border-right: 1px solid
}

.fn__window--slope_left .fn__window__frame__outline {
    padding: 12px 11px 11px 10px
}

.fn__window--slope_right .fn__window__frame__outline {
    padding: 12px 10px 11px 11px
}

.fn__window--spitz_slope .fn__window__frame__outline {
    padding: 11px
}

.fn__window--spitz_slope .fn__window__frame__outline span {
    width: 50%
}

.fn__window--spitz_slope .fn__window__frame__outline span:last-child {
    left: auto
}

.fn__window--slope_left .fn__window__frame__outline:before,
.fn__window--slope_left .fn__window__frame__outline:after,
.fn__window--slope_left .fn__window__wing__outline:before,
.fn__window--slope_left .fn__window__wing__outline:after,
.fn__window--slope_left .fn__window__opening__outline:before,
.fn__window--slope_left .fn__window__opening__outline:after,
.fn__window--slope_left .fn__window__glass:before,
.fn__window--slope_left .fn__window__glass:after,
.fn__window--slope_left .fn__window__top:before,
.fn__window--slope_left .fn__window__top:after,
.fn__window--slope_left .fn__window__right:before,
.fn__window--slope_left .fn__window__right:after,
.fn__window--slope_left .fn__window__left:before,
.fn__window--slope_left .fn__window__left:after,
.fn__window--slope_right .fn__window__frame__outline:before,
.fn__window--slope_right .fn__window__frame__outline:after,
.fn__window--slope_right .fn__window__wing__outline:before,
.fn__window--slope_right .fn__window__wing__outline:after,
.fn__window--slope_right .fn__window__opening__outline:before,
.fn__window--slope_right .fn__window__opening__outline:after,
.fn__window--slope_right .fn__window__glass:before,
.fn__window--slope_right .fn__window__glass:after,
.fn__window--slope_right .fn__window__top:before,
.fn__window--slope_right .fn__window__top:after,
.fn__window--slope_right .fn__window__right:before,
.fn__window--slope_right .fn__window__right:after,
.fn__window--slope_right .fn__window__left:before,
.fn__window--slope_right .fn__window__left:after,
.fn__window--spitz_slope .fn__window__frame__outline span:before,
.fn__window--spitz_slope .fn__window__frame__outline span:after,
.fn__window--spitz_slope .fn__window__top:before,
.fn__window--spitz_slope .fn__window__top:after,
.fn__window--spitz_slope .fn__window__top span:before,
.fn__window--spitz_slope .fn__window__top span:after,
.fn__window--spitz_slope .fn__window__right:before,
.fn__window--spitz_slope .fn__window__right:after,
.fn__window--spitz_slope .fn__window__left:before,
.fn__window--spitz_slope .fn__window__left:after {
    content: ''
}

.fn__window--slope_left .fn__window__frame__outline:before,
.fn__window--slope_left .fn__window__wing__outline:before,
.fn__window--slope_left .fn__window__opening__outline:before,
.fn__window--slope_left .fn__window__glass:before,
.fn__window--slope_left .fn__window__right:before,
.fn__window--slope_left .fn__window__left:before,
.fn__window--slope_right .fn__window__frame__outline:before,
.fn__window--slope_right .fn__window__wing__outline:before,
.fn__window--slope_right .fn__window__opening__outline:before,
.fn__window--slope_right .fn__window__glass:before,
.fn__window--slope_right .fn__window__right:before,
.fn__window--slope_right .fn__window__left:before,
.fn__window--spitz_slope .fn__window__frame__outline span:before,
.fn__window--spitz_slope .fn__window__right:before,
.fn__window--spitz_slope .fn__window__left:before {
    z-index: 1;
    border-bottom: 1px solid
}

.fn__window--slope_left .fn__window__frame__outline:before,
.fn__window--slope_right .fn__window__frame__outline:before,
.fn__window--spitz_slope .fn__window__frame__outline span:before {
    z-index: 2;
    background-color: transparent
}

.fn__window--slope_left .fn__window__frame__outline:after,
.fn__window--slope_right .fn__window__frame__outline:after,
.fn__window--spitz_slope .fn__window__frame__outline span:after {
    z-index: 1
}

.fn__window--slope_left .fn__window__frame__outline:before,
.fn__window--slope_left .fn__window__wing__outline:before,
.fn__window--slope_left .fn__window__opening__outline:before,
.fn__window--slope_left .fn__window__glass:before,
.fn__window--slope_left .fn__window__top:before,
.fn__window--slope_left .fn__window__right:before,
.fn__window--spitz_slope .fn__window__frame__outline span:last-child:before,
.fn__window--spitz_slope .fn__window__top span:before,
.fn__window--spitz_slope .fn__window__right:before {
    border-right: 1px solid
}

.fn__window--spitz_slope .fn__window__top span:before {
    width: 60%;
    left: auto
}

.fn__window--slope_right .fn__window__frame__outline:before,
.fn__window--slope_right .fn__window__wing__outline:before,
.fn__window--slope_right .fn__window__opening__outline:before,
.fn__window--slope_right .fn__window__glass:before,
.fn__window--slope_right .fn__window__top:before,
.fn__window--slope_right .fn__window__left:before,
.fn__window--spitz_slope .fn__window__frame__outline span:first-child:before,
.fn__window--spitz_slope .fn__window__top:before,
.fn__window--spitz_slope .fn__window__left:before {
    border-left: 1px solid
}

.fn__window--spitz_slope .fn__window__top:before {
    width: 60%
}

.fn__window--slope_left .fn__window__frame__outline:after,
.fn__window--slope_left .fn__window__wing__outline:after,
.fn__window--slope_left .fn__window__opening__outline:after,
.fn__window--slope_left .fn__window__glass:after,
.fn__window--slope_left .fn__window__top:after,
.fn__window--slope_left .fn__window__right:after,
.fn__window--slope_left .fn__window__left:after,
.fn__window--slope_right .fn__window__frame__outline:after,
.fn__window--slope_right .fn__window__wing__outline:after,
.fn__window--slope_right .fn__window__opening__outline:after,
.fn__window--slope_right .fn__window__glass:after,
.fn__window--slope_right .fn__window__top:after,
.fn__window--slope_right .fn__window__right:after,
.fn__window--slope_right .fn__window__left:after,
.fn__window--spitz_slope .fn__window__frame__outline span:after,
.fn__window--spitz_slope .fn__window__top:after,
.fn__window--spitz_slope .fn__window__top span:after,
.fn__window--spitz_slope .fn__window__right:after,
.fn__window--spitz_slope .fn__window__left:after {
    width: 1000px;
    border-top: 1px solid;
    background-color: transparent
}

.fn__window--slope_left .fn__window__frame__outline:after,
.fn__window--slope_left .fn__window__wing__outline:after,
.fn__window--slope_left .fn__window__opening__outline:after,
.fn__window--slope_left .fn__window__glass:after,
.fn__window--slope_left .fn__window__top:after,
.fn__window--slope_left .fn__window__right:after,
.fn__window--slope_left .fn__window__left:after,
.fn__window--spitz_slope .fn__window__frame__outline span:last-child:after,
.fn__window--spitz_slope .fn__window__top:after,
.fn__window--spitz_slope .fn__window__left:after {
    left: 0;
    transform-origin: 0 0
}

.fn__window--slope_right .fn__window__frame__outline:after,
.fn__window--slope_right .fn__window__wing__outline:after,
.fn__window--slope_right .fn__window__opening__outline:after,
.fn__window--slope_right .fn__window__glass:after,
.fn__window--slope_right .fn__window__top:after,
.fn__window--slope_right .fn__window__right:after,
.fn__window--slope_right .fn__window__left:after,
.fn__window--spitz_slope .fn__window__frame__outline span:first-child:after,
.fn__window--spitz_slope .fn__window__top span:after,
.fn__window--spitz_slope .fn__window__right:after {
    right: 0;
    left: auto;
    transform-origin: 100% 0
}

.fn__window--spitz_slope .fn__window--slope_left .fn__window__opening .fn__window__glass,
.fn__window--spitz_slope .fn__window--slope_right .fn__window__opening .fn__window__glass {
    margin-top: 0 !important
}

.fn__window--slope_left .fn__window__glass:before,
.fn__window--slope_left .fn__window__glass:after,
.fn__window--slope_right .fn__window__glass:before,
.fn__window--slope_right .fn__window__glass:after {
    background: #d9faff
}

.fn__window--slope_left .fn__window__directions,
.fn__window--slope_right .fn__window__directions {
    margin: -10px 20px 20px 20px
}

.fn__window--trapeze_left .fn__window__frame__outline,
.fn__window--trapeze_left .fn__window__wing__outline,
.fn__window--trapeze_left .fn__window__opening__outline,
.fn__window--trapeze_left .fn__window__glass,
.fn__window--trapeze_left .fn__window__top,
.fn__window--trapeze_left .fn__window__top span,
.fn__window--trapeze_left .fn__window__right,
.fn__window--trapeze_right .fn__window__frame__outline,
.fn__window--trapeze_right .fn__window__wing__outline,
.fn__window--trapeze_right .fn__window__opening__outline,
.fn__window--trapeze_right .fn__window__glass,
.fn__window--trapeze_right .fn__window__top,
.fn__window--trapeze_right .fn__window__top span,
.fn__window--trapeze_right .fn__window__left,
.fn__window--spitz_trapeze .fn__window__frame__outline,
.fn__window--spitz_trapeze .fn__window__frame__outline span,
.fn__window--spitz_trapeze .fn__window__top,
.fn__window--spitz_trapeze .fn__window__top span,
.fn__window--spitz_trapeze .fn__window__left,
.fn__window--spitz_trapeze .fn__window__right {
    overflow: hidden;
    border: none;
    background: transparent
}

.fn__window--trapeze_left .fn__window__opening__outline,
.fn__window--trapeze_right .fn__window__opening__outline,
.fn__window--spitz_trapeze .fn__window__opening__outline {
    display: none
}

.fn__window--trapeze_left .fn__window__frame__outline span,
.fn__window--trapeze_left .fn__window__wing__outline span,
.fn__window--trapeze_left .fn__window__opening__outline span,
.fn__window--trapeze_left .fn__window__glass span,
.fn__window--trapeze_left .fn__window__top span,
.fn__window--trapeze_right .fn__window__frame__outline span,
.fn__window--trapeze_right .fn__window__wing__outline span,
.fn__window--trapeze_right .fn__window__opening__outline span,
.fn__window--trapeze_right .fn__window__glass span,
.fn__window--trapeze_right .fn__window__top span,
.fn__window--spitz_trapeze .fn__window__frame__outline span:last-child,
.fn__window--spitz_trapeze .fn__window__top span:before {
    border-top: 1px solid
}

.fn__window--trapeze_left .fn__window__frame__outline span,
.fn__window--trapeze_left .fn__window__wing__outline span,
.fn__window--trapeze_left .fn__window__opening__outline span,
.fn__window--trapeze_left .fn__window__glass span,
.fn__window--trapeze_left .fn__window__top span {
    border-left: 1px solid
}

.fn__window--trapeze_right .fn__window__frame__outline span,
.fn__window--trapeze_right .fn__window__wing__outline span,
.fn__window--trapeze_right .fn__window__opening__outline span,
.fn__window--trapeze_right .fn__window__glass span,
.fn__window--trapeze_right .fn__window__top span {
    border-right: 1px solid
}

.fn__window--trapeze_left .fn__window__frame__outline {
    padding: 11px 11px 11px 10px
}

.fn__window--trapeze_right .fn__window__frame__outline {
    padding: 11px 10px 11px 11px
}

.fn__window--spitz_trapeze .fn__window__frame__outline {
    padding: 11px
}

.fn__window--trapeze_left .fn__window__frame__outline:before,
.fn__window--trapeze_left .fn__window__frame__outline:after,
.fn__window--trapeze_left .fn__window__wing__outline:before,
.fn__window--trapeze_left .fn__window__wing__outline:after,
.fn__window--trapeze_left .fn__window__opening__outline:before,
.fn__window--trapeze_left .fn__window__opening__outline:after,
.fn__window--trapeze_left .fn__window__glass:before,
.fn__window--trapeze_left .fn__window__glass:after,
.fn__window--trapeze_left .fn__window__top:before,
.fn__window--trapeze_left .fn__window__top:after,
.fn__window--trapeze_left .fn__window__right:before,
.fn__window--trapeze_left .fn__window__right:after,
.fn__window--trapeze_right .fn__window__frame__outline:before,
.fn__window--trapeze_right .fn__window__frame__outline:after,
.fn__window--trapeze_right .fn__window__wing__outline:before,
.fn__window--trapeze_right .fn__window__wing__outline:after,
.fn__window--trapeze_right .fn__window__opening__outline:before,
.fn__window--trapeze_right .fn__window__opening__outline:after,
.fn__window--trapeze_right .fn__window__glass:before,
.fn__window--trapeze_right .fn__window__glass:after,
.fn__window--trapeze_right .fn__window__top:before,
.fn__window--trapeze_right .fn__window__top:after,
.fn__window--trapeze_right .fn__window__left:before,
.fn__window--trapeze_right .fn__window__left:after,
.fn__window--spitz_trapeze .fn__window__frame__outline:before,
.fn__window--spitz_trapeze .fn__window__frame__outline:after,
.fn__window--spitz_trapeze .fn__window__frame__outline span:first-child:before,
.fn__window--spitz_trapeze .fn__window__frame__outline span:first-child:after,
.fn__window--spitz_trapeze .fn__window__frame__outline span:last-child,
.fn__window--spitz_trapeze .fn__window__wing__outline:before,
.fn__window--spitz_trapeze .fn__window__wing__outline:after,
.fn__window--spitz_trapeze .fn__window__opening__outline:before,
.fn__window--spitz_trapeze .fn__window__opening__outline:after,
.fn__window--spitz_trapeze .fn__window__glass:before,
.fn__window--spitz_trapeze .fn__window__glass:after,
.fn__window--spitz_trapeze .fn__window__top:before,
.fn__window--spitz_trapeze .fn__window__top:after,
.fn__window--spitz_trapeze .fn__window__top span:before,
.fn__window--spitz_trapeze .fn__window__top span:after,
.fn__window--spitz_trapeze .fn__window__right:before,
.fn__window--spitz_trapeze .fn__window__right:after,
.fn__window--spitz_trapeze .fn__window__left:before,
.fn__window--spitz_trapeze .fn__window__left:after {
    content: ''
}

.fn__window--trapeze_left .fn__window__frame__outline:before,
.fn__window--trapeze_left .fn__window__wing__outline:before,
.fn__window--trapeze_left .fn__window__opening__outline:before,
.fn__window--trapeze_left .fn__window__glass:before,
.fn__window--trapeze_left .fn__window__left:before,
.fn__window--trapeze_left .fn__window__right:before,
.fn__window--trapeze_right .fn__window__frame__outline:before,
.fn__window--trapeze_right .fn__window__wing__outline:before,
.fn__window--trapeze_right .fn__window__opening__outline:before,
.fn__window--trapeze_right .fn__window__glass:before,
.fn__window--trapeze_right .fn__window__left:before,
.fn__window--trapeze_right .fn__window__right:before,
.fn__window--spitz_trapeze .fn__window__frame__outline:before,
.fn__window--spitz_trapeze .fn__window__frame__outline span:before,
.fn__window--spitz_trapeze .fn__window__top:before,
.fn__window--spitz_trapeze .fn__window__left:before,
.fn__window--spitz_trapeze .fn__window__right:before {
    z-index: 2;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid
}

.fn__window--trapeze_left .fn__window__top:before,
.fn__window--trapeze_right .fn__window__top:before {
    z-index: 1;
    border-right: 1px solid;
    border-left: 1px solid
}

.fn__window--trapeze_left .fn__window__right:before,
.fn__window--trapeze_right .fn__window__right:before,
.fn__window--spitz_trapeze .fn__window__right:before,
.fn__window--spitz_trapeze .fn__window__frame__outline:before {
    border-left: none
}

.fn__window--trapeze_left .fn__window__left:before,
.fn__window--trapeze_right .fn__window__left:before,
.fn__window--spitz_trapeze .fn__window__left:before,
.fn__window--spitz_trapeze .fn__window__frame__outline span:before {
    border-right: none
}

.fn__window--spitz_trapeze .fn__window__top:before {
    border-bottom: none
}

.fn__window--spitz_trapeze .fn__window__frame__outline:before,
.fn__window--spitz_trapeze .fn__window__frame__outline span:before {
    width: 50%
}

.fn__window--spitz_trapeze .fn__window__frame__outline:before {
    left: auto
}

.fn__window--spitz_trapeze .fn__window__frame__outline span:before {
    right: auto
}

.fn__window--spitz_trapeze .fn__window__frame__outline span:last-child {
    z-index: auto
}

.fn__window--trapeze_left .fn__window__frame__outline:after,
.fn__window--trapeze_left .fn__window__wing__outline:after,
.fn__window--trapeze_left .fn__window__opening__outline:after,
.fn__window--trapeze_left .fn__window__glass:after,
.fn__window--trapeze_left .fn__window__top:after,
.fn__window--trapeze_left .fn__window__right:after,
.fn__window--trapeze_right .fn__window__frame__outline:after,
.fn__window--trapeze_right .fn__window__wing__outline:after,
.fn__window--trapeze_right .fn__window__opening__outline:after,
.fn__window--trapeze_right .fn__window__glass:after,
.fn__window--trapeze_right .fn__window__top:after,
.fn__window--trapeze_right .fn__window__left:after,
.fn__window--spitz_trapeze .fn__window__frame__outline:after,
.fn__window--spitz_trapeze .fn__window__frame__outline span:after,
.fn__window--spitz_trapeze .fn__window__top:after,
.fn__window--spitz_trapeze .fn__window__top span:after,
.fn__window--spitz_trapeze .fn__window__left span:after,
.fn__window--spitz_trapeze .fn__window__right span:after {
    width: 1000px;
    height: 1000px
}

.fn__window--trapeze_left .fn__window__frame__outline:after,
.fn__window--trapeze_left .fn__window__wing__outline:after,
.fn__window--trapeze_left .fn__window__opening__outline:after,
.fn__window--trapeze_left .fn__window__glass:after,
.fn__window--trapeze_left .fn__window__top:after,
.fn__window--trapeze_left .fn__window__right:after,
.fn__window--spitz_trapeze .fn__window__frame__outline:after,
.fn__window--spitz_trapeze .fn__window__top:after,
.fn__window--spitz_trapeze .fn__window__right:after {
    left: auto;
    transform-origin: 100% 0;
    border-right: 1px solid
}

.fn__window--trapeze_right .fn__window__frame__outline:after,
.fn__window--trapeze_right .fn__window__wing__outline:after,
.fn__window--trapeze_right .fn__window__opening__outline:after,
.fn__window--trapeze_right .fn__window__glass:after,
.fn__window--trapeze_right .fn__window__top:after,
.fn__window--trapeze_right .fn__window__left:after,
.fn__window--spitz_trapeze .fn__window__frame__outline span:after,
.fn__window--spitz_trapeze .fn__window__top span:after,
.fn__window--spitz_trapeze .fn__window__left:after {
    transform-origin: 0 0;
    border-left: 1px solid
}

.fn__window--trapeze_left .fn__window__glass:before,
.fn__window--trapeze_left .fn__window__glass:after,
.fn__window--trapeze_left .fn__window__glass span,
.fn__window--trapeze_right .fn__window__glass:before,
.fn__window--trapeze_right .fn__window__glass:after,
.fn__window--trapeze_right .fn__window__glass span,
.fn__window--spitz_trapeze .fn__window__glass:before,
.fn__window--spitz_trapeze .fn__window__glass:after,
.fn__window--spitz_trapeze .fn__window__glass span {
    background: #d9faff
}

.fn__window--trapeze_left .fn__window__directions,
.fn__window--trapeze_right .fn__window__directions,
.fn__window--spitz_trapeze .fn__window__directions {
    margin: -10px 20px 20px 20px
}

.fn__window--triangle_left .fn__window__frame__outline,
.fn__window--triangle_left .fn__window__frame__outline span,
.fn__window--triangle_left .fn__window__wing__outline,
.fn__window--triangle_left .fn__window__wing__outline span,
.fn__window--triangle_left .fn__window__opening__outline,
.fn__window--triangle_left .fn__window__opening__outline span,
.fn__window--triangle_left .fn__window__glass,
.fn__window--triangle_left .fn__window__glass:before,
.fn__window--triangle_left .fn__window__glass span,
.fn__window--triangle_left .fn__window__bottom,
.fn__window--triangle_right .fn__window__frame__outline,
.fn__window--triangle_right .fn__window__frame__outline span,
.fn__window--triangle_right .fn__window__wing__outline,
.fn__window--triangle_right .fn__window__wing__outline span,
.fn__window--triangle_right .fn__window__opening__outline,
.fn__window--triangle_right .fn__window__opening__outline span,
.fn__window--triangle_right .fn__window__glass,
.fn__window--triangle_right .fn__window__glass:before,
.fn__window--triangle_right .fn__window__glass span,
.fn__window--triangle_right .fn__window__bottom,
.fn__window--double_triangle .fn__window__frame__outline,
.fn__window--double_triangle .fn__window__frame__outline span,
.fn__window--double_triangle .fn__window__wing__outline,
.fn__window--double_triangle .fn__window__wing__outline span,
.fn__window--double_triangle .fn__window__opening__outline,
.fn__window--double_triangle .fn__window__opening__outline span,
.fn__window--double_triangle .fn__window__glass,
.fn__window--double_triangle .fn__window__glass:before,
.fn__window--double_triangle .fn__window__glass span,
.fn__window--double_triangle .fn__window__bottom,
.fn__window--double_triangle .fn__window__bottom span {
    content: none;
    overflow: hidden;
    border: none;
    background: transparent
}

.fn__window--double_triangle .fn__window__frame__outline span,
.fn__window--double_triangle .fn__window__wing__outline span,
.fn__window--double_triangle .fn__window__glass span,
.fn__window--double_triangle .fn__window__bottom span {
    width: 50%
}

.fn__window--triangle_left span,
.fn__window--triangle_right span {
    width: 100% !important
}

.fn__window--triangle_left span:first-child,
.fn__window--triangle_right span:last-child {
    display: none
}

.fn__window--triangle_left .fn__window__frame__outline span:before,
.fn__window--triangle_left .fn__window__wing__outline span,
.fn__window--triangle_left .fn__window__glass span,
.fn__window--triangle_left .fn__window__bottom,
.fn__window--triangle_right .fn__window__frame__outline span:before,
.fn__window--triangle_right .fn__window__wing__outline span,
.fn__window--triangle_right .fn__window__glass span,
.fn__window--triangle_right .fn__window__bottom,
.fn__window--double_triangle .fn__window__frame__outline span:before,
.fn__window--double_triangle .fn__window__wing__outline span,
.fn__window--double_triangle .fn__window__glass span,
.fn__window--double_triangle .fn__window__bottom span:before {
    border-bottom: 1px solid
}

.fn__window--triangle_left .fn__window__top,
.fn__window--triangle_left .fn__window__right,
.fn__window--triangle_left .fn__window__left,
.fn__window--triangle_right .fn__window__top,
.fn__window--triangle_right .fn__window__right,
.fn__window--triangle_right .fn__window__left,
.fn__window--double_triangle .fn__window__top,
.fn__window--double_triangle .fn__window__right,
.fn__window--double_triangle .fn__window__left {
    display: none !important
}

.fn__window--triangle_left .fn__window__bottom,
.fn__window--triangle_right .fn__window__bottom,
.fn__window--double_triangle .fn__window__bottom {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto !important
}

.fn__window--triangle_left .fn__window__frame__outline,
.fn__window--triangle_left .fn__window__wing__outline,
.fn__window--triangle_left .fn__window__opening__outline,
.fn__window--triangle_left .fn__window__glass,
.fn__window--triangle_left .fn__window__bottom {
    border-left: 1px solid
}

.fn__window--triangle_right .fn__window__frame__outline,
.fn__window--triangle_right .fn__window__wing__outline,
.fn__window--triangle_right .fn__window__opening__outline,
.fn__window--triangle_right .fn__window__glass,
.fn__window--triangle_right .fn__window__bottom {
    border-right: 1px solid
}

.fn__window--triangle_left .fn__window__frame__outline span:before,
.fn__window--triangle_right .fn__window__frame__outline span:before,
.fn__window--double_triangle .fn__window__frame__outline span:before,
.fn__window--double_triangle .fn__window__bottom span:before {
    z-index: 1;
    content: '';
    top: auto;
    height: 1px
}

.fn__window--triangle_left .fn__window__frame__outline span:last-child,
.fn__window--triangle_left .fn__window__wing__outline span:last-child,
.fn__window--triangle_left .fn__window__glass span:last-child,
.fn__window--triangle_right .fn__window__frame__outline span:last-child,
.fn__window--triangle_right .fn__window__wing__outline span:last-child,
.fn__window--triangle_right .fn__window__glass span:last-child,
.fn__window--double_triangle .fn__window__frame__outline span:last-child,
.fn__window--double_triangle .fn__window__wing__outline span:last-child,
.fn__window--double_triangle .fn__window__glass span:last-child,
.fn__window--double_triangle .fn__window__bottom span:last-child {
    left: auto
}

.fn__window--triangle_left .fn__window__frame__outline span:after,
.fn__window--triangle_left .fn__window__wing__outline span:after,
.fn__window--triangle_left .fn__window__glass span:after,
.fn__window--triangle_left .fn__window__bottom:after,
.fn__window--triangle_right .fn__window__frame__outline span:after,
.fn__window--triangle_right .fn__window__wing__outline span:after,
.fn__window--triangle_right .fn__window__glass span:after,
.fn__window--triangle_right .fn__window__bottom:after,
.fn__window--double_triangle .fn__window__frame__outline span:after,
.fn__window--double_triangle .fn__window__wing__outline span:after,
.fn__window--double_triangle .fn__window__glass span:after,
.fn__window--double_triangle .fn__window__bottom span:after {
    content: '';
    width: 1000px;
    height: 1000px
}

.fn__window--triangle_left .fn__window__frame__outline span:last-child:after,
.fn__window--triangle_left .fn__window__wing__outline span:last-child:after,
.fn__window--triangle_left .fn__window__glass span:last-child:after,
.fn__window--triangle_left .fn__window__bottom:after,
.fn__window--triangle_right .fn__window__frame__outline span:last-child:after,
.fn__window--triangle_right .fn__window__wing__outline span:last-child:after,
.fn__window--triangle_right .fn__window__glass span:last-child:after,
.fn__window--double_triangle .fn__window__wing__outline span:last-child:after,
.fn__window--double_triangle .fn__window__glass span:last-child:after,
.fn__window--double_triangle .fn__window__frame__outline span:last-child:after,
.fn__window--double_triangle .fn__window__wing__outline span:last-child:after,
.fn__window--double_triangle .fn__window__glass span:last-child:after,
.fn__window--double_triangle .fn__window__bottom span:last-child:after {
    left: auto;
    right: 100%;
    transform-origin: 100% 0;
    border-right: 1px solid
}

.fn__window--triangle_left .fn__window__frame__outline span:first-child:after,
.fn__window--triangle_left .fn__window__wing__outline span:first-child:after,
.fn__window--triangle_left .fn__window__glass span:first-child:after,
.fn__window--triangle_right .fn__window__frame__outline span:first-child:after,
.fn__window--triangle_right .fn__window__wing__outline span:first-child:after,
.fn__window--triangle_right .fn__window__glass span:first-child:after,
.fn__window--triangle_right .fn__window__bottom:after,
.fn__window--double_triangle .fn__window__frame__outline span:first-child:after,
.fn__window--double_triangle .fn__window__wing__outline span:first-child:after,
.fn__window--double_triangle .fn__window__glass span:first-child:after,
.fn__window--double_triangle .fn__window__bottom span:first-child:after {
    left: 100%;
    right: auto;
    transform-origin: 0 0;
    border-left: 1px solid
}

.fn__window--triangle_left .fn__window__frame,
.fn__window--triangle_right .fn__window__frame,
.fn__window--double_triangle .fn__window__frame {
    width: auto;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
    padding-bottom: 11px !important
}

.fn__window--triangle_left .fn__window__frame {
    padding-left: 11px !important
}

.fn__window--triangle_right .fn__window__frame {
    padding-right: 11px !important
}

.fn__window--triangle_right .fn__window__frame .fn__window__handle {
    margin: -18px 0 0 -3px
}

.fn__window--triangle_left .fn__window__frame .fn__window__handle {
    margin: -17px -3px 0 0
}

.fn__window--circle .fn__window__frame__outline,
.fn__window--circle .fn__window__wing__outline,
.fn__window--circle .fn__window__glass,
.fn__window--circle .fn__window__glass:before {
    border-radius: 50%
}

.fn__window--circle .fn__window__frame > .row-wrap > .row {
    -ms-flex: 1 1 auto !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.fn__window--circle .fn__window__frame__outline span,
.fn__window--circle_top .fn__window__frame__outline span {
    display: none
}

.fn__window--circle_top .fn__window__frame__outline {
    background-image: none !important
}

.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__wing__outline,
.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__opening__outline,
.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__glass,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__wing__outline,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__opening__outline,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__glass,
.fn__window--circle_top .fn__window__frame__outline,
.fn__window--circle_top .fn__window__wing__outline,
.fn__window--circle_top .fn__window__opening__outline,
.fn__window--circle_top .fn__window__glass,
.fn__window--circle_top .fn__window__wing__outline,
.fn__window--circle_top .fn__window__opening__outline,
.fn__window--circle_top .fn__window__glass {
    overflow: hidden;
    border: none;
    border-radius: 0
}

.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__wing__outline,
.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__opening__outline,
.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__glass,
.fn__window--circle_top .fn__window__frame__outline,
.fn__window--circle_top .fn__window__wing__outline,
.fn__window--circle_top .fn__window__opening__outline,
.fn__window--circle_top .fn__window__glass {
    border-bottom: 1px solid
}

.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__wing__outline,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__opening__outline,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__glass {
    border-top: 1px solid
}

.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__wing__outline:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__opening__outline:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__glass:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__wing__outline:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__opening__outline:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__glass:before,
.fn__window--circle_top .fn__window__frame__outline:before,
.fn__window--circle_top .fn__window__wing__outline:before,
.fn__window--circle_top .fn__window__opening__outline:before,
.fn__window--circle_top .fn__window__glass:before {
    content: '';
    display: block;
    height: 150%;
    border-right: 1px solid;
    border-left: 1px solid
}

.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__wing__outline:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__opening__outline:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:first-child:not(:last-child) .fn__window__glass:before,
.fn__window--circle_top .fn__window__frame__outline:before,
.fn__window--circle_top .fn__window__wing__outline:before,
.fn__window--circle_top .fn__window__opening__outline:before,
.fn__window--circle_top .fn__window__glass:before {
    bottom: auto;
    border-top: 1px solid;
    border-radius: 450px 450px 0 0
}

.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__wing__outline:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__opening__outline:before,
.fn__window--circle .fn__window__frame > .row-wrap > .row:last-child:not(:first-child) .fn__window__glass:before {
    top: auto;
    border-bottom: 1px solid;
    border-radius: 0 0 450px 450px
}

.fn__window--circle .fn__window__glass ~ .fn__window__wing__outline,
.fn__window--circle .fn__window__glass ~ .fn__window__opening__outline,
.fn__window--circle_top .fn__window__glass ~ .fn__window__wing__outline,
.fn__window--circle_top .fn__window__glass ~ .fn__window__opening__outline {
    display: none
}

.fn__schema--slide .fn__window__depth--2 {
    z-index: 10;
    background: #fff
}

.fn__schema--slide .fn__window__frame > .row-wrap > .row > .col:first-child + .col + .col:not(:last-child) {
    margin-left: 0
}

.fn__window--fold .fn__window__frame > .row-wrap > .row {
    margin-left: 0 !important
}

.fn__window--fold .fn__window__frame > .row-wrap > .row > .col {
    padding-left: 0 !important
}

.fn__window--fold .fn__window__frame > .row-wrap > .row > .col:not(:first-child) {
    margin-left: -1px !important
}

.fn__window__joint {
    position: absolute;
    z-index: 10;
    top: 35px;
    bottom: 35px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.fn__window__joint--left {
    left: -5px
}

.fn__window__joint--right {
    right: -5px
}

.fn__window__joint--single {
    -webkit-justify-content: center;
    justify-content: center
}

.fn__window__joint span {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid;
    background: #fff
}

.fn__window__fitting {
    position: absolute;
    z-index: 15;
    top: 0;
    bottom: 0;
    width: 100%
}

.fn__window__fitting--left {
    left: 0
}

.fn__window__fitting--right {
    left: 0
}

.fn__window__fitting:before,
.fn__window__fitting:after {
    position: absolute;
    content: '';
    display: block;
    width: 16px;
    height: 16px
}

.fn__window__fitting:before {
    top: 0;
    border-top: 5px solid
}

.fn__window__fitting:after {
    bottom: 0;
    border-bottom: 5px solid
}

.fn__window__fitting--left:before,
.fn__window__fitting--left:after {
    left: 0;
    border-left: 5px solid
}

.fn__window__fitting--right:before,
.fn__window__fitting--right:after {
    right: 0;
    border-right: 5px solid
}

@media (max-width:640px),
(max-height:730px) {
    .fn__window__joint {
        top: 20px;
        bottom: 20px
    }
    .fn__window__joint--left {
        left: -3px
    }
    .fn__window__joint--right {
        right: -3px
    }
    .fn__window__joint span {
        width: 8px;
        height: 8px
    }
    .fn__window__fitting:before,
    .fn__window__fitting:after {
        width: 10px;
        height: 10px
    }
    .fn__window__fitting:before {
        border-top: 3px solid
    }
    .fn__window__fitting:after {
        border-bottom: 3px solid
    }
    .fn__window__fitting--left:before,
    .fn__window__fitting--left:after {
        border-left: 3px solid
    }
    .fn__window__fitting--right:before,
    .fn__window__fitting--right:after {
        border-right: 3px solid
    }
}

@media (max-width:480px) {
    .fn__window__joint {
        top: 9px;
        bottom: 9px
    }
    .fn__window__joint--left {
        left: -2px
    }
    .fn__window__joint--right {
        right: -2px
    }
    .fn__window__joint span {
        width: 5px;
        height: 5px
    }
    .fn__window__fitting:before,
    .fn__window__fitting:after {
        width: 8px;
        height: 8px
    }
}

.fn_window_schema_wing_number {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 30px;
    margin: -15px 0 0 -15px;
    line-height: 30px;
    text-align: center;
    font-family: Titillium Web, Open Sans, sans-serif;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 50%
}

.fn__window__sprossen,
.fn__window__sprossen span {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.fn__window__sprossen {
    z-index: 4;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px
}

.fn__window__sprossen span {
    position: relative;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

.fn__window__sprossen span:not(:first-child):before {
    content: '';
    position: absolute;
    bottom: auto;
    right: auto;
    border-color: rgba(0, 0, 0, 0.25);
    background-color: #fff
}

.fn__window__sprossen--horizontal {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fn__window__sprossen--horizontal span:before {
    width: 100%;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid;
    border-bottom: 1px solid
}

.fn__window__sprossen--vertical span:before {
    width: 8px;
    height: 100%;
    margin-left: -4px;
    border-right: 1px solid;
    border-left: 1px solid
}

.fn__window--shutters .fn__window__top {
    background-color: #aaa;
    border-bottom: 1px solid
}

.fn__window--shutters .fn__window__left,
.fn__window--shutters .fn__window__right {
    border-top: none
}

.fn__window--shutters .fn__window__left {
    border-right: 1px solid
}

.fn__window--shutters .fn__window__right {
    border-left: 1px solid
}

.fn__window__shutters {
    margin-bottom: 25px;
    background: linear-gradient( 0deg, rgba(0, 0, 0, 0.3) 0px, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 100%) repeat-y bottom / 100% 15px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5)
}

.fn__window--jalousien .fn__window__top {
    background-color: #aaa;
    border-bottom: 1px solid
}

.fn__window__jalousien {
    background: linear-gradient( 0deg, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 8px) repeat-y bottom / 100% 8px;
    border-right: 1px solid;
    border-left: 1px solid
}

.fn__window--jalousien_vertical .fn__window__jalousien {
    background: linear-gradient( 90deg, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 1) 1px, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 20px) repeat-x top left / 20px 100%;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: none
}

.fn__window__insektenschutz {
    position: relative;
    border: 1px solid;
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 4px, rgba(0, 0, 0, 0.2) 5px) repeat top left / 5px 5px, linear-gradient( 90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 4px, rgba(0, 0, 0, 0.2) 5px) repeat top left / 5px 5px
}

.fn__window__insektenschutz:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%
}

.fn__window--insektenschutz_door .fn__window__insektenschutz:before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid
}

.fn__window--insektenschutz_2 .fn__window__top {
    border-bottom: 1px solid
}

.fn__window--insektenschutz_2 .fn__window__bottom {
    border-top: 1px solid
}

.fn__window--insektenschutz_2 .fn__window__left,
.fn__window--insektenschutz_2 .fn__window__right,
.fn__window--insektenschutz_2 .fn__window__insektenschutz {
    border-top: none;
    border-bottom: none
}

.fn__window--insektenschutz_2 .fn__window__right {
    border-left: 1px solid
}

.fn__window--insektenschutz_2 .fn__window__insektenschutz {
    width: 50%
}

.fn__window--insektenschutz_2 .fn__window__insektenschutz:before {
    right: 0;
    width: 1px;
    margin-right: -4px;
    border-right: 1px solid
}

.fn__window--insektenschutz_1 .fn__window__insektenschutz:before {
    right: 50%;
    width: 4px;
    margin-right: -2px;
    border-right: 1px solid;
    border-left: 1px solid;
    background: #fff
}

.fn__window__insektenschutz .fn__window__arrow--left,
.fn__window__insektenschutz .fn__window__arrow--left + .fn__window__arrow--right {
    width: 33%
}

.fn__window__insektenschutz .fn__window__arrow--up_down {
    left: 50%;
    top: 25%;
    height: 50%;
    margin: 0 0 0 -1px;
    border: none;
    width: 2px;
    background-color: #ad02fd
}

.fn__window__insektenschutz .fn__window__arrow--left {
    right: 8.5%;
    left: auto
}

.fn__window__insektenschutz .fn__window__arrow--left + .fn__window__arrow--right {
    left: 8.5%
}

.fn__window__insektenschutz .fn__window__arrow--up_down:before,
.fn__window__insektenschutz .fn__window__arrow--up_down:after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    height: 10px;
    margin: 0 0 0 -5px;
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.fn__window__insektenschutz .fn__window__arrow--up_down:before {
    top: -2px;
    border-bottom: 10px solid
}

.fn__window__insektenschutz .fn__window__arrow--up_down:after {
    top: auto;
    bottom: -2px;
    border-top: 10px solid
}

.fn__schema--sill {
    max-width: 70%
}

.fn__schema--sill .fn__window__frame {
    padding: 0
}

.fn__schema--sill .fn__window__bottom {
    min-height: 1px;
    margin-left: 0;
    background-color: #eee;
    border-right: 0 none;
    border-right: 1px solid #000;
    transform: skew(40deg);
    transform-origin: 0 0
}

.fn__schema--sill .fn__window__right {
    min-width: 1px;
    transform: skewY(50deg);
    transform-origin: 0 0;
    background-color: #eee
}

#label_insekt {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 50%;
    display: block;
    width: 42px;
    height: 42px;
    text-indent: -1000em;
    background: url(/public/img/label_insektenschutz.png) no-repeat center
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul li,
.easy-autocomplete.eac-blue-light ul .eac-category {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul li.selected,
.easy-autocomplete.eac-blue-light ul .eac-category.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light input:focus {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul li,
.easy-autocomplete.eac-green-light ul .eac-category {
    border-color: #41DB00
}

.easy-autocomplete.eac-green-light ul li.selected,
.easy-autocomplete.eac-green-light ul .eac-category.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light input:focus {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul li,
.easy-autocomplete.eac-red-light ul .eac-category {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul li.selected,
.easy-autocomplete.eac-red-light ul .eac-category.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light input:focus {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul li,
.easy-autocomplete.eac-yellow-light ul .eac-category {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul li.selected,
.easy-autocomplete.eac-yellow-light ul .eac-category.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light input:focus {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul li,
.easy-autocomplete.eac-dark-light ul .eac-category {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul li.selected,
.easy-autocomplete.eac-dark-light ul .eac-category.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-dark {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:hover,
.easy-autocomplete.eac-dark input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
    border-color: #333
}

.easy-autocomplete.eac-dark ul li,
.easy-autocomplete.eac-dark ul .eac-category {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul li.selected,
.easy-autocomplete.eac-dark ul .eac-category.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:hover,
.easy-autocomplete.eac-dark-glass input:focus {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li,
.easy-autocomplete.eac-dark-glass ul .eac-category {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li.selected,
.easy-autocomplete.eac-dark-glass ul .eac-category.selected {
    background-color: rgba(64, 64, 64, 0.8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul li:last-child,
.easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
    color: #fff
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:hover,
.easy-autocomplete.eac-blue input:focus {
    border-color: #5A91CB;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li,
.easy-autocomplete.eac-blue ul .eac-category {
    background-color: #6d9ed1;
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li.selected,
.easy-autocomplete.eac-blue ul .eac-category.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-yellow input:hover,
.easy-autocomplete.eac-yellow input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li,
.easy-autocomplete.eac-yellow ul .eac-category {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li.selected,
.easy-autocomplete.eac-yellow ul .eac-category.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple {
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:hover,
.easy-autocomplete.eac-purple input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
    border-color: #333
}

.easy-autocomplete.eac-purple ul li,
.easy-autocomplete.eac-purple ul .eac-category {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul li.selected,
.easy-autocomplete.eac-purple ul .eac-category.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 12px
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
    font-weight: normal
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: normal;
    word-break: break-all
}

.easy-autocomplete-container ul li b {
    font-weight: bold
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: 0.9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    display: block!important;
    height: calc(100% + 2px);
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    height: 50%!important;
    max-width: 100%;
    height: 15px;
    padding: 0 10px;
    margin-left: -1px;
    text-align: center;
    position: relative
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    border-top-right-radius: 4px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15)
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    border-bottom-right-radius: 4px
}

.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    text-align: center;
    line-height: 12px!important;
    font-size: 13px;
    font-weight: 400
}

.bootstrap-touchspin .input-group-btn-vertical i:before {
    line-height: inherit;
    text-indent: -1px
}

/* Modal CSS*/
.webtitan-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #1F4255;
    height: 90vh;
    border-radius: 0px;
    overflow: hidden;
}

.modal_content_head {
    display: flex;
    flex-direction: row;
    position: relative;
    background-color: #1F4255;
    padding: 0px 20px;
}

.modal_content_head h3 {
    color: #fff;
    font-weight: bold;
    margin: 20px 0;
}

.modal_content_body {
    padding: 20px;
    overflow-y: scroll;
    height: 90%;
}

.webtitan-modal .close {
    color: #fff !important;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}
  
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}