:root {
    --lightred: #ffc9bd;
    --darkred: #ff9196;
    --bluegreen: #1e627a;
    --bluegreen-light: #1fadb7;
    --dark-green: #7bacac;
    --light-green: #dbe0d1;
    --white: #faf5f2;
    --black: #000a36;
    --card-border-color: #dadee4;
/*    --white: #fff;
    --black: #000;*/
}

.btn.btn-primary {
    background-color: var(--lightred);
    border-color: var(--darkred);
    color: var(--darkred);
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
    background-color: var(--lightred);
    border-color: var(--lightred);
    color: var(--darkred);
    font-weight: 700;
}
.btn:hover, .btn:focus, .btn:active {
    border-color: var(--lightred);
    background-color: inherit;
    color: var(--lightred);
}
a, a:visited {
    color: var(--darkred);
}
a:hover {
    color: var(--darkred);
    text-decoration: none;
}
.icon {
    color: var(--bluegreen-light);
    font-weight: 900;
}
.btn .icon {
    color: var(--darkred)
}


h2 {
    margin-bottom: 0rem;
    margin-top: 0.5rem;
}
.card {
    background-color: var(--white);
    border: 0.05rem solid var(--card-border-color);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
    min-height: 5rem;
}
.questionValueContainer_FLOORING_css .card {
    min-height: 11rem;
}
.questionValueContainer_PLATFORM_WALL_css .card {
    min-height: 11rem;
}
.questionValueContainer_COLOUR_OF_SHAFT_css .card {
    min-height: 9rem;
}
.questionValueContainer_LIFT_MODEL_css .card {
    min-height: 11.2rem;
}
.questionValueContainer_PLATFORM_SIZE_css .card {
    /*min-height: 17.4rem;*/
    min-height: 11rem;
}
.questionValueContainer_SHAFT_LIGHT_css .card {
    min-height: 11rem;
}
.questionValueContainer_SMARTHOME_css .card {
    min-height: 11rem;
}
.questionValueContainer_SHAFT_WALLS_css .card {
    min-height: 11rem;
}
.card:hover {
    transform: scale(0.99);
}
.image-separator {
    border-bottom: 0.2rem solid var(--bluegreen);
}
.card-separator-bottom {
    border-bottom: 0.2rem solid var(--lightred);
}
.card-separator-top {
    border-top: 0.2rem solid var(--lightred);
}
.card-last-child {
    border: 0rem solid var(--white);
}
.table.table-striped tbody tr:nth-of-type(odd) {
    background: var(--white);
}
.table td {
    border: 0rem solid var(--white);
    color: var(--black);
}
.table tr {
    border-bottom: 0.15rem solid var(--lightred);
}
.table th {
    color: var(--lightred);
    border-bottom: 0.15rem solid var(--lightred);
}
.table td, .table th {
    padding: .2rem .4rem;
}
.form-select {
    background: var(--bluegreen);
    border-color: var(--bluegreen-light);
    color: var(--bluegreen-light);
}
.form-select:not([multiple]):not([size]) {
    background-color: var(--bluegreen);
    border-color: var(--bluegreen-light);
}
.form-select:focus {
    border-color: var(--lightred);
}
.loading::after {
    border: .1rem solid var(--white);
}
.logo {
    height: 31px;
}
.topNavbar {
    background-color: var(--white);
    z-index: 1;
}
.lowerNavbar {
    background-color: var(--bluegreen);
}
.table .description {
    font-weight: 700;
}
.summary {
    font-size: 1.0rem;
    color: var(--black);
}
.selectedCard {
    background-color: var(--bluegreen);
    color: var(--white);
    border: 0rem solid var(--white);

}
.questionValueContainer {
    margin-left: 0.3rem;
    margin-right: 0.2rem;
}
.card h3 {
    color: var(--lightred);
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0rem;
    margin-top: 0rem;
}
.card h2 {
    color: var(--lightred);
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0rem;
    margin-top: 0rem;
}
.selection-left .card-header, .selection-left .card-body:last-child {
    padding: 0rem;
}
.selection-left h5 {
    margin-bottom: 0rem;
}
.selection-left ul {
    margin-left: 0.1rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}
