/* entsorgo Gewerbe-Branchenseiten (gw.css) in der WordPress-Fassung, generiert von export_wp.py.
Alle Regeln unter #entsorgo-seiten; dazu die WordPress-Anpassungen am Ende. Nicht von Hand bearbeiten. */
body.es-seiten { margin: 0; background: rgb(248,248,248); }
html:has(.gw-lp) { scroll-behavior: smooth; }
#entsorgo-seiten .gw-lp {
container: gw / inline-size;
position: relative;
overflow-x: clip;
display: flex;
flex-direction: column;
background: rgb(248,248,248);
color: rgb(50,85,103);
font-family: Roboto, -apple-system, "Segoe UI", sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
#entsorgo-seiten .gw-lp *, #entsorgo-seiten .gw-lp *::before, #entsorgo-seiten .gw-lp *::after { box-sizing: border-box; }
#entsorgo-seiten .gw-lp > main { display: flex; flex-direction: column; min-width: 0; }
#entsorgo-seiten :where(.gw-lp) a { color: rgb(45,143,204); text-decoration: none; }
#entsorgo-seiten :where(.gw-lp) img { max-width: 100%; }
#entsorgo-seiten :where(.gw-lp) :is(button, input, select, textarea) { font-family: inherit; }
#entsorgo-seiten .gw-lp [hidden] { display: none !important; }
#entsorgo-seiten .gw-lp :focus-visible { outline: 2px solid rgb(45,143,204); outline-offset: 2px; }
#entsorgo-seiten .gw-hero :focus-visible, #entsorgo-seiten .gw-pro :focus-visible, #entsorgo-seiten .gw-contact :focus-visible, #entsorgo-seiten .gw-footer :focus-visible { outline-color: #fff; }
#entsorgo-seiten .gw-lp :is(section[id], [data-gw-form], [data-gw-sent]) { scroll-margin-top: var(--gw-scroll, 12px); }
#entsorgo-seiten .gw-vh { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
#entsorgo-seiten .gw-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#entsorgo-seiten .gw-skip { position: absolute; left: 16px; top: -60px; z-index: 50; padding: 10px 14px; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(17,53,71,.2); font: 700 14px/1.2 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-skip:focus { top: 12px; }
#entsorgo-seiten .gw-skip:not(:focus) { opacity: 0; pointer-events: none; }
#entsorgo-seiten .gw-btn { display: inline-flex; align-items: center; justify-content: center; margin: 0; border: 0; border-radius: 10px; cursor: pointer; white-space: nowrap; text-decoration: none; transition: filter .15s ease, background-color .15s ease; }
#entsorgo-seiten .gw-btn:hover { filter: brightness(1.06); }
#entsorgo-seiten .gw-btn--blue { padding: 11px 16px; background: linear-gradient(135deg, rgb(63,175,239) 0%, rgb(45,143,204) 100%); font: 700 14px/1 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-btn--green { background: linear-gradient(180deg, rgb(84,198,57) 0%, rgb(59,139,40) 100%); color: #fff; }
#entsorgo-seiten .gw-btn--hero { flex: 0 0 auto; height: 56px; padding: 0 26px; font: 700 17px/1 Roboto, sans-serif; }
#entsorgo-seiten .gw-btn--hero.gw-btn--green { box-shadow: 0 10px 24px rgba(59,139,40,.35); }
#entsorgo-seiten .gw-btn--mint { height: 52px; padding: 0 24px; background: rgb(0,195,137); box-shadow: 0 10px 24px rgba(0,195,137,.3); font: 700 16px/1 Roboto, sans-serif; color: rgb(14,59,46); }
#entsorgo-seiten .gw-btn--next { height: 52px; padding: 0 28px; background: linear-gradient(135deg, rgb(63,175,239) 0%, rgb(45,143,204) 100%); font: 700 16px/1 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-btn--back { height: 52px; padding: 0 18px; background: rgb(241,245,248); font: 700 15px/1 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-btn--submit { height: 52px; padding: 0 28px; box-shadow: 0 8px 18px rgba(59,139,40,.28); font: 700 16px/1 Roboto, sans-serif; }
#entsorgo-seiten .gw-btn[disabled] { opacity: .6; cursor: progress; filter: none; }
#entsorgo-seiten .gw-header { position: relative; z-index: 20; background: #fff; box-shadow: inset 0 -1px 0 rgba(17,53,71,.12); }
#entsorgo-seiten .gw-header__inner { max-width: 1200px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; gap: 32px; }
#entsorgo-seiten .gw-header__logo { flex-shrink: 0; display: block; }
#entsorgo-seiten .gw-header__logo img { display: block; width: 118.728px; height: auto; }
#entsorgo-seiten .gw-header__nav { flex: 1; min-width: 0; display: flex; align-items: center; gap: 25px; }
#entsorgo-seiten .gw-header__link { font: 500 14px/1.2 Roboto, sans-serif; color: rgb(17,53,71); white-space: nowrap; }
#entsorgo-seiten .gw-header__link.is-current { font-weight: 700; color: rgb(45,143,204); }
#entsorgo-seiten .gw-header__link.is-current:hover { color: rgb(17,53,71); }
#entsorgo-seiten .gw-header__pro { margin-left: auto; flex-shrink: 0; display: flex; align-items: center; gap: 7px; white-space: nowrap; font: 500 14px/1.2 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-header__pro img { display: block; width: 16px; height: auto; }
#entsorgo-seiten .gw-header__cta { flex-shrink: 0; }
#entsorgo-seiten .gw-header__call, #entsorgo-seiten .gw-header__menu { display: none; }
#entsorgo-seiten .gw-hero {
position: relative; overflow: clip; color: #fff;
background: radial-gradient(900px 520px at 88% 8%, rgba(63,175,239,.22), rgba(63,175,239,0) 62%),
radial-gradient(760px 420px at 70% 108%, rgba(0,195,137,.16), rgba(0,195,137,0) 60%),
rgb(17,53,71);
}
#entsorgo-seiten .gw-hero__inner { max-width: 1200px; margin: 0 auto; padding: clamp(18px, 2.4cqi, 30px) 20px clamp(44px, 5.5cqi, 80px); display: flex; flex-direction: column; gap: 18px; }
#entsorgo-seiten .gw-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; font: 400 12px/1.2 Roboto, sans-serif; color: rgb(163,190,204); }
#entsorgo-seiten .gw-crumbs a { color: rgb(163,190,204); }
#entsorgo-seiten .gw-crumbs a:hover { color: #fff; }
#entsorgo-seiten .gw-crumbs [aria-current] { color: #fff; }
#entsorgo-seiten .gw-hero__row { display: flex; flex-wrap: wrap; align-items: center; gap: 32px 48px; }
#entsorgo-seiten .gw-hero__copy { flex: 1 1 400px; min-width: 0; max-width: 560px; display: flex; flex-direction: column; gap: 20px; }
#entsorgo-seiten .gw-pill { align-self: flex-start; display: flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 100px; background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); font: 500 13px/1.2 Roboto, sans-serif; color: rgb(214,232,242); }
#entsorgo-seiten .gw-pill__icon { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: rgba(0,195,137,.2); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-pill__icon img { display: block; width: 12px; height: auto; }
#entsorgo-seiten .gw-h1 { margin: 0; font: 700 clamp(34px, 4.6cqi, 58px)/1.04 "Roboto Condensed", "Arial Narrow", sans-serif; color: #fff; text-wrap: balance; }
#entsorgo-seiten .gw-h1__b { display: block; color: rgb(99,196,245); }
#entsorgo-seiten .gw-hero__lead { margin: 0; font: 400 clamp(16px, 1.5cqi, 18px)/1.55 Roboto, sans-serif; color: rgb(214,232,242); text-wrap: pretty; }
#entsorgo-seiten .gw-hero__lead a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
#entsorgo-seiten .gw-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
#entsorgo-seiten .gw-hero__micro { margin: 0; font: 400 13px/1.4 Roboto, sans-serif; color: rgb(170,200,216); }
#entsorgo-seiten .gw-hero__pro { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; margin-block: -10px; font: 500 14px/1.3 Roboto, sans-serif; color: rgb(43,224,169); }
#entsorgo-seiten .gw-hero__pro:hover { color: #fff; }
#entsorgo-seiten .gw-trust { list-style: none; margin: 0; padding: 4px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
#entsorgo-seiten .gw-trust__rating { display: flex; align-items: center; gap: 8px; }
#entsorgo-seiten .gw-trust__big { font: 900 24px/1 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-trust__col, #entsorgo-seiten .gw-trust__stat { display: flex; flex-direction: column; gap: 3px; }
#entsorgo-seiten .gw-trust__stars { align-self: flex-start; font: 400 13px/1 Roboto, sans-serif; letter-spacing: 1px; color: rgb(255,193,7); }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
#entsorgo-seiten .gw-trust__stars { background: linear-gradient(90deg, rgb(255,193,7) var(--fill, 100%), rgba(255,255,255,.3) var(--fill, 100%)); -webkit-background-clip: text; background-clip: text; color: transparent; }
}
#entsorgo-seiten .gw-trust__label { font: 500 12px/1 Roboto, sans-serif; color: rgb(214,232,242); }
#entsorgo-seiten .gw-trust__src { text-decoration: underline; text-decoration-color: rgba(214,232,242,.45); text-underline-offset: 3px; padding-block: 6px; margin-block: -6px; }
#entsorgo-seiten .gw-trust__src:hover { color: #fff; text-decoration-color: currentColor; }
#entsorgo-seiten .gw-trust__value { font: 700 18px/1 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-trust__badges { display: flex; align-items: center; gap: 10px; padding: 5px 12px 5px 6px; border-radius: 100px; background: #fff; }
#entsorgo-seiten .gw-trust__badge { display: block; }
#entsorgo-seiten .gw-trust__badge--1 { width: 34px; height: 34px; }
#entsorgo-seiten .gw-trust__badge--2 { width: auto; height: 26px; }
#entsorgo-seiten .gw-hero__media { flex: 1 1 440px; min-width: 0; position: relative; padding-bottom: 56px; }
#entsorgo-seiten .gw-branches__label { display: none; margin: 0; font: 700 12px/1 Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgb(163,190,204); }
#entsorgo-seiten .gw-acc { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; height: clamp(380px, 38cqi, 480px); }
#entsorgo-seiten .gw-acc__item {
--o: 0;
position: relative; min-width: 0;
flex-grow: calc(1 + 2.4 * var(--o)); flex-shrink: 1; flex-basis: 0px;
transition: flex-grow .55s cubic-bezier(.2,.8,.2,1);
}
#entsorgo-seiten .gw-acc__item.is-current { --o: 1; }
#entsorgo-seiten .gw-acc__link { position: absolute; inset: 0; display: block; overflow: hidden; border-radius: 18px; background: rgb(30,72,94); color: #fff; }
#entsorgo-seiten .gw-acc__item.is-current .gw-acc__link { box-shadow: 0 0 0 2px rgba(99,196,245,.9); }
#entsorgo-seiten .gw-acc__link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
#entsorgo-seiten .gw-acc__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
#entsorgo-seiten .gw-acc__dim { position: absolute; inset: 0; background: rgba(17,53,71,.52); opacity: calc(1 - var(--o)); transition: opacity .45s ease; pointer-events: none; }
#entsorgo-seiten .gw-acc__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17,53,71,.88) 0%, rgba(17,53,71,0) 42%); pointer-events: none; }
#entsorgo-seiten .gw-acc__v { position: absolute; left: 50%; top: 20px; transform: translateX(-50%) rotate(180deg); writing-mode: vertical-rl; font: 700 14px/1 Roboto, sans-serif; color: #fff; white-space: nowrap; opacity: calc(1 - var(--o)); transition: opacity .3s ease; pointer-events: none; }
#entsorgo-seiten .gw-acc__body { position: absolute; left: 18px; right: 18px; top: 18px; display: flex; flex-direction: column; gap: 10px; opacity: var(--o); transform: translateY(calc(10px - 10px * var(--o))); transition: opacity .35s ease .15s, transform .35s ease .15s; pointer-events: none; }
#entsorgo-seiten .gw-acc__name { font: 700 22px/1.1 "Roboto Condensed", sans-serif; color: #fff; }
#entsorgo-seiten .gw-acc__tags { display: flex; flex-wrap: wrap; gap: 6px; }
#entsorgo-seiten .gw-acc__tag { padding: 5px 9px; border-radius: 100px; background: rgba(17,53,71,.7); font: 500 12px/1 Roboto, sans-serif; color: #fff; white-space: nowrap; }
#entsorgo-seiten .gw-live { position: absolute; bottom: 0; z-index: 2; width: 272px; border-radius: 16px; background: #fff; box-shadow: 0 24px 48px rgba(0,0,0,.3); overflow: hidden; }
#entsorgo-seiten .gw-live--right { right: -20px; }
#entsorgo-seiten .gw-live--left { left: -20px; }
#entsorgo-seiten .gw-live__head { display: flex; align-items: center; gap: 8px; padding: 12px 14px; box-shadow: inset 0 -1px 0 rgba(17,53,71,.08); }
#entsorgo-seiten .gw-live__icon { flex-shrink: 0; width: 26px; height: 26px; border-radius: 8px; background: rgb(230,249,242); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-live__icon img { display: block; width: 15px; height: auto; }
#entsorgo-seiten .gw-live__brand { font: 700 13px/1 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-live__brand span { font-size: 10px; letter-spacing: .1em; color: rgb(0,140,97); }
#entsorgo-seiten .gw-live__tag { margin-left: auto; padding: 4px 7px; border-radius: 100px; background: rgb(236,240,243); font: 700 10px/1 Roboto, sans-serif; letter-spacing: .02em; color: rgb(70,94,108); white-space: nowrap; }
#entsorgo-seiten .gw-live__list { list-style: none; margin: 0; padding: 6px 0; transition: opacity .25s ease, transform .25s ease; }
#entsorgo-seiten .gw-live__list.is-out { opacity: 0; transform: translateY(-6px); }
#entsorgo-seiten .gw-live__item { display: flex; gap: 10px; align-items: flex-start; padding: 8px 14px; }
#entsorgo-seiten .gw-live__item:nth-child(n+4) { display: none; }
#entsorgo-seiten .gw-live__chk { flex: 0 0 22px; height: 22px; border-radius: 50%; background: rgb(230,246,224); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-live__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#entsorgo-seiten .gw-live__t { font: 700 13px/1.25 Roboto, sans-serif; color: rgb(17,53,71); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#entsorgo-seiten .gw-live__m { font: 400 12px/1.2 Roboto, sans-serif; color: rgb(84,109,124); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#entsorgo-seiten .gw-logos { background: #fff; box-shadow: inset 0 -1px 0 rgba(17,53,71,.08); }
#entsorgo-seiten .gw-logos__inner { max-width: 1200px; margin: 0 auto; padding: 18px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 36px; }
#entsorgo-seiten .gw-logos__label { margin: 0; font: 500 13px/1.3 Roboto, sans-serif; color: rgb(84,109,124); }
#entsorgo-seiten .gw-logos__img { display: block; width: auto; height: 30px; filter: grayscale(1); opacity: .75; }
#entsorgo-seiten .gw-eyebrow { margin: 0; font: 700 13px/1.2 Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgb(45,143,204); }
#entsorgo-seiten .gw-h2 { margin: 0; font: 700 clamp(28px, 3.4cqi, 44px)/1.08 "Roboto Condensed", "Arial Narrow", sans-serif; color: rgb(17,53,71); text-wrap: balance; }
#entsorgo-seiten .gw-lead { margin: 0; font: 400 clamp(16px, 1.5cqi, 18px)/1.55 Roboto, sans-serif; color: rgb(50,85,103); text-wrap: pretty; }
#entsorgo-seiten .gw-lead a, #entsorgo-seiten .gw-card__text a, #entsorgo-seiten .gw-faq__a a, #entsorgo-seiten .gw-tabpanel__p a { text-decoration: underline; text-underline-offset: 3px; }
#entsorgo-seiten .gw-lp a:not([class]) { padding-block: calc((25px - 1em) / 2); }
#entsorgo-seiten .gw-sols { max-width: 1160px; width: 100%; margin: 0 auto; padding: clamp(52px, 7cqi, 96px) 20px 0; display: flex; flex-direction: column; gap: 28px; }
#entsorgo-seiten .gw-sols__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 40px; }
#entsorgo-seiten .gw-sols__intro { flex: 1 1 480px; min-width: 0; max-width: 700px; display: flex; flex-direction: column; gap: 10px; }
#entsorgo-seiten .gw-sols__all { display: flex; align-items: center; min-height: 44px; font: 700 15px/1.3 Roboto, sans-serif; white-space: nowrap; }
#entsorgo-seiten .gw-sols__all:hover, #entsorgo-seiten .gw-card__cta:hover { color: rgb(17,53,71); }
#entsorgo-seiten .gw-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 16px; }
#entsorgo-seiten .gw-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,53,71,.1), 0 10px 20px rgba(17,53,71,.06); }
#entsorgo-seiten .gw-card__media { position: relative; height: 150px; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgb(243,247,250) 0%, rgb(226,236,242) 100%); }
#entsorgo-seiten .gw-card__img { display: block; width: auto; height: auto; max-height: 116px; filter: drop-shadow(0 12px 12px rgba(17,53,71,.18)); }
#entsorgo-seiten .gw-card__icon { width: 84px; height: 84px; border-radius: 50%; background: #fff; box-shadow: 0 10px 20px rgba(17,53,71,.14); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-card__icon svg { display: block; }
#entsorgo-seiten .gw-card__badge { position: absolute; left: 14px; top: 14px; padding: 6px 10px; border-radius: 100px; background: rgb(230,246,224); font: 700 12px/1 Roboto, sans-serif; color: rgb(47,112,32); }
#entsorgo-seiten .gw-card__badge--request { background: rgb(227,241,249); color: rgb(30,96,140); }
#entsorgo-seiten .gw-card__body { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 20px; }
#entsorgo-seiten .gw-card__title { margin: 0; font: 700 19px/1.25 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-card__text { margin: 0; flex: 1; font: 400 15px/1.5 Roboto, sans-serif; color: rgb(50,85,103); text-wrap: pretty; }
#entsorgo-seiten .gw-card__meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
#entsorgo-seiten .gw-card__meta li { padding: 5px 9px; border-radius: 6px; background: rgb(243,246,248); font: 500 12px/1.2 Roboto, sans-serif; color: rgb(50,85,103); }
#entsorgo-seiten .gw-card__cta { align-self: flex-start; display: flex; align-items: center; min-height: 44px; font: 700 15px/1.2 Roboto, sans-serif; }
#entsorgo-seiten .gw-usps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 12px; }
#entsorgo-seiten .gw-usp { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,53,71,.1); }
#entsorgo-seiten .gw-usp svg { flex: 0 0 24px; }
#entsorgo-seiten .gw-usp__txt { display: flex; flex-direction: column; gap: 4px; }
#entsorgo-seiten .gw-usp__t { font: 700 15px/1.3 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-usp__d { font: 400 14px/1.45 Roboto, sans-serif; color: rgb(50,85,103); }
#entsorgo-seiten .gw-pro { position: relative; overflow: clip; margin-top: clamp(56px, 8cqi, 110px); background: linear-gradient(145deg, rgb(14,59,46) 0%, rgb(20,82,63) 55%, rgb(24,96,73) 100%); color: #fff; }
#entsorgo-seiten .gw-pro__mark { position: absolute; right: -140px; top: -120px; width: 560px; max-width: none; height: auto; opacity: .3; pointer-events: none; }
#entsorgo-seiten .gw-pro__inner { position: relative; max-width: 1200px; margin: 0 auto; padding: clamp(52px, 7cqi, 96px) 20px; display: flex; flex-direction: column; gap: 36px; }
#entsorgo-seiten .gw-pro__head { display: flex; flex-direction: column; gap: 14px; max-width: 780px; }
#entsorgo-seiten .gw-pro__brand { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
#entsorgo-seiten .gw-pro__icon { width: 36px; height: 36px; border-radius: 10px; background: rgba(0,195,137,.18); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-pro__icon img { display: block; width: 20px; height: auto; }
#entsorgo-seiten .gw-pro__name { font: 700 19px/1 Roboto, sans-serif; letter-spacing: -.02em; color: #fff; }
#entsorgo-seiten .gw-pro__name span { font-size: 13px; letter-spacing: .12em; color: rgb(43,224,169); }
#entsorgo-seiten .gw-pro__tagline { font: 500 13px/1.3 Roboto, sans-serif; color: rgba(255,255,255,.8); }
#entsorgo-seiten .gw-pro__status { padding: 5px 10px; border-radius: 100px; background: rgb(0,195,137); font: 700 12px/1 Roboto, sans-serif; color: rgb(14,59,46); white-space: nowrap; }
#entsorgo-seiten .gw-pro__h2 { margin: 0; font: 700 clamp(30px, 3.8cqi, 50px)/1.05 "Roboto Condensed", "Arial Narrow", sans-serif; color: #fff; text-wrap: balance; }
#entsorgo-seiten .gw-pro__lead { margin: 0; font: 400 clamp(16px, 1.5cqi, 18px)/1.55 Roboto, sans-serif; color: rgba(255,255,255,.88); text-wrap: pretty; }
#entsorgo-seiten .gw-pro__pts { display: flex; flex-direction: column; gap: 12px; }
#entsorgo-seiten .gw-pro__eyebrow { margin: 0; font: 700 13px/1.2 Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgb(43,224,169); }
#entsorgo-seiten .gw-pro__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 12px; }
#entsorgo-seiten .gw-pro__pt { display: flex; gap: 12px; align-items: flex-start; padding: 18px; border-radius: 16px; background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
#entsorgo-seiten .gw-pro__chk { flex: 0 0 26px; height: 26px; border-radius: 50%; background: rgb(0,195,137); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-pro__pt-txt { display: flex; flex-direction: column; gap: 4px; }
#entsorgo-seiten .gw-pro__pt-t { font: 700 16px/1.3 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-pro__pt-d { font: 400 15px/1.45 Roboto, sans-serif; color: rgba(255,255,255,.86); }
#entsorgo-seiten .gw-pro__demo { display: flex; flex-wrap: wrap; align-items: center; gap: 28px 48px; }
#entsorgo-seiten .gw-pro__side { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
#entsorgo-seiten .gw-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
#entsorgo-seiten .gw-tab { height: 44px; padding: 0 16px; margin: 0; border: 0; border-radius: 100px; cursor: pointer; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); font: 700 14px/1 Roboto, sans-serif; color: #fff; transition: background .2s ease, color .2s ease; }
#entsorgo-seiten .gw-tab:hover { background: rgba(255,255,255,.12); }
#entsorgo-seiten .gw-tab[aria-selected="true"] { background: #fff; box-shadow: none; color: rgb(14,59,46); }
#entsorgo-seiten .gw-tabpanel { display: flex; flex-direction: column; gap: 18px; }
#entsorgo-seiten .gw-tabpanel:focus-visible { outline-offset: 6px; border-radius: 4px; }
#entsorgo-seiten .gw-tabpanel__h { margin: 0; font: 700 clamp(22px, 2.2cqi, 28px)/1.15 "Roboto Condensed", sans-serif; color: #fff; }
#entsorgo-seiten .gw-tabpanel__p { margin: 0; font: 400 17px/1.55 Roboto, sans-serif; color: rgba(255,255,255,.88); text-wrap: pretty; }
#entsorgo-seiten .gw-tabpanel__p a { color: #fff; }
#entsorgo-seiten .gw-tabpanel__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
#entsorgo-seiten .gw-tabpanel__list li { display: flex; gap: 10px; align-items: flex-start; font: 500 16px/1.4 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-tabpanel__list svg { flex: 0 0 13px; margin-top: 5px; }
#entsorgo-seiten .gw-pro__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding-top: 6px; }
#entsorgo-seiten .gw-pro__note { display: flex; align-items: center; min-height: 44px; font: 500 14px/1.4 Roboto, sans-serif; color: rgb(43,224,169); }
#entsorgo-seiten .gw-pro__note:hover { color: #fff; }
#entsorgo-seiten .gw-pro__media { flex: 1.3 1 460px; min-width: 0; }
#entsorgo-seiten .gw-pro__frame { padding: clamp(10px, 1.6cqi, 18px); border-radius: 24px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
#entsorgo-seiten .gw-pro__img { display: block; width: 100%; height: auto; aspect-ratio: 1400 / 942; object-fit: contain; }
#entsorgo-seiten .gw-app { max-width: 1160px; width: 100%; margin: 0 auto; padding: clamp(56px, 8cqi, 110px) 20px 0; }
#entsorgo-seiten .gw-app__row { display: flex; flex-wrap: wrap-reverse; align-items: center; justify-content: center; gap: 40px 72px; }
#entsorgo-seiten .gw-app__visual { position: relative; flex: 0 0 auto; padding: 10px; }
#entsorgo-seiten .gw-app__glow { position: absolute; left: 50%; top: 50%; width: 420px; height: 420px; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(closest-side, rgba(63,175,239,.28), rgba(63,175,239,0)); pointer-events: none; }
#entsorgo-seiten .gw-phone { position: relative; margin: 0; width: 286px; height: 596px; padding: 9px; border-radius: 46px; background: rgb(22,30,35); box-shadow: 0 40px 80px rgba(17,53,71,.28), inset 0 0 0 1.5px rgba(255,255,255,.1); }
#entsorgo-seiten .gw-phone__screen { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 37px; background: rgb(243,246,248); display: flex; flex-direction: column; }
#entsorgo-seiten .gw-phone__notch { position: absolute; top: 10px; left: 50%; z-index: 2; width: 86px; height: 24px; transform: translateX(-50%); border-radius: 20px; background: rgb(22,30,35); }
#entsorgo-seiten .gw-phone__top { padding: 44px 14px 12px; background: #fff; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 1px 0 rgba(17,53,71,.08); }
#entsorgo-seiten .gw-phone__bar { display: flex; align-items: center; gap: 6px; }
#entsorgo-seiten .gw-phone__logo { display: block; width: 76px; height: auto; }
#entsorgo-seiten .gw-phone__pro { font: 700 9px/1 Roboto, sans-serif; letter-spacing: .1em; color: rgb(0,140,97); }
#entsorgo-seiten .gw-phone__avatar { margin-left: auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(227,241,249); display: flex; align-items: center; justify-content: center; font: 700 11px/1 Roboto, sans-serif; color: rgb(30,96,140); }
#entsorgo-seiten .gw-phone__site { display: flex; align-items: center; gap: 8px; padding: 9px 11px; border-radius: 10px; background: rgb(243,246,248); }
#entsorgo-seiten .gw-phone__site svg:first-child { flex: 0 0 14px; }
#entsorgo-seiten .gw-phone__site span { flex: 1; min-width: 0; font: 700 13px/1.2 Roboto, sans-serif; color: rgb(17,53,71); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#entsorgo-seiten .gw-phone__body { flex: 1; min-height: 0; padding: 12px; display: flex; flex-direction: column; gap: 9px; overflow: hidden; }
#entsorgo-seiten .gw-phone__card { padding: 14px; border-radius: 16px; background: linear-gradient(180deg, rgb(63,175,239) 0%, rgb(48,133,182) 100%); box-shadow: 0 10px 20px rgba(48,133,182,.3); color: #fff; }
#entsorgo-seiten .gw-phone__state { display: flex; flex-direction: column; gap: 10px; }
#entsorgo-seiten .gw-phone__ask { display: flex; flex-direction: column; gap: 3px; }
#entsorgo-seiten .gw-phone__ask-t { font: 700 17px/1.15 Roboto, sans-serif; }
#entsorgo-seiten .gw-phone__ask-s { font: 400 12px/1.3 Roboto, sans-serif; color: rgba(255,255,255,.9); }
#entsorgo-seiten .gw-phone__done { display: flex; align-items: center; gap: 10px; }
#entsorgo-seiten .gw-phone__done-i { flex: 0 0 30px; height: 30px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-phone__done-t { font: 700 16px/1.15 Roboto, sans-serif; }
#entsorgo-seiten .gw-phone__btn { height: 40px; margin: 0; border: 0; border-radius: 10px; cursor: pointer; background: #fff; font: 700 14px/1 Roboto, sans-serif; color: rgb(30,96,140); }
#entsorgo-seiten .gw-phone__btn--undo { height: 34px; background: rgba(255,255,255,.18); font: 500 13px/1 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-phone__btn:focus-visible { outline-color: #fff; }
#entsorgo-seiten .gw-phone__label { margin: 0; padding: 4px 2px 0; font: 700 10px/1 Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgb(84,109,124); }
#entsorgo-seiten .gw-phone__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
#entsorgo-seiten .gw-phone__item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(17,53,71,.08); }
#entsorgo-seiten .gw-phone__thumb { flex: 0 0 38px; height: 38px; overflow: hidden; border-radius: 9px; background: rgb(243,246,248); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-phone__thumb img { display: block; width: auto; height: auto; max-width: 32px; max-height: 30px; }
#entsorgo-seiten .gw-phone__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#entsorgo-seiten .gw-phone__t { font: 700 12px/1.2 Roboto, sans-serif; color: rgb(17,53,71); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#entsorgo-seiten .gw-phone__m { font: 400 11px/1.2 Roboto, sans-serif; color: rgb(84,109,124); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#entsorgo-seiten .gw-status { padding: 4px 7px; border-radius: 100px; font: 700 10px/1 Roboto, sans-serif; white-space: nowrap; background: rgb(227,241,249); color: rgb(30,96,140); }
#entsorgo-seiten .gw-status--ok { background: rgb(230,246,224); color: rgb(47,112,32); }
#entsorgo-seiten .gw-status--plan { background: rgb(255,244,214); color: rgb(122,86,0); }
#entsorgo-seiten .gw-status--done { background: rgb(236,240,243); color: rgb(70,94,108); }
#entsorgo-seiten .gw-phone__docs { list-style: none; margin: 0; padding: 2px 0 0; display: flex; gap: 6px; }
#entsorgo-seiten .gw-phone__doc { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 8px; border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(17,53,71,.08); }
#entsorgo-seiten .gw-phone__pdf { flex: 0 0 auto; padding: 3px 4px; border-radius: 4px; background: rgb(254,226,226); font: 700 8px/1 Roboto, sans-serif; color: rgb(185,28,28); }
#entsorgo-seiten .gw-phone__docname { min-width: 0; font: 500 10px/1.2 Roboto, sans-serif; color: rgb(17,53,71); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#entsorgo-seiten .gw-phone__tabs { display: flex; justify-content: space-around; padding: 8px 6px 16px; background: #fff; box-shadow: 0 -1px 0 rgba(17,53,71,.08); }
#entsorgo-seiten .gw-phone__tab { display: flex; flex-direction: column; align-items: center; gap: 4px; font: 500 9px/1 Roboto, sans-serif; color: rgb(84,109,124); }
#entsorgo-seiten .gw-phone__tab.is-on { font-weight: 700; color: rgb(45,143,204); }
#entsorgo-seiten .gw-app__copy { flex: 1 1 380px; min-width: 0; max-width: 540px; display: flex; flex-direction: column; gap: 16px; }
#entsorgo-seiten .gw-app__feats { list-style: none; margin: 0; padding: 6px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 18px 20px; }
#entsorgo-seiten .gw-feat { display: flex; gap: 12px; align-items: flex-start; }
#entsorgo-seiten .gw-feat__i { flex: 0 0 36px; height: 36px; border-radius: 10px; background: rgb(227,241,249); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-feat__txt { display: flex; flex-direction: column; gap: 4px; }
#entsorgo-seiten .gw-feat__t { font: 700 16px/1.3 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-feat__d { font: 400 15px/1.45 Roboto, sans-serif; color: rgb(50,85,103); }
#entsorgo-seiten .gw-app__stores { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; padding-top: 8px; }
#entsorgo-seiten .gw-app__store { display: block; }
#entsorgo-seiten .gw-app__store img { display: block; width: auto; height: 52px; }
#entsorgo-seiten .gw-app__note { font: 400 13px/1.4 Roboto, sans-serif; color: rgb(84,109,124); }
#entsorgo-seiten .gw-inq { max-width: 1160px; width: 100%; margin: 0 auto; padding: clamp(56px, 8cqi, 110px) 20px 0; display: flex; flex-direction: column; gap: 24px; }
#entsorgo-seiten .gw-inq__head { display: flex; flex-direction: column; gap: 10px; max-width: 760px; }
#entsorgo-seiten .gw-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 12px; }
#entsorgo-seiten .gw-step { display: flex; gap: 12px; align-items: flex-start; }
#entsorgo-seiten .gw-step__n { flex: 0 0 32px; height: 32px; border-radius: 50%; background: rgb(17,53,71); display: flex; align-items: center; justify-content: center; font: 700 14px/1 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-step__n--mint { background: rgb(0,195,137); color: rgb(14,59,46); }
#entsorgo-seiten .gw-step__txt { display: flex; flex-direction: column; gap: 3px; }
#entsorgo-seiten .gw-step__t { font: 700 15px/1.3 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-step__d { font: 400 14px/1.45 Roboto, sans-serif; color: rgb(50,85,103); }
#entsorgo-seiten .gw-inq__card { display: flex; flex-wrap: wrap; overflow: hidden; border-radius: 24px; background: #fff; box-shadow: 0 10px 30px rgba(17,53,71,.1), inset 0 0 0 1px rgba(17,53,71,.08); }
#entsorgo-seiten .gw-inq__main { flex: 1 1 540px; min-width: 0; padding: clamp(20px, 3cqi, 36px); display: flex; flex-direction: column; gap: 18px; }
#entsorgo-seiten .gw-form, #entsorgo-seiten .gw-form__page { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
#entsorgo-seiten .gw-form__progress { display: flex; align-items: center; gap: 12px; }
#entsorgo-seiten .gw-form__stepno { font: 700 13px/1 Roboto, sans-serif; color: rgb(84,109,124); white-space: nowrap; }
#entsorgo-seiten .gw-form__bars { flex: 1; display: flex; gap: 6px; }
#entsorgo-seiten .gw-form__bar { flex: 1; height: 4px; border-radius: 4px; background: rgb(226,232,236); }
#entsorgo-seiten .gw-form__bar.is-on { background: rgb(63,175,239); }
#entsorgo-seiten .gw-form__title { margin: 0; font: 700 18px/1.3 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-form__title:focus { outline: none; }
#entsorgo-seiten .gw-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(132px, 100%), 1fr)); gap: 10px; }
#entsorgo-seiten .gw-tile, #entsorgo-seiten .gw-chip, #entsorgo-seiten .gw-seg__opt { position: relative; display: block; cursor: pointer; }
#entsorgo-seiten .gw-tile__input, #entsorgo-seiten .gw-chip__input, #entsorgo-seiten .gw-seg__input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
#entsorgo-seiten .gw-tile__box { position: relative; height: 98px; padding: 10px 8px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,53,71,.15); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; transition: background .15s ease, box-shadow .15s ease; }
#entsorgo-seiten .gw-tile__chk { position: absolute; right: 8px; top: 8px; width: 18px; height: 18px; border-radius: 5px; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(17,53,71,.3); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-tile__chk svg { opacity: 0; }
#entsorgo-seiten .gw-tile__img { height: 40px; display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-tile__img img { display: block; width: auto; height: auto; max-width: 64px; max-height: 40px; }
#entsorgo-seiten .gw-tile__label { font: 700 13px/1.2 Roboto, sans-serif; color: rgb(17,53,71); text-align: center; }
#entsorgo-seiten .gw-tile__input:checked + .gw-tile__box { background: rgb(236,247,254); box-shadow: inset 0 0 0 2px rgb(63,175,239); }
#entsorgo-seiten .gw-tile__input:checked + .gw-tile__box .gw-tile__chk { background: rgb(63,175,239); box-shadow: none; }
#entsorgo-seiten .gw-tile__input:checked + .gw-tile__box .gw-tile__chk svg { opacity: 1; }
#entsorgo-seiten .gw-tile__input:focus-visible + .gw-tile__box, #entsorgo-seiten .gw-chip__input:focus-visible + .gw-chip__box, #entsorgo-seiten .gw-seg__input:focus-visible + .gw-seg__btn { outline: 2px solid rgb(45,143,204); outline-offset: 2px; }
#entsorgo-seiten .gw-more { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: 12px; background: rgb(245,247,249); }
#entsorgo-seiten .gw-more__label { margin: 0; font: 700 13px/1.2 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-chips { display: flex; flex-wrap: wrap; gap: 8px; }
#entsorgo-seiten .gw-chip__box { display: flex; align-items: center; gap: 7px; min-height: 36px; padding: 0 13px 0 11px; border-radius: 100px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,53,71,.15); font: 500 13px/1 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-chip__sign::before { content: "+"; font: 700 14px/1 Roboto, sans-serif; color: rgb(84,109,124); }
#entsorgo-seiten .gw-chip__input:checked + .gw-chip__box { background: rgb(236,247,254); box-shadow: inset 0 0 0 1.5px rgb(63,175,239); }
#entsorgo-seiten .gw-chip__input:checked + .gw-chip__box .gw-chip__sign::before { content: "✓"; color: rgb(45,143,204); }
#entsorgo-seiten .gw-q { display: flex; flex-direction: column; gap: 10px; }
#entsorgo-seiten .gw-q__track { max-width: 480px; }
#entsorgo-seiten .gw-form__row { display: flex; flex-wrap: wrap; gap: 14px 18px; align-items: flex-end; }
#entsorgo-seiten .gw-field { display: flex; flex-direction: column; gap: 7px; font: 700 13px/1.2 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-field__label { font: 700 13px/1.2 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-field--anzahl { flex: 1 1 200px; }
#entsorgo-seiten .gw-field--plz { flex: 0 1 160px; }
#entsorgo-seiten .gw-seg { flex: 1 1 260px; display: flex; flex-direction: column; gap: 7px; }
#entsorgo-seiten .gw-seg__track { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: rgb(241,245,248); }
#entsorgo-seiten .gw-seg__opt { flex: 1 1 0; }
#entsorgo-seiten .gw-seg__btn { display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 9px; font: 500 14px/1 Roboto, sans-serif; color: rgb(84,109,124); }
#entsorgo-seiten .gw-seg__input:checked + .gw-seg__btn { background: #fff; box-shadow: 0 2px 6px rgba(17,53,71,.14); font-weight: 700; color: rgb(17,53,71); }
#entsorgo-seiten .gw-input { display: block; width: 100%; height: 48px; margin: 0; padding: 0 14px; border: 0; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,53,71,.2); font: 400 16px/1 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-input::placeholder { color: rgb(88,113,128); }
#entsorgo-seiten .gw-input:focus-visible { outline: 2px solid rgb(45,143,204); outline-offset: 1px; }
#entsorgo-seiten .gw-input[aria-invalid="true"] { box-shadow: inset 0 0 0 1.5px rgb(185,28,28); }
#entsorgo-seiten .gw-input--select { padding: 0 12px; }
#entsorgo-seiten .gw-input--area { height: auto; padding: 12px 14px; font: 400 16px/1.45 Roboto, sans-serif; resize: vertical; }
#entsorgo-seiten .gw-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 14px; }
#entsorgo-seiten .gw-optin { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; font: 500 15px/1.4 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-optin input { flex-shrink: 0; width: 20px; height: 20px; margin: 0; accent-color: rgb(0,168,116); }
#entsorgo-seiten .gw-form__err { margin: 0; font: 500 14px/1.4 Roboto, sans-serif; color: rgb(185,28,28); }
#entsorgo-seiten .gw-form__notice { margin: 0; padding: 12px 14px; border-radius: 10px; background: rgb(236,247,254); box-shadow: inset 3px 0 0 rgb(63,175,239); font: 500 14px/1.45 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-form__notice a { font-weight: 700; white-space: nowrap; }
#entsorgo-seiten .gw-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
#entsorgo-seiten .gw-form__actions--2 { gap: 12px; }
#entsorgo-seiten .gw-form__count { font: 400 13px/1.4 Roboto, sans-serif; color: rgb(84,109,124); }
#entsorgo-seiten .gw-form__privacy { margin: 0; font: 400 12px/1.5 Roboto, sans-serif; color: rgb(84,109,124); }
#entsorgo-seiten .gw-form__privacy a:hover { color: rgb(17,53,71); }
#entsorgo-seiten .gw-sent { display: flex; flex-direction: column; gap: 14px; padding: 12px 0; }
#entsorgo-seiten .gw-sent:focus { outline: none; }
#entsorgo-seiten .gw-sent__icon { width: 52px; height: 52px; border-radius: 50%; background: rgb(230,246,224); display: flex; align-items: center; justify-content: center; }
#entsorgo-seiten .gw-sent__title { margin: 0; font: 700 24px/1.2 "Roboto Condensed", sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-sent__text { margin: 0; font: 400 16px/1.55 Roboto, sans-serif; color: rgb(50,85,103); }
#entsorgo-seiten .gw-sent__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
#entsorgo-seiten .gw-sent__chips li { padding: 7px 11px; border-radius: 100px; background: rgb(236,247,254); font: 700 13px/1 Roboto, sans-serif; color: rgb(30,96,140); }
#entsorgo-seiten .gw-sent__reset { align-self: flex-start; min-height: 44px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; font: 700 14px/1 Roboto, sans-serif; color: rgb(45,143,204); }
#entsorgo-seiten .gw-sent__reset:hover { color: rgb(17,53,71); }
#entsorgo-seiten .gw-contact { flex: 1 1 300px; min-width: 0; padding: clamp(22px, 3cqi, 36px); background: rgb(17,53,71); color: #fff; display: flex; flex-direction: column; gap: 18px; }
#entsorgo-seiten .gw-contact__head { display: flex; align-items: center; gap: 14px; }
#entsorgo-seiten .gw-contact__photo { display: block; flex-shrink: 0; width: 64px; height: 64px; border-radius: 50%; object-fit: cover; background: rgb(30,72,94); box-shadow: 0 0 0 3px rgba(255,255,255,.14); }
#entsorgo-seiten .gw-contact__names { display: flex; flex-direction: column; gap: 4px; }
#entsorgo-seiten .gw-contact__title { font: 700 20px/1.25 "Roboto Condensed", sans-serif; color: #fff; }
#entsorgo-seiten .gw-contact__sub { font: 500 13px/1.2 Roboto, sans-serif; color: rgb(170,200,216); }
#entsorgo-seiten .gw-contact__text { margin: 0; font: 400 15px/1.5 Roboto, sans-serif; color: rgb(214,232,242); }
#entsorgo-seiten .gw-contact__phone { display: flex; flex-direction: column; gap: 4px; color: #fff; }
#entsorgo-seiten .gw-contact__num { font: 700 22px/1.1 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-contact__hours { font: 400 13px/1.3 Roboto, sans-serif; color: rgb(170,200,216); }
#entsorgo-seiten .gw-contact__wa { display: flex; align-items: center; min-height: 44px; font: 700 15px/1.2 Roboto, sans-serif; color: rgb(43,224,169); }
#entsorgo-seiten .gw-contact__wa:hover { color: #fff; }
#entsorgo-seiten .gw-cb { display: flex; flex-direction: column; gap: 10px; }
#entsorgo-seiten .gw-cb__open { height: 48px; margin: 0; border: 0; border-radius: 10px; cursor: pointer; background: rgba(255,255,255,.1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); font: 700 15px/1 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-cb__open:hover { background: rgba(255,255,255,.16); }
#entsorgo-seiten .gw-cb__form { display: flex; gap: 8px; }
#entsorgo-seiten .gw-cb__input { flex: 1; min-width: 0; height: 48px; margin: 0; padding: 0 12px; border: 0; border-radius: 10px; background: #fff; font: 400 16px/1 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-cb__input[aria-invalid="true"] { box-shadow: inset 0 0 0 2px rgb(255,138,138); }
#entsorgo-seiten .gw-cb__send { height: 48px; margin: 0; padding: 0 14px; border: 0; border-radius: 10px; cursor: pointer; background: rgb(0,195,137); font: 700 14px/1 Roboto, sans-serif; color: rgb(14,59,46); }
#entsorgo-seiten .gw-cb__done { margin: 0; font: 500 15px/1.4 Roboto, sans-serif; color: rgb(43,224,169); }
#entsorgo-seiten .gw-cb__err { margin: 0; font: 500 14px/1.4 Roboto, sans-serif; color: rgb(255,138,138); }
#entsorgo-seiten .gw-cb__done:focus { outline: none; }
#entsorgo-seiten .gw-cb__notice { margin: 0; font: 500 14px/1.45 Roboto, sans-serif; color: rgb(214,232,242); }
#entsorgo-seiten .gw-cb__notice a { font-weight: 700; color: rgb(43,224,169); white-space: nowrap; }
#entsorgo-seiten .gw-contact__digital { margin-top: auto; display: flex; gap: 12px; align-items: center; padding: 14px; border-radius: 14px; background: rgba(0,195,137,.12); box-shadow: inset 0 0 0 1px rgba(0,195,137,.3); }
#entsorgo-seiten .gw-contact__digital img { display: block; flex-shrink: 0; width: 26px; height: auto; }
#entsorgo-seiten .gw-contact__digital-txt { display: flex; flex-direction: column; gap: 3px; }
#entsorgo-seiten .gw-contact__digital-t { font: 700 14px/1.3 Roboto, sans-serif; color: #fff; }
#entsorgo-seiten .gw-contact__digital-d { font: 400 13px/1.35 Roboto, sans-serif; color: rgb(214,232,242); }
#entsorgo-seiten .gw-faq { max-width: 880px; width: 100%; margin: 0 auto; padding: clamp(56px, 8cqi, 110px) 20px 0; display: flex; flex-direction: column; gap: 18px; }
#entsorgo-seiten .gw-faq__h2 { margin: 0; font: 700 clamp(26px, 3cqi, 38px)/1.1 "Roboto Condensed", "Arial Narrow", sans-serif; color: rgb(17,53,71); text-wrap: balance; }
#entsorgo-seiten .gw-faq__list { display: flex; flex-direction: column; gap: 10px; }
#entsorgo-seiten .gw-faq__item { border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,53,71,.1); }
#entsorgo-seiten .gw-faq__sum { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 20px; cursor: pointer; list-style: none; border-radius: 14px; }
#entsorgo-seiten .gw-faq__sum::-webkit-details-marker { display: none; }
#entsorgo-seiten .gw-faq__sum::marker { content: ""; }
#entsorgo-seiten .gw-faq__sum:focus-visible { outline-offset: -2px; }
#entsorgo-seiten .gw-faq__q { margin: 0; font: 700 16px/1.35 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-faq__icon { flex: 0 0 28px; height: 28px; border-radius: 50%; background: rgb(236,247,254); display: flex; align-items: center; justify-content: center; font: 700 18px/1 Roboto, sans-serif; color: rgb(45,143,204); }
#entsorgo-seiten .gw-faq__icon::before { content: "+"; }
#entsorgo-seiten .gw-faq__item[open] > .gw-faq__sum .gw-faq__icon::before { content: "−"; }
#entsorgo-seiten .gw-faq__a { padding: 0 20px 18px; font: 400 15px/1.6 Roboto, sans-serif; color: rgb(50,85,103); }
#entsorgo-seiten .gw-faq__a p { margin: 0; }
#entsorgo-seiten .gw-hub { max-width: 1160px; width: 100%; margin: 0 auto; padding: clamp(48px, 6cqi, 80px) 20px; display: flex; flex-wrap: wrap; gap: 28px 60px; }
#entsorgo-seiten .gw-hub__branches { flex: 1 1 300px; display: flex; flex-direction: column; gap: 12px; }
#entsorgo-seiten .gw-hub__h { margin: 0; font: 700 16px/1.3 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-hub__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
#entsorgo-seiten .gw-hub__chip { display: flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 100px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,53,71,.14); font: 500 14px/1.2 Roboto, sans-serif; color: rgb(17,53,71); }
#entsorgo-seiten .gw-hub__chip:hover { box-shadow: inset 0 0 0 1.5px rgb(63,175,239); }
#entsorgo-seiten .gw-hub__groups { flex: 2 1 560px; min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 24px 32px; }
#entsorgo-seiten .gw-hub__group { display: flex; flex-direction: column; gap: 10px; }
#entsorgo-seiten .gw-hub__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
#entsorgo-seiten .gw-hub__list a { display: flex; align-items: center; min-height: 44px; font: 400 14px/1.3 Roboto, sans-serif; }
#entsorgo-seiten .gw-hub__list a:hover { color: rgb(17,53,71); }
#entsorgo-seiten .gw-footer { background: rgb(17,53,71); }
#entsorgo-seiten .gw-footer__inner { max-width: 1200px; margin: 0 auto; padding: 26px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px; font: 400 13px/1.4 Roboto, sans-serif; color: rgb(190,212,224); }
#entsorgo-seiten .gw-footer__sp { flex: 1; }
#entsorgo-seiten .gw-footer__nav { display: flex; flex-wrap: wrap; gap: 10px 26px; }
#entsorgo-seiten .gw-footer a { display: flex; align-items: center; min-height: 44px; color: rgb(190,212,224); }
#entsorgo-seiten .gw-footer a:hover { color: #fff; }
#entsorgo-seiten .gw-sticky { display: none; }
#entsorgo-seiten .gw-lp .sx-sec { padding-top: clamp(52px, 7cqi, 96px); }
#entsorgo-seiten .gw-lp .sx-sec--white { margin-top: clamp(52px, 7cqi, 96px); padding-bottom: clamp(52px, 7cqi, 96px); }
#entsorgo-seiten .gw-lp .gw-pro + .sx-sec--white { margin-top: 0; }
#entsorgo-seiten .gw-lp .sx-wrap { max-width: 1120px; }
#entsorgo-seiten .gw-lp .sx-h2 { font-size: clamp(28px, 3.4cqi, 44px); }
#entsorgo-seiten .gw-lp .sx-lead { font-size: clamp(16px, 1.5cqi, 18px); }
@container gw (width >= 760px) {
@media (hover: hover) {
#entsorgo-seiten .gw-acc:has(.gw-acc__item:hover) .gw-acc__item { --o: 0; }
#entsorgo-seiten .gw-acc:has(.gw-acc__item:hover) .gw-acc__item:hover { --o: 1; }
}
#entsorgo-seiten .gw-acc:has(.gw-acc__link:focus-visible) .gw-acc__item { --o: 0; }
#entsorgo-seiten .gw-acc:has(.gw-acc__link:focus-visible) .gw-acc__item:has(.gw-acc__link:focus-visible) { --o: 1; }
}
@container gw (width < 1300px) {
#entsorgo-seiten .gw-hide-1300 { display: none; }
}
@container gw (width < 1100px) {
#entsorgo-seiten .gw-header__inner { gap: 20px; }
#entsorgo-seiten .gw-header__nav { gap: 18px; }
}
@container gw (width < 1000px) {
#entsorgo-seiten .gw-hide-1000 { display: none; }
}
@container gw (width < 760px) {
#entsorgo-seiten .gw-lp :is(section[id], [data-gw-form], [data-gw-sent]) { scroll-margin-top: var(--gw-scroll, 68px); }
#entsorgo-seiten .gw-header { position: sticky; top: 0; box-shadow: 0 1px 0 rgba(17,53,71,.1); }
#entsorgo-seiten .gw-header__inner { max-width: none; padding: 10px 16px; gap: 8px; }
#entsorgo-seiten .gw-header__logo img { width: 104px; }
#entsorgo-seiten .gw-header__nav, #entsorgo-seiten .gw-header__cta { display: none; }
#entsorgo-seiten .gw-header__call { display: flex; margin-left: auto; width: 44px; height: 44px; border-radius: 50%; background: rgb(227,241,249); align-items: center; justify-content: center; }
#entsorgo-seiten .gw-header__menu { display: flex; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; align-items: center; justify-content: center; cursor: pointer; }
#entsorgo-seiten .gw-header.is-open .gw-header__nav { position: absolute; left: 0; right: 0; top: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 6px 16px 14px; background: #fff; box-shadow: 0 14px 24px rgba(17,53,71,.14), inset 0 1px 0 rgba(17,53,71,.08); }
#entsorgo-seiten .gw-header.is-open .gw-header__link, #entsorgo-seiten .gw-header.is-open .gw-header__pro { display: flex; align-items: center; min-height: 48px; margin: 0; font-size: 16px; box-shadow: inset 0 -1px 0 rgba(17,53,71,.08); }
#entsorgo-seiten .gw-header.is-open .gw-header__pro { box-shadow: none; }
#entsorgo-seiten .gw-hero__inner { padding: 18px 16px 28px; }
#entsorgo-seiten .gw-crumbs { display: none; }
#entsorgo-seiten .gw-btn--hero { flex: 1 1 100%; }
#entsorgo-seiten .gw-hero__media { flex: 1 1 100%; padding-bottom: 0; }
#entsorgo-seiten .gw-branches { display: flex; flex-direction: column; gap: 10px; }
#entsorgo-seiten .gw-branches__label { display: block; }
#entsorgo-seiten .gw-acc { height: auto; gap: 10px; margin: 0 -16px; padding: 4px 16px 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; scrollbar-width: none; overscroll-behavior-x: contain; }
#entsorgo-seiten .gw-acc::-webkit-scrollbar { display: none; }
#entsorgo-seiten .gw-acc__item { flex: 0 0 136px; height: 196px; scroll-snap-align: start; transition: none; }
#entsorgo-seiten .gw-acc__link { border-radius: 14px; }
#entsorgo-seiten .gw-acc__item.is-current .gw-acc__link { box-shadow: 0 0 0 3px rgb(63,175,239); }
#entsorgo-seiten .gw-acc__dim, #entsorgo-seiten .gw-acc__v, #entsorgo-seiten .gw-acc__tags { display: none; }
#entsorgo-seiten .gw-acc__shade { background: linear-gradient(180deg, rgba(17,53,71,0) 38%, rgba(17,53,71,.92) 100%); }
#entsorgo-seiten .gw-acc__body { top: auto; left: 12px; right: 12px; bottom: 12px; opacity: 1; transform: none; transition: none; }
#entsorgo-seiten .gw-acc__name { font: 700 15px/1.15 "Roboto Condensed", sans-serif; }
#entsorgo-seiten .gw-live { display: none; }
#entsorgo-seiten .gw-chip__box { min-height: 44px; }
#entsorgo-seiten .gw-seg__btn { height: 44px; }
#entsorgo-seiten .gw-hub__chip { min-height: 44px; }
#entsorgo-seiten .gw-lp .sx-sec { padding-left: 20px; padding-right: 20px; }
#entsorgo-seiten .gw-footer__inner { padding-bottom: 90px; }
#entsorgo-seiten .gw-sticky { position: sticky; bottom: 0; z-index: 30; display: flex; gap: 10px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97); box-shadow: 0 -6px 20px rgba(17,53,71,.12); }
#entsorgo-seiten .gw-sticky__cta { flex: 1; height: 50px; font: 700 16px/1 Roboto, sans-serif; }
#entsorgo-seiten .gw-sticky__call { flex: 0 0 50px; height: 50px; border-radius: 10px; background: rgb(227,241,249); display: flex; align-items: center; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
html:has(.gw-lp) { scroll-behavior: auto; }
#entsorgo-seiten .gw-lp *, #entsorgo-seiten .gw-lp *::before, #entsorgo-seiten .gw-lp *::after { transition: none !important; animation: none !important; }
}
#entsorgo-seiten .gw-acc__link { margin: 0; padding: 0; border: 0; font: inherit; text-align: left; cursor: pointer; -webkit-appearance: none; appearance: none; }
#entsorgo-seiten .gw-acc__item.is-current .gw-acc__link { cursor: default; }
#entsorgo-seiten .gw-acc:has(.gw-acc__item.is-open) .gw-acc__item { --o: 0; }
#entsorgo-seiten .gw-acc:has(.gw-acc__item.is-open) .gw-acc__item.is-open { --o: 1; }
#entsorgo-seiten .gw-acc__go, #entsorgo-seiten .gw-acc__here { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; border-radius: 100px; white-space: nowrap; }
#entsorgo-seiten .gw-acc__go { padding: 10px 16px; background: #fff; color: rgb(17,53,71); font: 700 14px/1 Roboto, sans-serif; text-decoration: none; box-shadow: 0 6px 18px rgba(17,53,71,.25); pointer-events: none; }
#entsorgo-seiten .gw-acc__item:is(.is-open, :hover, :focus-within) .gw-acc__go { pointer-events: auto; }
#entsorgo-seiten .gw-acc__go:hover { background: rgb(227,241,249); }
#entsorgo-seiten .gw-acc__go:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
#entsorgo-seiten .gw-acc__here { padding: 6px 11px; background: rgba(63,175,239,.92); color: #fff; font: 600 12px/1 Roboto, sans-serif; }
@container gw (width >= 760px) {
@media (hover: hover) {
#entsorgo-seiten .gw-acc:has(.gw-acc__item:hover) .gw-acc__item.gw-acc__item { --o: 0; }
#entsorgo-seiten .gw-acc:has(.gw-acc__item:hover) .gw-acc__item.gw-acc__item:hover { --o: 1; }
}
#entsorgo-seiten .gw-acc:has(:is(.gw-acc__link, .gw-acc__go):focus-visible) .gw-acc__item.gw-acc__item { --o: 0; }
#entsorgo-seiten .gw-acc .gw-acc__item.gw-acc__item:has(:is(.gw-acc__link, .gw-acc__go):focus-visible) { --o: 1; }
}
@container gw (width < 760px) {
#entsorgo-seiten .gw-acc__go, #entsorgo-seiten .gw-acc__here { display: none; }
#entsorgo-seiten .gw-acc__item.is-open .gw-acc__go, #entsorgo-seiten .gw-acc__item.is-current .gw-acc__here { display: inline-flex; }
#entsorgo-seiten .gw-acc__go { padding: 8px 11px; font-size: 12px; }
#entsorgo-seiten .gw-acc__here { padding: 5px 9px; font-size: 11px; }
#entsorgo-seiten .gw-acc__item.is-open .gw-acc__link { box-shadow: 0 0 0 3px rgba(255,255,255,.85); }
}
#entsorgo-seiten .gw-app__visual--shots { display: flex; align-items: flex-start; gap: 20px; padding: 0 0 24px; }
#entsorgo-seiten .gw-shot { display: block; width: min(250px, calc(50cqi - 32px)); max-width: none; height: auto; filter: drop-shadow(0 24px 34px rgba(17,53,71,.22)); }
#entsorgo-seiten .gw-shot--2 { margin-top: 56px; }
@container gw (width < 760px) {
#entsorgo-seiten .gw-app__visual--shots { gap: 12px; }
#entsorgo-seiten .gw-shot--2 { margin-top: 36px; }
}
/* ---------- WordPress (export_wp.py) ---------- */
/* Full width: the page sits directly between the Elementor header and footer (no boxed container). */
#entsorgo-seiten { display: block; width: 100%; max-width: none; margin: 0; padding: 0; }
/* Header banner „Jetzt informieren → entsorgo.pro“ (image a8e8e3a in header 54279) contradicts „PRO startet in Kürze“:
hidden exactly like the site already does it for /gewerbe/ (Additional CSS, .page-id-55404 rules). */
body.es-seiten .elementor-location-header .elementor-element-a8e8e3a { display: none; }
body.es-seiten .top-bar-menu2 { top: 0 !important; }
body.es-seiten .top-menu-2 { top: 40px !important; }
body.es-seiten .elementor-location-header .menu-hide { top: 120px !important; }
/* (/gewerbe/ uses max-width 768px here; at exactly 768px – iPad portrait – the top bar is still visible, so the menu
would cover it and leave a 40px strip. The top bar hides below 768px.) */
@media screen and (max-width: 767.98px) { body.es-seiten .top-menu-2 { top: 0 !important; } }
/* Header 54279 reserves `.elementor-location-header { height: 226px }` in the flow (≤767px: 80px), its fixed rows are
only 120px high without the banner (40 top bar + 80 menu) → 106px white strip above the dark hero (/gewerbe/ itself
pulls its first container up by 103px). Logged in, the admin bar (html margin-top 32px, ≤782px 46px) moves the flow
but not the fixed header. */
/* Same banner in the mobile menu (header HTML widget: ![]()
at its end) */
body.es-seiten .mobile-wrapper > a[href^="https://www.entsorgo.pro"] { display: none !important; }
@media (min-width: 768px) { body.es-seiten #entsorgo-seiten { margin-top: -106px; } }
body.admin-bar.es-seiten #entsorgo-seiten { margin-top: -46px; }
@media (min-width: 768px) { body.admin-bar.es-seiten #entsorgo-seiten { margin-top: -152px; } }
@media (min-width: 783px) { body.admin-bar.es-seiten #entsorgo-seiten { margin-top: -138px; } }
/* The theme's global mobile bottom bar (WhatsApp / „Entsorgung buchen“ / phone, z-index 99999999) would stack on top of
the page's own sticky bar (Tim QA 10.2, as on the Miettoiletten pages). */
body.es-seiten .bottom-bar-wrapper { display: none !important; }
/* Kit 2898 custom CSS (meant for its own SVG map) sets `path:hover { fill:#113547 !important; transform:scale(1.005) !important }`
on every path; the icons here inherit their colours from the