:root { --blue: #0065A0; --text: #42322C; --border: #0065A0; --bg: #ffffff; } /* ========================================================================== GEMENSAMMA STILAR & POPUP ========================================================================== */ .popup-close:focus-visible, .login-link-btn:focus-visible, #show-info-btn:focus-visible { outline: 3px solid #111; outline-offset: 3px; } .popup-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .popup-close { appearance: none; border: 0; background: transparent; color: #666; font-family: sans-serif; font-size: 1rem; font-weight: normal; cursor: pointer; padding: 4px; margin: -4px -4px 0 0; display: inline-flex; align-items: center; gap: 4px; transition: color 0.2s; } .popup-close:hover { color: #111; } .popup-close span { font-size: 0.9rem; } .popup-close .close-x { font-size: 1.8rem; line-height: 1; } .login-link-btn { display: block; padding: 10px; background-color: var(--blue); color: #ffffff !important; text-align: center; text-decoration: none; border-radius: 6px; font-weight: normal; font-size: clamp(0.85rem, 2vw, 1rem); transition: filter 0.2s; margin-top: 10px; } .login-link-btn:hover { filter: brightness(1.15); } .popup-divider { border: 0; border-top: 1px dashed var(--border); margin: 20px 0; opacity: 0.5; } /* ========================================================================== KNAPP OCH BOX (Standard för stor skärm / Desktop) ========================================================================== */ #show-info-btn { position: fixed; bottom: 40px; right: 20px; width: 300px; background-color: var(--blue); color: #fff; padding: 12px 14px; border: 0; border-radius: 8px; cursor: move; z-index: 9998; display: none; font-family: sans-serif; font-weight: normal; font-size: clamp(0.85rem, 2.5vw, 1.05rem); text-align: center; box-shadow: 0px 4px 12px rgba(0,0,0,0.15); transition: opacity 0.4s ease-in-out, transform 0.15s ease; opacity: 1; touch-action: none; user-select: none; -webkit-user-select: none; } #info-popup { position: fixed; bottom: 20px; right: 20px; width: 300px; max-height: 85vh; overflow-y: auto; background-color: var(--bg); border: 2px solid var(--border); border-radius: 10px; padding: 20px; box-shadow: 0px 10px 25px rgba(0,0,0,0.2); z-index: 9999; font-family: sans-serif; color: var(--text); transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s; display: block; opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } #info-popup.is-closed { opacity: 0; visibility: hidden; transform: translateY(10px); pointer-events: none; } #show-info-btn.is-active { display: block !important; } .popup-section-title { font-size: clamp(1.1rem, 3vw, 1.3rem); margin: 0 0 12px 0; color: var(--blue); font-weight: normal; line-height: 1.3; } .popup-body-content { display: block; overflow: hidden; font-size: clamp(0.85rem, 2vw, 0.95rem); line-height: 1.5; margin-bottom: 12px; } .popup-body-content img { float: left; margin-right: 12px; margin-bottom: 6px; border-radius: 4px; } .popup-body-content p { font-size: clamp(0.85rem, 2vw, 0.95rem); line-height: 1.5; margin: 0 0 12px; } /* ========================================================================== RESPONSIVITET: MOBIL & PADDA (Skärmar under 1025px) ========================================================================== */ @media (max-width: 1024px) { #info-popup { width: calc(100% - 40px); right: 20px; left: 20px; padding: 15px; opacity: 0; visibility: hidden; transform: translateY(10px); pointer-events: none; } #show-info-btn { display: block; width: calc(100% - 40px); right: 20px; left: 20px; bottom: 20px; } #info-popup.is-open-js { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; pointer-events: auto !important; } #show-info-btn.is-hidden-js { display: none !important; } } 🌟 Aktuella erbjudanden Aktuell information Stäng× Tjuvstarta ditt medlemskap – vi bjuder på resten av året! Tecknar du medlemskap för 2027 redan idag, bjuder vi på avgiften för resten av 2026. Erbjudandet gäller nya medlemmar som tecknar sig senast 31 december 2026. Bli medlem här Släktforska gratis 22-23 aug Under Släktforskardagarna öppnar vi upp dörrarna till vårt enorma arkiv. Passa på att söka fritt bland våra 1,4 miljoner poster! Logga in med: Användarnamn: gratis Lösenord: gratis@@789 Logga in här