@import 'consistency_components.css';

@font-face {
    font-family: "Montserrat";
    src: url("https://cdn-mcgrundriss.azureedge.net/fonts/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("https://cdn-mcgrundriss.azureedge.net/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src: url("https://cdn-mcgrundriss.azureedge.net/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("https://cdn-mcgrundriss.azureedge.net/fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
    font-style: italic;
}
/* clear fix for floated elements */
a {text-decoration: none;}
html {overflow-y: scroll;}
.group:before,
.group:after {
    content: "";
    display: table;
}
textarea:focus, input:focus{
    outline: 0;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.disabled {
    color: #A6A5A5;
}
button {cursor: pointer;}
h4 {margin:0;margin-bottom:0.6em;color:#a7251e;}
body,body *{font-family: arial, helvetica, sans-serif;}
body {position:relative;min-height:100%;top:0px; font-size:100%;color:#212121;margin:0px;}

.trackingTooltipContainer{max-width: 26em;}
div{display:block;}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
select {
    padding: .5em 1em;
    outline-color: #0071bc;
    border: 2px solid #F0F0F0;
}
input:hover, input:focus {border-color: #1A1A1A;}

img{border:none;}
ul{margin:0px;padding:0px;}
ul li {list-style-type:none;}

button {
    /*background: #0071bc;*/
    color: #fff;
    padding: .3em .7em;
    border: none;
    outline-color: #0071bc;
    margin: 0;
    border-radius: 10px;
    font-family: 'Open Sans', sans-serif;
    background: #30A94E;
    background: linear-gradient(90deg, #4F64C4 0%, #36468E 100%);
    box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16);
    outline-color: #0071bc;
    text-decoration: none !important;
    cursor: pointer;



}

button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button.secondary {
    padding: 4px 8px;
    color: #878787 !important;
    font-size: 14px;
    font-weight: 600;
    background: #FFFFFF;
    border: 2px solid #878787;
    border-radius: 10px;
    text-decoration: none !important;
}

button.secondary:hover {
    color: #fff !important;
    background-color: #444444;
}

.lightbox {
    z-index: 99999999;
}
.placeholder {
    background-image:url('../img/details_text.png');
    background-position: 10px center;
    background-repeat: no-repeat;
}
.price_hover {
    color: #0071bc !important;
    /*font-weight: bold;*/
    cursor: default;
    /*font-weight: bold !important;*/
}

.clear_text{
	font-size:1em;
	line-height: 1em;
}
a.default_link {
    color: #0071bc;
}

.full_width {
    width: 100%;
}
.details_full p {
    color: #333;
}

#pagewrapper {max-width:984px;margin:0 auto;}

#toplogowrapper{width:100%;position:relative;height:50px;padding-top:1em;text-align:center}
#immonetlogogroup{width:275px;float:right;}
#toplogoimmonet{float:right;display:block;width:80px;height:auto;width:150px;margin-top:8px;}
#logotext { margin:15px 10px 0px 10px; display:block;float:left;font-size:80%}

#toploginwrapper{width:100%;position:relative;}
#toploginlink, .loggedin-menu{display:block;text-decoration:none;float:right;position:relative;color:#212121;margin-right:0px;cursor:pointer;z-index:999}
.loggedin-menu {z-index:999;}
#toploginlink #toploginopenbutton , .loggedin-menu a{font-size:70%;text-decoration:none;background:#0071bc url('../img/anmelden.png') no-repeat 10px center; color:#fff;padding:.6em 1em .5em 30px;border:none;outline-color:#0071bc;font-weight:bold;margin:0 0 0 0;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#toploginlink #toploginfields{display:none;position:absolute;top:100%;right:0px;background:#f2f2f2;margin:0px;padding-top:10px;padding-bottom:10px;min-width:230px;z-index:999;text-align:left;font-size:0.8em;}
#toploginlink #toploginfields span {font-size:1em;}

.loggedin-menu{display: none;}
.loggedin-menu a{display: block;background-image: none;padding:.6em 1em .5em 1em;}

#logedin_company {overflow: hidden;
    text-overflow: ellipsis;
    width: 280px;
    display: inline-block;}

#formfields , #clientloggedin {
    width: 80%;
    margin: 0 auto;
    cursor: auto;
}
#toploginfields #clientloggedein{display:none;}
#toploginfields #clientloggedin button{margin-top:1em;}
#toploggedinid, #toploggedincompany{font-weight: bold;color: #0071bc;font-size:100%;white-space:nowrap;}

#toploginfields.loggedin #formfields{display:none;}
#toploginfields.loggedin #clientloggedin{display:block;font-size:1em;cursor:auto;padding:1em;width:auto;}

/* ~~~~~~~~~~~ Order Wrapper ~~~~~~~~~~~~ */

#orderwrapper{text-align:center;}
ul#ordersteps{list-style:none;display:block;margin:0px 0px 30px 0px;padding:0px;}
ul#ordersteps li{display:inline-block;width:15%;min-width:100px;}
ul#ordersteps li a{margin:0px;display:block;text-align:center;width:100%;margin:1%;text-decoration:none;color:#212121;}
ul#ordersteps li .order-step-image{display:inline-block;width:50px;height:50px;color: #fff;font-weight: bold;font-size: 18px;line-height: 50px;background-color:#FFAAAA;border-radius: 50%;}
ul#ordersteps li.active .order-step-image{background-color: #C1272D;}
ul#ordersteps li .order-step-title{display:block;margin-top:5%;text-align:center;font-size: 12px;font-weight: bold;color:#BBBBBB;}
ul#ordersteps li.active .order-step-title{color: #1A1A1A}
#stepswrapper h4 {
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}
.optionswrapper .checkbox_standard,
.optionswrapper .checkbox_special {
    margin-bottom: 16px;
}

#step1_substep0 {padding-bottom:40px;}
#stepswrapper{width:100%;text-align:left;}
.step-box{width:100%;background:#fff;margin:0;}
#stepbox2,#stepbox3,#stepbox4,#stepbox5{display:none;}
#stepbox5 {font-size: 0.8em;}
.heading{color:#a7251e;font-size:120%;font-weight:bold;margin-top:1em;margin-bottom:1.5em;}

.description{font-size:100%; margin-top:1em; margin-bottom:1.5em;}


.in-step-section{margin:0em 3em;position: relative;margin-left:1em;}

#step-login-form{display:block;margin-left:0px;margin-top:18px;width:100%;}
#step-login-form > span {display: inline-block;}
#step-login-form > span:first-child {margin-bottom: 0.6em;}
#step-login-form .button-login {float:right;}
#step-login-form span > span {display:inline-block;width:100px;}
#steploginwrapper {border-bottom: 1px solid #d6d6d6;padding-bottom:1.5em;margin-bottom:1.5em;padding-top:16px;}
#steploginwrapper .heading {margin-top:0px;}
#steploginwrapper.loggedin {display:none;}

.inline_download_login_line {float: left; margin-right: 1em;}

.login-field{padding:.5em 1em;border:none;outline-color:#0071bc;}
.button-login{background:#0071bc; color:#fff;padding:.5em 1em;border:none;outline-color:#0071bc;}
#stepregisterwrapper {display:none;border-top:1px solid #d6d6d6;padding-top:20px;}
.nextstepbuttonwrapper{text-align: right;padding:1em 0em;}
.nextstepbuttonwrapper.upload_nextbuttonwrapper {padding-top:0px;}
#stepbox1 .nextstepbuttonwrapper{padding-right:3em;}
.button-next-step.abnormal{background: linear-gradient(90deg, #4F64C4 0%, #36468E 100%); color:#fff;font-size:120%;padding:.5em 1em;border:none;outline-color:#0071bc;font-weight:bold;margin:0px;position:relative;top: -40px;}
.button-next-step {
    background: #30A94E;
    font-size: 120%;
    border: none;
    outline-color: #0071bc;
    margin: 0px;
    position: relative;

    width: max-content;
    padding: 11px 36px !important;
    color: #FFFFFF !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: linear-gradient(90deg, #4F64C4 0%, #36468E 100%);
    box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16);
    border-radius: 30px;
    text-decoration: none !important;

    cursor: pointer;
}

.button-next-step:hover {
    background: #36468E !important;
}

.in-step-separator{content:'';border-bottom:1px solid #d6d6d6;margin:1.5em 3em;}

/*~~~~~~~~~~~~~~~~~~*\
        Step 1
\*~~~~~~~~~~~~~~~~~~*/

#stepbox1{position:relative;}
#nav-tabs-product {
    position: absolute;
    top: -30px;
    left: 0;
}
#nav-tabs-product li {
    float:left;
    background-color: #ccc;
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
}
#nav-tabs-product li a {
    text-decoration: none;
    display: block;
    padding: 7px 10px 7px 10px;
    cursor: pointer;
    color: #fff;
}
#nav-tabs-product li a.active {
    background-color: #f2f2f2;
    color: #000;
}
#nav-tabs-product li.back_tab a {
    height:16px;
    width:25px;
    background:#a7251e url('../img/back_step1.png') no-repeat center center;
}
/* Product Category */
.product_categories_container {
    padding-bottom: 1em;
}
.product_categories {
    width: auto;
    margin-bottom: 0.8em;
    /*width: 30%;*/
    /*float: right;*/
    /*float: right;*/
}
.product_categories:first-child {
    /*width: 566px;*/
    width: auto;
    /*float: left;*/
    /*width: 64%;*/
    /*float: left;*/
    /*margin-right: 14px;*/
}
.input_error {
    border: 1px solid #a7251e !important;
}
.input_valid {
    border: 1px solid #30A94E !important;
}
a.button-forgotpass {
    display: block;
    color: #0071bc;
    margin-top: 1em;
}
.request_status_box {
    max-width: 20em;
    width: 100%;
}
.request_status_box input , .request_status_box label {
    display: block;
    width: 92%;
}
.request_status_box input {
    margin-bottom: 0.5em;
    padding: .5em 4%;
    border: none;
}
.request_status_box label {
    margin-bottom: 0.2em;
    color: #878787;
}
.request_status_box.waiting .request_email_line{
    background: transparent url('../img/loading.gif') no-repeat;
    background-position: 53% 92%;
}
.request_status_box.success .status_report{
    color: #0071bc
}
.request_status_box.error .status_report{
    color: #a7251e;
}
button.request_pass {
    padding: 1em;
    margin-top: 0.5em;
}
.status_report {
    margin-top: 1.2em;
}
.loading {
    min-height: 100px;
    background: transparent url('../img/loading.gif') no-repeat center center;
}

.product_box {width:267px;height:auto;position:relative;border: 1px solid #0071bc; float:left;margin-left: 4.5%;margin-bottom: 1em;}
.product_box:first-child {margin-left:0;}
.product_box:nth-child(3n+1) {
    margin-left: 0;
}
.product_box a {display:block;}
.product_box a.active {background-color:#f2f2f2;color:#000;}
.product_box img { width: 100%; height: auto; min-height: 170px; object-fit: cover;}

.product_text {text-indent:1em;font-weight:bold;color:#fff;display:block;width:100%;position:absolute;bottom:0;padding:5px 0px 5px 0px;background:url('../img/t80_blue.png');}


.product_box {
    border: 1px solid #CFCFCF;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 4%;
}
.product_box img {
    display: block;
}
.product_box a {
    display: block
}
.product_box a:hover {
    outline: 5px solid #0071bc;
}
.product_short_description_text {
    font-size: 1em;
    font-weight: bold;
    color: #0071bc;
}
.product_short_description_text_second {
    font-size: 0.8em;
    display: block;
    margin-top: 0.3em;
    font-weight: 400;
}

.product_text {
    position: static;
    bottom: auto;
    background: none;
    background-color :#0071bc;
}
.product_details_summary_box {
    min-height: 130px;
    font-size: 0.8em;
    padding-left: 2.3em;
    color: #767676;
}
.product_details_summary_box li{
    list-style-type: disc;
    margin: 1em 0;
}
.heading.subheading {
    margin-bottom: 1em;
    border-bottom: 1px solid #a7251e;
    padding-bottom: 0.5em;
}
.description {
    color: #787878;
    margin-top: 0px;
    margin-bottom: 0.5em;
}
.subtitle_description {
    font-weight: normal;
    font-size: 0.8em;
}
.product_subtitle {
    margin: 0;
    margin-bottom: 0.6em;
    color: #a7251e;
    font-weight: bold;
}
/* Payment methods */
.payment_method_details_container {
    display:none;
    padding:10px;
    margin:10px;
    border:1px solid #aaaaaa;
}
.payment_method_details_container.active {
    display: block;
}
#sepa_direct_debit_option_group {
    display:none;
}
#sepa_direct_debit_option_group.active {
    display:block;
}

.position-relative-container {
    position: relative;
}

.neu-label {
    position: absolute;
    top: 10px;
    left: 10px;
    /*background: #f9f9f9;*/
    background: #C1272D;
    /*color: #1A1A1A;*/
    color: #FFFFFF;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 600;
}

.free-label {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #AAFFB7;
    color: #1A1A1A;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 600;
}

.play-label {
    position: absolute;
    top: calc(50% - 17px);
    left: 50%;
    width: 46px;
    height: 46px;
    transform: translate(-50%, -50%);
}

.position-relative-container .play-label img {
    width: 46px;
    height: 46px;
    min-height: fit-content;
}


    /* Illustrationen / Graphicken Interactive Builder */

.step1_col1 {
    /*width: 260px;*/
    width: 290px;
    margin-right: 20px;
    border-right: 1px solid #CFCFCF;
    float: right;
    position: relative;
    z-index: 1;
}
.step1_col2 {
    position: relative;
    min-height: 1px;
    width: 605px;
    float: right;
    /*overflow: hidden;*/
}
.preloadOverlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff url('../img/loading.gif') no-repeat center center;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.last_container {
    margin-bottom: 100px;
}
.lay_container {
    max-width: 605px;
    overflow: hidden;
    position: relative;
}
#lay_container_6 {
    max-height: 340px;
}
.lay_container > img {
    /*display: none;*/
    position: absolute;
    top: 0;
    right: 0;
}
.lay_container > img.active {
    display: block;
}
.lay_container > img#temp-image{
    display: block;
}
.options_container {
    position: absolute;
    top: 0;
    right: 0;
}
#opt-18-ihrlogo {
    left: 0;
}
.options_container img {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
}
.options_container .top-color-img {
    z-index: 10;
}
.options_container #opt-2-werbefrei,
.options_container #opt-2d-2-werbefrei {
    z-index: 100;
}
.option_container_extra {
    position: relative;
}
.option_container_extra img {
    display: none;
    margin-top: 20px;
    margin-bottom: 90px;
}
.option_container_extra img.active {
    display: block;
}
.options_container img.active {
    display: block;
}
.preview_opt {
    display: none;
}
.preview_opt.active {
    display: block;
}
#opt-1-angaben {
    top: 0;
    right: 0;
}
#opt-1-raum {
    top: 0;
    right: 0;
}
#opt-1-nordpfeil {

}
#opt-2-nordpfeil {
    top: 5%;
    right: 79%;
}
#opt-3-nordpfeil {
    top: 2.5%;
    right: 79%;
}
#opt-1-werbefrei {
    top: 0;
    right: 0;
    display: block;
}
#opt-1-werbefrei.active {
    display: none;
}
#opt-2-werbefrei , #opt-3-werbefrei , #opt-5-werbefrei{
    top: 0;
    right: 0;
    display: block;
}
#opt-2-werbefrei.active , #opt-3-werbefrei.active , #opt-5-werbefrei {
    display: none;
}
#opt-2d-2-werbefrei , #opt-3d-3-werbefrei , #opt-3d-5-werbefrei{
    top: 0;
    right: 0;
    display: block;
}
#opt-2d-2-werbefrei.active , #opt-3d-3-werbefrei.active {
    display: none;
}
.werbefrei_display {
    display: block !important;
}
.werbefrei_display.active {
    display: none !important;
}
#opt-1-ihrlogo{
    /*top: 75%;*/
    /*right: 1.3%;*/
    top: 0;
    right: 0;
}
#opt-2-ihrlogo{
    top: 7%;
    right: 5%;
}
#opt-3-ihrlogo {
    top: 7%;
    right: 5%;
}
/*#opt-2-2d {
    display: none;
    position: relative;
}
#opt-2-2d.active {
    display: block;
}
#opt-3-3d {
    display: none;
    position: relative;
}
#opt-3-3d.active {
    display: block;
}
#opt-2-innen {
    display: none;
    position: relative;
}
#opt-2-innen.active {
    display: block;
}
#opt-3-innen {
    display: none;
    position: relative;
}
#opt-3-innen.active {
    display: block;
}*/
.options_2d {
    position: relative;
    width:100%;
    height: auto;
    margin-top: 20px;
}
.opt_lay_container {
    position: relative;
    display: none;
}
.opt_lay_container.active {
    display: block;
}
.checkbox_unfurnished {
    display: none;
}

