/* Ropa Sans – Regular */ @font-face { font-family: "Ropa Sans"; src: url("fonts/RopaSans-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } /* Ropa Sans – Bold */ @font-face { font-family: "Ropa Sans"; src: url("fonts/bad6a0eb-6da5-48c0-9110-a1f1b9b6f1d4.woff2") format("woff2"), url("fonts/92427138-4c6d-4e86-b1c3-58104dd836af.woff") format("woff"), url("fonts/35f4321b-d75b-49c6-bb65-ef190f726c3a.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* KARIXBY Outline – Medium (500) */ @font-face { font-family: "KARIXBY Outline"; src: url("fonts/KARIXBYOutline.woff2") format("woff2"), url("fonts/KARIXBYOutline.woff") format("woff"), url("fonts/KARIXBYOutline.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } :root { --primary-font: "Ropa Sans", Arial, sans-serif; --headline-special-font: "KARIXBY Outline", serif; --accentColor: #0897e8; --accentColorHover: #386fc2; --accentColorHoverSecond: #e0efff; --signalFarbe:#f76cc9; --signalFarbeHover:#e162b7; --headerBgColor:rgba(25,25,45,0.15) ; --headerBgButtonColor:rgba(255,255,255,0.1); --headerBgButtonColorHover:rgba(255,255,255,0.2); --currentlyOnlineColor:#dcfd9b; --boxBgColor:rgba(80,105,135,0.5); --uploadOptionMainColor: #3b76cd; --uploadOptionMainColorHover: #3368b6; --uploadOptionButtonColor: #00c853; --uploadOptionButtonColorHover: #00c853; --transparentOverlayColor:rgba(0,0,0,0.2); --strongFontColor:#fff; --weakFontColor: rgba(255,255,255,0.6); --weakOpacity:0.6; --weakestFontColor: rgba(255,255,255,0.3); --weakestOpacity:0.3; --fineLinesColor: rgba(255,255,255,0.1); --filterBgColor: rgba(80,105,135,0.5); --filterBgColor:transparent ; --filterBgColorAktive:rgba(80,105,135,0.5); --filterBgColorHover:transparent; --filterOpacityValue:0.2; --filterFontColorActive:#fff; --bgColorWarning:#ff9320; --bgColorDone:#20ff63; --bgColorErr:#ff2020; --akzentFarbe01: #eecbbd; --akzentFarbe02: #e6bcbc; --akzentFarbe03: #e5c9d3; --akzentFarbe04: #bcd6e6; --akzentFarbe05: #d5e6cd; --akzentFarbe06: #eee5c5; --akzentFarbe07: #eeddbb; --akzentFarbe08: #d1e2d5; --akzentFarbe09: #d1cadb; --akzentFarbe01Saturated: #d88a72; --akzentFarbe02Saturated: #d07070; --akzentFarbe03Saturated: #d37b91; --akzentFarbe04Saturated: #72a6d1; --akzentFarbe05Saturated: #9fc88a; --akzentFarbe06Saturated: #d9c854; --akzentFarbe07Saturated: #d9a060; --akzentFarbe08Saturated: #88b89f; --akzentFarbe09Saturated: #9383b1; } body.light { --accentColor:#2196F3; /* rgb(12, 56, 123); */ --accentColorHover: #1d81d1; --accentColorHoverSecond: #e0efff; --signalFarbe:#c8005e ; /* #0897e8 ;*/ --signalFarbeHover:#a6024f ; --headerBgColor:#f2f2f2 ; --headerBgButtonColor:rgba(0,0,0,0.1); --headerBgButtonColorHover:rgba(0,0,0,0.2); --currentlyOnlineColor:#01c050; --boxBgColor:#fff; --uploadOptionMainColor: #c8005e; --uploadOptionMainColorHover: #a6024f; --uploadOptionButtonColor: #2196F3; --uploadOptionButtonColorHover: #1d81d1; --transparentOverlayColor:rgba(0,0,0,0.05); --strongFontColor:#333; --weakFontColor: rgba(0,0,0,0.6); --weakestOpacity:0.6; --weakestFontColor: rgba(0,0,0,0.3); --weakestOpacity:0.3; --fineLinesColor: rgba(0,0,0,0.1); --filterBgColor: transparent; --filterBgColorAktive:#fff; --filterFontColorActive:#333; --filterBgColorHover:transparent; --filterOpacityValue:0.4; --akzentFarbe01: #d88a72; --akzentFarbe02: #d07070; --akzentFarbe03: #d37b91; --akzentFarbe04: #72a6d1; --akzentFarbe05: #9fc88a; --akzentFarbe06: #d9c854; --akzentFarbe07: #d9a060; --akzentFarbe08: #88b89f; --akzentFarbe09: #9383b1; } a { text-decoration:none; } html { font-family: var(--primary-font);font-size: 15px; } body { background-color:#1e2731;margin: 0; } body.light { background-color:#f2f2f2; } body, html, #scroller { position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;overflow:hidden; } #scroller { overflow-y:scroll;z-index:4;box-sizing:border-box; } #scroller.scrollstop { overflow:hidden; } #maincontent { z-index: 3;position: absolute;left: 0;top: 0;bottom: 0;right: 0;} #maincontent > .left { z-index:3;position: absolute;top: 60px;bottom:0px;border-right:1px solid var(--fineLinesColor);left: 0;width: 350px;bottom: 0;overflow-y: auto;box-sizing: border-box;padding: 20px 20px 20px 50px;scrollbar-width: none;-ms-overflow-style: none; scrollbar-width: thin;scrollbar-color: transparent transparent;overflow-x:none;} #maincontent > .left:hover {scrollbar-width: thin;scrollbar-color: var(--boxBgColor) transparent;} #maincontent > .right { left:0px;box-sizing:border-box;position: absolute;top:60px;height:calc(100% - 60px);right:0; z-index: 2;width: unset; } #maincontent > .right .centerer { max-width:1000px;margin:0 auto;box-sizing:border-box;min-height:calc(100% - 60px);padding:20px 10px 50px 10px; } #maincontent > .right_advs { z-index:3;position: absolute;top: 60px;bottom:0px;border-left:1px solid var(--fineLinesColor);right: 0;width: 350px;bottom: 0;overflow-y: auto;box-sizing: border-box;padding: 20px 50px 20px 20px;scrollbar-width: none;-ms-overflow-style: none; scrollbar-width: thin;scrollbar-color: transparent transparent;overflow-x:none;} /** Adds **/ #advs_mobile { height:0px;overflow:hidden; } .adv_container img, .advsbox_horizontal img { display:block;width:100%;} .adv_container a, .advsbox_horizontal a { position:relative;border:0px;} .adv_container { overflow:hidden;position:relative;border-radius:5px;margin-bottom:10px; } .advsbox_horizontal > .adv_container { margin-bottom:2px; } #scroller { scrollbar-width: none;-ms-overflow-style: none; scrollbar-width: thin;scrollbar-color: transparent transparent; } #scroller:hover {scrollbar-width: thin;scrollbar-color: var(--boxBgColor) transparent;} #header { display:flex;height:60px;box-sizing:border-box;box-sizing:border-box;z-index:4;position:fixed;top:0;left:0;right:0;text-align: right;border-bottom:1px solid var(--fineLinesColor) } #header .left { width:350px;flex-shrink: 0;padding-right:30px;box-sizing:border-box;display:flex;align-items:center;padding-left:50px; } #header .middle { width:100%; } #header .middle .centerer { max-width:1000px;margin:0 auto;box-sizing:border-box;padding-right: 10px; padding-top: 5px; } #header .right { align-items:center;padding-right: 20px;display:flex;justify-content: end;width:350px;flex-shrink: 0;box-sizing:border-box; } #header .laengsLogo { position:relative;transition:opacity .5s ease-in-out; width:180px;background:url(../../images/logo/au_new_logo_schrift_neg.svg) center center no-repeat transparent;background-size:100% auto; } #header .laengsLogo a { position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer; } body.light #header .laengsLogo { background:url(../../images/logo/au_new_logo_schrift.svg) center center no-repeat transparent;background-size:100% auto; } #header .laengsLogo::after { content:" ";display:block;padding-bottom:22%; } @media screen and (max-width: 1730px) { #maincontent > .right { padding-left: 350px;left:0px;padding-right: 350px; } #maincontent > .right .centerer { margin:0; } } @media screen and (max-width: 1200px) { #maincontent > .right { padding-left: 0px;left:0px; } #maincontent > .left { left:-350px;background-color:#1e2731; } body.light #maincontent > .left { background-color:#f2f2f2; } #header .exander { border: 1px solid var(--fineLinesColor);border-left: 0px;background: url(../../images/sidebarExpander-white.svg) center center no-repeat var(--headerBgButtonColor);background-size:40% auto;position: relative;width: 46px;height: 46px;border-radius:50%;margin-right:10px;cursor: pointer;} body.light #header .exander { background: url(../../images/sidebarExpander.svg) center center no-repeat var(--headerBgButtonColor);background-size:40% auto; } #header .left { padding-left:10px; } body.expandSidebar #maincontent > .left { left:0px;z-index:9; } } @media screen and (max-width: 800px) { #maincontent > .right { padding-right:0px; } #maincontent > .right_advs { display:none; } } @media screen and (max-width: 1080px) { #header .right { width:unset;width:auto;padding-left:20px; } #header.expandSearch .right { display:none; } } @media screen and (max-width: 780px) { #header:not(.showLogo) .laengsLogo { opacity:1; } #header .left { width:unset;width:auto; padding-right: 10px;} #header.expandSearch .right, #header.expandSearch .left { display:none; } #header.expandSearch .middle .centerer { padding-right:20px;padding-left:10px; } #header .right { padding-left:0px; } } @media screen and (max-width: 550px) { #header .laengsLogo { width: 52px !important;background-size: auto 100% !important; background-position: left center !important; } #header .laengsLogo::after { padding-bottom: 65% !important; } } #search > .bar { text-align:center;font-family: inherit; } #search > .bar input { box-sizing: border-box;color:#333;width:100%;font-family:inherit; border:0px solid rgba(0,0,0,0.1) !important;box-shadow:none !important; background:url("../../images/search/search-black.svg") no-repeat scroll 12px center #fff; font-size:19px;font-weight:bold;padding:8px 10px 6px 45px;border-radius: 5px;background-size:auto 50% ;padding-right: 110px; top: -2px; position: relative; } #search > .bar input:focus { outline:0;box-shadow:none !important;border:0px solid rgba(0,0,0,0.1) !important;} #search > .bar.load input { background:url("../../images/search/tail-spin-white.svg") 8px center no-repeat rgba(255,255,255,0.4);background-size:auto 50% ; } #search > .bar input::placeholder {font-weight:100;color:rgba(0,0,0,0.85);} #search > .bar .wrap { position:relative; } #search > .bar .unset_main_search { position: absolute;right: 75px; top: 7px;width:32px;height: 32px;display: block; background: url("../../images/search/close-black.svg") center center no-repeat rgba(0,0,0,0);background-size: 45% auto;cursor: pointer;border-radius:5px; } #search > .bar .unset_main_search:hover, #search > .bar .unset_main_search.active-helper { background-color:rgba(0,0,0,0.1);} #search:not(.hasKeywords) .unset_main_search { display:none; } #search > .bar .submit { position:absolute;font-size: 16px;padding:5px 15px;border-radius:5px;background-color:var(--signalFarbe);color:#fff;font-weight:800;right:-1px;cursor:pointer;top:calc(50% - 1px); transform: translateY(-50%);box-sizing: border-box; line-height: 28px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;} #search > .bar .submit:hover, #search > .bar .submit.active-helper { background-color:var(--signalFarbeHover);} #search > .bar .wrap .ico { z-index:1;width: 46px;height: 46px;background: url("../../images/search/search-white.svg") center center no-repeat var(--headerBgButtonColor); background-size:auto 40%; border-radius: 50%;cursor: pointer;position:absolute;left:0px;top: 50%;transform: translateY(-50%); } #search > .bar .wrap .ico:hover { background-color:var(--headerBgButtonColorHover);} body.light #search > .bar .wrap .ico {background: url("../../images/search/search-black.svg") center center no-repeat var(--headerBgButtonColor);background-size:auto 40%; } #search .bar .wrap { height: 46px;padding-left: 55px;box-sizing:border-box;padding-top: 6px; } #header:not(.expandSearch) #search:not(.hasKeywords) > .bar .wrap input, #header:not(.expandSearch) #search:not(.hasKeywords) > .bar .wrap .unset_main_search, #header:not(.expandSearch) #search:not(.hasKeywords) > .bar .wrap .submit { display:none; } #header:not(.expandSearch) #search:not(.hasKeywords) > .bar .wrap { max-width:46px;height: 46px; } #header.expandSearch #search > .bar .wrap .ico, #header #search.hasKeywords > .bar .wrap .ico { background: url("../../images/search/back.svg") center center no-repeat var(--headerBgButtonColor);background-size:auto 35%; } body.light #header.expandSearch #search > .bar .wrap .ico, body.light #header #search.hasKeywords > .bar .wrap .ico { background: url("../../images/search/back-black.svg") center center no-repeat var(--headerBgButtonColor);background-size:auto 35%; } body.light #search > .bar input { border:1px solid #ccc !important;padding: 7px 10px 6px 45px; } body.light #search > .bar .wrap .ico { background: url("../../images/search/search-black.svg") center center no-repeat var(--headerBgButtonColor);background-size:auto 40%; } @media screen and (max-width: 550px) { #search > .bar .wrap .ico { width: 35px;height: 35px; } #search .bar .wrap { padding-left: 35px; } } #settings { transition:transform .5s ease-in-out;transform:rotate(0deg);background:url(../../images/loginbox/settings-white.svg) no-repeat center center var(--headerBgButtonColor);background-size:50% auto;width:46px;height:46px;border-radius:50%;cursor:pointer;margin-left:5px; } #settings:hover { background-color:var(--headerBgButtonColorHover);transform:rotate(180deg); } body.light #settings { background:url(../../images/loginbox/settings-black.svg) no-repeat center center var(--headerBgButtonColor);background-size:50% auto; } @media screen and (max-width: 550px) { #settings { width: 35px;height: 35px; } } @media screen and (max-width: 490px) { #search > .bar input::placeholder { color:transparent; } } #avatar { overflow:hidden;position:relative;width:46px;height:46px;background:url(../../images/thread/nouser-white-neg.svg) center center no-repeat var(--headerBgButtonColor);border-radius:50%;cursor:pointer;margin-left:5px;background-size:60%;background-position: center center;} body.light #avatar { background:url(../../images/thread/nouser-black-neg.svg) center center no-repeat var(--headerBgButtonColor);background-size:60%; } @media screen and (max-width: 550px) { #avatar { width: 35px;height: 35px; } } #toogleStyle { position: relative;width: 36px;height: 36px;border-radius: 50%;cursor: pointer;background:url(../../images/toogleStyle/sun.svg) no-repeat center left 10px var(--boxBgColor) !important;background-size: auto 58% !important;margin-right: 5px;box-sizing: border-box;} body.light #toogleStyle { background:url(../../images/toogleStyle/night.svg) no-repeat center left 10px var(--boxBgColor) !important;background-size:auto 58% !important;} #soundbox { height:0px;width:0px;opacity:0;overflow:hidden;} ._glitch::before, ._glitch::after {content: attr(data-text);position: absolute;width: 110%;z-index: -1;} ._glitch::before {top: 10px;left: 15px;color: #e0287d;} ._glitch::after {top: 5px;left: -10px;color: #1bc7fb;} @keyframes paths{0%{clip-path:polygon(0% 43%,83% 43%,83% 22%,23% 22%,23% 24%,91% 24%,91% 26%,18% 26%,18% 83%,29% 83%,29% 17%,41% 17%,41% 39%,18% 39%,18% 82%,54% 82%,54% 88%,19% 88%,19% 4%,39% 4%,39% 14%,76% 14%,76% 52%,23% 52%,23% 35%,19% 35%,19% 8%,36% 8%,36% 31%,73% 31%,73% 16%,1% 16%,1% 56%,50% 56%,50% 8%)}5%{clip-path:polygon(0% 29%,44% 29%,44% 83%,94% 83%,94% 56%,11% 56%,11% 64%,94% 64%,94% 70%,88% 70%,88% 32%,18% 32%,18% 96%,10% 96%,10% 62%,9% 62%,9% 84%,68% 84%,68% 50%,52% 50%,52% 55%,35% 55%,35% 87%,25% 87%,25% 39%,15% 39%,15% 88%,52% 88%)}30%{clip-path:polygon(0% 53%,93% 53%,93% 62%,68% 62%,68% 37%,97% 37%,97% 89%,13% 89%,13% 45%,51% 45%,51% 88%,17% 88%,17% 54%,81% 54%,81% 75%,79% 75%,79% 76%,38% 76%,38% 28%,61% 28%,61% 12%,55% 12%,55% 62%,68% 62%,68% 51%,0% 51%,0% 92%,63% 92%,63% 4%,65% 4%)}45%{clip-path:polygon(0% 33%,2% 33%,2% 69%,58% 69%,58% 94%,55% 94%,55% 25%,33% 25%,33% 85%,16% 85%,16% 19%,5% 19%,5% 20%,79% 20%,79% 96%,93% 96%,93% 50%,5% 50%,5% 74%,55% 74%,55% 57%,96% 57%,96% 59%,87% 59%,87% 65%,82% 65%,82% 39%,63% 39%,63% 92%,4% 92%,4% 36%,24% 36%,24% 70%,1% 70%,1% 43%,15% 43%,15% 28%,23% 28%,23% 71%,90% 71%,90% 86%,97% 86%,97% 1%,60% 1%,60% 67%,71% 67%,71% 91%,17% 91%,17% 14%,39% 14%,39% 30%,58% 30%,58% 11%,52% 11%,52% 83%,68% 83%)}76%{clip-path:polygon(0% 26%,15% 26%,15% 73%,72% 73%,72% 70%,77% 70%,77% 75%,8% 75%,8% 42%,4% 42%,4% 61%,17% 61%,17% 12%,26% 12%,26% 63%,73% 63%,73% 43%,90% 43%,90% 67%,50% 67%,50% 41%,42% 41%,42% 46%,50% 46%,50% 84%,96% 84%,96% 78%,49% 78%,49% 25%,63% 25%,63% 14%)}90%{clip-path:polygon(0% 41%,13% 41%,13% 6%,87% 6%,87% 93%,10% 93%,10% 13%,89% 13%,89% 6%,3% 6%,3% 8%,16% 8%,16% 79%,0% 79%,0% 99%,92% 99%,92% 90%,5% 90%,5% 60%,0% 60%,0% 48%,89% 48%,89% 13%,80% 13%,80% 43%,95% 43%,95% 19%,80% 19%,80% 85%,38% 85%,38% 62%)}1%,33%,47%,7%,78%,93%{clip-path:none}}@keyframes movement{0%{top:0;left:-20px}15%{top:10px;left:10px}60%{top:5px;left:-10px}75%{top:-5px;left:20px}100%{top:10px;left:5px}}@keyframes opacity{0%{opacity:.1}5%{opacity:.7}30%,76%{opacity:.4}45%{opacity:.6}90%{opacity:.8}1%,33%,47%,7%,78%,93%{opacity:0}}@keyframes font{0%{font-weight:100;color:#e0287d;filter:blur(3px)}20%{font-weight:500;color:#fff;filter:blur(0)}50%{font-weight:300;color:#1bc7fb;filter:blur(2px)}60%{font-weight:700;color:#fff;filter:blur(0)}90%{font-weight:500;color:#e0287d;filter:blur(6px)}} ._glitch { display: inline-block;color: var(--strongFontColor);z-index: 2;position: relative;} ._glitch::before {animation: paths 5s step-end infinite, opacity 5s step-end infinite,font 8s step-end infinite, movement 10s step-end infinite;} ._glitch::after {animation: paths 5s step-end infinite, opacity 5s step-end infinite,font 7s step-end infinite, movement 8s step-end infinite;} ._glitch.auto {animation: paths 5s step-end infinite;} #logoAndClaim { overflow:hidden;display:flex;max-height:156px;transform:translateY(0px);align-items:stretch;color:var(--strongFontColor);box-sizing: border-box;margin-bottom: 20px;min-height: 156px;transition:all .5s linear; } #logoAndClaim > h1 { width:calc( 38.2% );margin:0;padding:0;display:flex;color:var(--strongFontColor);align-items:end;line-height: 30px;} #logoAndClaim > h1 > div { width:100%; } #logoAndClaim > h1 > div > div { width:100%; transform: translateY(0px); } #logoAndClaim > h1 > div { height: 100%;display:flex;flex-wrap:wrap; } #logoAndClaim > h1 > div > div:nth-child(2) { align-self:flex-end;position: relative; top: 9px; } #logoAndClaim > h1 > div > div:nth-child(2) > font { font-size:12px;border-top:1px solid var(--strongFontColor);padding-top:5px; } #logoAndClaim > div { position:relative;width:calc( 61.8% );border-left:1px solid var(--fineLinesColor);display:flex;align-items:flex-end; } #logoAndClaim > div h3 { font-weight:400;;padding:0px;line-height: 24px; } #logoAndClaim > div ul { position: relative;list-style: none;margin: 0;padding: 0;width: 100%;} #logoAndClaim > div ul li { opacity:1;width: 100%;padding-right: 51px;box-sizing: border-box;position: absolute;bottom:0;left: 0; right: 0;display: block;padding-left: 20px; } #logoAndClaim > div ul li:not(.show) { opacity:0; } #logoAndClaim > div ul li h3 { margin:0px; } #logoAndClaim > div ul li.active ._glitch span, #logoAndClaim > div ul li:hover ._glitch span {animation: paths 5s step-end infinite;} #logoAndClaim > div ul li:not(.active,:hover) ._glitch::before, #logoAndClaim > div ul li:not(.active,:hover) ._glitch::after, #logoAndClaim > div ul li:not(.active,:hover) ._glitch::after, #logoAndClaim > div ul li:not(.active,:hover) ._glitch::before { display:none;} #logoAndClaim .navs { position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end; } #logoAndClaim .navs > div { width:3px;height:3px;border-radius:3px;margin-left:3px;background-color:#fff;} #logoAndClaim .navs > div.active { background-color:var(--signalFarbe); } #body[viewstate="thread"] #logoAndClaim { margin-bottom: 0px;opacity:0;transform:translateY(-20px);max-height:0px;min-height:0px;} @media screen and (max-width: 780px) { #logoAndClaim { display:none; } } #rechtliches { padding-top: 10px;border-top: 1px solid var(--fineLinesColor);margin-top:30px; } #rechtliches font, #rechtliches a { cursor:pointer;color:var(--weakestFontColor);text-decoration:none;} #rechtliches font:hover, #rechtliches a:hover { opacity:0.5; } #advsAddForm { background-color: var(--boxBgColor); padding: 20px;border-radius: 5px; } #advsAddForm h1 { color:var(--strongFontColor);margin-top:0px;margin-bottom:20px; } #advsAddForm .hiddenInputFile { height:0px;width:0px;overflow:hidden;opacity:0;position:absolute; } #advsAddForm .advsadd_regular { max-width:270px;position: relative; border: 0px;overflow: hidden;border-radius: 5px;} #advsAddForm .advsadd_horizontal { width:100%;position: relative;border: 0px;overflow: hidden;border-radius: 5px; } #advsAddForm .advsadd_horizontal:hover, #advsAddForm .advsadd_regular:hover { cursor:pointer; } #advsAddForm .advsadd_regular img, #advsAddForm .advsadd_horizontal img { max-width:100%;display:block;width: 100%; } #advsAddForm .advsadd_regular .del, #advsAddForm .advsadd_horizontal .del { display:none;position:absolute;top:10px;right:10px;width:32px;height:32px;background:url(../../images/advsadd/close-white.svg) center center no-repeat rgba(0,0,0,0.5);background-size:45% auto;border-radius:5px;cursor:pointer; } #advsAddForm .advsadd_regular:not([state="none"]):hover .del, #advsAddForm .advsadd_horizontal:not([state="none"]):hover .del { display:block;} #advsAddForm .advsadd_regular[state="none"], #advsAddForm .advsadd_regular[state="uploading"] { background-color:rgba(0,0,0,0.2); } #advsAddForm .advsadd_regular[state="none"]::after { content:" ";position:relative;padding-bottom:130%;display:block;background:url(../../images/advsadd/addImg.svg) center center no-repeat rgba(0,0,0,0);background-size:40px auto;opacity:0.2; } #advsAddForm .advsadd_regular[state="uploading"]::after { content:" ";position:relative;padding-bottom:130%;display:block;background:none center center no-repeat rgba(0,0,0,0);background-size:40px auto;opacity:0.2; } #advsAddForm .advsadd_regular[state="none"]:hover::after { opacity:0.4; } #advsAddForm .advsadd_regular:not([state="uploading"]) .percent { display:none; } #advsAddForm .advsadd_regular[state="uploading"] .percent { position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);font-size:20px;color:#fff;font-weight:800; } #advsAddForm .advsadd_horizontal[state="none"], #advsAddForm .advsadd_horizontal[state="uploading"] { background-color:rgba(0,0,0,0.2); } #advsAddForm .advsadd_horizontal[state="none"]::after { content:" ";position:relative;padding-bottom:15%;display:block;background:url(../../images/advsadd/addImg.svg) center center no-repeat rgba(0,0,0,0);background-size:40px auto;opacity:0.2; } #advsAddForm .advsadd_horizontal[state="uploading"]::after { content:" ";position:relative;padding-bottom:15%;display:block;background:none center center no-repeat rgba(0,0,0,0);background-size:40px auto;opacity:0.2; } #advsAddForm .advsadd_horizontal[state="none"]:hover::after { opacity:0.4; } #advsAddForm .advsadd_horizontal:not([state="uploading"]) .percent { display:none; } #advsAddForm .advsadd_horizontal[state="uploading"] .percent { position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);font-size:20px;color:#fff;font-weight:800; } #advsAddForm .tblm { position:relative;} #advsAddForm .tblm > .head { color:var(--strongFontColor);font-weight:800;font-size:16px;margin-bottom:10px; } #advsAddForm .tblm > div { display:flex;flex-wrap:wrap;align-items: center;color:var(--weakFontColor);margin-bottom:20px; } #advsAddForm .tblm > div.top { align-items:flex-start; } #advsAddForm .tblm > div .tbl.lft { width:40%; } #advsAddForm .tblm > div .tbl.rgt { width:60%; } #advsAddForm .tblm > div .tbl.neg350 { width:calc(100% - 270px); } #advsAddForm .tblm > div .tbl.p350 { width:270px; } #advsAddForm .tblm > div .tbl.rgt.flx { display:flex; } #advsAddForm .tblm > div .tbl.rgt.flx > div:nth-child(1) { width:calc(40% - 10px);margin-right:10px; } #advsAddForm .tblm > div .tbl.rgt.flx > div:nth-child(2) { width:60%; } #advsAddForm .tblm > div p { padding-right:20px; } #advsAddForm .tblm > div b { color:var(--strongFontColor)} #advsAddForm .tblm > div h1 { margin-bottom:0px; } #advsAddForm .tblm > div .select2-container { margin-bottom:0px; } #advsAddForm input[type="text"].err { border:3px solid red; } #advsAddForm p { margin:0px;color:var(--weakFontColor); } #advsAddForm input[type="text"][name="sicherheitscode"] { width:140px; } #advsAddForm input[type="text"] { padding:10px;font-size: 16px;width:100%;box-sizing:border-box;border:1px solid var(--fineLinesColor);border-radius:5px; } #advsAddForm .twocollums { column-count:2;column-gap:20px;display: block; } #advsAddForm #vmap { border-radius: 5px;overflow:hidden; } #advsAddForm textarea { width:100%;box-sizing: border-box;font-family:inherit;padding:10px;font-size:16px;border:1px solid var(--fineLinesColor);border-radius:5px;resize: vertical;min-height:100px; } #advsAddForm .honypot { height:0px;overflow:hidden;opacity:0;position:absolute; } #advsAddForm:not(.done) > .donemsg { display:none; } #advsAddForm.done > form { display:none; } #anzeigenlist .anzeigenlistbit .horizontal_advs { width:100%; } #anzeigenlist .anzeigenlistbit .horizontal_advs > .anzeige { margin-bottom:10px;width:100%;overflow:hidden;border-radius:5px; } #anzeigenlist .anzeigenlistbit .horizontal_advs > .anzeige img { width:100%;display:block; } #anzeigenlist .anzeigenlistbit .leftrow > .anzeige { margin-right:10px;width:270px;overflow:hidden;border-radius:5px; } #anzeigenlist .anzeigenlistbit .leftrow > .anzeige img { width:100%;display:block; } #anzeigenlist .anzeigenlistbit { background-color: var(--boxBgColor);margin-bottom: 20px; padding: 20px;border-radius: 5px;color:var(--weakFontColor);margin-bottom:20px; } #anzeigenlist .anzeigenlistbit .normal_advs { display:flex; } #anzeigenlist .anzeigenlistbit .anzeigenstatusbox > font { display:block;margin-bottom:5px;padding:10px;border-radius:5px;font-weight:bold;text-align:center; } #anzeigenlist .anzeigenlistbit .anzeigenstatusbox > font.red {background-color:var(--bgColorErr);color:var(--strongFontColor); } #anzeigenlist .anzeigenlistbit .anzeigenstatusbox > font.orange { background-color:var(--bgColorWarning);color:var(--strongFontColor); } #anzeigenlist .anzeigenlistbit .anzeigenstatusbox > font.green { background-color:var(--bgColorDone);color:var(--strongFontColor); } #anzeigenlist .anzeigenlistbit table tr td:nth-child(1) { padding-right:20px;min-width:33%;} #anzeigenlist .anzeigenlistbit table tr td a {color:var(--accentColor);text-decoration: none; } #anzeigenlist .anzeigenlistbit table tr td { padding:10px;box-sizing: border-box; } #anzeigenlist .anzeigenlistbit table tr:nth-child(odd) td { background-color:rgba(0,0,0,0.05); } #anzeigenlist .pagelinks { display:flex; } #anzeigenlist .pagelinks.top { margin-bottom:20px; } #anzeigenlist .pagelinks.bottom { margin-top:20px; } #anzeigenlist .pagelinks > div { margin-right:5px; color:var(--strongFontColor);background-color: var(--boxBgColor);padding:10px;border-radius:5px; } #anzeigenlist .pagelinks > div > a { color:var(--strongFontColor);text-decoration:none; } #anzeigenlist .pagelinks > div.current { background-color:var(--accentColor);font-weight:bold; } @-webkit-keyframes breathing { 0% {opacity: 0.1;}40% {opacity: 0.25;}80% {opacity: 0.1;}100% {opacity: 0.1;}} @keyframes breathing { 0% {opacity: 0.1;}40% {opacity: 0.25;}80% {opacity: 0.1;}100% {opacity: 0.1;}} @-webkit-keyframes glitch { 0% { -webkit-clip-path: var(--clip-one); clip-path: var(--clip-one); } 2%, 8% { -webkit-clip-path: var(--clip-two); clip-path: var(--clip-two); transform: translate(calc(var(--shimmy-distance) * -1%), 0); } 6% { -webkit-clip-path: var(--clip-two); clip-path: var(--clip-two); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 9% { -webkit-clip-path: var(--clip-two); clip-path: var(--clip-two); transform: translate(0, 0); } 10% { -webkit-clip-path: var(--clip-three); clip-path: var(--clip-three); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 13% { -webkit-clip-path: var(--clip-three); clip-path: var(--clip-three); transform: translate(0, 0); } 14%, 21% { -webkit-clip-path: var(--clip-four); clip-path: var(--clip-four); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 25% { -webkit-clip-path: var(--clip-five); clip-path: var(--clip-five); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 30% { -webkit-clip-path: var(--clip-five); clip-path: var(--clip-five); transform: translate(calc(var(--shimmy-distance) * -1%), 0); } 35%, 45% { -webkit-clip-path: var(--clip-six); clip-path: var(--clip-six); transform: translate(calc(var(--shimmy-distance) * -1%)); } 40% { -webkit-clip-path: var(--clip-six); clip-path: var(--clip-six); transform: translate(calc(var(--shimmy-distance) * 1%)); } 50% { -webkit-clip-path: var(--clip-six); clip-path: var(--clip-six); transform: translate(0, 0); } 55% { -webkit-clip-path: var(--clip-seven); clip-path: var(--clip-seven); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 60% { -webkit-clip-path: var(--clip-seven); clip-path: var(--clip-seven); transform: translate(0, 0); } 31%, 61%, 100% { -webkit-clip-path: var(--clip-four); clip-path: var(--clip-four); } } @keyframes glitch { 0% { -webkit-clip-path: var(--clip-one); clip-path: var(--clip-one); } 2%, 8% { -webkit-clip-path: var(--clip-two); clip-path: var(--clip-two); transform: translate(calc(var(--shimmy-distance) * -1%), 0); } 6% { -webkit-clip-path: var(--clip-two); clip-path: var(--clip-two); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 9% { -webkit-clip-path: var(--clip-two); clip-path: var(--clip-two); transform: translate(0, 0); } 10% { -webkit-clip-path: var(--clip-three); clip-path: var(--clip-three); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 13% { -webkit-clip-path: var(--clip-three); clip-path: var(--clip-three); transform: translate(0, 0); } 14%, 21% { -webkit-clip-path: var(--clip-four); clip-path: var(--clip-four); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 25% { -webkit-clip-path: var(--clip-five); clip-path: var(--clip-five); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 30% { -webkit-clip-path: var(--clip-five); clip-path: var(--clip-five); transform: translate(calc(var(--shimmy-distance) * -1%), 0); } 35%, 45% { -webkit-clip-path: var(--clip-six); clip-path: var(--clip-six); transform: translate(calc(var(--shimmy-distance) * -1%)); } 40% { -webkit-clip-path: var(--clip-six); clip-path: var(--clip-six); transform: translate(calc(var(--shimmy-distance) * 1%)); } 50% { -webkit-clip-path: var(--clip-six); clip-path: var(--clip-six); transform: translate(0, 0); } 55% { -webkit-clip-path: var(--clip-seven); clip-path: var(--clip-seven); transform: translate(calc(var(--shimmy-distance) * 1%), 0); } 60% { -webkit-clip-path: var(--clip-seven); clip-path: var(--clip-seven); transform: translate(0, 0); } 31%, 61%, 100% { -webkit-clip-path: var(--clip-four); clip-path: var(--clip-four); } } .shakeThis { animation-name: shakeAnimation;animation-duration: 0.1s;animation-iteration-count: infinite;} .glowingPulse { animation-name: glowingPulseAnimation;animation-duration: 1s;animation-iteration-count: infinite;} .glowingPulseInset { animation-name: glowingPulseAnimationInset;animation-duration: 1s;animation-iteration-count: infinite;border:1px solid red;} @keyframes shakeAnimation {0% { transform:translateX(0px);} 25% { transform:translateX(-3px);}75% {transform:translateX(3px);}100% {transform:translateX(0px);}} @-webkit-keyframes glowingPulseAnimation {0% {-webkit-box-shadow: 0 0 0 0 var(--signalFarbe);}70% {-webkit-box-shadow: 0 0 0 10px rgba(225, 98, 183, 0);}100% {-webkit-box-shadow: 0 0 0 0 rgba(225, 98, 183, 0);}} @keyframes glowingPulseAnimation { 0% { box-shadow: 0 0 0 0 var(--signalFarbe);}70% {box-shadow: 0 0 0 10px rgba(225, 98, 183, 0);}100% {box-shadow: 0 0 0 0 rgba(225, 98, 183, 0);}} @-webkit-keyframes glowingPulseAnimationInset {0% {-webkit-box-shadow: 0 0 0 0 var(--signalFarbe) inset;}70% {-webkit-box-shadow: 0 0 0 10px rgba(225, 98, 183, 0) inset;}100% {-webkit-box-shadow: 0 0 0 0 rgba(225, 98, 183, 0) inset;}} @keyframes glowingPulseAnimationInset { 0% { box-shadow: 0 0 0 0 var(--signalFarbe) inset;}70% {box-shadow: 0 0 0 10px rgba(225, 98, 183, 0) inset;}100% {box-shadow: 0 0 0 0 rgba(225, 98, 183, 0) inset;}} .btnStlyeOne { border:0;outline:0;font-family: inherit;cursor: pointer;border-radius: 3px;background-color:var(--accentColor);color:#fff!important;display: inline-block;padding: 0px 12px;height:35px;line-height:39px;box-sizing:border-box;font-size:16px;font-weight:bold; } .btnStlyeOne:hover { color:#fff !important;background-color:var(--accentColorHover);} .btnStlyeOne i { font-style:normal;background-color:#333;color:#fff !important;padding:5px;position:relative;margin-left: 2px;top: -2px;border-radius: 3px;} .select2-container { width:100% !important;margin-bottom: 10px; } .select2-search { display:none;} .select2-container--default .select2-selection--single { border:0px;background-color: #f3f3f3;font-size: 16px;min-height:28px;height:unset;border-radius: 3px; } .select2-container .select2-selection--single .select2-selection__rendered { line-height:unset;padding: 10px; padding-right: 20px;min-height: 38px; box-sizing: border-box; } .select2-container--default .select2-selection--single .select2-selection__arrow { margin-top:-13px;top:50%;} .select2-results__option--selectable { min-height:19px; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--accentColor);color:#fff; } .select2-dropdown { border: 4px solid #f3f3f3;} .select2-container--default.err .select2-selection--single { border: 2px solid red; } #loginbox { overflow-y:scroll;box-sizing: border-box;opacity:1;position: fixed;transform: translate3d(1px, 0, 0);width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 13;} #loginbox .bg { min-height: 100%;box-sizing:border-box;transition:background-color 0.3s ease-in-out 0s;background-color:rgba(0,0,0,0.3);display:flex;justify-content: center;align-items: center;padding-top:30px;padding-bottom:30px; } #loginbox:not(.scrollable) { overflow-y:hidden; } #loginbox .wrapper { transform:translateY(0%) translateZ(0);backface-visibility: hidden;perspective:10px;transition:transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0.3s;position:relative;background-color:#fff;border-radius: 5px;box-sizing: border-box;width:640px;z-index:10;border-radius:5px;overflow: hidden;opacity: 1;z-index: 4;margin: auto;} #loginbox .wrapper .inner { backface-visibility: hidden;perspective: 10px;transform:translateZ(0);transition:padding 0.3s ease-in-out 0.3s;padding-left:200px} #loginbox:not(.show) { display:none; } #loginbox:not(.in) .wrapper { transform:translateY(55%);opacity:0;padding-left:0px;width:440px; } #loginbox:not(.in) .wrapper .inner { padding-left:0px; } #loginbox:not(.in) .bg { background-color:rgba(0,0,0,0); } #loginbox.out .wrapper { padding-left:0px;width:440px; } #loginbox.out .wrapper .inner { padding-left:0px; } #loginbox[site="register"] .wrapper, #loginbox[site="confirmbox"] .wrapper, #loginbox[site="info"] .wrapper, #loginbox[site="notifications"] .wrapper { width:440px; } #loginbox[site="register"] .wrapper .inner , #loginbox[site="confirmbox"] .wrapper .inner , #loginbox[site="info"] .wrapper .inner , #loginbox[site="notifications"] .wrapper .inner { padding-left:0px; } #loginbox[state="user"] .hideForUsers { display:none; } #loginbox select, #loginbox input[type="text"], #loginbox textarea, #loginbox input[type="password"] { font-family: inherit;background-color:#f3f3f3; font-size:16px;border-radius:3px;border:0px solid #ccc;width: 100%;box-sizing:border-box; padding: 10px;} #loginbox input[name="r_username"], #loginbox input[name="l_username"] { background: #f3f3f3 url("../../images/loginbox/nsvg_user.svg") no-repeat scroll 10px 50%;padding-left:40px;background-size: auto 40%; } #loginbox input[type="password"] { margin-bottom:10px;background: #f3f3f3 none no-repeat scroll 10px 50%;padding-left:40px; background-size: auto 40%;} #loginbox input[type="password"]:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f3f3f3 inset !important; } #loginbox .pw_wrap { position:relative; } #loginbox .pw_wrap::before { content:" ";display:block;width:25px;height:25px;background: transparent url("../../images/loginbox/nsvg_key.svg") no-repeat scroll 0px 0px;background-size: 70% auto !important;position: absolute;left: 10px;top: 10px; } #loginbox [jumpTo] { color:var(--accentColor);cursor:pointer; } #loginbox input[type="submit"], #loginbox input[name="sicherheitscode"], #loginbox input[name="r_email"], #loginbox select[name="schulforen_schule"], #loginbox input[name="create_stadt"], #loginbox input[name="create_schule"], #loginbox select[name="lks"], #loginbox select[name="schulforen_stadt"], #loginbox select[name="sftyp"], #loginbox select[name="r_bundesland"], #loginbox input[name="username"], #loginbox .info { margin-bottom:10px;} #loginbox .container.err, #loginbox [name].err { border:2px solid red; } #loginbox .kleingedrucktes { margin-bottom:10px;display:block;padding:10px;background-color:#fffae7; } #loginbox[site="nachricht"] .msg { margin-bottom:25px;} #loginbox span.lb { padding:10px 0px;font-size:16px;display:inline-block;font-weight:bold; } #loginbox span.lb.nopadtop { padding-top:0px; } #loginbox form:not(#changeFileDataForm):not(#addTermineForm) { min-height: 220px;margin:0px;position:relative; } #loginbox form#changeFileDataForm { margin:0;padding:0;} #loginbox form#changeFileDataForm .choose_file { font-weight: bold;background-color:var(--accentColor);padding: 7px;font-size: 18px;position:relative;color: #FFFFFF;padding-left:30px;padding-right:30px;display:inline-block;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;cursor: pointer; } #loginbox form#changeFileDataForm .choose_file:hover, #loginbox form#changeFileDataForm .choose_file.active-helper { background-color: var(--accentColorHover);} #loginbox form#changeFileDataForm .choose_file [name="attachment_new"] { position: absolute;z-index: 1000;opacity: 0;cursor: pointer;right: 0;top: 0;height: 100%;font-size: 24px;width: 100%;cursor:pointer;} #loginbox form#changeFileDataForm .choose_file:not(.hasfile) .fnw { display:none; } #loginbox form#changeFileDataForm .choose_file .fnw .fn { font-weight:100;cursor:pointer; } #loginbox form#changeFileDataForm .choose_file.hasfile .cf { display:none; } #loginbox form#changeFileDataForm .choose_file.hasfile { background-color:#00c853; } #loginbox form#changeFileDataForm .choose_file.hasfile:hover, #loginbox form#changeFileDataForm .choose_file.hasfile.active-helper { background-color: #01c050;} #loginbox form#changeFileDataForm .progress { border-radius: 5px;height:40px;position:relative;box-shadow: 0px 0px 9px rgba(0,0,0,0.3) inset;} #loginbox form#changeFileDataForm .progress .percentage { position:absolute;height:40px;right:0px;top:0px;bottom:0px;line-height:40px;font-weight:600;font-size:30px;left:0;text-align:center; } #loginbox form#changeFileDataForm .progress .bar { border-radius:5px;clip-path: inset(0 0 0 0);height:40px;width:0%;background-color:#00c853;transition: width 0.2s ease-in-out 0s; } #loginbox form#changeFileDataForm .progress .bar .percentage { color:#fff; } #loginbox form#changeFileDataForm .progress .percentage font { font-size: 23px;position: relative;right: -3px;top: -1px; } #loginbox form#changeFileDataForm .ul_error_msgs { text-align:left;padding-top:10px; } #loginbox form#changeFileDataForm .ul_error_msgs > div { background-color: #ffdcdc;color: red;margin-top: 10px;padding: 10px;border-radius: 5px;} #loginbox form#changeFileDataForm.uploading .choose_file , #loginbox form#changeFileDataForm.uploading .restrictions, #loginbox form#changeFileDataForm:not(.uploading) .progress, #loginbox form#changeFileDataForm:not(.hasError) .ul_error_msgs { display:none; } #loginbox form#changeFileDataForm #fileMetadata .cstm_au_ul_check [type="checkbox"]:not(:checked) + label, #loginbox form#changeFileDataForm #fileMetadata .cstm_au_ul_check [type="radio"]:not(:checked) + label { background-color: rgba(0,0,0,0.05) !important; } #loginbox .help { color:#929292 !important;cursor:pointer; } #loginbox .help:hover { color:#666262 !important;} #loginbox .actions { text-align:center;} #loginbox [site] { box-sizing:border-box;position: relative;padding:30px;background-color:#fff;opacity:1; } #loginbox:not([site="changesettings"]) [site="changesettings"], #loginbox:not([site="changePw"]) [site="changePw"], #loginbox:not([site="changeAvatar"]) [site="changeAvatar"], #loginbox:not([site="orden"]) [site="orden"], #loginbox:not([site="kontakt"]) [site="kontakt"], #loginbox:not([site="agb"]) [site="agb"], #loginbox:not([site="dsgvo"]) [site="dsgvo"], #loginbox:not([site="confirmbox"]) [site="confirmbox"], #loginbox:not([site="info"]) [site="info"], #loginbox:not([site="impressum"]) [site="impressum"], #loginbox:not([site="notifications"]) [site="notifications"], #loginbox:not([site="changeMail"]) [site="changeMail"], #loginbox:not([site="sessions"]) [site="sessions"], #loginbox:not([site="deleteAccount"]) [site="deleteAccount"], #loginbox:not([site="socialmedialogin"]) [site="socialmedialogin"], #loginbox:not([site="forgot_username"]) [site="forgot_username"], #loginbox:not([site="forgotpw"]) [site="forgotpw"], #loginbox:not([site="register_resend"]) [site="register_resend"], #loginbox:not([site="nachricht"]) [site="nachricht"], #loginbox:not([site="register"]) [site="register"], #loginbox:not([site="login"]) [site="login"] { display:none; } #loginbox [site="changesettings"] , #loginbox [site="changeAvatar"] , #loginbox [site="sessions"] , #loginbox [site="deleteAccount"] , #loginbox [site="changePw"] , #loginbox [site="orden"] , #loginbox [site="changeMail"] { min-height:350px; } #loginbox[site="confirmbox"].load [site="confirmbox"]::after, #loginbox[site="info"].load [site="info"]::after, #loginbox[site="changesettings"].load [site="changesettings"]::after, #loginbox[site="changePw"].load [site="changePw"]::after, #loginbox[site="changeAvatar"].load [site="changeAvatar"]::after, #loginbox[site="orden"].load [site="orden"]::after, #loginbox[site="kontakt"].load [site="kontakt"]::after, #loginbox[site="agb"].load [site="agb"]::after, #loginbox[site="dsgvo"].load [site="dsgvo"]::after, #loginbox[site="confirmbox"].load [site="confirmbox"]::after, #loginbox[site="info"].load [site="info"]::after, #loginbox[site="impressum"].load [site="impressum"]::after, #loginbox[site="notifications"].load [site="notifications"]::after, #loginbox[site="changeMail"].load [site="changeMail"]::after, #loginbox[site="sessions"].load [site="sessions"]::after, #loginbox[site="deleteAccount"].load [site="deleteAccount"]::after, #loginbox[site="forgotpw"].load [site="forgotpw"]::after, #loginbox[site="forgot_username"].load [site="forgot_username"]::after, #loginbox[site="register_resend"].load [site="register_resend"]::after, #loginbox[site="socialmedialogin"].load [site="socialmedialogin"]::after, #loginbox[site="register"].load [site="register"]::after, #loginbox[site="login"].load [site="login"]::after { content:" ";position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(255,255,255,0.5);z-index:1; } #loginbox[site="confirmbox"].load [site="confirmbox"]::before, #loginbox[site="info"].load [site="info"]::before, #loginbox[site="changesettings"].load [site="changesettings"]::before, #loginbox[site="changePw"].load [site="changePw"]::before, #loginbox[site="changeAvatar"].load [site="changeAvatar"]::before, #loginbox[site="orden"].load [site="orden"]::before, #loginbox[site="kontakt"].load [site="kontakt"]::before, #loginbox[site="agb"].load [site="agb"]::before, #loginbox[site="impressum"].load [site="impressum"]::before, #loginbox[site="notifications"].load [site="notifications"]::before, #loginbox[site="dsgvo"].load [site="dsgvo"]::before, #loginbox[site="confirmbox"].load [site="confirmbox"]::before, #loginbox[site="info"].load [site="info"]::before, #loginbox[site="changeMail"].load [site="changeMail"]::before, #loginbox[site="sessions"].load [site="sessions"]::before, #loginbox[site="deleteAccount"].load [site="deleteAccount"]::before, #loginbox[site="forgotpw"].load [site="forgotpw"]::before, #loginbox[site="forgot_username"].load [site="forgot_username"]::before, #loginbox[site="register_resend"].load [site="register_resend"]::before, #loginbox[site="socialmedialogin"].load [site="socialmedialogin"]::before, #loginbox[site="register"].load [site="register"]::before, #loginbox[site="login"].load [site="login"]::before { content:" ";position:absolute;z-index:2;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:50px;height:50px;background:url("../../images/loginbox/tail-spin.svg") center center no-repeat transparent;background-size:100% auto; } #loginbox .error > div { background-color:#cd1515;color:#fff;text-align:center;padding: 10px;border-radius: 3px;margin-bottom: 10px;} #loginbox .squaredThree {width: 20px;position: absolute;margin:0px;} #loginbox .squaredThree label {width: 20px;height: 20px;cursor: pointer;position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);background:#f3f3f3;border-radius: 4px;border:1px solid #ccc;} #loginbox .squaredThree label:after {content: '';width: 9px;height: 5px;position: absolute;top: 4px;left: 4px;border: 3px solid #333;border-top: none;border-right: none;background: transparent;opacity: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} #loginbox .squaredThree label:hover::after { opacity: 0.3;} #loginbox .squaredThree input[type=checkbox] { visibility: hidden;} #loginbox .squaredThree input[type=checkbox]:checked + label:after { opacity: 1;} #loginbox .rememberme_outer { position:relative;margin-top:0px;} #loginbox .rememberme { display:block;height:33px;padding-left:31px;line-height:23px;} #loginbox .logo { margin-bottom:10px;} #loginbox .close { height: 30px;width: 30px;cursor: pointer;background: url("../../images/loginbox/close.svg") center center no-repeat rgba(0,0,0,0);border-radius:3px;background-size:60% auto;position: absolute;right: 20px;top: 28px;z-index: 2;} #loginbox .close:hover { background-color:rgba(0,0,0,0.1); } #loginbox .leftside { transform:translateX(0%);width:200px;position:absolute;top:0;bottom:0;left:0;background:url("../../images/loginbox/new_mp_spring.jpg?v=12") 65% bottom no-repeat transparent;background-size:auto 100% ; } #loginbox .leftside .usermenu { display:none; } #loginbox .leftside .usermenu { margin:0;padding:0;list-style: none; } #loginbox .leftside .usermenu li { padding:10px;padding-left: 20px;cursor:pointer;position:relative; } #loginbox .leftside .usermenu li:hover::after { content:" ";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.05); } #loginbox .leftside .usermenu li[action="changesettings"] { background:url(../../images/loginbox/settings2.svg) center left 11px no-repeat transparent;background-size:auto 21px;padding-left: 40px; } #loginbox .leftside .usermenu li[action="changePw"] { background:url(../../images/loginbox/password.svg) center left 11px no-repeat transparent;background-size: auto 20px;padding-left: 40px; } #loginbox .leftside .usermenu li[action="orden"] { background:url(../../images/loginbox/orden.svg) center left 14px no-repeat transparent;background-size:auto 24px;padding-left: 40px; } #loginbox .leftside .usermenu li[action="changeAvatar"] { background:url(../../images/loginbox/userpic.svg) center left 11px no-repeat transparent;background-size:auto 20px;padding-left: 40px; } #loginbox .leftside .usermenu li[action="changeMail"] { background:url(../../images/loginbox/email.svg) center left 10px no-repeat transparent;background-size:auto 20px;padding-left: 40px; } #loginbox .leftside .usermenu li[action="sessions"] { background:url(../../images/loginbox/sessions.svg) center left 13px no-repeat transparent;background-size:auto 20px;padding-left: 40px; } #loginbox .leftside .usermenu li[action="deleteAccount"] { background:url(../../images/loginbox/delete.svg) center left 11px no-repeat transparent;background-size:auto 19px;padding-left: 40px; } #loginbox .leftside .usermenu li[action="logout"] { background:url(../../images/loginbox/logout.svg) center left 10px no-repeat transparent;background-size:auto 17px;padding-left: 40px; } #loginbox[site="changesettings"] .leftside, #loginbox[site="changePw"] .leftside, #loginbox[site="changeAvatar"] .leftside, #loginbox[site="orden"] .leftside, #loginbox[site="changeMail"] .leftside, #loginbox[site="sessions"] .leftside, #loginbox[site="deleteAccount"] .leftside { background-image: none;background-color:#f2f2f2;padding-top:24px; } #loginbox[site="changesettings"] .usermenu, #loginbox[site="changePw"] .usermenu, #loginbox[site="changeAvatar"] .usermenu, #loginbox[site="orden"] .usermenu, #loginbox[site="changeMail"] .usermenu, #loginbox[site="sessions"] .usermenu, #loginbox[site="deleteAccount"] .usermenu { display:block; } #loginbox[site="changesettings"] .usermenu li[action="changesettings"], #loginbox[site="changePw"] .usermenu li[action="changePw"], #loginbox[site="changeAvatar"] .usermenu li[action="changeAvatar"], #loginbox[site="orden"] .usermenu li[action="orden"], #loginbox[site="changeMail"] .usermenu li[action="changeMail"], #loginbox[site="sessions"] .usermenu li[action="sessions"], #loginbox[site="deleteAccount"] .usermenu li[action="deleteAccount"] { font-weight: bold;background-color:#fff; } #loginbox .loginSocialMedia { margin-left:2px;margin-right:2px;cursor:pointer;min-width:182px;overflow:hidden;box-sizing:border-box;position:relative;padding:0px;border-radius:3px;color:#fff;font-weight:100;font-size:16px;margin-bottom:5px;height:35px;padding-left:35px;display:inline-block;text-align:center;line-height:35px;border:1px solid var(--accentColor);color:var(--accentColor);font-weight:bold;min-width: 190px;text-align:left;} #loginbox .loginSocialMedia:hover { background-color:var(--accentColorHoverSecond); } #loginbox .loginSocialMedia[platform="Facebook"] .icon { position: absolute;left: 11px;top: 7px;width: 22px;height: 19px;background: url("../../images/loginbox/nsvg_facebook.svg") 0 0 no-repeat rgba(0,0,0,0);background-size: contain;} #loginbox .loginSocialMedia[platform="Apple"] .icon { position: absolute;left: 9px;top: 6px;width: 22px;height: 19px;background: url("../../images/loginbox/nsvg_apple.svg") 0 0 no-repeat rgba(0,0,0,0);background-size: contain;} #loginbox .loginSocialMedia[platform="Google"] .icon { position: absolute;left: 8px;top: 7px;width: 22px;height: 19px;background: url("../../images/loginbox/nsvg_google.svg") 0 0 no-repeat rgba(0,0,0,0);background-size: contain;} #loginbox strong { display: block;font-size: 20px;padding-bottom: 20px;padding-top: 13px; } #loginbox[site="confirmbox"] .msg { padding-bottom:20px; } #loginbox[site="info"] .msg { padding-bottom:20px; } #loginbox img { margin-bottom:5px;height:40px;width:140px;border: 1px solid #333;border-radius: 5px;} #loginbox .container { margin-right:3px;display: block;position: relative;padding:10px;padding-left: 45px;margin-bottom:3px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: var(--primary-font);display:inline-block;background-color:#f3f3f3;border-radius:3px;} #loginbox .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} #loginbox .checkmark {position: absolute;top: 50%;transform:translateY(-50%);left: 10px;height: 21px;width: 21px;background-color: #fff;border-radius:3px;border:0px solid #ccc;} #loginbox .container:hover { background-color: rgba(0,0,0,0.15); } #loginbox .container:hover input { background-color: #ccc;} #loginbox .container input:checked ~ .checkmark { background-color: #2196F3;} #loginbox .container[disabld="1"] { opacity:0.6; } #loginbox .checkmark:after {content: "";position: absolute;display: none;} #loginbox .container input:checked ~ .checkmark:after {display: block;} #loginbox .container .checkmark:after {left: 7px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #loginbox .container span { padding:0px; } #loginbox [site="deleteAccount"] .container { width:100%;box-sizing:border-box; } #loginbox .group { display:flex;flex-wrap:wrap;font-weight: bold;margin-bottom: 5px; } #loginbox .kurs { display:flex;flex-wrap:wrap;margin-bottom:10px; } #loginbox .kurs { display:flex;} #loginbox .kurs select:nth-child(1) { width:calc(100% - 70px);order:3;} #loginbox .kurs select:nth-child(3) { width:60px;margin-left:10px;order:4; } #loginbox .kurs .select2-container:nth-child(2) { width:calc(100% - 70px) !important;order:1; } #loginbox .kurs .select2-container:nth-child(4) { width:65px !important;margin-left:5px;order:2; } #loginbox [site]:not([subState="search"]) [subElement="sfSearch"], #loginbox [site]:not([subState="add"]) [subElement="sfCreate"] { display:none; } #loginbox .infobox {margin-bottom:10px;width:100%;padding:10px;background-color:#fffae7;box-sizing: border-box;} #loginbox .sf .checkmark { display:none; } #loginbox .sf .container { padding:5px 10px;margin-bottom:10px; } #loginbox .sf .sfSearch, #loginbox .sf .sfCreate, #loginbox .sf .typ { display:none; } #loginbox .sf .subload.load { border:1px solid red; } #loginbox .sf.search .sfSearch, #loginbox .sf.add .sfCreate { display:block; } #loginbox .sf, #loginbox .sf[step] [data-visibility] { display:none; } #loginbox .sf[step="land"], #loginbox .sf[step="stadt"], #loginbox .sf[step="schule"], #loginbox .sf[step="land"] [data-visibility="land"] , #loginbox .sf[step="stadt"] [data-visibility="land"] , #loginbox .sf[step="stadt"] [data-visibility="stadt"] , #loginbox .sf[step="schule"] [data-visibility="land"] , #loginbox .sf[step="schule"] [data-visibility="stadt"] , #loginbox .sf[step="schule"] [data-visibility="schule"] { display:block; } #loginbox [site] .kurs .infobox {margin-bottom:0px; } #loginbox [site][kurse] .kurs { display:none; } #loginbox [site]:not([kurse=""]) .kurse { display:block; } #loginbox [site][kurse="1"] .kurs[k="1"], #loginbox [site][kurse="2"] .kurs[k="1"], #loginbox [site][kurse="2"] .kurs[k="2"], #loginbox [site][kurse="3"] .kurs[k="1"], #loginbox [site][kurse="3"] .kurs[k="2"], #loginbox [site][kurse="3"] .kurs[k="3"], #loginbox [site][kurse="4"] .kurs[k="1"], #loginbox [site][kurse="4"] .kurs[k="2"], #loginbox [site][kurse="4"] .kurs[k="3"], #loginbox [site][kurse="4"] .kurs[k="4"], #loginbox [site][kurse="5"] .kurs[k="1"], #loginbox [site][kurse="5"] .kurs[k="2"], #loginbox [site][kurse="5"] .kurs[k="3"], #loginbox [site][kurse="5"] .kurs[k="4"], #loginbox [site][kurse="5"] .kurs[k="5"] { display:flex;flex-wrap:wrap; } #loginbox [site]:not([group="103"]).profile .kurse, #loginbox [site]:not([group="103"]):not([group="104"]).profile .sf, #loginbox [site]:not([group="103"]).profile .jahrgang, #loginbox [site].profile.socialmedia_registration .irrelevantForSocialMedia { display:none; } #loginbox .sf, #loginbox .kurse { padding: 0px 0px;padding-bottom:10px;border-radius: 3px;margin-bottom:0px;} #loginbox .kurse { padding-bottom:0px; } #loginbox select[name='design'] {margin-bottom:10px !important;} #loginbox .dummy { overflow:hidden;height:0px; } #loginbox i { color:rgba(0,0,0,.4); } #loginbox .pwwrap { position:relative; } #loginbox .pwwrap .viewpw { width:30px;height:30px;transform:translateY(-50%);position:absolute;top:50%;right:10px;cursor:pointer;background: url("../../images/loginbox/eye.svg") center center no-repeat rgba(0,0,0,0);background-size:60% auto;margin-top: -5px; } #loginbox .pwwrap .viewpw:hover { background-color: rgba(0,0,0,0.15);} #loginbox .pwwrap input[type="password"] { padding-right: 45px;padding-left:10px;background-image:none; } #loginbox .pwwrap input { margin-bottom:10px; } #loginbox[issocialmediauser="1"] li[action="changePw"] { display:none; } #loginbox [site="sessions"] ul { list-style:none;margin:0;padding:0;min-height:130px;} #loginbox [site="sessions"] ul li { padding:10px;border-radius:3px;margin-bottom:10px;background-color:rgba(0,0,0,0.05);padding-right:50px;position:relative; } #loginbox [site="sessions"] ul li .kill { cursor:pointer;width:30px;height:30px;top:50%;position:absolute;right:10px;background: url("../../images/loginbox/close.svg") center center no-repeat rgba(0,0,0,0.05);background-size:60% auto;transform:translateY(-50%);border-radius:3px; } #loginbox [site="sessions"] ul li .kill:hover { background-color:rgba(0,0,0,0.1); } #loginbox .kontakt { position:relative;width:100%;max-width:200px;margin-bottom:10px;background:url("../../images/kontakt.svg") no-repeat center center transparent;background-size:100% auto;margin-bottom:30px; } #loginbox .kontakt::after { padding-bottom:81%;content:" ";display:block;position:relative; } #loginbox .longTextBox { background-color: #f2f2f2;padding: 20px;border-radius: 3px;overflow-y: scroll;max-height: 500px;margin-bottom:10px;} #loginbox #addTermineForm { margin:0px;padding:0px; } #loginbox #addTermineForm .dayselect { display:flex;margin-bottom:5px; } #loginbox #addTermineForm .dayselect select:nth-child(1) { margin-right:5px;max-width:60px; } #loginbox #addTermineForm .dayselect select:nth-child(3) { max-width:80px;margin-left:5px; } #loginbox #addTermineForm [name="fach"] , #loginbox #addTermineForm [name="threadTitle"] , #loginbox #addTermineForm [name="land"] { margin-bottom:5px; } #loginbox .userposts { cursor:pointer;border-bottom: 1px solid #ccc;padding-top: 10px;padding-right:25px;position:relative; } #loginbox .userposts .hd { font-size:14px;font-weight:100;padding: 10px 0px;padding-top: 10px;padding-top: 5px;opacity: 0.5; } #loginbox .userposts .hd font:nth-child(1), #loginbox .userposts .hd font:nth-child(2) { position:relative;padding-right:15px; } #loginbox .userposts .hd font:nth-child(2)::after, #loginbox .userposts .hd font:nth-child(1)::after { content:"\2022";position:absolute;font-size:22px;top: -5px;right: 4px; } #loginbox .userposts .hd font:nth-child(2) { background:url("../../images/thread/userposts-thumbsup.svg") 0px 2px no-repeat transparent;padding-left: 14px;background-size: 11px auto; } #loginbox .userposts::after { content:" ";display:block;position:absolute;top:50%;right:0px;transform:translateY(-50%);background:url("../../images/thread/more-black.svg") center center no-repeat transparent;width: 14px;height: 14px;opacity: 0.5; } #loginbox .nextuserposts {width:100%;box-sizing:border-box;margin-top:10px;text-align: center;} #loginbox .useravatar { width: 150px;height: 150px;background-size: 100% auto;border-radius:50%;overflow:hidden;margin-bottom: 20px; } #loginbox [site="orden"] .orden { display:flex;align-items:center;justify-content: center;background-color:#f2f2f2;padding:20px;padding-bottom:0px;border-top-left-radius:3px;border-top-right-radius:3px; } #loginbox [site="orden"] .orden img { width:40px;height:40px;border:0px;} #loginbox [site="orden"] .txt { text-align:center; padding:20px;background-color:#f2f2f2;margin-bottom:10px;padding-top: 10px;border-bottom-left-radius:3px;border-bottom-right-radius:3px; } #loginbox [site="orden"] .txt .bar { position:relative;height:20px;border-radius:3px;margin-bottom:20px;box-shadow:0px 0px 10px rgba(0,0,0,0.4) inset;border:1px solid rgba(0,0,0,0.3);background-color:rgba(0,0,0,0.1); } #loginbox [site="orden"] .txt .bar > div { position:absolute;left:0;top:0;bottom:0;background-color:#ccc;background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%);border-radius:3px; } #loginbox [site="orden"] .tbl table tr td img { width:30px;height:30px;border:0px;margin-bottom:0px; } #loginbox [site="orden"] .tbl { background-color:#f2f2f2;padding:20px;border-radius:3px; margin-bottom:10px; } #loginbox [site="orden"] .tbl b { display:block;padding-top: 5px; } #loginbox [site="changeAvatar"] .avatarBoxWrapper { margin: 0 0px;margin-bottom: 20px;padding:20px;position:relative;overflow:hidden;border-radius: 15px; } #loginbox [site="changeAvatar"] .avatarBoxWrapper::after { content:" ";position:absolute;left:0;top:0;right:0;bottom:0;background: linear-gradient(45deg, rgba(10,112,153,1) 19%,rgba(48,38,79,1) 47%,rgba(48,38,79,1) 58%,rgba(190,67,150,1) 88%); opacity: 0.3;} #loginbox [site="changeAvatar"] .avatarBoxWrapper .useravatar { position:relative;margin:0 auto;z-index: 1;border: 2px solid #f2f2f2;background: url(../../images/thread/nouser-grey.svg) center center no-repeat #f2f2f2;box-shadow: 0px 0px 0px 0px #999 inset;position: relative;} .upload-form {display: flex;flex-flow: column;padding:0px;} .upload-form h1 { margin: 0;padding: 15px;font-size: 18px;font-weight: 500;color: #434850;text-align: center; } .upload-form label { text-align:center;flex-shrink:0;overflow:hidden;transition:0.2s transform 0s;color:#fff; white-space: nowrap;margin-bottom:5px;border:0px;background-color:var(--accentColor);font-size: 16px;border-radius: 5px;padding:10px;font-weight: 900;position:relative; } .upload-form label font { position:relative;z-index:1; } .upload-form label:not(:disabled):hover { cursor:pointer; } .upload-form label::after { content:" ";display:block;position:relative;height:0%;position:absolute;bottom:0;left:0;right:0;border-radius:20%;background-color:rgba(0,0,0,0.2);transition:0.2s all 0s; } .upload-form label:not(:disabled):hover::after { height:100%;border-radius:0%; } .upload-form label:disabled { opacity:0.5; } .upload-form .progress { display:none;padding: 10px;background-color:#f2f2f2;margin-bottom: 5px;text-align: center;border-radius: 5px;overflow:hidden;position:relative; } .upload-form .progress .txt { position:relative;z-index:1;font-weight:bold; } .upload-form .progress .bar { position:absolute;left:0;top:0;bottom:0;background-color:#00c853; } .upload-form[state="ready"] label { display:none; } .upload-form[state="ready"] .progress { display:block; } .upload-form input[type="file"] {appearance: none;visibility: hidden;height: 0;width: 0;padding: 0;margin: 0;} .upload-form button { width:100%; } .upload-form button:disabled { opacity:0.5; } .upload-form .result {padding-top: 15px;} .upload-form .error { background-color: #cd1515;color: #fff;text-align: center;padding: 10px;border-radius: 3px;margin-bottom: 10px; } .upload-form:not([state="done"]) .final { display:none; } .upload-form[state="done"] label, .upload-form[state="done"] button { display:none; } .upload-form .final { border-radius:5px;padding:10px;background-color:#f2f2f2;position:relative; } .upload-form .final .delete { cursor:pointer;width: 40px;background:url(../../images/loginbox/delete.svg) center center no-repeat rgba(0,0,0,0.1);background-size:auto 50% ;top:0;border-radius:5px;border-top-left-radius:0px;border-bottom-left-radius:0px;position: absolute;top:0px;right:0px;bottom:0px; } .upload-form .final .delete:hover { background-color:rgba(0,0,0,0.2); } @media screen and (max-width: 780px) { #loginbox .wrapper { width:100%;margin:0 20px; } } @media screen and (max-width: 780px) { #loginbox .leftside { overflow: hidden;width:0px; } #loginbox[site="changesettings"] .leftside, #loginbox[site="changePw"] .leftside, #loginbox[site="changeAvatar"] .leftside, #loginbox[site="orden"] .leftside, #loginbox[site="changeMail"] .leftside, #loginbox[site="sessions"] .leftside, #loginbox[site="deleteAccount"] .leftside { z-index: 1;width:100%;max-width:300px;transform: translateX(calc(-100% + 5px));overflow:visible;border-right:5px solid #f2f2f2;box-sizing:border-box;transition: transform 0.3s ease-in-out 0s; } #loginbox[site="changesettings"] strong, #loginbox[site="changePw"] strong, #loginbox[site="changeAvatar"] strong, #loginbox[site="orden"] strong, #loginbox[site="changeMail"] strong, #loginbox[site="sessions"] strong, #loginbox[site="deleteAccount"] strong { padding-left:20px; } #loginbox.expandSidebar .leftside { transform: translateX(0%);} #loginbox[site="changesettings"] .expander, #loginbox[site="changePw"] .expander, #loginbox[site="changeAvatar"] .expander, #loginbox[site="orden"] .expander, #loginbox[site="changeMail"] .expander, #loginbox[site="sessions"] .expander, #loginbox[site="deleteAccount"] .expander { position: absolute;top: 36px;right: -35px;height: 35px;width: 35px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background: url(../../images/sidebarExpander.svg) center center no-repeat #f2f2f2;background-size: 40% auto;cursor:pointer; } #loginbox[site="changesettings"] .site, #loginbox[site="changePw"] .site, #loginbox[site="changeAvatar"] .site, #loginbox[site="orden"] .site, #loginbox[site="changeMail"] .site, #loginbox[site="sessions"] .site, #loginbox[site="deleteAccount"] .site { transition: opacity 0.3s ease-in-out 0s; } #loginbox[site="changesettings"].expandSidebar .site, #loginbox[site="changePw"].expandSidebar .site, #loginbox[site="changeAvatar"].expandSidebar .site, #loginbox[site="orden"].expandSidebar .site, #loginbox[site="changeMail"].expandSidebar .site, #loginbox[site="sessions"].expandSidebar .site, #loginbox[site="deleteAccount"].expandSidebar .site { opacity:0.4; } #loginbox[site="changesettings"].expandSidebar .close, #loginbox[site="changePw"].expandSidebar .close, #loginbox[site="changeAvatar"].expandSidebar .close, #loginbox[site="orden"].expandSidebar .close, #loginbox[site="changeMail"].expandSidebar .close, #loginbox[site="sessions"].expandSidebar .close, #loginbox[site="deleteAccount"].expandSidebar .close { opacity:0.4; } #loginbox[site="changesettings"].expandSidebar .site::after , #loginbox[site="changePw"].expandSidebar .site::after , #loginbox[site="changeAvatar"].expandSidebar .site::after , #loginbox[site="orden"].expandSidebar .site::after , #loginbox[site="changeMail"].expandSidebar .site::after , #loginbox[site="sessions"].expandSidebar .site::after , #loginbox[site="deleteAccount"].expandSidebar .site::after { content:" ";display:block;position:absolute;left:0;top:0;right:0;bottom:0; } #loginbox .leftside .usermenu li { white-space:nowrap;} #loginbox .wrapper .inner { padding-left: 0px;} } #newPost { border-radius: 5px;overflow:hidden;color:var(--weakFontColor);text-align:left;position:relative;margin-bottom:10px;margin-top:0px;border:3px solid var(--boxBgColor);padding:0px; } body.shadow #newPost { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); } #newPost .s1 { color:var(--weakFontColor);text-align:left;position:relative;padding:0px;display:flex;align-items:center;flex-wrap:wrap; } #newPost .s1 > div:nth-child(1) { padding:10px; } #newPost .s1 > div:nth-child(2) { margin-left:auto;padding:10px; } #newPost .s1 > div:nth-child(3) { color:#fff;font-size:20px;font-weight: 600;transform:translateX(100%);opacity:0;position:absolute;left:0px;top:0;bottom:0;right:0;background-color:var(--signalFarbe);display:flex;align-items:center;justify-content:center;padding:20px; } #newPost .s1 h4 { font-size: 20px;font-weight: 600;margin:0px;color:var(--strongFontColor); } #newPost.hasError .s1 > div:nth-child(3) { opacity:1; transform:translateX(0%); } #newPost button:not(.contenteditableButton) { position:relative;padding:5px 15px;font-family:inherit;background-color:var(--signalFarbe);color:#fff;font-weight:800;right:0;cursor:pointer;top:0;box-sizing: border-box; line-height: 25px;margin-right:5px;text-align:center;display:inline-block;outline:0;border:0; font-size: 16px;border-radius: 5px;} #newPost button:not(.contenteditableButton):hover, #newPost button:not(.contenteditableButton).active-helper { background-color:var(--signalFarbeHover);} @media screen and (max-width: 680px) { #newPost { border:0px; } #newPost .s1 > div:nth-child(2) { padding:0px;width:100%; } #newPost .s1 > div:nth-child(1) { display:none; } #newPost .s1 > div:nth-child(2) button:nth-child(1) { width:calc(50% - 5px);margin-right:5px; } #newPost .s1 > div:nth-child(2) button:nth-child(2) { width:calc(50% - 5px);margin-right:0px;margin-left:5px; } #newPost .s1 > div:nth-child(3) { font-size:16px; } } .node_users_general { position:relative;display:inline-block;color: var(--currentlyOnlineColor);padding-left: 10px;} .node_users_general .on::before { display:inline-block;content:" ";left:0px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;position:absolute;background-color:var(--currentlyOnlineColor); } .node_users_general .on::after { content:" User online";} .node_users_general .none { display:none; } .currently_typing span { color: var(--currentlyOnlineColor);padding-left:10px; } .currently_typing span[count]::before { content:" | ";} .currently_typing span[count]::after { content:" Userer schreiben ...";} .currently_typing span[count='1']::after { content:" User schreibt ...";} #mainfeed #filter, #mainfeed #search { transition:max-height .3s ease-in-out .3s, margin 0.3s ease-in-out .3s, opacity 0.3s ease-in-out 0s;opacity:1; } #mainfeed.outAnimation #search, #mainfeed.outAnimation #filter { transition:max-height .3s ease-in-out .0s, margin .3s ease-in-out .0s, opacity .3s ease-in-out .3s; } #body[viewstate="addpost"] #search, #body[viewstate="addpost"] #filter { margin-bottom:0px;opacity:0;overflow:hidden; } #body[viewstate="addpost"] #filter.block { overflow:hidden; } #mainfeed .newPost .s1 { overflow:hidden;max-height:300px;opacity:1;transition:max-height .0s ease-in-out 0s, opacity 0s ease-in-out 0s; } #mainfeed.outAnimation .newPost .s1 { max-height:300px;opacity:1;transition:max-height .5s ease-in-out .3s, opacity .5s ease-in-out .3s; } #body[viewstate="addpost"] .newPost .s1 { max-height:0px;opacity:0; } #body[viewstate="thread"] #board { display:none; } #body[viewstate="subsite"] #board { display:none; } #body:not([viewstate="thread"]) #thread { display:none; } #body:not([viewstate="subsite"]) #subsite { display:none; } #addpost > .wrap { background-color:var(--boxBgColor);padding:10px; } #addpost input.topic { appearance:none;outline:none;font-size:17px;border:1px solid #ccc;margin-bottom:10px;border-radius:3px;background-color:#f2f2f2;padding:5px;width:100%;box-sizing:border-box; transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;font-family: var(--primary-font);font-weight: bold;font-size: 23px;padding: 10px;} #addpost .wrap h1 { margin-top:0px;color:var(--strongFontColor); } #addpost .wrap h2 { margin:0px;color:var(--strongFontColor);margin: 0px;font-weight: 100;font-size: 20px;padding-bottom: 5px;} #addpost button[name="back"] { margin-bottom:10px; } #addpost .actions { text-align:center;position:relative;margin-top:10px; } #addpost .actions.load { opacity:0.4;} #addpost .actions.load::after { content:" ";display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1; } #addpost .add { -moz-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s; } #addpost.fadeToDone .add { opacity:0; } #addpost .done { opacity:0;max-height:0px;overflow:hidden;-moz-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s; } #addpost.fadeToDoneMsg .done { max-height:unset;max-height:auto;opacity:1; } #addpost.done .add { display:none; } #addpost .done { text-align:center; } #addpost .done h1 { margin-top: 0px;font-size:35px;text-align: center;line-height:40px;color:var(--strongFontColor);margin-bottom:0px; } #addpost .done h2 { margin-top: 0px;font-weight: 100;text-align: center;color:var(--strongFontColor);margin-bottom:10px; } #addpost.load { position:relative; } #addpost.load .add { opacity:0.3; } #addpost.load::after {position:absolute;left:0;top:0;right:0;bottom:0;content:" ";display:block;background:url(../../images/addpost/tail-spin-white.svg) center center no-repeat transparent;background-size:40px auto; } body.light #addpost.load::after { background:url(../../images/addpost/tail-spin.svg) center center no-repeat transparent;background-size:40px auto; } #newPost .opts { text-align: center;display: flex;justify-content: center;flex-wrap: wrap; } #newPost .opts a { margin-bottom:5px;text-decoration:none;font-weight: bold;background-color: var(--uploadOptionMainColor);padding: 7px;font-size: 18px;position:relative;color: #fff !important;padding-left:30px;padding-right:30px;display:inline-block;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;cursor: pointer;} #newPost .opts a:hover, #newPost .opts a.active-helper { background-color: var(--uploadOptionMainColorHover);} #newPost .opts > a, #newPost .opts > button, #newPost .opts > font { margin:3px;margin-top:0px;} #newPost .opts font { font-weight: bold;background-color: var(--uploadOptionMainColor);padding: 7px;font-size: 18px;position:relative;color: #fff;padding-left:30px;padding-right:30px;display:inline-block;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;cursor: pointer;} #newPost .opts font:hover, #newPost .opts font.active-helper { background-color: var(--uploadOptionMainColorHover);} #upload { padding: 10px;margin: 0px;background-color: var(--boxBgColor); } #upload form { margin:0px; } #upload textarea, #upload input[type='text'] { border-radius:0px;background-color:#f2f2f2;border:1px solid #ccc;padding:0px;font-size:17px;font-family: var(--primary-font);border-radius: 3px;padding:10px;box-sizing:border-box;width:100%;margin-bottom:10px; } #upload textarea { min-height:150px; } #upload textarea:focus, #upload input[type='text']:focus {outline: none !important; } #upload input[type='text'][name='beschreibung_titel'] {font-weight: bold;font-size: 23px; } #upload textarea { font-family:inherit;font-size:16px; } #upload h1 { margin-top: 13px;font-size:35px;text-align: center;line-height:40px;color:#fff;margin-bottom:0px; } #upload h2 { margin-top: 0px;font-weight: 100;text-align: center;color:#fff; } #upload .choose_file { font-weight: bold;background-color: var(--uploadOptionButtonColor);padding: 7px;font-size: 18px;position:relative;color: #FFFFFF;padding-left:30px;padding-right:30px;display:inline-block;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;cursor: pointer;margin-bottom:20px;margin-top:15px; } #upload .choose_file:hover, #upload .choose_file.active-helper { background-color: var(--uploadOptionButtonColorHover);} #upload .choose_file [name="attachment_new"] { position: absolute;z-index: 1000;opacity: 0;cursor: pointer;right: 0;top: 0;height: 100%;font-size: 24px;width: 100%;cursor:pointer;} #upload .choose_file:not(.hasfile) .fnw { display:none; } #upload .choose_file .fnw .fn { font-weight:100;cursor:pointer; } #upload .choose_file.hasfile .cf { display:none; } #upload .choose_file.hasfile { background-color:var(--uploadOptionMainColor); } #upload .choose_file.hasfile:hover, #upload .choose_file.hasfile.active-helper { background-color:var(--uploadOptionMainColorHover);} #fileMetadata .cstm_au_ul_check { display:inline-block;} #fileMetadata .cstm_au_ul_check [type="checkbox"]:checked, #fileMetadata .cstm_au_ul_check [type="checkbox"]:not(:checked) { position: absolute;left: -9999px; } #fileMetadata .cstm_au_ul_check [type="checkbox"]:checked + label, #fileMetadata .cstm_au_ul_check [type="checkbox"]:not(:checked) + label {-moz-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;position: relative;margin-right:5px;margin-bottom:5px; cursor: pointer;display: inline-block;padding:5px 10px;border-radius:3px;} #fileMetadata .cstm_au_ul_check [type="checkbox"]:checked + label {padding-left: 22px;} #fileMetadata .cstm_au_ul_check [type="checkbox"]:checked + label:after, #fileMetadata .cstm_au_ul_check [type="checkbox"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background:url(../../images/upload/check.svg) center center no-repeat transparent;background-size:100% auto;position: absolute;top: 7px;left: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} #fileMetadata .cstm_au_ul_check [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0);transform: scale(0);} #fileMetadata .cstm_au_ul_check [type="checkbox"]:checked + label:after { opacity: 1;-webkit-transform: scale(1);transform: scale(1); } #fileMetadata .cstm_au_ul_check [type="checkbox"]:not(:checked) + label { background-color:#f2f2f2;} #fileMetadata .cstm_au_ul_check [type="radio"]:checked, #fileMetadata .cstm_au_ul_check [type="radio"]:not(:checked) { position: absolute;left: -9999px; } #fileMetadata .cstm_au_ul_check [type="radio"]:checked + label, #fileMetadata .cstm_au_ul_check [type="radio"]:not(:checked) + label {-moz-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;position: relative;margin-right:5px;margin-bottom:5px; cursor: pointer;display: inline-block;padding:5px 10px;border-radius:3px;} #fileMetadata .cstm_au_ul_check [type="radio"]:checked + label {padding-left: 22px;} #fileMetadata .cstm_au_ul_check [type="radio"]:checked + label:after, #fileMetadata .cstm_au_ul_check [type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background:url(../../images/upload/check.svg) center center no-repeat transparent;background-size:100% auto;position: absolute;top: 7px;left: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} #fileMetadata .cstm_au_ul_check [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0);transform: scale(0);} #fileMetadata .cstm_au_ul_check [type="radio"]:checked + label:after { opacity: 1;-webkit-transform: scale(1);transform: scale(1); } #fileMetadata .cstm_au_ul_check [type="checkbox"]:not(:checked) + label, #fileMetadata .cstm_au_ul_check [type="radio"]:not(:checked) + label { background-color: var(--transparentOverlayColor); color:var(--strongFontColor); } #fileMetadata .cstm_au_ul_check [type="checkbox"]:checked + label, #fileMetadata .cstm_au_ul_check [type="radio"]:checked + label { background-color:var(--uploadOptionButtonColor);color:#fff; } #fileMetadata .cstm_au_ul_check.active-helper [type="radio"]:not(:checked) + label, #fileMetadata .cstm_au_ul_check.active-helper [type="checkbox"]:not(:checked) + label, #fileMetadata .cstm_au_ul_check:hover [type="radio"]:not(:checked) + label, #fileMetadata .cstm_au_ul_check:hover [type="checkbox"]:not(:checked) + label { background-color:var(--transparentOverlayColor);color:var(--strongFontColor); } #fileMetadata .cstm_au_ul_check.active-helper [type="radio"]:checked + label, #fileMetadata .cstm_au_ul_check.active-helper [type="checkbox"]:checked + label, #fileMetadata .cstm_au_ul_check:hover [type="radio"]:checked + label, #fileMetadata .cstm_au_ul_check:hover [type="checkbox"]:checked + label { background-color:var(--uploadOptionButtonColorHover); } #loginbox #fileMetadata .cstm_au_ul_check [type="checkbox"]:not(:checked) + label, #loginbox #fileMetadata .cstm_au_ul_check [type="radio"]:not(:checked) + label { color:#000; } #upload input[type="submit"] { margin-top:20px;appearance:none;cursor:pointer;border:0px;font-weight: bold;background-color: var(--accentColor);padding: 7px;font-size: 18px;position:relative;color: #FFFFFF;padding-left:30px;padding-right:30px;display:inline-block;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; } #upload input[type="submit"].active-helper, #upload input[type="submit"]:hover { background-color: var(--accentColorHover); } #fileMetadata .elem.isset .cstm_au_ul_check [type="checkbox"]:not(:checked) + label { display:none; } #fileMetadata .elem:not(.isset):not(.isshow) .more { display:none; } #fileMetadata .elem.isshow .cstm_au_ul_check:not(.show) { display:none; } #upload .elem[kind="beschreibung_titel"].ul_err::after, #upload .elem[kind="beschreibung"].ul_err::after, #upload .elem[kind="beschreibung_tags"].ul_err::after{ background-color:#cf342d;width:100%; } #upload .ul_error_msgs { text-align:center;padding-top:10px; } #upload .ul_error_msgs > div { margin-bottom:10px;background-color: rgba(0,0,0,0.2);padding: 10px;border-radius: 3px;color: #ffa6a6 } #upload .elem[kind="beschreibung"]::after { bottom:3px; } #upload .elem { position:relative; } #fileMetadata .elem .more { display: inline-block;padding: 5px 10px;background-color:var(--uploadOptionMainColor);color:#fff;border-radius: 3px;margin-right: 5px;margin-bottom: 5px;cursor:pointer;} #upload .elem[kind='preis'] font { position:absolute;right:0px;top: 4px;font-size: 24px;} #upload .elem[kind='preis'] input[type="text"] { font-weight: bold;font-size: 23px; } #upload .elem[kind='preis'] h3 { position:absolute;left:0px;top:-2px; } #upload .elem[kind='agb'] .agbs { position:relative; } #upload .progress { background-color: rgba(0,0,0,0.2);border-radius: 5px;height:40px;position:relative;box-shadow: 0px 0px 9px #000 inset; } #upload .progress .percentage { position:absolute;height:40px;right:0px;top:0px;bottom:0px;line-height:40px;font-weight:600;font-size:30px;left:0;text-align:center; } #upload .progress .bar { border-radius:5px;clip-path: inset(0 0 0 0);height:40px;width:0%;background-color:#00c853;transition: width 0.2s ease-in-out 0s; } #upload .progress .bar .percentage { color:#fff; } #upload .progress .percentage font { font-size: 23px;position: relative;right: -3px;top: -1px; } #upload.hasError .progress { display:none; } #upload .ul_file { margin-bottom:20px;text-align:center;padding-top:20px;} #upload .ul_file > .urlCopy { position:relative;display:inline-block;margin:0 auto;background-color:var(--transparentOverlayColor);border:0px;overflow:hidden;border-radius:5px;margin-top: 0px;font-weight: 100;padding:10px 20px;padding-right:60px;color:var(--strongFontColor); } #upload .ul_file > .urlCopy .copy { position:absolute;right:0px;top:0px;bottom:0px;width:40px;cursor:pointer;background:url(../../images/upload/copy.svg) center center no-repeat rgba(0,0,0,0.2); background-size:40% auto; } body.light #upload .ul_file > .urlCopy .copy { background:url(../../images/upload/copy-black.svg) center center no-repeat rgba(0,0,0,0.2); background-size:40% auto; } #upload .ul_file > .urlCopy .copy:hover, #upload .ul_file > .urlCopy .copy.active-helper { background-color:rgba(0,0,0,0.4); } #upload .ul_file > .urlCopy .conf { position:absolute; } #upload .ul_file > .urlCopy:not(.copyied) .conf { display:none; } #upload .ul_file > .urlCopy.copyied .link { opacity:0; } #upload [step] { display:block; } #upload .wrap { opacity:0;transition: all 0.2s ease-in-out 0s;} #upload:not([step="1"]) [step="1"], #upload:not([step="2"]) [step="2"] , #upload:not([step="3"]) [step="3"] { height:0px;overflow:hidden; } #upload[step="1"] [step="1"] .wrap, #upload[step="2"] [step="2"] .wrap, #upload[step="3"] [step="3"] .wrap { opacity:1; } #upload .warning { background:url(../../images/upload/warning.svg) center left 5px no-repeat var(--transparentOverlayColor);background-size:auto 45px ;margin-bottom: 10px;color: var(--strongFontColor);padding: 10px;padding-left: 58px;} #upload .warningWrapper { transition: all 0.5s ease-in-out 0s;max-height:500px;overflow: hidden;opacity:1; } #upload .warningWrapper.hide { max-height:0px;opacity:0; } body.light #upload .warning { background:url(../../images/upload/warning-black.svg) center left 5px no-repeat var(--transparentOverlayColor);background-size:auto 45px ; } #textfield .warning { background:url(../../images/textfield/warning-white.svg) center left 5px no-repeat var(--transparentOverlayColor);background-size:auto 45px ;margin-bottom: 10px;color: var(--strongFontColor);padding: 10px;padding-left: 58px;} body.light #textfield .warning { background:url(../../images/textfield/warning-black.svg) center left 5px no-repeat var(--transparentOverlayColor);background-size: auto 45px;} #textfield .textareabox {border:1px solid #ccc;margin-bottom:5px;background-color:#f2f2f2;padding:10px;border-radius:3px;} #textfield .textareabox textarea.message { line-height:18px; border:0px;background-color:transparent;font-family:inherit;width:100%;padding:0px;overflow:hidden;} #textfield button:not(.contenteditableButton) { position:relative;padding:5px 15px;font-family:inherit;background-color:var(--signalFarbe);color:#fff;font-weight:800;right:0;cursor:pointer;top:0;box-sizing: border-box; line-height: 25px;margin-right:5px;text-align:center;display:inline-block;outline:0;border:0; font-size: 16px;border-radius: 5px;} #textfield button:not(.contenteditableButton):hover, #textfield button:not(.contenteditableButton).active-helper { background-color:var(--signalFarbeHover);} #textfield button.contenteditableButton { position:relative;padding:5px 15px;text-transform:uppercase;background-color:rgba(0,0,0,0.2);color:#fff;font-weight:800;right:0;cursor:pointer;top:0;box-sizing: border-box; line-height: 25px;text-align:center;display:inline-block;outline:0;border:0; font-size: 15px;border-radius: 5px;} #textfield button.contenteditableButton:hover, #textfield button.contenteditableButton.active-helper { background-color:rgba(0,0,0,0.3); } #textfield button.contenteditableButton[elem="b"] { width:30px;height:30px;background:url(../../images/textfield/bold.svg) no-repeat center center rgba(0,0,0,0.2); } #textfield button.contenteditableButton[elem="i"] { width:30px;height:30px;background:url(../../images/textfield/italic.svg) no-repeat center center rgba(0,0,0,0.2); } #textfield button.contenteditableButton[elem="sup"] { width:30px;height:30px;background:url(../../images/textfield/sup.svg) no-repeat center center rgba(0,0,0,0.2); } #textfield button.contenteditableButton[kind="url"] { width:30px;height:30px;background:url(../../images/textfield/url.svg) no-repeat center center rgba(0,0,0,0.2); } #textfield button.contenteditableButton[kind="attachment"] { width:30px;height:30px;background:url(../../images/textfield/file.svg) no-repeat center center rgba(0,0,0,0.2); } #textfield button.contenteditableButton[kind="latex"] { width:30px;height:30px;background:url(../../images/textfield/fx.svg) no-repeat center center rgba(0,0,0,0.2);background-size:21px } #textfield .latex, #textfield .url { max-height:0px;overflow:hidden;transition: all 0.2s ease-in-out 0s;margin-left: -11px;margin-right: -11px; } #textfield .bbWrapper.showUrl .url , #textfield .bbWrapper.showLatex .latex { max-height:500px;} #textfield .bbWrapper.showUrl button.contenteditableButton:not([kind="url"]) { opacity:0.4; } #textfield .bbWrapper.showLatex button.contenteditableButton:not([kind="latex"]) { opacity:0.4; } #textfield .latex > div, #textfield .url > div { display: flex;flex-wrap: wrap;margin-bottom: 5px;border-top: 2px solid #2d4658;padding: 10px; } #textfield .latex input, #textfield .url input { width:100%;padding:10px;margin-bottom:5px;border-radius:5px;border:0px;font-family: var(--primary-font); } #textfield .latex input:focus, #textfield .url input:focus { border:0px !important;outline:0; } #textfield .latex button, #textfield .url button { margin:0px;margin-left:auto; } #textfield #message { min-height:300px;font-size:17px;color:#333;overflow-y:auto;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;} #textfield #message:focus { outline:0px; } #textfield #shadowMessage { display:block;border-top:3px solid orange;width:100%;padding:10px;box-sizing:border-box;color:#333;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word; } #textfield #ghostMessage { display:block;border-top:3px solid green;width:100%;padding:10px;box-sizing:border-box;color:#333; } #textfield #message a { color:var(--accentColor) !important ; } #mathquill { background-color:#fff;color:#333 ;padding:10px;border-radius:3px;border:0px;margin-bottom:10px;width:100%;box-sizing:border-box; } #textfield .hidden { height:0px;overflow:hidden;opacity:0; } #textfield .settings { display:flex;flex-wrap: wrap; } #textfield .settings .container { color:var(--strongFontColor);height: 20px;margin-right:3px;display: block;position: relative;padding:10px;padding-left: 45px;margin-bottom:3px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: var(--primary-font);line-height: 22px;display:inline-block;background-color: var(--transparentOverlayColor);border-radius:3px;} #quickreply #textfield .settings .container { color:#000; } #textfield .settings .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} #textfield .settings .checkmark {position: absolute;top: 10px;left: 10px;height: 21px;width: 21px;background-color:var(--transparentOverlayColor);border-radius:3px;} #textfield .settings .container:hover input ~ .checkmark {background-color: var(--transparentOverlayColor);} #textfield .settings .container input:checked ~ .checkmark {background-color: #2196F3;} #textfield .settings .checkmark:after {content: "";position: absolute;display: none;} #textfield .settings .container input:checked ~ .checkmark:after {display: block;} #textfield .settings .container .checkmark:after {left: 7px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #textfield .settings .addAttachment { height:40px;margin-right:3px;margin-bottom:3px;position:relative;background-color: var(--transparentOverlayColor);border-radius:3px;padding:0px;display: inline-block;padding-left:40px;} #textfield .settings .addAttachment .icon { cursor:pointer;position:absolute;left:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(../../images/textfield/file-white.svg) no-repeat center center rgba(0,0,0,0); } body.light #textfield .settings .addAttachment .icon, #quickreply #textfield .settings .addAttachment .icon { background:url(../../images/textfield/file-black.svg) no-repeat center center rgba(0,0,0,0); } #textfield .settings .addAttachment .add { max-width:0px;transition:all .5s ease-in-out 0s;overflow:hidden; } #textfield .settings .addAttachment.expand .add {max-width:400px; } #textfield .settings .addAttachment .add input { width:100%;font-family:inherit;max-width:70px;border:0px;outline:0px;padding: 10px 0px;padding-right:10px;background-color:transparent;color:var(--strongFontColor);font-weight:bold;font-size:16px; } #textfield .settings .addAttachment.load .icon { background:url(../../images/textfield/load.svg) no-repeat center center rgba(0,0,0,0);background-size:60% auto; } #textfield .settings .attachment { color:var(--strongFontColor);height: 20px;margin-right:3px;margin-bottom:3px;position:relative;background-color: var(--transparentOverlayColor);border-radius:3px;padding:10px;display: inline-block;padding-right:40px;padding-left:40px; } #quickreply #textfield .settings .attachment { color:#000; } #textfield .settings .attachment .del { cursor:pointer;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(../../images/textfield/delete-white.svg) no-repeat center center rgba(0,0,0,0);background-size:41% auto; } body.light #textfield .settings .attachment .del, #quickreply #textfield .settings .attachment .del { background:url(../../images/textfield/delete-black.svg) no-repeat center center rgba(0,0,0,0);background-size:41% auto; } #textfield .settings .attachment::before { content:" ";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(../../images/textfield/attachment-white.svg) no-repeat center center rgba(0,0,0,0);background-size: 50% auto; } body.light #textfield .settings .attachment::before, #quickreply #textfield .settings .attachment::before { background:url(../../images/textfield/attachment-black.svg) no-repeat center center rgba(0,0,0,0);background-size: 50% auto; } #textfield[appearance="flexfull"] #message { min-height:auto !important; } #textfield[appearance="flexfull"] .settings { flex-shrink:1;} #textfield[appearance="flexfull"] , #textfield[appearance="flexfull"] .textareabox, #textfield[appearance="flexfull"] .textareabox .textareaboxinner { overflow:hidden;display:flex;align-items:stretch;width:100%;box-sizing:border-box;flex-wrap:wrap;flex-flow: column; flex-grow: 1;} #textfield[appearance="flexfull"] .textareabox .textareaboxinner #message { flex-grow: 1; } #textfield[ui="0"] .bbWrapper, #textfield[ui="0"] .settings { max-height: 0px;overflow: hidden; } #textfield[appearance="flexfull"] .url > div, #textfield[appearance="flexfull"] .latex > div { border-top: 1px solid #ccc; } #textfield[appearance="flexfull"] .settings .container, #textfield[appearance="flexfull"] .settings .addAttachment { background-color: rgba(0,0,0,0.1); } #textfield[appearance="flexfull"] .settings .addAttachment .add input { color:#333; } #textfield[appearance="flexfull"] .settings .addAttachment .icon { background:url(../../images/textfield/filedark.svg) no-repeat center center rgba(0,0,0,0); } #textfield[appearance="flexfull"] .settings .checkmark {background-color: #fff;} #textfield[appearance="flexfull"] .textareabox { border:0px; } #filter { position:relative;transition:opacity .5s ease-in-out; } #filter.block::after { content:" ";display:block;position:absolute;left:0;top:0;right:0;bottom:0; } #filter.block { opacity:0.3; } #filter li:not([kind="boardfilter"]).selected a { color:var(--filterFontColorActive) !Important; } #filter li:not([kind="boardfilter"]).selected { background-color: var(--filterBgColorAktive); } #filter { position:relative;background-color: #fff;display: block;list-style: outside none none;margin: 0;margin-bottom:10px;text-align: left;padding:10px;display: flex;align-items: center;flex-wrap:wrap;padding-bottom:0px; } #filter li:not(.filterGroup) {display: inline-block;padding: 5px 10px;position:relative;} #filter li[kind='search'] { background-color: transparent;width:100%;top:0;bottom:0;height:18px;border-radius:25px !important;overflow:hidden; } #filter li[kind='search'] input { background:url("../../images/filter/nsvg_search.svg") 13px center no-repeat var(--filterBgColor);background-size:auto 50%; position:absolute;top:0;right:0;left:0;bottom:0;border:0px;height:100%;padding:1px 10px;right:0px;width:100%;padding-left:40px;transition:none !important;border: 0px !important;box-shadow:none;outline:0;font-family: var(--primary-font);font-size: 15px;font-weight:bold;color:var(--accentColor);z-index:5;} #filter li[kind='search'] input::placeholder { color: #9c9c9c !important;opacity:1; } #filter li[kind='search'] input:not(:placeholder-shown), #filter li[kind='search'] input:focus { background:url("../../images/filter/nsvg_search_hover.svg") 13px center no-repeat var(--filterBgColor);background-size:auto 50%;color:var(--accentColor) !important; } #filter li input:focus { border:0px;outline:0; } #filter li.seperator { display: flex;width:100%;color:var(--strongFontColor);font-weight:bold;margin-bottom:3px;padding:0px;padding-bottom:10px;padding-top:10px;text-transform: uppercase;font-size: 18px;} #filter li.seperator font { display:none;} #filter li:nth-child(1) { padding-top:0px; } #filter li:not(.spacerline,.seperator,.filterGroup) { position:relative;overflow:hidden;cursor:pointer;padding:7px 11px;font-weight: bold;margin-bottom:5px;border-radius: 25px;color:#fff;background-color:var(--filterBgColor);width: 100%; } body.shadow #filter li:not(.spacerline,.seperator,.filterGroup) { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); } #filter li.filterGroup { width:100%; } #filter li[data-sortfield="starttime"], #filter li[data-sortfield="lastposttime"], #filter li[kind="daysprune"], #filter li[data-sortfield="hotscore"] { padding-left: 38px; } #filter li[data-sortfield="starttime"]::after, #filter li[kind="daysprune"]::after, #filter li[data-sortfield="lastposttime"]::after, #filter li[data-sortfield="hotscore"]::after { display:block;content:" ";position:absolute;top:0;left:0;right:0;bottom:0;z-index:4; } #filter li[kind="sortfield"][data-sortfield="hotscore"]::after { background:url("../../images/filter/nsvg_hot_white.svg") 10px center no-repeat transparent;background-size:auto 55% ; } body.light #filter li[kind="sortfield"][data-sortfield="hotscore"]::after { background:url("../../images/filter/nsvg_hot_black.svg") 10px center no-repeat transparent;background-size:auto 55% ; } #filter li[kind="daysprune"]::after { background:url("../../images/filter/nsvg_latest_white.svg") 10px center no-repeat transparent;background-size:auto 55% ; } #filter li[kind="daysprune"].selected::after { background:url("../../images/filter/nsvg_latest_lightblue.svg") 10px center no-repeat transparent;background-size:auto 55% ; } #filter li[kind="sortfield"][data-sortfield="lastposttime"]::after { background:url("../../images/filter/nsvg_latest_white.svg") 10px center no-repeat transparent;background-size:auto 55% ; } body.light #filter li[kind="sortfield"][data-sortfield="lastposttime"]::after { background:url("../../images/filter/nsvg_latest_black.svg") 10px center no-repeat transparent;background-size:auto 55% ; } #filter li[kind="sortfield"][data-sortfield="starttime"]::after { background:url("../../images/filter/nsvg_new_white.svg") 10px center no-repeat transparent;background-size:auto 55% ; } body.light #filter li[kind="sortfield"][data-sortfield="starttime"]::after { background:url("../../images/filter/nsvg_new_black.svg") 10px center no-repeat transparent;background-size:auto 55% ; } #filter li.loadhere:before {opacity:0.6;content:" ";position:absolute;top:50%;margin-top:-10px;margin-left:-10px;left:50%;width:20px;height:20px;display:inline-block;z-index:5;background:url("../../images/filter/tail-spin-white.svg") 0px 0px no-repeat transparent;background-size:100% auto;background-position:center center; } body.light #filter li.loadhere:before {background:url("../../images/filter/tail-spin.svg") 0px 0px no-repeat transparent;background-size:100% auto;background-position:center center; } #filter li:not([kind='search']):not(.loadhere, .info, .spacerline,.seperator,.filterGroup ):hover:before { display:block;content:" ";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:var(--filterBgColorHover);border-radius: 25px; } #filter li input, #filter li font, #filter li a { z-index:5;position:relative; color:var(--strongFontColor); } #filter li[kind="search"] { margin-right:0px; } #filter li.deaktiv { opacity:0.3; } #filter li[kind="boardfilter"] { margin-top:0px;padding-left:15px;margin-left:15px;display:block;padding:0px;margin-bottom: 5px;border-radius:25px;} #filter li[kind="boardfilter"] a { color:var(--strongFontColor) !important;display:block;padding-top:10px;padding-bottom:10px; } #filter li[kind="boardfilter"] a b { display:inline-block;padding-left:5px;opacity:0.4; } #filter li[kind="boardfilter"].pbs_wf a { color:#fff !important; } #filter li[kind="boardfilter"].isGlobal > a { padding-right:50px;} #filter li[kind="boardfilter"].isGlobal a::before { content: " ";display: block;border-top-right-radius:20px;border-bottom-right-radius:20px;position: absolute;right: 0;top: 0;bottom: 0;width: 40px;background: url("../../images/filter/globalGer_white.svg") right 10px bottom -5px no-repeat transparent;background-size: auto 40px;opacity: 0.3; } body.light #filter li[kind="boardfilter"].isGlobal a::before { opacity:0.2;background: url("../../images/filter/globalGer_black.svg") right 10px bottom -5px no-repeat transparent;background-size: auto 40px; } #filter li.add { padding: 0px;margin-top:0px;overflow:hidden;border-radius: 17px;margin-left:15px; } #filter li.add > div {height:32px;border-radius: 17px;position:relative;z-index:3;padding: 0 14px;line-height:32px;} #filter li.add.load::before { content:" ";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:url("../../images/filter/tail-spin.svg") center center no-repeat rgba(0,0,0,0.1);background-size:auto 40% ; } #filter li.add.load > div { opacity:0; } #filter li:not(.add).load > div { color:transparent; } #filter li:not(.add).load > div::after { content:" ";position:absolute;left:0;right:0;top:0;bottom:0;background:url("../../images/filter/tail-spin.svg") center center no-repeat rgba(0,0,0,0);background-size:auto 40% ;} #filter li.spacerline { background-color:transparent;padding:0px;width:100%;margin:0px; } #filter li.loadhere a, #filter li.loadhere::after { opacity:0.2 !important; } #filter li.loadhere { background:none 10px center no-repeat var(--filterBgColorAktive) !important; } #filter li.loadhere::after { background-image:none !important; } #filter:not(.showAll) li[kind="boardfilter"][state=""] { display:none; } #filter li[kind="boardfilter"].selected { overflow:visible; } #filter li[kind="boardfilter"][state="visible"] { background-color:var(--filterBgColorAktive); } #filter li[kind="boardfilter"][state="visible"] a { color:var(--filterFontColorActive) !important; } body.light #filter li[kind="boardfilter"][state="visible"] { background-color:var(--filterBgColorAktive); } body.light #filter li[kind="boardfilter"][state="visible"].isGlobal a::before { background: url("../../images/filter/globalGer_white.svg") right 10px bottom -5px no-repeat transparent !important;background-size: auto 40px !important; } #filter.showAll li[kind="boardfilter"][state="transparent"] { opacity:1; } #filter.showAll li[kind="boardfilter"].selected::after { content:" ";width:20px;height:20px;background:url("../../images/filter/nsvg_check-black.svg") center center no-repeat var(--strongFontColor);background-size:50% auto;position:absolute;right: -3px;bottom: -4px;border-radius: 50%;} body.light #filter.showAll li[kind="boardfilter"].selected::after { background:url("../../images/filter/nsvg_check-white.svg") center center no-repeat var(--strongFontColor);background-size:50% auto; } #filter .smart_circles_add { background-color: var(--signalFarbe) !important; } #filter .smart_circles_add:hover { background-color: var(--signalFarbeHover); } #filter ol.allVisible .smart_circles_add { display:none; } #filter.showAll .smart_circles_add font:nth-child(1) { display:none; } #filter .smart_circles_add font { color:#fff; } #filter:not(.showAll) .smart_circles_add font:nth-child(2) { display:none; } #filter li.info { width:100%;text-align:center;border:1px solid rgba(255,165,23,1);color:rgba(255,165,23,1);padding:5px;border-radius:3px;margin-right:0px; } #filter { background-color:transparent;padding:0px; } #filter li.expandBundeslaender {margin-right:0px;padding-left: 40px;color:#fff; } #filter li.expandBundeslaender { background:url("../../images/filter/back_arrow_white.svg") center left 5px no-repeat var(--filterBgColor); background-size: auto 100%; } body.light #filter li.expandBundeslaender { background: url("../../images/filter/back_arrow.svg") center left 5px no-repeat var(--filterBgColor); background-size: auto 100%; } #filter:not(.showBundeslaender) ol:not(.allVisible) li[kind="blandfilter"]:not(.selected) , #filter.showBundeslaender li[kind="boardfilter"] , #filter.showBundeslaender li.expandBundeslaender, #filter ol.allVisible li.expandBundeslaender, #filter.showBundeslaender .smart_circles_add { display:none; } #body[viewstate="thread"] #filter [kind="sortfield"], #body[viewstate="thread"] #filter [kind="sortfilter"], #body[viewstate="thread"] #filter .seperator:not(.bland), #body[viewstate="thread"] #toogleStyle, #body[viewstate="attachment"] #filter [kind="sortfield"], #body[viewstate="attachment"] #filter [kind="sortfilter"], #body[viewstate="attachment"] #filter .seperator:not(.bland), #body[viewstate="attachment"] #toogleStyle { display:none; } #filter .filterGroup > ol { list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap; } #threadbit .updates { transition:all .5s ease-in-out;width:100%; } #threadbit .updates span { display:flex;align-items:center;background-color: var(--boxBgColor);font-weight: bold;padding: 10px;margin-bottom: 10px;width: 100%;box-sizing: border-box;color:var(--strongFontColor);text-align: left;} #threadbit .updates button { position: relative;overflow: hidden;cursor: pointer;padding: 7px 11px;font-weight: bold;margin-left: auto;border-radius: 25px;color:var(--strongFontColor);background-color: var(--transparentOverlayColor);border:0px;} #threadbit .updates button:hover:before { display:block;content:" ";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:var(--filterBgColorHover);border-radius: 25px; } #threadbit .updates:not(.in) { max-height:0px;opacity:0; } #threadbit .updates.in { max-height:100px;opacity:1; } #threadbit .threadbit { border-radius:5px;position: relative;text-align: left;width: 100%;margin-bottom:2px;cursor: pointer;position: relative;display: flex;align-items: stretch;background-color: var(--boxBgColor);padding: 7px 10px;box-sizing:border-box; } body.shadow #threadbit .threadbit { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); } #threadbit .threadbit a.urltothread { font-weight: 900;font-size: 20px;color:var(--strongFontColor) } #threadbit .threadbit .postmessage{ padding-top: 5px;width: 100%;color:var(--weakFontColor); overflow-wrap: break-word;word-break: break-all;} #threadbit .threadbit .lastpost { font-weight:bold;background-image: none;padding-left: 0px;display: block;padding-bottom:5px;color: var(--weakFontColor);} #threadbit .threadbit .gotolastpost, #threadbit .replycount { opacity:var(--weakestOpacity);height:30px;line-height:30px;white-space:nowrap;width: unset;padding: 0 10px;padding-left: 30px;font-size: 12px;font-weight: bold;font-family: arial;color: var(--strongFontColor) !important;border-radius: 5px;display: inline-block;} #threadbit .threadbit .gotolastpost {margin-right:10px;} #threadbit .replycount { background: url("../../images/threadbit/comment-white.svg") left 2px center no-repeat transparent;background-size: auto 60%;} body.light #threadbit .replycount { background: url("../../images/threadbit/comment-black.svg") left 2px center no-repeat transparent;background-size: auto 60%;} #threadbit .threadbit .gotolastpost { background: url("../../images/threadbit/lastpost-white.svg") left 5px center no-repeat transparent;background-size: auto 46%; } body.light #threadbit .threadbit .gotolastpost { background: url("../../images/threadbit/lastpost-black.svg") left 5px center no-repeat transparent;background-size: auto 46%; } #threadbit .hilfreich {display: inline-block;border: 0;position: relative;border-radius: 15px;background-color:var(--transparentOverlayColor);margin-right: 6px; } #threadbit .hilfreich .wrap { display: flex;padding: 0 3px;align-items:center; } #threadbit .hilfreich .wrap > div { padding:5px;font-size: 12px;font-weight: bold;font-family: arial;color: var(--weakestFontColor) !important; } #threadbit .hilfreich .rateup , #threadbit .hilfreich .ratedown { width: 18px;height: 18px;opacity:var(--weakestOpacity); } #threadbit .hilfreich .rateup { padding-right:8px;background:url("../../images/threadbit/thumpup-white.svg") center center no-repeat transparent;background-size:17px; } #threadbit .hilfreich .ratedown { background:url("../../images/threadbit/thumpdown-white.svg") center center no-repeat transparent;top: 1px;position: relative;background-size:17px; } body.light #threadbit .hilfreich .ratedown { background:url("../../images/threadbit/thumpdown-black.svg") center center no-repeat transparent;background-size:17px; } body.light #threadbit .hilfreich .rateup { background:url("../../images/threadbit/thumpup-black.svg") center center no-repeat transparent;background-size:17px; } #threadbit .threadbit.threadclosed .closed, #threadbit .threadbit.pinedtotop .pined { margin-right:5px;height: 20px;padding: 2px 8px;display: inline-block;padding-left: 25px;border-radius:5px;line-height: 17px;position: relative;top: -2px;color:var(--weakFontColor); } #threadbit .threadbit.pinedtotop .pined { background: url('../../images/threadbit/pined-white.svg') left 6px center no-repeat var(--transparentOverlayColor);background-size: auto 50%; } body.light #threadbit .threadbit.pinedtotop .pined { background: url('../../images/threadbit/pined-black.svg') left 6px center no-repeat var(--transparentOverlayColor);background-size: auto 50%;} #threadbit .threadbit.threadclosed .closed { background: url('../../images/threadbit/closed-white.svg') left 6px center no-repeat var(--transparentOverlayColor);background-size: auto 50%; } body.light #threadbit .threadbit.threadclosed .closed { background: url('../../images/threadbit/closed-black.svg') left 6px center no-repeat var(--transparentOverlayColor);background-size: auto 50%; } #threadbit:not(.load) .threadbit:not(.load).new::after { background: -moz-linear-gradient(-45deg, rgba(168,50,113,0.4) 0%, rgba(255,255,255,0.02) 50%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(-45deg, rgba(168,50,113,0.4) 0%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0) 100%);background: linear-gradient(135deg, rgba(168,50,113,0.4) 0%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0aa83271', endColorstr='#00ffffff',GradientType=1 );content:' ';position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;} body.light #threadbit:not(.load) .threadbit:not(.load).new::after { background: -moz-linear-gradient(-45deg, rgba(168,50,113,0.2) 0%, rgba(255,255,255,0.02) 50%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(-45deg, rgba(168,50,113,0.2) 0%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0) 100%);background: linear-gradient(135deg, rgba(168,50,113,0.2) 0%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0aa83271', endColorstr='#00ffffff',GradientType=1 ); } #threadbit .new > div { z-index:1; } #threadbit > div {transform:scale(1);transition:transform 0.3s ease-in-out 0s;border-radius:5px; } body.shadow #threadbit > div { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); } #threadbit .highlight { transform:scale(1.2); } #threadbit .threadbit:not(.pinedtotop) .pined, #threadbit .threadbit:not(.threadclosed) .closed { display:none; } #threadbit .threadbit.attachment .gotolastpost, #threadbit .threadbit.attachment .lastpost { display:none; } #threadbit .threadbit.attachment .in { padding-left:50px; } #threadbit .threadbit.attachment .in::before { left:0px;content:" ";position:absolute;top:8px;bottom:8px;width:50px;background: url("../../images/threadbit/download.svg") center center no-repeat var(--transparentOverlayColor);background-size:26px auto;border-top-right-radius:15px;border-bottom-right-radius:15px; } #threadbit .threadbit.attachment .in .badge { display:inline-block;font-size:12px;font-weight:bold;padding:3px 10px;background-color:#f2f2f2;border-radius:3px;line-height:16px;margin-right:5px; } #threadbit .threadbit.attachment .in .badge.verifiziert { background-color:#afca1e;color:#fff; } #threadbit .threadbit.attachment .in .badge.top { background-color:#f2a602;color:#fff; } #threadbit .attachmentbit a { font-weight: 100;font-size: 20px;color:#fff; } #threadbit .attachmentbit { background-color:var(--boxBgColor);background-size: auto 49%;cursor:pointer;position:relative;margin-bottom:10px;} #threadbit .attachmentbit .in::after { content:" ";display:block;position:absolute;left:0;top:0;bottom:0;background:url("../../images/threadbit/download.svg") center center no-repeat rgba(0,0,0,0.2);background-size: 26px auto;width:50px;} #threadbit .attachmentbit .in { padding: 7px 10px;padding-left: 60px; } #threadbit .attachmentbit .badge { display:inline-block;font-size:12px;font-weight:bold;padding:3px 10px;background-color:#f2f2f2;border-radius:3px;line-height:16px;margin-right:5px;transform: translateY(-3px); } #threadbit .attachmentbit .badge.verifiziert { background-color:#afca1e;color:#fff; } #threadbit .attachmentbit .badge.top { background-color:#f2a602;color:#fff; } #threadbit.load > div, #threadbit > div.load { position:relative;overflow:hidden; } #threadbit.load > div > div, #threadbit > div.load > div { opacity:0; } #threadbit.load > div::after, #threadbit > div.load::after { content:" ";display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;animation-duration: 1.25s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: rgba(0,0,0,1);background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(255,255,255,.05) 18%, rgba(0,0,0,0) 33%);background-size: 100% 100%;transform:translateX(0%);} body.light #threadbit > div.load::after { background: rgba(0,0,0,1);background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(0,0,0,.05) 18%, rgba(0,0,0,0) 33%);background-size: 100% 100%;transform:translateX(0%);} #threadbit .pagenavigation { position:relative; } #threadbit .pagenavigation .counter { display:inline-block;padding-right:5px; } #threadbit .pagenavigation .counter.hidden { display:none; } #threadbit .pagenavigation a { border-radius: 3px;background-color:var(--accentColor);color:#fff;display:block;padding:10px;text-align: center;font-weight: bold; } #threadbit .pagenavigation.prev { padding-top:5px;padding-bottom:5px; } #threadbit .pagenavigation .loading { width:35;height:35px;display:block;margin:0 auto;margin-top:10px;background:url("../../images/filter/tail-spin-white.svg") center center no-repeat transparent;background-size: auto 100%;} body.light #threadbit .pagenavigation .loading { background:url("../../images/filter/tail-spin.svg") center center no-repeat transparent;background-size: auto 100%;} #threadbit .pagenavigation.prev .loading { margin-top:0px;margin-bottom:10px; } @keyframes placeHolderShimmer{0% {transform:translateX(0%);}50%{transform:translateX(50%);}100%{transform:translateX(100%);}} #threadbit.load > div::after { content:" ";display:block;position:absolute;left:0;top:0;bottom:0;right:0; } #threadbit .foot { display:flex;align-items:center;padding-top:10px;} #threadbit .new_nothread { background-color: var(--boxBgColor);text-align: center;padding: 20px;margin-bottom:5px;margin-bottom: 10px; } #threadbit .new_nothread h1, #threadbit .new_nothread p { padding:0px;margin:0px;color:var(--weakFontColor); } #threadbit .new_nothread h1 { color: var(--strongFontColor); } body.shadow #threadbit .new_nothread { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);} #threadbit.load .new_nothread p, #threadbit.load .new_nothread h1 { opacity:0; } #threadbit > #notificationQuickChange { margin-bottom:2px;border-bottom:0px;border-radius:5px; } @media screen and (max-width: 415px) { #threadbit .threadbit .replycount font, #threadbit .threadbit .gotolastpost { display:none; } } #termine { margin-bottom:2px; background-color:var(--boxBgColor); } #termine .terminebit { position:relative;padding:5px;color: var(--strongFontColor);display:flex;align-items: center;background:url(../../images/termine/termin-white.svg) center left 10px no-repeat transparent;padding-left:36px;background-size: auto 17px;} body.light #termine .terminebit { background:url(../../images/termine/termin-black.svg) center left 10px no-repeat transparent;background-size: auto 17px;} #termine .terminebit span { margin-left:auto;color:var(--weakestFontColor);padding-left:5px;font-style: italic; } #termine .terminebit a { color:inherit; } #termine .terminebit[kind='add'] { text-align:right;justify-content: right;display:flex;background-image:none !important; } #termine button { font-family: inherit;border:0px;font-size: 16px;padding: 0px 10px;border-radius: 3px;margin-left:5px; background:url(../../images/termine/add.svg) center left 5px no-repeat var(--signalFarbe);color: #fff;font-weight: 800;padding-left:25px;background-size: auto 17px;right: 0;cursor: pointer;top: 0;height: 100%;box-sizing: border-box;line-height: 28px;} #termine button:hover, #termine button.active-helper { background-color:var(--signalFarbeHover);} #termine button[name="delete"] { margin-left:10px;width: 25px;height: 25px;padding: 0px;flex-shrink: 0;background: url(../../images/thread/delete-white.svg) center center no-repeat var(--signalFarbe);background-size: 45% auto;} #filter li[kind="boardfilter"].pbs_bg.pbs_this::after { display:block;margin-right:10px; content:" ";position:absolute;top:50%;left:10px;transform:translateY(-50%);width:15px;height:15px;border-radius:50%;background-color: #333 ; } #filter li[kind="boardfilter"].pbs_bg.pbs_this { padding-left:35px; } #threadbit .threadbit .lastpost::after { display:block;margin-right:10px; content:" ";position:absolute;top:1px;left:0px;width:15px;height:15px;border-radius:50%;background-color: #333; } #threadbit .threadbit .lastpost { position:relative;padding-left:24px; } .pbs_bg.color_sprache .pbs_this { color:var(--akzentFarbe01) !important; } .pbs_bg.color_sprache .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_sprache.pbs_this::after { background-color:var(--akzentFarbe01) !important; } .pbs_bg.color_fsprache .pbs_this { color:var(--akzentFarbe02) !important; } .pbs_bg.color_fsprache .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_fsprache.pbs_this::after { background-color:var(--akzentFarbe02) !important; } .pbs_bg.color_kunst .pbs_this { color:var(--akzentFarbe03) !important; } .pbs_bg.color_kunst .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_kunst.pbs_this::after { background-color:var(--akzentFarbe03) !important; } .pbs_bg.color_math .pbs_this { color:var(--akzentFarbe04) !important; } .pbs_bg.color_math .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_math.pbs_this::after { background-color:var(--akzentFarbe04) !important; } .pbs_bg.color_natur .pbs_this { color:var(--akzentFarbe05) !important; } .pbs_bg.color_natur .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_natur.pbs_this::after { background-color:var(--akzentFarbe05) !important; } .pbs_bg.color_gesel .pbs_this { color:var(--akzentFarbe06) !important; } .pbs_bg.color_gesel .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_gesel.pbs_this::after { background-color:var(--akzentFarbe06) !important; } .pbs_bg.color_poli .pbs_this { color:var(--akzentFarbe07) !important; } .pbs_bg.color_poli .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_poli.pbs_this::after { background-color:var(--akzentFarbe07) !important; } .pbs_bg.color_werte .pbs_this { color:var(--akzentFarbe08) !important; } .pbs_bg.color_werte .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_werte.pbs_this::after { background-color:var(--akzentFarbe08) !important; } .pbs_bg.color_sport .pbs_this { color:var(--akzentFarbe09) !important; } .pbs_bg.color_sport .pbs_this.lastpost::after, #filter li[kind="boardfilter"].pbs_bg.color_sport.pbs_this::after { background-color:var(--akzentFarbe09) !important; } body:not(.light) #filter li[kind="boardfilter"].pbs_bg.pbs_this::after { background-color: #fff ; } body:not(.light) #threadbit .threadbit .lastpost::after { background-color: #fff; } body:not(.light) .pbs_bg.color_sprache .pbs_this { color:var(--akzentFarbe01Saturated) !important; } body:not(.light) .pbs_bg.color_sprache .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_sprache.pbs_this::after { background-color:var(--akzentFarbe01Saturated) !important; } body:not(.light) .pbs_bg.color_fsprache .pbs_this { color:var(--akzentFarbe02Saturated) !important; } body:not(.light) .pbs_bg.color_fsprache .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_fsprache.pbs_this::after { background-color:var(--akzentFarbe02Saturated) !important; } body:not(.light) .pbs_bg.color_kunst .pbs_this { color:var(--akzentFarbe03Saturated) !important; } body:not(.light) .pbs_bg.color_kunst .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_kunst.pbs_this::after { background-color:var(--akzentFarbe03Saturated) !important; } body:not(.light) .pbs_bg.color_math .pbs_this { color:var(--akzentFarbe04Saturated) !important; } body:not(.light) .pbs_bg.color_math .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_math.pbs_this::after { background-color:var(--akzentFarbe04Saturated) !important; } body:not(.light) .pbs_bg.color_natur .pbs_this { color:var(--akzentFarbe05Saturated) !important; } body:not(.light) .pbs_bg.color_natur .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_natur.pbs_this::after { background-color:var(--akzentFarbe05Saturated) !important; } body:not(.light) .pbs_bg.color_gesel .pbs_this { color:var(--akzentFarbe06Saturated) !important; } body:not(.light) .pbs_bg.color_gesel .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_gesel.pbs_this::after { background-color:var(--akzentFarbe06Saturated) !important; } body:not(.light) .pbs_bg.color_poli .pbs_this { color:var(--akzentFarbe07Saturated) !important; } body:not(.light) .pbs_bg.color_poli .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_poli.pbs_this::after { background-color:var(--akzentFarbe07Saturated) !important; } body:not(.light) .pbs_bg.color_werte .pbs_this { color:var(--akzentFarbe08Saturated) !important; } body:not(.light) .pbs_bg.color_werte .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_werte.pbs_this::after { background-color:var(--akzentFarbe08Saturated) !important; } body:not(.light) .pbs_bg.color_sport .pbs_this { color:var(--akzentFarbe09Saturated) !important; } body:not(.light) .pbs_bg.color_sport .pbs_this.lastpost::after, body:not(.light) #filter li[kind="boardfilter"].pbs_bg.color_sport.pbs_this::after { background-color:var(--akzentFarbe09Saturated) !important; } /** body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_sprache.pbs_this a { color:var(--akzentFarbe01Saturated) !important; } body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_fsprache.pbs_this a { color:var(--akzentFarbe02Saturated) !important; } body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_kunst.pbs_this a { color:var(--akzentFarbe03Saturated) !important; } body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_math.pbs_this a { color:var(--akzentFarbe04Saturated) !important; } body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_natur.pbs_this a { color:var(--akzentFarbe05Saturated) !important; } body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_gesel.pbs_this a { color:var(--akzentFarbe06Saturated) !important; } body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_poli.pbs_this a { color:var(--akzentFarbe07Saturated) !important; } body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_werte.pbs_this a { color:var(--akzentFarbe08Saturated) !important; } body:not(.light) #filter li[kind="boardfilter"][state="visible"].pbs_bg.color_sport.pbs_this a { color:var(--akzentFarbe09Saturated) !important; } **/ #thread .threadoptions { display:flex;padding-bottom:10px;align-items: center; } #thread .threadoptions .closed {border-radius: 3px;font-weight: bold;box-sizing: border-box;color: var(--signalFarbeHover);display: inline-block;position: relative;padding: 5px 17px;background: none 9px center no-repeat transparent;font-size: 16px;border: 3px solid var(--signalFarbeHover);} #thread .threadoptions button { position:relative;padding:5px 15px;font-family:inherit;background-color:var(--signalFarbe);color:#fff;font-weight:800;right:0;cursor:pointer;top:0;box-sizing: border-box; line-height: 25px;margin-right:5px;text-align:center;display:inline-block;outline:0;border:0; font-size: 16px;border-radius: 5px;} #thread .threadoptions button:hover, #thread .threadoptions button.active-helper { background-color:var(--signalFarbeHover);} #thread .threadoptions .node_users_general { margin-left:auto; } #thread .head { padding:5px;padding-bottom:0px; } #thread .head > .pad { padding:10px;padding-bottom: 0px; } #thread .head > .pad > .top { padding-bottom:10px;display:flex;align-items:center;} #thread .head > .pad > .top > .left > div { display:flex;align-items:center;} #thread .head > .pad > .top > .left > span { font-weight:bold;color:var(--weakFontColor); } #thread .head > .pad > .top .date { padding-left:7px;color:var(--weakestFontColor);font-size:12px;order: 4;} #thread .head > .pad > .top .orden { display:flex;align-items:center;} #thread .head > .pad > .top .orden > img { width:20px; } #thread .head > .pad > .top .orden > img:nth-child(1) { margin-left:5px;} #thread .head > .pad > .top span { font-weight:bold;color:var(--strongFontColor); } #thread .head > .pad > .bot { display: flex;flex-wrap:wrap; } #thread .head h1 { margin:0;padding:0; } #thread .head h1 a { color:var(--strongFontColor); } #thread .head .userbar .info { display:none; } #thread .head .goToLastPost { flex-shrink: 0;width: 35px;height: 35px;align-self: flex-end;margin-left: auto;display: block;background: url("../../images/thread/gotolastpost-white.svg") center center no-repeat rgba(0,0,0,0);background-size: auto;background-size: 45% auto;border-radius: 3px;cursor: pointer;} body.light #thread .head .goToLastPost {background: url("../../images/thread/gotolastpost-black.svg") center center no-repeat rgba(0,0,0,0);background-size: auto;background-size: 45% auto;} #thread .head .goToLastPost font { display: none;} #thread .head { background-color:var(--boxBgColor);border-top-left-radius: 5px;border-top-right-radius: 5px; } #thread .head .badge { color:#fff;background-color:rgba(255,255,255,0.1);padding:5px 10px;padding-left:26px;border-radius:13px;font-size:12px;order:3;margin-left:3px;} #thread .head .badge.supporter { background:url("../../images/thread/supporter.svg") no-repeat scroll center left 6px rgba(255,255,255,0.06);background-size:auto 70%; } #thread .head .badge.verifiziert {background:url("../../images/thread/verified.svg") no-repeat scroll center left 6px rgba(255,255,255,0.06);background-size:auto 70%; } #thread .head.download { padding:0px;background-color:var(--boxBgColor); } #thread .head.download > .pad { padding:15px; } #thread .head.download > .pad > .bot { display:flex;padding: 10px 0px; padding-top:0px; } #thread .head.download > .pad > .bot > .downloadButton { margin-left:auto;width:200px;position: relative;padding: 5px 15px;font-family: inherit;background-color: var(--signalFarbe);color:#fff;font-weight: 800;right: 0;cursor: pointer;top: 0;box-sizing: border-box;line-height: 25px;text-align: center;display: inline-block;outline: 0;border: 0;font-size: 16px;border-radius: 5px; } #thread .head.download > .pad > .bot > .downloadButton:not(.missingFile):not(.deletedFile):hover { background-color: var(--signalFarbeHover); } #thread .head.download > .pad > .bot > .downloadButton.missingFile, #thread .head.download > .pad > .bot > .downloadButton.deletedFile { border:3px solid var(--strongFontColor);color:var(--strongFontColor);background-color:transparent;opacity:var(--weakestOpacity); } #thread .head.download > .pad > .top { display:none; } #thread .postbit.firstpost.download { background-color:var(--boxBgColor) } /** background-color:transparent;padding-left:0px;padding-right:0px;**/ #thread .postbit.firstpost.download > .inner > .user { display:flex;order:2;width:200px;flex-shrink: 0;margin-left:auto;align-items:stretch;flex-wrap:wrap;align-content: flex-end;padding-bottom:15px;padding-right: 10px; } #thread .postbit.firstpost.download > .inner > .post { order:1;padding-right:20px;display: flex;flex-direction: column;flex: 1; } #thread .postbit.firstpost.download > .inner > .post > div { width:100%; } #thread .postbit.firstpost.download > .inner > .post > div.fileMetaData { font-size: 12px;opacity: 0.3;padding-bottom: 5px; } #thread .postbit.firstpost.download > .inner > .post > .foot { align-self:flex-end; } #thread .postbit.firstpost.download > .inner > .post > .subposts { display:none; } #thread .postbit.firstpost.download > .inner { display:flex; } @media screen and (max-width: 550px) { #thread .postbit.firstpost.download > .inner { display:flex;flex-wrap:wrap; } #thread .postbit.firstpost.download > .inner > .user { width:100%;box-sizing: border-box;padding-left: 10px; } } #thread .postbit.firstpost.download .user .useravatar_wrapper { display:none; } #thread .postbit.firstpost.download .date { width:100%;padding-left:0px; } #thread .postbit.firstpost.download .downloadRating { padding-bottom:10px;width:100% } #thread .postbit.firstpost.download .downloadRating > div { width: 100%;height: 1px;position:relative;margin-bottom: 6px;border-radius: 1px;background-color:var(--weakestFontColor); } #thread .postbit.firstpost.download .downloadRating > div > div { position:absolute;top:0;left:0;bottom:0;background-color:var(--strongFontColor); } #thread .postbit.firstpost.download .downloadRating > strong { width:100%;display:flex; } #thread .postbit.firstpost.download .downloadRating > strong font { margin-left:auto; } #thread .postbit.firstpost.download .downloadRating > strong.nbs { margin-bottom:15px; } #thread .postbit.firstpost.download .downloadRating > strong.nbs { font-weight:100;opacity:0.3;} #thread .postbit.firstpost.download .downloadRating > strong.sz { font-size: 12px;font-weight:100;opacity:0.3;} #thread .postbit.firstpost.download .downloadRating > strong.sz.fi { margin-top:15px; } #thread .postbit.firstpost.download .options .postbitOptions [kind="postlink"] { display:none; } #thread .postbit.firstpost.download strong.aid { font-weight: 900;font-family: var(--headline-special-font);opacity: 0.3;margin-top:auto;letter-spacing: 3px;font-size: 36px; } #thread .head.termin { padding:0px;background-color:rgba(80,105,135,0.25); } #thread .head.termin > .pad > .top { display:none; } #thread .head.termin > .pad > .bot { justify-content: center;} #thread .head.termin > .pad > .bot h1 { text-align:center; } #thread .postbit.firstpost.termin { background-color:rgba(80,105,135,0.25); } #thread .postbit.firstpost.termin .terminText { max-width: 500px;font-size: 16px;text-align: center;margin: 0 auto;padding: 15px;border-radius: 10px;border-top-left-radius:0px;border-top-right-radius:0px;color:rgba(255,255,255,0.7);background-color: rgba(0,0,0,0.2); } #thread .postbit.firstpost.termin .terminText.none { border-radius: 10px;margin-top:20px; } #thread .postbit.firstpost.termin .terminText b { color:rgba(255,255,255,1);} #thread .postbit.firstpost.termin .countdown {border-radius: 10px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;max-width: 500px;background-color: rgba(0,0,0,0.2);margin:0 auto;display: flex;justify-content: center;padding: 15px;margin-top: 20px; margin-bottom: 3px;} #thread .postbit.firstpost.termin .countdown > div {padding: 0 10px; text-align: center;} #thread .postbit.firstpost.termin .countdown > div .num {display: block;font-size: 40px;} #thread .postbit.firstpost.termin .countdown > div .word{display: block;font-size: 20px;} #thread .postbit.firstpost.termin .terminText .dl { color:#fff;border: 3px solid var(--signalFarbeHover);padding:10px;margin:0 auto;margin-top:10px;display:flex;border-radius:10px;max-width:360px;align-items:center; } #thread .postbit.firstpost.termin .terminText a { position:relative;padding:5px 15px;font-family:inherit;background-color:var(--signalFarbe);color:#fff;font-weight:800;right:0;cursor:pointer;top:0;box-sizing: border-box; line-height: 25px;margin-right:5px;text-align:center;display:inline-block;outline:0;border:0; font-size: 16px;border-radius: 5px;} #thread .postbit.firstpost.termin .terminText a:hover, #thread .postbit.firstpost.termin .terminText a.active-helper { background-color:var(--signalFarbeHover);} #thread .postbit.firstpost.termin .terminText .dl a { margin-left:auto; } #thread .posts > .postbit { background-color:var(--boxBgColor); } #thread .posts > .postbit.lastpost { padding-bottom:10px; } #thread .blockedMathQuill { position:relative; } #thread .blockedMathQuill::after { content:" ";position:absolute;left:0;top:0;right:0;bottom:0; } #thread .blockedMathQuill > span { border:0px !important; } #thread .modOptions { background-color:var(--boxBgColor);padding:5px 15px;display:flex;align-items:center;color:var(--strongFontColor);font-weight:800;margin-top:2px;border-radius:5px;} body.shadow #thread .modOptions { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); } #thread .modOptions.rgt { justify-content:right; } #thread .modOptions button { cursor:pointer;font-family: inherit;color:#fff;font-weight: 800;padding:5px 10px;border-radius:5px;background-color: var(--signalFarbe);border:0px;margin-left:3px; } #thread .modOptions button:hover, #thread .modOptions button.active-helper { background-color:var(--signalFarbeHover);} #thread .modOptions div { margin-right:auto; } #thread .modOptions span.pin { border:2px solid var(--signalFarbeHover);padding:2px;padding-bottom:0px;font-size:13px;border-top-left-radius:3px;border-bottom-left-radius:3px;border-right: 0px;padding-left:0px;padding-right: 10px;margin-right: -9px;padding-top: 0px;} #thread .modOptions span.pin input { font-family:inherit;font-weight:bold;font-size:inherit;text-align:center;color:var(--strongFontColor);background-color:var(--transparentOverlayColor);height:19px;width:20px;padding:2px;border:0px;margin-right:5px;outline:0;} #thread .modOptions span.pin input:focus { outline:0;border:0; } #thread .modOptions i { position:relative;color:var(--signalFarbeHover);font-weight:100;padding-right:15px;font-size: 12px;} #thread .modOptions i:after { content:"\2022";color:var(--signalFarbeHover);font-weight: bold;font-size: 25px;position: relative;top: -8px;right: 5px;position:absolute;} #thread .modOptions i:last-child:after {display:none; } #thread .modOptions i:last-child { padding-right:0px; } #thread .insight { padding-left:10px; } #thread .reginfo {padding:0px;background-color: var(--boxBgColor);border-radius:5px;margin-top:2px; } body.shadow #thread .reginfo { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); } #thread .reginfo > div { display: flex;align-items: center;padding: 10px 15px;margin: 0px; } #thread .reginfo > div span { margin-right: auto;font-weight: 100;font-size:15px;color:var(--strongFontColor);padding-right:10px; } #thread .sortthreadby font { color:var(--strongFontColor) ;} #thread .sortthreadby { padding:0px;background-color: var(--boxBgColor);border-radius:5px;margin-top:2px; display: flex;align-items: center;justify-content:right;padding: 10px 15px;padding-bottom:5px;margin: 0px;margin-top: 2px;flex-wrap:wrap; } #thread .sortthreadby > div { cursor:pointer;font-weight: bold;padding: 5px 15px;background-color: var(--boxBgColor);;margin-left: 5px;border-radius: 15px;color:var(--strongFontColor) ;margin-bottom: 10px; } #thread .sortthreadby[kind="oldest"] > div[sortby="oldest"], #thread .sortthreadby[kind="newest"] > div[sortby="newest"], #thread .sortthreadby[kind="hot"] > div[sortby="hot"] { background-color: #fff;color:#333; } body.light #thread .sortthreadby[kind="oldest"] > div[sortby="oldest"], body.light #thread .sortthreadby[kind="newest"] > div[sortby="newest"], body.light #thread .sortthreadby[kind="hot"] > div[sortby="hot"] { background-color: #333;color:#fff; } #thread .sortthreadby font { margin-right:auto;margin-bottom: 10px; } @media screen and (max-width: 405px) { #thread .sortthreadby font { width:100%; } } #thread .postbit { padding:5px;padding-bottom:0px;padding-top:3px;color:var(--weakFontColor);border-bottom:0px;transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out; -moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out; } #thread .postbit .post { padding:10px;padding-left:30px;position:relative;padding-bottom:0px; } #thread .postbit .post::after { content: " ";display: block;width: 3px;background-color: var(--fineLinesColor);position: absolute;left: 13px;top: 6px;bottom: 3px; } #thread .postbit .post .footerbar { display:block;display:flex;align-items:center;padding-top:10px; } #thread .postbit .post .footerbar > div { margin-right:5px; } #thread .postbit .post .msg { position:relative; } #thread .postbit .post .msg strong.rating { display: inline-block;position:relative;top:-3px;;font-size: 12px;font-weight: bold;padding: 3px 10px;background-color: #f2a602;color: #fff;border-radius: 3px;line-height: 16px;margin-right: 5px; } #thread .postbit .useravatar_wrapper { margin-right:10px;position:relative; } #thread .postbit .useravatar_wrapper .upic { position:relative;z-index:1;margin-left:0px; border:0px;width:30px;height:30px;border-radius:50%;background-size:cover; } #thread .postbit .useravatar_wrapper::after { content:" ";display:block;position:absolute;width:30px;height:30px;top:0;left:0;opacity: var(--weakestOpacity);background:url(../../images/thread/nouser-white.svg) center center no-repeat transparent;background-size:cover;border-radius:50%; } body.light #thread .postbit .useravatar_wrapper::after { background:url(../../images/thread/nouser-black.svg) center center no-repeat transparent;background-size:cover; } #thread .postbit.anonym .useravatar_wrapper::after { background:url(../../images/thread/anon-white.svg) center center no-repeat transparent;background-size: 65%; } body.light #thread .postbit.anonym .useravatar_wrapper::after { box-shadow:0px 0px 0px 2px #000 inset;background:url(../../images/thread/anon-black.svg) center center no-repeat transparent;background-size: 65%; } #thread .postbit .user { display:flex;align-items:center; } #thread .postbit .user .useravatar_wrapper { order:1;} #thread .postbit .user .username { order:2;font-weight:bold;display: flex; align-items: center;color:var(--strongFontColor);margin-right:5px; } #thread .postbit .user .username a.link {color:var(--strongFontColor) !important; } #thread .postbit .user ul.titlelist { order:5;list-style:none;margin:0px;margin-right:5px;display:block;padding:0px;} #thread .postbit .date { padding-left:5px;font-size:12px;font-weight: normal;order:6;position:relative;color:var(--weakestFontColor); } #thread .postbit .info { display:none; } #thread .postbit .user .orden { order:3;display: flex;align-items: center;padding-top: 2px; } #thread .postbit .user .orden > img { width:20px; } #thread .postbit .user .badge { background-color:rgba(255,255,255,0.1);padding:5px 10px;padding-left:26px;border-radius:13px;font-size:12px;order:3;margin-left:3px;} #thread .postbit .user .badge.supporter { background:url("../../images/thread/supporter.svg") no-repeat scroll center left 6px rgba(255,255,255,0.06);background-size:auto 70%; } #thread .postbit .user .badge.verifiziert {background:url("../../images/thread/verified.svg") no-repeat scroll center left 6px rgba(255,255,255,0.06);background-size:auto 70%; } #thread .postbit .postbitOptions { display:flex;align-items:center;} #thread .postbit .foot { display:block;display:flex;align-items:center;padding-top:10px;padding-bottom:10px;} #thread .postbit .nswvg_button { cursor:pointer;border:0px;background-color:transparent;padding:0px;width:30px;height:30px;border-radius:3px;} #thread .postbit .nswvg_button[data-postbit-action="options"] { background:url("../../images/thread/more-white.svg") center center no-repeat transparent;background-size: auto 13%;width: 17px;} #thread .postbit .nswvg_button[data-postbit-action="edit"] { background:url("../../images/thread/edit-white.svg") center center no-repeat transparent;background-size: auto 50%;width: 18px; } #thread .postbit .nswvg_button[data-postbit-action="changeTitle"] { background:url("../../images/thread/title-white.svg") center center no-repeat transparent;background-size: auto 50%;width: 18px; } #thread .postbit .nswvg_button[data-postbit-action="report"] { background:url("../../images/thread/report-white.svg") center center no-repeat transparent;background-size:auto 50% ;width:17px; } #thread .postbit .nswvg_button[data-postbit-action="delete"] { background:url("../../images/thread/delete-white.svg") center center no-repeat transparent;background-size:auto 50% ;width: 16px; } #thread .postbit .nswvg_button[data-postbit-action="viewIpAdress"] { background:url("../../images/thread/ip-white.svg") center center no-repeat transparent;background-size:auto 60% ; width: 15px;} #thread .postbit .nswvg_button[data-postbit-action="answer"] { background:url("../../images/thread/comment-white.svg") left center no-repeat transparent;background-size:auto 60% ;width:unset;padding:0 10px;padding-right:0px;padding-left:29px;font-size:12px;font-weight:bold;font-family:arial;color:var(--strongFontColor); } #thread .postbit .nswvg_button[data-postbit-action="uploadNewerVersion"] { background:url("../../images/thread/upload-white.svg") center center no-repeat transparent;background-size:100% auto;width: 18px; } #thread .postbit .nswvg_button[data-postbit-action="changeFileData"] { background:url("../../images/thread/meta-white.svg") center center no-repeat transparent;background-size:100% auto;width: 18px; } #thread .postbit .nswvg_button[data-postbit-action="copyAttachmentIdToClipboard"] { background:url("../../images/thread/clipboard-white.svg") center center no-repeat transparent;background-size:90% auto;width: 18px; } body.light #thread .postbit .nswvg_button[data-postbit-action="options"] { background:url("../../images/thread/more-black.svg") center center no-repeat transparent;background-size: auto 13%;} body.light #thread .postbit .nswvg_button[data-postbit-action="edit"] { background:url("../../images/thread/edit-black.svg") center center no-repeat transparent;background-size: auto 50%; } body.light #thread .postbit .nswvg_button[data-postbit-action="changeTitle"] { background:url("../../images/thread/title-black.svg") center center no-repeat transparent;background-size: auto 50%; } body.light #thread .postbit .nswvg_button[data-postbit-action="report"] { background:url("../../images/thread/report-black.svg") center center no-repeat transparent;background-size:auto 50% ; } body.light #thread .postbit .nswvg_button[data-postbit-action="delete"] { background:url("../../images/thread/delete-black.svg") center center no-repeat transparent;background-size:auto 50% ; } body.light #thread .postbit .nswvg_button[data-postbit-action="viewIpAdress"] { background:url("../../images/thread/ip-black.svg") center center no-repeat transparent;background-size:auto 60% ; } body.light #thread .postbit .nswvg_button[data-postbit-action="answer"] { background:url("../../images/thread/comment-black.svg") left center no-repeat transparent;background-size:auto 60% ; } body.light #thread .postbit .nswvg_button[data-postbit-action="uploadNewerVersion"] { background:url("../../images/thread/upload-black.svg") center center no-repeat transparent;background-size:100% auto; } body.light #thread .postbit .nswvg_button[data-postbit-action="changeFileData"] { background:url("../../images/thread/meta-black.svg") center center no-repeat transparent;background-size:100% auto; } body.light #thread .postbit .nswvg_button[data-postbit-action="copyAttachmentIdToClipboard"] { background:url("../../images/thread/clipboard-black.svg") center center no-repeat transparent;background-size:90% auto; } #thread .postbit .nswvg_button[data-postbit-action] { opacity:var(--weakOpacity); } #thread .postbit.firstpost > .inner > .post > .foot .nswvg_button[data-postbit-action="answer"], #thread .postbit.deleted > .inner > .post > .foot .nswvg_button[data-postbit-action="delete"], #thread .postbit.deleted > .inner > .post > .foot .nswvg_button[data-postbit-action="changeTitle"], #thread .postbit.deleted > .inner > .post > .foot .nswvg_button[data-postbit-action="uploadNewerVersion"], #thread .postbit.deleted > .inner > .post > .foot .nswvg_button[data-postbit-action="changeFileData"], #thread .postbit.deleted > .inner > .post > .foot .nswvg_button[data-postbit-action="copyAttachmentIdToClipboard"], #thread .postbit.deleted > .inner > .post > .foot .nswvg_button[data-postbit-action="edit"] { display:none; } #thread .postbit .options .postbitOptions [kind="postlink"] { cursor:pointer;display:inline-block;height:30px;line-height:30px;color:var(--weakFontColor);font-family:arial;font-size:12px;font-weight:bold; } #thread .postbit .options:not(.expand) .postbitOptions { display:none; } #thread .postbit .options.expand [data-postbit-action="options"] { display:none;} #thread .postbit .rate { position:relative;text-align:center;display:block;z-index:1;padding:0px;display:flex;border-radius: 15px;background-color:var(--transparentOverlayColor);padding: 5px 10px; } #thread .postbit .rate { cursor:pointer; } #thread .postbit .rate .ratebutton { display:inline-block;width:16px;height:16px;} #thread .postbit .rate > div[rate='up']:not(.clicked) { background:url("../../images/thread/thumpup-white.svg") 0px 0px no-repeat transparent; } #thread .postbit .rate > div[rate='down']:not(.clicked) { background:url("../../images/thread/thumpdown-white.svg") 0px 0px no-repeat transparent;top: 1px;position: relative; } #thread .postbit .rate > div[rate='up'].clicked { background:url("../../images/thread/thumpup-aktiv-white.svg") 0px 0px no-repeat transparent; } #thread .postbit .rate > div[rate='down'].clicked { background:url("../../images/thread/thumpdown-aktiv-white.svg") 0px 0px no-repeat transparent;top: 1px;position: relative; } body.light #thread .postbit .rate > div[rate='up']:not(.clicked) { background:url("../../images/thread/thumpup-black.svg") 0px 0px no-repeat transparent; } body.light #thread .postbit .rate > div[rate='down']:not(.clicked) { background:url("../../images/thread/thumpdown-black.svg") 0px 0px no-repeat transparent;top: 1px;position: relative; } body.light #thread .postbit .rate > div[rate='up'].clicked { background:url("../../images/thread/thumpup-aktiv-black.svg") 0px 0px no-repeat transparent; } body.light #thread .postbit .rate > div[rate='down'].clicked { background:url("../../images/thread/thumpdown-aktiv-black.svg") 0px 0px no-repeat transparent;top: 1px;position: relative; } #thread .postbit .rate > div[rate], #thread .postbit .rate > .ratesum { opacity:var(--weakOpacity); } #thread .postbit .rate > div[rate]:hover { opacity:var(--weakestOpacity); } #thread .postbit .rate .ratebutton[rate='up'], #thread .postbit .rate, #thread .postbit .rate > .ratesum , #thread .postbit .nswvg_button { margin-right:10px; } #thread .postbit .rate .ratesum { text-align:center;font-weight:bold;font-size:16px;} #thread .postbit .rate.load > div { opacity:0; } #thread .postbit .rate.load::after { content:" ";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:url("../../images/thread/tail-spin.svg") center center no-repeat transparent;background-size:auto 50%; } #thread .postbit .rate.disabled.own { opacity:0.2;cursor: default; } #thread .postbit .rate.disabled.own::after { content:" ";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:none center center no-repeat transparent; } #thread .postbit a.postAnchor {position:relative;top:-100px;} #thread .postbit.collapse { padding:0px;max-height:0px;-webkit-transform: scale(0.4);-moz-transform: scale(.4);-ms-transform: scale(.4);-o-transform: scale(.4);transform: scale(.4);opacity:0;} #thread .postbit.highlightPermantent > .inner > .post::after { background-color:var(--signalFarbeHover); } #thread .postbit.firstpost { padding: 5px;padding-bottom:6px;margin-bottom:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} body.shadow #thread .postbit.firstpost { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); } #thread .postbit.firstpost > .inner > .post::after { left:-4px;top:-4px; } #thread .postbit.firstpost:not(.highlightPermantent) > .inner > .post::after { display:none; } #thread .postbit.firstpost > .inner > .post { padding-left:12px;padding-top: 0px; } #thread .postbit.firstpost > .inner > .user { display:none; } #thread .postbit.firstpost > .inner > .post > .msg { padding-bottom:10px; } #thread .postbit:nth-child(2) { padding-top:10px; } #thread .postbit.deleted > .inner > .post > .foot .rate { display:none; } #thread .head .userbar .username.useronlinestatus.online, #thread .postbit:not(.deleted) > .inner > .user > .username.useronlinestatus.online { position:relative;padding-right:12px;} #thread .head .userbar .username.useronlinestatus.online::after, #thread .postbit:not(.deleted) > .inner > .user > .username.useronlinestatus.online::after { display:inline-block;content:" ";right:0px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;position:absolute;background-color:var(--currentlyOnlineColor); } #thread .head .userbar .username a.link { color: var(--strongFontColor) !important; } #thread .postbit .emaillist { background-color:var(--transparentOverlayColor);padding:10px;padding-bottom:0px;border-radius:3px;overflow:hidden;margin-top: 10px; } #thread .postbit .emaillist .hd { display:flex;font-weight:bold; } #thread .postbit .emaillist .hd button { margin-left:auto; } #thread .postbit .emaillist table { margin-top:5px;margin-bottom:15px;width: 100%;box-sizing: border-box;margin-bottom:10px;} #thread .postbit .emaillist table tr td { padding:3px; } #thread .postbit .emaillist table tr:nth-child(1) td { border-bottom:3px solid rgba(0,0,0,0.1); } #thread .postbit .emaillist table tr:last-child td { border-bottom:3px solid rgba(0,0,0,0.1); } #thread .postbit .emaillist table tr td button { width:25px;height:25px;cursor:pointer; } #thread .postbit .emaillist table tr td a { font-weight:bold;color: var(--accentColor) !important; } #thread .postbit .emaillist table tr.emty td { text-align:center;padding:5px; } #thread .postbit .emaillist table tr td:nth-child(4), #thread .postbit .emaillist table tr td:nth-child(5) { text-align:right;width:28px;} #thread .postbit .emaillist table tr td:nth-child(5) { padding-right:0px; } #thread .postbit .emaillist table tr td:nth-child(3) { text-align:center; } #thread .postbit .emaillist table tr[data-send="1"] td:nth-child(3)::after { content:" ";display:inline-block;width:20px;height:13px; background:url(../../images/thread/emaillistCheck.svg) center center no-repeat transparent;background-size:auto 90% ; } #thread .postbit .emaillist table tr td:nth-child(1) { padding-left:0px; } #thread .postbit .emaillist textarea { font-family:inherit;background-color:rgba(0,0,0,0.1);color:#fff;margin:-10px;margin-top:0px;padding:10px;width:100%;display:block;border:0px;outline:0; } #thread .postbit .emaillist .zwischenablage { font-weight:bold;margin-bottom:10px;} #thread .postbit .emaillist button { cursor:pointer;font-family: inherit;color:#fff;font-weight: 800;padding:5px 10px;border-radius:5px;background-color: var(--signalFarbe);border:0px;margin-left:3px; } #thread .postbit .emaillist button:hover, #thread .postbit .emaillist button.active-helper { background-color:var(--signalFarbeHover);} #thread .postbit .emaillist button[data-action="delete"] { background:url(../../images/thread/delete-white.svg) center center no-repeat var(--signalFarbe);background-size:45% auto; } #thread .postbit .emaillist button[data-action="marksend"] { background:url(../../images/thread/emaillistCheck.svg) center center no-repeat var(--signalFarbe);background-size:45% auto; } #thread .postbit .emaillist button[data-action="expand"] { width:auto;} #thread .postbit .emaillist table tr[data-send="1"] button[data-action="marksend"] { display:none; } #thread .postbit .emaillist table tr.hidden { display:none; } #thread .postbit .emaillist table tr td.moreRow { padding-right:0px; } #thread .postbit .emaillist .blocked { height:12px;background-color:rgba(0,0,0,0.1);display:block; } #thread .postbit ul.attachmentlist { margin:0;padding:0;list-style:none;padding-top:15px; } #thread .postbit ul.attachmentlist li { cursor:pointer;display:flex;align-items:center;position:relative;padding:10px;overflow:hidden;padding-left:40px;border-radius:5px;background-color: rgba(0,0,0,0.2);margin-bottom:5px;} #thread .postbit ul.attachmentlist li::after {left: 0px;content: " ";position: absolute;top: 0px;bottom: 0px;width: 50px;background: url("../../images/threadbit/download.svg") center center no-repeat rgba(0,0,0,0);background-size: 20px auto;border-top-right-radius: 15px;border-bottom-right-radius: 15px;} #thread .postbit ul.attachmentlist li .rating { margin-left:auto; } #thread .postbit ul.attachmentlist li a { color:#fff; font-weight:bold; } #thread .postbit ul.attachmentlist li:hover { background-color:rgba(0,0,0,0.3); } body.light #thread .postbit ul.attachmentlist li { background-color: rgba(0,0,0,0.05) } body.light #thread .postbit ul.attachmentlist li:hover { background-color:rgba(0,0,0,0.1); } body.light #thread .postbit ul.attachmentlist li a { color:var(--strongFontColor); } #thread .footspacer {padding-bottom:80px;transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out;-webkit-transition:all .5s ease-in-out; } #thread .footspacer.expand {padding-bottom:230px; } #thread a.link { color:var(--accentColor) !important } #thread .no_permission { text-align:center;border: 3px solid var(--boxBgColor);padding:20px;background-color:var(--boxBgColor); } #thread .no_permission h1 { color:var(--strongFontColor); font-family: var(--headline-special-font);font-size:140px;margin:0px;line-height:130px; } #thread .no_permission h2 { font-weight:100;color:var(--strongFontColor);margin:0px auto;max-width:260px; } #thread .pagenavigation { position:relative; } #thread .pagenavigation .counter { display:inline-block;padding-right:5px; } #thread .pagenavigation .counter.hidden { display:none; } #thread .pagenavigation a { border-radius: 3px;background-color:var(--accentColor);color:#fff;display:block;padding:10px;text-align: center;font-weight: bold; } #thread .pagenavigation.prev { padding-top:5px;padding-bottom:5px; } #thread .pagenavigation .loading { width:35;height:35px;display:block;margin:0 auto;margin-top:10px;background:url("../../images/filter/tail-spin-white.svg") center center no-repeat transparent;background-size: auto 100%; } body.light #thread .pagenavigation .loading { background:url("../../images/filter/tail-spin.svg") center center no-repeat transparent;background-size: auto 100%; } #thread .pagenavigation.prev .loading { margin-top:0px;margin-bottom:10px; } #thread .postbit .lastedit {font-size: 12px;opacity: 0.3;padding-top: 5px;} #thread .posts > .postbit:not(.firstpost).highlight { transform:scale(1); } #thread .head.load, #thread .posts > .postbit.load { position:relative;overflow:hidden; } #thread .head.load > div, #thread .posts > .postbit.load > div { opacity:0; } #thread .head.load::after, #thread .posts > .postbit.load::after { content:" ";display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;animation-duration: 1.25s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: rgba(0,0,0,1);background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(255,255,255,.05) 18%, rgba(0,0,0,0) 33%);background-size: 100% 100%;transform:translateX(0%);} #thread > .loading { width:100%;background-color:var(--boxBgColor);position:relative;overflow:hidden;border-radius:5px;} #thread > .loading::after { padding-bottom:68%;content:" ";display:block;position:relative; } #thread > .loading::before { content:" ";display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;animation-duration: 1.25s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: rgba(0,0,0,1);background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(255,255,255,.05) 18%, rgba(0,0,0,0) 33%);background-size: 100% 100%;transform:translateX(0%);} body.light #thread > .loading::before { background: rgba(0,0,0,1);background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(0,0,0,.05) 18%, rgba(0,0,0,0) 33%);background-size: 100% 100%;} #thread .posts > .postbit:not(.firstpost) { margin-top:2px;border-radius:5px; } body.shadow #thread .posts > .postbit:not(.firstpost) { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);} @keyframes placeHolderShimmer{0% {transform:translateX(0%);}50%{transform:translateX(50%);}100%{transform:translateX(100%);}} /** Profil **/ #profil {overflow-y: hidden;box-sizing: border-box;opacity: 1;position: fixed;transform: translate3d(1px, 0, 0);width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 12;} #profil:not(.show) { display:none; } #profil > .bg { position:absolute;top:0;right:0;bottom:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0);transition: background-color 0.3s ease-in-out 0s; } #profil.in > .bg { background-color: rgba(0,0,0,0.3); } #profil > .popUp { transition:all 0.2s ease-in-out 0s;overflow: hidden; margin:0px 0px;background-color:#fff;display:flex;flex-wrap:wrap;position:fixed;align-items: stretch; flex-flow: column;bottom:0px;max-width:500px;width:100%;z-index:3;border-top-left-radius:15px;border-top-right-radius:15px;box-sizing:border-box;border-bottom:0px; transform: translateX(-50%) translateY(100%);margin: 0 auto;left: 50%;} #profil .close { height: 30px;width: 30px;cursor: pointer;background: url("../../images/loginbox/close.svg") center center no-repeat #fff;border-radius: 3px;background-size: 60% auto;position: absolute;right: 15px;top: 15px;z-index: 2;border-radius:50%; } #profil .top { height:120px;position:relative;border-top-left-radius:15px; border-top-right-radius:15px;background: none 65% bottom no-repeat transparent;background-size: auto;background-size: cover ;} #profil .top::after { content:" ";display:block;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,0.2);position:absolute;background:linear-gradient(45deg, rgba(10,112,153,1) 19%,rgba(48,38,79,1) 47%,rgba(48,38,79,1) 58%,rgba(190,67,150,1) 88%);opacity: 0.3;} #profil .top .upic { left:20px;width:70px;height:70px;border-radius:50%;position:absolute;z-index:2;bottom:0px;transform:translateY(30%);background: url(../../images/thread/nouser-grey.svg) center center no-repeat #f2f2f2; } #profil .sub { padding:20px;padding-top:30px;font-size:20px; } #profil .infos { display:flex;align-items:center;font-size: 16px;padding-top:10px;flex-wrap:wrap;} #profil .infos > div b { display:block; } #profil .infos > div font { font-size:12px;opacity: 0.5; } #profil .infos > div button { position:relative;padding:2px 12px;font-family:inherit;background-color:var(--signalFarbe);color:#fff;font-weight:800;right:0;cursor:pointer;top:0;box-sizing: border-box; line-height: 25px;margin-right:5px;text-align:center;display:inline-block;outline:0;border:0; font-size: 16px;border-radius: 5px;} #profil .infos > div button:hover, #profil .infos > div button.active-helper { background-color:var(--signalFarbeHover);} #profil[self='1'] .infos > div button[name="pn"] { display:none; } #profil .infos > div { padding-right:20px;line-height: 15px;padding-bottom:10px; } #profil:not([groupid='103']) .infos > div.jahr { display:none; } #profil .infos.sec { justify-content: left;padding-top:5px; } #profil .infos.sec > div { padding-right:0px; } #profil .name > font > font { font-size:12px;opacity: 0.5;padding-left:5px;position:relative;top:-2px; } #profil .name > font img { width:22px;position: relative;top: 4px; } #profil .name > font img:nth-child(1) { margin-left:5px; } #profil .name { padding-top: 5px;display: inline-block; } #profil.load b { position:relative;background-color:#f2f2f2; } #profil.load b::before { content:" ";display:inline-block;width:50px; } #profil.load b::after { content:" ";display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;animation-duration: 1.25s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: rgba(0,0,0,1);background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(255,255,255,.7) 18%, rgba(0,0,0,0) 33%);background-size: 100% 100%;transform:translateX(0%);} #profil.load div.jahr > b::before { width:60px; } #profil.load div.abiturjahr > b::before { width:80px; } #profil.load .name { position:relative;background-color:#f2f2f2; } #profil.load .name::before { content:" ";display:inline-block;width:150px; } #profil.load .name::after { content:" ";display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;animation-duration: 1.25s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: rgba(0,0,0,1);background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(255,255,255,.7) 18%, rgba(0,0,0,0) 33%);background-size: 100% 100%;transform:translateX(0%);} #profil.load .name font, #profil.load .name strong { display:none; } #profil.load .top .upic { overflow:hidden; } #profil.load .top .upic::after { content:" ";display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;animation-duration: 1.25s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: rgba(0,0,0,1);background: linear-gradient(to right, rgba(0,0,0,0) 8%, rgba(255,255,255,.7) 18%, rgba(0,0,0,0) 33%);background-size: 100% 100%;transform:translateX(0%);} #profil.in > .popUp { transform:translateX(-50%) translateY(0%); } #profil.load .infos > div button {opacity:0; } @media screen and (max-width: 540px) { #profil > .popUp { width: calc(100% - 20px);max-width:unset;max-width:auto; } } /** Quickreply **/ #quickreply { margin:0px 0px;background-color:#fff;display:flex;flex-wrap:wrap;position:fixed;align-items: stretch; flex-flow: column;bottom:0px;width:100%;z-index:9;border-top-left-radius:15px;border-top-right-radius:15px;border:3px solid #f2f2f2;box-sizing:border-box;border-bottom:0px; transform: translateX(0px);} #quickreply[appearance="open"].maximised { height:calc(100% - 67px); } #quickreply form { padding:0px;margin:0px; } #quickreply .expander { display:block;position:relative;height:60px;cursor:pointer;width:100%; } #quickreply[appearance="open"] .expander { height:38px; } #quickreply .expander .usericon { overflow: hidden;background-size:cover;opacity:1;transform:scale(1);position:absolute;left:10px;top:10px;border-radius:50%;height:40px;width:40px;background-color:#f2f2f2;background: url(../../images/thread/nouser-grey.svg) center center no-repeat #f2f2f2;box-shadow: 0px 0px 0px 2px #999 inset;} #quickreply .expander .head_title { position:absolute;text-align:left;left:0px;font-size:12px;background-color:#f2f2f2;border-radius:5px;top: 12px; left: 60px; right: 10px;} #quickreply .expander .head_title h1 { position:relative;margin:0;padding:10px 20px;font-weight:100;font-size:12px; font-size: 15px; color: rgba(0,0,0,0.3);} #quickreply .expander .head_title h1 font { color:#3b76cd; } #quickreply .expander .close { opacity:0;background-color:#f2f2f2;border-radius:5px;position:absolute;padding:5px 10px;top:5px;right:10px;font-family:arial;font-size:12px;font-weight:bold; } #quickreply .expander .max { opacity:0;border-radius:5px;position:absolute;padding:0px;top:5px;right:91px;width:25px;height:25px;background:url(../../images/quickreply/maximize.svg?v=1) center center no-repeat #f2f2f2;background-size:60% auto;} #quickreply .expander .close:hover, #quickreply .expander .max:hover { background-color: #e5e5e5;} #quickreply[appearance="open"] .expander .head_title {left:10px;background-color:transparent;top:10px;} #quickreply[appearance="open"] .expander .head_title h1 { font-weight:bold;font-size:20px;color:#000;padding:10px 0px;padding: 0px; } #quickreply[appearance="open"] .expander .usericon { opacity:0;transform:scale(0); } #quickreply[appearance="open"] .expander .max, #quickreply[appearance="open"] .expander .close, #quickreply[appearance="open"] .expander .head_title { opacity:1; } #quickreply[appearance="open"].maximised .max { background:url(../../images/quickreply/minimize.svg?v=1) center center no-repeat #f2f2f2;background-size:60% auto;} #quickreply .inner { opacity:0;padding: 0px 10px;padding-bottom:0px;overflow:hidden;background-color:#fff;position:relative;right:0px;left:0px;bottom:0px; display:flex;align-items:stretch;width:100%;box-sizing:border-box;;flex-flow: column; flex-grow: 1;} #quickreply[appearance="open"] .inner { padding-bottom:37px;opacity:1; } #quickreply .inner form { overflow:hidden;display:flex;align-items:stretch;width:100%;box-sizing:border-box;flex-wrap:wrap;flex-flow: column; flex-grow: 1;} #quickreply[appearance="open"] .inner:not(.error) { height: 160px; } #quickreply[appearance="collapsed"] .inner { max-height:0px; } #quickreply[appearance="open"].maximised .inner {padding-bottom:38px; } #quickreply .inner form .rate select { padding:10px;border:0px;width:100%;box-sizing:border-box;margin-bottom:3px;background-color:#f2f2f2;} #quickreply .foot { position:relative;padding-top:8px;padding-bottom:0px;position:absolute !important;left:0px;right:0px;padding:0px;height:unset;display:flex;padding:0 10px;bottom:5px;justify-content:center;; } #quickreply .foot button { height: 30px; line-height: 27px; } #quickreply .foot button[type='submit'] { margin-left:auto; } #quickreply .foot button[name="back"] { margin-right:auto; } #quickreply .foot .bbcodes { margin-right:5px;background:url(../../images/quickreply/main.svg) center center no-repeat transparent;background-size:50% auto;width:30px;height:30px;border:0px;cursor:pointer;border-radius:3px; } #quickreply[appearance="open"].maximised .foot .bbcodes { background-color:#e5e5e5; } #quickreply .inner, #quickreply .expander .text, #quickreply .close, #quickreply .head_title, #quickreply .head_title h1, #quickreply .expander .usericon { transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out; } #quickreply.load .inner::after { content:" ";position:absolute;left:0;right:0;top:0;bottom:0; } #quickreply.load .inner { opacity:0.3; } #quickreply:not(.error) .inner.error, #quickreply.error .inner:not(.error) {display:none;} #quickreply .inner.error > span { padding:20px;border-radius:10px;padding-left:55px;background:url(../../images/quickreply/warning.svg) center left 10px no-repeat #f2f2f2;background-size:35px auto; } #quickreply .success, #quickreply .success > div { transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;} #quickreply .success { max-height:0px; } #quickreply .success > div { text-align:center;padding:10px;margin-bottom:0px;opacity:0;padding-bottom: 0px; } #quickreply .success.show > div { opacity:1; } #quickreply .success.show { max-height:220px; } @media screen and (max-width: 1080px) { #quickreply { max-width:unset;max-width:auto; } } #achievementsFooter { z-index: 192;position:fixed;right:10px;bottom:10px; } #achievementsFooter ul.collect {text-align:right;position:absolute;bottom:100px;right:10px; } #achievementsFooter ul.collect li {opacity:0;cursor:pointer;height:60px;line-height:60px;font-family:tahoma,verdana,san-serif;color:#fff;text-shadow:0px 0px 1px #000;display:block;position:relative;padding-right:65px;transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; } #achievementsFooter ul.collect li.show { opacity:1;} #achievementsFooter ul.collect li.hide { height:0px;} #achievementsFooter ul.collect li div.item {border:1px solid #f6f6f6;box-sizing:border-box;text-align:center;height:50px;width:50px;display:block;position:absolute;right:0px;top:5px;} #achievementsFooter ul.collect li div.item img { width:100%; } #achievementsFooter > .new { display:flex;} #achievementsFooter > .new .item { left:0px;margin-right:0px;cursor:pointer;width:100px;border:0px solid red;overflow:visible;position:relative;display:inline-block; transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; } #achievementsFooter > .new .item div.paddinger { padding-bottom:100%;} #achievementsFooter > .new .item::after { content:" ";display:block;opacity:0.5;z-index:0;position:absolute;left:0;right:0;bottom:0;top:0;background:url('../../images/achievements/glow1.png') no-repeat center center transparent;background-size:cover;} #achievementsFooter > .new .item::before { content:" ";display:block; z-index:1;position:absolute;left:0;right:0;bottom:0;top:0;background:url('../../images/achievements/glow2.png') no-repeat center center transparent;background-size:cover;} #achievementsFooter > .new .item div.cheast { z-index:2;position:absolute;left:10px;right:10px;top:10px;bottom:10px;background:url('../../images/achievements/booksmall.png') no-repeat 0px 0px transparent;background-size:100% auto;} #achievementsFooter > .new .item.animate::after { animation: achievementRotation 10s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;} #achievementsFooter > .new .item.animate::before { animation: achievementRotationReversed 6s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;} #achievementsFooter > .new .item.animate div.cheast { animation: achievementShake 3s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;} #achievementsFooter > .new .item:hover div.cheast, #achievementsFooter > .new .item.open div.cheast {background-position: 0px 100%;} #achievementsFooter > .new .item.hidden { left:120px;margin-right:-120px;} #achievement { display:none;transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; opacity:0;background-color: rgba(0,0,0,0.4);position: fixed !important; position:absolute;top: 0pt; left: 0pt; z-index: 190; width: 100%; height: 3509px;} #achievement.show { opacity:1;} #achievement .popUp { transform:translateY(-50%) translateX(-50%);transition:all 0.5s ease-in-out; opacity:0;width:100%;max-width:500px;position:fixed;left:50%;top:50%; } #achievement.show .popUp { opacity:1;} #achievement .popUp:after { background-color:rgba(255, 255, 255, 0.32);border-radius: 50%;box-shadow: 0 0 90px 83px rgba(255, 255, 255, 0.32);content: " ";height: 250px;left: 50%;margin-left: -125px;margin-top: -125px;position: fixed;top: 43%;width: 250px;z-index: 0;} #achievement .popUp .paddinger {padding-bottom:71%;} #achievement .popUp .bg { z-index:2;position:absolute;left:0px;right:0px;top:0px;bottom:0px;background:url('../../images/achievements/bookbig.png') no-repeat 0px 0px transparent;background-size:100% auto; } #achievement .popUp .items {z-index:3;text-align:center;position:absolute;background-color:#fff;width:100%;max-width:369px;left:50%;margin-left:-185px;top:55%;padding:15px;box-sizing:border-box;padding-top:3px;} #achievement .popUp .items span { font-size:22px;text-shadow:0px 0px 4px #fff;display:block; } #achievement .popUp .items span font { font-weight:bold;} #achievement .popUp .items .subtext { margin-top:10px;} #achievement .popUp .close { opacity:0.4;margin-top:20px; } #achievement .popUp .close.show { opacity:1;cursor:pointer;} #achievement .popUp .items .itembox { box-shadow:0px 0px 11px rgba(0,0,0,0.5) inset;height:50px;width:50px;border:0px solid yellow;display:inline-block;position:relative; } #achievement .popUp .items .itembox .item {border:1px solid #f6f6f6;box-sizing:border-box;cursor:pointer;left:0px;right:0px;position:absolute;top:0px;bottom:0px;display:inline-block;text-align:center; } #achievement .popUp .items .itembox .item img { width:100%; } #achievement.orden .popUp .cheast { z-index:2;position:absolute;left:10px;right:10px;top:10px;bottom:10px;background:url('../../images/orden/11.png') no-repeat 0px 0px transparent;background-size:100% auto;} #achievement.orden .popUp .bg { background:url('../../images/achievements/nobookbig.png') no-repeat 0px 0px transparent;background-size:100% auto;text-align:center; } #achievement.orden .popUp .glow { position:absolute;width:70%;margin-left:-35%;padding-bottom:100%;display:inline-block;top:-39%;left:50%;} #achievement.orden .popUp .glow::after { content:' ';opacity:0.5;z-index:0;position:absolute;left:0;right:0;bottom:0;top:0;background:url('../../images/achievements/glow1.png') no-repeat center center transparent;background-size:100% ;animation: achievementrotation1 10s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } #achievement.orden .popUp .glow::before { content:' ';z-index:1;position:absolute;left:0;right:0;bottom:0;top:0;background:url('../../images/achievements/glow2.png') no-repeat center center transparent;background-size:100% ; animation: achievementrotation2 6s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } #achievement.orden .popUp .orden { z-index:1;top:-10%;margin-left:-30%;left:50%;position:absolute;display:inline-block;width:60%;padding-bottom:100%; background:url('../../images/orden_new/11.png') no-repeat 0px 0px transparent;background-size:100% auto;} #achievement.orden .popUp .items { top:63%; } @keyframes achievementShake { 0%, 14%, 100% { transform: rotate(0deg); } 2%, 6%, 10% { transform: rotate(5deg); } 4%, 8%, 12% { transform: rotate(-5deg); } } @keyframes achievementRotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes achievementRotationReversed { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } /** Notification Icon **/ #notificationIcon {position:relative;width:46px;height:46px;border-radius:50%;cursor:pointer;margin-left:5px;} #notificationIcon::after { border-radius:50%;content:" ";position:absolute;left:0;top:0;bottom:0;right:0;background:url(../../images/notifications/subscribed-white.svg) center center no-repeat var(--headerBgButtonColor); background-size:50% auto; } body.light #notificationIcon::after { background:url(../../images/notifications/subscribed-black.svg) center center no-repeat var(--headerBgButtonColor); background-size:50% auto; } #notificationIcon:hover::after { transform:rotate(0deg);background-color:var(--headerBgButtonColorHover); -webkit-animation: aunotificationbounce .5s 1 linear; animation: aunotificationbounce .5s 1 linear;} #notificationIcon.active-helper::after {content: ' ';display: block;height: 40px;width: 40px;border: 0px solid red;border-radius: 50%;background-color: rgba(0,0,0,0.1);} #notificationIcon .counter { display:none;} #notificationIcon.count .counter { z-index:1;display:block;position:absolute;top:0px;font-size:12px;right:0px;background-color:#cc3016;padding:3px;color:#fff;font-weight:bold;border-radius:2px;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;} @keyframes aunotificationbounce { 0%, 50%, 100% { transform:rotate(0deg); } 25% { transform: rotate(45deg); } 75% { transform: rotate(-45deg); } } @media screen and (max-width: 550px) { #notificationIcon { width: 35px;height: 35px; }} /** Notification Sidebar **/ #notification.in { background-color:rgba(0,0,0,0.3); } #notification .notificationlist { width:100%;max-width:450px;background-color: rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.2);transition:all .5s linear } #notification .notificationlist .loading { left:50%; display:none;margin-top:-20px;top:50%;margin-left:-20px;} #notification.load .notificationlist .loading {display:block; } #notification .notificationlist .body { box-sizing:border-box;background-color: transparent; } #notification .loading { width: 40px; height: 40px; position: relative;margin:20px; } #notification .loading::after, #notification .loading::before { content:' ';width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0,0,0,0.5); opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: au-notification-bounce 2.0s infinite ease-in-out; animation: au-notification-bounce 2.0s infinite ease-in-out;} #notification .loading::before { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;} @-webkit-keyframes au-notification-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes au-notification-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /** Notification List **/ .notifictionList button[data-action='deleteAllNotifications'] { cursor: pointer;font-family: inherit;color: #fff;font-weight: 800;padding: 5px 10px;border-radius: 5px; background-color: var(--signalFarbe); border: 0px; margin-left: auto;} .notifictionList button[data-action='deleteAllNotifications']:hover, .notifictionList button[data-action='deleteAllNotifications'].active-helper {background-color: var(--signalFarbeHover);} .notifictionList .deleteAllNotification {display: flex;align-items: center;margin-bottom: 10px; } .notifictionList ul { width:100%;list-style:none;margin:0;padding:0;} .notifictionList ul > li { position:relative;transition:all .2s linear;background-color:#f2f2f2;border-radius:0px; } .notifictionList ul > li.active-helper:not(.more):not(.nomsg) { background-color:#f2f2f2; } .notifictionList ul > li div.content { padding:10px 35px 10px 68px;line-height: 18px;transition:opacity .3s linear;opacity:1; } .notifictionList ul > li.fadeOut div.content { opacity:0; } .notifictionList ul > li font { color:#157aae !important; } .notifictionList ul > li div.image { border-radius:50%;width:40px;position:absolute;top:50%;left:10px;height:40px;margin-top:-20px;background: url(../../images/thread/nouser-grey.svg) center center no-repeat #f2f2f2;box-shadow: 0px 0px 0px 2px #999 inset;background-size:cover; } .notifictionList ul > li div.image > div.nf_kind { width:20px;height:20px;position:absolute;right:-4px;bottom:1px;border-radius:50%;} .notifictionList ul > li div.content span.date { font-size:14px;margin-top:5px;display:block;} .notifictionList ul > li.more div { text-align:center;cursor:pointer;color:#ccc;padding:10px;} .notifictionList ul > li.more div:hover { color:#757575;} .notifictionList ul > li.nomsg div { text-align:center;cursor:pointer;color:#ccc;padding:10px;} .notifictionList ul > li .mainurl { position:absolute;left:0;right:0;top:0;bottom:0;cursor:pointer;} .notifictionList ul > li { overflow:hidden; } .notifictionList ul > li div.main { position:relative;left:0px;transition:all .2s linear;z-index:2; } .notifictionList ul > li div.main.off { padding: 10px;text-align: center; } .notifictionList ul > li.notvisited .content { background: -moz-linear-gradient(-45deg, rgba(168,50,113,0.2) 0%, rgba(242,242,242,0) 50%, rgba(242,242,242,0) 100%);background: -webkit-linear-gradient(-45deg, rgba(168,50,113,0.2) 0%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);background: linear-gradient(135deg, rgba(168,50,113,0.2) 0%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%); } .notifictionList ul > li .main { background-color: #f2f2f2; } .notifictionList ul > li.new .main { background-color:#fff0c7;} .notifictionList ul > li.showSettings { min-height:auto !important;min-height:unset !important;} .notifictionList ul > li.showSettings div.main { left:-60px; } .notifictionList .subs ul > li.showSettings div.main { left:-30px; } .notifictionList ul > li div.settings { display:flex;align-items:center;z-index:1;position:absolute;right:0;top:0;bottom:0;width:60px; } .notifictionList .subs ul > li div.settings { width:30px; } .notifictionList ul > li div.settings button { position:relative;width:calc(50%);height:100%;padding:0px 10px;font-family:inherit;background-color:var(--signalFarbe);color:#fff;font-weight:800;right:0;cursor:pointer;top:0;box-sizing: border-box;margin-right:0px;text-align:center;display:block;outline:0;border:0; font-size: 16px;border-radius:0px;} .notifictionList .subs ul > li div.settings button { width:100%; } .notifictionList ul > li div.settings button[data-kind='y'] { background:url(../../images/notifications/unsubscribed-white.svg) center center no-repeat #ffa500; background-size:50% auto; } .notifictionList ul > li div.settings button[data-kind='y']:hover, .notifictionList ul > li div.settings button[data-kind='y'].active-helper { background-color:#f29500;} .notifictionList ul > li div.settings button[data-kind='delete'] { background:url(../../images/notifications/close.svg) center center no-repeat #db0000; background-size:66% auto; } .notifictionList ul > li div.settings button[data-kind='delete']:hover, .notifictionList ul > li div.settings button[data-kind='delete'].active-helper { background-color:#b20000;} .notifictionList ul > li:not(.more):not(.nomsg) { position:relative;margin-bottom: 5px; } .notifictionList ul > li div.showSettings { position:absolute;border-radius:2px;top:0px;right:0px;width:30px;height:100%;background-color:rgba(0,0,0,0.05);background-image:url(../../images/notifications/options.svg);background-position: center center;background-repeat:no-repeat;z-index:2;background-size: 60% auto;} .notifictionList ul > li:hover div.showSettings:hover { background-color:rgba(0,0,0,0.1);cursor:pointer;} .notifictionList ul > li span.date { font-weight:100 !important;padding-bottom:0px !important;color:rgba(0,0,0,0.4);padding-top: 0px !important;font-size: 14px !important; margin-top: 0px !important;} .notifictionList ul > li.emty { padding:10px; } .notifictionList .nf_kind { background:url(../../images/notifications/miniicon.png) center center no-repeat #fff;} .notifictionList .nextnotifications { width:100%;text-align: center; } .notifictionList .nf_kind.thxpost { background:url(../../images/notifications/thxpost.svg) center center no-repeat #333;background-size:55% auto;} .notifictionList .nf_kind.newrating { background:url(../../images/notifications/newrating.svg) center center no-repeat #333;background-size:60% auto;} .notifictionList .nf_kind.emaillist { background:url(../../images/notifications/emaillist.svg) center center no-repeat #333;background-size:60% auto;} .notifictionList .nf_kind.newpost { background:url(../../images/notifications/newpost.svg) center center no-repeat #333;background-size:60% auto;} .notifictionList .nf_kind.participation { background:url(../../images/notifications/participation.svg) center center no-repeat #333;background-size:60% auto;} .notifictionList .nf_kind.followerinfo_newthread { background:url(../../images/notifications/followerinfo.svg) center center no-repeat #333;background-size:60% auto;} .notifictionList .nf_kind.followerinfo_attachment { background:url(../../images/notifications/followerinfo.svg) center center no-repeat #333;background-size:60% auto;} .notifictionList .nf_kind.followerinfo_newpost { background:url(../../images/notifications/followerinfo.svg) center center no-repeat #333;background-size:60% auto;} .notifictionList .subs ul { list-style:none;margin:0;padding: 10px 0px; } .notifictionList ul.blocked li .content { background:url(../../images/notifications/unsubscribed-black.svg) center left 10px no-repeat #f2f2f2;background-size:15px auto; } .notifictionList ul.subs li .content { background:url(../../images/notifications/followed-black.svg) center left 10px no-repeat #f2f2f2;background-size:15px auto; } .notifictionList .subs ul li .content { padding-left:35px !important; } .notifictionList .configs { border-bottom:1px solid #ccc;display:flex;width:100%;padding-left:10px;margin-bottom:10px; } .notifictionList .configs > div { cursor:pointer;position:relative;width:30px;height:30px;margin-bottom:-1px;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#fff;border:1px solid #ccc;border-bottom:0px; ;} .notifictionList .configs > div::after { content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/notifications/subscribed-black.svg) center left 10px no-repeat #fff;background-size:50% auto; } .notifictionList .configs > div:nth-child(1)::after {background:url(../../images/notifications/subscribed-black.svg) center center no-repeat transparent;background-size:50% auto; } .notifictionList .configs > div:nth-child(2)::after {background:url(../../images/notifications/settings.svg) center center no-repeat transparent;background-size:50% auto; } .notificationlist:not(.showSettings) .configs > div:nth-child(2) { border-color:transparent;background-color:transparent; } .notificationlist:not(.showSettings) .subs { display:none; } .notificationlist.showSettings ul.nflist, .notificationlist.showSettings .deleteAllNotification { display:none; } .notificationlist.showSettings .configs > div:nth-child(1) { border-color:transparent;background-color:transparent; } /** Sub & Unsubscribe anywhere on the Page Icon **/ #notificationQuickChange { cursor:pointer;min-height:30px;background-color:rgba(80,105,135,0.5);padding-right: 35px;color:var(--strongFontColor);padding-left:15px;border-radius:5px;margin-top:2px; display: flex;font-weight:bold;align-items: center;font-size: 16px;flex-wrap: wrap; padding-top: 5px;padding-bottom: 5px;} #notificationQuickChange.unsubscribed { background:url(../../images/notifications/unsubscribed-white.svg) center right 14px no-repeat var(--boxBgColor);background-size:16px auto; } #notificationQuickChange.followed { background:url(../../images/notifications/followed-white.svg) center right 14px no-repeat var(--boxBgColor);background-size:16px auto; } #notificationQuickChange { background:url(../../images/notifications/subscribed-white.svg) center right 14px no-repeat var(--boxBgColor);background-size: 16px auto; } body.shadow #notificationQuickChange { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); } body.light #notificationQuickChange.unsubscribed { background:url(../../images/notifications/unsubscribed-black.svg) center right 14px no-repeat var(--boxBgColor);background-size:16px auto; } body.light #notificationQuickChange.followed { background:url(../../images/notifications/followed-black.svg) center right 14px no-repeat var(--boxBgColor);background-size:16px auto; } body.light #notificationQuickChange { background:url(../../images/notifications/subscribed-black.svg) center right 14px no-repeat var(--boxBgColor);background-size:16px auto; } #notificationQuickChange:hover { background-color:rgba(80,105,135,0.6); } #notificationQuickChange font { font-weight:bold;display:none; } #notificationQuickChange strong { padding-right:5px; } #notificationQuickChange.followed .on, #notificationQuickChange.subscribed .regular, #notificationQuickChange.unsubscribed .off { display:inline-block; } /** Footerbar PopUp Bar **/ #notificationFooter { position:fixed;top:10px;right:0;width:300px;z-index:9999;} #notificationFooter ul { list-style:none;padding:0;margin:0; perspective: 600px;} #notificationFooter > ul > li { opacity:1;overflow:hidden; transform: rotateX(0deg);max-height:200px; position:relative;left:0px;font-size:15px; border-radius:5px;margin-bottom:10px;margin-right:10px;overflow:hidden;border:1px solid rgba(0,0,0,0.2);box-shadow:0 3px 8px rgba(0, 0, 0, 0.25);transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} #notificationFooter > ul > li div.content span.date { display:none; } #notificationFooter > ul > li.remove { opacity:0;left:300px; } #notificationFooter > ul > li.minimize { max-height:0px; } #notificationFooter > ul > li.fresh { max-height:0px; transform: rotateX(-90deg);} #notificationFooter > ul > li:hover { opacity:1; } #notificationFooter .notifictionList > ul > li { transform:translateX(0%);opacity:1;} /** PMS **/ #pmsIcon { position:relative;width:46px;height:46px;cursor:pointer; } #pmsIcon div.counter { display:none;} #pmsIcon.count div.counter { z-index: 3;display:block;position:absolute;top:0px;font-size:12px;right:0px;background-color:#cc3016;padding:3px;color:#fff;font-weight:bold;border-radius:2px;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;} #pmsIcon::after { border-radius: 50%;content: " ";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: url(../../images/pms/icon.svg) center center no-repeat var(--headerBgButtonColor);background-size: 50% auto;} body.light #pmsIcon::after { background: url(../../images/pms/icon-dark.svg) center center no-repeat var(--headerBgButtonColor);background-size: 50% auto;} #pmsIcon:hover::after { transform:rotate(0deg);background-color:var(--headerBgButtonColorHover); -webkit-animation: apmsbounce .5s 1 linear; animation: apmsbounce .5s 1 linear;} @keyframes apmsbounce { 0%, 50%, 100% { transform:rotate(0deg); } 25% { transform: rotate(45deg); } 75% { transform: rotate(-45deg); } } @media screen and (max-width: 550px) { #pmsIcon { width:35px;height:35px; } } #pmsMembersSearch ul { list-style:none;margin:0;padding:0; } #pmsMembersSearch ul li { border-bottom: 1px solid #ccc;padding:10px 0px;position: relative;display:flex;align-items:center;} #pmsMembersSearch ul li .invite, #pmsMembersSearch ul li > div:nth-child(2) span { width:30px;height:30px;border:1px solid red; } #pmsMembersSearch ul li > div:nth-child(2), #pmsMembersSearch ul li > div:nth-child(1) { display:flex;align-items:center; } #pmsMembersSearch ul li b { padding-left:10px; } #pmsMembersSearch ul li > div:nth-child(2) { margin-left: auto; } #pmsMembersSearch ul li > div:nth-child(2) [action] { cursor:pointer;margin-left:2px;width:30px;border-radius:2px;height:30px;border:1px solid #f2f2f2; } #pmsMembersSearch ul li > div:nth-child(2) [action="delete"] { background:url(../../images/pms/delete.svg) center center no-repeat #f2f2f2;background-size:65% auto;} #pmsMembersSearch ul li > div:nth-child(2) [action="invite"] { background:url(../../images/pms/invite.svg) center center no-repeat #f2f2f2;background-size:65% auto;} #pmsMembersSearch ul li > div:nth-child(2) [action="removeAdmin"], #pmsMembersSearch ul li > div:nth-child(2) [action="makeAdmin"] { background-color: #f2f2f2;width: auto;line-height: 27px; padding: 0 10px; } #pmsMembersSearch [name="membersfind"] { background-image:url(../../images/pms/search.svg);background-size:auto 56%;background-repeat:no-repeat;background-position: right 10px center;padding-right: 43px !important;} #pmsMembersSearch .nextmembers { width: 100%;box-sizing: border-box;margin-top: 10px;text-align: center;display: inline-block;padding: 0px; } #pmsAddOrCreateGroup [name="newgroupname"] { font-size: 17px;font-weight:bold; } #pmsAddOrCreateGroup .box.name { font-size: 27px;font-weight:bold;display:block; } #pmsAddOrCreateGroup [name="newgroupname"], #pmsAddOrCreateGroup [name="authentification"], #pmsAddOrCreateGroup [name="pw"] { width:100%;margin-bottom:10px; } #pmsAddOrCreateGroup .box.hide { display:none; } #pmsAddOrCreateGroup [name="pw"] { background-image:url(../../images/pms/key.svg) !important;background-size:auto 56% !important;background-repeat:no-repeat !important;background-position: left 10px center !important;padding-left: 43px !important;} #pms .offlineerror { opacity:0.8;color:#fff;z-index:1;display:block;text-align:center;padding:10px 36px;position:absolute;top:50px;left:0;right:0px;font-size:14px;box-shadow:none;background: #d06701; /* Old browsers */background: -moz-linear-gradient(top, #d06701 0%, #e79701 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #d06701 0%,#e79701 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #d06701 0%,#e79701 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d06701', endColorstr='#e79701',GradientType=0 ); /* IE6-9 */} #pms.online .offlineerror { display:none; } #pms { overflow-y:scroll;box-sizing: border-box;opacity:1;position: fixed;transform: translate3d(1px, 0, 0);width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 12;} #pms .bg { min-height: 100%;box-sizing:border-box;transition:background-color 0.3s ease-in-out 0s;background-color:rgba(0,0,0,0.3);display:flex;justify-content: center;align-items: center;padding-top:30px;padding-bottom:30px; } #pms:not(.scrollable) { overflow-y:hidden; } #pms .wrapper { transform:translateY(0%) translateZ(0);perspective:10px;transition:transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;position:relative;border-radius:5px;box-sizing: border-box;width:840px;z-index:10;border-radius: 3px;opacity: 1;z-index: 4;margin: auto;} #pms .wrapper .inner { border-radius:5px;backface-visibility: hidden;perspective: 10px;transform:translateZ(0);transition:padding 0.3s ease-in-out 0.3s;padding-left:0px; } #pms:not(.show) { display:none; } #pms:not(.in) .wrapper { transform:translateY(55%);opacity:0;padding-left:0px; } #pms:not(.in) .wrapper .inner { padding-left:0px; } #pms:not(.in) .bg { background-color:rgba(0,0,0,0); } #pms.out .wrapper { padding-left:0px; } #pms.out .wrapper .inner { padding-left:0px; } #pms .wrapper .inner { display:flex;overflow:hidden; } #pms a { color:#000 !important;} #pms .leftcollum { flex-shrink: 0;width:30%;box-sizing:border-box;position:relative;min-width:240px;transition: all 0.3s ease-in-out 0s; } #pms .rightcollum { min-width:300px;min-height:800px;float:left;width:70%;box-sizing:border-box;position:relative;overflow:hidden;opacity:1;transition: all 0.3s ease-in-out 0s; } @media screen and (max-width: 880px) { #pms .wrapper { width: calc(100% - 40px) !important; } } @media screen and (max-width: 880px) { #pms:not([view="collapsed"]) .rightcollum { width:100%; } #pms:not([view="collapsed"]) .leftcollum { width:300px !important;margin-left:-300px; } #pms .extender { width: 30px;position: relative;z-index: 1;height: 30px;cursor:pointer;background:url("../../images/pms/backToList.svg") center center no-repeat #fff;background-size:70% auto;} #pms .extender.active-helper, #pms .extender:hover {background-color:rgba(0,0,0,0.1); } #pms .chat_head font.headl { padding-left:40px; } } @media screen and (max-width: 340px) { #pms:not([view="collapsed"]) .leftcollum { width:100%; } #pms .rightcollum { min-width:calc(100% - 40px); } } #pms[view="collapsed"] .wrapper { width:450px; } #pms[view="collapsed"] .rightcollum { width:0%; } #pms[view="collapsed"] .leftcollum { width:100%; } #pms .finduser .addEditGroup { transition: right 0.3s ease-in-out 0s;right:10px;position:absolute;cursor:pointer;z-index:1; background:url("../../images/pms/newgroup.svg") center center no-repeat #fff;width:30px;height:30px;top:10px;bottom:0px;background-size:70% auto; } #pms .finduser .addEditGroup.active-helper, #pms .finduser .addEditGroup:hover { background-color:rgba(0,0,0,0.1); } #pms .finduser .close { transition: transform 0.3s ease-in-out 0s;transform:scale(0);margin-right:-45px; } #pms[view="collapsed"] .finduser .addEditGroup {right:45px;} #pms[view="collapsed"] .finduser .close { transform:scale(1);margin-right:0px;right:10px;position:absolute;cursor:pointer;z-index:1; background:url("../../images/pms/close.svg") center center no-repeat #fff;width:30px;height:30px;top:10px;background-size:60% auto; } #pms[view="collapsed"] .finduser .close.active-helper, #pms[view="collapsed"] .finduser .close:hover {background-color:rgba(0,0,0,0.1); } #pms .userlist { position:absolute;left:0;right:0;top:50px;bottom:0;background-color:#fff;min-width:240px;overflow-y: auto;} #pms .userlist ul { list-style:none;margin:0;padding:0;width:100%;} #pms .userlist ul li { padding:7px;position:relative;cursor:pointer; } #pms .userlist ul li.current { background-color:#6a91b1;color:#fff !important;} #pms .userlist ul li.current a { color:#fff !important; } #pms .userlist ul li:not(.current).newmsg { background: -moz-linear-gradient(-45deg, rgba(168,50,113,0.2) 0%, rgba(255,255,255,0.02) 50%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(-45deg, rgba(168,50,113,0.2) 0%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0) 100%);background: linear-gradient(135deg, rgba(168,50,113,0.2) 0%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0aa83271', endColorstr='#00ffffff',GradientType=1 ); } #pms .userlist ul li .chat {position:relative;} #pms .userlist ul li .msg { height:60px;padding-left:67px;} #pms .userlist ul li .msg a { font-weight:bold;display:block;padding-top:3px;} #pms .userlist ul li .msg p { margin:0px;padding:0px;font-size:14px;display:inline;} #pms .userlist ul li .msg span.icon.send { display:inline-block;width:15px;height:13px;background:url(../../images/pms/send_recieve.png) -15px 0px transparent;position:relative;top:2px;margin-right:1px;} #pms .userlist ul li .msg span.icon.recieved { display:inline-block;width:15px;height:13px;background:url(../../images/pms/send_recieve.png) 0px 0px transparent;position:relative;top:2px;margin-right:1px;} #pms .userlist ul li .msg .date { font-size:14px;position:absolute;bottom:3px;right:10px; } #pms .userlist ul li .userpic span.memberscont { display:none;position:absolute;bottom:3px;left:2px;right:2px;background-color:transparent;border-radius:0px;text-align:right;z-index:1;} #pms .userlist ul li .userpic span.memberscont.show { display:block;} #pms .userlist ul li .userpic span.memberscont .members { position:relative;font-size:12px;color:#fff;background-color:#333;padding:3px;border-radius:2px;} #pms .userlist ul li .userpic { position:absolute;left:3px;top:3px; width:54px;background-size:cover !important;background-position:center center ; border-radius:27px;transition: all 0.2s ease-in-out 0s;} #pms .userlist ul li.online .userpic:after { width:14px;height:14px;border-radius:50%;position:absolute;content:' ';bottom:0;right:0;background:#dcfd9b none no-repeat scroll center center;} #pms .userlist ul li .userpic .paddinger { padding-bottom:100%; } #pms .userlist ul li.current .userpic { left:0px;top:0px; width:60px; border-radius:30px;transition: all 0.2s ease-in-out 0s;} #pms .userlist ul li .userpic.noavatar { background: url(../../images/pms/nouser-grey.svg) center center no-repeat #f2f2f2; } #pms .userlist ul li .userpic.group { background: url(../../images/pms/group-grey.svg) center center no-repeat #f2f2f2; } #pms .userlist ul li.showmore {font-size:14px; text-align:center;cursor:pointer;color:#ccc;padding:10px;} #pms .userlist ul li.showmore:hover { color:#757575;} #pms .userlist ul li.load .loading {position:absolute;left:50%;margin-left:-12px; } #pms .userlist ul li.load { border:0px !Important;font-size:14px; text-align:center;cursor:pointer;color:#ccc;padding:10px;} #pms .userlist ul li.load:hover { background-color:#fff;} #pms .finduser { box-sizing:border-box;height:50px;position:relative;z-index:1;background-color:#fbfbfb;border-bottom:1px solid #e8e8e8;} #pms .finduser input { background:url("../../images/pms/lupe.svg") left 11px center no-repeat #fff;background-size:auto 40%;box-sizing:border-box;width:100%;border:0px solid rgba(0,0,0,0.1);padding:5px;padding-left:40px;font-family:inherit;font-size:16px;padding-right:40px;position:absolute;top:0;right:0px;left:0px;bottom:0px;height:100%;} #pms.loaduserfind .finduser input { background:url(../../images/pms/load2.png) left 11px center transparent no-repeat;} #pms .finduser.with_addgroup input {padding-right:45px;} #pms .finduser.with_addgroup input:focus { outline:0; } #pms .userlist .alt-scroll-content { left:0px !important; } #pms .userlist .contacts { display:block;} #pms .userlist .results { display:none;} #pms .userlist .results .info { padding:20px;text-align:center;color:#ccc;} #pms .userlist .results .info { font-size:15px;} #pms.userfind .userlist .results { display:block;} #pms.userfind .userlist .contacts { display:none;} #pms .scrollercss { border-radius:0px !important;width:4px !important;} #pms .addNewMsg { position:absolute;left:0;right:0;bottom:0;padding:0px;background-color:#fff;border-top:0px solid #ccc;} #pms .addNewMsg textarea { outline: none;padding:10px;font-size:16px;box-sizing:border-box;background-color:transparent;border:1px solid transparent;width:100%;font-family:inherit;max-height:400px;min-height:35px;height:35px;-webkit-appearance: none;box-shadow: none !important;} #pms .addNewMsg.flood textarea { border:1px solid #eeeeee;} #pms .addNewMsg .txtbox { background-color:#fbfbfb;border:0px solid #ccc;padding:10px;padding-top:10px;} #pms .addNewMsg .txtbox { position:relative;background-color:#fbfbfb;border-top:1px solid #ccc;padding:5px !important; padding-right:50px !important;padding-left:10px !important; } #pms .addNewMsg .txtbox .mobile_submit { cursor: pointer;position: absolute;right: 0px;bottom: 0px;width: 45px;top:0px;background:url("../../images/pms/send.svg") 40% 50% no-repeat #333;background-size:65% auto;border-radius:0px;} #pms .addNewMsg .txtbox .mobile_submit.active-helper { background-color:#000; } #pms .chat_head { z-index:1;height:50px;background-color:#fbfbfb;border-left:1px solid #e8e8e8;box-sizing:border-box;position:relative;padding:10px;border-bottom:1px solid rgba(0,0,0,0.2);top:-1px;} #pms .chat_head.with_more { padding-right:60px; } #pms .chat_head.with_close.online { padding-left:35px; } #pms .chat_head font.headl { font-size: 15px;display: block;height: 50px;position: absolute;top: 0px;line-height: 50px;} #pms .chat_head font.headl font { font-weight:bold; } #pms .chat_head.online::after { left:15px;content:" ";width:10px;height:10px;background-color: #dcfd9b;display: block;position: absolute;top: 50%;transform: translateY(-50%);border-radius:50%; } #pms .chat_head.online {padding-left:15px;} #pms .chat_head .addEditGroup { cursor:pointer;position:absolute;right:40px;bottom:0px;top:10px;width:30px;height:30px;background:url('../../images/pms/settings.svg') center center no-repeat transparent;background-size:50% auto; } #pms .chat_head .addEditGroup.active-helper { background-color:rgba(0,0,0,0.1); } #pms .chat_head .addEditGroup:hover { background-color:rgba(0,0,0,0.1); } #pms .chat_head .close { cursor:pointer;position:absolute;right:7px;bottom:0px;top:10px;width:30px;height:30px;background:url('../../images/pms/close.svg') center center no-repeat transparent;background-size:60% auto; } #pms .chat_head .close.active-helper { background-color:rgba(0,0,0,0.1); } #pms .chat_head .close:hover {background-color:rgba(0,0,0,0.1); } #pms .chat_head .ignorUser.ignored > font:nth-child(1), #pms .chat_head .ignorUser:not(.ignored) > font:nth-child(2) { display:none; } #pms .chat_head .ignorUser { border:1px solid #ccc;background-color:transparent;padding: 5px 10px;border-radius: 3px;font-family: inherit;cursor:pointer;margin-left: 10px; } #pms .chat_head .ignorUser font { font-weight:100 !important; } #pms .chat_head .ignorUser:hover { background-color:rgba(0,0,0,0.1); } #pms .chat_head .ignorUser.ignored { background-color:#cc3016;color:#fff;border:0px; } #pms .chat_head .ignorUser:not(.ignored) { opacity:0.5; } #pms .messagebox { opacity:1;position:absolute;left:0;bottom:0;right:0;top:48px;overflow-y:auto;background: #e5d1d2; /* Old browsers */border-top:1px solid #ccc;background: -moz-linear-gradient(45deg, #e5d1d2 0%, #b6c5d6 44%, #b6c5d6 69%, #ccd0d9 100%); /* FF3.6-15 */background: -webkit-linear-gradient(45deg, #e5d1d2 0%,#b6c5d6 44%,#b6c5d6 69%,#ccd0d9 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(45deg, #e5d1d2 0%,#b6c5d6 44%,#b6c5d6 69%,#ccd0d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d1d2', endColorstr='#ccd0d9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #pms .messagebox.nomsgs { background-color:#f2f2f2;} #pms .messagebox.nomsgs .nomsgs { padding:20px;color:#ccc;text-align:center;color:#fff;font-size:15px; } #pms .messagebox ul.messagelist { list-style:none;margin:13px;padding:0; } #pms .messagebox ul.messagelist > li { position:relative;padding-left:60px;min-height:45px;margin-bottom:15px;} #pms .messagebox ul.messagelist li.deliveryfail { color:red;} #pms .messagebox ul.messagelist li div.upic { border-radius:3px;position:absolute;left:0px;top:0px;width:44px;height:44px;border-radius:22px;border:0px solid red;background-size:cover;background-position:center center;} #pms .messagebox ul.messagelist li ul { list-style:none;margin:0;padding:0;display:block;} #pms .messagebox ul.messagelist li ul li { position:relative;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;} #pms .messagebox ul.messagelist li ul li.hide { display:none; } #pms .messagebox ul.messagelist li ul li p { font-size:14px;min-height:18px;position:relative;background-color:#fff; margin:0px;border-radius:3px;border:0px solid #ccc;padding:7px;margin-bottom:3px;display:inline-block;padding-right:60px;box-shadow: 0 5px 6px -6px #777;} #pms .messagebox ul.messagelist li ul li p span { font-size:14px;position:absolute;padding:5px;right:0px;bottom:0px;color:#ccc;} #pms .messagebox ul.messagelist li ul li p a { color:#3b76cd !important;} #pms .messagebox ul.messagelist li ul li p i { cursor:pointer;width:8px;height:8px;position: absolute;right:7px;bottom:8px;background:url(../../images/pms/deleteSingle.svg) center center no-repeat transparent;background-size: 100% auto;opacity: 0.2; } #pms .messagebox ul.messagelist li ul li.canDelete p {padding-right:70px; } #pms .messagebox ul.messagelist li ul li.canDelete span { right:14px; } #pms .messagebox ul.messagelist li ul li.deleted font { opacity:0.5; } #pms .messagebox ul.messagelist li.read { color:#fff;margin-top:10px;font-size:15px;} #pms .messagebox ul.messagelist li.ignormessage { padding-left:0px;text-align:center;min-height:auto;min-height:unset;color:#fff;} #pms .messagebox ul.messagelist li.newday { padding-left:0px;text-align:center;min-height:auto;min-height:unset;} #pms .messagebox ul.messagelist li.systemmsg { padding-left:0px;text-align:left;min-height:auto;min-height:unset; } #pms .messagebox ul.messagelist li.systemmsg span { background-color: rgba(0, 0, 0, 0.1);border-radius: 3px;color: #fff;font-size: 12px;padding: 5px 10px;box-shadow: 0px 1px 4px -3px rgba(0,0,0,0.8) inset;border-top: 1px solid rgba(255,255,255,0.3);} #pms .messagebox ul.messagelist li.newday span { border-radius:3px;padding:5px;color:#fff;background-color:rgba(0,0,0,0.5); } #pms .messagebox ul.messagelist li.loadmore {margin:0px;margin-bottom:0px;padding:0px;min-height:0px;text-align:center;padding:0px;height:100px;position:relative;} #pms .messagebox ul.messagelist li.loadmore .clicktoloadprev { font-size:12px;opacity:0.6;padding:10px;cursor:pointer;} #pms .messagebox ul.messagelist li.loadmore.load .loading {opacity:1 !important;position:absolute;bottom:30px;left:50%;margin-left:-12px;} #pms .nochats, #pms .groupcontent { background-color:#f2f2f2;position:absolute;left:0;top:0;bottom:0;right:0;height:100%;width:100%; } #pms .groupcontent { text-align:center;display:flex;justify-content:center;align-items:center;background: -moz-linear-gradient(45deg, #e5d1d2 0%, #b6c5d6 44%, #b6c5d6 69%, #ccd0d9 100%); /* FF3.6-15 */background: -webkit-linear-gradient(45deg, #e5d1d2 0%,#b6c5d6 44%,#b6c5d6 69%,#ccd0d9 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(45deg, #e5d1d2 0%,#b6c5d6 44%,#b6c5d6 69%,#ccd0d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d1d2', endColorstr='#ccd0d9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #pms .groupcontent .box.name { font-weight: bold;margin-bottom:3px;font-size: 21px;display:block; } #pms .groupcontent .cnt { padding:20px;border-radius:10px;background-color:rgba(255,255,255,0.5);width:100%;max-width:250px; } #pms .groupcontent input.groupBtn { margin-bottom: 5px;position:relative;padding:2px 12px;font-family:inherit;background-color:var(--signalFarbe);color:#fff;font-weight:800;right:0;cursor:pointer;top:0;box-sizing: border-box; line-height: 25px;text-align:center;display:inline-block;outline:0;border:0; font-size: 16px;border-radius: 5px;} #pms .groupcontent input.groupBtn:hover, #pms .groupcontent input.groupBtn.active-helper { background-color:var(--signalFarbeHover);} #pms .groupcontent .loading { margin:0 auto;margin-top:15px;display:none; } #pms .groupcontent .pwwrap { background-color: #fff;position:relative;margin-bottom: 10px;border-radius: 3px; } #pms .groupcontent .pwwrap input { background: #f3f3f3 none no-repeat scroll 10px 50%;padding-right: 45px;padding-left: 10px;font-size: 16px;font-family: inherit;background-image: none;padding: 10px;box-sizing: border-box;width: 100%;background-color: #fff;border: 0px;border-radius: 3px;} #pms .groupcontent .pwwrap input:-webkit-autofill, #pms .groupcontent .pwwrap input:-webkit-autofill:hover, #pms .groupcontent .pwwrap input:-webkit-autofill:focus, #pms .groupcontent .pwwrap input:-webkit-autofill:active{ -webkit-background-clip: text; } #pms .groupcontent .pwwrap .viewpw { width: 30px;height: 30px;transform: translateY(-50%);position: absolute;top: 50%;right: 10px;cursor: pointer;background: url("../../images/loginbox/eye.svg") center center no-repeat rgba(0,0,0,0);background-size: 60% auto;} #pms .groupcontent .cnt .error { color:var(--signalFarbe);padding-top:10px; } #pms .groupcontent .cnt.blockedInput .btnWrap { position:relative;opacity:0.2; } #pms .groupcontent .cnt.blockedInput .btnWrap::after { content:" ";display:block;position:absolute;left:0;top:0;right:0;bottom:0; } #pms .groupcontent .cnt .memnbers { position: relative; font-size: 15px;display:block;margin-bottom:10px; } #pms .loading {border-radius: 50%;width: 24px;height: 24px;border: 0.45rem solid rgba(0, 0, 0, 0.2);border-top-color: rgba(0,0,0,0.5);-webkit-animation: spin 1s infinite linear;animation: spin 1s infinite linear;} @-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} #pms .rightcollum .loading { opacity:0; } #pms.loadmsg .rightcollum .loading { z-index: 1;opacity:1;position:absolute;top:50%;box-sizing:border-box;left:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-width: 0.8rem; } #pms.loadmsg .rightcollum .messagebox .messagebox_inner { opacity:0; } #pms .messagebox ul li.view p span {color:#5dc452 !important;padding-left:16px!important;background:url(../../images/pms/greencheck.svg) no-repeat center left 3px transparent;background-size:10px auto; }