einfügen ===================================================== */ @media (max-width: 480px) { html { width: 100%; overflow-x: hidden; } body { width: 100%; min-width: 0; overflow-x: hidden; } .container { width: calc(100% - 28px); max-width: 100%; } /* HERO */ .hero { min-height: auto; padding: 86px 14px 76px; } .hero-content { width: 100%; max-width: 100%; } .badge { max-width: 100%; padding: 7px 12px; margin-bottom: 22px; font-size: 10px; letter-spacing: .7px; white-space: nowrap; } .hero-logo { width: 92px; margin-bottom: 24px; } .hero h1 { font-size: clamp(32px, 10vw, 42px); line-height: 1.08; letter-spacing: -1.3px; overflow-wrap: anywhere; } .hero p { font-size: 13px; line-height: 1.75; max-width: 100%; } /* BUTTON */ .btn { width: 100%; max-width: 100%; min-height: 48px; padding: 13px 16px; margin-top: 28px; font-size: 13px; } /* CONTENT */ .legal-section { padding: 28px 0 64px; } .legal-label { font-size: 10px; letter-spacing: 1.5px; } .legal-title { font-size: clamp(26px, 8vw, 34px); line-height: 1.15; letter-spacing: -1px; margin-bottom: 14px; } .legal-subtitle { margin-bottom: 34px; font-size: 13px; line-height: 1.75; } /* CARDS */ .legal-cards { gap: 14px; } .card { padding: 20px 18px; border-radius: 15px; } .card-number { margin-bottom: 15px; font-size: 10px; } .card h2 { align-items: flex-start; gap: 9px; margin-bottom: 12px; font-size: 16px; line-height: 1.35; } .card h2 i { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; } .card p { font-size: 12.5px; line-height: 1.8; word-break: break-word; overflow-wrap: anywhere; } .card p + p { margin-top: 13px; } .card a { word-break: break-word; overflow-wrap: anywhere; } .scroll-line { height: 42px; } footer { padding: 24px 14px 30px; font-size: 10px; line-height: 1.6; } } /* Sehr kleine Geräte */ @media (max-width: 360px) { .container { width: calc(100% - 22px); } .hero { padding-left: 11px; padding-right: 11px; } .badge { font-size: 9px; padding: 6px 10px; } .hero h1 { font-size: 30px; } .card { padding: 18px 15px; } .card h2 { font-size: 15px; } .card p { font-size: 12px; } } /* Lange Links/E-Mails niemals über den Bildschirm laufen lassen */ .card a[href^="http"], .card a[href^="mailto:"] { word-break: break-word; overflow-wrap: anywhere; }
ALLGEMEINE GESCHÄFTSBEDINGUNGEN

Allgemeine
Geschäftsbedingungen

Rechtliche Rahmenbedingungen für die Zusammenarbeit mit der Bergmann Agency und die Erbringung unserer digitalen Dienstleistungen.

Zur Startseite