.checkbox_standard.disabled , .checkbox_special.disabled , .checkbox_special.disabled a.option_link {
    color: #A6A5A5;
}
.checkbox_standard.disabled label , .checkbox_special.disabled label , .checkbox_standard.disabled input , .checkbox_special.disabled input{
    cursor: default;
}

/* ansicht new styles */
.col_container_exterior {
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 100px;

}
.col_col2_1 , .col_col2_2 {
    box-sizing: border-box;
    float: left;
    width: 50%;
    margin-top: 20px;
    padding-bottom: 20px;
}
.col_col2_1 .col_section:first-child h3 , .col_col2_2 .col_section:first-child h3 {
    margin-top: 0px;
}
.col_col2_1 {
    padding-right: 20px;
    border-right: 1px solid #CFCFCF;
}
.col_col2_2 {
    padding-left: 20px;
}
.col_section {
    width: 100%;
}
.col_section h3 {
    color: #a7251e;
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}
.col_section select , .col_section textarea {
    box-sizing: border-box;
    width: 100%;
}
.exterior_color_row {
    text-align: left;
}
.exterior_color_row > li {
    display: inline-block;
    padding: 3px;
    border: 1px solid transparent;
    background-color: transparent;
}
.exterior_color_row > li.active {
    border: 1px solid #333;
}
.exterior_color_row > li a {
    width: 30px;
    height: 30px;
    background-color: #333;
    display: block;
}

.color_subsection h4{
    font-size: 0.8em;
    margin-top: 1em;
}
.color_subsection span {
    font-size: 0.8em;
}
.color_subsection_line {
    text-align: left;
    position: relative;
    margin-bottom: 0.5em;
}
.color_subsection_line_add {
    margin-top: 5px;
}
.color_subsection_line_color_add {
    background: transparent url('../img/add_color.png') no-repeat center center;
}

.color_subsection_line_add span {
    color: #0071bc;
    font-weight: bold;
}

.color_subsection_line span {
    vertical-align: middle;
    margin-left: 10px;
    width: 70%;
    font-size: 13px;
    display: inline-block;
}

.color_subsection_line_color {
    width: 30px;
    height: 30px;
    background-color: #333;
    display: inline-block;
    vertical-align: middle;
}

.color_subsection_line_btn {
    vertical-align: middle;
    width: 19px;
    height: 19px;
    margin-left: 3px;
    display: inline-block;
}
.color_subsection textarea {
    height: 8em;
    padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
    border: none;
}

.color_subsection_line_btn_edit {
    background: transparent url('../img/icon_edit.png') no-repeat center center;
}

.color_subsection_line_btn_delete {
    background: transparent url('../img/icon_delete.png') no-repeat center center;
}


.color_subsection_line_btn_edit {
}

/* ansicht product configurator */
.product_configurator_container {
    margin-top: 0.6em;
}
.product_configurator_container h4{
    margin-top: 0.8em;
    margin-bottom: 0.3em;
}
.product_configurator_description {
    font-size: 0.8em;
    margin-bottom: 0.5em;
}
.product_configurator_table {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.product_configurator_row {
    display: table-row;
    border-bottom: 1px solid #CFCFCF;
}
.product_configurator_col {
    display: table-cell;
    padding: 0.5em 0 0.7em 0;
    /*width: 80%;*/
    vertical-align: middle;
}
.product_configurator_col_title {
    font-size: 0.8em;
    font-weight: bold;
    color: #333;
}
.product_configurator_col:first-child {
    width: 18%;
}
.material_box {
    float: left;
    cursor: pointer;
    margin-top: 5px;
    background-position: center;
}
.material_box a {
    background-color: #333;
    height: 2.8em;
    width: 4.6em;
    margin-left: 0.5em;
    display: block;
}
.no_material a {
    height: auto;
    width: auto;
}
.no_material .keine_box {
    line-height: 2.8em;
    padding: 0 1.1em;
    position: static;
    min-width: 1em;
}
.no_material .no_roof_box {

}
.color_pick a {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background-color: transparent;
    width: auto;
    height: 2.8em;
    line-height: 2.8em;
    padding: 0 0.5em;
    border: 1px solid #333;
    color: #333;
    font-weight: bold;
    text-align: center;

}
.color_pick a.color_ral {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    color: #fff;
}
.material_box.active a {
    /*background-color: #a7251e;*/
    position: relative;

}
.material_box.active a::after {
    content: "";
    background: transparent url('../img/order/check_small.png') no-repeat center center;
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top:0;bottom:0;left:0;right:0;
    margin: auto;
}
.color_pick a:hover {
    border: 1px solid #0071bc;
}
.color_pick span {
    font-size: 0.8em;
}
.material_box a:link , .material_box a:hover, .material_box a:visited, .material_box a:active {
    cursor: pointer;
}

.step1_opt_section {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CFCFCF;
}
.colorlinewrapper {
    float: left;
    background:#fff;
    /*max-width: 14em;*/
    text-align:left;
    overflow:hidden;
    padding:0.5em;
    margin:0px;
/*    border:1px solid #000;*/
    /*min-width:223px;*/
}
.checkbox_container_1 , .checkbox_container_2 {
    font-size: 0.8em;
}

.checkbox_floorplan, .checkbox_package, .checkbox_video {
    display: inline-block;
    margin-bottom: 16px;
}

.checkbox_video  .checkbox_video {
    margin-bottom: 0px;
}

.checkbox_floorplan .checkbox_floorplan,
.checkbox_package .checkbox_package {
    margin-bottom: 0;
}

.checkbox_virtualtour {
    display: initial;
}

.checkbox_container_2 h5{
    font-size: 1em;
    margin: 0.9em 0 0.5em 0;
}
.step1_preis_calculation {
    font-size: 1em;
    font-weight: bold;
}
.step1_calculation_title {
    color: #a7251e;
    display: block;
}
.step1_calculation {
    color: #0071bc;
    display: block;
    font-size:1.2em;
}
.specificationswrapper .top_section{width:100%;margin-bottom:20px;}
.specificationswrapper .bottom_section{width:100%;}
.colorlinewrapper.colorline_graphic {}
.colorlinewrapper.colorline_graphic .colorlinetitle {width:100%;}
.colorlinewrapper.colorline_graphic .colorlinetitle p{width:65%;}
.colorlinewrapper.colorline_graphic .colorlist li {margin-left:7px;}
.colorlinewrapper.colorline_graphic .colorlist li:first-child {margin-left:0;}
.colorlinewrapper p{margin:14px 0px 0px 4%;font-size:100%;width:65%;float:left;}
.colorlinetitle {margin-bottom:10px;}
/*#colorline6_ill {width:2em;height:2em;border:1px solid transparent;float:right;margin-right:4%}
#colorline6_ill.active,
#colorline6_ill:hover,
#plansourse:focus{border-color:#000;}*/
#colorline6_ill a {display:block;width:1.6em;height:1.6em;margin:0.2em;background:transparent url('../img/immonet_color.jpg') no-repeat center center;}
ul.colorlist{list-style:none;padding:0px;margin:0px 0px 0px 0px;}
ul.colorlist li{float:left;display:block;width:32px;height:32px;border:1px solid transparent;margin-left:5px;padding: 3px;}
ul.colorlist li.active,
ul.colorlist li:hover,
ul.colorlist li:focus{border-color:#000;}
ul.colorlist li a{float:left;display:block;width:100%;height:100%;}

/* colors for the illustration part */
ul.colorlist li#colorline1_ill a{background-color:#336799;}
ul.colorlist li#colorline2_ill a{background-color:#009245;}
ul.colorlist li#colorline3_ill a{background-color:#c1272d;}
ul.colorlist li#colorline4_ill a{background-color:#603813;}
ul.colorlist li#colorline5_ill a{background-color:#666666;}

/* colors for the graphics part */
ul.colorlist li#colorline1_3d a,
ul.colorlist li#colorline1_2d a,
ul.colorlist li#colorline1_innen a,
ul.colorlist li#colorline1_tour a,
ul.colorlist li#colorline1_video a {
    background: url('../img/order/squares/texture_box_sprite.png') no-repeat 0px 0px;
}

ul.colorlist li#colorline13_3d a,
ul.colorlist li#colorline13_2d a,
ul.colorlist li#colorline13_innen a,
ul.colorlist li#colorline13_tour a,
ul.colorlist li#colorline13_video a {
    background: url('../img/order/squares/lightwood_111.png') no-repeat 0px 0px;
}

