:root {
  --c-transparent: transparent;
  
  --c-base-700: rgba(18, 18, 17, 1);
  --c-base-600: rgba(37, 36, 35, 1);
  --c-base-500: rgba(60, 58, 54, 1);
  --c-base-400: rgba(92, 91, 87, 1);
  --c-base-300: rgba(214, 201, 190, 1);
  --c-base-200: rgba(235, 231, 225, 1);
  --c-base-100: rgba(245, 242, 238, 1);
  
  --c-primary-500: rgba(76, 13, 56, 1);
  --c-primary-400: rgba(95, 16, 70, 1);
  --c-primary-300: rgba(153, 76, 129, 1);
  --c-primary-200: rgba(197, 122, 173, 1);
  
  --c-secondary-500: rgba(172, 149, 172, 1);
  --c-secondary-400: rgba(202, 178, 202, 1);
  
  --c-green-400: rgba(121, 175, 142, 1);
  --c-green-600: rgba(72, 104, 85, 1);
  
  --c-yellow-400: rgba(198, 185, 68, 1);
  
  --c-red-400: rgba(220, 53, 69, 1);
  --c-red-300: rgba(224, 159, 125, 1);
    
  --c-white: rgba(255, 255, 255, 1);
  --c-black: rgba(0, 0, 0, 1);
  --c-text: var(--c-base-400);
    
  --font-sans: "Assistant Variable", sans-serif;
  --font-serif: "Aleo Variable", serif;
}
  
@font-face{font-family:Assistant Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/relaunch/assets/fonts/assistant-hebrew-wght-normal.xjFeJKcj.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Assistant Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/relaunch/assets/fonts/assistant-latin-ext-wght-normal.nCbYUGnR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Assistant Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/relaunch/assets/fonts/assistant-latin-wght-normal.YBnnBc3v.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Aleo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/relaunch/assets/fonts/aleo-vietnamese-wght-normal.BcrREzru.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Aleo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/relaunch/assets/fonts/aleo-latin-ext-wght-normal.CeW_BC6H.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Aleo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/relaunch/assets/fonts/aleo-latin-wght-normal.BrlYyHnC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face {
  font-family: 'icomoon';
  src:  
    url('/relaunch/assets/fonts/icomoon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* ------------------------ Template ------------------------ */

body#wlIbe {
  border-top: 12px solid #CAB2CA;
  padding-top: 20px;
  position: relative;
  min-height: 100%;
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
}

#wlIbe h1, #wlIbe h2, #wlIbe h3, #wlIbe h4, #wlIbe .abm-headline, #wlIbe h4.panel-title, #wlIbe .abm-summarytarget-total .text-right.h3,
.abmcc-root h1, .abmcc-root h2, .abmcc-root h3, .abmcc-root h4, .abmcc-root .abm-headline {
  font-family: var(--font-serif);
  text-transform: none;
  font-weight: normal;
}
#wlIbe .abm-summarytarget-total .text-right.h3 small {
  font-family: var(--font-sans);
}
@media (min-width: 768px) {
  #wlIbe .abm-summarytarget-total .text-right.h3 {
    font-size: 1.7em;
  }
}

#wlIbe header #contact {
  gap: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 480px) {
  #wlIbe header #contact {
    margin-top: 12px;
  }
}
#wlIbe header #contact a:hover {
  text-decoration: none;
}

#wlIbe main {
  margin-top: 2em;
  padding-bottom: 8em;
}
@media (min-width: 768px){
  #wlIbe main {
    margin-top: 3em;
    padding-bottom: 6em;
  }
}

@media (min-width: 1440px) {
  #wlIbe #main::after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    background-repeat: no-repeat;
    background-size: 300px;
    background-image: url(/relaunch/assets/img/coatOfArms.svg);
    background-position: right -150px top 30px;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 1740px) {
  #wlIbe #main::after {
    background-position: right 20px top 30px;
  }
}

#wlIbe .container {
	padding-left: 15px;
	padding-right: 15px;
}

#wlIbe header .container, #wlIbe footer .container {
	padding-left: 30px;
	padding-right: 30px;   
}


#wlIbe footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 2em;
  padding: 1em 0;
  background-color: #EBE7E1;
  font-size: 13px;   
}
@media (min-width: 768px){
  #wlIbe footer {
    font-size: 14px;   
  }
}
#wlIbe footer a, #wlIbe header a, #wlIbe .abm-websline-info a, #wlIbe .abm-phone-reception a {
  color: var(--c-base-500);
}
#wlIbe footer a#language {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.abm-websline-info {
  width: auto;
}


/* ------------------------ Navbar ------------------------ */

#wlIbe .abm-navbar.navbar-fixed-top {
  position: relative;
  background-color: transparent;
  margin-bottom: 0;
}
#wlIbe .abm-navbar-spacer {
  display: none;
} 

.abm-navbar .wizard {
	width: 100%;
}
@media (min-width: 768px){
  .abm-navbar .wizard {
    margin-top: 20px;
  }
}

