@font-face {
  font-family: 'Livory';
  src: url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/livory.eot);
  src: url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/livory.eot%3Fiefix) format('eot'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/livory.woff) format('woff'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/livory.ttf) format('truetype'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/livory.svg%23webfontFTeuJ308) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DS';
  src: url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans.eot);
  src: url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans.eot%3F%23iefix) format('embedded-opentype'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans.woff) format('woff'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans.ttf) format('truetype'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans.svg%23droid_sansregular) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DSB';
  src: url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans_bold.eot);
  src: url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans_bold.eot%3F%23iefix) format('embedded-opentype'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans_bold.woff) format('woff'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans_bold.ttf) format('truetype'),
  url(http://www.extrabooking.com/m-webfont/FKTD-V68F-CYF6/droid_sans_bold.svg%23droid_sansbold) format('svg');
  font-weight: normal;
  font-style: normal;
}


/* define font families: */

/* main-font */
body.widget-body,
body.widget-body .value-select-field,
body.widget-body .value-select-button,
body.widget-body .value-select-text,
#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service .description {
  font-family: 'DS';
}

/* secondary-font */
.page1-header,
body.widget-body .in-label-group,
body.widget-body .label-subtext,
body.widget-body input,
body.widget-body textarea {
  font-family: 'DS';
}

/* Georgia */
#service-giftcard-category-selector h4,
#service-giftcard-event-selector h4,
#service-giftcard-template-selector .giftcard-template h4,
#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service .price {
  font-family: 'DSB';
}

/* Helvetica */
#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service,
#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service .title{
  font-family: 'DSB';
}

body.widget-body label,
body.widget-body .label-group {
  font-weight: normal;
  font-family: 'DSB';
  color: #8a8a8a;
}

/* end of font family definition */

body.widget-body {
  background-color: #d9dadc;
  background-image: url(http://www.extrabooking.com/m-image/FKTD-V68F-CYF6/bgimage.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}


#HotelBurgWernberg .merchant-header-row {
  /* background: url(http://www.extrabooking.com/m-image/FKTD-V68F-CYF6/header-bg.png) repeat-x left top; */
  height: 120px;
}

.wernberg-header-logo-container {
  background-image: url(http://www.extrabooking.com/m-image/FKTD-V68F-CYF6/logobg.png);
  background-repeat: no-repeat;
  background-position: 15px top;
  height: 120px;
}

#HotelBurgWernberg .row .header-slogan {
  font-size: 28px;
  font-family: Georgia, serif;
  font-style: italic;
  color: #fff;
  font-weight: normal;
  padding-top: 0;
  padding-left: 0px;
}

.giftcard-dummy .giftcard-dummy-front {
  background-image: url(http://www.extrabooking.com/m-gc-image/FKTD-V68F-CYF6/giftcard_default.png);
  background-repeat: no-repeat;
  background-position: left top;
}

#widget-page-1,
#widget-page-2 {
  background-color: white;
  background-image: none;
  margin-top: 170px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.widget-side-logo {
  display: none;
}

.page1-header {
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
  color: #8c8c8c;
  font-family: 'DS';
  font-style: normal;
}

.wernberg-header-slogan {
  height: 120px;
  background-color: #fff;
  color: #8a8a8a;
  font-family: 'Livory';
  font-size: 23px;
  font-weight: normal;
  font-style: normal;
  padding-top: 70px;
}

.widget-in-new-window a {
  color: #8a8a8a;
}

#HotelBurgWernberg .merchant-header-row .merchant-header-container .widget-in-new-window {
  top: 70px;
  display: none;
}

#HotelBurgWernberg .merchant-header-row .merchant-header-container .widget-in-new-window a {
  color: #8a8a8a;
}

#HotelBurgWernberg .merchant-header-row .merchant-header-container .row-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


body.widget-body .value-select-field.selected, body.widget-body .value-select-button {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  border: none;
}

