@import url('/huepercdn/fonts/roboto/fonts.css');

/***** text markierungs farben *****/
::-moz-selection {
	color: #3F4648;
	background: #f7f7f7;
}

::selection {
	color: #3F4648;
	background: #f7f7f7;
}
:root {
    font-size: 16px;
}
body {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 200 !important;
    font-size: 1rem;
    background-color: #3F4648;
    color: #5a5a5a;
}
.card {
    background-color: #3F4648 !important;
}

#cookiebar {
    background-color: #3F4648 !important;
    color: #f7f7f7 !important;
}
#cookiebar a {
    color: #f9efe5 !important;
}
#cookiebar a:hover {
    color: #968f87 !important;
}


.btn-primary {
    color: #000 !important;
    background-color: #f9efe5 !important;
    border-color: #f9efe5 !important;
  }
  .btn-primary:hover {
    color: #000 !important;
    background-color: #f9fafb !important;
    border-color: #f9fafb !important;
  }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #000 !important;
    background-color: #f9fafb !important;
    border-color: #f9fafb !important;
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5) !important;
  }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #000 !important;
    background-color: #f9fafb !important;
    border-color: #f9fafb !important;
  }
  .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5) !important;
  }
  .btn-primary:disabled, .btn-primary.disabled {
    color: #000 !important;
    background-color: #f9efe5 !important;
    border-color: #f9efe5 !important;
  }

/* -- progress bar -- */
.progress-bar {
    background-color: #ec6608 !important;
}
.footer {
    background-color: #3F4648 !important;
    color: #f7f7f7 !important;
}

small, .small {
    font-size: 0.75rem;
}
p, a {
    font-size: 1.125rem;
}
a {
    text-decoration: none !important;
    color: #ec6608;
    transition: 0.25s ease-in-out;
}
a:hover, a:focus, a:active {
    color: #f7f7f7;
    text-decoration: underline;
    transition: 0.25s ease-in-out;
}

.lead {
    font-size: 1.125rem;
}
h4, .h4,
h3, .h3,
h2, .h2 {
    font-weight: 200 !important;
}
h4, .h4 {
    font-size: 1.75rem;
}

h3, .h3 {
    font-size: 2rem;
}

h2, .h2 {
    font-size:2.75rem;
}

.firmeneindruck {
    display: block !important;
    margin: 0 auto !important;
    width: 75% !important;
}

.price {
    font-size: 5rem;
}
.rounded-top {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
}
.rounded-bottom {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
}
@media (max-width: 991px) {
    .price-wrapper {
        border: 0 !important;
    }
    .price {
        font-size: 2rem;
    }
    h4, .h4 {
        font-size: 1.25rem;
    }
    
    h3, .h3 {
        font-size: 1.5rem;
    }
    
    h2, .h2 {
        font-size:1.65rem;
    }
    p, a {
        font-size: 0.8rem;
        line-height: 1.05rem;
    }
    .lead {
        font-size: 1rem;
    }
    .firmeneindruck {
        width: 100% !important;
    }
    .rounded-top {
        border-top-left-radius: 0.65rem !important;
        border-top-right-radius: 0.65rem !important;
    }
    .rounded-bottom {
        border-bottom-left-radius: 0.65rem !important;
        border-bottom-right-radius: 0.65rem !important;
    }
}

.shadow-white {
    box-shadow: 0 1rem 3rem rgba(255, 255, 255, 0.7) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15) !important;
    z-index: 2;
}

.shadow-art {
    box-shadow: 0 2rem 2rem rgb(0, 0, 0, 0.15) !important;
    z-index: 2;
    position: relative;
}
.popover, .popover-body {
    color: #5a5a5a !important;
    background-color: #f7f7f7;
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
}
.exklusiv-wrapper {
    margin-top: 12rem;
}
.exklusiv {
    margin-top: -98px;
    z-index: 1 !important;
}
@media (max-width: 991px) {
    .exklusiv-wrapper {
        margin-top: 6rem;
    }
    .exklusiv {
        margin-top: -55px;
    }
}
@media (max-width: 767px) {
    .exklusiv-wrapper {
        margin-top: 10rem;
    }
    .exklusiv {
        margin-top: -90px;
    }
}
.socialmenuelem, #cookiebarbutton {
    z-index: 2 !important;
}
/* -- Frontenslider -- */
.img-thumbnail {
    width: 45px;
    height: 45px;
    padding: 0;
    background-color: none;
    border: none;
    cursor: pointer;
}

/* -- Accordion --*/
.accordion {
    background-color: transparent !important;
    border: none !important;
    color: inherit !important;
}
.accordion-item {
    background-color: transparent !important;
    color: inherit !important;
    border: 0;
}
.accordion-button {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    font-weight: 200 !important;
    font-size: 1.5rem !important;
}
.accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f7f7f7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button:not(.collapsed):after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f7f7f7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

/* -- Bildergalerie -- */
.thumbnail .img-thumbnail {
    width: 100%;
    height: auto;
}
.modal-content {
    border: none !important;
    background-color: #3F4648 !important;
    color: #f7f7f7 !important;
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
}
.modal-header, .modal-footer {
    border: none;
}
.modal-title {
    font-weight: 200 !important;
    font-size: 1.75rem;
}

.form-control {
    font-weight: 200;
    font-size: 1.25rem;
    color: #f7f7f7 !important;
    background-color: transparent !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 2px solid #f7f7f7 !important;
}

.form-control::placeholder {
    color: #f7f7f7;
    opacity: 1; /* Firefox */
  }
  
  .form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color: #f7f7f7;
  }

/* -- Minnesota -- */
.minnesota * {
    border-color: #896D41 !important;
}
.minnesota-bg{
    background-color: #E8DBCF;
}
.minnesota-text {
    color: #E8DBCF;
}
.btn-minnesota {
    border-color: #896D41 !important;
    color: #896D41 !important;
    background-color: #E8DBCF !important;
}
.btn-minnesota:hover, .btn-minnesota:active, .btn-minnesota:focus {
    border-color: #896D41 !important;
    color: #E8DBCF !important;
    background-color: #896D41 !important;
}

/* -- Montana -- */
.montana * {
    border-color: #C5A31D !important;
}
.montana-bg{
    background-color: #F4DEB8;
}
.montana-text {
    color: #F4DEB8;
}
.btn-montana {
    border-color: #C5A31D !important;
    color: #C5A31D !important;
    background-color: #F4DEB8 !important;
}
.btn-montana:hover, .btn-montana:active, .btn-montana:focus {
    border-color: #C5A31D !important;
    color: #F4DEB8 !important;
    background-color: #C5A31D !important;
}

/* -- Hudson -- */
.hudson * {
    border-color: #AAB5D6 !important;
}
.hudson-bg{
    background-color: #E5EAF4;
}
.hudson-text {
    color: #E5EAF4;
}
.btn-hudson {
    border-color: #AAB5D6 !important;
    color: #AAB5D6 !important;
    background-color: #E5EAF4 !important;
}
.btn-hudson:hover, .btn-hudson:active, .btn-hudson:focus {
    border-color: #AAB5D6 !important;
    color: #E5EAF4 !important;
    background-color: #AAB5D6 !important;
}

/* -- Granada -- */
.granada * {
    border-color: #BB9663 !important;
}
.granada-bg{
    background-color: #F4E7DA;
}
.granada-text {
    color: #F4E7DA;
}
.btn-granada {
    border-color: #BB9663 !important;
    color: #BB9663 !important;
    background-color: #F4E7DA !important;
}
.btn-granada:hover, .btn-granada:active, .btn-granada:focus {
    border-color: #BB9663 !important;
    color: #F4E7DA !important;
    background-color: #BB9663 !important;
}

