/* Erika Stand 20260926-r3 */
/* Tarifumstellung September 2026 */
.erika-stay-info {margin:24px 0;padding:20px 24px;background:#fff7cf;border-left:5px solid #e7c52e;color:#252525;text-align:center;}
.erika-stay-info strong {display:block;font-size:24px;line-height:1.35;}
.erika-stay-info span {display:block;margin-top:6px;font-size:16px;line-height:1.5;}
.erika-room-note {text-align:center;max-width:800px;margin:0 auto 24px;}
.price-container {justify-content:center;}
.price-container [data-room-type] {font-size:23px;white-space:nowrap;}
.price-container .price-weekly,.price-container .price-monthly {
  position:relative;flex:0 1 42%;max-width:42%;min-height:132px;
  display:flex;flex-direction:column;justify-content:center;
  margin:12px 3%;padding:12px 6px;background:#ffce40;color:#333;
  box-shadow:-5px 5px 5px #3030306e;text-align:center;font-family:Arial,sans-serif;
  transform:scaleY(.9) skewX(-8deg);
}
.price-container .price-weekly::before,.price-container .price-monthly::before {
  content:'';position:absolute;top:0;right:0;width:0;height:0;
  border-top:25px solid #fff;border-left:25px solid #ffce40;
  box-shadow:-5px 5px 5px #444;
}
.price-container .price-weekly > *,.price-container .price-monthly > * {position:relative;}
#erika-form-status {margin:12px 0;padding:12px 16px;border-left:4px solid #e7c52e;background:#fff7cf;color:#252525;}
#erika-form-status[hidden] {display:none;}
.erika-price-table {margin:24px 0;overflow-x:auto;}
.erika-price-table table {width:100%;border-collapse:collapse;color:#252525;}
.erika-price-table caption {caption-side:top;text-align:left;font-weight:600;padding:12px 0;color:#252525;}
.erika-price-table th,.erika-price-table td {padding:16px 12px;border:1px solid #ddd;text-align:left;}
.erika-price-table thead {background:#fff7cf;}
.erika-price-table p {margin-top:12px;}
#awf-form #awf .awf-cal:not([style*="opacity: 1"]),
#awf-form #awf .awf-error:not([style*="opacity: 1"]) {display:none;}
#awf-form #awf #erika-room-selection > div {margin:0;min-width:0;}
#awf-form #awf #erika-room-selection:before,#awf-form #awf #erika-room-selection:after {display:none;}
#awf-form #awf #erika-room-selection input {height:38px;border:1px solid #aaa;padding:4px 8px;font:inherit;}
@media(max-width:600px){.erika-stay-info{padding:16px 12px;}.erika-stay-info strong{font-size:21px;}.price-container [data-room-type]{font-size:21px;}.erika-price-table th,.erika-price-table td{padding:12px 6px;font-size:14px;}}

/* Die vorhandene Bootstrap-Datei begrenzt kleine Bildschirme auf 264 px. */
@media (max-width:767px) {
  .container {max-width:100%;}
  .container-fluid {padding-left:0;padding-right:0;}
  .container .container {padding-left:0;padding-right:0;}
  .product-big .unit-body {min-width:0;}
  .product-big-body {padding:18px 12px;}
  .product-big-title {font-size:21px;letter-spacing:.02em;}
  .product-big-text {font-size:13px;letter-spacing:0;}
  .buttons_start {display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin:0;padding:0;width:100%;}
  .buttons_start > div {width:100%;margin:0;}
  .buttons_start .button1 {width:100%;margin:6px 0;font-size:14px;}
  .price-container [data-room-type] {font-size:19px;letter-spacing:0;}
  .erika-price-table table {table-layout:fixed;}
  .erika-price-table th,.erika-price-table td {overflow-wrap:anywhere;letter-spacing:0;}
  section h5 {overflow-wrap:anywhere;hyphens:auto;}
  #awf-form #awf h1 {font-size:25px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere;}
  #awf-form #awf h2 {font-size:21px;line-height:1.2;overflow-wrap:anywhere;}
  #awf-form #awf #erika-room-selection > div {flex:1 1 100%;}
  #awf-form #awf .awf-cal {position:fixed;left:50%;top:20%;transform:translateX(-50%);margin:0;width:300px;max-width:calc(100vw - 40px);}
  #awf-form #awf .awf-cal-bk {width:100%;}
  #awf-form #awf .awf-error-req-o,#awf-form #awf .awf-error-inv-o {max-width:100%;margin-left:0;white-space:normal;}
  #awf-form #awf .awf-error-req-r,#awf-form #awf .awf-error-inv-r {max-width:calc(100% - 44px);}
  #erika-room-selection {padding:12px 0!important;}
}
