.textrotate {

    transform: rotate(-90deg);


    /* Legacy vendor prefixes that you probably don't need... */

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform-origin: left top 0;
}

.pixel_oesen_container {

    float: left;
    display: inline-block;
    max-width: 520px;

}

.pixel_oesen_bild {

    margin-top: 2rem;
    float: right;
    width: 95%;

}

.pixel_oesen_B {

    float: left;
    width: 4%;
    height: 172px;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;

}
#oesenbild { float: left; }
.pixel_oesen_A {
float: left;
    width: 100%;
}
.oesenlist {


    float: left;
    display: inline-block;

}

.stutt_maxnu_oesenlabel {

    height: 34px;
    display: inline-block;
    top: 0px;
    position: relative;
    float: right;
    line-height: 34px;
    padding-left: 0.5rem;

}

.stutt_maxnu_cloth_image {

    height: 98px;
    width: 100%;

}

.stutt_maxnu_cloth {
    position: relative;
}

.stutt_maxnu_checkbox_summary,
.stutt_maxnu_checkbox_toggle {
    margin: 0;
    right: 3px;
    top: -24px;
}

.stutt_maxnu_cloth .stutt_maxnu_checkbox_toggle, .stutt_maxnu_cloth .stutt_maxnu_checkbox_summary {
    margin-left: 145px;
    margin-top: 55px;
    position: absolute;
    right: auto;
}

.stutt_maxnu_cloth_dropdown .stutt_maxnu_checkbox_toggle {
    top: auto;
    bottom: auto;
}

.column--4 {
    min-width: 22%;
    margin: 0 1%;
}

.is--ctl-kalkulator,
.is--ctl-pergolakalkulator{

    background-size: cover;
}

.stutt_maxnu_dimensions {
    width: 300px;
    float: right;
    padding: 1rem;
}

/* 01.10.2018 */
.is--float--left {

    float: left;
}

.is--float--right {

    float: right;
}

.stutt_maxnu_white_tab {
    background-color: white;
    display: inline-block;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    width: 100%;
    float: left;
}


.stutt_maxnu_white_tab .stutt_maxnu_dimensions {

    width: 100%;
}

.is--ctl-kalkulator .seilspann-step2-top .stutt_maxnu_panel,
.is--ctl-pergolakalkulator .seilspann-step2-top .stutt_maxnu_panel{
    border: none;
    float: left;
    width: 100%;

}

.is--ctl-kalkulator .sidebar-right.seilspann-step1-bottom,
.is--ctl-pergolakalkulator .sidebar-right.seilspann-step1-bottom{
    display: none;
}

.is--ctl-kalkulator .content--wrapper .custom-page--content.content.block.seilspann-step1-top,
.is--ctl-pergolakalkulator .content--wrapper .custom-page--content.content.block.seilspann-step1-top{
    width: 100%;
}



/*.is--ctl-kalkulator .btn-primary-sonnenmax {
    color: #000 !important;
    background-color: transparent;
    border: 2px solid #ec720d;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-size: 0.775rem;
    line-height: 1.6rem;
}

.is--ctl-kalkulator .btn-primary-sonnenmax:hover {
    color: #fff !important;
    background-color: #ec720d;
    border-color: #ec720d;
}

.is--ctl-kalkulator .btn-primary-sonnenmax i.icon--arrow-right {
    color: #EE7501;
}

.is--ctl-kalkulator .btn-primary-sonnenmax:hover i.icon--arrow-right {
    color: #FFF;
}


.is--ctl-kalkulator .btn-secondary-sonnenmax {
    color: #000 !important;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-size: 0.775rem;
    line-height: 1.6rem;
}




.is--ctl-kalkulator .btn-secondary-sonnenmax:hover {
    color: #fff !important;
    background-color: #ec720d;
    border-color: #ec720d;
}

.is-merken {
    height: 2.625rem;
    line-height: 2.375rem !important;
}

.is--ctl-kalkulator .btn-secondary-sonnenmax i.icon--arrow-left {
    color: #EE7501;
}

.is--ctl-kalkulator .btn-secondary-sonnenmax:hover i.icon--arrow-left {
    color: #FFF;
}
*/
.is--half-field {

    width: 100%;
}



