.jumpolino-impressum, .jumpolino-impressum * { box-sizing: border-box; } .jumpolino-impressum { --jumpolino-red: #f20518; --jumpolino-text: #171717; --jumpolino-border: #e8e8e8; --jumpolino-light: #f8f8f8; width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 20px 70px; font-family: 'Poppins', sans-serif; color: var(--jumpolino-text); } .jumpolino-impressum-header { margin-bottom: 40px; text-align: center; } .jumpolino-impressum-header h1 { margin: 0 0 12px; font-family: 'Poppins', sans-serif; font-size: clamp(32px, 5vw, 48px); line-height: 1.15; font-weight: 800; color: var(--jumpolino-text); } .jumpolino-impressum-header p { max-width: 720px; margin: 0 auto; font-size: 16px; line-height: 1.7; color: #666666; } .jumpolino-impressum-list { display: flex; flex-direction: column; gap: 16px; } .jumpolino-impressum-card { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 24px; align-items: start; width: 100%; padding: 25px 28px; background: #ffffff; border: 1px solid var(--jumpolino-border); border-radius: 20px; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .jumpolino-impressum-card:hover { transform: translateY(-2px); border-color: #dddddd; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); } .jumpolino-impressum-icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: #ffffff; border: 1px solid #dddddd; border-radius: 15px; box-shadow: 0 7px 16px rgba(0, 0, 0, 0.06); } .jumpolino-impressum-icon svg { width: 27px; height: 27px; fill: none; stroke: var(--jumpolino-red); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .jumpolino-impressum-content { min-width: 0; padding-top: 2px; } .jumpolino-impressum-label { margin: 0 0 7px; font-size: 16px; line-height: 1.3; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--jumpolino-red); } .jumpolino-impressum-value { margin: 0; font-size: 18px; line-height: 1.6; font-weight: 500; color: var(--jumpolino-text); } .jumpolino-impressum-value strong { font-weight: 600; } .jumpolino-impressum-value a { color: var(--jumpolino-text); text-decoration: none; transition: color 0.2s ease; overflow-wrap: anywhere; } .jumpolino-impressum-value a:hover { color: var(--jumpolino-red); } .jumpolino-legal { margin-top: 35px; padding: 32px; background: var(--jumpolino-light); border: 1px solid var(--jumpolino-border); border-radius: 20px; } .jumpolino-legal h2 { margin: 0 0 12px; font-family: 'Poppins', sans-serif; font-size: 21px; line-height: 1.4; font-weight: 700; color: var(--jumpolino-text); } .jumpolino-legal h2:not(:first-child) { margin-top: 30px; } .jumpolino-legal p { margin: 0; font-size: 14px; line-height: 1.8; color: #555555; } @media screen and (max-width: 749px) { .jumpolino-impressum { padding: 35px 15px 50px; } .jumpolino-impressum-header { margin-bottom: 28px; } .jumpolino-impressum-card { grid-template-columns: 50px minmax(0, 1fr); gap: 16px; padding: 21px 18px; border-radius: 17px; } .jumpolino-impressum-icon { width: 48px; height: 48px; border-radius: 13px; } .jumpolino-impressum-icon svg { width: 24px; height: 24px; } .jumpolino-impressum-label { font-size: 14px; letter-spacing: 0.9px; } .jumpolino-impressum-value { font-size: 16px; line-height: 1.65; } .jumpolino-legal { padding: 24px 20px; border-radius: 17px; } } @media screen and (max-width: 420px) { .jumpolino-impressum-card { grid-template-columns: 1fr; } .jumpolino-impressum-content { padding-top: 0; } }