.elementor-5329 .elementor-element.elementor-element-39d3c15{--display:flex;}.elementor-5329 .elementor-element.elementor-element-280edda{--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;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;}.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-5329 .elementor-element.elementor-element-fe7e179{--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:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{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-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{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 );}.elementor-5329 .elementor-element.elementor-element-03de2bd .elementor-menu-toggle{margin-left:auto;}.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 );}.elementor-5329 .elementor-element.elementor-element-8d4ce0f{--display:flex;}.elementor-5329 .elementor-element.elementor-element-7dba4af{--display:flex;}.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-5329 .elementor-element.elementor-element-6a7b330{--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:center;--gap:26px 26px;--row-gap:26px;--column-gap:26px;}.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-31a0251.to--top,
.ee-tooltip.ee-tooltip-31a0251.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-31a0251.to--left,
.ee-tooltip.ee-tooltip-31a0251.to--right{margin-top:0px;}.elementor-5329 .elementor-element.elementor-element-4be55c0{--display:flex;}.elementor-5329 .elementor-element.elementor-element-1800417{--display:flex;}.elementor-5329 .elementor-element.elementor-element-d06da77{font-family:var( --e-global-typography-secondary-font-family ), Serif;font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-5329 .elementor-element.elementor-element-4d2f597{--display:flex;}.elementor-5329 .elementor-element.elementor-element-3b56e0d{--display:flex;}.elementor-5329 .elementor-element.elementor-element-2cedd84{--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:70px 70px;--row-gap:70px;--column-gap:70px;}.elementor-5329 .elementor-element.elementor-element-c8a6c3c{--display:flex;}.elementor-5329 .elementor-element.elementor-element-944a81f{--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:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-5329 .elementor-element.elementor-element-31459ec{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-5329 .elementor-element.elementor-element-6d13ce3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-5329 .elementor-element.elementor-element-6d13ce3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-5329 .elementor-element.elementor-element-6d13ce3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-5329 .elementor-element.elementor-element-6d13ce3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-5329 .elementor-element.elementor-element-6d13ce3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-5329 .elementor-element.elementor-element-6d13ce3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5329 .elementor-element.elementor-element-6d13ce3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5329 .elementor-element.elementor-element-6d13ce3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5329 .elementor-element.elementor-element-6d13ce3 .elementor-icon-list-text{transition:color 0.3s;}.elementor-5329 .elementor-element.elementor-element-dfd1d59{--display:flex;}.elementor-5329 .elementor-element.elementor-element-3545714 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-5329 .elementor-element.elementor-element-3545714 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-5329 .elementor-element.elementor-element-3545714 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-5329 .elementor-element.elementor-element-3545714 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-5329 .elementor-element.elementor-element-3545714 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-5329 .elementor-element.elementor-element-3545714 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5329 .elementor-element.elementor-element-3545714 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5329 .elementor-element.elementor-element-3545714{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5329 .elementor-element.elementor-element-3545714 .elementor-icon-list-text{transition:color 0.3s;}.elementor-5329 .elementor-element.elementor-element-2aa3769{--display:flex;}.elementor-5329 .elementor-element.elementor-element-ec9c99e{--display:flex;}.elementor-5329 .elementor-element.elementor-element-f0c7f08{--display:flex;}.elementor-5329 .elementor-element.elementor-element-d94ef02{--display:flex;}.elementor-5329 .elementor-element.elementor-element-e13b0c3{--display:flex;}.elementor-5329 .elementor-element.elementor-element-9b8fa31{--display:flex;}.elementor-5329 .elementor-element.elementor-element-8052d22{--display:flex;}.elementor-5329 .elementor-element.elementor-element-8b9750d{--display:flex;}.elementor-5329 .elementor-element.elementor-element-5381a88{--display:flex;}.elementor-5329 .elementor-element.elementor-element-9165b21{--display:flex;}.elementor-5329 .elementor-element.elementor-element-7c936e9{--display:flex;}.elementor-5329 .elementor-element.elementor-element-bbb51db{--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-5329 .elementor-element.elementor-element-a87c1ac{--display:flex;}.elementor-5329 .elementor-element.elementor-element-9ce84c8{--display:flex;}@media(min-width:768px){.elementor-5329 .elementor-element.elementor-element-280edda{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-7dba4af{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-1800417{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-3b56e0d{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-ec9c99e{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-d94ef02{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-8052d22{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-9165b21{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-bbb51db{--content-width:1120px;}.elementor-5329 .elementor-element.elementor-element-9ce84c8{--content-width:1120px;}}@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-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-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-5329 .elementor-element.elementor-element-d06da77{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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 );}}@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-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-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-5329 .elementor-element.elementor-element-d06da77{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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 );}}/* 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; }
/* ---- Der Container, der nur die Schriften lädt, darf keinen Platz nehmen.
Ein lädt auch aus einem ausgeblendeten Element. ---------------- */
.awh-schriften { display: none; }
/* ---- 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; }
.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); }
.awh-leitsatz.awh-leitsatz-klein p { font-size: clamp(1.4rem, 3vw, 2rem); max-width: 38ch; }
/* Bewusst ohne Farbe: Wird sie hier festgelegt, überstimmt sie die
Einstellung am Widget — im Elementor-Editor liesse sich die Überschrift
dann nicht mehr umfärben. Die Farbe kommt aus dem Widget oder, wenn dort
nichts gesetzt ist, aus der Site-Vorgabe für Überschriften. */
.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); }
.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 ------------------------------------------------------------ */
.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;
}
.awh-knopf .elementor-button:hover,
.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);
}
.awh-knopf .elementor-button::after {
content: "\2192";
display: inline-block;
transition: transform .25s;
}
.awh-knopf .elementor-button:hover::after { transform: translateX(4px); }
.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;
}
/* ---- 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 ------------------------------------------------------ */
.awh-faq .elementor-accordion { border-top: 1px solid var(--awh-sand); }
.awh-faq .elementor-accordion-item { border: 0; border-bottom: 1px solid var(--awh-sand); }
.awh-faq .elementor-tab-title {
background: none;
border: 0;
padding: 26px 40px 26px 0;
position: relative;
}
.awh-faq .elementor-tab-title .elementor-accordion-title,
.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;
}
.awh-faq .elementor-accordion-icon { display: none; }
.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;
}
.awh-faq .elementor-tab-title.elementor-active::after { transform: translateY(-50%) rotate(45deg); }
.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; }
.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);
}
.awh-menue .elementor-nav-menu--main .elementor-item:hover,
.awh-menue .elementor-nav-menu--main .elementor-item:focus,
.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; }
.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: fest, nicht über einem Foto schwebend ----------- */
.awh-kopf {
background: var(--awh-creme);
border-bottom: 1px solid var(--awh-sand);
}
.awh-kopf .awh-nav-innen { padding: 20px 28px; }
.awh-marke a { color: var(--awh-text); }
.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 und
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; }
.awh-gegen-text p { font-size: 1.02rem; line-height: 1.95; margin-bottom: 0; }
.awh-gegen-text strong { font-weight: 500; }
.awh-nicht.awh-gegen-text p { color: var(--awh-text-leise); }
.awh-nicht.awh-gegen-text strong { color: var(--awh-taupe); }
.awh-ist.awh-gegen-text p { color: var(--awh-text); }
.awh-ist.awh-gegen-text strong { color: var(--awh-petrol); }
.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,
.awh-gegen-h + .awh-nicht { 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;
}
/* ---- 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); }
/* ==========================================================================
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;
}/* End custom CSS */