ul.colorlist li#colorline2_3d a,
ul.colorlist li#colorline2_2d a,
ul.colorlist li#colorline2_innen a,
ul.colorlist li#colorline2_tour a,
ul.colorlist li#colorline2_video a {
    background: url('../img/order/squares/texture_box_sprite.png') no-repeat 0px -26px;
}

ul.colorlist li#colorline14_3d a,
ul.colorlist li#colorline14_2d a,
ul.colorlist li#colorline14_innen a,
ul.colorlist li#colorline14_tour a,
ul.colorlist li#colorline14_video a {
    background: url('../img/order/squares/darkwood_112.png') no-repeat 0px 0px;
}

ul.colorlist li#colorline3_3d a,
ul.colorlist li#colorline3_2d a,
ul.colorlist li#colorline3_innen a,
ul.colorlist li#colorline3_tour a,
ul.colorlist li#colorline3_video a {
    background: url('../img/order/squares/texture_box_sprite.png') no-repeat 0px -52px;
}

ul.colorlist li#colorline4_3d a,
ul.colorlist li#colorline4_2d a,
ul.colorlist li#colorline4_innen a,
ul.colorlist li#colorline4_tour a,
ul.colorlist li#colorline4_video a {
    background: url('../img/order/squares/texture_box_sprite.png') no-repeat 0px -78px;
}

ul.colorlist li#colorline12_3d a,
ul.colorlist li#colorline12_2d a,
ul.colorlist li#colorline12_innen a,
ul.colorlist li#colorline12_tour a,
ul.colorlist li#colorline12_video a {
    background: url('../img/order/squares/texture_box_sprite.png') no-repeat 0px -104px;
}

ul.colorlist li#colorline5_3d a,
ul.colorlist li#colorline5_2d a,
ul.colorlist li#colorline5_innen a,
ul.colorlist li#colorline5_tour a,
ul.colorlist li#colorline5_video a {
    background: url('../img/immonet_color.jpg') no-repeat center center;
}

.layoutline_btn {
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid #333;
    margin-left: 10px;

}
.top-color-img {
    display: none;
    /*z-index: 1;*/
}

