@font-face{font-family:'Public Sans';src:url('../fonts/PublicSans-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Dancing Script';src:url('../fonts/DancingScript-Variable.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

html{scroll-padding-top:100px}
::selection{background:var(--e-global-color-erdtint,#cce0ef);color:var(--e-global-color-accent,#172f45)}
:is(a,button,summary):focus-visible{outline:3px solid var(--e-global-color-erdfoks,#edb928)!important;outline-offset:6px!important}

/* Header – .elementor-sticky--effects setzt Elementor Pro ab 140 px Scroll; die Servicezeile klappt dann ein */
.erding-header{transition:box-shadow .3s}
.erding-header.elementor-sticky--effects{box-shadow:0 1px 0 #dcdcdc,0 12px 30px #1d1d1b0f}
.erding-kopfzeile{transition:min-height .3s cubic-bezier(.4,0,.2,1)}
.erding-header.elementor-sticky--effects .erding-kopfzeile{--min-height:74px!important}
.erding-topbar{max-height:60px;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding-top .3s cubic-bezier(.4,0,.2,1),opacity .2s,visibility .3s}
.erding-header.elementor-sticky--effects .erding-topbar{max-height:0;padding-top:0!important;opacity:0;visibility:hidden;overflow:hidden}
.erding-header .erding-logo img{transition:width .3s cubic-bezier(.4,0,.2,1)}
.erding-header.elementor-sticky--effects .erding-logo img{width:224px!important}
@media (max-width:680px){.erding-header .erding-logo{max-width:calc(100% - 90px)!important}}

.erding-kontakt .elementor-button-icon svg{width:16px;height:16px}
.erding-social .elementor-social-icon,.erding-social .elementor-social-icon svg{transition:background-color .2s,color .2s,fill .2s}

@keyframes erdingMegaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.erding-nav .e-n-menu-content.e-active>.erding-mega{animation:erdingMegaIn .18s cubic-bezier(.4,0,.2,1)}
@media (prefers-reduced-motion:reduce){.erding-nav .e-n-menu-content.e-active>.erding-mega{animation:none}.erding-header,.erding-kopfzeile,.erding-topbar,.erding-header .erding-logo img{transition:none}}
.erding-mega-leiste .erding-textlink .elementor-button-icon svg{width:16px;height:16px}

/* Menü auf voller Headerhöhe, Punkte mittig: das Mega-Panel hängt so immer an der Unterkante, auch geschrumpft */
@media (min-width:1181px){
	.erding-nav>.e-n-menu,.erding-nav .e-n-menu-wrapper,.erding-nav .e-n-menu-heading{height:100%}
	.erding-nav .e-n-menu-item{display:flex;align-items:center}
}
/* Sechs Hauptpunkte passen erst ab 1280 px in voller Größe neben das Logo – darunter Laptop-Werte */
@media (min-width:1181px) and (max-width:1279px){
	.elementor .erding-nav{--n-menu-title-space-between:20px!important;--n-menu-title-font-size:14.08px!important}
}

/* Elementor legt 5 px fest zwischen Text und Chevron, ohne Regler – der Regler „Abstand“ bleibt so maßgeblich */
.elementor .erding-nav{--n-menu-dropdown-icon-gap:0px}

/* Kit-Buttonstil (Pill, fett, Hover dunkel) gilt für jedes <button> – im Menü zurücksetzen */
.erding-nav .e-n-menu-toggle,.erding-nav .e-n-menu-toggle:is(:hover,:focus,:active),
.erding-nav .e-n-menu-dropdown-icon,.erding-nav .e-n-menu-dropdown-icon:is(:hover,:focus,:active){border-radius:0;background:transparent;box-shadow:none}

@media (max-width:1180px){
	.erding-nav .e-n-menu-toggle,.erding-nav .e-n-menu-toggle:is(:hover,:focus,:active){display:flex;align-items:center;gap:8px;min-height:46px;padding:0;border:0;color:var(--e-global-color-accent);font:450 15px/1.6 'Public Sans',Arial,sans-serif}
	.erding-nav .e-n-menu-toggle::after{content:"Menü"}
	.erding-nav .e-n-menu-toggle .e-n-menu-toggle-icon{position:static!important}
	.erding-nav .e-n-menu-toggle[aria-expanded="false"] .e-close,.erding-nav .e-n-menu-toggle[aria-expanded="true"] .e-open{display:none!important}
	.erding-header.elementor-sticky--effects .erding-nav{--n-menu-toggle-icon-distance-from-dropdown:14px!important}
	.erding-nav .e-n-menu .e-n-menu-wrapper{background:#fff!important;padding:20px 32px!important;border-bottom:1px solid var(--e-global-color-erdlini)!important;box-shadow:0 18px 25px #172f4515!important}
	.erding-nav .e-n-menu-heading{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
	.erding-nav .e-n-menu-item{margin:0!important;width:auto!important}
	.erding-nav .e-n-menu-title{width:auto!important;justify-content:flex-start!important;padding:12px!important;background:transparent!important;box-shadow:none!important}
	.erding-nav .e-n-menu-title-text{color:var(--e-global-color-primary)!important;font-size:16px!important;font-weight:450!important;line-height:1.6!important}
	.erding-nav .e-n-menu-dropdown-icon,.erding-nav .e-n-menu-content{display:none!important}
}
@media (max-width:680px){
	.erding-nav .e-n-menu-toggle,.erding-nav .e-n-menu-toggle:is(:hover,:focus,:active){gap:5px;font-size:13px}
	.erding-nav .e-n-menu .e-n-menu-wrapper{padding:12px 18px!important}
	.erding-nav .e-n-menu-heading{grid-template-columns:minmax(0,1fr)!important}
}

/* Seite */
body{overflow-x:clip}
.erding-script{font-family:'Dancing Script','Segoe Script',cursive;font-weight:600;font-size:1.3em;line-height:1;letter-spacing:0;color:var(--e-global-color-primary)}
.erding-sec-gemeinschaft .erding-script{font-size:1.4em;color:var(--e-global-color-erdhell)}
.erding-h1 em{font-style:normal;font-weight:400;color:var(--e-global-color-primary)}
.erding-ink{display:inline-block}
@keyframes erdingInk{to{clip-path:inset(-20% -8% -20% -5%)}}
.erding-js .erding-ink{clip-path:inset(-20% 105% -20% -5%)}
.erding-js .erding-h1 .erding-ink{animation:erdingInk 1.1s .45s cubic-bezier(.4,0,.2,1) forwards}
.erding-js .ist-sichtbar .erding-ink{animation:erdingInk 1s .25s cubic-bezier(.4,0,.2,1) forwards}

/* Einblenden beim Scrollen – Klasse erding-reveal (-2/-3/-4 = Verzögerung), JS setzt ist-sichtbar */
.erding-js .erding-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}
.erding-js .erding-reveal.ist-sichtbar{opacity:1;transform:none}
.erding-reveal-2{transition-delay:.12s!important}.erding-reveal-3{transition-delay:.24s!important}.erding-reveal-4{transition-delay:.36s!important}
.elementor-editor-active .erding-reveal{opacity:1!important;transform:none!important}
.elementor-editor-active .erding-ink{clip-path:none!important;animation:none!important}

/* Bilder, die ihren Container füllen */
.erding-fuellbild{position:absolute!important;inset:0;width:100%!important;height:100%;margin:0!important}
.erding-fuellbild img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.erding-hero-bild img{object-position:62% 40%}
@keyframes erdingKenburns{from{transform:scale(1)}to{transform:scale(1.07)}}
.erding-kenburns img{transform-origin:60% 40%;animation:erdingKenburns 22s ease-out forwards}
.erding-zoom img{transition:transform .6s cubic-bezier(.4,0,.2,1)}
.erding-zoom:hover img{transform:scale(1.04)}

/* Links und Buttons */
.erding-textlink .elementor-button-icon svg,.erding-cta .elementor-button-icon svg{width:21px;height:21px;transition:transform .25s}
.erding-textlink .elementor-button:hover .elementor-button-icon svg,.erding-cta .elementor-button:hover .elementor-button-icon svg,
.erding-ganzlink:hover .erding-textlink .elementor-button-icon svg{transform:translateX(4px)}
.erding-quietlink .elementor-button{text-underline-offset:5px}
.erding-textlink-hell .elementor-button{border-bottom:1px solid #9bbfd9!important}
.erding-ganzlink :is(.e-con,.elementor-widget,.elementor-button):not(.erding-ganzlink){position:static}
.erding-ganzlink .erding-textlink .elementor-button::after{content:"";position:absolute;inset:0;z-index:1}

/* Karten */
.erding-karte{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}
.erding-karte:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--e-global-color-primary)}
/* Terracotta-Akzent auf allen Icons mit hellem Grund, nur die Glyphe – Kreise, Flächen, Texte und Icons auf Blau (Footer, Seitentabs, CTA, Hover) bleiben wie gehabt */
:is(:is(.erding-karten-icon,.erding-pfeil,:is(.erding-eyebrow,.erding-anruf,.erding-hero-foto) .elementor-widget-icon) .elementor-icon,
	:is(.erding-textlink:not(.erding-textlink-hell) .elementor-button,.erding-kontakt .elementor-button:not(:hover,:focus)) .elementor-button-icon,
	.erding-header .erding-social .elementor-social-icon:not(:hover)){color:var(--e-global-color-erdterr,#c8641e)!important}
:is(:is(.erding-karten-icon,.erding-pfeil,:is(.erding-eyebrow,.erding-anruf,.erding-hero-foto) .elementor-widget-icon) .elementor-icon,
	:is(.erding-textlink:not(.erding-textlink-hell) .elementor-button,.erding-kontakt .elementor-button:not(:hover,:focus)) .elementor-button-icon,
	.erding-header .erding-social .elementor-social-icon:not(:hover)) :is(i,svg){color:var(--e-global-color-erdterr,#c8641e)!important;fill:var(--e-global-color-erdterr,#c8641e)!important}
.erding-wert{transition:transform .3s}.erding-wert:hover{transform:translateY(-3px)}
.erding-notiz{transition:transform .3s}.erding-notiz:hover{transform:translateY(-3px)}
.erding-wohnkarte,.erding-magkarte{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}
.erding-wohnkarte:hover,.erding-magkarte:hover{transform:translateY(-6px);box-shadow:0 22px 45px #153c5418!important}
.erding-wohnkarte img,.erding-magkarte img{transition:transform .6s cubic-bezier(.4,0,.2,1)}
.erding-wohnkarte:hover img,.erding-magkarte:hover img{transform:scale(1.04)}
.erding-wohnkarte .erding-pfeil svg{transition:transform .25s}.erding-wohnkarte:hover .erding-pfeil svg{transform:translateX(4px)}

/* Magazin */
.erding-magbild{overflow:hidden}
.erding-magbild img{display:block;width:100%!important;aspect-ratio:4/3;object-fit:cover}
.erding-magbild-gross img{aspect-ratio:16/8}
.erding-magpill{position:absolute!important;left:16px;top:16px;z-index:2;width:auto!important}
.erding-sec-magazin .e-loop-item{display:flex}
.erding-sec-magazin .e-loop-item>.elementor{width:100%;display:flex}
.erding-sec-magazin .e-loop-item>.elementor>.e-con{width:100%}

/* Seiten-Tabs und Nach oben */
.erding-seitentab{width:56px!important;transition:width .25s cubic-bezier(.4,0,.2,1),background-color .2s!important}
.erding-seitentab:hover{width:250px!important}
.erding-nachoben{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s,transform .3s,background-color .2s,color .2s}
.erding-gescrollt .erding-nachoben{opacity:1;pointer-events:auto;transform:none}

@media (prefers-reduced-motion:reduce){
	.erding-js .erding-reveal{opacity:1;transform:none;transition:none}
	.erding-kenburns img,.erding-js .erding-ink{animation:none;clip-path:none}
}

.elementor-widget-text-editor p:last-child{margin-bottom:0}
.erding-hero-fussnote strong{font-weight:600}
.erding-nowrap .elementor-heading-title{white-space:nowrap}
@media (max-width:680px){.erding-nowrap .elementor-heading-title{white-space:normal}}
.erding-bild-58 img{object-position:58% center}
.erding-anruf a{font-weight:650;color:var(--e-global-color-primary);white-space:nowrap}
.erding-textlink-klein .elementor-button-icon svg{width:18px;height:18px}
.erding-cta-20 .elementor-button-icon svg{width:20px;height:20px}

/* Footer */
.erding-seitentabs{transform:translateY(-50%)}
.erding-seitentab-text{max-width:none!important}
.erding-seitentab-text .elementor-heading-title{white-space:nowrap}
.erding-fusslink .elementor-button-icon svg{width:13px;height:13px}
.erding-fusslink .elementor-button:hover .elementor-button-text,.erding-fusslink-text a:hover,.erding-fusslink-gross a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
@media (max-width:950px){.erding-footer-marke{grid-column:1/-1}}
.erding-nachoben:hover .elementor-icon,.erding-nachoben:hover .elementor-icon svg{color:#fff!important;fill:#fff!important}

/* Popups und Formulare */
.elementor-popup-modal.erding-popup-kontakt{backdrop-filter:blur(10px)}
.elementor-popup-modal.erding-popup-reparatur{backdrop-filter:blur(6px)}
.erding-popup .dialog-close-button{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.erding-popup-reparatur .dialog-close-button{width:40px;height:40px}
.erding-popup-reparatur .dialog-message{overflow-y:auto}
.erding-formular .elementor-field-textual{padding:12px 16px!important;min-height:0;border-style:solid}
.erding-formular .elementor-field-textual:focus{border-color:var(--e-global-color-primary)!important;box-shadow:0 0 0 3px #0064ae22;outline:none}
.erding-formular .elementor-field-type-acceptance label{font-size:13px;font-weight:450;line-height:1.6;color:var(--e-global-color-text)}
.erding-formular .elementor-field-type-acceptance a{color:var(--e-global-color-primary);text-decoration:underline;text-underline-offset:3px}
.erding-formular .elementor-button-icon svg{width:20px;height:20px}
.erding-notfall a{font-weight:700;color:var(--e-global-color-primary)}
.erding-umbruch .elementor-heading-title{overflow-wrap:anywhere}

/* Inline-Grafiken ohne Grundlinien-Luft – sonst wird jede Icon-/Bild-/Button-Hülle 4–8 px höher als ihr Inhalt */
.elementor-widget-icon .elementor-icon-wrapper{line-height:0;font-size:0}
.elementor-widget-icon .elementor-icon{vertical-align:top}
.elementor-widget-button,.elementor-widget-button .elementor-button-wrapper{line-height:0}
.erding-eyebrow .elementor-widget-image img,.erding-hero-fussnote .elementor-widget-image img{display:block}
.erding-eyebrow .elementor-widget-image,.erding-hero-fussnote .elementor-widget-image{line-height:0}
.erding-fusslink-text .elementor-heading-title a,.erding-fusslink-gross .elementor-heading-title a{color:inherit}

/* Responsive Feinheiten ohne eigenen Regler */
@media (max-width:950px){.erding-karten-icon .elementor-icon{padding:23px!important}}
@media (max-width:680px){.erding-karten-icon .elementor-icon{padding:24px!important}.erding-eyebrow .elementor-icon{padding:6.5px!important}}
@media (min-width:681px) and (max-width:950px){.erding-anruf a{display:block}.erding-footer-claim br{display:none}}

/* Elementor gibt margin:auto aus dem Regler nicht aus – Hilfsklasse schiebt ans Ende des Flex-Containers */
.erding-unten{margin-top:auto!important}

/* Popups wie im Entwurf nie breiter/höher als der Bildschirm minus Rand – die Breitenregler bleiben maßgeblich */
.erding-popup-kontakt .dialog-widget-content{max-width:calc(100% - 48px);overflow:hidden}
.erding-popup-kontakt .dialog-message{max-width:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto}
.erding-popup-reparatur .dialog-widget-content{max-width:calc(100% - 32px)}
.erding-popup-reparatur .dialog-message{max-width:100%}
@supports (height:100dvh){.erding-popup-reparatur .dialog-message{height:calc(100dvh - 32px)!important}}