/* -- Fianello -- */
.fianello * {
    border-color: #768A8E !important;
}
.fianello-bg{
    background-color: #CCD8DB;
}
.fianello-text {
    color: #CCD8DB;
}
.btn-fianello {
    border-color: #768A8E !important;
    color: #768A8E !important;
    background-color: #CCD8DB !important;
}
.btn-fianello:hover, .btn-fianello:active, .btn-fianello:focus {
    border-color: #768A8E !important;
    color: #CCD8DB !important;
    background-color: #768A8E !important;
}

/* -- Lodi -- */
.lodi *, .leo *, .lucky * {
    border-color: #AEABB0 !important;
}
.lodi-bg, .leo-bg, .lucky-bg {
    background-color: #E4E2E4;
}
.lodi-text, .lucky-text, .leo-text {
    color: #E4E2E4;
}
.btn-lodi, .btn-leo, .btn-lucky {
    border-color: #AEABB0 !important;
    color: #AEABB0 !important;
    background-color: #E4E2E4 !important;
}
.btn-lodi:hover, .btn-lodi:active, .btn-lodi:focus, .btn-leo:hover, .btn-leo:active, .btn-leo:focus, .btn-lucky:hover, .btn-lucky:active, .btn-lucky:focus {
    border-color: #AEABB0 !important;
    color: #E4E2E4 !important;
    background-color: #AEABB0 !important;
}

/* -- Rockford -- */
.rockford * {
    border-color: #8bbcd5 !important;
}
.rockford-bg{
    background-color: #dceaf3;
}
.rockford-text {
    color: #dceaf3;
}
.btn-rockford {
    border-color: #8bbcd5 !important;
    color: #8bbcd5 !important;
    background-color: #dceaf3 !important;
}
.btn-rockford:hover, .btn-rockford:active, .btn-rockford:focus {
    border-color: #8bbcd5 !important;
    color: #dceaf3 !important;
    background-color: #8bbcd5 !important;
}

/* -- Trevi -- */
.trevi * {
    border-color: #5d7563 !important;
}
.trevi-bg{
    background-color: #ccd1cb;
}
.trevi-text {
    color: #ccd1cb;
}
.btn-trevi {
    border-color: #5d7563 !important;
    color: #5d7563 !important;
    background-color: #ccd1cb !important;
}
.btn-trevi:hover, .btn-trevi:active, .btn-trevi:focus {
    border-color: #5d7563 !important;
    color: #ccd1cb !important;
    background-color: #5d7563 !important;
}

/* -- Riola -- */
.riola * {
    border-color: #767675 !important;
}
.riola-bg{
    background-color: #d9dfe3;
}
.riola-text {
    color: #d9dfe3;
}
.btn-riola {
    border-color: #767675 !important;
    color: #767675 !important;
    background-color: #d9dfe3 !important;
}
.btn-riola:hover, .btn-riola:active, .btn-riola:focus {
    border-color: #767675 !important;
    color: #d9dfe3 !important;
    background-color: #767675 !important;
}

/* -- Luna -- */
.luna * {
    border-color: #9c9c9c !important;
}
.luna-bg{
    background-color: #ececec;
}
.luna-text {
    color: #ececec;
}
.btn-luna {
    border-color: #9c9c9c !important;
    color: #9c9c9c !important;
    background-color: #ececec !important;
}
.btn-luna:hover, .btn-luna:active, .btn-luna:focus {
    border-color: #9c9c9c !important;
    color: #ececec !important;
    background-color: #9c9c9c !important;
}

/* -- Bern -- */
.bern * {
    border-color: #75685e !important;
}
.bern-bg{
    background-color: #b4aba5;
}
.bern-text {
    color: #b4aba5;
}
.btn-bern {
    border-color: #75685e !important;
    color: #75685e !important;
    background-color: #b4aba5 !important;
}
.btn-bern:hover, .btn-bern:active, .btn-bern:focus {
    border-color: #75685e !important;
    color: #b4aba5 !important;
    background-color: #75685e !important;
}

/* -- Peggy -- */
.peggy * {
    border-color: #90a341 !important;
}
.peggy-bg{
    background-color: #e7ecd8;
}
.peggy-text {
    color: #e7ecd8;
}
.btn-peggy {
    border-color: #90a341 !important;
    color: #90a341 !important;
    background-color: #e7ecd8 !important;
}
.btn-peggy:hover, .btn-peggy:active, .btn-peggy:focus {
    border-color: #90a341 !important;
    color: #e7ecd8 !important;
    background-color: #90a341 !important;
}

/* -- Freiburg -- */
.freiburg * {
    border-color: #C5A46B !important;
}
.freiburg-bg{
    background-color: #EFE6D7;
}
.freiburg-text {
    color: #EFE6D7;
}
.btn-freiburg {
    border-color: #C5A46B !important;
    color: #C5A46B !important;
    background-color: #EFE6D7 !important;
}
.btn-freiburg:hover, .btn-freiburg:active, .btn-freiburg:focus {
    border-color: #C5A46B !important;
    color: #EFE6D7 !important;
    background-color: #C5A46B !important;
}

/* -- Key West -- */
.key-west * {
    border-color: #7e9e98ff !important;
}
.key-west-bg{
    background-color: #d9dedeff;
}
.key-west-text {
    color: #d9dedeff;
}
.btn-key-west {
    border-color: #7e9e98ff !important;
    color: #7e9e98ff !important;
    background-color: #d9dedeff !important;
}
.btn-key-west:hover, .btn-key-west:active, .btn-key-west:focus {
    border-color: #7e9e98ff !important;
    color: #d9dedeff !important;
    background-color: #7e9e98ff !important;
}

/* -- Lido -- */
.lido * {
    border-color: #506170ff !important;
}
.lido-bg{
    background-color: #e8e8ebff;
}
.lido-text {
    color: #e8e8ebff;
}
.btn-lido {
    border-color: #506170ff !important;
    color: #506170ff !important;
    background-color: #e8e8ebff !important;
}
.btn-lido:hover, .btn-lido:active, .btn-lido:focus {
    border-color: #506170ff !important;
    color: #e8e8ebff !important;
    background-color: #506170ff !important;
}

/* -- Phoenix -- */
.phoenix * {
    border-color: #c4a36aff !important;
}
.phoenix-bg{
    background-color: #e8d9c3ff;
}
.phoenix-text {
    color: #e8d9c3ff;
}
.btn-phoenix {
    border-color: #c4a36aff !important;
    color: #c4a36aff !important;
    background-color: #e8d9c3ff !important;
}
.btn-phoenix:hover, .btn-phoenix:active, .btn-phoenix:focus {
    border-color: #c4a36aff !important;
    color: #e8d9c3ff !important;
    background-color: #c4a36aff !important;
}

/* -- Tampa -- */
.tampa * {
    border-color: #72736cff !important;
}
.tampa-bg{
    background-color: #c2c0beff;
}
.tampa-text {
    color: #c2c0beff;
}
.btn-tampa {
    border-color: #72736cff !important;
    color: #72736cff !important;
    background-color: #c2c0beff !important;
}
.btn-tampa:hover, .btn-tampa:active, .btn-tampa:focus {
    border-color: #72736cff !important;
    color: #c2c0beff !important;
    background-color: #72736cff !important;
}

/* -- Velden -- */
.velden * {
    border-color: #575757ff !important;
}
.velden-bg{
    background-color: #e0e0e0ff;
}
.velden-text {
    color: #e0e0e0ff;
}
.btn-velden {
    border-color: #575757ff !important;
    color: #575757ff !important;
    background-color: #e0e0e0ff !important;
}
.btn-velden:hover, .btn-velden:active, .btn-velden:focus {
    border-color: #575757ff !important;
    color: #e0e0e0ff !important;
    background-color: #575757ff !important;
}

/* -- Villach -- */
.villach * {
    border-color: #a18330ff !important;
}
.villach-bg{
    background-color: #ede3d1ff;
}
.villach-text {
    color: #ede3d1ff;
}
.btn-villach {
    border-color: #a18330ff !important;
    color: #a18330ff !important;
    background-color: #ede3d1ff !important;
}
.btn-villach:hover, .btn-villach:active, .btn-villach:focus {
    border-color: #a18330ff !important;
    color: #ede3d1ff !important;
    background-color: #a18330ff !important;
}