.colorline_top_btn1 a{background: #CECECE;}
.colorline_top_btn2 a{background: #bababa;}
.colorline_top_btn3 a{background: #a39683;}
.colorline_top_btn4 a{background: #9f653b;}
.colorline_top_btn5 a{background: #9f503b;}
.colorline_top_btn7 a{background: #516070;}
.colorline_top_btn9 a{background: #3b3d41;}
.colorline_top_btn10 a{background: #4a3922;}
.colorline_top_btn6 a{background:#333 url('../img/order/brush.png') no-repeat center center;}

.colpick {
    z-index: 100;
}
.colpick_hex_field {
    display: none;
}
.layoutline_btn:first-child {
    margin-left: 0px;
}


.specificationswrapper .top_section{width:100%;margin-bottom:20px;}
.specificationswrapper .bottom_section{width:100%;}
#formatwrapper {width:120px;float:left;height:96px;padding-left:2%;}
#formatwrapper li {list-style-type:none;text-align:left;padding-left:20%;cursor:pointer}
#orientation_landscape {background: transparent url('../img/order/icon_landscape.png') no-repeat 0px -28px;margin:12px 0px 5px 0px;}
#orientation_portrait {background: transparent url('../img/order/icon_portrait.png') no-repeat 0px -28px;padding-top:7px;padding-bottom:6px;}
#orientation_landscape.active, #orientation_portrait.active {
	background-position: 0px 4px;
	color: #0071bc;
}
#formatwrapper span{display:block;text-align:left;font-size:60%;color:#c8c8c8;}
/*.options_section{line-height:1em;float:left;margin-top:-27px;margin-left:1.5em;width:60%;}
.options_section h4 {text-indent: 4px;}
.optionswrapper{font-size:90%;line-height:1.5em;}*/
.optionswrapper label , .optionswrapper input {cursor:pointer;}
.optionswrapper h5 {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0;
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 600;
}
.checkbox_container_2 h5 {padding:0;margin-top:12px;color:#a7251e;}
.checkbox_section_one , .checkbox_section_two {min-width:260px;}
.checkbox_section_one input, .checkbox_section_two input {margin-left:0;}
.checkbox_section_one {float:left;}
.checkbox_section_two {float:left;}
ul.furniturelist{list-style:none;display:block;text-align:center;}
ul.furniturelist li{display:block;float:left;margin-left:0px;width:30.48%;margin-right:4.10%;margin-bottom:20px;outline:1px solid #0071bc;}
ul.furniturelist li:nth-child(3n){margin-right:0px;}
ul.furniturelist li a{display:block;text-decoration:none;position:relative;margin:0 auto;width:100%;}

ul.furniturelist li a .furniture-subtitle.d3 .price_subtitle {background-color:#c1272d; }
ul.furniturelist li a .furniture-subtitle.d2 .price_subtitle {background-color:#f15a24; }
ul.furniturelist li a .furniture-subtitle.d1 .price_subtitle {background-color:#fbb03b; }
ul.furniturelist li a .furniture-subtitle.default .price_subtitle {background-color:transparent; outline:none;}

ul.furniturelist li a .furniture-subtitle.d1 div.line-through,
ul.furniturelist li a .furniture-subtitle.d2 div.line-through,
ul.furniturelist li a .furniture-subtitle.d3 div.line-through {
    display: block;
}

ul.furniturelist li a .furniture-check{height:30px;font-size:12px;line-height:20px;color:#0071bc;width:30px;background:url('../img/order/checkbox.png');background-repeat:no-repeat;background-position:0px 0px;position:absolute;bottom:0px;right:0px;z-index:20;}
ul.furniturelist li a.checked .furniture-check{background-position:0px -30px;}

.furniture-opacity{position:absolute;width:30px;height:30px;bottom:0;right:0;background:transparent url('../img/t80_white.png') repeat;z-index:10;}
.next_checks {display:none;position:absolute;top:0;width:100%;height:100%;text-align:left;font-size:80%;z-index:100;padding:15% 0 0 5%;background: transparent url('../img/t80_white.png');}
.next_checks label {padding:15px 0px 10px 30px;margin-left:-30px;display:inline-block;color:#000;font-size:100%;font-weight:bold;}
ul.furniturelist li a.checked .next_checks {display:block;max-width:320px;}

ul.furniturelist li a.checked .furniture-opacity{width:100%;height:100%;background:transparent url('../img/order/check.png') no-repeat; background-position: center center;}
ul.furniturelist li a .furniture-image{position:relative;background:#fff;}
ul.furniturelist li a .furniture-image img {display:block;width:100%;margin:0 auto;opacity:0;height:auto;}
ul.furniturelist li a .furniture-image img.visible {opacity:1;}
ul.furniturelist li a .furniture-subtitle{padding:0px;background:#a7a7a7;color:#fff;text-decoration:none;text-align:left;}
ul.furniturelist li a.checked .furniture-subtitle{background:#0071bc;color:#fff;}
ul.furniturelist li a .furniture-subtitle span {display:block;padding:0.4em 0.7em 0.4em 0.7em;font-size:80%;}



.type_subtitle {float:left;}
.price_subtitle {
    float:right;position:relative;
/*    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;                */
}
ul.furniturelist li a .furniture-subtitle div.line-through  {color:#c1272d;text-decoration:line-through;float:right;display:none;}
ul.furniturelist li a .furniture-subtitle span.old_price {padding-left:0px;padding-right:0.4em;font-size:0.8em;/*padding-top:0.7em;*/color:#fff;}

.projecttitlefield {margin-bottom: 1em;}
.projectTitle {width:53%;float:left;min-width:225px;}

.projectDetails {
    width:53%;
    float:left;
    min-width:225px;
    min-height: 10em;
    margin-top: 0.5em;
    border: 0;
    padding: .5em 1em;
}
#overview_project_details {
    clear: both;
    margin-top: 0.5em;
    margin-bottom: 2.1em;
}
.product_description_main {
    font-weight: normal;
    font-size: 0.7em;
    color: #787878;
}

.field-title{display:block;font-size:100%;padding:0.5em 0em;color:#878787;}
.ui_tooltip_content {
    display: none !important;
}
.ui-tooltip {
    padding: 1.5em;
    font-size: 0.8em;
    box-shadow: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.25);

}
.ui-tooltip p {
    margin: 0 0 0.4em 0;
    font-weight: bold;
    color: #0071bc;
}
.ui-tooltip ul {
    padding-left: 1em;
}
.ui-tooltip li {
    list-style-type: disc;
    margin-bottom: 0.4em;
    padding-left: 0;
}
.info_rollover {
    max-width:300px;
    height:20px;
    width:20px;
    background:transparent url('../img/info.png') no-repeat center center;
    /*background-size: 100%;*/
    float:left;
    margin:8px;
    cursor:pointer;
    position:relative;
    vertical-align:text-bottom;
    border-radius: 50%;
}
.info_rollover.currency {
    background:transparent url('../img/euro.png') no-repeat center center;
    margin-left: 2px;
}
.info_rollover.inline_rollover {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.info_rollover p {
    display:none;
    z-index:100;
    position:absolute;
    top:-19px;left:16px;
    width:21em;
    height:auto;
    padding:1em;
    font-size: 12px;
    color: #878787;
    font-weight: normal;
    text-align: left;
    line-height: 1.2em !important;
    background-color:#fff;
    font-size:0.8em;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.25);
}
.ifno_rollover p a {
    color: #0071bc !important;
}
.info_rollover:hover p {display:block !important;}

.info_rollover.materials_rollover {
    height: 15px;
    width: 15px;
    margin: 0;
    background-size: 100%;
}

.add_more_files {
    float: left;
    display: block;
    margin-top: 1em;
    margin-right: 0.5em;
}

/*~~~~~~~~~~~~~~~~~~*\
        Step 2
\*~~~~~~~~~~~~~~~~~~*/
.full_sum_preview {
    position: absolute;
    bottom: 30px;
    right: 0;
    font-weight: bold;
    color: #a7251e;
    padding: 0 0 1em 0;
}
.full_sum_calculation {
    color: #0071bc;
}

.upload-line{margin:1em 0;clear:both;border-top: 1px solid #d6d6d6;}
.upload-line input , .upload-line select {text-indent:.8em;margin:0;padding:.5em 0;}
.upload-line select.select_floorplanammount {text-indent:0;padding:.5em 1em;width:171px; margin-bottom: 10px}
.select_info {margin:0;}
.upload-choose{width:37.273%;float:left;margin:0em;position:relative;max-width:240px;position:relative;}
.upload_success .delete_upload{
    display:block;
}
.upload_success form {display:none;}
.upload-choose input {text-indent: 0;}
.upload_erlaubte_formate {
    font-size: 0.7em;
    color: #878787
}

.upload_text_notes{float:right;width:62.727%;}
.upload-subtitle{width:50%;}
.upload-subtitle input {width:100%;}
.upload-note{width:100%;}
.upload-note select {width:55%; border-radius: 4px}
.upload_details {width:100%;}
.upload_amount_floorplans {width:100%;}

.upload-note , .upload_details , .upload_amount_floorplans {
    margin: 0.5em 0 0 0;
}
.button_upload_box , .button-new-upload, .button-cancel-upload {
    cursor: pointer;
}
.button_upload_box , .button-new-upload , .alert_box_error , .button-cancel-upload {
    float: right;
    margin-left: 1em;
}
.button-new-upload , .alert_box_error, .button-cancel-upload {
    color: #fff;
    font-size: 120%;
    padding: .5em 1em;
    border: none;
    outline: none;
    /*outline-color: #0071bc;*/
    font-weight: bold;
    margin: 0 0 0 1em;
}
.button_upload_box {
    border: 1px solid #30A94E;
}
.button-new-upload {
    padding: 10px 36px !important;
    color: #444444 !important;
    font-size: 120%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: #FFFFFF;
    border: 2px solid #F0F0F0;
    border-radius: 30px;
    text-decoration: none !important;

    cursor: pointer;
}

.button-new-upload:hover {
    color: #fff !important;
    background-color: #444444;
}
.button-cancel-upload {
    background: transparent;
    /*border: 1px solid #878787;*/
    color: #878787;
    font-weight: normal;
    margin-left: 0;
}
.alert_box_error {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.5em 0;
    background-color: #a7251e;
    color: #FFFFFF;
    font-size: 0.8em;
    text-align: center;
    margin: 0px;
}

.upload_details input {width:100%;}
.upload-choose form {}
.upload-existing-file {padding-bottom:2px;}
.upload-existing-file .uploaded_file_link{
    text-decoration: none;
    color: #30A94E;
    /*max-width: 200px;*/
    width: 90%;
    background-color: #fff;
    padding: 5%;
    outline:1px solid #30A94E;
    word-wrap: break-word;
    display: inline-block;
    background-color:#fff;
    /*font-weight:bold;*/
}
.upload-existing-file:hover .uploaded_file_link {
    background-color: #30A94E;
    color: #fff;
}
.upload-existing-file img {
    max-width: 240px;
    max-height: 160px;
}
.delete_upload {
    width:12px;height:12px;
    display:none;
    /*background: transparent url('../img/delete.png') no-repeat center center;*/
    background: transparent url('../img/delete_red.png') no-repeat center center;
    top:13px;
    right:0;
    position:absolute;
}
.delete_upload.inline_delete_upload {
    position: static;
}
.alert_upload_button {
    padding: 0.8em 1em;
    margin-top: 0.5em;
}
.step1_datei_hochladen {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.step1_datei_hochladen_liste {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;

}
.file_list_line {
    display: table-row;
    border-bottom: 1px dashed #BBB;
    margin-bottom: 0.5em;
    width: 100%;
}
.file_list_line:first-child {
    border-top: 1px dashed #BBB;
}
.file_list_line > a:hover {
    color: #333;
}
a.file_list_filename , .file_list_floorplanammount , a.file_list_delete , a.uploaded_file_edit {
    display: table-cell;
    color: #0071bc;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}
a.file_list_filename {
    width: 55%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.file_list_floorplanammount , .file_list_delete , .uploaded_file_edit{
    width: 15%;
    text-align: center;
}
.file_list_delete {
    max-height: 19px;
    background: transparent url('../img/icon_delete.png') no-repeat center center;
}
.uploaded_file_edit {
    max-height: 19px;
    background: transparent url('../img/icon_edit.png') no-repeat center center;
}
.file_list_floorplanammount {
    color: #a7251e;
    font-weight: bold;
}
.confirm_error_container {
    display: none;
    color: #fff;
}
.confirm_error_container a {
    color: #fff;
    margin-left: 20px;
}
.confirm_error_container.active {
    display: block;
    background-color: #a7251e;
    width: 180px;
    margin-left: 2px;
    padding: 10px;
    font-size: 0.8em;
}
.up_tooltip_info {
    font-weight: normal !important;
    color: #333 !important;
}
.tooltip_title {
    font-weight: bold !important;
    color: #0071bc !important;
}

.upload-status {
    font-size: 0.8em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0.6em;
}
.upload-status.uploading {
    color: #0071bc;
    background: transparent url('../img/loading.gif') no-repeat left center;
    background-size: 10%;
    text-align: right;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.upload-status.invalid {
    color: #a7251e;
    font-style: italic;
    font-weight: normal;
    font-size: 1em;
    word-wrap: break-word;
}
.upload-choose form input {margin:0px;max-width:100%;}
.info_rollover.upload_inline_info {display:inline-block;float:none;margin:0px 0px 0px 5px;font-size:1em;color:#000;}
.info_rollover.upload_inline_info p {max-width: 200px;}

#addfiles_btn {background-color:transparent;color:#0071bc;padding:0;}
#addfiles_btn:active{outline:none;}
/*div.t-col {min-width: 49.5%;display: inline-block;margin: 0px;padding: 0px;border: none;vertical-align:top;}*/
div.t-col {min-width: 49%;display: block;margin: 0px;padding: 0px;border: none;vertical-align:top;float:left;}
div.r-col1 {width: 28%;display: inline-block;font-size:80%;color:#000;}
div.r-col2 {width: 65%;display: inline-block;}
.t-row input[type="text"] {width: 80%;padding:.5em 5%;border:none;outline-color:#0071bc;border:1px solid transparent;}
.t-row select {width: 90%; padding-left: 5%;}
div.t-row {margin-bottom: 10px;}
.upload_nextbuttonwrapper .mandatory_field {padding-top:15px;}
.mandatory_field {color:#a7251e;font-size:80%;display:block;float:left;cursor:default;}
.highlight {
    outline:1px solid #0071bc !important;
}
.error_registration_info {
    max-width: 60%;
    width: 440px;
    margin-left: 29%;
    font-size: 0.8em;
    color: #a7251e;
    font-weight: bold;
    margin-top: 0.1em;
}
/*.verify_invalid input{
    border: 1px solid red !important;
}
.verify_valid input {
    border: 1px solid green !important;
}*/
.verifying {
    background: transparent url('../img/loading.gif') no-repeat right 0px;
    background-size: 24px;
}

/* Innen renderings details box simple */
.details_container {
    color: #333;
}
.details_container > img {
    width: 100%;
}
.details_col1 {
    width: 50%;
    float: left;
}
.details_col1 img , .details_col2 img {
    width: 100%;
}
.details_col1 img:first-child {
    margin-bottom: 0.5em;
}
/*.details_col1 img {width:100%;}*/
.details_col2 {
    width: 45%;
    float: left;
    margin-left: 5%;
}
details_subtitle {
    font-weight: bold;
}
.details_subtitle {
    margin-top: 0px;
    font-weight: bold;
}
.details_col2 span {
    display: block;
    margin-top: 0.5em;
}

/* Innen renderings details box gallery */
.gallery_container {
    margin-bottom: 1em;
}
.details_col1_gallery {
    width: 72%;
    float: left;
}
.gallery_container_img {
    width: 100%;
    height: auto;
}
.details_col2_gallery {
    width: 24%;
    margin-left: 4%;
    float: left;
}
.details_col2_gallery a {
    display: block;
    width: 71.7%;
    /*margin: 0 auto;*/
}
.details_col2_gallery a img {
    width: 100%;
    height: auto;
    opacity: 0.5;
}
.details_col2_gallery a img.active {
    opacity: 1;
}
.details_gallery_text {
    color: #333;
}
.details_gallery_text span{
    display: block;
    margin-bottom: 0.5em;
}

.details_text_innen_interactive {
    background-image: url('../img/t80_white.png');
    padding: 0.5em 1em;
    font-size: 0.8em;
/*    position: absolute;
    bottom: 0;
    left: 0;*/
    color: #787878;
    z-index: 100;
}
.werbefrei {
    display: block !important;
}
.werbefrei.active {
    display: none !important;
}
img.innen_logo {
    top: 5% !important;
    right: 5% !important;
}

.top_box {margin-top:1em;}
#daten_login_box {width:45%;float:right;margin-left:3%;padding-left:2%;padding-bottom: 1em;}
#daten_separator {width:4.8%;float:right;border-left:1px solid #d6d6d6;height:155px;}
#daten_register_box {width:45% !important;float:right !important;}

span.chk-label, .chk-label{font-weight:bold;color:#0071bc;font-size:110%;}
.confirm_button {width:80px;cursor:pointer;padding:0.5em 0;margin:-2px 0 0 0;border:1px solid transparent;}
.confirm_button:first-child {margin-right:11px;}
.register_default {
    border:1px solid #0071bc;
    color:#212121;
    background-color:transparent;
}
input[name="isPrivateOrCompany"]{margin-left: 60px}
input[name="isPrivateOrCompany"]:first-child{margin-left: 0px;}
#paymentwrapper{color:#676767;width:100%;min-width:0px;}
#paymenttypewrapper{display:block;}
#paymenttypewrapper li {
    box-sizing: unset;
}
#package_type{position:relative;display:block;float:left;margin-right:50px;max-width:350px;}
.pack_co{color:#0071bc;}
.calculation_color_top {padding:0px 1em;margin-left:0.3em;border:1px solid #B3AFAF;}
.calculation_info {float:none;display:inline-block;margin:0px;}
.package_options {display:inline;font-size:90%;}
#paymenttypedescription{font-size:80%;color:#878787;margin:.5em;}
#pay_method_list li {
display:block; float:left; text-align:center; width: 15.4%; border:1px solid #878787; padding:6px 0px 6px 0px; margin:0px 5px 10px 4px; height:30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    min-height: 35px;
}
#pay_method_list li:last-child {
    margin-right:0px;
}
#pay_method_list li:hover {border-color: #4F64C4;}
#pay_method_list li:hover a {color: #4F64C4;}
#pay_method_list a {font-size:80%; display:block; width:100%; text-decoration:none; color:#878787; height:100%;}

#pay_method_list .pay_method_active {
    /*background-color: #0071bc;*/
    /*border: 1px solid #0071bc;*/
    font-family: 'Open Sans', sans-serif;
    background: #36468E;
    background: linear-gradient(90deg, #4F64C4 0%, #36468E 100%);
    border: 1px solid #36468E;
    box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16);
    outline-color: #0071bc;
    text-decoration: none !important;
    cursor: pointer;
    user-select: none;
}
#pay_method_list .pay_method_active a {color: #fff;}
#pay_method_list .pay_method_active:hover a {color: #fff;}
.single_line {padding-top: 5px;display: flex !important;align-items: center;justify-content: center;}
#invoice_send {background-color:transparent;border:1px solid #878787;color:#878787;}
#gross_total {background-color:#0071bc; color:#fff; box-sizing: unset;}
.price-calc-line{clear:both;width:100%;margin-top:15px;margin-bottom:15px;}
.price-calc-line:first-child{margin-top:0px;}
.discounts_line { color: red; font-weight: bold; }
.col1-1 {padding-left:1%;width:30%;float:left;}

.col1-2table {width:65%; padding-left:2%; padding-right: 1%; border-left:1px solid #d6d6d6; float:right;}
#calculation_versions_container , #calculation_options_container , #calculation_product_container {
    display: table;
    width:100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.furnishing_line , .options_line {display: table-row;}
.furnishing_line:hover , .options_line:hover {
    color: #0071bc;
}
.furnishing_name , .furnishing_price , .options_name , .options_price{
    display: table-cell;
    vertical-align: baseline;
}
.furnishing_name , .options_name {
    width:89%;
    padding-bottom: 0.4em;
}
.furnishing_price , .options_price {
    width: 5.5em;
    /*padding-right:1%;*/
    text-align: right;
}


.col1-2 {width:auto;float:left;padding-left:3%;border-left:1px solid #d6d6d6;}
.col1-3 {padding-right:1%;width:auto;float:right;text-align:right;}
.col1-1large {padding-left:1%;width:auto;float:left;text-align:left;}
.col1-3large {padding-right:1%;width:auto;float:right;text-align:right;}
.col1-3small {padding-right:1%;width:auto;float:right;text-align:right;}
col1-1large.col_subtotal {
    text-align: right;
}
col1-3small.col_subtotal {
    text-align: right;
}
.table_line {
    display: table;
}
.table_line_row {
    display: table-row;
}
.col_table_cell {
    display: table-cell;
    float: none;
}
.hidden {
    display: none !important;
}

ul.col1-2 > li , ul.col1-3 > li{margin-bottom:5px;}
.col1-2table small {display:none;}
.price_field_inline {display:inline;}
.price_package {border-bottom: 1px solid #d6d6d6;padding-bottom:10px;margin-bottom:10px;}
.price-calc-line .col1{float:left;clear:left;text-align:left; margin-right:10px;line-height:20px;padding-left:10px;}
.price-calc-line .col2{
    float:right;
    /*width:80px;*/
    text-align:right;
    line-height:22px;
    padding-right:10px;
    font-size: 16px;
}
.price-calc-line .col2>span{font-size: 110%;}
.price-calc-line.invoice_line .col2{padding-top: 3%;}
#prod-3-amount,#prod-14-amount{font-size:110%;padding: .2em .5em;background-color:transparent;border:1px solid #878787;}
#floorplanammount {font-weight: bold; color:#0071bc;}
.operator-x {padding:0 7px;}
.checkout-title{display:block;font-weight:bold;line-height:1.3em;}
#colorline_img {}
.checkout-detail{display:block;}
#price-floorplans, #price-section{line-height:2em;}
#gross_total .price-sum {color:#fff;}
.price-sum,.price-sum *{font-weight: bold;color: #0071bc;font-size: 110%;}
#about_footer_nav {
    padding-top: 20px;
    padding-left: 3em;
    padding-bottom: 20px;
    border-top: 2px solid #F0F0F0;
    width: 100%;
}
#about_footer_nav li {
    float: left;
    padding-right: 1.5em;
    padding-left: 1.5em;
    border-right: 1px solid #000;
    line-height: 10px;
}
#about_footer_nav li:first-child {
    padding-left: 0px;
}
#about_footer_nav li:last-child {
    border: none;
}
#about_footer_nav a , #about_footer_nav a:link , #about_footer_nav a:visited {
    font-size: 0.7em;
    text-decoration: none;
    color: #000;
}
#about_footer_nav a:hover {
    color: #0071bc;
}
/* stepbox 5 */
.overview_section:first-child{margin-top:0px;border:none;}
.overview_section {
	position: relative;
	padding-top: .8em;
	margin-top: .8em;
	border-top: 1px solid #d6d6d6;
}
.overview_section .heading {
	margin-bottom: 7px;
	margin-right: 0.8em;
}
.overview_section .heading:first-child {
	/* -1px to match the other first headings from the boxes */
	margin-top: -1px;
}
.overview_top_color {
        position: absolute;
        top: 0;
        left: 0;
}
button.button-change {
	font-size:90%;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px;
	padding: 5px 12px 5px 12px;
}
/*---auswahl*/
#auswahl-options {
	padding-top: 0.5em;
	font-size: 90%;
	color:#878787;
	float: left;
}
#auswahl-options > ul {margin-top:0.6em;}
#auswahl-options li {
	list-style-type: none;
	font-weight: bold;
	color: #0071bc;
}
#auswahl-options li:before {content:" ";}
/*#auswahl-options li:after {content:",";}*/
.model_box {
	position: relative;
	width: 150px;
	height: 110px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
        margin-bottom: 10px;
	border: 1px solid #0071bc;
}
.model_box img {
    display:block;
    width: 220%;
    margin-left: -38%;
    margin-top: -4%;
}
.video_box img {
    margin-left: 0px;
    width: auto;
    height: 100%;
    margin-top: 0px;
}
.model_subtitle {
    padding: 6px 0px 6px 6px;
    font-size: 80%;
    position: absolute;
    width: 100%;
    bottom: 0;
    display:block;
    color: #fff;
    background-color: #0071bc;
}
.extra_options {
        font-size:0.8em;
}
/*---hochladen*/
.upload_box {
	/*float: left;*/
        vertical-align: top;
        display:inline-block;
	margin: 0px 2% .8em 0px;
	text-align: left;
        max-width:200px;
}
.upload_status {
	font-size: 80%;
	color: #878787;
	display:block;
}
.upload_subtitle {
	font-weight: bold;
	color: #0071bc;
	display:block;
}
.upload_image_box {
	/*width: 150px;*/
        height: 70px;
        overflow: hidden;
	border: 1px solid #0071bc;
	background-color: #fff;
}
.upload_image_box img{
	display:block;
	width: auto;
/*	height: 100%;
        min-width: 150px;
        min-height: 150px;*/
        width:100%;
        /*background: transparent url('../img/nopreview.jpg') no-repeat center center;*/
}
.upload_file_name {
        padding-top:5px;
        display:block;
	font-size: 80%;
	font-weight: bold;
	line-height: 1em;
        word-wrap: break-word;
}
.upload_file_details {
        margin-top: 5px;
        /*border-top: 1px solid #d6d6d6;*/
        padding-top: 5px;
        display:block;
        font-size: 80%;
        word-wrap: break-word;
        max-height:80px;
        overflow: auto;
}
#upload_box_wrapper {
/*	padding-bottom: 15px;*/
}
/*---ihre daten ---*/
.overview_company_container {
    max-width: 45%;
    margin-right: 5%;
    float: left;
}

#overview-mcgrundriss {
    /*font-size: 0.8em;*/
}
#overview-company {
    /*font-size: 0.8em;*/
}
.overview_company-email_container {
    max-width: 50%;
    float: left;
}
.overview_company_section_title {
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #d6d6d6;
}
/*---zahlung*/
.important_text {
	font-weight: bold;
	color: #0071bc;
}
.important_link:hover {
    text-decoration: underline;
}
.shadow1{
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,.3);
	box-shadow: 0px 3px 7px 0px rgba(0,0,0,.3);
}
.shadow2{
	-webkit-box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16);
	-moz-box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16);
    box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16);
}

.t-col,
ul.furniturelist li a .furniture-image img
{
	transition:all 0.4s cubic-bezier(.4,.0,.15,1);
	-webkit-transition:all 0.4s cubic-bezier(.4,.0,.15,1);
	-moz-transition:all 0.4s cubic-bezier(.4,.0,.15,1);
	-o-transition:all 0.4s cubic-bezier(.4,.0,.15,1);

}
.overview_project_title_text {
    /*margin-top: 1em;*/
    margin-bottom: 1em;
}


#dialogoverlay{
	display: none;
	background-image:url('../img/t80_white.png');
	background-repeat:repeat;
	position: absolute;
        height: 100%;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9998;
}
#dialogbox{
        position: relative;
	display: block;
	margin:0 auto 0 auto;
	background: #fff;
    border-radius: 20px;
	max-width:900px;
        width: 90%;
	z-index: 300;
}
#dialogbox.noerror {
    width: 90%;
    max-width: 900px;
}
#dialogbox > div{ margin:1em; }
#dialogboxhead{font-size:18px; padding:.8em; color:#1A1A1A;font-family: 'Montserrat', sans-serif; font-weight: 600; }
#dialogboxbody{padding:.8em; color:#0071bc; }
#dialogboxfoot{padding:.5em; text-align:right; }

.mandatory:after,
.mandatory::after{content:' *';color:#a7251e;font-size:120%;}

.link_button {
    background: linear-gradient(90deg, #4F64C4 0%, #36468E 100%);
    color: #fff;
    padding:0.5em 0.5em;
    border-radius: 10px;
}
.link_button:hover {
    color: #fff;
    background: #36468E;
}
.preview_option_btn {
    display: inline-block;
    margin-top: 0.5em;
}
.title_link_button {
    font-size: 0.6em;
    font-weight: normal;
    background-color: #0071bc;
    color: #fff;
    border: 1px solid #0071bc;
    padding: 0.2em 0.5em;
    display: inline-block;
    vertical-align: middle;
}
.title_link_button.preview_link {
    margin-left: 5px;
    vertical-align: bottom;
    font-size: 0.8em;
}

/* Autocomplete styles */
.ui-autocomplete {
    font-size: 0.8em;
    line-height: 2em;
    text-indent: 10px;
    position: absolute;
    z-index: 300;
    border: 1px solid #d6d6d6;
    max-height: 200px;
    overflow: auto;
}
.ui-menu-item {
    background-color: #fff;
    border:1px solid #fff;
    cursor:default;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none;
	background: #f3f3f3;
	font-weight: normal;
	color: #212121;
        margin: 0;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: none;
	background: #f3f3f3;
	font-weight: normal;
	color: #212121;
}

.ui-helper-hidden-accessible {
    display: none;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 50%;
}
/* Confirmation */
#confirmation_step {margin-top: 50px;}
.box_confirmation {
    padding: 1em 0 1em 0;
    border-top: 1px solid #d6d6d6;
}
.box_confirmation:first-child {
    border: none;
}
.contact_line {
    width: 100%;
    display:block;
}
.contact_box {
    float:left;
    width: 48%;
    font-size: 0.8em;
    color: #878787;
    margin-left: 2%;
}
.contact_box:first-child {margin-left:0px;}
.contact_line:first-child .contact_box {
    font-size: 1em;
    color: #000;
}
.tel_details > span {min-width: 300px;}
a.option_link {
    font-size: 0.8em;
    padding: 0.2em 0.5em;
    background-color: #0071bc;
    color: #fff !important;
    display: inline-block;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
a.option_link:hover {
    background-color: #3da0e2;
}
.project_title_overview {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}
#natural_person_last_conditions{padding: 1em;margin-top: 2em;font-size: .8em;}
.confirmation_person_from{margin: 2em;padding: 1em;background: #fff;line-height: 3em;text-align: center;font-weight: bold;}
.confirmation_person_from input[type="radio"]{width: 1.2em;height: 1.2em;}
.extra_confirm{
    text-align: left;padding-top: 0.3em; line-height: 1.2em; font-weight: normal;
}
#privacypolicy_consent_container {
    margin: 1em;
}

.overview_auftrag_bearbeiten{font-weight: bold;display: none;}
.overview_auftrag_bearbeiten input{width: 1.2em;height: 1.2em;}
.overview_auftrag_bearbeiten .heading{text-align: left;}
.delivery_list {
    /*font-size: 0.8em;*/
    color: #000;
    margin: 0.3em 0 0.5em 2em;
}
.return_to_order a , .return_to_order span{
    display: inline-block;
}
.drawerErrors {
    color: #fff;
    background-color: #a7251e;
    padding: 2% 5%;
}
.drawerOptions {
    color: #fff;
    background-color: #0071bc;
    padding: 2% 5%;
}
.drawerErrors h3, .drawerOptions h3 {
    margin: 0px 0px 5px 0px;
}
#ral_colorpick_container_outer {
    display: none;
    background-color: #333;
    background: #333 url('../img/loading_ajax.gif') no-repeat center 50px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
    padding-top: 5em;
}
#ral_colorpick_container_outer.loaded {
    background-color: #333;
    background-image: none;
}
#ral_colorpick_quit {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2em 0;
    text-align: center;
    background-color: #0071bc;
    color: #fff;
}
.ral_close_buttons {
    width: 65px;
    height: 65px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0.5em;
    cursor: pointer;
}
.ral_close_buttons:hover {
    background-color: #3A91CA;
}
.ral_back_arrow {
    background: transparent url('../img/order/back-arrow.png') no-repeat center center;
    left: 0.5em;
}
.ral_close_arrow {
    background: transparent url('../img/order/x-arrow.png') no-repeat center center;
    right: 0.5em;
}
.gallery-thumbs-container {
    text-align: left;
    width: 100%;
    margin-top: 0.5em;
}
.gallery-thumb-element {
    display:block;
    float: left;
    width: 13%;
    height: 50px;
    overflow: hidden;
    margin-left: 1.5%;
}
.gallery-thumb-element a {
    opacity: 0.5;
}
.gallery-thumb-element a.active {
    opacity: 1;
}
.gallery-thumb-element:first-child {
    margin-left: 0;
}
a.choose-layout-button {
    position: absolute;
    bottom: 0;
    left:0; right:0;
    margin: 0 auto;
    max-width: 23em;
    text-align: center;
    cursor: pointer;
    z-index: 100;
    padding: 0.6em 0;
    display: none;
}
.overview-configurator-element {
    margin-top: 0.3em;
    float: left;
    margin-left: 0.5em;
    width: 74px;
}
#overview_configurator {
    float: left;
    margin-right: 15px;
    /*width: 242px;*/
}
.overview-configurator-element-preview {
    width: 100%;
    height: 45px;
    /*background-color: #333;*/
}
.overview-configurator-element-title {
    text-align: center;
    font-size: 0.8em;
    padding: 0.4em 0.2em;
    color: #fff;
    background-color: #0071bc;
}

/* Textures and Colors */
/* roof */
.roof_material_1 a {background-image: url('../img/interactiv/product_6/configurator/textures/01.png');}
.roof_material_2 a {background-image: url('../img/interactiv/product_6/configurator/textures/02.png');}
.roof_material_3 a {background-image: url('../img/interactiv/product_6/configurator/textures/03.png');}
.roof_material_4 a {background-image: url('../img/interactiv/product_6/configurator/textures/04.png');}
.roof_material_5 a{background-color:#fff;outline:1px solid #333;position:relative;}
/* window */
.window_material_1 a{background-color: #fff;}
.window_material_2 a{background-color: #82898F;}
.window_material_3 a{background-image: url('../img/interactiv/product_6/configurator/textures/05.png');}
.window_material_4 a{background-image: url('../img/interactiv/product_6/configurator/textures/06.png');}
/* doors */
.door_material_1 a{background-color: #fff;}
.door_material_2 a{background-color: #82898F;}
.door_material_3 a{background-image: url('../img/interactiv/product_6/configurator/textures/05.png');}
.door_material_4 a{background-image: url('../img/interactiv/product_6/configurator/textures/06.png');}
/* terrace */
.terrace_material_1 a{background-image: url('../img/interactiv/product_6/configurator/textures/11.png');}
.terrace_material_2 a{background-image: url('../img/interactiv/product_6/configurator/textures/12.png');}
.terrace_material_3 a{background-image: url('../img/interactiv/product_6/configurator/textures/13.png');}
.terrace_material_4 a{background-image: url('../img/interactiv/product_6/configurator/textures/14.png');}
.terrace_material_5 a{background-image: url('../img/interactiv/product_6/configurator/textures/15.png');}
.terrace_material_6 a{background-image: url('../img/interactiv/product_6/configurator/textures/16.png');}
.terrace_material_7 a{background-image: url('../img/interactiv/product_6/configurator/textures/17.png');}
.terrace_material_8 a{background-image: url('../img/interactiv/product_6/configurator/textures/18.png');}
.terrace_material_9 a{background-image: url('../img/interactiv/product_6/configurator/textures/19.png');}
.terrace_material_10 a{background-image: url('../img/interactiv/product_6/configurator/textures/20.png');}
.terrace_material_11 a{background-color:#fff;outline:1px solid #333;position:relative;}
/* main */
.main_material_1 a{background-color: #fff;}
.main_material_2 a{background-color: #ccc;}
.main_material_3 a{background-color: #EAE6CA;}
.main_material_4 a{background-color: #CA9D5C;}
.main_material_5 a{background-color: #9EBED5;}
.main_material_6 a{background-color: #BDECB6;}
.main_material_7 a{background-image: url('../img/interactiv/product_6/configurator/textures/07.png');}
.main_material_8 a{background-image: url('../img/interactiv/product_6/configurator/textures/08.png');}
.main_material_9 a{background-image: url('../img/interactiv/product_6/configurator/textures/09.png');}
.main_material_10 a{background-image: url('../img/interactiv/product_6/configurator/textures/10.png');}
/* second */
.second_material_1 a{background-color: #fff;}
.second_material_2 a{background-color: #ccc;}
.second_material_3 a{background-color: #EAE6CA;}
.second_material_4 a{background-color: #CA9D5C;}
.second_material_5 a{background-color: #903534;}
.second_material_6 a{background-color: #AEA04B;}
.second_material_7 a{background-image: url('../img/interactiv/product_6/configurator/textures/07.png');}
.second_material_8 a{background-image: url('../img/interactiv/product_6/configurator/textures/08.png');}
.second_material_9 a{background-image: url('../img/interactiv/product_6/configurator/textures/09.png');}
.second_material_10 a{background-image: url('../img/interactiv/product_6/configurator/textures/10.png');}
.second_material_11 a{background-color:#fff;outline:1px solid #333;position:relative;}

.material_picker {
    width: 230px;
    padding: 8px;
    background-color: #BBB;
    position: absolute;
    top: 45px;
    left: -12px;
    z-index: 1;
}
.material_picker:after {
    content: '';
    position: absolute;
    display: block;
    top: -10px;
    left: 17px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #BBBBBB;
}
.material_picker li{
    vertical-align: middle;
}
.material_facade.ral_btn {
    font-size: 11px;
    width: 106px;
    background-color: #0071bc;
    line-height: 2.9em;
    padding-left: 0.9em;
    box-sizing: border-box;
    color: #fff;
}

span.keine_box {
    display: block;
    position: absolute;
    top: 30%;
    left: 23%;
    font-size: 1em;
    color: #333;
}
.second_material_12 a{}

/* colorpicked styles */
.color_container {
    width: 16%;
    min-width: 19em;
    margin: 1em 1%;
    float: left;
    padding: 0.5em 1%;
    height: 10em;
}
.color_container:hover {
    outline: 2px solid #fff;
}
.color_field_details {
    width: 40%;
    height: 100%;
    background-color: #333;
    color: #fff;
    float: right;
}
.color_field_preview {
    width: 60%;
    height: 100%;
    float: right;
}

.product_configurator_second_material_title.none , .product_configurator_terrace_material_title.none , .product_configurator_roof_material_title.none{
    color: #C0C0C0;
}
.ansicth_configurator_subtitle {
    color: #121212;
    margin-top: 1.2em;
}
.preview_bubbles {
    position: absolute;
    top: 0;
    left: 0;
}
.preview_bubbles li {
    width: 25px;
    height: 25px;
    background-color: #333;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #1D1D1D;
    -webkit-box-shadow: 1px 6px 19px -9px rgba(0,0,0,0.63);
    -moz-box-shadow: 1px 6px 19px -9px rgba(0,0,0,0.63);
    box-shadow: 1px 6px 19px -9px rgba(0,0,0,0.63);
    transition: all 0.5s ease-out;
    cursor: default;
}
.preview_bubbles li:hover {
    width: 45px;
    height: 45px;
    -ms-transform: scale(1.4,1.4);
    -webkit-transform: scale(1.4,1.4);
    transform: scale(1.4,1.4);
}
.preview_bubbles li a{
    display: block;
    width: 100%;
    height: 100%;
    cursor: default;
}
.invisible_material {
    display: none;
}
.remove_material {
    display: none;
}
select.change_house {
    padding-right: 0.5em;
    padding-left: 0.5em;
}

#ansicht_gallery_lightbox {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.new_feature::before {
    content: "";
    display: block;
    width: 31px;
    height: 15px;
    background: transparent url('../img/new_label.png') no-repeat center center;
    position: absolute;
    left: -35px;
}

.optionswrapper_groups h4 {
    margin-bottom: 0.2em;
    margin-top: 0.6em;
}

.optionswrapper_groups > div:first-child > h4 {
    margin-top: 0;
}



/* video intro / outro template */
.details_video_options_template {
    background-color: #fff;
    padding: 2% 0;
    height: 0px;
    padding-bottom: 56.23%;
    overflow: hidden;
    position: relative;
}
.details_video_options_template > table {
/*    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;*/
    margin: auto;
    width: 100%;
    margin-top:28%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.details_video_options_template_logo , .details_video_options_template_company , .details_video_options_template_project , .details_video_options_template_text {
    font-family: "Open Sans" , Verdana , sans-serif;
}
.details_video_options_template_logo {
    text-align: center;
    /*padding: 30px 0px 30px 0px;*/
}
.details_video_options_template_logo > img {
    width: 60px;
}
.details_video_options_template_company {
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    /*padding-top: 8px;*/
    padding: 4px 0px 4px 0px;
    color: #989898;
}
.details_video_options_template_project {
    text-align: center;
    /*padding-top: 30px;*/
    padding: 15px 0px 15px 0px;
    color: #333;
    font-size: 39px;
    font-weight: bold;
    font-family: Open Sans Condensed;
}
.details_video_options_template_text {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    /*padding-top: 50px;*/
    padding: 0px 10% 0px 10%;
    line-height: 1.5em;
    /*padding: 30px 10% 0 10%;*/
    color: #616161;
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.details_video_options_configurator {
    /*padding-top: 20px;*/
    margin-top: 20px;
    border-top: 1px solid #DDD;
}
.col1_1 {
    width: 25%;
    float: left;
}
.col1_2 {
    width: 30%;
    margin-left: 5%;
    float: left;
}
.col1_3 {
    width: 30%;
    margin-left: 5%;
    float: left;
}
.details_video_options_configurator input[type='text'] , .details_video_options_configurator textarea {
    width: 90%;
    border: 1px solid #DDD;
}
.details_video_options_configurator textarea {
    height: 89px;
}
.details_video_option_company_mod {
    margin-bottom: 15px;
}
.details_option_checkbox label {
    cursor: pointer;
}

/* ***************** */
.details_video_options_description {
    font-size: 0.8em;
}
.configure_template_title {
    color: #a7251e;
}
/* sound player */
.option_link.player_btn {
    padding: 0.3em 0.8em;
}
.option_link.is_stopped {
    height: 13px;
    background: #0071bc url('../img/stopped.png') no-repeat center center;
}
.option_link.--beispiel {
    border-radius: 20px;
}
.option_link.is_playing {
    background: #0071bc url('../img/playing.png') no-repeat center center;
}
/*flowplayer*/
.fp-player > a {
    z-index: 1 !important;
}
.fp-embed {
    display: none !important;
}
.template_error_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #DBD4D4;
    padding-bottom: 8px;
}
.template_error_message {
    margin-bottom: 0.5em;
}
.details_option_checkbox label.active {
    color: #30A94E;
    font-weight: bold;
}
.details_option_text_input input.error , .details_option_text_input textarea.error {
    border: 1px solid #A7251E;
}
.ui-tooltip {
    z-index: 999999;
}

.has-background-grey {
    background-color: #FAFAFA;
}

.button-primary {
    width: max-content;
    padding: 9px 36px !important;
    color: #FFFFFF !important;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: linear-gradient(90deg, #4F64C4 0%, #36468E 100%);
    box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16);
    border-radius: 30px;
    text-decoration: none !important;

    cursor: pointer;
}

.button-primary-big {
    padding: 17px 46px !important;
}

.button-primary:hover {
    background: #36468E !important;
}

.button-secondary {
    padding: 8px 16px;
    color: #444444 !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: #FFFFFF;
    border: 2px solid #F0F0F0;
    border-radius: 30px;
    text-decoration: none !important;
}

.button-secondary-icon {
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 12px;
    color: #444444 !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: #FFFFFF;
    border: 2px solid #F0F0F0;
    border-radius: 30px;
    text-decoration: none !important;
}

.button-secondary:hover,
.button-secondary-icon:hover {
    color: #fff !important;
    background-color: #444444;
}

.button-transparent {
    background: transparent;
    border: none;
    color: #1A1A1A;
    border-radius: 4px;
}

.button-transparent:hover {
    background: white;
}

#toploginwrapper {
    width: fit-content;
}

#toploginlink {
    float: none;
}

#toploginlink #toploginopenbutton {
    background: none;
    color: #36468E;
    font-size: 14px;
}

#toploginlink #toploginopenbutton:first-letter {
    text-transform: capitalize;
}

#toploginlink #toploginfields {
    width: 270px;
    min-width: 250px;
    background: white;
    border-radius: 8px;
    padding: 2em 0;
}

#toploginlink #toploginfields input {
    border: 1px solid #F0F0F0;
}

#toploginlink #toploginfields input {
    padding: 9px;
    font-size: 14px;
    color: #444444;
    border-radius: 4px;
}

#toploginlink #toploginfields input::placeholder{
    color: #bbbbbb;
}

#toploginlink #toploginfields input:hover {
    border-color: #1A1A1A;
}

#toploginlink #toploginfields input:focus {
    border-color: #1A1A1A;
    outline: none;
    box-shadow: none;
}

#toploginlink #toploginfields .button-primary {
    text-transform: capitalize;
    width: 100%;
}

#toploginlink #toploginfields a {
    margin-top: 1em;
    font-size: 14px;
    color: #36468E;
}

#clientloggedin .field-title, #toploggedinid, #toploggedincompany {
    color: #444444 !important;
    font-weight: 600;
}

#clientloggedin {
    padding: 0 2em !important;
}


.alertify .ajs-dimmer {
    background-color: #FFF !important;
    opacity: 0.8 !important;
}

.alertify .ajs-dialog {
    width: 90% !important;
    max-width: 900px !important;
    -webkit-box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16) !important;
    -moz-box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16) !important;
    box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16) !important;
}

.ajs-primary.ajs-buttons {
    display: flex;
}

.ajs-modal .ajs-footer {
    padding: 10px 30px !important;
}

.ajs-button.ajs-cancel {
    text-transform: initial !important;
    padding: 7px 16px;
    color: #444444 !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: #FFFFFF !important;
    border: 2px solid #F0F0F0 !important;
    border-radius: 30px;
    text-decoration: none !important;
    margin-bottom: 2px;
    line-height: 20px !important;
}

.ajs-button.ajs-cancel:hover {
    color: #fff !important;
    background-color: #444444 !important;
}

.ajs-button.ajs-ok {
    margin-left: auto !important;
    text-transform: initial !important;
    width: max-content;
    padding: 11px 36px !important;
    color: #FFFFFF !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: linear-gradient(90deg, #4F64C4 0%, #36468E 100%);
    box-shadow: 0px 4px 20px rgba(54, 70, 142, 0.16);
    border-radius: 30px !important;
    text-decoration: none !important;
    border: none;
}

.ajs-button.ajs-ok:hover {
    background: #36468E !important;
}

.space-type-selection-container>select{
    display: block;
    margin-bottom: 15px;
}
.space-type-selection-container>select:last-child{
    margin-bottom: 0;
}

.dhs-floor-covering #image-list {
    /*display: flex;*/
}

.dhs-floor-option {
    cursor: pointer;
    margin: 10px;
    width: auto;
    height: auto;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.dhs-floor-option .image-container{
    border: 1px solid transparent;
    margin-bottom: 4px;
    padding: 4px;
}

.dhs-floor-option.selected .image-container{
    border: 1px solid #1A1A1A;
}

.dhs-floor-option .price {
    color: #C1272D;
}

#dhs-floor-other-input {
    display: block;
    margin-top: 10px;
}

.upDetails {
    width: 100%;
}

.login-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-modal {
    background: #fff;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.login-modal .invalid-login {
    color: #C1272D;
    display: none;
}
.login-modal.invalid .invalid-login {
    display: block;
}



/* Media Queries */

/* Styles for 1025px device width */
@media only screen and (max-width: 1025px) {
    .product_details_summary_box {
        display: none;
    }
    /* .touch */
    .product_box {
        border: 1px solid #CFCFCF;
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: 4%;
    }
    .product_box img {
        display: block;
    }
    .product_text {
        position: static;
        bottom: auto;
    }
    .product_box .ui_tooltip_content {
        display: block !important;
    }
    .product_box .ui_tooltip_content p{
        display: none;
    }
    .product_box .ui_tooltip_content ul {
        font-size: 0.8em;
        padding-left: 2.3em;
        color: #767676;
    }
    .product_box .ui_tooltip_content li {
        list-style-type: disc;
        margin: 1em 0;
    }
    .product_box:first-child {
        float: none;
    }

}

/* styles for iThings */
@media screen and (max-device-width: 1024px) and (-webkit-mid-device-pixel-ratio: 2) {
    body {
        cursor: pointer;
    }
}

/* Styles for 998px device width */
@media only screen and (max-width: 998px) {
    .step1_col2 {
        /*float: right;*/
        float: left;
    }
    .step1_col1 {
        border: none;
        margin-top: 1em;
        width: auto;
        margin-right: 0px;
        position: relative;
    }
    .color_section {
        position: absolute;
        /*top: 4.3em;*/
        /*left: 0;*/
        border: 1px solid #CFCFCF;
        background-color: #fff;
        padding: 0.6em;
        /*max-width: 19%;*/

        top: 0;
        width: auto;
        left: 0;
        max-width: none;
    }
    .options_section {
        float: left;
        max-width: 100%;
        min-height: 11.875em;
        padding-left: 1em;
        margin-left: 19em;
        border-left: 1px solid #CFCFCF;
        padding-bottom: 0px;
        border-bottom: none;
    }
    .optionswrapper {
        width: auto;
        margin-top: 0px;
        line-height: 1.7em;
    }
    .furniture_section {
        position: absolute;
        /*width: 19.9%;*/
        /*top: 13.6em;;*/
        /*left: 0;*/
        border: 1px solid #CFCFCF;
        padding: 1.1em;
        background-color: #fff;
        width: auto;
        top: 6.5em;
        left: 0;
    }
    .change_furniture {
        border: 1px solid #333;
        width: 100%;
    }
    .colorlinewrapper.colorline_graphic .colorlist li {
        margin-left: 0px;
    }
    .full_sum_preview {
        position: static;
        float: right;
    }
    .projectTitle {
        float: none;
    }
    .step1_datei_hochladen {
        border-bottom: 1px solid #333;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
    .file_list_line {
        position: relative;
    }
    .confirm_error_container.active {
        position: absolute;
        right: 0;
        width: 98%;
        padding-left: 0;
        padding-right: 2%;
        text-align: right;
    }
    .nextstepbuttonwrapper.upload_nextbuttonwrapper {
        height: auto !important;
        padding-bottom: 1em;
    }
    .button-next-step.abnormal {
        position: static;
    }
    .product_box {
       margin-left: 2%;
       width: 46%;
       float: none;
    }
    .product_box:first-child,.product_box:nth-child(4n+0) {
        margin-left: 2%;
    }
    .step1_preis_calculation {
        clear: both;
        padding-top: 1.3em;
        border-top: 1px solid #333;
    }
    .last_container {
        margin-bottom: 10px;
    }
    .ansicht_options_container {
        width: 100%;
        margin-left:0;
        margin-top:0;
        border-left: none;
        padding-left: 0;
    }
    .product_configurator_container {
        margin-bottom: 0.5em !important;
    }
    .projectdetailsfield span{
        display: block;
    }
    .projectdetailsfield textarea{
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .color_section {
        float: left;
        position: static;
    }
    .top_color_section {
        float: left;
        margin-left: 2%;
    }
    .furniture_section {
        position: static;
        float: left;
        margin-left: 2%;
    }
    .options_section {
        width: 100%;
        border: none;
        padding: 0;
        margin-left: 0px;
    }
}
@media only screen and (max-width: 962px) {
        .product_categories {
            width: auto;
            float: none;
            margin-right: 0;
        }
        .product_categories:first-child {
            width: auto;
            float: none;
            margin-right: 0;
        }
        .add_more_files {
            margin-right: 10px;
        }
        .col_container_exterior {
            margin-bottom: 0px;
        }
        .ansicht_options_container {
            min-height: auto;
        }
}

/* Styles for 950px device width */
@media only screen and (max-width: 950px) {
	#pay_method_list li {
		width: 203px;
		margin-bottom: 10px;
	}
        #step-login-form {
                margin-left:0px;
                width: 100%;
        }
        ul.furniturelist li {
            width: 350px;
            margin: 0px 0px 12px 0px;
            float:right;
	}
        ul.furniturelist li:nth-child(odd) {
            float:left;
        }
        /* ihre daten */
        #step-login-form .button-login {
            margin: 10px 0;
        }
        .checkbox_section_one, .checkbox_section_two {
            margin-left: 1.2em;
            min-width: 0;
        }
        .checkbox_section_one {
            margin-left: 0;
        }

}
/* Styles for 870px device width  was 850*/
@media only screen and (max-width: 870px) {
        .step1_col1 {
            position: relative;
        }
        .step1_col2 {
            float: left;
        }
	.optionswrapper {
            width: auto;
            margin-top: 0px;
            line-height: 1.7em;
	}
	.checkbox_section_one, .checkbox_section_two {
		float:none;
	}
        .color_section {
            top: 0;
            width: auto;
            left: 0;
            max-width: none;
        }
        .furniture_section {
            width: auto;
            top: 6.5em;
            left: 0;
        }
        .options_section {
/*            float: left;
            max-width: 100%;
            min-height: 11.875em;
            padding-left: 1em;
            margin-left: 19em;
            border-left: 1px solid #CFCFCF;
            padding-bottom: 0px;
            border-bottom: none;*/
        }
        .checkbox_section_one, .checkbox_section_two {
            margin-left: 0;
        }
        .step1_preis_calculation {
            clear: both;
            padding-top: 1.3em;
            border-top: 1px solid #333;
        }

	/* Kundendaten */
	#step-login-form {
		display: block;
		margin-left: 0;
	}
	#step-login-form > span {
		display: block;
	}
	#login_id_alt , #login_pass_alt{
		display: inline-block;
		width: 15%;
	}
	#inlineClientPass , #inlineClientID {
		width: 50%;
	}
	input[name="isPrivateOrCompany"] {
		margin-left: 5%;
	}
	#overview-zahlung {
		padding-right: 20%;
		width: 80%;
	}
	#overview-kundendaten {
		padding-right: 20%;
		width: 80%;
	}
        .upload-line:last-child {
            border-bottom: 1px solid #d6d6d6;
            padding-bottom: 1em;
        }
        .ansicht_options_container {
            width: 100%;
            margin-left:0;
            margin-top:0;
            border-left: none;
            padding-left: 0;
        }
}
/* Styles for 825px device width */
@media only screen and (max-width: 825px) {
        ul.furniturelist li {
            width: 49%;
            margin: 0px 0px 12px 0px;
            float:right;
	}
        ul.furniturelist li:nth-child(odd) {
            float:left;
        }
}
/* Styles for 790px device width */
@media only screen and (max-width: 790px){
    .line_break_block {
        display: block;
    }
    .col1-1large {
        width: 72%;
        min-width: 382px;
    }
    .col1-3small {
        margin-top: 0px;
    }
    .upload-choose {
        float: none;
    }
    .upload_text_notes {
        float: none;
        width: auto;
    }
    .alert_box_error {
        top: 100%;
    }
    .details_container_pdf .details_col1{
        float: none;
        width: 100%;
    }
    .details_container_pdf .details_col1 img{
        display: block;
        float: left;
        width: 49%;
        margin-right: 1%;
    }
    .details_container_pdf .details_col2{
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .furniture_section {
        float: none;
        margin-left: 0px;
        clear: both;
    }
}
/* Styles for 768px device width */
@media only screen and (max-width: 768px){
	.t-col {
		width: 100%;
	}
	.specificationswrapper .left{width:99%;}
	.specificationswrapper .right{width:99%;}
        .overview_company_container {
            float: none;
            max-width: none;
        }
        .overview_company-email_container {
            float: none;
            max-width: none;
            margin-top: 0.6em;
        }
        .overview_clientcompany_container {
            margin-top: 1.3em;
        }

    ul#ordersteps li .order-step-title {
        display: none;
    }

    ul#ordersteps li {
        min-width: 0;
        margin-left: 1% ; margin-right: 1%;
    }
}
/* Styles for 750px device width */
@media only screen and (max-width: 750px) {
	#paymentwrapper {
            width: 100%;
            min-width: 0;
	}
	.price-calc-line .col1 {
	}
	.price-calc-line .col2 {
            float: right;
	}
	#pay_method_list li {
            width: 31%;
	}
        .next_checks label {
            font-size: 100%;
        }
        #diagChooseYes , #diagChooseNo {
            width: 100%;
            margin-bottom: 1em;
        }
}
/* Styles for 690 device width was 670 */
@media only screen and (max-width: 690px) {

        .product_box {
            /*margin: 0 auto;*/
            width: 400px;
            float: none;
            margin: 0 auto 1em auto;
        }
        .product_box:nth-child(4n-0) {
            margin:0 auto;
        }
        .product_box:first-child {
            margin: 0 auto 1em auto;
            float: none;
        }

        .options_section {
            margin-left: 0px;
            float: right;
        }
        img.innen_logo {
            width: 6% !important;
        }


	.upload-subtitle .sub-title {
		width: 225px;
	}
	#registration_type {
		font-size: 80%;
	}
	input[name="isPrivateOrCompany"] {
		margin-left: 10%;
	}
	#pay_method_list li {
		width: 38%;
		margin-bottom: 10px;
	}
        .upload-choose {
                width: 250px;
                max-width: none;
        }
        .col1-1 {
            width: 17%;
        }
        .col_subtotal {
            display: inline-block;
            text-align: left;
        }