.selection-left li {
    margin-top: 0rem;
}
#question_choice_8310.card h2, #question_choice_8311.card h2, #question_choice_1210.card h2, #question_choice_1411.card h2 {
    font-size: 6rem;
}
#question_choice_8310.card h3, #question_choice_8311.card h3, #question_choice_1210.card h3, #question_choice_1411.card h3 {
    font-size: 6rem;
}
#question_choice_8310.card li, #question_choice_8311.card li, #question_choice_1210.card li, #question_choice_1411.card li {
    font-weight: 700;
}
#question_choice_8310.card .card-body, #question_choice_8310.card .card-header, #question_choice_8311.card .card-body, #question_choice_8311.card .card-header, #question_choice_1210.card .card-body, #question_choice_1210.card .card-header, #question_choice_1411.card .card-body, #question_choice_1411.card .card-header {
    padding: 0.9rem;
}
.navbar .btn {
    border-width: 0.1rem;
    font-weight: 900;
}
.prodNav {
    margin-bottom: 1rem;
    margin-top: 5.4rem;
}
.iconCheckbox {
    width: 2rem;
    height: 2rem;
}
.iconCheckboxStandard {
    height: 50%;
}
.iconBottomRightContainer {
    position: relative;
}
.iconBottomRight {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2.5rem;
    width: 2rem;
    display: flex;
    padding-bottom: 0.5rem;
}
.selectedCard .bluegreenBorder {
    border: 0.2rem solid var(--bluegreen-light);
}
.bluegreenBorder {
    border: 0.1rem solid var(--bluegreen);
}
#question_choice_2_LANDINGS .bluegreenBorder, #question_choice_3_LANDINGS .bluegreenBorder, #question_choice_4_LANDINGS .bluegreenBorder, #question_choice_5_LANDINGS .bluegreenBorder, #question_choice_6_LANDINGS .bluegreenBorder {
    border: 0rem solid #fff;
}
#question_choice_2_LANDINGS .selectedCard .bluegreenBorder, #question_choice_3_LANDINGS .selectedCard  .bluegreenBorder, #question_choice_4_LANDINGS .selectedCard  .bluegreenBorder, #question_choice_5_LANDINGS .selectedCard .bluegreenBorder, #question_choice_6_LANDINGS .selectedCard  .bluegreenBorder {
    border: 0rem solid #fff;
}
.bottomLeft {
    display: flex;
    justify-content: left;
    align-items: bottomLeft;
}
.bottomContainer {
    align-self: flex-end;
}
ul {
    list-style: none;
    margin-left: 0rem;
}
.m-plattforms {
    margin-top: 1rem !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    margin-bottom: 0rem !important;
}
.m-plattforms-bottom {
    margin-top: 0rem !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    margin-bottom: 1rem !important;
}
.text-color-lightred {
    color: var(--lightred);
}
.start-margin {
    padding: 1.2rem !important;
}
.start-feature-margin {
    margin-top: 4rem !important;
}
.preload {
    display: none;
}
.startPageRowPadding {
    margin-top: 4rem;
}
.longDescriptionIcon {
    width: 1rem;
    vertical-align: top;
}
.longDescriptionPadding {
    padding-top: 0.35rem;
}
.longDescriptionSpan {
    padding-left: 1rem;
    font-weight: 500;
}
.vertical-align-top {
    vertical-align: top;
}
.vertical-align-center {
    vertical-align: center;
}
#topimage {
    transition: width 0.5s, height 0.5s;
}
.startPageHeader {
    margin-bottom: 0rem;
}
.startPageItemPadding {
    padding-top: 1rem;
}
.tableAlignTop {
    display: flex;
    align-items: flex-start;
}
.darkRedText {
    color: var(--darkred);
}
.lightRedText {
    color: var(--lightred);
}
.upperNavbar .text-bold {
    color: var(--darkred);
}
/*
 Animate image
*/
@keyframes fadeInImage {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.fade-in-image {
    opacity: 0s;
    animation: fadeInImage 1s;
    animation-fill-mode: forwards;
    /*transform: translate(0, 0);*/
}
.col-oneliner {
    margin-left: 0rem;
    margin-right: 0rem;
}

#topimage {
    margin-top: 3.8rem;
}

@media (max-width: 840px) {
    /* Mobile specific rules */
    #topimage {
        margin-top: 0rem;
    }
}

#dynamaker{
    margin:0px 0px 6px 0px;

}

iframe {
    border: none;
    outline: none;
    background-color: var(--white);
    border: 0.05rem solid var(--card-border-color);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
    margin:10px;
    padding:0px;  

 }