:root{--color-primary:#5c648b;--color-primary-hover:#484f70;--color-accent:#66cac9;--color-background:#f3f4f6;--color-card:#fff;--color-text-main:#111827;--color-text-muted:#6b7280;--color-error:#ef4444;--size-radius-lg:14px;--size-radius-md:10px;--size-content-width:1200px;--shadow-md:0 4px 12px rgba(15,23,42,.08);--shadow-lg:0 10px 30px rgba(15,23,42,.12);--header-height:70px}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:'Robotolight','Helvetica Neue',Arial,sans-serif;font-size:16px;overflow-x:hidden;font-weight:300;line-height:1.5;color:var(--color-text-main);background-color:var(--color-background)}h1{font-size:2.8rem;margin:15px 0 10px;font-weight:700;letter-spacing:-.02em;color:var(--color-text-main)}h1.X{font-size:3.5rem;font-weight:200}h1.XS{font-size:2rem;font-weight:300}h2{font-size:2rem;margin:15px 0 10px;font-weight:600;letter-spacing:-.01em}h2.L{font-size:2.5rem}h2.XL{font-size:3rem}h3{font-size:1.3rem;margin:5px 0;font-weight:600}h3.small{font-size:.95rem;font-weight:500}h3.underline{border-bottom:1px solid var(--color-text-muted);padding-bottom:4px}h3.L{font-size:1.8rem}h4{font-size:1.1rem;margin:5px 0;font-weight:500}h5{font-size:.95rem;margin:3px 0;font-weight:400}.row{position:relative;width:95%;max-width:var(--size-content-width);margin:0 auto;padding:0;height:auto}.col{float:left;position:relative;padding:0 10px;box-sizing:border-box}.row::after{content:" ";display:table;clear:both}.one{width:8.3333%}.two{width:16.6666%}.three{width:25%}.four{width:33.3333%}.five{width:41.6666%}.six{width:50%}.seven{width:58.3333%}.eight{width:66.6666%}.nine{width:75%}.ten{width:83.3333%}.eleven{width:91.6666%}.twelve{width:100%}.col:first-child{padding-left:0}.col:last-child{padding-right:0}.col.no-padding{padding:0}.showOnMobile{display:none}.italic{font-style:italic}.mobile-header{display:none}.width100percent{max-width:var(--size-content-width);margin:40px auto;padding:0 15px}.width100percent #user-area-content{padding:0}.background-white{background:var(--color-card)}.background-bright-gray{background:#f8fafc}.background-gray{background:#e5e7eb}.background-purple{background:#8e6a8e}.background-dark{background:#1f2937}.background-kachel,.background-siteface,.background-colored,.background-wood,.background-space{background-size:cover;background-repeat:no-repeat}.background-colored-gradient{background:linear-gradient(to right,#51b1b3 0%,#659dbd 50%,#8881ca 100%)}.empty-div{text-align:center;font-size:1rem;padding:30px;border:1px solid var(--sf-border);border-radius:var(--size-radius-md);background-color:var(--color-card);margin-top:20px}.padding-section{padding:40px 0}.section-headline{margin:0;margin-bottom:20px}.section-formular{padding:40px 0;min-height:calc(100vh - 270px)}.white{color:var(--color-card)}.black{color:var(--color-text-main)!important}.auto-height{min-height:calc(100vh - var(--header-height) - 70px)}.auto-height-top{min-height:calc(100vh - var(--header-height) - 140px)}.auto-height-full{min-height:100vh}.gray{color:#4b5563}.blue{color:#3b82f6}.brightGray{color:#9ca3af}.darkerGray{color:#374151}.green{color:var(--color-accent)}.visible{overflow:visible}.marginCenter{margin:0 auto;float:none}.marginTop0{margin-top:0}.marginBottom20{margin-bottom:20px}.marginTopContent{padding-top:calc(var(--header-height) + 20px)!important}.marginTopContentSort{margin-top:100px}.marginTop5{margin-top:5px}.marginTop10{margin-top:10px}.marginTop20{margin-top:20px}.marginTop40{margin-top:40px}.text-align-center,.center{text-align:center}.text-align-left{text-align:left}.thin{font-weight:300}.thinner{font-weight:200}.normal{font-weight:500}ul,ol{margin:0;padding:0;list-style-type:none}ol{margin-top:0}.height100Percent{height:100%}.upper{text-transform:uppercase}.oh{overflow:hidden}a{color:var(--color-text-main);text-decoration:none;cursor:pointer;transition:color .18s ease-out}a:hover{color:var(--color-primary)}.db{display:block}.dn{display:none}.floatLeft{float:left}.floatRight{float:right}.showOnMobile{display:none}.hideOnMobile{display:block}.clear{clear:both}.clearfix::before,.clearfix::after{content:" ";display:table}.clearfix::after{clear:both}.clearfix{*zoom:1}.input-field,.textarea-field,#input-interests .tag-search-outer{font-weight:300;font-family:inherit;outline:0;overflow:hidden;box-sizing:border-box;border:1px solid rgba(17,24,39,.14);background-color:var(--color-card);border-radius:var(--size-radius-md);display:block;font-size:1.05em;margin-bottom:12px;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;width:100%;color:var(--color-text-main);box-shadow:0 1px 2px rgba(17,24,39,.02)}.input-field:focus,.textarea-field:focus{border-color:rgba(39,134,166,.55);box-shadow:0 0 0 3px rgba(39,134,166,.18);background-color:var(--color-card)}.input-field[class~="error"],.textarea-field[class~="error"],#input-interests .tag-search-outer[class~="error"]{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.16)}.textarea-field{min-height:120px;resize:vertical}.textarea-field[class~="small"]{height:44px;min-height:44px;font-weight:300}.textarea-field[class~="growing-textarea"]{overflow:hidden;resize:none}.box-sizing{box-sizing:border-box}div.textarea-field{height:auto!important}.link{color:var(--color-accent)}.no-bookmark-box{background-color:var(--color-card);line-height:normal;padding:30px;border-radius:var(--size-radius-md);text-align:center;font-weight:500;margin-top:20px;border:1px solid var(--sf-border)}input,textarea,select{font-family:inherit}.formular label{color:var(--color-text-muted);margin-bottom:6px}.formular .label-errors{color:var(--color-error)}.formular .input-field-outer{padding-right:0}.formular .login-persist{margin-top:7px}.login-button-wrapper{margin-top:20px}.button{-webkit-appearance:none;cursor:pointer;font-size:1em;font-weight:500;line-height:1;border:1px solid rgba(17,24,39,.12);padding:11px 20px;border-radius:var(--size-radius-md);background:#f9fafb;color:var(--color-text-main);box-shadow:0 2px 5px rgba(15,23,42,.05);transition:all .18s ease-out}.button:hover{color:var(--color-text-main);background-color:#f4f5f8;text-decoration:none;box-shadow:0 4px 10px rgba(15,23,42,.12);transform:translateY(-1px)}.button[class~="active"],.abo-button{font-size:1.05em;border:0;padding:12px 22px;background-color:var(--color-accent);font-weight:500;border-radius:var(--size-radius-md);color:var(--color-card);box-shadow:0 4px 12px rgba(102,202,201,.35)}.button[class~="active"]:hover,.abo-button:hover{background-color:#5da6b9;box-shadow:0 6px 16px rgba(102,202,201,.45)}.button[class~="margin"]{margin-left:10px!important}.button[class~="primary"]{background-color:var(--color-primary);color:var(--color-card);box-shadow:0 4px 12px rgba(92,100,139,.3);border:0}.button[class~="primary"]:hover{background-color:var(--color-primary-hover)}#top{background-color:var(--color-dark);padding:0 20px;height:var(--header-height);position:fixed;box-sizing:border-box;z-index:30;top:0;left:0;right:0}#top[class~="ht-notontop"]{position:fixed}#top .left{width:300px;position:relative;float:left}#top .middle{margin-left:300px;margin-right:300px;height:100%}#top .right{position:absolute;right:20px;top:50%;transform:translateY(-50%)}#header{position:relative;height:550px}#benefits{background-color:var(--color-card);padding:50px 0}#footer{background-color:var(--color-card);border-top:1px solid var(--color-accent);padding:40px 0;margin-top:40px}section#sort{position:fixed;left:0;right:0;top:var(--header-height);z-index:10}section#bookmark-list{margin-top:40px;max-width:calc(var(--size-content-width) + 40px);margin-left:auto;margin-right:auto}.navigation{overflow:hidden;float:left}.navigation li{float:left}.navigation li a{transition:color .15s ease-in-out;color:#ccc;font-size:1.15rem;font-weight:400;margin-right:25px;line-height:var(--header-height)}.navigation li a:hover,.navigation li a.selected{color:var(--color-card)}.footer-navigation{text-align:center}.footer-navigation a{display:inline-block;font-size:1rem;margin:0 10px;color:var(--color-text-muted)}.footer-navigation .dot{display:inline-block;color:#ccc;font-size:1rem;margin:0 5px}.footer-navigation a:hover{color:var(--color-primary)}.help-navigation{overflow:hidden;height:var(--header-height);display:flex;align-items:center;justify-content:flex-end}.help-navigation li{list-style:none;margin-left:20px}.help-navigation .button-add-bookmark,.help-navigation .button-add-collection,.help-navigation .pinboard{line-height:1;color:var(--color-card);padding:8px 15px;border-radius:var(--size-radius-md);font-size:.9rem;font-weight:500;opacity:.9;transition:opacity .2s;background-image:none!important;background-color:var(--color-primary)}.help-navigation .button-add-bookmark:hover,.help-navigation .button-add-collection:hover,.help-navigation .pinboard:hover{opacity:1;background-color:var(--color-primary-hover)}.help-navigation .login-avatar{padding:0;opacity:1}.help-navigation .login-avatar .userpicture{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-primary);box-shadow:0 0 0 2px var(--color-card);margin:0}.help-navigation .login-avatar:hover{opacity:.9}.login-submenu{position:absolute;right:0;top:calc(var(--header-height) - 4px);z-index:100;background-color:#2c3e50;width:200px;border-radius:var(--size-radius-md);box-shadow:var(--shadow-lg);padding:10px 0;display:none}.login-submenu:before{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #2c3e50;left:auto;right:20px;top:-8px;margin-left:0}.login-submenu[class~="open"]{display:block}.login-submenu li{float:none!important}.login-submenu a{color:var(--color-card);padding:8px 20px;font-size:1rem}.login-submenu a:hover{background-color:#3b5066}.search-Top{height:40px;margin-top:calc((var(--header-height) - 40px)/2);width:350px}.search-Top .input{color:var(--color-text-main);height:40px;background-color:var(--color-card);border-radius:999px;padding:5px 20px;border:1px solid transparent;font-size:1rem;font-weight:400}.search-Top .input:hover{border-color:rgba(0,0,0,.1);cursor:pointer}.search-Top .input:focus{background-color:var(--color-card);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.15);cursor:text;color:var(--color-text-main)}.dynamic-grid{overflow:hidden}.dynamic-grid-column{float:left}.tabs{background-color:var(--color-card);border-radius:var(--size-radius-md);line-height:40px;margin-top:20px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--sf-border)}.tabs li{float:left}.tabs a{font-size:1rem;color:var(--color-text-muted);padding:0 20px;margin-right:0;transition:background-color .15s ease-out,color .15s ease-out}.tabs li:not(:last-child) a{border-right:1px solid var(--sf-border)}.tabs li.active a,.tabs li a:hover{color:var(--color-card);background-color:var(--color-primary)}.tabs-list a{padding:0 25px}.tabs-list a.active,.tabs-list a:hover{background-color:var(--color-accent)}.add-bookmark-formular{overflow:hidden}.add-bookmark-formular .add-bookmark-row{overflow:hidden}.add-bookmark-formular .picture{margin:0 auto;position:relative;line-height:160px;vertical-align:middle;text-align:center;width:280px;height:160px;overflow:hidden;background-color:#e5e7eb;border-radius:var(--size-radius-md)}.add-bookmark-left{float:left;width:40%;padding:25px;box-sizing:border-box;height:100%;background-color:#f8fafc}.add-bookmark-right{float:left;width:60%;padding:25px;box-sizing:border-box;height:100%}#form-add-bookmark-step-2{min-height:620px}.add-bookmark-formular .categories,.add-bookmark-formular .follower{background-color:#f8fafc;border:1px solid var(--sf-border);border-radius:var(--size-radius-md);max-height:184px;overflow:auto;margin-bottom:15px}.add-bookmark-formular .categories li,.add-bookmark-formular .follower li{margin:0;padding:8px 10px;border-top:1px solid var(--sf-border)}.add-bookmark-formular .categories li:first-child,.add-bookmark-formular .follower li:first-child{border-top:0}.user-list li{background-color:#fcfcfd;box-shadow:0 1px 3px rgba(15,23,42,.04);border-radius:var(--size-radius-md);margin-bottom:10px;display:flex;align-items:center;padding:10px}.user-list .left{flex:0 0 80px;width:80px}.user-list .left img{display:block;width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto}.user-list .middle{flex:1;padding:0 15px}.user-list .right{flex:0 0 auto;padding-right:10px}.user-list h3{font-size:1.1em;font-weight:600;margin:0}.user-list h3 a{color:var(--color-primary)}.user-list .interests{font-size:.85em;color:var(--color-text-muted);max-height:2.5em;overflow:hidden}.bookmarker-list{margin-left:-10px;overflow:hidden}.bookmarker-list li{box-sizing:border-box;background-color:var(--color-card);float:left;overflow:hidden;width:49%;margin-left:1%;padding:20px;margin-bottom:15px;border-radius:var(--size-radius-md);box-shadow:var(--shadow-md)}.bookmarker-list-image{width:60px;height:60px}.bookmarker-list-image img{border-radius:50%}.bookmarker-list-wrapper{margin-left:75px}.bookmarker-list-headline{color:var(--color-text-main);font-weight:600;font-size:1.1rem}.user-profile-image,.compilation-profile-image{width:120px;height:120px;border-radius:50%;background-color:#e5e7eb}.user-profile-wrapper,.compilation-profile-wrapper{margin-left:150px}.user-profile-inner,.compilation-profile-inner{margin-right:380px}.user-profile-right,.compilation-profile-right{width:350px;border-left:1px solid var(--sf-border);box-shadow:var(--shadow-md);background-color:#fcfcfd;padding:20px;border-radius:var(--size-radius-lg)}@media(max-width:980px){.hideOnMobile{display:none}.showOnMobile{display:block}.col{width:100%!important;float:none!important;margin-left:0;margin-right:0;padding:0 15px}.col:first-child,.col:last-child{padding-left:15px;padding-right:15px}.row{width:100%;padding:0}#top .middle{margin-left:10px;margin-right:10px}.bookmark.website,.bookmark.document,.bookmark.product{flex-direction:column}.bookmark-source{flex:none;width:100%;min-height:200px}.bookmark-info{padding:20px}}