/*        .col_subtotal_text {
            display: block;
        }*/
        /* Confirmation part */
        .contact_box {
            float:none;
            width: 100%;
            margin-left: 0px;
        }
        .details_text_innen_interactive{
            position: relative;
        }
        .details_col1_gallery {
            width: 100%;
            float: left;
        }
        .details_col2_gallery {
            width: 100%;
            margin-left: 0%;
            float: left;
        }
        .details_col2_gallery a {
            margin-left: 3%;
            width: 20%;
            float: left;
        }

        .details_col2_gallery a:first-child {
            margin-left: 0;
        }

}
/* Styles for 670 device */
@media only screen and (max-width: 670px) {
    .step1_col2 {
        float: none;
        width: 100%;
    }
    .lay_container , .options_container{
        max-width: none;
        width: 100%;
    }
    .lay_container > img , .options_container > img , .unfurnished_options_preview > img{
        width: 100%;
        height: auto;
    }
    #opt-2-ihrlogo , #opt-2d-2-ihrlogo , #opt-1-ihrlogo , #opt-3-ihrlogo, #opt-3d-3-ihrlogo, #opt-3d-5-ihrlogo, #opt-2d-5-ihrlogo, #opt-3d-7-ihrlogo , #opt-2d-7-ihrlogo {
        width: 6%;
    }
    #opt-2-nordpfeil , #opt-2d-2-nordpfeil , #opt-1-nordpfeil , #opt-3-nordpfeil, #opt-3d-3-nordpfeil, #opt-3d-5-nordpfeil, #opt-2d-5-nordpfeil, #opt-3d-7-nordpfeil, #opt-2d-7-nordpfeil {
        width: 8%;
    }
    .color_section .colorlinewrapper{
        padding: 0;
    }
    .color_section > h4 {
        padding-left: 0.6em;
    }
    .col_col2_1, .col_col2_2 {
        float: none;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        border-right: none;
    }

}
/* Styles for 600 - 612 px device width */
@media only screen and (min-width: 601px) and (max-width: 612px) {
    #immonetlogogroup {width:auto;}
    #toplogoimmonet {width:120px;}
}
/* Styles for 600px device width */
@media only screen and (max-width: 600px) {
	.heading {
		margin-bottom: 0.6em;
	}
	/* Logos and Login */
	#toplogowrapper {
		height: auto;
	}
	#toplogoimmonet {
		float: none;
		margin: 25px auto 0 auto;
	}
	#immonetlogogroup {
		width: auto;
		float: none;
	}
	#logotext {
		display:block;
		margin: 0 auto;
		width: 100%;
	}
	#toplogomcgrundriss {
		float: none;
		margin: 30px auto 10px auto;
	}
	#toploginwrapper {
		position: absolute;
		top: 0;
		width: 100%;
		background-color: #0071bc;
		padding: 0.5em 0px 0.5em 0px;
		height: auto;
	}
	#toploginlink {
		float: none;
                width: 100%;
		text-align: left;
	}
	#toploginlink #toploginfields {
		top:130%;
		width: 100%;
		text-align: left;
		padding: 5% 0 5% 0;
	}
        #toploginlink #toploginopenbutton {
                margin: 0 auto;
                max-width: none;
        }
	/* Order Steps */
        ul#ordersteps {margin-bottom:0px;}

	.step-box {
		margin-top: 0px;
		width: 98%;
		padding: 0 1% 0 1%;
	}
	/* Step Boxes */
	.heading {
		display: block !important;
		text-align: left;
	}
	.specificationswrapper .left {
		width: 100%;
	}
	.in-step-section {
		margin: 0;
		padding: 0px 2px;
	}
	.specificationswrapper .right {
		width: 100%;
	}
	ul.furniturelist li a {
		margin: 0 auto;
	}
	input[name="isPrivateOrCompany"] {
		margin: 0px;
	}
	#registration_type input { display:block;float:left; }
	#registration_type label{ display: block; padding-left: 1.3em;padding-bottom: 1em; }
        #about_footer_nav {
                padding-left:0px;
                text-align: center;
        }
        #about_footer_nav li {
            display: inline-block;
            float: none;
        }
        #about_footer_nav li:first-child {
            padding-left: 1.5em;
        }
        .optionswrapper {
            width: auto;
            margin-left: 0.4em;
        }
        .options_section {
            border-left: none;
        }
        .product_text {
            font-size: 0.8em;
        }
        #stepbox1 .nextstepbuttonwrapper {
            padding-right: 0px;
        }
        #daten_register_box .heading , #daten_login_box .heading {
            margin-bottom: 1px;
        }
        .button-new-upload, .button_upload_box, .button-cancel-upload {
            font-size: 0.9em;
            padding: 0.7em;
        }
}

