.footer{position:relative;isolation:isolate;overflow:hidden;padding:0;background:var(--forest);color:var(--white)}
.footer::before{content:"";position:absolute;z-index:0;right:-170px;bottom:-190px;width:min(660px,55vw);aspect-ratio:1448/1086;background:url("logo-hauptstadttracker-marke.png") center/contain no-repeat;filter:brightness(0) invert(1);opacity:.045;pointer-events:none}
.footer>.wrap{position:relative;z-index:1}
.footer-top{display:grid;grid-template-columns:minmax(245px,1.35fr) minmax(135px,.7fr) minmax(160px,.8fr) minmax(235px,1.05fr);gap:clamp(30px,4vw,72px);padding:77px 0 72px}
.footer-about{max-width:330px}
.footer .footer-logo{display:inline-flex;width:168px;min-height:0;padding:7px;background:var(--paper);border-radius:19px;text-decoration:none;box-shadow:0 16px 32px #0000001d}
.footer .footer-logo img{width:154px;height:auto}
.footer-about p{max-width:310px;margin:24px 0 23px;color:#fffdf7c9;font-size:1rem;line-height:1.7}
.footer-request{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:13px;background:var(--sun);color:var(--forest);font-weight:850;text-decoration:none!important;transition:transform .2s,background .2s}
.footer-request:hover{background:#ffe39a;transform:translateY(-2px)}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding-top:5px;min-width:0}
.footer-column h2{font:850 .86rem/1.3 ui-rounded,'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--sun);margin:0 0 14px}
.footer-column a{display:inline-block;max-width:100%;color:#fffdf7d9;font-size:.99rem;line-height:1.48;text-decoration:none;text-underline-offset:4px;overflow-wrap:anywhere}
.footer-column a:hover,.footer-bottom a:hover{color:var(--sun);text-decoration:underline}
.footer-contact address{font-style:normal;color:#fffdf7d9;line-height:1.65;margin:0 0 5px}
.footer-contact address strong{color:var(--white);font-weight:850}
.footer-contact p{color:#fffdf7a8;font-size:.91rem;line-height:1.6;margin:8px 0 0}
.footer-contact p a{margin-top:2px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #fffdf73d;padding:24px 0 29px;color:#fffdf7a6;font-size:.88rem}
.footer-bottom div{display:flex;gap:22px;flex-wrap:wrap}
.footer-bottom a{color:#fffdf7bd;text-decoration:none;text-underline-offset:4px}
.footer-top-link{font-weight:800;white-space:nowrap}
@media(max-width:1050px){.footer-top{grid-template-columns:1.2fr 1fr 1fr;gap:44px 30px}.footer-about{grid-row:span 2}.footer-contact{grid-column:2 / span 2}.footer::before{width:540px}}
@media(max-width:650px){.footer-top{grid-template-columns:1fr 1fr;gap:38px 24px;padding:55px 0 48px}.footer-about{grid-column:1 / -1;grid-row:auto}.footer .footer-logo{width:165px}.footer .footer-logo img{width:151px}.footer-about p{margin:18px 0 19px}.footer-contact{grid-column:1 / -1}.footer-column h2{font-size:.78rem;margin-bottom:8px}.footer-column a{font-size:.94rem}.footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:16px;padding:23px 0 28px}.footer-bottom div{order:3;width:100%;gap:24px}.footer-top-link{margin-left:auto}.footer::before{right:-230px;bottom:170px;width:460px;opacity:.035}}
@media(prefers-reduced-motion:reduce){.footer-request{transition:none}}
/* Interner Bereich: als auffällige Pille hervorgehoben */
.footer-bottom a.footer-intern{display:inline-flex;align-items:center;gap:8px;padding:7px 15px 7px 12px;border-radius:999px;background:#f1d67e;color:#082b24;font-weight:900;letter-spacing:.01em;box-shadow:0 0 0 0 #f1d67e66;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.footer-bottom a.footer-intern::before{content:'';width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V11a2 2 0 0 0-2-2h-1V6a5 5 0 0 0-5-5zm-3 8V6a3 3 0 0 1 6 0v3H9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V11a2 2 0 0 0-2-2h-1V6a5 5 0 0 0-5-5zm-3 8V6a3 3 0 0 1 6 0v3H9z'/%3E%3C/svg%3E") center/contain no-repeat}
.footer-bottom a.footer-intern:hover,.footer-bottom a.footer-intern:focus-visible{color:#082b24;background:#fff0b3;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 22px #f1d67e55}