.is--three-half-field {

    width: 100%;
}

.is--ctl-kalkulator .stutt_virtual_checkbox_toggle,
.is--ctl-pergolakalkulator .stutt_virtual_checkbox_toggle{
    right: 0px;
    position: relative;
    top: 0px !important;
    float: right;
    margin-left: 0px;
}

.stutt_maxnu_tabs .stutt_maxnu_tab {

    font-size: 0.875rem;
    font-weight: 700;
    padding: 6px 7px;
    line-height: 2.15rem;
    padding-left: 13px;
    float: left;
    width: 100%;
}

.header-step-top {
    margin-bottom: 1rem;
    float: left;
    width: 100%;
}

.header-step-left {
    width: 100%;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
    line-height: 1.6rem;
    float: left;
}

.header-step-right.stutt_maxnu_info {
    margin: 1rem 0rem 1em 0rem;
    display: block;
    font-size: 0.8rem;
    float: left;
    text-align: center;
    padding-right: 0;
    width: 100%;
}

.header-step-right  a.stutt_maxnu_info.stutt_maxnu_small {
    text-decoration: none;
    background-position: left center;
    line-height: 1.7rem;
    padding-top: 0;
    font-size: 0.8rem;
}
/* 01.10.2018 END */


.is--ctl-kalkulator .sidebar-right,
.is--ctl-pergolakalkulator .sidebar-right{
    position: static;
    float: left;
    padding: 0;
    margin-top:  0px;
    width: auto;
}


.stutt_maxnu_clothmode {
    padding: 0.5rem;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    height: 62px;
}

.stutt_maxnu_clothmode span {
    font-size: 0.8rem;
    margin-left: 1rem;
    width: 85%;
    float: left;
}

.stutt_maxnu_tabs {
    float: left;
    width: 100%;
}

.stutt_maxnu_or_divider {
    cursor: default;
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    color: #000;
    background-color: transparent;
    margin: 0;
    float: left;
    height: 62px;
    line-height: 62px;
}

.pixel-margin10-left h3, .pixel-margin10-right h3 {
    margin: 0;
    padding: 0 !important;
    font-size: 1rem;
    line-height: 2rem;
    display: inline-block;
}

@media screen and (max-width: 1200px ) {


    .column--4:nth-child(4n+1),
    .column--4 {
        margin: 0 1%;
    }

    .stutt_maxnu_th {
        display: none;
    }

    .stutt_maxnu_calculation_summary > p {
        width: auto;
    }

    .stutt_maxnu_checkbox_summary,
    .stutt_maxnu_checkbox_toggle {
        margin: 0;
        right: 3px;
        top: -31px;
    }

    .stutt_maxnu_cloth .stutt_maxnu_checkbox_toggle, .stutt_maxnu_cloth .stutt_maxnu_checkbox_summary {
        margin-left: 145px;
        margin-top: 55px;
        position: absolute;
        right: auto;
    }

    .is--ctl-StoffmusterAnfrage img.stutt_maxnu_checkbox_toggle {
        right: 74px !important;
    }

    .stutt_maxnu_dimensions {
        width: 300px;
        float: right;
        padding: 1rem;
    }
}

@media screen and (max-width: 900px ) {
    .stutt_maxnu_50_with_or {
        width: 100%;
        float: none;
    }

    .massanfertigung--context--info--show,
    .sidebar-right img:first-child {
        display: none;
    }

    .sidebar-right .massanfertigung--context--info--show img {
        display: inline-block;
    }

    .massanfertigung--context--info--show {
        display: none;
    }



    .content--custom {
        margin: 0 10px;
    }

    .stutt_maxnu_calculation_summary > p {
        width: auto;
    }

    .stutt_maxnu_dimensions {
        width: 100%;
        float: none;
        padding: 1rem;
    }

}