body.widget-body .value-select-field.selected, body.widget-body .value-select-button:hover {
  background-color: #d8e8ec;
}

body.widget-body .value-select-field.selected, body.widget-body .value-select-button.selected {
  background-color: #009ec5;
  color: #fff;
}

#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service.selected,
#service-giftcard-category-selector .giftcard-category.selected {
  background-color: #dff1f5;
}

.btn-eb-default {
  background-color: #009ec5;
  background-image: none;
  color: #fff;
  border: none;
  text-shadow: none;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  box-shadow: none;
}

body.widget-body .gift-value {
  color: #8a8a8a;
}

body.widget-body .language-selector {
  /* display: none; */
}

#page2-back-container #page2-back-link,
body.widget-body .terms-conditions a{
  color: #009ec5;
}

.wernberg-page1-header-title {
  font-family: 'Livory';
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  color: #009ec5;
  margin-top: 40px;
  margin-bottom: 18px;
}

.wernberg-page1-header-text {
  font-family: 'DS';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  color: #8a8a8a;
}


#service-giftcard-category-selector h4,
#service-giftcard-template-selector h4,
#service-giftcard-template-selector .giftcard-template h4 {
  font-style: normal;
  font-weight: normal;
}

#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service .title,
#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service .description {
  font-weight: normal;
}

#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service .select-btn-column .select-btn {
  background-color: #009ec5;
  background-image: none;
  color: #fff;
  border: none;
  text-shadow: none;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  box-shadow: none;
}

#service-giftcard-template-selector .giftcard-template .service-selector .giftcard-service .image img {
  max-width: 100%;
}

#service-giftcard-category-selector .giftcard-category {
  float: none;
  margin: 0 0 0.5em 0;
  padding: 1em 10px;
  text-align: left;
  width: 100%;
}

#service-giftcard-category-selector .giftcard-category .title-column {
  width: 15%;
  float: left;
  margin-right: 5%;
  font-family: 'DSB';
}

#service-giftcard-category-selector .giftcard-category .description-column {
  width: 80%;
  float: left;
}

#service-giftcard-category-selector .giftcard-category.selected {

}

#wernberg-after-category-content {

}

/* Order success page */

.order-success-page {
  margin-top: 170px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}


/* Self print page */

.self-print-page {
  margin-top: 170px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}


/* Responsive fixes */

@media screen and (min-width: 569px) and (max-width: 991px) {
  #widget-page-1,
  #widget-page-2 {
    padding-right: 15px;
  }

  #service-giftcard-template-selector .giftcard-template h4 {
    padding-left: 15px;
  }

  #service-giftcard-category-selector .giftcard-category .title-column { width: 20%; margin-right: 3%; }
  #service-giftcard-category-selector .giftcard-category .description-column { width: 77%; }
}

@media screen and (min-width: 700px) and (max-width: 768px) {
  .page-column-right {
    width: 265px;
  }
  #page1-next-button-container, #page2-next-button-container {
    margin-right: -15px;
  }
}

@media screen and (min-width: 569px) and (max-width: 768px) {
  #service-giftcard-category-selector .giftcard-category .title-column { width: 25%; margin-right: 3%; }
  #service-giftcard-category-selector .giftcard-category .description-column { width: 72%; }
}

@media screen and (max-width: 568px) {
  #widget-page-1,
  #widget-page-2 {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
  }

  #service-giftcard-template-selector .giftcard-template h4 {
    padding-left: 15px;
  }

  .page1-error-messages {
    margin-left: 15px;
    margin-right: -15px;
  }

  #service-giftcard-category-selector .giftcard-category .title-column { float: none; width: 100%; margin-right: 0%; margin-bottom: 0.5em; }
  #service-giftcard-category-selector .giftcard-category .description-column { float: none; width: 100%; }
}

@media screen and (max-width: 320px) {
  .page-column-left {
    margin-left: 15px;
  }
}