.wizard > div.wizard-inner {overflow: hidden;}

.abm-navbar .wizard .connecting-line {
  background: var(--c-base-500);
  opacity: 1;
  height: 1px;
  width: 100%;
  bottom: 30px;
  top: auto;
}

.abm-navbar .wizard li.disabled span.round-tab, .abm-navbar .wizard li.disabled span.round-tab i {
  color: var(--c-base-500);
  border-color: var(--c-base-500);
}
.abm-navbar .wizard li span.round-tab, .abm-navbar .wizard li span.round-tab i, 
.abm-navbar .wizard li.active span.round-tab, .abm-navbar .wizard li.active span.round-tab i {
  background-color: var(--c-secondary-500);
  border-color: var(--c-secondary-500);
}
.abm-navbar .wizard li.disabled span.round-tab {
  border-width: 1px;
}

.abm-navbar .wizard .nav-tabs>li a, .abm-navbar .wizard .nav-tabs>li span.round-tab {
  border-radius: 999px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.abm-navbar .wizard .nav-tabs>li a i, .abm-navbar .wizard .nav-tabs>li span.round-tab i {
  border-radius: 999px;
  font-size: 24px;
}

#abmWizardStep100:before, #abmWizardStep200:before, #abmWizardStep300:before, #abmWizardStep400:before, #abmWizardStep500:before, #abmWizardStep600:before {
  background-color: var(--c-secondary-500);
  opacity: 1;
  height: 1px;
  position: absolute;
  left: -50%;
  bottom: 31px;
  width: 100%;
  display: table;
  content: "";
  z-index: 2;
}
#abmWizardStep100.disabled:before, #abmWizardStep200.disabled:before, #abmWizardStep300.disabled:before, #abmWizardStep400.disabled:before, #abmWizardStep500.disabled:before, #abmWizardStep600.disabled:before {
  display: none;
}

@media (min-width: 1200px){
  .abm-navbar.navbar.navbar-fixed-top .container {width: 100%;}
}

.abm-navbar .wizard li h6, 
.abm-navbar .wizard li.active h6 {
  color: var(--c-secondary-500);
  margin-top: 0;
}
.abm-navbar .wizard li.disabled h6 {
  color: var(--c-base-500);
}


/* ------------------------ Step 1 - Calendar ------------------------ */

.abm-root .abm-calendar-fastnav {
	margin-top: 12px;
}

.abm-root .abm-calendar-fastnav .abm-icon-arrow-right,
.abm-root .abm-calendar-fastnav .abm-icon-arrow-left {
	font-size: 33px;
	line-height: 40px;
}

.abm-root .highlight {
  background-color: var(--c-base-200) !important;
}

.wl-abm-fastnav-month {
	text-align: right;
}

.wl-abm-fastnav-month small {
	color: var(--c-base-500);
}

#abmHeaderTotal h3.navbar-text .abm-header-total-title {
	margin-bottom: 5px;
}

/* MONTHS */
.abm-root .abm-header-panel.panel {
	color: inherit !important;
}

.abm-root .abm-header-panel:not(.wl-abm-panel-active) {
  margin-bottom: 0;
}

.abm-root .abm-header-panel .abm-panel-table h1 i {
	font-size: 39px;
}

.abm-root .abm-header-panel .abm-panel-table h1.wl-abm-headericon {
	margin-bottom: 6px;
}
.abm-root .abm-header-panel .abm-panel-table h1.wl-abm-headericon .fa.fa-fw.fa-user {
    width: 39px;
}

.abm-root .abm-calendar-row-month span.h2,
.abm-root .abm-calendar-row-month span.h4 {
	font-size: 22px;
	font-weight: 400;
	line-height: 32px;
}

.abm-calendar-row-month .abm-div-clickable {
	margin-top: 5px;
}

.abm-root .abm-calendar-row-month th {
	background: transparent;
}



.abm-root .panel-body p small {
	font-size: 100%;
}

.abm-calendar tr.abm-calendar-month-spacer,
.abm-navbar-spacer {
	display: none;
}


/* DAYS */
#wlIbe .abm-calendar-day-outside {
    pointer-events: none;
    background: 0 0;
    opacity: 0 !important;
}

.abm-root .abm-calendar tr td:first-child,
.abm-root .abm-calendar tr.abm-calendar-row-dayofweek th:first-child {
	border-left: none;
}

.abm-root .abm-calendar .abm-calendar-day-past {
	opacity: .5;
	color: var(--c-text);
}

#abmCalendarArea .row.abm-calendar,
.abm-root .abm-requestroom-buttons {
  margin-top: 20px;
}
@media (min-width: 992px) {
  #abmCalendarArea .row.abm-calendar,
  .abm-root .abm-requestroom-buttons {
    margin-top: 40px;
  }
}


.abm-root .abm-calendar td {
  border-top: none !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
.abm-root .table>thead>tr>th {
  border-top: none;
}
.abm-root .table thead tr th {
  border-bottom: none;
  font-weight: 600;
}

/* LEGEND */
#wlIbe .abm-root .abm-calendar .abm-calendar-legend button.btn {
	opacity: 1;
	text-transform: none;
  border-radius: 0 !important;
}


