#bookmarks.inactive,#bookmark.inactive,#user-area.inactive{display:none}.bookmark-headline a{font-size:1.8rem;font-weight:700;color:var(--text-main);text-decoration:none;transition:color .2s}.bookmark-headline a:hover{color:var(--primary)}#user-area-content .bookmark-tabs{margin-bottom:30px}.bookmark{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;margin-top:30px}.bookmark.website,.bookmark.document,.bookmark.product{display:flex;flex-wrap:wrap}.bookmark-source{flex:0 0 350px;background:#f1f5f9;position:relative;min-height:300px}.bookmark-source img{width:100%;height:100%;object-fit:cover;display:block}.bookmark-info{flex:1;padding:30px}.bookmark.video .bookmark-top-row{padding:0}.bookmark.video .bookmark-info{padding:30px}.bookmark-video-description{display:none}#bookmark-iframe{display:block;width:100%;height:450px}.bookmark-gotopage{display:inline-flex;align-items:center;padding:10px 24px;background-color:var(--primary);color:#fff;border-radius:6px;font-weight:600;text-transform:uppercase;font-size:.9rem;transition:all .2s;border:0}.bookmark-gotopage:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.bookmark-buttons{border-top:1px solid var(--border-color);padding:15px 30px;background-color:#fafafa;display:flex;justify-content:flex-end;align-items:center}#bookmark-list .box{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;margin-bottom:20px;border:1px solid rgba(0,0,0,.03)}#bookmark-list .box:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}#bookmark-list .top-wrapper{padding:12px 15px;background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;position:relative}#bookmark-list .top-wrapper .userpicture{width:36px;height:36px;border-radius:50%;margin-right:12px;object-fit:cover;border:1px solid var(--border-color)}#bookmark-list .top-wrapper-right{flex:1;line-height:1.3}#bookmark-list .top-wrapper .username{font-weight:600;color:var(--text-main);font-size:.95rem}#bookmark-list .top-wrapper .username:hover{color:var(--primary)}#bookmark-list .top-wrapper .timespan{position:absolute;top:12px;right:15px;color:var(--text-light);font-size:.8rem}#bookmark-list .picture-wrapper{position:relative;width:100%;height:200px;overflow:hidden;background:#edf2f7}#bookmark-list .bookmark-picture{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}#bookmark-list .box:hover .bookmark-picture{transform:scale(1.05)}#bookmark-list .picture-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 15px 10px;color:#fff;opacity:0;transition:opacity .2s}#bookmark-list .description-wrapper{padding:15px;color:var(--text-light);font-size:.95rem;line-height:1.5}#bookmark-list .box h2{font-size:1.1rem;font-weight:700;margin:15px 15px 5px 15px;line-height:1.4}#bookmark-list .box h2 a{color:var(--text-main)}#bookmark-list .box h2 a:hover{color:var(--primary)}#bookmark-list .comments-wrapper{background-color:#fafafa;border-top:1px solid var(--border-color);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-light)}.icon-links{padding:10px;display:flex;gap:10px}.icon-link{color:var(--text-light);opacity:.7;transition:.2s;display:flex;align-items:center;gap:5px;cursor:pointer}.icon-link:hover,.icon-link.active{opacity:1;color:var(--primary)}.login-formular,.register-formular{max-width:450px;margin:40px auto;background:#fff;padding:40px;border-radius:12px;box-shadow:var(--shadow-lg)}.login-social-networks a{width:100%;margin-bottom:10px;justify-content:center}.profile-settings .box{background:#fff;border-radius:12px;padding:30px;box-shadow:var(--shadow-sm)}.settings-profile-image{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:4px solid #fff;box-shadow:var(--shadow-md);position:relative}#bookmark-content-comments .comments{background:#fff;border-radius:12px;padding:30px;box-shadow:var(--shadow-sm);margin-top:30px}#bookmark-content-comments .comments-list>li{margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:20px}#bookmark-content-comments .comments .username{color:var(--text-main);font-weight:700}#bookmark-content-comments .comments .timespan{font-size:.8rem;color:var(--text-light)}@media(max-width:768px){.bookmark.website,.bookmark.document,.bookmark.product{flex-direction:column}.bookmark-source{flex:none;width:100%;min-height:200px}.bookmark-info{margin-left:0;padding:20px}#bookmark-list .picture-wrapper{height:180px}}