@media screen and (max-width: 480px ) {
    .is--ctl-kalkulator .sidebar-right,
    .is--ctl-pergolakalkulator .sidebar-right{
        /*float: right;*/
    }

    .massanfertigung--context--info--show {
        width: auto;
        height: auto;
        background-size: contain;
    }

    .stutt_maxnu_tab.stutt_maxnu_tab_divider {
        width: auto;
        text-align: center;
    }

    .stutt_maxnu_tab + .stutt_maxnu_tab {
        float: none;
    }

    .stutt_maxnu_tab {
        display: block;
        width: auto;
    }

    .column--4 {
        min-width: 44%;
        margin: 0 1%;
    }

    .stutt_maxnu_center button + button {
        margin: 0 0 0 35px;
    }

    .stutt_maxnu_dimensions {
        width: auto;
        float: none;
    }

    .stutt_maxnu_dimensions {
        width: 100%;
        float: none;
        padding: 1rem;
    }

}

.is--ctl-kalkulator .content--custom .half--h2,
.is--ctl-pergolakalkulator .content--custom .half--h2{

    width: 100%;
    float: left;
    position: relative;
    margin-right: 0;
    margin-bottom: 0.2rem;
}


.is--ctl-kalkulator .content--custom h2, .is--ctl-kalkulator .content--custom .pixel-margin10-right,
.is--ctl-kalkulator .content--custom h2, .is--ctl-kalkulator .content--custom .pixel-margin10-left,
.is--ctl-pergolakalkulator .content--custom h2, .is--ctl-pergolakalkulator .content--custom .pixel-margin10-right,
.is--ctl-pergolakalkulator .content--custom h2, .is--ctl-pergolakalkulator .content--custom .pixel-margin10-left{
     width: auto;
    float: left;
    margin-left: 0;

}

.full--h2 {

    width: 100%;
    float: left;
    position: relative;
}
.half--h2 {

    width: 100%;
    float: left;
    position: relative;
    margin-right: 0;
}




.info-colors {
    padding: 1rem;
    width: 100%;
    float: left;
}
.info-to-colors {

    padding: 1rem;
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
}

.stutt_maxnu_firstCol {
    clear: left;
    width: 100%;
}

.only--mobile {

    display: inline-block;
    float: left;
    width: 100%;
}

.stutt_maxnu_checkbox_accessory_amount {
    margin-top:  0px;
}

.stutt_maxnu_calculation_order .stutt_maxnu_summary_img {



    width: 100%;
}

.stutt_maxnu_firstColLarge {
    width: 250px;
    padding-left: 30px;
}