/* -- Verona -- */
.verona * {
    border-color: #bfb6a1ff !important;
}
.verona-bg{
    background-color: #e8e3dfff;
}
.verona-text {
    color: #e8e3dfff;
}
.btn-verona {
    border-color: #bfb6a1ff !important;
    color: #bfb6a1ff !important;
    background-color: #e8e3dfff !important;
}
.btn-verona:hover, .btn-verona:active, .btn-verona:focus {
    border-color: #bfb6a1ff !important;
    color: #e8e3dfff !important;
    background-color: #bfb6a1ff !important;
}

/* -- Abano -- */
.abano * {
    border-color: #85bad4ff !important;
}
.abano-bg{
    background-color: #e9f1f7ff;
}
.abano-text {
    color: #e9f1f7ff;
}
.btn-abano {
    border-color: #85bad4ff !important;
    color: #85bad4ff !important;
    background-color: #e9f1f7ff !important;
}
.btn-abano:hover, .btn-abano:active, .btn-abano:focus {
    border-color: #85bad4ff !important;
    color: #e9f1f7ff !important;
    background-color: #85bad4ff !important;
}

/* -- Asti -- */
.asti * {
    border-color: #8f756aff !important;
}
.asti-bg{
    background-color: #e8e2dfff;
}
.asti-text {
    color: #e8e2dfff;
}
.btn-asti {
    border-color: #8f756aff !important;
    color: #8f756aff !important;
    background-color: #e8e2dfff !important;
}
.btn-asti:hover, .btn-asti:active, .btn-asti:focus {
    border-color: #8f756aff !important;
    color: #e8e2dfff !important;
    background-color: #8f756aff !important;
}

/* -- Darwin -- */
.darwin * {
    border-color: #94b3ae !important;
}
.darwin-bg{
    background-color: #d5dedc;
}
.darwin-text {
    color: #d5dedc;
}
.btn-darwin {
    border-color: #94b3ae !important;
    color: #94b3ae !important;
    background-color: #d5dedc !important;
}
.btn-darwin:hover, .btn-darwin:active, .btn-darwin:focus {
    border-color: #94b3ae !important;
    color: #d5dedc !important;
    background-color: #94b3ae !important;
}

/* -- Monza -- */
.monza * {
    border-color: #827560 !important;
}
.monza-bg{
    background-color: #d9d3ca;
}
.monza-text {
    color: #d9d3ca;
}
.btn-monza {
    border-color: #827560 !important;
    color: #827560 !important;
    background-color: #d9d3ca !important;
}
.btn-monza:hover, .btn-monza:active, .btn-monza:focus {
    border-color: #827560 !important;
    color: #d9d3ca !important;
    background-color: #827560 !important;
}

/* -- Monsano -- */
.monsano * {
    border-color: #8c9296 !important;
}
.monsano-bg{
    background-color: #d9dcde;
}
.monsano-text {
    color: #d9dcde;
}
.btn-monsano {
    border-color: #8c9296 !important;
    color: #8c9296 !important;
    background-color: #d9dcde !important;
}
.btn-monsano:hover, .btn-monsano:active, .btn-monsano:focus {
    border-color: #8c9296 !important;
    color: #d9dcde !important;
    background-color: #8c9296 !important;
}

/* -- Vigo -- */
.vigo * {
    border-color: #85bad4 !important;
}
.vigo-bg{
    background-color: #e6eff5;
}
.vigo-text {
    color: #e6eff5;
}
.btn-vigo {
    border-color: #85bad4 !important;
    color: #85bad4 !important;
    background-color: #e6eff5 !important;
}
.btn-vigo:hover, .btn-vigo:active, .btn-vigo:focus {
    border-color: #85bad4 !important;
    color: #e6eff5 !important;
    background-color: #85bad4 !important;
}

/* -- Tracy -- */
.tracy * {
    border-color: #346278 !important;
}
.tracy-bg{
    background-color: #d1e0e3;
}
.tracy-text {
    color: #d1e0e3;
}
.btn-tracy {
    border-color: #346278 !important;
    color: #346278 !important;
    background-color: #d1e0e3 !important;
}
.btn-tracy:hover, .btn-tracy:active, .btn-tracy:focus {
    border-color: #346278 !important;
    color: #d1e0e3 !important;
    background-color: #346278 !important;
}

/* -- Lerici -- */
.lerici * {
    border-color: #607987 !important;
}
.lerici-bg{
    background-color: #c7d3d6;
}
.lerici-text {
    color: #c7d3d6;
}
.btn-lerici {
    border-color: #607987 !important;
    color: #607987 !important;
    background-color: #c7d3d6 !important;
}
.btn-lerici:hover, .btn-lerici:active, .btn-lerici:focus {
    border-color: #607987 !important;
    color: #c7d3d6 !important;
    background-color: #607987 !important;
}

/* -- Pacifica -- */
.pacifica * {
    border-color: #6b7980 !important;
}
.pacifica-bg{
    background-color: #e6e7e8;
}
.pacifica-text {
    color: #e6e7e8;
}
.btn-pacifica {
    border-color: #6b7980 !important;
    color: #6b7980 !important;
    background-color: #e6e7e8 !important;
}
.btn-pacifica:hover, .btn-pacifica:active, .btn-pacifica:focus {
    border-color: #6b7980 !important;
    color: #e6e7e8 !important;
    background-color: #6b7980 !important;
}

/* -- Loya -- */
.loya * {
    border-color: #415f6e !important;
}
.loya-bg{
    background-color: #e1e6e8;
}
.loya-text {
    color: #e1e6e8;
}
.btn-loya {
    border-color: #415f6e !important;
    color: #415f6e !important;
    background-color: #e1e6e8 !important;
}
.btn-loya:hover, .btn-loya:active, .btn-loya:focus {
    border-color: #415f6e !important;
    color: #e1e6e8 !important;
    background-color: #415f6e !important;
}

/* -- Kansas -- */
.kansas * {
    border-color: #827248 !important;
}
.kansas-bg{
    background-color: #e6e0d3;
}
.kansas-text {
    color: #e6e0d3;
}
.btn-kansas {
    border-color: #827248 !important;
    color: #827248 !important;
    background-color: #e6e0d3 !important;
}
.btn-kansas:hover, .btn-kansas:active, .btn-kansas:focus {
    border-color: #827248 !important;
    color: #e6e0d3 !important;
    background-color: #827248 !important;
}

/* -- Maranello -- */
.maranello * {
    border-color: #705075 !important;
}
.maranello-bg{
    background-color: #dfd8e3;
}
.maranello-text {
    color: #dfd8e3;
}
.btn-maranello {
    border-color: #705075 !important;
    color: #705075 !important;
    background-color: #dfd8e3 !important;
}
.btn-maranello:hover, .btn-maranello:active, .btn-maranello:focus {
    border-color: #705075 !important;
    color: #dfd8e3 !important;
    background-color: #705075 !important;
}

/* -- Varda -- */
.varda * {
    border-color: #b8b39e !important;
}
.varda-bg{
    background-color: #e8e6df;
}
.varda-text {
    color: #e8e6df;
}
.btn-varda {
    border-color: #b8b39e !important;
    color: #b8b39e !important;
    background-color: #e8e6df !important;
}
.btn-varda:hover, .btn-varda:active, .btn-varda:focus {
    border-color: #b8b39e !important;
    color: #e8e6df !important;
    background-color: #b8b39e !important;
}


/* -- Silas -- */
.silas * {
    border-color: #b3b160 !important;
}
.silas-bg{
    background-color: #e8e6cc;
}
.silas-text {
    color: #e8e6cc;
}
.btn-silas {
    border-color: #b3b160 !important;
    color: #b3b160 !important;
    background-color: #e8e6cc !important;
}
.btn-silas:hover, .btn-silas:active, .btn-silas:focus {
    border-color: #b3b160 !important;
    color: #e8e6cc !important;
    background-color: #b3b160 !important;
}


