.elementor-5395 .elementor-element.elementor-element-6e49cb7{--display:flex;}.elementor-5395 .elementor-element.elementor-element-b16faf8{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5395 .elementor-element.elementor-element-939ad91{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-5395 .elementor-element.elementor-element-785f3e0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-5395 .elementor-element.elementor-element-ca0f1bb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.ee-tooltip.ee-tooltip-5d3125c.to--top,
							 .ee-tooltip.ee-tooltip-5d3125c.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-5d3125c.to--left,
							 .ee-tooltip.ee-tooltip-5d3125c.to--right{margin-top:0px;}.elementor-5395 .elementor-element.elementor-element-ac661b5{--display:flex;}.elementor-5395 .elementor-element.elementor-element-a4c09e2{--display:flex;}.elementor-5395 .elementor-element.elementor-element-a192227{--display:flex;}.elementor-5395 .elementor-element.elementor-element-0327d53{--display:flex;}.elementor-5395 .elementor-element.elementor-element-e6e5f0b{--display:flex;}.elementor-5395 .elementor-element.elementor-element-343eb41{--display:flex;}.elementor-widget-price-list .elementor-price-list-header{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-price-list .elementor-price-list-price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-price-list .elementor-price-list-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-price-list .elementor-price-list-separator{border-bottom-color:var( --e-global-color-secondary );}.elementor-5395 .elementor-element.elementor-element-47e5295 .elementor-price-list-separator{border-bottom-style:none;}.elementor-5395 .elementor-element.elementor-element-47e5295 .elementor-price-list-item{align-items:flex-start;}.elementor-5395 .elementor-element.elementor-element-47e5295 .elementor-price-list li:not(:last-child){margin-bottom:20px;}body.rtl .elementor-5395 .elementor-element.elementor-element-47e5295 .elementor-price-list-image{padding-left:calc(20px/2);}body.rtl .elementor-5395 .elementor-element.elementor-element-47e5295 .elementor-price-list-image + .elementor-price-list-text{padding-right:calc(20px/2);}body:not(.rtl) .elementor-5395 .elementor-element.elementor-element-47e5295 .elementor-price-list-image{padding-right:calc(20px/2);}body:not(.rtl) .elementor-5395 .elementor-element.elementor-element-47e5295 .elementor-price-list-image + .elementor-price-list-text{padding-left:calc(20px/2);}.elementor-5395 .elementor-element.elementor-element-7639ae5{--display:flex;}.elementor-5395 .elementor-element.elementor-element-2eefe0f{--display:flex;}.elementor-5395 .elementor-element.elementor-element-39a661c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:44px 56px;--row-gap:44px;--column-gap:56px;}.elementor-5395 .elementor-element.elementor-element-e0574bf{--display:flex;}.elementor-5395 .elementor-element.elementor-element-4ef2486{--display:flex;}.elementor-5395 .elementor-element.elementor-element-08d4c03{--display:flex;}.elementor-5395 .elementor-element.elementor-element-9449ed3{--display:flex;}.elementor-5395 .elementor-element.elementor-element-076715b{--display:flex;}.elementor-5395 .elementor-element.elementor-element-07f6827{--display:flex;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5395 .elementor-element.elementor-element-2ec1069{--display:flex;}.elementor-5395 .elementor-element.elementor-element-0b5496a{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Serif;font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );letter-spacing:var( --e-global-typography-accent-letter-spacing );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5395 .elementor-element.elementor-element-b16faf8{--content-width:800px;}.elementor-5395 .elementor-element.elementor-element-a4c09e2{--content-width:800px;}.elementor-5395 .elementor-element.elementor-element-0327d53{--content-width:800px;}.elementor-5395 .elementor-element.elementor-element-343eb41{--content-width:800px;}.elementor-5395 .elementor-element.elementor-element-2eefe0f{--content-width:800px;}.elementor-5395 .elementor-element.elementor-element-9449ed3{--content-width:800px;}.elementor-5395 .elementor-element.elementor-element-07f6827{--content-width:800px;}.elementor-5395 .elementor-element.elementor-element-0b5496a{--content-width:800px;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-price-list .elementor-price-list-header{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-price-list .elementor-price-list-price{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-price-list .elementor-price-list-description{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-accordion .elementor-accordion-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-price-list .elementor-price-list-header{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-price-list .elementor-price-list-price{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-price-list .elementor-price-list-description{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-accordion .elementor-accordion-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS *//* ==========================================================================
   Startseite neu — allenwindenhof.ch
   Werte unverändert aus dem Entwurf allenwindenhof-seite_5.html.
   Die Selektoren greifen auf die awh-Klassen der Widgets; Elementor packt
   jedes Widget in eine eigene Hülle, deshalb die Nachsätze.
   ========================================================================== */

body {
  --awh-creme: #FBF4EB;
  --awh-creme-tief: #F2E7D5;
  --awh-taupe: #8C7268;
  --awh-sand: #C2B19C;
  --awh-petrol: #035F6E;
  --awh-text: #3A2E27;
  --awh-text-leise: #6E5C50;
  --awh-display: 'Fraunces', Georgia, serif;
  --awh-lauf: 'Spectral', Georgia, serif;

  background: var(--awh-creme);
  color: var(--awh-text);
  font-family: var(--awh-lauf);
  font-weight: 400;
  font-size: 19px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body a { color: var(--awh-petrol); text-decoration: none; }
body p { margin: 0 0 1.1em; }
body .elementor-widget:last-child p:last-child { margin-bottom: 0; }

/* ---- Bänder ------------------------------------------------------------ */
.awh-band { padding: 110px 0; }
.awh-innen { padding-left: 28px; padding-right: 28px; }
.awh-band.awh-tief { background: var(--awh-creme-tief); }
.awh-band.awh-mitte { text-align: center; }
/* 06.09.2026: Überschriften-Widgets stehen bei Elementor auf `text-align:
   start`; die Vererbung des mittigen Bandes kommt deshalb nicht an. Auf der
   Über-uns-Seite stand die Überschrift „Fragen? Schreib uns." links, während
   Kleinschrift und Text darunter mittig standen. */
.awh-band.awh-mitte .awh-h,
.awh-band.awh-mitte .awh-h .elementor-heading-title { text-align: center; }
.awh-band.awh-mitte .awh-knopf .elementor-button-wrapper { text-align: center; }

/* ---- Kleinschrift mit Sandstrich --------------------------------------- */
.awh-label { display: flex; align-items: center; gap: .9em; margin-bottom: 1.5rem; }
.awh-label::before {
  content: ""; width: 34px; height: 1px; background: var(--awh-sand); flex: none;
}
.awh-label p {
  margin: 0;
  font-family: var(--awh-lauf);
  font-size: .82rem;
  letter-spacing: .32em;
  text-transform: lowercase;
  color: var(--awh-petrol);
  font-weight: 500;
}
.awh-label.awh-label-mitte { justify-content: center; }

/* ---- Überschriften ------------------------------------------------------ */
.awh-zeile .elementor-heading-title,
.awh-leitsatz p {
  font-family: var(--awh-display);
  font-weight: 300;
  font-size: clamp(1.7rem, 4vw, 2.7rem);
  line-height: 1.28;
  letter-spacing: -.005em;
  color: var(--awh-text);
  max-width: 24ch;
  margin: 0 0 1.4rem;
}
.awh-band.awh-mitte .awh-zeile .elementor-heading-title,
.awh-band.awh-mitte .awh-leitsatz p { margin-left: auto; margin-right: auto; }
.awh-zeile .awh-kursiv,
.awh-leitsatz em { font-style: italic; color: var(--awh-petrol); }

/* 02.09.2026: Die Titel waren kurz auf Taupe gestellt, stehen aber wieder
   auf dem Dunkelbraun --awh-text (#3A2E27).
   Die Farbe steht seither ausdrücklich hier, statt sich stillschweigend auf
   die Site-Vorgabe zu verlassen. Das `body` davor ist dafür nötig:
   Elementors eigene Vorgabe für Überschriften-Widgets steht als
   `body .elementor-widget-heading .elementor-heading-title` im Kit-CSS und
   wöge sonst schwerer als eine Regel mit nur zwei Klassen. Genau diese
   Vorgabe hat am 01.09.2026 die Titel türkis gefärbt. */
body .awh-zeile .elementor-heading-title { color: var(--awh-text); }
.awh-leitsatz.awh-leitsatz-klein p { font-size: clamp(1.4rem, 3vw, 2rem); max-width: 38ch; }

/* Die Farbe steht bewusst nicht in dieser Regel, sondern eine Zeile
   tiefer mit `body` davor — sonst gewinnt Elementors Vorgabe für
   Überschriften-Widgets aus dem Kit-CSS. Wer eine einzelne Überschrift
   umfärben will, setzt die Farbe am Widget: die wird von Elementor als
   `.elementor-element-<nummer> .elementor-heading-title` ausgegeben und
   wiegt schwerer als beide Regeln hier. */
.awh-h .elementor-heading-title {
  font-family: var(--awh-display);
  font-weight: 300;
  font-size: clamp(2rem, 5vw, 3.3rem);
  line-height: 1.08;
  margin: 0 0 1rem;
}
.awh-band.awh-mitte .awh-h .elementor-heading-title { font-size: clamp(2.2rem, 5vw, 3.4rem); }
body .awh-h .elementor-heading-title { color: var(--awh-text); }

.awh-lede p {
  max-width: 36ch;
  font-size: 1.18rem;
  color: var(--awh-text-leise);
  margin-bottom: 2.2rem;
}
.awh-leise p { color: var(--awh-text-leise); max-width: 54ch; }
.awh-band.awh-mitte .awh-leise p { margin-left: auto; margin-right: auto; }

/* ---- Knöpfe ------------------------------------------------------------ */
/* 06.09.2026: Das `body` davor ist zwingend, sobald eine Seite ihren Kopf aus
   einer Theme-Vorlage bezieht. Deren CSS wird NACH dem Seiten-CSS geladen und
   bringt Elementors Vorgabe `.elementor-widget-button .elementor-button`
   (background: --e-global-color-accent) mit. Sie wiegt gleich schwer wie
   `.awh-knopf .elementor-button` — bei Gleichstand gewinnt die spätere Datei.
   Auf der Bilder-Seite wurde der Knopf dadurch cremefarben auf cremefarben,
   also unsichtbar. Derselbe Grund wie bei den Menü-Regeln weiter unten. */
body .awh-knopf .elementor-button {
  display: inline-flex;
  align-items: center;
  gap: .6em;
  background: var(--awh-petrol);
  color: var(--awh-creme);
  padding: 15px 30px;
  border-radius: 999px;
  border: 0;
  font-family: var(--awh-lauf);
  font-size: 1.02rem;
  letter-spacing: .01em;
  fill: var(--awh-creme);
  box-shadow: 0 10px 26px -12px rgba(3, 60, 72, .55);
  transition: transform .25s, box-shadow .25s;
}
body .awh-knopf .elementor-button:hover,
body .awh-knopf .elementor-button:focus {
  background: var(--awh-petrol);
  color: var(--awh-creme);
  transform: translateY(-2px);
  box-shadow: 0 16px 34px -12px rgba(3, 60, 72, .6);
}
body .awh-knopf .elementor-button::after {
  content: "\2192";
  display: inline-block;
  transition: transform .25s;
}
body .awh-knopf .elementor-button:hover::after { transform: translateX(4px); }
body .awh-knopf .elementor-button:focus-visible { outline: 2px solid var(--awh-text); outline-offset: 3px; }

/* Abstände gehören bei „boxed"-Boxen auf den inneren div — auf dem äusseren
   bleiben sie wirkungslos, weil dort nur ein einziges Kind sitzt. */
.awh-taten > .e-con-inner { align-items: center; gap: 26px; flex-wrap: wrap; }
.awh-geist p { margin: 0; color: var(--awh-taupe); letter-spacing: .02em; }
.awh-geist a { color: var(--awh-taupe); }

/* ---- Bildrahmen -------------------------------------------------------- */
.awh-rahmen { margin-top: 54px; }
.awh-rahmen figure, .awh-rahmen .elementor-widget-container { margin: 0; }
.awh-rahmen img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
  border: 1px solid var(--awh-sand);
  box-shadow: 0 34px 60px -34px rgba(58, 46, 39, .45);
}
.awh-rahmen figcaption,
.awh-rahmen .widget-image-caption {
  font-family: var(--awh-lauf);
  font-size: .82rem;
  letter-spacing: .14em;
  text-transform: lowercase;
  color: var(--awh-taupe);
  text-align: center;
  padding: 14px 0 0;
  background: none;
  font-style: normal;
}

/* Quadratisch zugeschnittenes Foto neben Text (Hot Pot, 02.10.2026). Die
   Fotos vom Fass sind hochkant; quadratisch bleiben Fass, Kamin und See im
   Bild. Neben einer Textspalte beginnt das Foto auf Höhe der Kleinschrift
   bzw. des Titels, nicht 54 px tiefer wie sonst bei .awh-rahmen. */
.awh-quadrat { margin-top: 0; }
.awh-quadrat img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: 50% 62%;
}
.awh-zweispalt > .awh-spalte-bild { flex: 1 1 0; }
/* Zweispalter: kein Innenabstand. Elementor gibt Kind-Containern 10 px; die
   Jurte stand dadurch seit jeher 20 px eingerückt, der Hot Pot 10 px — neben
   den übrigen Bändern sichtbar schief (02.10.2026). Gilt für beide Bauarten,
   mit innerem div (boxed) und ohne (volle Breite). */
.awh-zweispalt,
.awh-zweispalt > .e-con,
.awh-zweispalt > .e-con-inner > .e-con {
  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
}
/* Startseite, Band „neu: der hot pot“: quadratisch war Claudia das Foto zu
   gross (02.10.2026). Dort flacher zugeschnitten, gleich breit. */
#hotpot .awh-quadrat img { aspect-ratio: 4 / 3; object-position: 50% 72%; }

/* ---- Hero -------------------------------------------------------------- */
.awh-band.awh-hero { padding: 160px 0 96px; background: var(--awh-creme); }

/* ---- Zweispalter und Kontrast-Kästen ----------------------------------- */
.awh-zweispalt { align-items: flex-start; }
.awh-zweispalt > .awh-spalte-links { flex: 1.1 1 0; }
.awh-zweispalt > .awh-gegen { flex: 1 1 0; }
.awh-gegen { align-items: flex-start; margin-top: 14px; }
.awh-gegen > .awh-nicht, .awh-gegen > .awh-ist { flex: 1 1 0; }

.awh-gegen-h .elementor-heading-title {
  font-family: var(--awh-lauf);
  font-weight: 500;
  font-size: .82rem;
  letter-spacing: .22em;
  text-transform: lowercase;
  margin: 0 0 16px;
}
.awh-nicht .awh-gegen-h .elementor-heading-title { color: var(--awh-taupe); }
.awh-ist .awh-gegen-h .elementor-heading-title { color: var(--awh-petrol); }

.awh-gegen-liste .elementor-icon-list-items { margin: 0; padding: 0; list-style: none; }
.awh-gegen-liste .elementor-icon-list-item {
  display: block;
  padding: 9px 0;
  border-top: 1px solid var(--awh-sand);
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--awh-text);
}
.awh-gegen-liste .elementor-icon-list-icon { display: none; }
.awh-gegen-liste .elementor-icon-list-text { color: inherit; padding: 0; }
.awh-nicht .awh-gegen-liste .elementor-icon-list-item { color: var(--awh-text-leise); }

/* ---- Zitat ------------------------------------------------------------- */
.awh-zitat { max-width: 40ch; margin: 0 auto; text-align: center; }
.awh-sterne p {
  margin: 0 0 1.6rem;
  color: var(--awh-petrol);
  letter-spacing: .3em;
  font-size: .9rem;
}
.awh-zitat-text blockquote {
  font-family: var(--awh-display);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(1.5rem, 3.6vw, 2.2rem);
  line-height: 1.34;
  color: var(--awh-text);
  margin: 0 0 1.4rem;
  padding: 0;
  border: 0;
  quotes: none;
}
.awh-quelle p {
  margin: 0;
  font-family: var(--awh-lauf);
  letter-spacing: .14em;
  text-transform: lowercase;
  color: var(--awh-taupe);
  font-size: .9rem;
}

/* ---- Karte „wer wir sind" ---------------------------------------------- */
.awh-karte {
  background: var(--awh-creme);
  border: 1px solid var(--awh-sand);
  border-radius: 22px;
  padding: 48px;
}

/* ---- Kontakt ----------------------------------------------------------- */
.awh-kontakt-zeilen p { color: var(--awh-text-leise); margin-bottom: 2rem; }
.awh-kontakt-zeilen strong { color: var(--awh-text); font-weight: 500; }

/* ---- Klapp-Fragen ------------------------------------------------------ */
/* 02.10.2026: `body` davor. Auf /hot-pot/ lädt Elementor sein Akkordeon-CSS
   (gleich gewichtig, z. B. `.elementor-accordion .elementor-tab-title`) erst
   nach dem Seiten-CSS — die Fragen bekamen Rahmen und 15/20 px Abstand. */
body .awh-faq .elementor-accordion { border-top: 1px solid var(--awh-sand); }
body .awh-faq .elementor-accordion-item { border: 0; border-bottom: 1px solid var(--awh-sand); }
body .awh-faq .elementor-tab-title {
  background: none;
  border: 0;
  padding: 26px 40px 26px 0;
  position: relative;
}
body .awh-faq .elementor-tab-title .elementor-accordion-title,
body .awh-faq .elementor-tab-title a {
  font-family: var(--awh-display);
  font-weight: 400;
  font-size: 1.35rem;
  color: var(--awh-text);
  line-height: 1.3;
}
body .awh-faq .elementor-accordion-icon { display: none; }
body .awh-faq .elementor-tab-title::after {
  content: "+";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--awh-petrol);
  font-family: var(--awh-lauf);
  font-size: 1.5rem;
  transition: transform .3s;
}
body .awh-faq .elementor-tab-title.elementor-active::after { transform: translateY(-50%) rotate(45deg); }
body .awh-faq .elementor-tab-content {
  background: none;
  border: 0;
  padding: 0 40px 26px 0;
  color: var(--awh-text-leise);
  max-width: 60ch;
}

/* ---- Fusszeile --------------------------------------------------------- */
.awh-band.awh-fuss { background: var(--awh-text); color: var(--awh-creme); padding: 70px 0 46px; }
.awh-fuss-marke p {
  font-family: var(--awh-display);
  font-size: 1.8rem;
  color: var(--awh-creme);
  margin: 0 0 .4rem;
}
.awh-fuss-ort p {
  color: #C9B7A6;
  letter-spacing: .14em;
  text-transform: lowercase;
  font-size: .9rem;
  margin: 0 0 1.6rem;
}
.awh-fuss-links p { margin: 0; }
.awh-fuss-links a { color: var(--awh-sand); margin: 0 12px; font-size: .9rem; }

/* ---- Navigation -------------------------------------------------------- */
.awh-nav { position: absolute; top: 0; left: 0; right: 0; z-index: 20; }
.awh-nav-innen { padding: 26px 28px; }
.awh-marke p {
  margin: 0;
  font-family: var(--awh-display);
  font-weight: 400;
  font-size: 1.55rem;
  letter-spacing: .05em;
  color: var(--awh-text);
}
/* Kind-Container sind bei Elementor von Haus aus 100 % breit. Dann bleibt für
   „space-between" kein freier Platz und das Menü klebt links neben der Marke.
   Eigene Breite plus margin-left:auto schiebt es an den rechten Rand — so wie
   im Entwurf. */
.awh-navlinks { --width: auto; width: auto; margin-left: auto; }
.awh-navlinks > .e-con-inner { gap: 30px; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.awh-nav-innen > .e-con-inner { gap: 24px; }
/* Die Marke soll ihre Breite behalten und das Menü nach rechts lassen. */
.awh-marke { flex-grow: 0; flex-shrink: 0; }
/* ---- Menü-Widget: waagerecht am Rechner, Burger unter 767 px ---------- */
.awh-menue .elementor-nav-menu--main .elementor-nav-menu { gap: 30px; }
/* Das `body` vor diesen beiden Regeln ist zwingend, sobald der Kopf aus
   einer Vorlage kommt (Seiten ausser der Startseite). Elementor legt für das
   Menü-Widget eigene Vorgaben an —
   `.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item` —
   die gleich schwer wiegen wie die Zeile hier. Das CSS der Kopfvorlage wird
   aber NACH dem der Seite geladen, und bei Gleichstand entscheidet die
   Reihenfolge. Ohne `body` liefen die Menüpunkte deshalb in der Site-Schrift
   und in Taupe statt in Spectral und Dunkelbraun. */
body .awh-menue .elementor-nav-menu--main .elementor-item {
  font-family: var(--awh-lauf);
  font-size: .95rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-transform: lowercase;
  color: var(--awh-text);
  padding: 0;
  fill: var(--awh-text);
}
body .awh-menue .elementor-nav-menu--main .elementor-item:hover,
body .awh-menue .elementor-nav-menu--main .elementor-item:focus,
body .awh-menue .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: var(--awh-petrol);
  background: none;
}

/* Der Burger-Knopf */
.awh-menue .elementor-menu-toggle {
  background: none;
  border: 0;
  color: var(--awh-text);
  padding: 4px;
}
.awh-menue .elementor-menu-toggle:hover,
.awh-menue .elementor-menu-toggle:focus { background: none; color: var(--awh-petrol); }
.awh-menue .elementor-menu-toggle:focus-visible { outline: 2px solid var(--awh-petrol); outline-offset: 3px; }

/* Die aufgeklappte Liste */
.awh-menue .elementor-nav-menu--dropdown {
  background: var(--awh-creme);
  border: 1px solid var(--awh-sand);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 22px 44px -26px rgba(58, 46, 39, .5);
  margin-top: 12px;
}
.awh-menue .elementor-nav-menu--dropdown a.elementor-item {
  font-family: var(--awh-lauf);
  font-size: 1.02rem;
  text-transform: lowercase;
  letter-spacing: .02em;
  color: var(--awh-text);
  padding: 15px 22px;
  border-bottom: 1px solid var(--awh-sand);
}
.awh-menue .elementor-nav-menu--dropdown li:last-child a.elementor-item { border-bottom: 0; }
.awh-menue .elementor-nav-menu--dropdown a.elementor-item:hover,
.awh-menue .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active {
  background: var(--awh-creme-tief);
  color: var(--awh-petrol);
}
.awh-navknopf .elementor-button {
  background: none;
  border: 1px solid var(--awh-petrol);
  color: var(--awh-petrol);
  padding: 9px 18px;
  border-radius: 999px;
  font-size: .9rem;
  box-shadow: none;
  transition: background .25s, color .25s;
}
.awh-navknopf .elementor-button::after { content: none; }
.awh-navknopf .elementor-button:hover {
  background: var(--awh-petrol);
  color: var(--awh-creme);
  transform: none;
  box-shadow: none;
}

/* ---- Umbrüche ---------------------------------------------------------- */
@media (max-width: 820px) {
  /* Elementor behält die Zeilenrichtung auch auf kleinen Geräten bei —
     der Umbruch muss ausdrücklich gefordert werden. */
  .awh-zweispalt > .e-con-inner { flex-direction: column; gap: 44px; }
  /* Ein Zweispalter mit voller Breite (Startseite, Band „hotpot“) hat keinen
     inneren div — die Regel darüber greift dort nicht. 02.10.2026 */
  .awh-zweispalt.e-con-full { --flex-direction: column; flex-direction: column; --gap: 44px; gap: 44px; }
  .awh-gegen > .e-con-inner { gap: 26px; }
  .awh-band { padding: 80px 0; }
  .awh-band.awh-hero { padding: 140px 0 72px; }
  .awh-karte { padding: 32px; }
  .awh-navlinks > .e-con-inner { gap: 18px; }
}

@media (max-width: 767px) {
  .awh-nav-innen { padding: 18px 20px; }
  .awh-navlinks > .e-con-inner { gap: 14px; }
  .awh-navknopf .elementor-button { padding: 8px 15px; font-size: .84rem; }
  .awh-marke p { font-size: 1.3rem; }
  .awh-band.awh-hero { padding: 120px 0 64px; }
}

@media (max-width: 480px) {
  .awh-gegen > .e-con-inner { flex-direction: column; }
  .awh-innen { padding-left: 20px; padding-right: 20px; }
  body { font-size: 18px; }
  .awh-rahmen img { border-radius: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .awh-band { animation: none !important; opacity: 1 !important; }
  .awh-knopf .elementor-button,
  .awh-knopf .elementor-button::after { transition: none; }
}

/* ==========================================================================
   Teile, die es nur auf Unterseiten gibt
   ========================================================================== */

/* ---- Kopf als Vorlage --------------------------------------------------
   Er schwebt wie auf der Startseite über dem Inhalt, ohne eigene Fläche und
   ohne Trennlinie. Damit die Kleinschrift des ersten Abschnitts nicht
   dahinter verschwindet, bekommt dieser Abschnitt (`awh-auftakt`) oben
   zusätzliche Luft — dort, wo die Startseite ihr Hero-Foto hat. */
.awh-kopf {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
.awh-kopf .awh-nav-innen { padding: 26px 28px; }
.awh-band.awh-auftakt { padding-top: 140px; }

/* Beide Seiten haben einen schwebenden Kopf. Ohne diesen Abstand landet ein
   Sprung so, dass die Kleinschrift des Ziels hinter der Leiste liegt. */
.awh-band[id] { scroll-margin-top: 96px; }
@media (max-width: 767px) {
  .awh-band.awh-auftakt { padding-top: 108px; }
}
/* In der Kopfvorlage ist die Marke ein Link. Elementors Kit setzt für jedes
   `a` eine eigene Schriftgrösse (15 px) — dadurch schrumpfte
   „Allenwindenhof" im Kopf auf Fliesstextgrösse, während sie auf der
   Startseite in 1,55 rem steht. Der Link erbt jetzt ausdrücklich von der
   Marke. */
body .awh-marke a {
  color: var(--awh-text);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
body .awh-marke a:hover { color: var(--awh-petrol); }

/* ---- Fuss-Menü als Widget --------------------------------------------- */
.awh-fuss-menue .elementor-nav-menu { justify-content: center; gap: 24px; }
.awh-fuss-menue .elementor-item {
  font-family: var(--awh-lauf);
  font-size: .9rem;
  color: var(--awh-sand);
  padding: 0;
  text-transform: none;
}
.awh-fuss-menue .elementor-item:hover { color: var(--awh-creme); background: none; }

/* ---- Die beiden Gegensatz-Blöcke --------------------------------------
   Sie sind mit <strong> und <br> gesetzt, nicht als Liste — deshalb wird
   der Block als Ganzes gestaltet statt Zeile für Zeile. */
.awh-gegen-text { border-top: 1px solid var(--awh-sand); padding-top: 16px; }

/* 02.09.2026: Die beiden Blöcke sind unterschiedlich gebaut — bei „Was die
   Jurte NICHT ist" steckt der Text in einem <p>, bei „Was die Jurte ist"
   stehen <strong> und <br> ohne Absatz im Widget. Die Angaben hingen am <p>
   und griffen deshalb nur beim ersten Block: der eine lief in 1,02 rem und
   Taupe, der andere in der Site-Vorgabe (15 px) und Petrol.

   Sie hängen jetzt am Widget statt am Absatz und gelten damit für beide,
   gleich wie der Text darin ausgezeichnet ist. Das `.awh-band` davor ist
   nötig, um Elementors Vorgabe `.elementor-widget-text-editor` zu schlagen,
   die dem Widget sonst 15 px aufzwingt. */
/* Drei Ebenen, weil der erste Block zusätzlich ein inneres Text-Widget
   enthält: Elementor setzt dort erneut 15 px, was die Vererbung von aussen
   aufhebt. Deshalb Widget, inneres Widget und Absatz gemeinsam. */
.awh-band .awh-gegen-text,
.awh-band .awh-gegen-text .elementor-widget-text-editor,
.awh-band .awh-gegen-text p {
  font-family: var(--awh-lauf);
  font-size: 1.02rem;
  line-height: 1.95;
  color: var(--awh-text-leise);
}
.awh-band .awh-gegen-text p { margin-bottom: 0; }
.awh-band .awh-gegen-text strong { font-weight: 500; color: var(--awh-text); }
.awh-gegen-h .elementor-heading-title {
  font-family: var(--awh-lauf);
  font-weight: 500;
  font-size: .82rem;
  letter-spacing: .22em;
  text-transform: lowercase;
  margin: 0 0 16px;
}
.awh-nicht .awh-gegen-h .elementor-heading-title { color: var(--awh-taupe); }

/* ---- Preisliste -------------------------------------------------------- */
.awh-preise .elementor-price-list { margin: 0; padding: 0; list-style: none; }
.awh-preise .elementor-price-list > li { border-top: 1px solid var(--awh-sand); }
.awh-preise .elementor-price-list > li:last-child { border-bottom: 1px solid var(--awh-sand); }
.awh-preise .elementor-price-list-item { display: block; padding: 15px 0; text-decoration: none; }
.awh-preise .elementor-price-list-header { display: flex; align-items: baseline; gap: .8em; }
.awh-preise .elementor-price-list-title {
  font-family: var(--awh-lauf);
  font-weight: 400;
  font-size: 1.02rem;
  color: var(--awh-text);
  padding: 0;
}
.awh-preise .elementor-price-list-separator {
  flex: 1 1 auto;
  border-bottom: 1px dotted var(--awh-sand);
  align-self: center;
}
.awh-preise .elementor-price-list-price {
  font-family: var(--awh-display);
  font-weight: 400;
  font-size: 1.05rem;
  /* Derselbe gedämpfte Braunton wie die Zeile „Alle Angebote pro Person/Tag" —
     also die Farbe des Fliesstexts. */
  color: var(--awh-text-leise);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.awh-preise .elementor-price-list-description {
  color: var(--awh-text-leise);
  font-size: .95rem;
  margin: .35em 0 0;
}
/* Elementors eigene Regel für die Beschreibung ist gewichtiger als die
   Zeile darüber (drei Klassen und ein Element) und drückte den Text auf
   14 px. Dieselbe Gewichtung, aber später in der Datei — damit gewinnt sie. */
.awh-preise .elementor-price-list-item p.elementor-price-list-description {
  font-size: .95rem;
  line-height: 1.5;
}

/* ---- Saisonpreise (/jurte-mieten/, 02.10.2026) --------------------------
   Sommer- und Winterpreise unter der Einleitung. Die Zwischentitel sind H3
   (Gliederung für Google), sehen aber aus wie die Kleinschrift. `body` davor,
   sonst färbt die Kit-Vorgabe für Überschriften-Widgets sie türkis. */
.awh-saisonpreise { margin-top: 56px; }
body .awh-preis-h .elementor-heading-title {
  font-family: var(--awh-lauf);
  font-weight: 500;
  font-size: .82rem;
  letter-spacing: .22em;
  text-transform: lowercase;
  color: var(--awh-petrol);
  margin: 26px 0 4px;
}
.awh-saisonpreise .awh-preise + .awh-preise { margin-top: 40px; }

/* ---- Vergleichstabelle: bringt eigenes CSS mit, nur Schrift angleichen -- */
.awh-vergleich .awh-cmp {
  font-family: var(--awh-lauf);
  color: var(--awh-text-leise);
}
.awh-vergleich .awh-cmp table { font-size: 1rem; }
.awh-vergleich .awh-cmp thead th.d { color: var(--awh-petrol); }
.awh-vergleich .awh-cmp tbody th[scope="row"] { color: var(--awh-text); font-weight: 500; }

/* ---- Buchungskalender --------------------------------------------------
   Nur Schrift und Beschriftungen angleichen. Die Farben im Kalenderraster
   bedeuten Verfügbarkeit — die bleiben unangetastet. */
.awh-kalender,
.awh-kalender .wpbs-container,
.awh-kalender .wpbs-calendar { font-family: var(--awh-lauf); }
.awh-kalender .wpbs-heading {
  font-family: var(--awh-display);
  font-weight: 400;
  color: var(--awh-text);
}
.awh-kalender .wpbs-date-number { font-variant-numeric: tabular-nums; }
.awh-kalender .wpbs-legend-item-1,
.awh-kalender .wpbs-legend-item-2,
.awh-kalender .wpbs-legend-item-3,
.awh-kalender .wpbs-legend-item-4 {
  font-size: .9rem;
  color: var(--awh-text-leise);
}
.awh-kalender button.wpbs-prev,
.awh-kalender button.wpbs-next { color: var(--awh-petrol); }

/* ---- Anfrageformular und Kalender-Hülle -------------------------------
   Beides kommt aus dem Buchungs-Plugin und bringt eigene Gestaltung mit:
   graue Kopfzeile, weisse Legende, dazu ein dunkelblauer Knopf aus dem
   Theme. Angeglichen wird nur die Hülle — Schrift, ruhige Flächen, Knopf.
   Die Farben der einzelnen Tage bleiben unangetastet: an ihnen hängt die
   Auskunft, welche Nächte frei sind. */
.awh-kalender .wpbs-calendar-header { background: var(--awh-creme-tief); }
/* Die Grösse der Tagesziffern bleibt beim Plugin. Seine Regel dafür wiegt
   fünf Klassen und drei Elemente schwer; sie zu schlagen hiesse, die ganze
   Kette nachzubauen — und 13 px sind in einem Kalenderraster richtig, das
   Zahlenfeld ist dicht. */
.awh-kalender .wpbs-legend {
  background: none;
  border: 1px solid var(--awh-sand);
}
.awh-kalender .wpbs-legend .wpbs-legend-item-name {
  font-family: var(--awh-lauf);
  font-size: .85rem;
  color: var(--awh-text-leise);
}

/* Die Beschriftungen bleiben ganze Sätze. Die gesperrte Kleinschrift der
   Abschnitts-Marken wäre bei „Erzählt uns doch kurz …" unlesbar. */
.awh-kalender .wpbs-form-field-label label {
  display: block;
  font-family: var(--awh-lauf);
  font-size: .95rem;
  font-weight: 400;
  color: var(--awh-text-leise);
  margin-bottom: 6px;
}
.awh-kalender .wpbs-field-required-asterisk { color: var(--awh-petrol); }

.awh-kalender .wpbs-form-field-input input,
.awh-kalender .wpbs-form-field-input textarea,
.awh-kalender .wpbs-form-field-input select {
  box-sizing: border-box;
  width: 100%;
  font-family: var(--awh-lauf);
  font-size: 1rem;
  color: var(--awh-text);
  background: var(--awh-creme);
  border: 1px solid var(--awh-sand);
  border-radius: 0;
  padding: 12px 14px;
}
.awh-kalender .wpbs-form-field-input input:focus,
.awh-kalender .wpbs-form-field-input textarea:focus,
.awh-kalender .wpbs-form-field-input select:focus {
  border-color: var(--awh-petrol);
  outline: 2px solid var(--awh-petrol);
  outline-offset: 1px;
}

/* Der Anfragen-Knopf trug das Dunkelblau des Themes (#243E87). Er bekommt
   dieselbe Pille wie die Knöpfe der Startseite — ohne den Pfeil, der dort
   über ::after kommt: dieser Knopf verschickt, er führt nicht weiter. */
.awh-kalender .wpbs-form-submit-button button {
  display: inline-flex;
  align-items: center;
  gap: .6em;
  background: var(--awh-petrol);
  color: var(--awh-creme);
  padding: 15px 30px;
  border: 0;
  border-radius: 999px;
  font-family: var(--awh-lauf);
  font-size: 1.02rem;
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow: 0 10px 26px -12px rgba(3, 60, 72, .55);
  transition: transform .25s, box-shadow .25s;
}
.awh-kalender .wpbs-form-submit-button button:hover,
.awh-kalender .wpbs-form-submit-button button:focus {
  background: var(--awh-petrol);
  color: var(--awh-creme);
  transform: translateY(-2px);
  box-shadow: 0 16px 34px -12px rgba(3, 60, 72, .6);
}
.awh-kalender .wpbs-form-submit-button button:focus-visible {
  outline: 2px solid var(--awh-text);
  outline-offset: 3px;
}

/* ---- Zwischenzeilen im Fliesstext --------------------------------------
   In den Textblöcken stecken vereinzelt <h5>, die aus der Live-Seite
   stammen. Ohne eigene Regel fallen sie auf die Site-Vorgabe zurück
   (20 px) und wirken wie Reste. Sie bekommen den Massstab der FAQ-Titel:
   Fraunces, ruhig, klar untergeordnet. */
.awh-band .elementor-widget-text-editor h4,
.awh-band .elementor-widget-text-editor h5,
.awh-band .elementor-widget-text-editor h6 {
  font-family: var(--awh-display);
  font-weight: 400;
  font-size: 1.35rem;
  line-height: 1.3;
  color: var(--awh-text);
  margin: 1.6em 0 .4em;
}
.awh-band .elementor-widget-text-editor > .elementor-widget-container > h4:first-child,
.awh-band .elementor-widget-text-editor > .elementor-widget-container > h5:first-child,
.awh-band .elementor-widget-text-editor > .elementor-widget-container > h6:first-child {
  margin-top: 0;
}

/* ==========================================================================
   Schmale Seiten (800er Lesebreite)
   Die Schriftgrössen des Entwurfs sind für die 1120er Spalte der Startseite
   gemacht. In einer schmaleren Spalte füllen dieselben Sätze mehr Zeilen und
   die Seite wirkt erdrückend. Hier ein eigener Massstab.
   ========================================================================== */

.awh-band.awh-schmal { padding: 96px 0; }

.awh-schmal .awh-h .elementor-heading-title {
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  line-height: 1.16;
  margin-bottom: 1.3rem;
}
.awh-schmal .awh-zeile .elementor-heading-title {
  font-size: clamp(1.9rem, 4vw, 2.9rem);
  line-height: 1.2;
  max-width: 20ch;
}
.awh-schmal .awh-leitsatz p { font-size: clamp(1.4rem, 3vw, 2rem); }

/* Mehr Luft zwischen den Bausteinen eines Abschnitts. */
.awh-schmal .awh-innen > .e-con-inner { gap: 28px; }

/* Der Abstand kommt hier aus dem gap — sonst zählt er doppelt. */
.awh-schmal .awh-label { margin-bottom: 0; }

/* Innerhalb eines Abschnitts standen die Bausteine zu weit auseinander:
   Elementors Grundabstand von 20 px kam zu den eigenen Rändern von
   Überschrift und Absatz hinzu. Jetzt trägt der Abstand allein. */
.awh-schmal .awh-innen .e-con { --row-gap: 12px; --column-gap: 12px; }
.awh-schmal .awh-h .elementor-heading-title { margin-bottom: .2rem; }
.awh-schmal .awh-leise p:last-child,
.awh-schmal .awh-lede p:last-child { margin-bottom: 0; }
.awh-schmal .awh-preise .elementor-price-list-item { padding: 13px 0; }

/* Die Box, in die der bisherige Inhalt gewandert ist, damit die Kleinschrift
   darüber statt daneben steht. Sie soll keinen eigenen Rand mitbringen. */
.awh-inhaltsbox { padding: 0; width: 100%; }
.awh-inhaltsbox > .e-con-inner { padding: 0; }

/* Fliesstext darf die schmale Spalte ganz nutzen. */
.awh-schmal .awh-leise p { max-width: 62ch; }

@media (max-width: 767px) {
  .awh-band.awh-schmal { padding: 64px 0; }
}

/* ==========================================================================
   „Jurte mieten" genau wie „Übernachten in der Jurte"
   Jene Zeile ist eine H5 und wird vom Kit gesetzt. Damit beide gleich
   aussehen und gleich bleiben, greift diese Regel auf dieselben Werte des
   Kits zu, statt sie abzuschreiben — ändert sich dort etwas, wandert es
   automatisch mit.
   Im Quelltext bleibt „Jurte mieten" die H1, damit Suchmaschinen sie als
   Seitentitel lesen; nur ihr Aussehen ist das einer H5.
   ========================================================================== */

.awh-wie-h5 .elementor-heading-title {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
  letter-spacing: var(--e-global-typography-primary-letter-spacing);
  color: var(--e-global-color-text);
  font-size: 1.25rem;
  line-height: 1.2;
  margin: .5rem 0 1rem;
  max-width: none;
}

/* ==========================================================================
   Kopf auf Telefon und Tablet                                    06.09.2026
   Bis hierher standen diese Regeln einzeln an drei Seiten angehängt. Sie
   gehören hierher, damit jede Seite denselben Stand bekommt.
   ========================================================================== */

/* Unter 900 px passen Schriftzug, Menü und Knopf nicht nebeneinander: das
   Burger-Symbol rutschte über den Schriftzug, der Knopf darunter, und auf
   /jurte-mieten/ lag der schwebende Kopf dadurch über dem Text. Der Knopf
   entfällt dort — auf jeder Seite steht weiter unten ein eigener.
   Zwei Selektoren, weil der Kopf auf der Startseite Teil der Seite ist
   (`awh-nav-innen`) und auf den Unterseiten aus einer Vorlage kommt
   (`awh-kopf`).
   02.10.2026: Grenze von 900 auf 1000 px angehoben. Mit dem sechsten
   Menüpunkt wurde der Knopf zwischen 900 und 999 px zusammengedrückt und
   brach auf zwei Zeilen um. */
@media (max-width: 999px) {
  .awh-kopf .awh-navknopf,
  .awh-nav-innen .awh-navknopf { display: none; }
}

/* 02.10.2026: Sechs Menüpunkte (neu „hot pot"). Elementor drückte das
   Menü-Widget zusammen, obwohl daneben Platz frei war, und die Einträge
   brachen zwischen 768 und 1099 px auf zwei Zeilen um. Das Menü bleibt
   jetzt einzeilig; auf Tablet-Breite rücken die Einträge etwas zusammen. */
@media (min-width: 768px) {
  .awh-menue { flex-shrink: 0; }
  .awh-menue .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .awh-menue .elementor-nav-menu--main .elementor-nav-menu { gap: 20px; }
}

@media (max-width: 767px) {
  /* Die Klappliste stand im Textfluss und war nur so breit wie das Widget —
     Einträge wurden abgeschnitten, der Schriftzug rutschte beim Öffnen nach
     unten. Jetzt hängt sie rechtsbündig darunter und liegt über dem Inhalt. */
  .awh-menue { position: relative; z-index: 120; }
  .awh-menue .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    width: max-content;
    min-width: 190px;
    max-width: calc(100vw - 48px);
    z-index: 120;
  }
  .awh-menue .elementor-nav-menu--dropdown a.elementor-item { white-space: nowrap; }

  /* Der Freiraum unter dem schwebenden Kopf kam nie an: `.awh-band.awh-auftakt`
     und `.awh-band.awh-schmal` wiegen gleich schwer, und die schmale Regel
     steht später. Deshalb hier mit allen drei Klassen. Der Rechner bleibt
     bewusst bei den 96 px des schmalen Bandes — dort reicht es. */
  .awh-band.awh-schmal.awh-auftakt { padding-top: 108px; }
}

/* ==========================================================================
   Zweispalter „mitbringen | wann"
   Elementor gibt Kind-Containern 10 px Innenabstand. In der schmalen Spalte
   rückte die Zeile dadurch sichtbar gegenüber den anderen Bändern ein.
   ========================================================================== */
.awh-schmal .awh-zweispalt,
.awh-schmal .awh-zweispalt .awh-spalte-links {
  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
}

/* Auftakt wie auf /jurte-mieten/: Text links, Foto rechts. Das Foto vom Fass
   ist hochkant (3:4); den Zuschnitt regelt .awh-quadrat in seite.css. */
.awh-auftakt .awh-inhaltsbox > .e-con-inner,
.awh-auftakt .awh-inhaltsbox { --column-gap: 32px; --row-gap: 32px; }
/* In der halben Spalte wäre die volle Titelgrösse zu wuchtig. */
.awh-schmal .awh-inhaltsbox .awh-zeile .elementor-heading-title {
  font-size: clamp(1.8rem, 3vw, 2.3rem);
}/* End custom CSS */