.stutt_maxnu_th.stutt_maxnu_firstCol {
    padding-left: 30px;
}
.stutt_maxnu_secondCol {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.stutt_maxnu_secondColSmall {
    width: 284px;
    padding-right: 0;
}
.stutt_maxnu_secondColLarge {
    width: 493px;
}
.stutt_maxnu_thirdCol {
    padding-left: 13px;
    width: 100%;
}
.stutt_maxnu_thirdColSmall {
    width: 111px;
    padding-right: 0;
}
.stutt_maxnu_fourthCol {
    padding-left: 13px;
    width: 100%;
}
.stutt_maxnu_fourthColSmall {
    padding-left: 13px;
    width: 98px;
}
.stutt_maxnu_fifthCol {
    padding-left: 13px;
    width: 100%;
}


.stutt_maxnu_cloth .stutt_maxnu_checkbox_toggle, .stutt_maxnu_cloth .stutt_maxnu_checkbox_summary {
    margin-left: auto;
    margin-top: 10px !important;
    position: absolute;
    right: 10px;
}

.stutt_maxnu_calculation_order .zubehoer_pix_img {
    height: auto !important;
}

@media screen and (min-width: 30em) {

    .stutt_maxnu_calculation_order .stutt_maxnu_summary_img {
        height: auto !important;
    }

    .column--4 {
        min-width: 44%;
        margin: 0 1%;
    }

    .stutt_maxnu_tab.stutt_maxnu_tab_divider {
        display: none;
    }

    .stutt_maxnu_dimensions.stutt_maxnu_special {
        width: 100%;
        float: left;

    }

    .stutt_maxnu_seilspann_images {
        float: left;
        padding-left: 20px;
        width: 24rem;
    }

    .stutt_maxnu_dimensionlabel {

        width: 100%;
        margin-top: 4px;
    }

    .is--ctl-kalkulator .content--wrapper .custom-page--content.content.block,
    .is--ctl-pergolakalkulator .content--wrapper .custom-page--content.content.block{

        width: 100%;

    }

    .is--ctl-kalkulator .sidebar-right,
    .is--ctl-pergolakalkulator .sidebar-right{

        width: 100%;

    }

    .stutt_maxnu_cloth .stutt_maxnu_checkbox_toggle, .stutt_maxnu_cloth .stutt_maxnu_checkbox_summary {
        margin-left: 110px;
        margin-top: 16px;
        position: absolute;
        right: auto;
    }
}

@media screen and (min-width: 48em) {

    .column--4 {
        min-width: 22%;
        margin: 0 1%;
    }

    .stutt_maxnu_cloth .stutt_maxnu_checkbox_toggle, .stutt_maxnu_cloth .stutt_maxnu_checkbox_summary {
        margin-left: auto;
        margin-top: 10px !important;
        position: absolute;
        right: auto;
        left: 10px;
    }



    .is--ctl-kalkulator .content--wrapper .custom-page--content.content.block,
    .is--ctl-pergolakalkulator .content--wrapper .custom-page--content.content.block{

        width: 100%;
        margin-top: 1rem;
    }

    .is--ctl-kalkulator .sidebar-right,
    .is--ctl-pergolakalkulator .sidebar-right{

        width: 100%;

    }



    .stutt_maxnu_or_divider {
        cursor: default;
        width: 8%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        color: #000;
        background-color: transparent;
        margin: 0;
        float: left;
        height: 62px;
        line-height: 62px;
    }

    .stutt_maxnu_tabs .stutt_maxnu_tab {
        width: 46%;
    }

    .stutt_maxnu_tab.stutt_maxnu_tab_divider {
        display: block;
        width: 8%;
    }

    .stutt_maxnu_white_tab {
        width: 46%;
        float: left;
    }

    .header-step-left {
        width: 60%;
        font-size: 0.875rem;
        margin: 0;
        padding: 0;
        line-height: 1.6rem;
        float: left;
    }

    .header-step-right.stutt_maxnu_info  {
        margin: 0;
        display: block;
        font-size: 0.8rem;
        float: right;
        text-align: right;
        padding-right: 1rem;
        width: 37%;
    }
    .stutt_maxnu_clothmode {
        padding: 0.5rem;
        width: 46%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        height: 62px;
    }

    .clothmode-special-div {
        padding-top: 0;
    }

    .stutt_maxnu_clothmode span {
        font-size: 0.8rem;
        margin-left: 1rem;
    }

    .is--ctl-kalkulator .sidebar-right,
    .is--ctl-pergolakalkulator .sidebar-right{
        position: static;
        float: right;
        padding: 0;
        margin-top: 1rem;
    }

    .stutt_maxnu_dimensionlabel {

        width: 100%;
    }

    .only--mobile {

        display: none;
        float: left;
    }

    .info-colors {
        padding: 1rem;
        width: 64%;
        float: left;
    }
    .info-to-colors {

        padding: 1rem;
        width: 36%;
        float: left;
        text-align: center;
        color: #000;
    }

    .stutt_maxnu_tab.stutt_maxnu_tab_divider {
        display: block;
    }

    .stutt_maxnu_firstCol {
        clear: left;
        width: 10%;
    }
    .stutt_maxnu_firstColLarge {
        width: 250px;
        padding-left: 30px;
    }

    .stutt_maxnu_th.stutt_maxnu_firstCol {
        padding-left: 30px;
    }
    .stutt_maxnu_secondCol {
        padding-left: 20px;
        padding-right: 20px;
        width: 50%;
    }
    .stutt_maxnu_secondColSmall {
        width: 284px;
        padding-right: 0;
    }
    .stutt_maxnu_secondColLarge {
        width: 493px;
    }
    .stutt_maxnu_thirdCol {
        padding-left: 13px;
        width: 15%;
    }
    .stutt_maxnu_thirdColSmall {
        width: 111px;
        padding-right: 0;
    }
    .stutt_maxnu_fourthCol {
        padding-left: 13px;
        width: 15%;
    }
    .stutt_maxnu_fourthColSmall {
        padding-left: 13px;
        width: 98px;
    }
    .stutt_maxnu_fifthCol {
        padding-left: 13px;
        width: 10%;
    }

}

@media screen and (min-width: 64em) {

    .clothmode-special-div {
        padding-top: 0rem;
    }

    .stutt_maxnu_cloth .stutt_maxnu_checkbox_toggle, .stutt_maxnu_cloth .stutt_maxnu_checkbox_summary {
        margin-left: auto;
        margin-top: 10px !important;
        position: absolute;
        right: auto;
        left: 10px;
    }

    .stutt_maxnu_calculation_order .stutt_maxnu_summary_img {
        height: 100% !important;
    }


    .stutt_maxnu_summary.buyfixed {

        position: fixed;
        left: auto;
        right: auto;
        top: 0;
        width: 24.35rem;
        bottom: 0;
    }

    .stutt_maxnu_dimensions.stutt_maxnu_special {
        margin-right: 0;
        
    }

    .stutt_maxnu_seilspann_images {
        float: left;
        padding-left: 10px;
        width: auto;
    }



    .stutt_maxnu_dimensionlabel {

        width: 130px;
    }



    .is--ctl-kalkulator .content--custom h2, .is--ctl-kalkulator .content--custom .pixel-margin10-right,
    .is--ctl-pergolakalkulator .content--custom h2, .is--ctl-pergolakalkulator .content--custom .pixel-margin10-right{


        width: 67%;
        float: left;
    }

    .is--ctl-kalkulator .content--custom h2,
    .is--ctl-kalkulator .content--custom .pixel-margin10-left,
    .is--ctl-pergolakalkulator .content--custom h2,
    .is--ctl-pergolakalkulator .content--custom .pixel-margin10-left{
        width: 67%;
        float: right;
    }

    .is--ctl-kalkulator .content--custom .full--h2,
    .is--ctl-pergolakalkulator .content--custom .full--h2{

        width: 100%;
        float: left;
        position: relative;

        margin-bottom: 1rem;
    }

    .is--ctl-kalkulator .content--custom .half--h2,
    .is--ctl-pergolakalkulator .content--custom .half--h2{

        width: 50%;
        float: left;
        position: relative;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .is--half-field {

        width: 50%;
    }

    .stutt_maxnu_dimensionlabel.is--half-field,
    .stutt_maxnu_dimensions.stutt_maxnu_special .stutt_maxnu_dimensionlabel.is--half-field{
        width: 46%;
    }

    .is--three-half-field {

        width: 33.33%;
    }

}

@media screen and (min-width: 78.75em) {

    .is--ctl-kalkulator .content--wrapper .custom-page--content.content.block,
    .is--ctl-pergolakalkulator .content--wrapper .custom-page--content.content.block{

        width: 53.5rem;
    }

    .is--ctl-kalkulator .sidebar-right,
    .is--ctl-pergolakalkulator .sidebar-right{

        width: 24.375rem;

    }

    .stutt_maxnu_cloth .stutt_maxnu_checkbox_toggle, .stutt_maxnu_cloth .stutt_maxnu_checkbox_summary {
        margin-left: auto;
        margin-top: 10px !important;
        position: absolute;
        right: 10px;
    }
}