/* -- Pamplona -- */
.pamplona * {
    border-color: #386670 !important;
}
.pamplona-bg{
    background-color: #c3d2d6;
}
.pamplona-text {
    color: #c3d2d6;
}
.btn-pamplona {
    border-color: #386670 !important;
    color: #386670 !important;
    background-color: #c3d2d6 !important;
}
.btn-pamplona:hover, .btn-pamplona:active, .btn-pamplona:focus {
    border-color: #386670 !important;
    color: #c3d2d6 !important;
    background-color: #386670 !important;
}


/* -- Livo -- */
.livo * {
    border-color: #415f6e !important;
}
.livo-bg{
    background-color: #e1e6e8;
}
.livo-text {
    color: #e1e6e8;
}
.btn-livo {
    border-color: #415f6e !important;
    color: #415f6e !important;
    background-color: #e1e6e8 !important;
}
.btn-livo:hover, .btn-livo:active, .btn-livo:focus {
    border-color: #415f6e !important;
    color: #e1e6e8 !important;
    background-color: #415f6e !important;
}

/* -- VF -- */
.text-vf {
    color: #81B833 !important;
}
.border-vf {
    border-color: #81B833 !important;
}

ul.vf li{
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAACklpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAAEiJnVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/stRzjPAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAJcEhZcwAAHCUAABwlAeC1/mgAAAT1aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjAtYzAwMSA3OS5jMDIwNGIyZGVmLCAyMDIzLzAyLzAyLTEyOjE0OjI0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDgtMjRUMDc6NDM6MDIrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTExVDExOjAwOjA1KzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTExVDExOjAwOjA1KzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozZWMzMjZmMy03ZTM3LTQ2NDQtYmFmYS1kNzA0ZDdmMzk3ZjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M2VjMzI2ZjMtN2UzNy00NjQ0LWJhZmEtZDcwNGQ3ZjM5N2Y0IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2VjMzI2ZjMtN2UzNy00NjQ0LWJhZmEtZDcwNGQ3ZjM5N2Y0Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozZWMzMjZmMy03ZTM3LTQ2NDQtYmFmYS1kNzA0ZDdmMzk3ZjQiIHN0RXZ0OndoZW49IjIwMjMtMDgtMjRUMDc6NDM6MDIrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnwhbGQAAAIVSURBVDiNrZRLaBNRFIa/mUySqXlYmzQmQVeCxO5EKNaGtlCFCgWlguILcaXgohtd6FJBFyKoCxVXoihSQahvULrxhQUXChJUEGlDDQ01nfRhZpLJdTHJ2FDsRJsf/sW9c+535pxzuRKWwsBZYBsQ4N80A7wATgHZKmwCEMt0psLiVgNgVd+RgPx/lPk3aTLgbhAMQJYBo4HAogLQfyzCiqDM0LnMooi2Tj9de1q4NjhG78EQPftClE2rYdVfWhV1c+NkmvfPNBSAYKuXgeNxhi9Nos+Xa4BbD68msTkAjNG1N0IgrPBhRENCAkCSYHrSZE4z7TPaylaPuJnZIjoGQjVTk12Iq6l20XckLgBx/s1Gsf1obKkpTykAWtbg06s5krvjvL0/ZWdKdDTja2ni3QNrL/3ZoOfAWjYkw1aABKG4yut7GZ5cGbdaUD388m6WRDKCr1mxge07ooynDHI/9ApAwdAl5vNly1qZmZyJ/qu2TRogVL8irn/vE93719glXPzYK3aeWG+vz4x0iv7Bdc4lAxRmS4w+zHLowibaumMEwl6CET+jw38m7/WpBMJNi27CQikLF48vf0UNelC8CmYJhk6nmPiSt79nvhXIZ4tLAu2S67FbdQmXW3Ys2eOYsqJiwXQKcctAqV5gHRIy8LSBwOcAMSDH8t/CaSDuAmaB20AUCFUyGYDuYKPin8AjYBeQ/g01JAWbVxCuCwAAAABJRU5ErkJggg==');
  }@import url('/huepercdn/fonts/sora/fonts.css');

/***** text markierungs farben *****/
::-moz-selection {
	color: #fff;
	background: var(--mds-dark);
}

::selection {
	color: #fff;
	background: var(--mds-dark);
}


/***** colors *****/
:root {
  --mds-almost-white: #f7f7f7;
  --mds-dark: #3b3b3b;
  --mds-light-grey: #9b9b9b;
  --mds-website: #5c5a48;

  /* couches */
  --lerici: #70655f;
  --lerici-bg: #e5e0dd;
  --granada: #4f8184;
  --granada-bg: #e1e1e1;
  --luna: #728478;
  --luna-bg: #dbe1dd;
  --key-west: #8f6a3e;
  --key-west-bg: #ede5db;
  --matera: #85473e;
  --matera-bg: #f1e0dd;
  --bern: #776a5f;
  --bern-bg: #d9d7d4;
  --darwin: #5e6764;
  --darwin-bg: #cad6d5;
  --ibiza: #4a8282;
  --ibiza-bg: #e8e9e8;
  --hudson: #8fa4c5;
  --hudson-bg: #e3e8f0;
  --lodi: #a19ea2;
  --lodi-bg: #e3e2e3;
  --loya: #516370;
  --loya-bg: #eaecee;
  --livo: #516370;
  --livo-bg: #eaecee;
  --monza: #837560;
  --monza-bg: #dad6cf;
  --pamplona: #476b77;
  --pamplona-bg: #d1dadd;
  --varda: #c2b7a2;
  --varda-bg: #ede9e3;
  --velden: #575656;
  --velden-bg: #dddddd;
  --sarah: #bcb356;
  --sarah-bg: #ebe8cc;
}




/***** main elements *****/
body {
  background-color: var(--mds-almost-white);
  font-family: 'Sora', sans-serif !important;
  font-weight: 200;
  color: var(--mds-dark);
}

a {
  color: var(--mds-website);
  padding-bottom: 1px !important;
  border-bottom: 1px solid var(--mds-website);
  transition: 0.2s ease-in-out;
  font-size: unset;
}

a:hover, 
a:focus {
  color: var(--mds-light-grey);
  border-bottom: 1px solid var(--mds-light-grey);
  text-decoration: none;
}

p, 
ul, 
li {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

h1, 
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 400 !important;
}