/* ------------------------ Step 2 - Rooms ------------------------ */

@media (min-width: 768px) {
  .abm-root .row.abm-roompackage-list {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  .abm-root .abm-header-panel .panel-body {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .abm-root .panel-body button.btn.pull-right, .abm-root .panel-body .abm-room-buttongroup.pull-right {
    margin-right: 0;
    margin-top: 0;
  }
}

.abm-root .panel-body .abm-room-buttongroup.pull-right .btn.btn-sm i,
.abm-root .btn.btn-sm.abm-button-edit i,
.abm-root .abm-mini-button i {
  font-size: 14px;
}
@media (min-width: 768px) {
  .abm-root .panel-body .abm-room-buttongroup.pull-right .btn.btn-sm i,
  .abm-root .btn.btn-sm.abm-button-edit i,
  .abm-root .abm-mini-button i {
    display: none;
  }
}

.abm-view-requestroompossibilities .abm-occupation,
.abm-panel-table .abm-headline .fa.fa-male,
.abm-summarytarget-room td span.strong + p {
  color: var(--c-base-500);
}
.abm-panel-table .abm-headline .fa.fa-male {
  font-size: 16px;
}


.abm-room .abm-div-clickable span.label-success {
  background-color: var(--c-green-400);
}
.abm-root .abm-view-requestroompossibilities span.abm-label-availability {
  background-color: var(--c-base-200);
}

.abm-root .abm-view-requestroompossibilities hr {
  margin-top: 12px;
  margin-bottom: 12px;
}
.abm-root .abm-view-requestroompossibilities hr.abm-room-divider {
  margin-top: 24px;
  margin-bottom: 24px;
}

#abmHeaderTotal h3.navbar-text .abm-header-total-title {
	font-size: 11px;
	line-height: 11px;
	opacity: 1;
}

#abmHeaderTotal h3.navbar-text {
	margin-right: 0px;
}

.abm-root .abm-view-requestroompossibilities .abm-room-features:hover {
  color: unset;
}

.abm-room-features.fa-ul {
  list-style-type: '\2022\20\20';
	padding-left: 0;
	margin-left: 0;
}

.abm-room-features.fa-ul li .fa-li {
	display: none;
}

.abm-room-features.fa-ul li {
	margin-left: 15px;
}

.abm-room-features.fa-ul li::before {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -4px;
	border-radius: 50%;
}

.abm-room-features.fa-ul::after {
	content: 'Weitere Zimmerausstattung';
	margin-top: 3px;
	text-decoration: underline;
	display: inline-block;
}

html[lang="en"] .abm-room-features.fa-ul::after {
	content: 'More room features';
}

.abm-root .modal .modal-body .abm-popup-calculation .nav-tabs>li>a {
  background-color: var(--c-base-400);
  border-color: var(--c-base-400);
  color: var(--c-base-200);
  font-size: 14px;
}
@media (max-width: 767px) {
  .abm-root .modal .modal-body .abm-popup-calculation .nav-tabs>li>a {
    font-size: 12px;
    letter-spacing: 0;
  }
}
.abm-root .modal .modal-body .abm-popup-calculation .nav-tabs>li>a:hover {
  background-color: var(--c-base-500);
  border-color: var(--c-base-500);
}
.abm-root .modal .modal-body .abm-popup-calculation .nav-tabs>li.active>a {
	background-color: var(--c-primary-400);
	border-color: var(--c-primary-400);
	color: var(--c-base-200);
}
.abm-root .modal .modal-body .abm-popup-calculation .nav-tabs>li.active>a:hover {
	background-color: var(--c-primary-500);
	border-color: var(--c-primary-500);
}

#BookingEngine .abm-root .panel-group .panel {
	background-color: rgb(255 255 255 / 0%);
}

.abm-requestroom-parent .abm-view-requestroompossibilities .abm-roompackage-list-container ul.fa-ul {
	margin-left: 25px;
}

.abm-view-requestroompossibilities div.col-xs-12.col-sm-8 .abm-div-clickable ul.fa-ul {
	margin-left: 35px;
}

