/* MCE Rahmen: Kopf, Menü, Fuß, Aktionsleiste für die Unterseiten.
   ERZEUGT von REBRANDING/wp-theme/rahmen_css.py aus startseite.css – nicht von Hand ändern. */
:is(.kopf,.fuss,.aktionsleiste,.cmplz-cookiebanner){box-sizing:border-box;font-family:var(--ff);font-size:var(--t-text);font-weight:400;line-height:1.6;color:var(--tinte);-webkit-font-smoothing:antialiased;font-kerning:normal}
html body :is(.kopf,.fuss,.aktionsleiste) *,html body :is(.kopf,.fuss,.aktionsleiste) *::before,html body :is(.kopf,.fuss,.aktionsleiste) *::after{box-sizing:border-box}
html body :where(.kopf,.fuss,.aktionsleiste) :is(button,[type=button],[type=submit]){background-color:transparent;border:0;border-radius:0;color:inherit;padding:0;font:inherit;white-space:normal;text-decoration:none;text-transform:none;letter-spacing:inherit;box-shadow:none;min-height:0}
html body :where(.kopf,.fuss,.aktionsleiste) :is(button,[type=button],[type=submit]):is(:hover,:focus){background-color:transparent;color:inherit;text-decoration:none}
html body :where(.kopf,.fuss,.aktionsleiste) a{color:inherit}
html body :where(.kopf,.fuss,.aktionsleiste) [hidden]:not([hidden="until-found" i]){display: none !important;}
:is(.kopf,.fuss,.aktionsleiste,.cmplz-cookiebanner,#cmplz-manage-consent){--grund:#F4F3F0;--papier:#FFFFFF;--flaeche:#E9E7E3;--band:#B2A38F;--band-text:#1A1A1A;--band-text-2:#2B2825;--tief:#1A1A1A;--tief-2:#262625;--tief-3:#111110;--tinte:#1A1A1A;--tinte-2:#56524D;--gedaempft:#6F6A63;--hell:#F4F3F0;--hell-2:#B9B4AC;--kopf:#F4F3F0;--kopf-text:#1A1A1A;--kopf-text-2:#56524D;--kopf-linie:rgba(26, 26, 26, .34);--kopf-btn:#1A1A1A;--kopf-btn-text:#F4F3F0;--hero:#F4F3F0;--hero-text:#1A1A1A;--hero-text-2:#56524D;--hero-rot:#C13D2A;--hero-btn:#1A1A1A;--hero-btn-text:#F4F3F0;--btn:#1A1A1A;--btn-text:#F4F3F0;--btn-hover:#000000;--logo-dunkel:block;--logo-hell:none;--buehne:#B2A38F;--buehne-linie:rgba(26, 26, 26, .06);--leiste-akzent:#B2A38F;--rot:#C13D2A;--rot-tief:#A3321F;--rot-hell:#E0563F;--rot-hauch:rgba(193, 61, 42, .1);--linie:rgba(26, 26, 26, .12);--linie-mittel:rgba(26, 26, 26, .32);--linie-hell:rgba(242, 240, 236, .16);--linie-hell-mittel:rgba(242, 240, 236, .4);--rahmen-eingabe:#8A857E;--ff:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;--breit:125%;--schmal:62%;--beschriftung:82%;--leicht:300;--kraeftig:600;--schwer:800;--t-mikro:.8125rem;--t-klein:.875rem;--t-text:1rem;--t-lead:clamp(1.125rem, 1.02rem + .4vw, 1.3125rem);--t-h3:clamp(1.1875rem, 1.06rem + .5vw, 1.4375rem);--t-h2:clamp(1.75rem, 1.05rem + 2.7vw, 3.125rem);--t-gross:clamp(2.25rem, .8rem + 5.2vw, 5.25rem);--g:clamp(1rem, .4rem + 3vw, 3rem);--spalt:clamp(1rem, .5rem + 1.6vw, 2rem);--sy:clamp(3.5rem, 2rem + 4vw, 5.5rem);--max:82.5rem;--kopf-h:4rem;--ease:cubic-bezier(.2, .7, .2, 1)}
@media (min-width: 1280px){
:is(.kopf,.fuss,.aktionsleiste,.cmplz-cookiebanner,#cmplz-manage-consent){--kopf-h:4.75rem}
}
:is(.kopf,.fuss,.aktionsleiste,.cmplz-cookiebanner,#cmplz-manage-consent){--grund:#F2EDE8;--papier:#FFFFFF;--flaeche:#E9E3DB;--band:#B2A38F;--band-text:#1A1A1A;--band-text-2:#2B2825;--tief:#1A1A1A;--tief-2:#262524;--tief-3:#121212;--tinte-2:#4F4A44;--gedaempft:#6E675E;--hell:#F2EDE8;--hell-2:#BDB5A9;--kopf:#B2A38F;--kopf-text:#1A1A1A;--kopf-text-2:#2B2825;--kopf-linie:rgba(26, 26, 26, .4);--hero:#B2A38F;--hero-text:#1A1A1A;--hero-text-2:#2B2825;--buehne:#C8BDAD;--btn-text:#F2EDE8;--kopf-btn-text:#F2EDE8;--hero-btn-text:#F2EDE8;--rahmen-eingabe:#8A847C}
:is(.kopf,.fuss,.aktionsleiste,.cmplz-cookiebanner,#cmplz-manage-consent){--sand:#D4C5B2;--kopf:#1A1A1A;--kopf-text:#F4F1EC;--kopf-text-2:#CFC8BE;--kopf-linie:rgba(242, 237, 232, .16);--kopf-btn:#F2EDE8;--kopf-btn-text:#1A1A1A}
html body :where(.kopf,.fuss,.aktionsleiste) *,html body :where(.kopf,.fuss,.aktionsleiste) ::before,html body :where(.kopf,.fuss,.aktionsleiste) ::after{box-sizing: border-box;}
html.menue-offen body{overflow: hidden;}
html body :where(.kopf,.fuss,.aktionsleiste) svg{display: block; max-width: 100%; height: auto;}
html body :where(.kopf,.fuss,.aktionsleiste) ul{margin: 0px; padding: 0px; list-style: none;}
html body :where(.kopf,.fuss,.aktionsleiste) p{margin: 0px;}
html body :where(.kopf,.fuss,.aktionsleiste) p{max-width: 66ch;}
html body :where(.kopf,.fuss,.aktionsleiste) a{color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; text-decoration-color: var(--linie-mittel);}
html body :where(.kopf,.fuss,.aktionsleiste) a:hover{text-decoration-color: currentcolor;}
html body :where(.kopf,.fuss,.aktionsleiste) button{font: inherit; color: inherit;}
html body :where(.kopf,.fuss,.aktionsleiste) :focus-visible{outline: 2px solid var(--tinte); outline-offset: 3px;}
html body :where(.kopf,.fuss,.aktionsleiste) .sr-only{width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important;}
html body :where(.kopf,.fuss,.aktionsleiste) .wrap{width: 100%; max-width: calc(var(--max) + 2 * var(--g)); margin-inline: auto; padding-inline: var(--g);}
html body :where(.kopf,.fuss,.aktionsleiste) .btn{display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; min-height: 3rem; padding: 0.75rem 1.35rem; border: 1.5px solid transparent; border-radius: 2px; font-size: var(--t-klein); font-weight: var(--kraeftig); font-stretch: 100%; line-height: 1.2; text-decoration: none; text-align: center; cursor: pointer; transition: background-color 0.15s, color 0.15s, border-color 0.15s;}
html body :where(.kopf,.fuss,.aktionsleiste) .btn--voll{background: var(--btn); border-color: var(--btn); color: var(--btn-text);}
html body :where(.kopf,.fuss,.aktionsleiste) .btn--voll:hover{background: var(--btn-hover); border-color: var(--btn-hover);}
html body :where(.kopf,.fuss,.aktionsleiste) .btn--linie{border-color: var(--tinte); color: var(--tinte); background: transparent;}
html body :where(.kopf,.fuss,.aktionsleiste) .btn--linie:hover{background: var(--tinte); color: var(--grund);}
html body :where(.kopf,.fuss,.aktionsleiste) .dunkel .btn--hell{background: var(--grund); border-color: var(--grund); color: var(--tief);}
html body :where(.kopf,.fuss,.aktionsleiste) .dunkel .btn--hell:hover{background: rgb(255, 255, 255); border-color: rgb(255, 255, 255);}
html body :where(.kopf,.fuss,.aktionsleiste) .btn--klein{min-height: 2.625rem; padding: 0.55rem 1rem; font-size: var(--t-klein);}
html body :where(.kopf,.fuss,.aktionsleiste) .btn .pfeil{width: 1.5rem;}
@media (max-width: 699px){
html body :where(.kopf,.fuss,.aktionsleiste) .aktionen--stapel .btn{width: 100%;}
}
html body .kopf{position: sticky; top: env(safe-area-inset-top, 0px); z-index: 60; background: var(--kopf); color: var(--kopf-text); border-bottom: 1px solid transparent; transition: border-color 0.2s;}
html body .kopf :focus-visible{outline-color: var(--kopf-text);}
html body .kopf .btn--voll{background: var(--kopf-btn); border-color: var(--kopf-btn); color: var(--kopf-btn-text);}
html body .kopf .btn--voll:hover{opacity: 0.88;}
html body .kopf.ist-gescrollt{border-bottom-color: var(--kopf-linie);}
@media all{
html body .kopf{transition: background-color 0.3s, border-color 0.2s, color 0.3s;}
html body .kopf::before{content: ""; position: absolute; inset: 0px 0px -70%; z-index: -1; pointer-events: none; opacity: 0; transition: opacity 0.3s; background: linear-gradient(rgba(18, 17, 15, 0.62), rgba(18, 17, 15, 0.28) 55%, rgba(18, 17, 15, 0));}
html.js:not(.menue-offen) body .kopf:not(.ist-gescrollt){background-color: var(--kopf);}
html.js:not(.menue-offen) body .kopf.auf-foto:not(.ist-gescrollt){--kopf-text: #F4F1EC; --kopf-text-2: #E2DDD5; --kopf-btn: #F2EDE8; --kopf-btn-text: #1A1A1A; --logo-sub: #C9C1B6;}
html.js:not(.menue-offen) body .kopf.auf-foto:not(.ist-gescrollt)::before{opacity: 0;}
html.js:not(.menue-offen) body .kopf.auf-foto:not(.ist-gescrollt){background-color: rgb(31, 28, 24);}
@media (max-width: 999px){
html.js:not(.menue-offen) body .kopf.auf-foto:not(.ist-gescrollt){background-color: transparent;}
}
html:not(.js) body .kopf{background: rgb(31, 28, 24); --kopf-linie: rgba(242, 237, 232, .18); --kopf-text: #F4F1EC; --kopf-text-2: #E2DDD5; --kopf-btn: #F2EDE8; --kopf-btn-text: #1A1A1A; --logo-sub: #C9C1B6;}
html body .kopf .btn--voll{transition: background-color 0.3s, color 0.3s, border-color 0.3s;}
}
html body .kopf__leiste{display: flex; align-items: center; gap: 1rem; height: var(--kopf-h);}
html body .kopf{--marke-h: 2.5rem; --logo-sub: #C4BAAA;}
@media (min-width: 700px){
html body .kopf{--marke-h: 2.875rem;}
}
@media (min-width: 1280px){
html body .kopf{--marke-h: 3.25rem;}
}
html body .kopf{--u: calc(var(--marke-h) / 73); --kap: calc(var(--u) * 35.6); --zfs: calc(var(--kap) * .886);}
html body .kopf__logo{flex: 0 0 auto; display: flex; align-items: flex-start; gap: calc(var(--marke-h) * .2); margin-right: auto; color: var(--kopf-text); text-decoration: none;}
html body :where(.kopf,.fuss,.aktionsleiste) .marke{display: block; flex: 0 0 auto; height: var(--marke-h); width: calc(var(--marke-h) * 1.781); overflow: visible;}
.marke__mce{fill: currentcolor;}
.marke__sub{fill: var(--logo-sub, #8B847A);}
html body .kopf__trenner{flex: 0 0 auto; width: 1px; height: var(--marke-h); background: currentcolor; opacity: 0.35; transition: opacity 0.35s;}
html body .kopf__logo[data-leer] .kopf__trenner{opacity: 0;}
html body :where(.kopf,.fuss,.aktionsleiste) .zusatz{display: grid; width: 13.75rem; height: calc(var(--zfs) * 1.3); overflow: hidden; margin-top: calc(var(--u) * 41 - var(--zfs) * 1.0085); font-size: var(--zfs); font-weight: var(--leicht); line-height: 1.3; letter-spacing: -0.005em;}
html body :where(.kopf,.fuss,.aktionsleiste) .zusatz__text{grid-area: 1 / 1; white-space: nowrap;}
@media (max-width: 699px){
html body .kopf__leiste{gap: 0.5rem;}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf{min-width: 2.75rem; justify-content: center; padding: 0.5rem 0px;}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf__text{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;}
}
@media (min-width: 1280px) and (max-width: 1365px){
html body .hauptnav__liste > li:last-child{display: none;}
}
html body .kopf__cta{flex: 0 0 auto; white-space: nowrap;}
html body .kopf__cta{display: inline-flex;}
html body .kopf__cta-lang{display: none;}
@media (min-width: 700px){
html body .kopf__cta-lang{display: inline;}
html body .kopf__cta-kurz{display: none;}
}
@media (min-width: 1280px) and (max-width: 1439px){
html body .kopf__cta-lang{display: none;}
html body .kopf__cta-kurz{display: inline;}
}
@media (max-width: 380px){
html body .kopf{--marke-h: 2.25rem;}
}
@media (max-width: 699px){
html body .kopf__cta{display: none;}
}
@media (max-width: 699px){
html body .kopf__cta{min-height: 2.5rem; padding-inline: 0.9rem;}
}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf{display: inline-flex; align-items: center; gap: 0.65rem; min-height: 2.75rem; padding: 0.5rem 0px 0.5rem 0.5rem; background: none; border: 0px; font-weight: var(--kraeftig); cursor: pointer;}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf__icon{position: relative; width: 1.375rem; height: 1.5px; background: currentcolor; transition: background-color 0.2s;}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf__icon::before,html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf__icon::after{content: ""; position: absolute; left: 0px; width: 100%; height: 1.5px; background: currentcolor; transition: transform 0.2s;}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf__icon::before{top: -6px;}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf__icon::after{top: 6px;}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf[aria-expanded="true"] .menue-knopf__icon{background: transparent;}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf[aria-expanded="true"] .menue-knopf__icon::before{transform: translateY(6px) rotate(45deg);}
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf[aria-expanded="true"] .menue-knopf__icon::after{transform: translateY(-6px) rotate(-45deg);}
html body .hauptnav{position: fixed; inset: var(--kopf-h) 0 0 0; z-index: 59; display: none; overflow-y: auto; padding: .5rem var(--g) 3rem; background: var(--kopf); border-top: 1px solid var(--kopf-linie);}
html body .hauptnav.ist-offen{display: block;}
html body .hauptnav__liste > li{border-bottom: 1px solid var(--kopf-linie);}
html body .hauptnav__trigger,html body .hauptnav__link{display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; width: 100%; padding: 1rem 0px; background: none; border: 0px; text-align: left; text-decoration: none; cursor: pointer; font-size: var(--t-lead); font-weight: var(--kraeftig);}
html body :where(.kopf,.fuss,.aktionsleiste) .winkel{width: 0.7rem; height: 0.45rem; flex: 0 0 auto; transition: transform 0.2s;}
html body .hauptnav__trigger[aria-expanded="true"] .winkel{transform: rotate(180deg);}
html body .hauptnav__menue{display: none; padding: 0px 0px 1rem;}
html body .hauptnav__trigger[aria-expanded="true"] + .hauptnav__menue{display: block;}
html body .hauptnav__menue a{display: block; padding: 0.5rem 0px; color: var(--kopf-text-2); text-decoration: none;}
html body .hauptnav__menue a:hover{color: var(--kopf-text); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--rot);}
html body .hauptnav__menue .extern::after{content: " ↗"; font-size: 0.85em;}
html body .hauptnav__meta{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1.5rem;}
html body .hauptnav__telefon{display: inline-flex; align-items: center; gap: 0.55rem; font-weight: var(--kraeftig); font-size: var(--t-lead); text-decoration: none;}
html body :where(.kopf,.fuss,.aktionsleiste) .tel-icon{width: 1.125rem; height: 1.125rem; flex: 0 0 auto;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprachen{display: flex; gap: 0.25rem;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprachen a{display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; min-height: 2.25rem; font-size: var(--t-klein); font-weight: var(--kraeftig); text-decoration: none; color: var(--kopf-text-2);}
html body :where(.kopf,.fuss,.aktionsleiste) .sprachen a[aria-current="true"]{color: var(--kopf-text); text-decoration: underline 2px; text-underline-offset: 0.35em;}
@media (min-width: 1280px){
html body :where(.kopf,.fuss,.aktionsleiste) .menue-knopf{display: none;}
html body .kopf__logo img{height: 2.75rem;}
html body .hauptnav{position: static; display: flex; align-items: center; gap: 1.25rem; padding: 0px; overflow: visible; background: none; border: 0px;}
html body .hauptnav__liste{display: flex; align-items: center;}
html body .hauptnav__liste > li{position: relative; border: 0px;}
html body .hauptnav__trigger,html body .hauptnav__link{width: auto; padding: 0.55rem 0.6rem; gap: 0.35rem; font-size: var(--t-klein);}
html body .hauptnav__link:hover,html body .hauptnav__trigger:hover{text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--rot); text-decoration-thickness: 2px; text-underline-offset: 0.4em;}
html body :where(.kopf,.fuss,.aktionsleiste) .hat-menue{padding-bottom: calc((var(--kopf-h) - 2.5rem) / 2); margin-bottom: calc((var(--kopf-h) - 2.5rem) / -2);}
html body .hauptnav__menue{position: absolute; top: 100%; left: calc(-1px - 0.4rem); min-width: 16rem; padding: 0.4rem 0px; background: var(--papier); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; box-shadow: rgba(18, 17, 15, 0.16) 0px 14px 32px;}
html body :where(.kopf,.fuss,.aktionsleiste) .hat-menue:hover > .hauptnav__menue,html body :where(.kopf,.fuss,.aktionsleiste) .hat-menue:focus-within > .hauptnav__menue{display: block;}
html body .hauptnav__menue a{padding: 0.5rem 1rem; color: var(--tinte); white-space: nowrap;}
html body .hauptnav__menue :focus-visible{outline-color: var(--tinte);}
html body .hauptnav__menue a:hover{background: var(--grund); text-decoration: none;}
html body .hauptnav__meta{padding: 0px; gap: 0.75rem; flex-wrap: nowrap;}
html body .hauptnav__telefon{justify-content: center; width: 2.5rem; height: 2.5rem; font-size: var(--t-klein);}
html body .hauptnav__telefon .tel-text{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprachen a{min-width: 1.9rem;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache{position: relative;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache__knopf{display: inline-flex; align-items: center; gap: 0.35rem; min-height: 2.5rem; padding: 0.3rem 0.4rem; background: none; border: 0px; color: inherit; font-size: var(--t-klein); font-weight: var(--kraeftig); cursor: pointer;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache__knopf:hover{text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--rot); text-decoration-thickness: 2px; text-underline-offset: 0.4em;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache__knopf[aria-expanded="true"] .winkel{transform: rotate(180deg);}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache .sprachen{display: none; position: absolute; top: calc(100% + (var(--kopf-h) - 2.5rem) / 2); right: 0px; z-index: 5; flex-direction: column; gap: 0px; min-width: 6.5rem; padding: 0.3rem 0px; background: var(--papier); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; box-shadow: rgba(18, 17, 15, 0.16) 0px 14px 32px;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache__knopf[aria-expanded="true"] + .sprachen{display: flex;}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache .sprachen a{justify-content: flex-start; width: 100%; min-height: 2.5rem; padding: 0.3rem 1rem; color: var(--tinte);}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache .sprachen a:hover{background: var(--grund);}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache .sprachen a[aria-current="true"]{color: var(--tinte);}
}
html body :where(.kopf,.fuss,.aktionsleiste) .sprache__knopf{display: none;}
@media (min-width: 1280px){
html body :where(.kopf,.fuss,.aktionsleiste) .sprache__knopf{display: inline-flex;}
}
html body :where(.kopf,.fuss,.aktionsleiste) .umfang-band + .wrap .ergebnisse{margin-top: 0px; padding-top: 0px; border-top: 0px;}
html body :where(.kopf,.fuss,.aktionsleiste) .schnitt .marke circle{fill: var(--papier); stroke: var(--rot); stroke-width: 1.5;}
html body :where(.kopf,.fuss,.aktionsleiste) .schnitt .marke line{stroke: var(--rot); stroke-width: 1;}
html body :where(.kopf,.fuss,.aktionsleiste) .schnitt .marke text{font-family: var(--ff); font-size: 13px; font-weight: var(--kraeftig); text-anchor: middle; fill: var(--rot);}
@media (max-width: 699px){
html body :where(.kopf,.fuss,.aktionsleiste) .schnitt .marke text{font-size: 18px;}
}
@media (prefers-reduced-motion: no-preference){
html body :where(.kopf,.fuss,.aktionsleiste) .js .projekt.ist-sichtbar .projekt__hauptbild img{opacity: 1; transform: none;}
}
@media (max-width: 699px){
html body :where(.kopf,.fuss,.aktionsleiste) .projekt__aktionen .btn{width: 100%;}
}
html body .fuss{padding-block: clamp(3.5rem, 2rem + 4vw, 6rem) 2rem; background: var(--tief-3); color: var(--hell);}
html body .fuss__oben{display: grid; gap: 2.5rem var(--spalt); padding-bottom: 2.5rem; border-bottom: 1px solid var(--linie-hell);}
@media (min-width: 960px){
html body .fuss__oben{grid-template-columns: minmax(0px, 4fr) minmax(0px, 8fr);}
}
html body .fuss__marke{display: grid; gap: 1.1rem; align-content: start;}
html body .fuss__marke img{height: 2.75rem; width: auto;}
html body .fuss__marke p{font-size: var(--t-klein); color: var(--hell-2); max-width: 36ch;}
html body .fuss__spalten{display: grid; gap: 2rem var(--spalt); grid-template-columns: repeat(2, minmax(0px, 1fr));}
@media (min-width: 700px){
html body .fuss__spalten{grid-template-columns: repeat(4, minmax(0px, 1fr));}
}
html body .fuss__gruppe > summary{list-style: none;}
html body .fuss__gruppe > summary::-webkit-details-marker{display: none;}
html body .fuss__titel--zwischen{margin-top: 1.5rem;}
@media (min-width: 700px){
html body .fuss__gruppe > summary{pointer-events: none;}
}
@media (max-width: 699px){
html body .fuss__spalten{grid-template-columns: minmax(0px, 1fr); gap: 0px;}
html body .fuss__spalten > nav{border-top: 1px solid var(--linie-hell);}
html body .fuss__spalten > nav:last-child{border-bottom: 1px solid var(--linie-hell);}
html body .fuss__gruppe > summary{display: flex; align-items: center; justify-content: space-between; min-height: 3rem; margin: 0px; cursor: pointer;}
html body .fuss__gruppe > summary::after{content: ""; width: 0.5rem; height: 0.5rem; margin-right: 0.25rem; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg) translateY(-2px); transition: transform 0.2s;}
html body .fuss__gruppe[open] > summary::after{transform: rotate(-135deg) translateY(-2px);}
html body .fuss__gruppe ul{padding-bottom: 0.75rem;}
}
html body .fuss__titel{margin-bottom: 0.75rem; font-size: var(--t-mikro); font-stretch: var(--beschriftung); font-weight: var(--kraeftig); letter-spacing: 0.02em; color: var(--hell-2);}
html body .fuss__spalten li a{display: inline-block; padding: 0.3rem 0px; font-size: var(--t-klein); text-decoration: none; color: var(--hell);}
html body .fuss__spalten li a:hover{text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--rot-hell); text-decoration-thickness: 2px;}
html body .fuss__spalten .extern::after{content: " ↗"; font-size: 0.85em; color: var(--hell-2);}
html body .fuss__ratgeber{display: grid; gap: 0.5rem; padding-block: 1.5rem; border-bottom: 1px solid var(--linie-hell); font-size: var(--t-klein);}
html body .fuss__ratgeber ul{display: flex; flex-wrap: wrap; gap: 0.25rem 1.5rem;}
html body .fuss__ratgeber a{color: var(--hell); text-decoration-color: var(--linie-hell-mittel);}
html body .fuss__unten{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem 2rem; padding-top: 1.5rem; font-size: var(--t-mikro); color: var(--hell-2);}
html body .fuss__unten ul{display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem;}
html body .fuss__unten a{color: var(--hell-2); text-decoration: none;}
html body .fuss__unten a:hover{color: var(--hell); text-decoration: underline;}
html body .aktionsleiste{display: none;}
@media (max-width: 699px){
html body .aktionsleiste{position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 50; display: grid; grid-template-columns: 1fr 1.4fr; gap: 0.5rem; padding: .6rem var(--g) calc(.6rem + env(safe-area-inset-bottom, 0px)); background: var(--tief); border-top: 1px solid var(--linie-hell-mittel); transform: translateY(110%); transition: transform .25s var(--ease);}
html body .aktionsleiste.ist-sichtbar{transform: none;}
html body .aktionsleiste .btn{min-height: 2.875rem; padding-inline: 0.75rem;}
html body .aktionsleiste .btn--linie{border-color: var(--hell); color: var(--hell);}
html body .fuss{padding-bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px));}
}
html body :where(.kopf,.fuss,.aktionsleiste) .marke--fuss{height: 2.75rem; width: calc(4.89775rem); color: var(--hell); --logo-sub: #C4BAAA;}
:is(.kopf,.fuss,.aktionsleiste,.cmplz-cookiebanner,#cmplz-manage-consent){--abbruch:#EBC34A}
@media (min-width: 700px){
html body .fuss__spalten{grid-template-columns: repeat(3, minmax(0px, 1fr));}
}
@media (min-width: 1100px){
html body .fuss__oben{grid-template-columns: minmax(0px, 3fr) minmax(0px, 9fr);}
html body .fuss__spalten{grid-template-columns: repeat(5, minmax(0px, 1fr));}
}
@media (min-width: 1100px){
html body .fuss__spalten--intl{grid-template-columns: repeat(3, minmax(0px, 1fr));}
}
@media (min-width: 1280px) and (max-width: 1365px){
html body .hauptnav__liste--intl > li:last-child{display: list-item;}
}
@media (prefers-reduced-motion: reduce){
html body :where(.kopf,.fuss,.aktionsleiste) *,html body :where(.kopf,.fuss,.aktionsleiste) ::before,html body :where(.kopf,.fuss,.aktionsleiste) ::after{transition-duration: 0.01ms !important; animation-duration: 0.01ms !important;}
}
html body .fuss__marke{gap: 1.25rem;}
html body .fuss__leistung{max-width: 34ch;}
html body .fuss__adresse{display: grid; gap: 0.9rem; font-style: normal; font-size: var(--t-klein); line-height: 1.55; color: var(--hell);}
html body .fuss__adresse a{color: var(--hell); text-decoration-color: var(--linie-hell-mittel);}
html body .fuss__adresse a:hover{text-decoration-color: var(--rot-hell);}
html body .fuss__zeit{color: var(--hell-2);}
@media (max-width: 699px){
html body :where(.kopf,.fuss,.aktionsleiste) .referenzmappe .btn{width: 100%;}
}
html body.mce-rahmen .cmplz-cookiebanner{--cmplz_banner_background_color: var(--papier); --cmplz_banner_border_color: var(--linie-mittel); --cmplz_banner_border_width: 1px 1px 1px 1px; --cmplz_banner_border_radius: 2px 2px 2px 2px; --cmplz_text_color: var(--tinte); --cmplz_hyperlink_color: var(--tinte); --cmplz_title_font_size: 16px; --cmplz_text_font_size: 13px; --cmplz_link_font_size: 12px; --cmplz_button_font_size: 14px; --cmplz_button_border_radius: 2px 2px 2px 2px; --cmplz_button_accept_background_color: var(--tief); --cmplz_button_accept_border_color: var(--tief); --cmplz_button_accept_text_color: var(--grund); --cmplz_button_deny_background_color: var(--tief); --cmplz_button_deny_border_color: var(--tief); --cmplz_button_deny_text_color: var(--grund); --cmplz_button_settings_background_color: transparent; --cmplz_button_settings_border_color: var(--tinte); --cmplz_button_settings_text_color: var(--tinte); --cmplz_slider_active_color: var(--tief); --cmplz_slider_inactive_color: var(--gedaempft); --cmplz_category_header_always_active_color: var(--tinte-2); font-family: var(--ff); box-shadow: rgba(26, 26, 26, 0.18) 0px 12px 40px;}
html body.mce-rahmen .cmplz-cookiebanner .cmplz-btn{font-family: var(--ff); font-weight: var(--kraeftig); border-width: 1.5px;}
html body.mce-rahmen .cmplz-cookiebanner .cmplz-title{font-weight: var(--kraeftig);}
html body.mce-rahmen .cmplz-cookiebanner a{text-decoration-color: var(--band); text-underline-offset: 0.2em;}
html body.mce-rahmen #cmplz-manage-consent .cmplz-manage-consent{background: var(--tief); color: var(--grund); border-color: var(--tief); font-family: var(--ff); border-radius: 2px 2px 0px 0px;}
@media (max-width: 768px){
html body.mce-rahmen .cmplz-cookiebanner{padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); row-gap: 8px; border-radius: 0px;}
html body.mce-rahmen .cmplz-cookiebanner .cmplz-message{font-size: 13px; line-height: 1.45;}
html body.mce-rahmen .cmplz-cookiebanner .cmplz-buttons{flex-flow: wrap; gap: 8px;}
html body.mce-rahmen .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{flex: 1 1 0px; min-width: 0px; width: auto; height: 44px; padding-inline: 8px;}
html body.mce-rahmen .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{flex-basis: 100%;}
html body.mce-rahmen .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences{flex: 1 1 100%; height: auto; padding: 2px 0px; background: none; border: 0px; color: var(--tinte); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 0.2em; text-decoration-color: var(--band);}
html body.mce-rahmen .cmplz-cookiebanner .cmplz-documents{margin-top: 0px;}
}
html body.mce-rahmen #cmplz-manage-consent .cmplz-manage-consent{width: 2.75rem; height: 2.75rem; min-width: 0px; padding: 0px; border-radius: 50%; font-size: 0px; line-height: 0; overflow: hidden; background: var(--tief) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2EDE8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.9 12.6A9 9 0 1 1 11.4 3.1a3 3 0 0 0 3.6 3.6 3 3 0 0 0 3.5 3.5 3 3 0 0 0 2.4 2.4z'/%3E%3Ccircle cx='8.5' cy='10' r='.9' fill='%23F2EDE8'/%3E%3Ccircle cx='12.5' cy='14.5' r='.9' fill='%23F2EDE8'/%3E%3Ccircle cx='8' cy='15.5' r='.9' fill='%23F2EDE8'/%3E%3Ccircle cx='16' cy='15.5' r='.9' fill='%23F2EDE8'/%3E%3C/svg%3E") center / 1.4rem no-repeat; box-shadow: rgba(26, 26, 26, 0.22) 0px 4px 14px; left: 1rem !important; right: auto !important; bottom: 1rem !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important;}
html body.mce-rahmen #cmplz-manage-consent .cmplz-manage-consent:hover{opacity: 0.88;}
html body .fuss__cookie{padding: 0px; border: 0px; background: none; font: inherit; color: var(--hell-2); cursor: pointer;}
html body .fuss__cookie:hover{color: var(--hell); text-decoration: underline;}