@media only screen and (max-width: 600px) {
    #toplogomcgrundriss {
        margin: 0;
    }

    #toploginwrapper {
        position: relative;
        width: auto;
        background: transparent;
        padding: 0;
    }

    .button-forgotpass {
        margin-left: 0 !important;
    }

    .login-message {
        display: none;
    }
}
/* Styles for 550px device width */
@media only screen and (max-width: 550px) {
        .options_section {
            margin-top: 20px;
            line-height: normal;
            min-height: 0;
            float: none;
            clear: both;
            margin-left: 0px;
            width: auto;
        }
        .color_section {
            position: static;
            float: left;
        }
        .furniture_section {
            position: static;
            float: right;
        }
	.optionswrapper {
		/*overflow: hidden;*/
		clear: left;
		display:block;
		float:none;
		width: 100%;
	}
	.checkbox_section_one , .checkbox_section_two {
		width: 100%;
		float:none;
	}
	#formatwrapper {
		float:right;
		width: 32%;
		font-size:80%;
		padding-left: 1%;
	}
	/* Kundendaten */
	#step-login-form > span {
		display: block;
	}
	#login_id_alt , #login_pass_alt{
		display: inline-block;
		clear: right;
		width: 15%;
	}
	#inlineClientPass , #inlineClientID {
		display: block;
		min-width: 200px;
	}
	.price-calc-line { position: relative; }
	.price-calc-line .col1 {
		width: 250px;
		float: none;
	}
	.price-calc-line .col2 {
		position: absolute;
		top: 18%;
		right: 0;
	}
	#package_type{
	margin-right: 0px;
	clear:both;
	display: block;
	float: none;
	}