h2,
.h2 {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

h3,
.h3 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h4,
.h4 {
  font-size: 1.4rem;
  line-height: 1.8rem;
}

@media (max-width: 768px) {
  p, 
  ul, 
  li {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  h2,
  .h2 {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  h3,
  .h3 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  h4,
  .h4 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

.text-small,
.small {
  font-size: 1rem;
  line-height: 1.7rem;
}

@media (max-width: 768px) {
  .text-small,
  .small {
    font-size: 0.8rem;
    line-height: 1.5rem;
  }
}

.headline {
  width: 1200px;
}

b, 
strong {
  font-weight: 400;
}




/***** utilities *****/
.progress-bar {
  background-color: var(--mds-website) !important;
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.41) !important;
}

.p-fix .col-12 {
  padding-left: 0px !important;
}

.border {
  border-width: 3px !important;
}

.text-italic {
  font-style: italic;
}

@media (max-width: 576px) {
  .inklusive {
    font-size: 1rem;
  }
}

.artikel {
	padding: 0px 30px;
}

@media (max-width: 768px) {
  .artikel {
    padding: 0px 5px;
  }
}

.bg-website-outline {
  border: 2px dotted var(--mds-website);
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1) !important;
}




/***** rounded corners */
.rounded-corners,
.rounded-corners .carousel-item img {
  border-radius: 60px;
}

@media (max-width: 768px) {
  .rounded-corners,
  .rounded-corners .carousel-item img {
    border-radius: 30px;
  }
}

.rounded-corners-top {
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}

@media (max-width: 768px) {
  .rounded-corners-top {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }
}

.rounded-corners-bottom {
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

@media (max-width: 768px) {
  .rounded-corners-bottom {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}


/* small */
.rounded-corners-sm,
.rounded-corners-sm .carousel-item img {
  border-radius: 35px;
}

@media (max-width: 768px) {
  .rounded-corners-sm,
  .rounded-corners-sm .carousel-item img {
    border-radius: 20px;
  }
}

.rounded-corners-left-sm {
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}

@media (max-width: 768px) {
  .rounded-corners-left-sm {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
}




/***** xl container *****/
.xl-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 576px) {
  .xl-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (min-width: 1400px) { 
  .xl-container {
    max-width: 1800px;
  }
}




/***** price *****/
.price-wrap {
  padding-top: 20px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.price {
  text-align: right;
  font-size: 3.5rem;
  font-weight: 600;
  padding-right: 40px;
}

@media (max-width: 1200px) {  
  .price {
    font-size: 3rem;
  }
}

@media (max-width: 768px) {
  .price {
    text-align: left;
    font-size: 2.6rem;
    padding: 0px 29px;
    margin-top: -30px;
  }
}

.price-suffix {
	text-align: right;
	font-size: 1.3rem;
	font-weight: 200 !important;
	letter-spacing: 0px !important;
	padding-top: 14px;
	padding-right: 40px;
}




/***** buttons *****/
.btn-primary {
	background-color: var(--mds-website) !important;
	border: 1px solid var(--mds-website) !important;
	color: var(--mds-almost-white) !important;
	padding: 13px 40px !important;
	border-radius: 0px;
	transition: 0.2s ease-in-out;
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  text-transform: none;
}

@media (max-width: 768px) {
  .btn-primary {
    font-size: 1rem !important;
  }
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--mds-almost-white) !important;
  border: 1px solid var(--mds-website) !important;
  color: var(--mds-website) !important;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--mds-almost-white) !important;
  border: 1px solid var(--mds-website) !important;
  color: var(--mds-website) !important;
}

.btn-secondary {
	background-color: transparent !important;
	border: 1px solid var(--mds-website) !important;
	color: var(--mds-website) !important;
	padding: 13px 40px !important;
	border-radius: 0px;
	transition: 0.2s ease-in-out;
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  text-transform: none;
}

@media (max-width: 768px) {
  .btn-secondary {
    font-size: 1rem !important;
  }
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--mds-website) !important;
  border: 1px solid var(--mds-website) !important;
  color: var(--mds-almost-white) !important;
}

.modelle .btn-secondary {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .modelle .btn-secondary {
    font-size: 1rem !important;
  }
}


/* artikel button */
.btn-artikel {
  font-size: 1.2rem;
  font-weight: 300;
  padding: 12px 40px 13px;
}

@media (max-width: 768px) {
  .btn-artikel {
    font-size: 1rem !important;
  }
}

.btn-artikel-position {
  margin-top: -32px;
}




/***** hotspots *****/
.hotspot-text {
	font-family: 'Sora', sans-serif;
  font-weight: unset;
  font-size: 1.1rem;
}

.popover {
	border: none;
	-webkit-box-shadow: 5px 5px 23px -1px rgba(0,0,0,0.22);
	box-shadow: 5px 5px 23px -1px rgba(0,0,0,0.22);
}

.popover-body {
  font-family: 'Sora', sans-serif;
  font-weight: 200;
	padding: 25px;
	color: var(--mds-dark) !important;
	background-color: var(--mds-almost-white);
	border-top-left-radius: 30px !important;
	border-top-right-radius: 30px !important;
	border-bottom-left-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
}


.btn-danger {
  background-color: #fff;
  border: solid 1px #fff !important;
  color: #222222;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  border: solid 1px #fff !important;
  background-color: #fff;
  box-shadow: none !important;
  color: #222222;
}

.btn.spot {
  line-height: 0.4 !important;
  width: 35px;
  height: 35px;
  padding: 0px 0px;
  transition: 0.2s ease-in-out;
  border-radius: 90px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .btn.spot {
    width: 30px;
    height: 30px;
  }
}

.far .fa-plus {
  font-weight: 300 !important;
}




/***** frontenslider *****/
.img-thumbnail {
	padding: 0rem;
	background-color: transparent;
	border: none;
	border-radius: 0rem;
	width: 70px;
	height: auto;
  margin: 0px 2px;
  -webkit-box-shadow: 3px 3px 21px -4px rgba(0,0,0,0.2); 
  box-shadow: 3px 3px 21px -4px rgba(0,0,0,0.2);
  z-index: 2;
  position: relative;
}

@media (max-width: 769px) {
  .img-thumbnail {
    width: 45px;
    margin: 5px 2px 0px 2px;
  }
}

.thumbs {
  margin-top: -48px;
}

.choose-your-color {
  width: 200px;
}

@media (max-width: 768px) {
  .choose-your-color {
    width: 170px;
  }
}




/***** cookie & social *****/
#cookiebar {
	background-color: var(--mds-almost-white) !important;
	color: var(--mds-dark) !important;
}

#cookiebarbutton {
	z-index: 9999 !important;
}

#cookiebarbutton,
#socialmenubutton {
  border: none;
	color: var(--mds-dark);
  background-color: var(--mds-almost-white);
  padding: unset !important;
}

#cookiebarbutton:hover,
#cookiebarbutton:focus,
#socialmenubutton:hover,
#socialmenubutton:focus {
  border: none;
	color: #fff;
  background-color: var(--mds-dark);
}

#socialmenubutton i {
  font-weight: 100;
}




/***** accordion *****/
.accordion-button {
	padding: 20px 0px;
}

.accordion-body {
	padding: 0px 0px 25px;
}

.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233B3B3B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233B3B3B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}




/***** modal *****/
.modal-content {
	border: none !important;
	background-color: var(--mds-almost-white) !important;
	color: var(--mds-dark) !important;
	border-top-left-radius: 60px !important;
	border-top-right-radius: 60px !important;
	border-bottom-left-radius: 60px !important;
	border-bottom-right-radius: 60px !important;
  padding: 30px 35px;
}

@media (max-width: 769px) {
  .modal-content {
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    padding: 20px 15px;
  }
}

.modal-title {
  font-weight: 400 !important;
}

.modal-footer {
  display: block;
  margin-left: auto;
  margin-right: auto;
}




/***** anfrage formular *****/
.form-control {
	font-weight: 200;
	font-size: 1.1rem;
	color: var(--mds-dark) !important;
	background-color: #ddd !important;
	border: 1px solid transparent !important;
  padding: 12px 22px;
}

.form-control::placeholder {
	color: var(--mds-dark);
}

.form-check-label {
  font-size: 1rem !important;
}

.form-check-input {
	--bs-form-check-bg: #ddd;
	flex-shrink: 0;
	width: 1.1rem;
	height: 1.1rem;
	margin-top: .3em;
  margin-right: 0.25rem;
	background-color: #ddd;
	border: var(--bs-border-width) solid #ddd;
}




/***** grosses formular *****/
.bg-formular .form-control {
	font-weight: 200;
	font-size: 1.1rem;
	color: var(--mds-dark) !important;
	background-color: #fff !important;
	border: 1px solid transparent !important;
  padding: 12px 22px;
}

.bg-formular .form-control::placeholder {
	color: var(--mds-dark);
}

.bg-formular .form-check-label {
  font-size: 1rem !important;
}

.bg-formular .form-check-input {
	--bs-form-check-bg: #fff;
	flex-shrink: 0;
	width: 1.1rem;
	height: 1.1rem;
	margin-top: .3em;
  margin-right: 0.25rem;
	background-color: #fff;
	border: var(--bs-border-width) solid #fff;
}