@media (min-width: 768px) {
  .abm-root .abm-header-panel .panel-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.abm-view-requestroompossibilities .row:not(.abm-room) .carousel-indicators li {
    margin-left: -1px;
    margin-right: -1px;
}
@media (min-width: 768px) {
    .abm-view-requestroompossibilities .carousel-indicators {
        bottom: 10px;
    }
}

.abm-root .abm-view-requestroompossibilities .h2,
.abm-root .abm-view-requestroompossibilities .h3,
.abm-root .abm-view-requestroompossibilities .text-right .h4,
.abm-summarytarget-total .text-right.h3 {
  color: var(--c-primary-500);
}
.abm-root .abm-view-requestroompossibilities span.h2,
.abm-root .abm-view-requestroompossibilities span.h3,
.abm-root .abm-view-requestroompossibilities .text-right .h4 {
  font-weight: 400;
  font-size: 24px;
}

@media (min-width: 768px) {
  .abm-root .abm-view-requestroompossibilities span.h2,
  .abm-root .abm-view-requestroompossibilities span.h3,
  .abm-root .abm-view-requestroompossibilities .text-right .h4 {
    font-size: 28px;
  }
}

@media (max-width: 400px) {
  .abm-root .btn.btn-default.abm-button-roomcategory-add i {
    width: 0px;
    overflow: hidden;
  }
}

/* ------------------------ Step 3 - Additional ------------------------ */

.abm-root .abm-target-additionalservice .panel-group .panel.panel-default:not(:last-of-type) .panel-heading {
  border-bottom: 1px solid #bfbcb6;
}
.abm-root .abm-target-additionalservice .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: none;
}

#abm-additionalservicegroup-accordion h4.panel-title {
	font-size: 20px; 
}
#abm-additionalservicegroup-accordion h4.panel-title i {
	font-size: 16px; 
}
#abm-additionalservicegroup-accordion h4.panel-title a {
	color: var(--c-text);
}

#abm-additionalservicegroup-accordion .panel-collapse ul.fa-ul {
    margin-left: 0;
}

#abm-additionalservicegroup-accordion .visible-xs-block {
	display: none !important;
}

#wlIbe .abm-root .abm-summarytarget-additionalservice .input-group-btn:first-child>.btn {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#wlIbe .abm-root .abm-summarytarget-additionalservice .input-group-btn:last-child>.btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* ------------------------ Step 4 - Insurance ------------------------ */

@media (max-width: 767px) {
  .abm-root .abm-insurance-compare {
    width: 100%;
    margin-bottom: 12px;
  }
}

#wlIbe #modalCommon .fa-2x {
  font-size: 24px;
}

/* ------------------------ Step 5 - Summary ------------------------ */

.abm-root .img-thumbnail {
  padding: 0;
  border: none;
  border-radius: 0;
}
.abm-root .abm-user-info {
  margin-top: 10px;
  margin-bottom: 20px;
}
.abm-root .abm-user-info p {
  font-size: 13px;
  line-height: 16px;
}
.abm-root .abm-user-info p strong {
  font-weight: 400;
}
.abm-root .abm-user-info h4 {
  margin-top: 10px;
  text-transform: none;
}
.abm-root .abm-user-info p.abm-phone-reception {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 20px;
}
@media (min-width: 1280px) {
  .abm-root .abm-user-info p {
    font-size: 14px;
  }
  .abm-root .abm-user-info h4 {
    font-size: 24px;
  }
}
.abm-root .abm-target-modeselect h4 {
  font-size: 18px;
  text-transform: none;
}
.abm-root .abm-target-modeselect .table>tbody>tr>td {
  border-top-color: var(--c-base-500) !important;
}

div[class^="abm-summarytarget-"] ul.fa-ul {
	margin-left: 35px;
}

/* ------------------------ Step 6 - Form ------------------------ */

input[type='text'],
input[type='number'],
textarea {
	font-size: 16px;
}

.form-control,
.abm-root .form-control {
  box-shadow: none !important;
  background-color: transparent;
  border-color: var(--c-base-500);
}
.form-horizontal .form-control,
#abm-bookingcode,
select.abm-requestroom-adults, select.abm-requestroom-children {
  border-radius: 4px !important;
}
  
.select2-container .select2-choice,
.select2-drop-active {
  border-color: var(--c-base-500);
}
.select2-drop-mask {
  background-color: var(--c-base-100);
}
.select2-container .select2-choice {
  background-color: var(--c-base-100);
  font-size: 16px;
}
.select2-container .select2-choice .select2-arrow {
  border-left: none;
  background-color: transparent;
}
.select2-drop {
  background: var(--c-base-100);
  color: var(--c-base-600);
}
.select2-results .select2-highlighted {
  background: var(--c-primary-200);
}
  
.abm-root input[type=checkbox] {
  appearance: none;
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid var(--c-base-500);
  border-radius: 2px !important;
  transition: border-color 0.4s ease;
  cursor: pointer;
}
.abm-root input[type=checkbox]:hover, .abm-root input[type=checkbox]:focus {
  border-color: var(--c-base-700);
}
.abm-root input[type=checkbox]:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDE1LjE3Mmw5LjE5Mi05LjE5MyAxLjQxNSAxLjQxNEwxMCAxOGwtNi4zNjQtNi4zNjQgMS40MTQtMS40MTR6Ii8+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
}

.abm-root input[type=radio] {
  appearance: none;
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid var(--c-base-600);
  border-radius: 999px !important;
  transition: border-color 0.4s ease;
  cursor: pointer;
}
.abm-root input[type=radio]:hover,.abm-root input[type=radio]:focus {
  border-color: var(--c-base-600);
}

.abm-root input[type=radio]:checked:before {
  content: '';
  position: absolute;
  border-radius: 999px;
  inset: 3px;
  background-color: var(--c-base-600);
}