/*	.calculation_info.info_rollover p {
		left: 17px;
		top: -15px;
	}*/
        ul.furniturelist li {
            width: 315px;
            margin: 0px auto 12px auto;
            float:none;
	}
        ul.furniturelist li:nth-child(odd) {float:none;}
        ul.furniturelist li:nth-child(3n) {margin-right:auto;}

        /* ihre daten */
        #daten_login_box {
            width:100%;
            float:none;
            margin-left:0;
            padding-left:0;
        }
        #step-login-form .button-login {
            float: left;
        }
        #daten_separator {display:none !important;width:100%;float:none;border-left:1px solid #d6d6d6;height:147px;}
        #daten_register_box {width:100% !important;float:none !important;border-top:1px solid #d6d6d6;}
        #daten_login_box br , #daten_register_box br {
            display: none;
        }
        a.button-forgotpass {
            margin-left: 6em;
            margin-top: 1.3em;
        }
        .furniture_section {
            float: none;
            clear: both;
        }

}
/* Styles for 515px device width */
@media only screen and (max-width: 515px) {

}
/* Styles for 500px device width */
@media only screen and (max-width: 500px) {
	#pay_method_list li {
		width: 48%;
		margin: 0.7%;
	}
        #invoice_send {
            width: 100%;
	}
        .col1-1large #invoice_send{
            width: 74%;
        }
}
/* Styles for 485px device width */
@media only screen and (max-width: 485px) {
        .col1-1 {
            width: 100%;
            margin-bottom: 10px;
        }
        .col1-1 > span {
            font-weight: bold;
        }
        .col1-1 > button {
            display: block;
        }
        .col1-1large {
            width: 75%;
            min-width: 0;
        }
        .col1-2table {
            width: auto;
        }
        .furnishing_line, .options_line {
            border-bottom: 1px dashed #d6d6d6;
        }
        .product_configurator_table {
            display:block;
        }
        .product_configurator_row {
            display: block;
            width: 100%;
        }
        .product_configurator_col {
            display: block;
            width: 100%;
            padding-bottom: 0.9em;
        }
        .product_configurator_col:first-child {
            width: 100%;
            padding-bottom: 0;
        }
        .details_container_pdf .details_col1 img{
            width: 100%;
        }
}
/* Styles for 450px device width */
@media only screen and (max-width: 450px) {

        .furniture_section {
            float: left;
            clear: both;
        }
        .options_section {
            float: left;
            clear: both;
            padding-left: 0;
            margin-top: 0;
        }
        .upload-subtitle {
            float: none;
            width: 100%;
        }
        .upload-subtitle .sub-title {
            width: 100%;
        }
        .upload-note {
            float: none;
            margin-left: 0;
            width: 100%;
        }
        .col_subtotal_text {
            display: inline;
        }
        .col_subtotal_text_hide {
            display: none;
        }
        .top_color_section {
            margin-left: 0;
        }
}
/* Styles for 430px device width */
@media only screen and (max-width: 430px) {

        .product_box {
            width: 100%;
            /*margin: 0 auto;*/
            float: none;
        }
        .product_box:first-child {
            float: none;
            margin-bottom: 10px;
        }
	.price-calc-line .col1{
            min-width: 230px;
            width: 70%;
	}
	.price-calc-line .col2 {
            width: auto;
            float: none;
	}
	.upload_box {
            display:block;
            float: none;
            margin: 0 auto 20px auto;
	}
	.upload_box span {
            text-align: center;
            display: block;
            float: none;
	}
	.upload_image_box {
            margin: 0 auto 0px auto;
	}
        .upload_file_name {
            line-height: 1.4em;
        }
        .checkbox_section_one , .checkbox_section_two {
            float: none;
            width: 100%;
        }
        #auswahl-options {
            padding-bottom: 20px;
        }
        #dialogboxfoot {
            position: relative;
        }
        #dialogboxfoot , #dialogboxbody , #dialogboxhead {
            padding-left: 0;
            padding-right: 0;
        }
        .alert_box_error {
            top: -3.3em;
            font-size: 0.8em;
        }
        .button-new-upload, .button_upload_box, .button-cancel-upload, .button-next-step {
            float: none;
            display: block;
            padding: 1em;
            font-size: 1em;
            clear: both;
            margin-bottom: 0.6em;
            margin-left: 0;
            width: 100%;
        }

        button.button-change {
            position: static;
            clear: both;
            display: block;
            float: none;
            margin-top: 20px;
        }
        #opt-5-3d {
            margin-bottom: 0px !important;
        }
}
/* Styles for 400px device width */
@media only screen and (max-width: 400px) {
        .col1-2 small {
            display: block;
            margin-bottom: 10px;
        }
        #calculation_options_prices > li {
            margin-top: 22px;
        }
        #calculation_options_prices > li:first-child {
            margin-top: 0px;
        }
}
/* Styles for 375px device width */
@media only screen and (max-width: 375px) {
	/* Header */
	#toplogomcgrundriss {width:90%;height:auto;}
	#toplogoimmonet {width:50%;height:auto;}
	/* Stepbox 1 */
	#formatwrapper {width:30%;}
/*	.info_rollover p { left: -261px;}
        .info_rollover.upload_inline_info p {left: -50px;}*/
	#step-login-form .button-login {
		float: left;
		margin-top: 1em;
	}
	div.r-col1 { width: 100%; }
	div.r-col2 {
		display: block;
		width: 100%;
	}
	#pay_method_list li {
		width: 47%;
	}
/*	#paymentwrapper .info_rollover p {
		left: 11px;
		top: 2px;
		width: 210px;
		padding: 20px;
	}*/
	#paymentwrapper #package_type_info p{
		left: -90px;
	}
	.model_box {
		width: 120px;
		height: 104px;
		margin-left: 1%; margin-right: 1%;
	}
	#auswahl-options {
		margin-bottom: 2.5em;
		margin-top: 1em;
	}
        ul.furniturelist li {
            width: 100%;
            margin: 0px auto 12px auto;
            float:none;
	}
        .error_registration_info {
            width: 100%;
            margin-left: 0;
        }
}
@media only screen and (max-width: 320px) {
        .upload-choose {
            width: 100%;
        }
}

.option_info {
    display: none;
}

/*.check-mark {*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    height: 1px;*/
/*}*/