.bg-formular .form-check-input:checked[type="checkbox"] {
	background-color: #8d5052;
}

.bg-formular .btn-primary {
  background-color: #8D5052 !important;
  border: 1px solid #8D5052 !important;
  color: #fff !important;
}

.bg-formular .btn-primary:hover,
.bg-formular .btn-primary:focus {
  background-color: transparent !important;
  border: 1px solid #8D5052 !important;
  color: #8D5052 !important;
}




/***** footer *****/
.footer {
	background-color: var(--mds-almost-white) !important;
	color: var(--mds-dark) !important;
}

.border-top {
  border-top: 2px dotted var(--mds-website) !important;
}

.copyright {
  font-size: 0.9rem;
  line-height: 1.5rem;
  padding: 10px 0px 20px;
}

@media (max-width: 769px) {
  .copyright {
    font-size: 0.7rem;
    line-height: 1.3rem;
  }
}




/***** emotions baukasten *****/
/*** hero – ankommen und entspannen ***/
.ankommen-ueberschrift {
  width: 1000px;
  margin-top: -35%;
  position: relative;
  z-index: 9;
}

@media (max-width: 1920px) {
  .ankommen-ueberschrift {
    width: 900px;
    margin-top: -35%;
  }
}

@media (max-width: 1400px) {
  .ankommen-ueberschrift {
    width: 700px;
  }
}

@media (max-width: 1200px) {
  .ankommen-ueberschrift {
    width: 600px;
    margin-top: -35%;
  }
}

@media (max-width: 992px) {
  .ankommen-ueberschrift {
    width: 370px;
    margin-top: -35%;
  }
}

@media (max-width: 768px) {
  .ankommen-ueberschrift {
    width: 320px;
    margin-top: -35%;
  }
}

@media (max-width: 576px) {
  .ankommen-ueberschrift {
    width: 260px;
    margin-top: 15px;
  }
}


/*** formular styles ***/
.bg-formular {
  background-color: #CECBC0;
}

.border-step {
  border: 2px dotted #8D5052;
}


/*** alt gegen neu ***/
.alt-gegen-neu-ueberschrift {
  width: 1200px;
  margin-top: -550px;
  padding-bottom: 100px;
  position: relative;
  z-index: 9;
}

@media (max-width: 1920px) {
  .alt-gegen-neu-ueberschrift {
    width: 900px;
    margin-top: -450px;
    padding-bottom: 80px;
  }
}

@media (max-width: 1400px) {
  .alt-gegen-neu-ueberschrift {
    width: 700px;
  }
}