/* ------------------------ Defaults ------------------------ */

.abm-root .table-hover tr:hover {
	background: none !important;
  background-color: transparent;
}

/* Special Buttons */
#wlIbe .btn-lg.abm-button-continue, #wlIbe .abm-root .pull-right.btn.btn-primary.btn-lg {
  position: relative;
}
#wlIbe .btn-lg.abm-button-continue:before, #wlIbe .abm-root .pull-right.btn.btn-primary.btn-lg:before {
  content: "";
  border: 0 solid #fff;
  border-radius: 4px;
  inset: 3px;
  position: absolute;
}
#wlIbe .btn-lg.abm-button-continue:hover:before, #wlIbe .abm-root .pull-right.btn.btn-primary.btn-lg:hover:before{
  border-width: 1px;
}

#wlIbe .abm-root .btn.abm-button-request, #wlIbe .abm-root .btn.abm-button-request-now {
  background-color: transparent;
  border-color: var(--c-base-500);
  color: var(--c-base-500);
}
#wlIbe .abm-root .btn.abm-button-request:hover, #wlIbe .abm-root .btn.abm-button-request-now:hover {
  background-color: var(--c-base-500);
  border-color: var(--c-base-500);
  color: var(--c-base-100);
}

#wlIbe .abm-root .btn-default.abm-btn-prices-and-packages {
  background-color: transparent !important;
  border-color: var(--c-base-500) !important;
  color: var(--c-base-500) !important;
  gap: 8px;
  display: inline-flex;
  align-items: center;
}
#wlIbe .abm-root .btn-default.abm-btn-prices-and-packages:hover {
  background-color: var(--c-base-500) !important;
  border-color: var(--c-base-500) !important;
  color: var(--c-base-100) !important;
}
.abm-root .btn-default.abm-btn-prices-and-packages.abm-toggle-open {
  opacity: 1;
}

#wlIbe .abm-root .btn {
  border-radius: 4px !important;
}
@media (min-width: 768px) {
    #wlIbe .abm-root .btn-lg {
        font-size: 16px;
    }
}
#wlIbe .abm-root .btn.btn-success.btn-lg i, #wlIbe .abm-root .btn.abm-button-request-now i, #wlIbe .abm-root .btn.abm-button-continue i, #wlIbe .abm-root .pull-right.btn.btn-primary.btn-lg i {
  display: none;
}
#wlIbe .abm-root .abm-btn-row .btn.btn-sm {
  font-size: 16px;
}

button.abm-button-edit,
button.abm-button-roomcategory-info,
button.abm-mini-button.btn-sm.btn-danger,
button.abm-requestroom-remove {
  padding-bottom: 8px;
  padding-top: 8px;
}
.abm-root button.btn-default.abm-requestroom-remove,
.abm-root button.btn-danger.abm-mini-button {
  background-color: transparent;
  color: var(--c-red-400);
  border-color: var(--c-red-400);
}
.abm-root button.btn-default.abm-requestroom-remove:hover,
.abm-root button.btn-danger.abm-mini-button:hover,
.abm-root button.btn-danger.abm-mini-button:hover {
  background-color: var(--c-red-400);
  border-color: var(--c-red-400);
  color: var(--c-base-200);
}

/* Links */
#wlIbe .abm-root .abm-target-insurance .radio a, #wlIbe .abm-root .abm-summarytarget-insurance a {
  text-decoration: underline;
}
#wlIbe .abm-root .abm-target-insurance .radio a:hover, #wlIbe .abm-root .abm-summarytarget-insurance a:hover {
  text-decoration: none;
}

@media (min-width: 992px) {
	.abm-room {
		display: flex;
		flex-wrap: wrap;
	}

	.abm-room>div:nth-child(1) {
		width: 100%;
	}

	.abm-room>div:nth-child(2),
	.abm-room>div:nth-child(3) {
		width: 50%;
	}

	.abm-room .carousel {
		height: 100%;
	}

	.abm-room .carousel-inner {
		height: 100%;
	}

	.abm-room .carousel-inner .item {
		height: 100%;
	}

	.abm-room .carousel-inner .item img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}

/* ------------------------ Booking - Thank you ------------------------ */
.abm-root .col-md-12 .panel.panel-default {
  border: none;
  background: transparent !important;
  box-shadow: none;
}
.abm-root .col-md-12 .panel.panel-default .abm-target-commoninfo h2 {
  font-size: 22px;
}
.abm-root .col-md-12 .panel.panel-default .abm-target-commoninfo p,
.abm-root .col-md-12 .panel.panel-default .abm-target-commoninfo .btn.btn-primary {
  margin-top: 10px;
}
.abm-root .col-md-12 .panel.panel-default .abm-target-commoninfo p a {
  display: block;
  font-weight: bold;
}


/* ------------------------ HotelQuality Widget ------------------------ */
.hotelquality-widget p.text-warning {
  margin-top: 5px !important;
  color: var(--c-primary-400);
}
@media (max-width: 767px) {
  #HotelQualityWidgetTab div {
    font-size: 13px;
  }
}


