.elementor-kit-10501{--e-global-color-primary:#988F6C;--e-global-color-secondary:#DCCAB1;--e-global-color-text:#46481C;--e-global-color-accent:#F5F0E8;--e-global-color-bcf4c95:#000000;--e-global-color-e50ac9c:#FFFFFF;--e-global-typography-primary-font-family:"Lora";--e-global-typography-secondary-font-family:"Lato";--e-global-typography-text-font-family:"Lato";--e-global-typography-accent-font-family:"Lato";color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-size:16px;line-height:1.6em;}.elementor-kit-10501 button,.elementor-kit-10501 input[type="button"],.elementor-kit-10501 input[type="submit"],.elementor-kit-10501 .elementor-button{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:3px 3px 3px 3px;}.elementor-kit-10501 button:hover,.elementor-kit-10501 button:focus,.elementor-kit-10501 input[type="button"]:hover,.elementor-kit-10501 input[type="button"]:focus,.elementor-kit-10501 input[type="submit"]:hover,.elementor-kit-10501 input[type="submit"]:focus,.elementor-kit-10501 .elementor-button:hover,.elementor-kit-10501 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-accent );}.elementor-kit-10501 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10501 a{color:#766519;}.elementor-kit-10501 a:hover{color:var( --e-global-color-text );}.elementor-kit-10501 h1{color:var( --e-global-color-text );font-family:"Lora", Sans-serif;font-size:54px;font-weight:400;}.elementor-kit-10501 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-kit-10501 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-kit-10501 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-kit-10501 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-kit-10501 h6{color:var( --e-global-color-primary );font-family:"Lora", Sans-serif;font-size:18px;font-weight:bold;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --gruen_dunkel:#46481C; --weiss:#fff; --beigegruen:#D4C5A3; --gruen_hell:#988F6C; }
/* Start custom CSS *//* =========================================================
   Preistabellen Hotel Post Abtenau
   Einmal global einbinden, z. B. Elementor Pro >
   Website-Einstellungen > Custom CSS
   ========================================================= */

/* ---------- Tabelle & Farbvariablen ---------- */
.hp-preise {
  --hp-head: #b8471e;        /* Kopfzeile + Hinweiszeile */
  --hp-sub: #b3a48c;         /* Halbpension- / Frühstück-Zeile */
  --hp-row: #f8d9bb;         /* Zimmerzeile */
  --hp-row-alt: #fcebd9;     /* Zimmerzeile, jede zweite */
  --hp-hinweis: #c8764a;     /* Zuschlagszeile */
  --hp-text: #3b2f25;
  --hp-trenner: #ffffff;
  --hp-spalte: rgba(80, 60, 40, .35);
  --hp-script: "Lora", serif; /* an Website-Schreibschrift anpassen */

  width: 100%;
  margin: 0 0 2em;
  border-collapse: collapse;
  color: var(--hp-text);
  font-size: 15px;
  line-height: 1.3;
}
.hp-preise--winter {
  --hp-head: #2a86c9;
  --hp-hinweis: #2a86c9;
}

/* ---------- Neutralisiert Theme-Standards für Tabellen ---------- */
.hp-preise :where(th, td) {
  padding: .45em .9em;
  border: 0;
  vertical-align: middle;
  text-align: left;
  font-weight: inherit;
}
.hp-preise.hp-preise :where(th, td) { background: transparent; } /* z. B. Zebra-/Hover-Farben des Themes */

/* ---------- Nur für Screenreader & Crawler sichtbar ---------- */
.hp-preise__caption {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

/* ---------- Kopfzeile ---------- */
.hp-preise__kopf { background: var(--hp-head); color: #fff; }
.hp-preise__titel { text-align: center; font-size: 1.35em; font-weight: 700; }
.hp-preise__titel-schrift { font-family: var(--hp-script); font-weight: 400; font-size: 1.6em; margin-right: .2em; }
.hp-preise__saison { text-align: center; font-weight: 700; border-left: 2px solid var(--hp-spalte); }

/* ---------- Zeile Halbpension + Termine ---------- */
.hp-preise__termine { background: var(--hp-sub); color: #fff; }
.hp-preise__leistung { font-weight: 600; border-bottom: 4px solid var(--hp-trenner); }
.hp-preise__leistung-titel { display: block; font-size: 1.2em; }
.hp-preise__datum {
  text-align: center; font-size: .8em; font-weight: 600;
  border-left: 2px solid var(--hp-spalte); border-bottom: 4px solid var(--hp-trenner);
}
.hp-preise__datum-zeile { display: block; }

/* ---------- Zimmerzeilen ---------- */
.hp-preise__zeile { background: var(--hp-row); }
.hp-preise__zeile--alt { background: var(--hp-row-alt); }
.hp-preise__zimmer { font-weight: 600; white-space: nowrap; }
.hp-preise__zimmer--einfach { font-size: 1.15em; }
.hp-preise__zimmer-name { display: block; font-family: var(--hp-script); font-weight: 400; font-size: 1.9em; line-height: 1; }
.hp-preise__ausstattung { font-size: .8em; }
.hp-preise__betont { font-weight: 700; }
.hp-preise__preis { text-align: center; font-size: 1.35em; white-space: nowrap; border-left: 2px solid var(--hp-spalte); }

/* ---------- Zuschlagszeile (gehört zur Halbpension) ---------- */
.hp-preise__hinweis-zeile { background: var(--hp-hinweis); color: #fff; }
.hp-preise__hinweis { text-align: right; font-size: .85em; font-weight: 600; padding: .3em .9em; }

/* ---------- Zwischenüberschrift „Inkl. Frühstück“ ---------- */
.hp-preise__gruppe { background: var(--hp-sub); color: #fff; }
.hp-preise__gruppe-titel {
  font-size: 1.2em; font-weight: 600; padding: .55em .9em;
  border-top: 4px solid var(--hp-trenner);
}

/* ---------- Mobil: jede Zeile als Block, Saison-Label vor dem Preis ---------- */
@media (max-width: 767px) {
  .hp-preise,
  .hp-preise :where(thead, tbody, tr, th, td) { display: block; }

  .hp-preise__termine,
  .hp-preise__saison { display: none; }

  .hp-preise__zeile { padding: .6em 0; border-top: 4px solid var(--hp-trenner); }
  .hp-preise__zimmer { white-space: normal; }
  .hp-preise__preis {
    display: flex; justify-content: space-between; align-items: baseline;
    border-left: 0; font-size: 1.15em; padding: .25em .9em;
  }
  .hp-preise__preis::before {
    content: attr(data-label); font-size: .7em; font-weight: 600; padding-right: 1em;
  }
  .hp-preise__hinweis { text-align: left; }
}/* End custom CSS */