@media (max-width: 1200px) {
  .alt-gegen-neu-ueberschrift {
    width: 600px;
    margin-top: -280px;
    padding-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .alt-gegen-neu-ueberschrift {
    width: 370px;
    margin-top: -250px;
    padding-bottom: 50px;
  }
}

@media (max-width: 768px) {
  .alt-gegen-neu-ueberschrift {
    width: 320px;
    margin-top: -170px;
    padding-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .alt-gegen-neu-ueberschrift {
    width: 260px;
    margin-top: -121px;
    padding-bottom: 22px;
  }
}

.bg-alt-gegen-neu {
  background-color: #111C12;
  position: relative;
  z-index: 10;
}


/*** stoffe und leder ***/
.stoffe-und-leder-ueberschrift {
  width: 1200px;
  margin-top: -550px;
  padding-bottom: 100px;
  position: relative;
  z-index: 9;
}

@media (max-width: 1920px) {
  .stoffe-und-leder-ueberschrift {
    width: 900px;
    margin-top: -450px;
    padding-bottom: 80px;
  }
}

@media (max-width: 1400px) {
  .stoffe-und-leder-ueberschrift {
    width: 700px;
  }
}

@media (max-width: 1200px) {
  .stoffe-und-leder-ueberschrift {
    width: 600px;
    margin-top: -280px;
    padding-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .stoffe-und-leder-ueberschrift {
    width: 370px;
    margin-top: -250px;
    padding-bottom: 50px;
  }
}

@media (max-width: 768px) {
  .stoffe-und-leder-ueberschrift {
    width: 320px;
    margin-top: -170px;
    padding-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .stoffe-und-leder-ueberschrift {
    width: 260px;
    margin-top: -121px;
    padding-bottom: 22px;
  }
}

.bg-stoffe-und-leder {
  background-color: #c4a27c;
  position: relative;
  z-index: 10;
}


/*** emotion ***/
.emotion-n-ueberschrift {
  width: 1200px;
  margin-top: -550px;
  padding-bottom: 100px;
  position: relative;
  z-index: 9;
}

@media (max-width: 1920px) {
  .emotion-n-ueberschrift {
    width: 900px;
    margin-top: -450px;
    padding-bottom: 80px;
  }
}

@media (max-width: 1400px) {
  .emotion-n-ueberschrift {
    width: 700px;
  }
}

@media (max-width: 1200px) {
  .emotion-n-ueberschrift {
    width: 600px;
    margin-top: -280px;
    padding-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .emotion-n-ueberschrift {
    width: 370px;
    margin-top: -250px;
    padding-bottom: 50px;
  }
}

@media (max-width: 768px) {
  .emotion-n-ueberschrift {
    width: 320px;
    margin-top: -170px;
    padding-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .emotion-n-ueberschrift {
    width: 260px;
    margin-top: -121px;
    padding-bottom: 22px;
  }
}

.bg-emotion-n {
  background-color: #8dadc6;
  position: relative;
  z-index: 10;
}


/*** 3d planung – visual furniture ***/
.vf-ueberschrift {
  width: 1200px;
  margin-top: -550px;
  position: relative;
  z-index: 9;
}

@media (max-width: 1920px) {
  .vf-ueberschrift {
    width: 900px;
    margin-top: -450px;
  }
}

@media (max-width: 1400px) {
  .vf-ueberschrift {
    width: 700px;
  }
}

@media (max-width: 1200px) {
  .vf-ueberschrift {
    width: 600px;
    margin-top: -280px;
  }
}

@media (max-width: 992px) {
  .vf-ueberschrift {
    width: 370px;
    margin-top: -250px;
  }
}

@media (max-width: 768px) {
  .vf-ueberschrift {
    width: 320px;
    margin-top: -210px;
  }
}

@media (max-width: 576px) {
  .vf-ueberschrift {
    width: 260px;
    margin-top: -141px;
  }
}

.bg-vf {
  background-color: #3B4435;
  position: relative;
  z-index: 10;
  margin-top: -60px;
}

@media (max-width: 576px) {
  .bg-vf {
    margin-top: -30px;
  }
}

.vf-ipad {
  margin-top: -60px;
}

@media (max-width: 576px) {
  .vf-ipad {
    margin-top: 15px;
  }

  .vf-ipad:first-child {
    margin-top: -15px;
  }

  .vf-ipad img {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.btn-vf {
  background-color: #92AF6E;
  color: #fff;
  border: 1px solid transparent;
  padding: 13px 40px !important;
  font-size: 1.2rem;
  font-weight: 300;
}

.btn-vf:hover,
.btn-vf:focus {
  background-color: #fff;
  color: #92AF6E;
  border: 1px solid transparent;
}




/***** couches *****/
.bg-color-position {
  margin-top: -150px;
  padding-top: 150px;
  z-index: 1;
  position: relative;
}

@media (max-width: 769px) {
  .bg-color-position {
    margin-top: -42px;
    padding-top: 42px;
    z-index: 1;
    position: relative;
  }
}

.highlight {
  padding: 50px 0px 60px 40px;
}

@media (max-width: 769px) {
  .highlight {
    padding: 40px 0px 40px 40px;
  }
}


/* lerici */
.bg-lerici-n {
  background-color: var(--lerici-bg);
}

.bg-lerici-dark {
  background-color: var(--lerici);
}

.bg-lerici-outline {
  border: 2px dotted var(--lerici);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-lerici-outline {
    padding-top: 15px;
  }
}

.btn-lerici-n {
  background-color: var(--lerici) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-lerici-n:hover,
.btn-lerici-n:focus {
  background-color: #fff !important;
  color: var(--lerici) !important;
  border: 1px solid transparent !important;
}

.btn-lerici-secondary {
  background-color: var(--lerici-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-lerici-secondary:hover,
.btn-lerici-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--lerici-bg) !important;
  border-color: transparent !important;
}

.highlight-lerici {
  background-color: var(--lerici-bg);
}

.lerici .border-top {
  border-top: 2px dotted var(--lerici) !important;
}

.lerici .border-bottom {
  border-bottom: 2px dotted var(--lerici) !important;
}


/* granada */
.bg-granada-n {
  background-color: var(--granada-bg);
}

.bg-granada-dark {
  background-color: var(--granada);
}

.bg-granada-outline {
  border: 2px dotted var(--granada);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-granada-outline {
    padding-top: 15px;
  }
}

.btn-granada-n {
  background-color: var(--granada) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-granada-n:hover,
.btn-granada-n:focus {
  background-color: #fff !important;
  color: var(--granada) !important;
  border: 1px solid transparent !important;
}

.btn-granada-secondary {
  background-color: var(--granada-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-granada-secondary:hover,
.btn-granada-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--granada-bg) !important;
  border-color: transparent !important;
}

.highlight-granada {
  background-color: var(--granada-bg);
}

.granada .border-top {
  border-top: 2px dotted var(--granada) !important;
}

.granada .border-bottom {
  border-bottom: 2px dotted var(--granada) !important;
}


/* luna */
.bg-luna-n {
  background-color: var(--luna-bg);
}

.bg-luna-dark {
  background-color: var(--luna);
}

.bg-luna-outline {
  border: 2px dotted var(--luna);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-luna-outline {
    padding-top: 15px;
  }
}

.btn-luna-n {
  background-color: var(--luna) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-luna-n:hover,
.btn-luna-n:focus {
  background-color: #fff !important;
  color: var(--luna) !important;
  border: 1px solid transparent !important;
}

.btn-luna-secondary {
  background-color: var(--luna-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-luna-secondary:hover,
.btn-luna-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--luna-bg) !important;
  border-color: transparent !important;
}

.highlight-luna {
  background-color: var(--luna-bg);
}

.luna .border-top {
  border-top: 2px dotted var(--luna) !important;
}

.luna .border-bottom {
  border-bottom: 2px dotted var(--luna) !important;
}


/* key-west */
.bg-key-west-n {
  background-color: var(--key-west-bg);
}

.bg-key-west-dark {
  background-color: var(--key-west);
}

.bg-key-west-outline {
  border: 2px dotted var(--key-west);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-key-west-outline {
    padding-top: 15px;
  }
}

.btn-key-west-n {
  background-color: var(--key-west) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-key-west-n:hover,
.btn-key-west-n:focus {
  background-color: #fff !important;
  color: var(--key-west) !important;
  border: 1px solid transparent !important;
}

.btn-key-west-secondary {
  background-color: var(--key-west-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-key-west-secondary:hover,
.btn-key-west-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--key-west-bg) !important;
  border-color: transparent !important;
}

.highlight-key-west {
  background-color: var(--key-west-bg);
}

.key-west .border-top {
  border-top: 2px dotted var(--key-west) !important;
}

.key-west .border-bottom {
  border-bottom: 2px dotted var(--key-west) !important;
}


/* matera */
.bg-matera-n {
  background-color: var(--matera-bg);
}

.bg-matera-dark {
  background-color: var(--matera);
}

.bg-matera-outline {
  border: 2px dotted var(--matera);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-matera-outline {
    padding-top: 15px;
  }
}

.btn-matera-n {
  background-color: var(--matera) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-matera-n:hover,
.btn-matera-n:focus {
  background-color: #fff !important;
  color: var(--matera) !important;
  border: 1px solid transparent !important;
}

.btn-matera-secondary {
  background-color: var(--matera-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-matera-secondary:hover,
.btn-matera-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--matera-bg) !important;
  border-color: transparent !important;
}

.highlight-matera {
  background-color: var(--matera-bg);
}

.matera .border-top {
  border-top: 2px dotted var(--matera) !important;
}

.matera .border-bottom {
  border-bottom: 2px dotted var(--matera) !important;
}


/* bern */
.bg-bern-n {
  background-color: var(--bern-bg);
}

.bg-bern-dark {
  background-color: var(--bern);
}

.bg-bern-outline {
  border: 2px dotted var(--bern);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-bern-outline {
    padding-top: 15px;
  }
}

.btn-bern-n {
  background-color: var(--bern) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-bern-n:hover,
.btn-bern-n:focus {
  background-color: #fff !important;
  color: var(--bern) !important;
  border: 1px solid transparent !important;
}

.btn-bern-secondary {
  background-color: var(--bern-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-bern-secondary:hover,
.btn-bern-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--bern-bg) !important;
  border-color: transparent !important;
}

.highlight-bern {
  background-color: var(--bern-bg);
}

.bern .border-top {
  border-top: 2px dotted var(--bern) !important;
}

.bern .border-bottom {
  border-bottom: 2px dotted var(--bern) !important;
}


/* darwin */
.bg-darwin-n {
  background-color: var(--darwin-bg);
}

.bg-darwin-dark {
  background-color: var(--darwin);
}

.bg-darwin-outline {
  border: 2px dotted var(--darwin);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-darwin-outline {
    padding-top: 15px;
  }
}

.btn-darwin-n {
  background-color: var(--darwin) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-darwin-n:hover,
.btn-darwin-n:focus {
  background-color: #fff !important;
  color: var(--darwin) !important;
  border: 1px solid transparent !important;
}

.btn-darwin-secondary {
  background-color: var(--darwin-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-darwin-secondary:hover,
.btn-darwin-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--darwin-bg) !important;
  border-color: transparent !important;
}

.highlight-darwin {
  background-color: var(--darwin-bg);
}

.darwin .border-top {
  border-top: 2px dotted var(--darwin) !important;
}

.darwin .border-bottom {
  border-bottom: 2px dotted var(--darwin) !important;
}


/* ibiza */
.bg-ibiza-n {
  background-color: var(--ibiza-bg);
}

.bg-ibiza-dark {
  background-color: var(--ibiza);
}

.bg-ibiza-outline {
  border: 2px dotted var(--ibiza);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-ibiza-outline {
    padding-top: 15px;
  }
}

.btn-ibiza-n {
  background-color: var(--ibiza) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-ibiza-n:hover,
.btn-ibiza-n:focus {
  background-color: #fff !important;
  color: var(--ibiza) !important;
  border: 1px solid transparent !important;
}

.btn-ibiza-secondary {
  background-color: var(--ibiza-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-ibiza-secondary:hover,
.btn-ibiza-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--ibiza-bg) !important;
  border-color: transparent !important;
}

.highlight-ibiza {
  background-color: var(--ibiza-bg);
}

.ibiza .border-top {
  border-top: 2px dotted var(--ibiza) !important;
}

.ibiza .border-bottom {
  border-bottom: 2px dotted var(--ibiza) !important;
}


/* hudson */
.bg-hudson-n {
  background-color: var(--hudson-bg);
}

.bg-hudson-dark {
  background-color: var(--hudson);
}

.bg-hudson-outline {
  border: 2px dotted var(--hudson);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-hudson-outline {
    padding-top: 15px;
  }
}

.btn-hudson-n {
  background-color: var(--hudson) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-hudson-n:hover,
.btn-hudson-n:focus {
  background-color: #fff !important;
  color: var(--hudson) !important;
  border: 1px solid transparent !important;
}

.btn-hudson-secondary {
  background-color: var(--hudson-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-hudson-secondary:hover,
.btn-hudson-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--hudson-bg) !important;
  border-color: transparent !important;
}

.highlight-hudson {
  background-color: var(--hudson-bg);
}

.hudson .border-top {
  border-top: 2px dotted var(--hudson) !important;
}

.hudson .border-bottom {
  border-bottom: 2px dotted var(--hudson) !important;
}


/* lodi */
.bg-lodi-n {
  background-color: var(--lodi-bg);
}

.bg-lodi-dark {
  background-color: var(--lodi);
}

.bg-lodi-outline {
  border: 2px dotted var(--lodi);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-lodi-outline {
    padding-top: 15px;
  }
}

.btn-lodi-n {
  background-color: var(--lodi) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-lodi-n:hover,
.btn-lodi-n:focus {
  background-color: #fff !important;
  color: var(--lodi) !important;
  border: 1px solid transparent !important;
}

.btn-lodi-secondary {
  background-color: var(--lodi-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-lodi-secondary:hover,
.btn-lodi-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--lodi-bg) !important;
  border-color: transparent !important;
}

.highlight-lodi {
  background-color: var(--lodi-bg);
}

.lodi .border-top {
  border-top: 2px dotted var(--lodi) !important;
}

.lodi .border-bottom {
  border-bottom: 2px dotted var(--lodi) !important;
}

/* loya */
.bg-loya-n {
  background-color: var(--loya-bg);
}

.bg-loya-dark {
  background-color: var(--loya);
}

.bg-loya-outline {
  border: 2px dotted var(--loya);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-loya-outline {
    padding-top: 15px;
  }
}

.btn-loya-n {
  background-color: var(--loya) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-loya-n:hover,
.btn-loya-n:focus {
  background-color: #fff !important;
  color: var(--loya) !important;
  border: 1px solid transparent !important;
}

.btn-loya-secondary {
  background-color: var(--loya-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-loya-secondary:hover,
.btn-loya-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--loya-bg) !important;
  border-color: transparent !important;
}

.highlight-loya {
  background-color: var(--loya-bg);
}

.loya .border-top {
  border-top: 2px dotted var(--loya) !important;
}

.loya .border-bottom {
  border-bottom: 2px dotted var(--loya) !important;
}

/* livo */
.bg-livo-n {
  background-color: var(--livo-bg);
}

.bg-livo-dark {
  background-color: var(--livo);
}

.bg-livo-outline {
  border: 2px dotted var(--livo);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-livo-outline {
    padding-top: 15px;
  }
}

.btn-livo-n {
  background-color: var(--livo) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-livo-n:hover,
.btn-livo-n:focus {
  background-color: #fff !important;
  color: var(--livo) !important;
  border: 1px solid transparent !important;
}

.btn-livo-secondary {
  background-color: var(--livo-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-livo-secondary:hover,
.btn-livo-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--livo-bg) !important;
  border-color: transparent !important;
}

.highlight-livo {
  background-color: var(--livo-bg);
}

.livo .border-top {
  border-top: 2px dotted var(--livo) !important;
}

.livo .border-bottom {
  border-bottom: 2px dotted var(--livo) !important;
}

/* monza */
.bg-monza-n {
  background-color: var(--monza-bg);
}

.bg-monza-dark {
  background-color: var(--monza);
}

.bg-monza-outline {
  border: 2px dotted var(--monza);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-monza-outline {
    padding-top: 15px;
  }
}

.btn-monza-n {
  background-color: var(--monza) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-monza-n:hover,
.btn-monza-n:focus {
  background-color: #fff !important;
  color: var(--monza) !important;
  border: 1px solid transparent !important;
}

.btn-monza-secondary {
  background-color: var(--monza-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-monza-secondary:hover,
.btn-monza-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--monza-bg) !important;
  border-color: transparent !important;
}

.highlight-monza {
  background-color: var(--monza-bg);
}

.monza .border-top {
  border-top: 2px dotted var(--monza) !important;
}

.monza .border-bottom {
  border-bottom: 2px dotted var(--monza) !important;
}

/* pamplona */
.bg-pamplona-n {
  background-color: var(--pamplona-bg);
}

.bg-pamplona-dark {
  background-color: var(--pamplona);
}

.bg-pamplona-outline {
  border: 2px dotted var(--pamplona);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-pamplona-outline {
    padding-top: 15px;
  }
}

.btn-pamplona-n {
  background-color: var(--pamplona) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-pamplona-n:hover,
.btn-pamplona-n:focus {
  background-color: #fff !important;
  color: var(--pamplona) !important;
  border: 1px solid transparent !important;
}

.btn-pamplona-secondary {
  background-color: var(--pamplona-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-pamplona-secondary:hover,
.btn-pamplona-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--pamplona-bg) !important;
  border-color: transparent !important;
}

.highlight-pamplona {
  background-color: var(--pamplona-bg);
}

.pamplona .border-top {
  border-top: 2px dotted var(--pamplona) !important;
}

.pamplona .border-bottom {
  border-bottom: 2px dotted var(--pamplona) !important;
}

/* varda */
.bg-varda-n {
  background-color: var(--varda-bg);
}

.bg-varda-dark {
  background-color: var(--varda);
}

.bg-varda-outline {
  border: 2px dotted var(--varda);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-varda-outline {
    padding-top: 15px;
  }
}

.btn-varda-n {
  background-color: var(--varda) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-varda-n:hover,
.btn-varda-n:focus {
  background-color: #fff !important;
  color: var(--varda) !important;
  border: 1px solid transparent !important;
}

.btn-varda-secondary {
  background-color: var(--varda-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-varda-secondary:hover,
.btn-varda-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--varda-bg) !important;
  border-color: transparent !important;
}

.highlight-varda {
  background-color: var(--varda-bg);
}

.varda .border-top {
  border-top: 2px dotted var(--varda) !important;
}

.varda .border-bottom {
  border-bottom: 2px dotted var(--varda) !important;
}

/* velden */
.bg-velden-n {
  background-color: var(--velden-bg);
}

.bg-velden-dark {
  background-color: var(--velden);
}

.bg-velden-outline {
  border: 2px dotted var(--velden);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-velden-outline {
    padding-top: 15px;
  }
}

.btn-velden-n {
  background-color: var(--velden) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-velden-n:hover,
.btn-velden-n:focus {
  background-color: #fff !important;
  color: var(--velden) !important;
  border: 1px solid transparent !important;
}

.btn-velden-secondary {
  background-color: var(--velden-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-velden-secondary:hover,
.btn-velden-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--velden-bg) !important;
  border-color: transparent !important;
}

.highlight-velden {
  background-color: var(--velden-bg);
}

.velden .border-top {
  border-top: 2px dotted var(--velden) !important;
}

.velden .border-bottom {
  border-bottom: 2px dotted var(--velden) !important;
}

/* sarah */
.bg-sarah-n {
  background-color: var(--sarah-bg);
}

.bg-sarah-dark {
  background-color: var(--sarah);
}

.bg-sarah-outline {
  border: 2px dotted var(--sarah);
  padding-top: 40px;
}

@media (max-width: 769px) {
  .bg-sarah-outline {
    padding-top: 15px;
  }
}

.btn-sarah-n {
  background-color: var(--sarah) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn-sarah-n:hover,
.btn-sarah-n:focus {
  background-color: #fff !important;
  color: var(--sarah) !important;
  border: 1px solid transparent !important;
}

.btn-sarah-secondary {
  background-color: var(--sarah-bg) !important;
  color: var(--mds-dark) !important;
  border-color: transparent !important;
}

.btn-sarah-secondary:hover,
.btn-sarah-secondary:focus {
  background-color: var(--mds-dark) !important;
  color: var(--sarah-bg) !important;
  border-color: transparent !important;
}

.highlight-sarah {
  background-color: var(--sarah-bg);
}

.sarah .border-top {
  border-top: 2px dotted var(--sarah) !important;
}

.sarah .border-bottom {
  border-bottom: 2px dotted var(--sarah) !important;
}