/* ------------------------ Icons ------------------------ */

#wlIbe .abm-icon-calendar, .abmcc-root .abm-icon-calendar,
#wlIbe .abm-icon-room, .abmcc-root .abm-icon-room,
#wlIbe .abm-icon-add-service, .abmcc-root .abm-icon-add-service,
#wlIbe .abm-icon-protect, .abmcc-root .abm-icon-protect,
#wlIbe .abm-icon-info-bread, 
#wlIbe .abm-panel-table .abm-icon-info, .abmcc-root h1:not(.wl-abmcc-headericon-benefits) .abm-icon-info,
#wlIbe .fa.fa-fw.fa-user, .abmcc-root .fa.fa-fw.fa-user {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

#wlIbe .abm-icon-calendar:before, .abmcc-root .abm-icon-calendar:before {content: "\a900";}
#wlIbe .abm-icon-room:before, .abmcc-root .abm-icon-room:before {content: "\a901";}
#wlIbe .abm-icon-add-service:before, .abmcc-root .abm-icon-add-service:before {content: "\a902";}
#wlIbe .abm-icon-protect:before, .abmcc-root .abm-icon-protect:before {content: "\a903";}
#wlIbe .fa.fa-fw.fa-user:before, .abmcc-root .fa.fa-fw.fa-user:before {content: "\a905";}
#wlIbe .abm-icon-info-bread:before, 
#wlIbe .abm-panel-table .abm-icon-info:before, .abmcc-root h1:not(.wl-abmcc-headericon-benefits) .abm-icon-info:before {content: "\a904";}

@media (min-width: 768px) {
  #wlIbe .abm-panel-table td {
    padding-right: 24px;
  }
}
  

/* ------------------------ Carousels ------------------------ */
.carousel .carousel-control.right,
.carousel .carousel-control.left {
  background-image: none;
  filter: none;
}
.abm-root .carousel .carousel-indicators li, .abmcc-root .carousel .carousel-indicators li {
  width: 8px;
  height: 8px;
  transition: width .3s;
}
.abm-root .carousel .carousel-indicators li.active, .abmcc-root .carousel .carousel-indicators li.active {
  background: transparent;
  width: 40px;
  margin: 1px;
}

.abm-root .carousel .carousel-control .glyphicon, .abmcc-root .carousel .carousel-control .glyphicon {
	border: 1px solid var(--c-base-100);
  color: var(--c-base-100);
  vertical-align: middle;
  width: 54px;
  height: 54px;
  padding: 15px 10px;
	display: block;
}
@media (min-width: 768px) {
  .abm-root .carousel .carousel-control .glyphicon, .abmcc-root .carousel .carousel-control .glyphicon {
    display: none;
  }
}
.abm-root .carousel .carousel-control:hover .glyphicon, .abmcc-root .carousel .carousel-control:hover .glyphicon {
    display: block;
}
.abm-root .carousel .carousel-control .glyphicon.glyphicon-chevron-left:before, .abmcc-root .carousel .carousel-control .glyphicon.glyphicon-chevron-left:before,
.abm-root .carousel .carousel-control .glyphicon.glyphicon-chevron-right:before, .abmcc-root .carousel .carousel-control .glyphicon.glyphicon-chevron-right:before {
    content: "";
    background-size: 100%;
    background-color: var(--c-base-100);
    width: 24px;
    height: 24px;
    display: block;
}
.abm-root .carousel .carousel-control .glyphicon.glyphicon-chevron-right:before, .abmcc-root .carousel .carousel-control .glyphicon.glyphicon-chevron-right:before {
    -webkit-mask-image: url(/relaunch/assets/img/arrow-right.svg);
    mask-image: url(/relaunch/assets/img/arrow-right.svg);
}
.abm-root .carousel .carousel-control .glyphicon.glyphicon-chevron-left:before, .abmcc-root .carousel .carousel-control .glyphicon.glyphicon-chevron-left:before {
    -webkit-mask-image: url(/relaunch/assets/svg/arrow-left.svg);
    mask-image: url(/relaunch/assets/img/arrow-left.svg);
}
  

/* ------------------------ Modals ------------------------ */
.abm-root .modal .modal-body {
  margin-top: -10px !important;
  border-color: var(--c-base-400);
}

.abm-root .modal .modal-body .abm-popup-calculation .nav-tabs > li {
    margin-bottom: 2px;
    padding: 0;
    display: flex;
    align-items: center;
}

.abm-root .modal .modal-body .abm-popup-calculation .nav-tabs > li:last-child {
  	margin-right: 0;
}
  
.abm-root .modal .modal-body .abm-popup-calculation .nav-tabs  {
  flex-direction: column;
} 
  
@media (max-width:768px) {
	.abm-root .modal .modal-body h1.abm-headline span.h2 {
  		font-size: 1em;
  	}
}  

.abm-root .modal .modal-body h1 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4 {
  text-transform: none;
}
.modal-body h1,
.modal-body h2 {
  font-weight: 400;
}
.modal-body h2 .h3 {
  font-size: unset;
  font-weight: 400;
}

.modal-body h4 {
	font-size: 25px;
}
  
.abm-root .modal .modal-body {
  margin-bottom: 10px;
}
  
.abm-root .modal .modal-body p + .carousel {
  margin-top: 10px;
}
  
.abm-root .modal .modal-footer {
  margin-top: 0;
}
  
.abm-root .modal .modal-header button.close {
  background-color: transparent;
  color: var(--c-base-600);
}
.abm-root .modal .modal-header button.close:hover {
  text-decoration: none;
}
@media(min-width:768px) {
  .abm-root .modal .modal-header button.close {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    margin-top: 5px;
  }
  .abm-root .modal .modal-header button.close span:not(.h5) {
    display: none;
  }
  .abm-root .modal .modal-header button.close .h5 {
    font-weight: 500;
  }
}

.abm-root .modal .modal-body h1 {
  margin-bottom: 15px;
  font-size: 32px;
}
@media (max-width: 575px) {
  .abm-root .modal .modal-body h1 {
    font-size: 28px;
  }
}

.modal-content {
	border-radius: 0;
}

.abm-root .modal-content .abm-summarytarget-room table span.strong {
	font-size: 18px;
}

.abm-root .modal .modal-body {
	margin-top: 5px;
}

.abm-root .modal .modal-body h2,
.abm-root .modal .modal-body .h2 {
  font-size: 26px;
  margin-top: 10px;
  text-transform: none;
}

.abm-root .modal .modal-body h3 {
  font-size: 24px;
}
.abm-root .modal .modal-body h4 {
  font-size: 20px;
}
@media (min-width: 992px) {
  .abm-root .modal .modal-body h1 {
    font-size: 42px;
  }
  .abm-root .modal .modal-body h2 {
    font-size: 32px;
  }
  .abm-root .modal .modal-body h3 {
    font-size: 26px;
  }
  .abm-root .modal .modal-body h4 {
    font-size: 22px;
  }
}

.abm-root .modal .modal-body p, 
.abm-root .modal .modal-body ul:not(.nav):not(.fa-ul), 
.abm-root .modal .modal-body h3 {
  margin-top: 20px;
  line-height: 24px;
}

.abm-root .modal .modal-body ul:not(.nav):not(.fa-ul) {
  padding-left: 1.2em;
}
.abm-root .modal .modal-body ul:not(.nav):not(.fa-ul) li {
  list-style-type: '\2022\20\20';
}

.abm-root .modal .modal-body .abm-popup-insurance td {
  border-top: 1px solid var(--c-base-400) !important;
}

.tab-content>*>*+* {
	margin-top: 20px;
}


/* ------------------------ Alerts ------------------------ */
.alert-info,
.alert-danger {
	color: var(--c-base-600);
	background-color: var(--c-secondary-400);
	border-color: var(--c-secondary-400);
} 
.alert-danger hr {
  border-top-color: var(--c-primary-500);
}
.sweet-alert {
	border-radius: 0;
  box-shadow: 1px 1px 7px 0px rgb(72 92 82 / 65%);
}

.sweet-alert .btn-primary {
	background-color: var(--c-primary-400);
	border-color: var(--c-primary-400);
}

.sweet-alert .btn-primary:hover {
	background-color: var(--c-primary-300);
	border-color: var(--c-primary-300);
}

.sweet-alert h2 {
  font-size: 24px;
  font-weight: 400;
  margin-top: unset;
}


/* OVERRIDE RED */
.abm-root .form-control.has-error {
  border-color: var(--c-red-400);
}
.abm-root .btn-danger,
.btn-danger, .btn-danger:active, .btn-danger:focus {
	color: var(--c-white);
	background-color: var(--c-red-400);
	border-color: var(--c-red-400);
}
.sweet-alert .btn-danger:focus {
  border-color: var(--c-red-400);
  box-shadow: none;
}

.form-group.has-error .control-label {
	color: var(--c-text) !important;
}
.form-group.has-error .control-label:after {
	color: var(--c-red-400);
} 

.has-error .checkbox,
.text-danger,
.abm-root .text-danger {
	color: var(--c-red-400);
}

.has-error .checkbox a,
.has-error .checkbox-custom a  {
	color: var(--c-text);
	text-decoration: underline;
}

.abm-summarytarget-room .btn-danger:hover,
.abm-summarytarget-additionalservice .btn-danger:hover,
.abm-summarytarget-insurance .btn-danger:hover,
.abm-summarytarget-total .btn-danger:hover {
	background-color: var(--c-red-400);
	border-color: var(--c-red-400);
}

.form-horizontal .form-group.has-error .form-control,
.form-inline .form-group.has-error .form-control {
	border-color: var(--c-red-400) !important;
}
.form-horizontal .form-group.has-error .form-control:required,
.form-inline .form-group.has-error .form-control:required {
	border-color: var(--c-red-400) !important;
}
 
.has-error-pre::placeholder {
	color: var(--c-red-400) !important;
}
  

.label-danger {
	background-color: var(--c-red-400);
	border-radius: 4px;
	font-family: var(--ff-primary);
	font-size: 14px;
}

.abm-buttons.abm-marker-area div {
	color: var(--c-red-400) !important;
}

.abm-calltoaction-confirmation-nodeposit {
	background-color: var(--c-secondary-400) !important;
	border-color: var(--c-secondary-400) !important;
}


/* OVERRIDE GREEN */
div.toggle-custom label.toggle input[type="checkbox"]:checked+.button-checkbox,
div.toggle-custom label.toggle input[type="radio"]:checked+.button-checkbox,
div.toggle-custom label.toggle input[type="checkbox"]:checked+.button-radio,
div.toggle-custom label.toggle input[type="radio"]:checked+.button-radio {
	border-color: var(--c-primary-500);
}

div.toggle-custom label.toggle input[type="checkbox"]:checked+.button-checkbox:after,
div.toggle-custom label.toggle input[type="radio"]:checked+.button-checkbox:after,
div.toggle-custom label.toggle input[type="checkbox"]:checked+.button-radio:after,
div.toggle-custom label.toggle input[type="radio"]:checked+.button-radio:after {
	background: var(--c-primary-500);
}

.abm-root .label-success {
	background-color: var(--c-primary-500);
  border-radius: 8px;
}

.text-success {
	color: var(--c-green-400);
}
  
.abm-root .abm-view-requestroompossibilities .label-default.abm-label-availability-0 {
  background-color: var(--c-base-400) !important;
}

.abm-root .abm-view-requestroompossibilities span.label-default.label-overflow,
.abm-root .abm-summarytarget-room span.label-default.label-overflow{
  background-color: var(--c-green-400) !important;
}

.bs-callout-success h4 {
	color: var(--c-red-400);
}

.modal-content .btn-success {
	background: var(--c-primary-400);
	border-color: var(--c-primary-400);
}

.modal-content .btn-success:hover {
	background: var(--c-primary-500);
	border-color: var(--c-primary-500);
}

.modal-footer button[id^='submitcalculation'] {
  border-color: var(--c-green-400) !important;
  background: var(--c-green-400) !important;
}


/* OVERRIDE ORANGE */
.btn-warning {
	color: var(--c-white) !important;
	background-color: var(--c-primary-500);
	border-color: var(--c-primary-500);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.hover,
.btn-warning.focus,
.btn-warning.active {
	background-color: var(--c-secondary-500);
	border-color: var(--c-secondary-500);
}

.label-warning {
	background-color: var(--c-primary-500);
	border-radius: 0;
	font-family: var(--ff-primary);
	font-size: 14px;
}


/* Kundencenter */ 
.abm-overall, .abm-logo-top {
  background-color: transparent;
}
@media (min-width: 1440px) {
  .abm-overall::after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    background-repeat: no-repeat;
    background-size: 300px;
    background-image: url(/relaunch/assets/img/coatOfArms.svg);
    background-position: right -150px top 30px;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 1580px) {
  .abm-overall::after {
    background-position: right 20px top 30px;
  }
}

.abm-hotellogo-v2 img {
  width: 198px;
	margin-top: 15px;
}

.abmcc-root .abm-websline-info a {
  color: var(--c-base-500);
}
.abm-ics-panel h1 i.abm-icon-ics:before {
	content: "\e909";
}

h1.wl-abmcc-headericon-benefits i.abm-icon-info:before {
	content: '\e90c';
}

#myCarousel {
	margin-bottom: 20px;
}

.abm-panel-response .panel-body .table thead tr th:not(:last-child),
.abm-panel-response .panel-body .table tbody tr td:not(:last-child) {
   text-align: left;
}

/* All voucher-tables left aligned */
.abm-panel-response .panel-body .table thead tr th:not(:last-child),
.abm-panel-response .panel-body .table tbody tr td:not(:last-child) {
   text-align: left;
}

.abmcc-root .abm-content .tabs .nav-tabs>li a {
	text-decoration: none;
}

.carousel.slide {
	margin-bottom: 20px;
}

.carousel .carousel-inner .carousel-caption {
  background-image: none;
}

.abm-variant-title > p:first-of-type {
    display:none;
}

/* Print Link */
.modal-body #targetGenerator a {
  margin-top: 5px;
  display: inline-block;
  background-color: var(--c-primary-500);
  color: var(--c-white);
  padding: 5px 10px;
  border-radius: 4px;
}
.modal-body #targetGenerator a:hover {
  text-decoration: none;
  background-color: var(--c-primary-400);
}

/* NOTIFICATION */
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
  background-color: var(--c-primary-500);
  border-color: var(--c-primary-500);
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item:hover {
  background-color: var(--c-primary-400);
  border-color: 1px solid var(--c-primary-400);
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item a:hover {
  text-decoration: none;
}