/*Allgemeine Definitionen*/

.uploadValidation{margin:.75rem 0;padding:.75rem 1rem;border-left:3px solid var(--border);font-size:.9rem;overflow-wrap:anywhere;box-sizing:border-box;}
.uploadValidation[hidden],.uploadValidation [hidden]{display:none!important;}
.uploadValidation p{margin:0 0 .5rem;}
.uploadValidation button{margin:.25rem .5rem 0 0;}
.uploadValidation[data-state="error"]{border-color:#e24040;}
.uploadValidation[data-state="valid"]{border-color:#43875d;}
.uploadValidation[data-state="pending"]{border-color:#d69837;}

#installapp [hidden]{display:none!important;}
#installapp [data-pwa-install]:disabled{opacity:.65;cursor:wait;}
html[data-pwa-standalone] [data-pwa-install-menu]{display:none!important;}

.challengeDraftPreview{padding:2rem 0;}
.challengeDraftPreview > .wrapper{max-width:960px;}
.challengeDraftNotice,.challengeDraftList{padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--accent-bg);}
.challengeDraftNotice h2,.challengeDraftList h3{margin-bottom:.5rem;}
.challengeDraftList ul{padding-left:1.25rem;}
.challengeDraftList li{margin:.5rem 0;}
.challengeDraftCard{overflow:hidden;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:1rem;background:var(--bg);}
.challengeDraftBody{padding:1.5rem;}
.challengeDraftBody h1,.challengeDraftBody h2{margin-bottom:1rem;}
.challengeDraftCover{display:block;width:100%;max-height:380px;object-fit:cover;}
.challengeDraftSection + .challengeDraftSection{margin-top:1.25rem;}
.challengeDraftSection h3{margin-bottom:.5rem;}
.challengeDraftDescription ul,.challengeDraftSection ul{padding-left:1.25rem;}
.challengeDraftDetails{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.75rem 1rem;}
.challengeDraftDetails dt{font-weight:600;}
.challengeDraftDetails dd,.challengeDraftBody{overflow-wrap:anywhere;}
@media(max-width:600px){.challengeDraftDetails{grid-template-columns:1fr;gap:.25rem;}.challengeDraftDetails dd{margin-bottom:.75rem;}.challengeDraftBody{padding:1rem;}}

*{padding:0;margin:0;scroll-behavior: smooth;font-family: 'inter', Roboto, Verdana, Tahoma, sans-serif;}
*, *:before, *:after {}
html{scroll-padding-top: 160px;}
body, html{width:100%;min-height:100%;}
/* Keep the viewport minimum after the shared reset so main can fill the remaining space. */
body {min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;}

::-webkit-scrollbar {width:5px;height:0;}
::-webkit-scrollbar:vertical {width:5px;}
::-webkit-scrollbar:horizontal {height:0;display:none;}
::-webkit-scrollbar-track {width: 3px;}
::-webkit-scrollbar-thumb {background-color:#cbcbcb;border-radius: 2rem;cursor:pointer;}
::-webkit-scrollbar-thumb:hover{background-color:#e24040;} 

.fullWidth{width:100%!important;}
.floatRight{float:right!important;}
.floatLeft{float:left!important;}
.flex{display:flex; gap:1rem;}
.auth-reset-panel{display:block;}
.auth-reset-article{width:100%;}
.auth-reset-content{display:flex;}
.auth-alert{padding:.75rem 1rem;border-radius:.75rem;font-size:10pt;}
.auth-alert.success{border:1px solid #d8e7d0;background:#edf8e6;color:#1f4d1a;}
.auth-alert.error{border:1px solid #f0d1d1;background:#fbefef;color:#7c2020;}
.auth-actions{align-items:center;justify-content:flex-start;gap:1rem;}
.auth-primary-action{width:fit-content;padding:.5rem 1rem;}
/* Include padding/borders in full-width auth fields and allow grid/flex children to shrink. */
.authPage .rightCol,.authPage .contentErgebnisPanel,.authPage .contextViewPanel,.authPage form,.authPage form .row,.authPage .chatInput{min-width:0;}
.authPage .searchBarInput,.authPage .button,.authPage .data-dropzone{box-sizing:border-box;max-width:100%;}
.authPage textarea.searchBarInput{resize:vertical;}
.authPage .dropzoneStatus{overflow-wrap:anywhere;}
.authPage form .row.flex > .row{min-width:0;}
.registrationPage #registrieren-konto > .contentContainer{gap:1.5rem;padding:1.5rem;min-width:0;}
.registrationFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;}
.registrationField{display:flex;flex-direction:column;gap:.5rem;min-width:0;}
.registrationField label{font-weight:600;line-height:1.5;overflow-wrap:anywhere;}
.registrationPage .registrationField .searchBarInput{box-sizing:border-box;flex:none;width:100%;min-width:0;max-width:100%;height:48px;margin:0;padding:.65rem .85rem;}
.registrationInterest{padding-top:1.25rem;border-top:1px solid var(--border);}
.registrationInterest p{line-height:1.6;}
@media(max-width:700px){
    .registrationFields{grid-template-columns:minmax(0,1fr);gap:1.25rem;}
    .registrationPage #registrieren-konto > .contentContainer{padding:1.25rem;}
}
.registrationCapacity{display:flex;align-items:center;gap:.5rem;width:fit-content;max-width:100%;box-sizing:border-box;margin-bottom:1rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:1rem;background:var(--accent-bg);color:var(--text);font-size:.85rem;line-height:1.4;font-variant-numeric:tabular-nums;}
.registrationCapacity .material-icons{flex-shrink:0;font-size:1.15rem;}
.registrationCapacity > span:last-child{min-width:0;overflow-wrap:anywhere;}
.registrationCapacity--full{color:var(--text-red);}
.registrationCapacity--unavailable{color:var(--sub-text);}
.listViewHeader h3.registrationCapacityHeading{min-width:0;white-space:normal;overflow-wrap:anywhere;}

.center{text-align:center;margin:0 auto;}
.clr{clear:both;}
.hidden{visibility: hidden!important;opacity:0!important;}
.invisible{display:none !important;}
.show{visibility: visible!important;opacity:1!important;}
.noDrag{user-drag: none; user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-select: none;-ms-user-select: none;}

a{text-decoration:none;transition:all .3s ease;color:var(--text);}
a:hover{color:#e24040}

p{font-weight:400;font-size:11pt;color:var(--sub-text);}

.bold{font-weight:800;}
h1{font-weight:600;}
h2{font-weight:600;}
h3{font-weight: 600;}
h4{font-weight: 600;}
h5{font-weight: 400;}

.highlight{display: inline-block;background: #e24040;border-radius: 5px;width: 20px;margin-right: 5px;padding-left: 10px;color: #fff;transform: skew(-15deg, 0deg);}
hr{border-color: #cbcbcb3d;}

a.navButton{margin:0 0 2px 2px;width:fit-content;display:block;text-align:center;color:#fff;border-radius:5rem;background: #e24040;border: 1px solid transparent;outline:2px solid transparent;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:400;}
a.navButton:hover{background:#fff;border:1px solid #fff;outline:2px solid #e24040;color:#e24040}
a.navButton:focus{outline:2px solid #e24040;border:1px solid #fff;}
a.navButton.secondary{background: #fff;border: 2px solid #cbcbcb;outline:none;border: 2px solid #e24040;color:#000;margin:2px 0 0 2px;}
a.navButton.secondary:hover{border:2px solid #e24040;color:#e24040}
a.navButton.secondary:focus{outline:2px solid #e24040;color:#e24040}
button{width:fit-content;text-align:center;color:#fff;border-radius:5rem;background: #e24040;border: 1px solid transparent;outline:2px solid transparent;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;}
button:hover{background:#fff;border:1px solid #fff;outline:2px solid #e24040;color:#e24040}
button:focus{outline:2px solid #e24040;border:1px solid #fff;}
button.focused{outline:2px solid #e24040;border:1px solid #fff;}

button.cancel{background:transparent;outline:1px solid #c9c9c9;color:#4f4f4f;}
button i{margin:0!important;}
button.disabled{background:#cbcbcb;cursor: not-allowed;}
.challengeEditTrigger.disabled,
.challengeEditTrigger.disabled:hover,
.challengeEditTrigger.disabled:focus{
    background:#efefef;
    color:#8b8b8b;
    border:1px solid #d7d7d7;
    outline:2px solid transparent;
}
.challengeEditTrigger{position:relative;}
.challengeEditTrigger .tip{
    left:50%;
    right:auto;
    top:auto;
    bottom:3rem;
    transform:translateX(-50%);
    white-space:nowrap;
    pointer-events:none;
    z-index:10;
}
a:hover span.tip{opacity:1;visibility: visible;}
.button:hover span.tip{opacity:1;visibility: visible;}
button:hover span.tip{opacity:1;visibility: visible;}

.tip{color:#000;visibility: hidden;width:max-content;opacity: 0;position:absolute;bottom:-33px;right:0;padding:.5rem .75rem;border-radius:1rem;font-size:.8rem;z-index: 1;transition:all .3s ease;background:#f2f2f2;border:1px solid #cbcbcb;}

ul.formValidationList{padding-left: 1rem;}
ul.formValidationList li {margin:.25rem 0;}
ul.formValidationList li a{color:#e24040;font-size:10pt;font-weight:600;}
ul.formValidationList li a:hover{color:#c93333;}
.dragscroll{user-select: auto; /* Standard */  white-space: nowrap;cursor: grab;}
.dragscroll.dragging {cursor: grabbing;user-select: none; /* Textauswahl verhindern */}
/* Row */   .row{position:relative;}  
/* 1 */     .row.one{width:100%;}
/* 1/2 */   .row.oneHalf{width:50%;float:left;}
/* 1/3 */   .row.oneThird{width:33.33%;float:left;}
    /* 2/3 */    .row.twoThird{width:66.66%;float:left;}
/* 1/4 */    .row.oneFourth{width:25%;float:left;}
    /* 3/4 */    .row.threeFourth{width:74%;float:left;}
/* 1/5 */    .row.oneFifth{width:20%;float:left;}
    /* 2/5 */     .row.twoFifth{width:40%;float:left;}
    /* 3/5 */     .row.threeFifth{width:60%;float:left;}
    /* 4/5 */     .row.fourFifth{width:80%;float:left;}
/* 1/6 */    .row.oneSixth{width:16.6%;float:left;}
/* 5/6 */    .row.fiveSixth{width:83%;float:left;}
		

/*Startpage*/

.startHeaderContainer{display:flex;align-items: center;flex-direction: row;}
.startJourneyContainer{display: flex;flex-direction: row;align-items: flex-end;gap:.25rem;}
.startJourneyContainer .endPoint{margin:0 0 0 12px;}
.startJourneyContainer p{font-weight:600;font-size:9pt;color:var(--text);text-transform:uppercase;}

.row.homeHeader{height:max-content;}
.homeHeroMeta .wrapper{
    overflow:visible;
}
.homeHeroSplit{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    align-items:center;
    gap:2rem;
    width:100%;
    min-width:0;
    box-sizing:border-box;
}
.homeHeroCopy,
.homeHeroSlider{
    min-width:0;
}
.homeHeroCopy .headlineContainer{
    padding:0;
    text-align:left;
    gap:1rem;
}
.homeHeroCopy .headlineContainer h1{
    line-height:1.08;
    overflow-wrap:anywhere;
}
.homeHeroEyebrow{
    color:var(--text);
    font-size:1.25rem;
    font-weight:600;
    line-height:1.5;
    letter-spacing:.06em;
    overflow-wrap:anywhere;
}
.homeHeroCopy .headlineContainer h2{
    line-height:1.45;
}
.homePersonal{--personal-thread:#e24040;--personal-rail:16px;}
.homePersonalOverview{position:relative;padding:1.75rem 0rem 0 3.5rem}
.homePersonalOverview::before{content:'';position:absolute;top:0;bottom:0;left:var(--personal-rail);border-left:3px solid var(--personal-thread);}
.homePersonalStats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:1rem;}
.homePersonalDraftOverview{min-width:0;}
.homePersonalDraftOverview summary{cursor:pointer;list-style:none;}
.homePersonalDraftOverview summary::-webkit-details-marker{display:none;}
.homePersonalDraftOverview summary:focus-visible{outline:2px solid var(--text-red);outline-offset:4px;}
.homePersonalDraftOverview[open] .homePersonalStatHint .material-icons{transform:rotate(180deg);}
.homePersonalDraftOverviewList{max-height:20rem;overflow-y:auto;margin-top:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:1rem;background:var(--accent-bg);overflow-wrap:anywhere;}
.homePersonalDraftOverviewList ul{list-style:none;margin:0;padding:0;}
.homePersonalDraftOverviewList li+li{border-top:1px solid var(--border);}
.homePersonalDraftOverviewList a{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .25rem;color:var(--text);}
.homePersonalDraftOverviewList small{color:var(--sub-text);}
.homePersonalDraftOverviewList p{margin:0;}
.homePersonalStat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--accent-bg);color:var(--text);box-shadow:0 6px 22px rgba(0,0,0,.025);text-decoration:none;}
.homePersonalStatIcon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--personal-thread);color:#fff;font-size:20px;}
.homePersonalStatValue{align-self:center;min-width:0;font-size:1.8rem;font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere;}
.homePersonalStatLabel{grid-column:1 / -1;font-weight:700;line-height:1.4;overflow-wrap:anywhere;}
.homePersonalStatHint{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;line-height:1.5;color:var(--sub-text);}
.homePersonalStatHint .material-icons{font-size:18px;color:var(--text-red);}
.homePersonalOverviewLinks{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;}
.homePersonalOverviewLinks .homeSectionCta{margin:0;min-height:44px;box-sizing:border-box;}
.homePersonalOverviewLinks .material-icons{flex-shrink:0;}
.homePersonalStat:hover,.homePersonalStat:focus-visible{border-color:var(--text-red);}
.homePersonalOverview a:focus-visible{outline:2px solid var(--text-red);outline-offset:4px;}
@media(max-width:1100px){
    .homePersonalStats{grid-template-columns:minmax(0,1fr);gap:.5rem;}
    .homePersonalStat{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.125rem .75rem;padding:.5rem .75rem;min-height:48px;box-sizing:border-box;}
    .homePersonalStatIcon{grid-column:1;grid-row:1 / span 2;width:30px;height:30px;font-size:18px;}
    .homePersonalStatValue{grid-column:3;grid-row:1 / span 2;font-size:1.35rem;text-align:right;}
    .homePersonalStatLabel{grid-column:2;grid-row:1;}
    .homePersonalStatHint{grid-column:2;grid-row:2;font-size:.75rem;line-height:1.35;}
    .homePersonalStatHint .material-icons{display:none;}
}
@media(max-width:700px){
    .homePersonalOverview{padding:1.25rem 0 2rem 3rem;}
}
.homePersonalStage::before,.homePersonalJourneyEnd::before{content:'';position:absolute;top:0;bottom:0;left:var(--personal-rail);border-left:3px solid var(--personal-thread);}
.homePersonalStage{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2rem;padding:1.75rem 0 1.75rem 3.5rem;}
.homePersonalStage--reverse::before{left:auto;right:var(--personal-rail);}
.homePersonalStage--reverse .homePersonalStageCopy{grid-column:2;grid-row:1;}
.homePersonalStage--reverse .homePersonalCards{grid-column:1;grid-row:1;}
.homePersonalStageCopy{min-width:0;overflow-wrap:anywhere;}
.homePersonalStageCopy h2{line-height:1.2;}
.homePersonalCards{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;min-width:0;}
.homePersonalCard{display:flex;flex-direction:column;min-width:0;box-sizing:border-box;border:1px solid var(--border);border-radius:1rem;background:var(--accent-bg);overflow:hidden;overflow-wrap:anywhere;box-shadow:0 6px 22px rgba(0,0,0,.025);}
.homePersonal .homePersonalConnector{--personal-connector-height:66px;height:var(--personal-connector-height);}
.homePersonal .homePersonalConnector--relaxed{--personal-connector-height:98px;}
.homePersonal .homePersonalConnector > div{box-sizing:border-box;width:calc(50% - var(--personal-rail) + 1.5px);height:calc(var(--personal-connector-height) / 2 + 1.5px);margin:0;border-color:var(--personal-thread);border-style:solid;}
.homePersonal .homePersonalConnector .lineTopLeft,.homePersonal .homePersonalConnector .lineBotLeft{left:var(--personal-rail);}
.homePersonal .homePersonalConnector .lineTopRight,.homePersonal .homePersonalConnector .lineBotRight{left:auto;right:var(--personal-rail);}
.homePersonal .homePersonalConnector .lineTopLeft,.homePersonal .homePersonalConnector .lineTopRight{top:0;border-top:0;}
.homePersonal .homePersonalConnector .lineBotLeft,.homePersonal .homePersonalConnector .lineBotRight{top:calc(var(--personal-connector-height) / 2 - 1.5px);border-bottom:0;}
.homePersonal .homePersonalConnector .lineTopLeft,.homePersonal .homePersonalConnector .lineBotLeft{border-right:0;}
.homePersonal .homePersonalConnector .lineTopRight,.homePersonal .homePersonalConnector .lineBotRight{border-left:0;}
.homePersonalJourneyEnd{height:2rem;position:relative;}
.homePersonalJourneyEnd > span{position:absolute;bottom:0;left:calc(var(--personal-rail) - 4px);width:11px;height:11px;border-radius:50%;background:var(--personal-thread);}
.homePersonalJourneyEnd--reverse::before{left:auto;right:var(--personal-rail);}
.homePersonalJourneyEnd--reverse > span{left:auto;right:calc(var(--personal-rail) - 4px);}
.homePersonalTopic{min-width:0;}
.homePersonalTopic .homePersonalSlider{width:100%;min-width:0;}
.homePersonal .homePersonalTopic .homeContentSlider__track{box-sizing:border-box;}
.homePersonal .homeContentSlider__item{white-space:normal;}
.homePersonal .homeContentSlider__item .teaserBoxTitle{width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;}
.homePersonal .homeContentSlider__item .teaserBoxTitle h2 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.homePersonalTopic .homeContentSlider__title{min-width:0;}
.homePersonalTopic .homeContentSlider__nav{margin-left:auto;}
.homePersonalTopicNote{margin:.65rem .25rem 0;line-height:1.6;}
.homePersonalEmptyBody,.homePersonalProgress{padding:1.25rem 2rem;}
.homePersonalEmptyBody h4{margin-bottom:.65rem;line-height:1.4;}
.homePersonalEmptyBody p,.homePersonalProgress p{line-height:1.6;}
.homePersonalEmptyBody .homeSectionCta{margin:1.25rem 0 0;}
.homePersonalProfileIdentity{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.25rem 2rem;overflow-wrap:anywhere;}
.homePersonalProfileIdentity .homeSectionCta{margin:0;padding:.6rem .75rem;}
.homePersonalProfileIdentity > div{min-width:0;}
.homePersonalProfileIdentity p{margin-top:.3rem;}
.homePersonalProfilePicture{position:relative;flex-shrink:0;width:64px;height:64px;}
.homePersonalProfilePicture > img{width:64px;height:64px;object-fit:cover;border-radius:50%;}
.homePersonalProfilePicture > .homePersonalProfileAvatar{position:absolute;left:-3px;top:-3px;width:70px;height:70px;object-fit:contain;pointer-events:none;}
.homePersonalProgress{border-top:1px solid var(--border);}
.homePersonalProgress > div{display:flex;justify-content:space-between;gap:1rem;}
.homePersonalProgress progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:1rem;overflow:hidden;margin:.75rem 0;background:var(--border);}
.homePersonalProgress progress::-webkit-progress-bar{background:var(--border);}
.homePersonalProgress progress::-webkit-progress-value{background:var(--text-red);border-radius:1rem;}
.homePersonalProgress progress::-moz-progress-bar{background:var(--text-red);border-radius:1rem;}
.homePersonalProfileIdentity .homePersonalCategory{margin-top:.6rem;color:var(--sub-text);}
.homePersonalDrafts{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--bg);}
.homePersonalDrafts h4{margin-bottom:.5rem;}
.homePersonalDrafts ul{list-style:none;}
.homePersonalDrafts a{display:flex;align-items:flex-start;gap:.4rem;padding:.45rem 0;overflow-wrap:anywhere;}
.homePersonalDrafts .material-icons{font-size:1.1rem;color:var(--text-red);}
@media(min-width:1101px){
    .homePersonalStage[aria-labelledby="homePersonalStage-feedback"] .homePersonalSlider{margin-left:1rem;width:calc(100% - 1rem);}
    .homePersonalStage--reverse{padding-right:3.5rem;padding-left:0;}
    .homePersonalStage--centerRail{gap:3rem;padding-right:0;padding-left:0;}
    .homePersonalStage--centerRail::before{left:calc(50% - 1.5px);right:auto;}
    .homePersonal .homePersonalConnector--left-center{width:calc(50% + var(--personal-rail) + 1.5px);}
    .homePersonal .homePersonalConnector--center-right{width:calc(50% + var(--personal-rail) + 1.5px);margin-left:calc(50% - var(--personal-rail) - 1.5px);}
}
@media(max-width:1100px){
    .homePersonalStage,.homePersonalStage--reverse{grid-template-columns:minmax(0,1fr);gap:1.5rem;}
    .homePersonalStage--reverse .homePersonalStageCopy,.homePersonalStage--reverse .homePersonalCards{grid-column:auto;grid-row:auto;}
    .homePersonalStage--reverse::before{left:var(--personal-rail);right:auto;}
    .homePersonalJourneyEnd--reverse::before{left:var(--personal-rail);right:auto;}
    .homePersonalJourneyEnd--reverse > span{left:calc(var(--personal-rail) - 4px);right:auto;}
    .homePersonal .homePersonalConnector{height:1rem;margin:0;}
    .homePersonal .homePersonalConnector > div{display:none;}
    .homePersonal .homePersonalConnector::before{content:'';position:absolute;top:0;bottom:0;left:var(--personal-rail);right:auto;border-left:3px solid var(--personal-thread);}
}
@media(max-width:700px){
    .homePersonalStage,.homePersonalStage--reverse{padding:1.25rem 0 1.25rem 3rem;}
    .homePersonalProfileIdentity{grid-template-columns:minmax(0,1fr);text-align:center;}
    .homePersonalProfilePicture{justify-self:center;width:96px;height:96px;}
    .homePersonalProfilePicture > img{width:96px;height:96px;}
    .homePersonalProfilePicture > .homePersonalProfileAvatar{left:-4.5px;top:-4.5px;width:105px;height:105px;}
    .homePersonalProfileIdentity .homeSectionCta{justify-self:stretch;justify-content:center;width:100%;min-height:44px;box-sizing:border-box;}
}
.homeHeroSlider .homeContentSlider{
    --home-slider-card-width:clamp(320px, 76%, 360px);
    --home-slider-cta-width:clamp(240px, 62%, 280px);
    width:100%;
}
.homeContentSlider.challengeSolutionsSlider{
  background:var(--accent-bg);
  box-shadow:none;
}
.homeContentSlider.challengeSolutionsSlider .homeContentSlider__header{
  padding:.5rem 1rem;
  border-bottom:1px solid var(--border);
}
.homeContentSlider.challengeSolutionsSlider .homeContentSlider__title{
  gap:.5rem;
}
.homeContentSlider.challengeSolutionsSlider .homeContentSlider__title > .material-icons{
  width:32px;
  height:32px;
  min-width:32px;
  flex-shrink:0;
  border:2px solid var(--border);
  background:var(--bg);
  color:var(--text-red);
  font-size:1.5rem;
  line-height:1;
}
.homeContentSlider.challengeSolutionsSlider .boxElement.dropdown-panel-group .teaserBoxFooter{
  background:var(--bg);
}
.homeHeroSlider .homePlaceholderContainer{
    width:100%;
}
.homeHeroShowcaseColumn{
    position:relative;
}
.homeHeroShowcase{
    position:relative;
    width:100%;
    max-width:590px;
    margin:0 auto;
    padding:0 2rem;
    box-sizing:border-box;
}
.homeHeroPreviewStack{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
}
.homeHeroPreviewCard{
    position:absolute;
    width:min(260px, 52%);
    min-height:178px;
    padding:0;
    display:flex;
    align-items:flex-end;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--accent-bg);
    color:var(--text);
    box-shadow:0 18px 45px rgba(0,0,0,.1);
    box-sizing:border-box;
    overflow:hidden;
    cursor:pointer;
    text-align:left;
    animation:homeHeroFloat 5s ease-in-out infinite;
    transition:transform 1s ease, box-shadow .25s ease, z-index .25s ease, border-color .25s ease;
    pointer-events:auto;
    appearance:none;
    -webkit-appearance:none;
}
.homeHeroPreviewCard--feedback{
    top:1.45rem;
    right:-1.85rem;
    transform:translateY(0) rotate(4deg);
    z-index:1;
}
.homeHeroPreviewCard--results{
    left:-2rem;
    bottom:2.65rem;
    transform:translateY(0) rotate(-4deg);
    z-index:1;
    animation-delay:1.2s;
}
.homeHeroPreviewCard:hover,
.homeHeroPreviewCard:focus-visible{
    z-index:100;
    border-color:#e24040;
    box-shadow:0 26px 70px rgba(226,64,64,.18);
}
.homeHeroPreviewCard--feedback:hover,
.homeHeroPreviewCard--feedback:focus-visible{
    transform:translate(-1.15rem, .45rem) rotate(1deg);
}
.homeHeroPreviewCard--results:hover,
.homeHeroPreviewCard--results:focus-visible{
    transform:translate(1.15rem, -.45rem) rotate(-1deg);
}
.homeHeroPreviewCard__image{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.04);
    transition:transform .1s ease;
}
.homeHeroPreviewCard:hover .homeHeroPreviewCard__image,
.homeHeroPreviewCard:focus-visible .homeHeroPreviewCard__image{
    transform:scale(1.08);
}
.homeHeroPreviewCard__image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.64));
}
.homeHeroPreviewCard__content{
    position:relative;
    z-index:1;
    width:100%;
    padding:.85rem;
    display:flex;
    flex-direction:column;
    gap:.2rem;
    box-sizing:border-box;
}
.homeHeroPreviewCard__content strong{
    color:#fff;
    font-size:10pt;
    line-height:1.2;
    text-shadow:0 1px 2px rgba(0,0,0,.28);
}
.homeHeroPreviewCard__content small{
    color:rgba(255,255,255,.82);
    font-size:9pt;
    line-height:1.2;
}
.homeHeroPrimaryCard.boxElement{
    position:relative;
    z-index:3;
    width:100%;
    margin:0;
    box-shadow:0 24px 70px rgba(0,0,0,.14);
    transition:opacity .16s ease, transform .16s ease;
}
.homeHeroPrimaryCard.is-switching{
    opacity:.55;
    transform:translateY(.25rem);
}
.homeHeroPrimaryCard .homeHeroPrimaryCard__image{
    min-height:260px;
    text-decoration:none;
}
.homeHeroPrimaryCard .teaserBoxFooter > .row.one{
    height:100%;
    display:flex;
    align-items:center;
    min-width:0;
}
.homeHeroPrimaryCard .teaserBoxFooter .tags{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
}
.homeHeroPrimaryCard .teaserBoxFooter .tags ul{
    float:none!important;
    display:flex;
    min-width:0;
    max-width:100%;
    white-space:nowrap;
}
.homeHeroPrimaryCard .teaserBoxFooter .submenu{
    float:none!important;
    flex:0 0 auto;
    margin-left:auto;
    position:relative;
    z-index:5;
}
@keyframes homeHeroFloat{
    0%, 100%{ margin:0 0 0 0; }
    50%{ margin:-2rem 0 2rem 0; }
}
@media (prefers-reduced-motion: reduce){
    .homeHeroPreviewCard{
        animation:none;
    }
    .homeContentSlider__dot.is-active,
    .homeContentSlider__dot[aria-current="true"]{
        animation:none;
    }
}
.row.leftBorderLine{padding-left:2rem;margin-left:1rem;border-left:3px solid #e24040;box-sizing: border-box;}
.row.rightBorderLine{width:50%;}
.row.rightContentBorderLine{width:44%;padding-left:2rem;border-left: 3px dashed #e24040;;}

.homeParticipationCopyInner,
.homeParticipationVisualInner,
.homeEvaluationCopyInner,
.homeEvaluationVisualInner,
.homeCompletedCopyInner,
.homeCompletedVisualInner,
.homePeopleCopyInner,
.homePeopleVisualInner{
    width:100%;
    min-width:0;
    box-sizing:border-box;
}
.homeParticipationCopyInner{
    padding:2rem 4rem 2rem 0;
}
.homeParticipationVisualInner{
    padding:0;
}
.homeEvaluationCopyInner{
    padding:3.5rem 0;
}
.homeEvaluationVisualInner{
    padding:0 2rem 0 0;
}
.homeCompletedCopyInner{
    padding:2rem 2rem 0rem 0;
}
.homeCompletedVisualInner{
    padding: 0;
}
.homePeopleCopyInner{
    padding:4rem 0;
}
.homePeopleVisualInner{
    padding:0 2rem 0 0;
}
.homeDeferredSection{
    width:100%;
    min-width:0;
}
.homeDeferredSection__status{
    min-height:360px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:1rem;
    padding:2rem;
    border:1px solid var(--border);
    border-radius:1rem;
    box-sizing:border-box;
}
.homeDeferredSection__status p{margin:0;}
.homeDeferredSection [aria-disabled="true"]{opacity:.6;cursor:wait;}
.homeContentSlider{
    --home-slider-card-width:clamp(320px, 72%, 380px);
    --home-slider-cta-width:clamp(240px, 55%, 300px);
    max-width:100%;
    position:relative;
    overflow:hidden;
    padding: 0;
    background: var(--bg);
    border-radius: 1rem;
    border: 1px solid var(--border);
    margin: 0;
    box-sizing: border-box;
    width: auto;
    box-shadow: 0 18px 45px rgba(226, 64, 64, .08);
}
.homeContentSlider__body{
    position:relative;
    min-width:0;
    overflow:hidden;
}
.homeContentSlider .homeContentSlider__track{
    position:relative;
    isolation:isolate;
    z-index:0;
    height:auto;
    width:100%;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:1rem;
    overflow-x:hidden;
    overflow-y:hidden;
    padding:1rem 2rem 2rem 2rem;
    scroll-behavior:initial;
    scrollbar-width:none;
    white-space:nowrap;
}
.homeContentSlider .homeContentSlider__track::-webkit-scrollbar{
    display:none;
}
.homeContentSlider__header{
    padding:1rem 2rem 0 2rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    min-width:0;
    flex-wrap:nowrap;
}
.homeContentSlider__nav{
    min-height:44px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.7rem;
    flex:0 0 auto;
}
.homeContentSlider__title{
    flex:1 1 auto;
    min-width:0;
}
.homeContentSlider__dots{
    min-width:70px;
    min-height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
}
.homeContentSlider__dot{
    width:9px;
    height:9px;
    min-width:9px;
    padding:0;
    display:block;
    border:0;
    border-radius:999px;
    background:#ececec;
    opacity:1;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    transition:width .2s ease, background .2s ease, opacity .2s ease;
}
.homeContentSlider__dot.is-overflow{
    width:6px;
    height:6px;
    min-width:6px;
    opacity:.62;
}
.homeContentSlider__dot:hover,
.homeContentSlider__dot:focus{
    border:0;
    background:var(--border);
    color:transparent;
    outline:2px solid transparent;
}
.homeContentSlider__dot.is-active,
.homeContentSlider__dot[aria-current="true"]{
    width:30px;
    background:#e24040;
    animation:homeContentSliderDotActivate .24s ease both;
}
.homeContentSlider__dot.is-active:hover,
.homeContentSlider__dot.is-active:focus,
.homeContentSlider__dot[aria-current="true"]:hover,
.homeContentSlider__dot[aria-current="true"]:focus{
    background:#e24040;
}
.homeContentSlider__dot:focus-visible{
    outline:2px solid #e24040;
    outline-offset:3px;
}
@keyframes homeContentSliderDotActivate{
    0%{ transform:scale(.72); opacity:.7; }
    100%{ transform:scale(1); opacity:1; }
}
.homePlaceholderContainer{
    width:100%;
    max-width:100%;
    margin:0 auto;
}
.homeDummyCard{
    width:100%;
    min-height:340px;
    margin:0 auto;
    padding:1.75rem;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:1rem;
    border:1px solid var(--border);
    border-radius:1rem;
    background:var(--bg);
    color:var(--text);
    box-sizing:border-box;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(226,64,64,.08);
    transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.homeDummyCard:hover,
.homeDummyCard:focus{
    color:var(--text);
    border-color:#e24040;
    transform:translateY(-2px);
    box-shadow:0 20px 50px rgba(226,64,64,.13);
}
.homeDummyCard__header,
.homeContentSlider__title{
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    gap:.8rem;
    min-width:0;
}
.homeDummyCard__header > .material-icons,
.homeContentSlider__title > .material-icons{
    width:42px;
    height:42px;
    min-width:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e24040;
    color:#fff;
    font-size:20px;
}
.homeDummyCard__header h3,
.homeContentSlider__title h3{
    margin:0;
    color:var(--text);
    font-size:14pt;
    line-height:1.2;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.homeDummyCard__stage{
    min-height:150px;
    padding:1rem;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr auto;
    gap:.8rem;
    border-radius:8px;
    background:var(--accent-bg);
    border:1px solid var(--border);
    box-sizing:border-box;
}
.homeDummyCard__preview{
    grid-column:1 / 2;
    grid-row:1 / 2;
    min-height:96px;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:.5rem;
}
.homeDummyCard__preview span{
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(226,64,64,.22), rgba(226,64,64,0)),
        var(--accent-bg);
    border:1px solid var(--border);
}
.homeDummyCard__preview span:nth-child(2){
    transform:translateY(-.35rem);
}
.homeDummyCard__preview span:nth-child(3){
    opacity:.72;
}
.homeDummyCard__meta{
    grid-column:1 / 2;
    grid-row:2 / 3;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:.45rem;
}
.homeDummyCard__row{
    height:12px;
    width:100%;
    display:block;
    border-radius:999px;
    background:var(--border);
}
.homeDummyCard__row.short{
    width:62%;
}
.homeDummyCard__avatars{
    grid-column:2 / 3;
    grid-row:1 / 3;
    width:54px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.homeDummyCard__avatars span{
    width:42px;
    height:42px;
    display:block;
    border-radius:50%;
    background:#e24040;
    border:4px solid var(--bg);
    box-sizing:border-box;
}
.homeDummyCard__avatars span + span{
    margin-top:-.85rem;
}
.homeDummyCard__avatars span:nth-child(2){
    background:var(--text);
}
.homeDummyCard__avatars span:nth-child(3){
    background:var(--border);
}
.homeDummyCard__action{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    color:var(--text);
    font-size:10pt;
    font-weight:800;
    line-height:1.2;
    transition:color .2s ease;
}
.homeDummyCard:hover .homeDummyCard__action,
.homeDummyCard:focus .homeDummyCard__action{
    color:#e24040;
}
.homeDummyCard__action .material-icons{
    font-size:18px;
    color:inherit;
}
.homeContentSlider__item{
    flex:0 0 var(--home-slider-card-width);
    max-width:var(--home-slider-card-width);
    min-width:0;
}
.homeContentSlider__item .boxElement{
    height:auto;
}
.homeContentSlider__item .teaserBoxFooter{
    overflow:visible;
}
.homeContentSlider__item .teaserBoxFooter > .row.one{
    height:100%;
    display:flex;
    align-items:center;
    min-width:0;
}
.homeContentSlider__item .teaserBox--challenge-card{
    min-height:175px;
}
.homeContentSlider__item .teaserBox--search-card{
    min-height:175px;
}


.homeContentSlider__item .teaserBoxFooter .tags{
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
}
.homeContentSlider__item .teaserBoxFooter .tags ul{
    float:none!important;
    display:flex;
    min-width:0;
    max-width:100%;
    white-space:nowrap;
}
.homeContentSlider__item .teaserBoxFooter .submenu{
    float:none!important;
    flex:0 0 auto;
    margin-left:auto;
    position:relative;
    z-index:5;
}

.homeContentSlider__item--cta{
    flex-basis:var(--home-slider-cta-width);
    max-width:var(--home-slider-cta-width);
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:0 .25rem;
}
.homeContentSliderCta{
    width:100%;
    max-width:240px;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.homeContentSliderCta a{
    width:100%;
    min-width:0;
    min-height:38px;
    padding:.55rem 0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:.45rem;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--text);
    font-size:10pt;
    font-weight:700;
    text-align:left;
    box-sizing:border-box;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.25;
    outline:0;
    transition:color .2s ease;
}
.homeContentSliderCta a + a{
    border-top:1px solid var(--border);
}
.homeContentSliderCta a:hover,
.homeContentSliderCta a:focus{
    background:transparent;
    color:#e24040;
}
.homeContentSliderCta .material-icons{
    font-size:18px;
    color:inherit;
}
.homeContentSlider .homeContentSlider__button{
    width:42px;
    height:42px;
    min-width:42px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:none;
}
.homeContentSlider .homeContentSlider__nav .homeContentSlider__button{
    position:static;
    top:auto;
    left:auto;
    right:auto;
    z-index:1;
    flex:0 0 42px;
    margin:0;
    color:#fff;
    border:1px solid transparent;
    background:#e24040;
    outline:2px solid transparent;
    cursor:pointer;
}
.homeContentSlider .homeContentSlider__nav .homeContentSlider__button:hover,
.homeContentSlider .homeContentSlider__nav .homeContentSlider__button:focus{
    color:#e24040;
    background:#fff;
    border-color:#fff;
    outline-color:#e24040;
}
.homeContentSlider .homeContentSlider__nav .homeContentSlider__button.is-disabled{
    opacity:0;
    cursor:default;
    box-shadow:none;
}
.homeContentSlider .homeContentSlider__nav .homeContentSlider__button.is-disabled:hover,
.homeContentSlider .homeContentSlider__nav .homeContentSlider__button.is-disabled:focus{
    color:#fff;
    background:#e24040;
    border-color:transparent;
    outline-color:transparent;
}
.homeContentSlider .homeContentSlider__button .material-icons{
    margin:0;
    color:inherit;
}
.homeContentSlider .homeContentStopper{
    height:100%;
    top:0;
    z-index:3;
    pointer-events:none;
    width:5rem;
}

.homeEndMark{
    width:50px;
    height:50px;
    margin:1rem auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e24040;
    color:#fff;
    font-weight:800;
    letter-spacing:0;
}
.homeLandingContent{
    display:flex;
    flex-direction:column;
    gap:0rem;
    padding:0 0 1rem;
    width:100%;
    max-width:100%;
    overflow:visible;
}
.homeLandingContent,
.homeLandingContent *{
    box-sizing:border-box;
}
.homeLandingContent > section{
    width:100%;
    max-width:100%;
    min-width:0;
}
.homeLandingIntro{
    max-width:760px;
    margin:0 auto;
    text-align:center;
}
.homeLandingIntro--explainer{
    max-width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    align-items:stretch;
    text-align:left;
    padding:0;
}
.homeProofCopy{padding:0 2rem 0 0}
.homeLandingIntro h2,
.homeLandingIntro p,
.homeSectionHeader h2,
.homeSectionHeader p,
.homeProofCopy h2,
.homeProofCopy p,
.homeCommunitySection h2,
.homeCommunitySection p,
.homeFaqIntro h2,
.homeFaqIntro p,
.homeFinalCta h2,
.homeFinalCta p{
    margin:0;
}
.homeLandingIntro h2{
    margin:.35rem 0 .75rem;
    line-height:1.2;
}
.homeLandingIntroText{
    min-width:0;
    padding:4rem 2rem 4rem 3rem;
}
.homeLandingLogo{
    display:block!important;
    width:80px;
    height:auto;
    padding-right:10px;
    margin:0 auto!important;
}
.homeLineSpacer{
    border-right:3px solid #e24040;
}
.homeLineSpacer--center-8{
    width:50%;
    height:4rem;
}
.homeLineSpacer--near-8{
    width:49.7%;
    height:4rem;
}
.homeLineSpacer--center-4{
    width:50%;
    height:4rem;
}
.homeLineSpacer--wide-4{
    width:50.25%!important;
    height:4rem;
}
.homeMain .homeSectionEyebrow{
    display:flex;
    align-items:baseline;
    gap:.6rem;
    margin:0 0 .75rem;
    color:var(--sub-text);
    font-size:.7rem;
    font-weight:600;
    line-height:1.5;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.homeSectionEyebrow > span{color:var(--text-red);font-variant-numeric:tabular-nums;flex-shrink:0;}
.homeMain .homeSectionCopy > p:not(.homeSectionEyebrow){line-height:1.7;margin:0;}
.homeMain .homeSectionCopy > p:not(.homeSectionEyebrow) + p{margin-top:.85rem;}
.homeMain .homeSectionCopy > h2{margin:0 0 1rem;}
.homeMain .homeSectionCopy > .homeSectionCta{margin-top:1.25rem;}
.homeLandingPromise{
    display:grid;
    gap:0;
    align-items: center;
    padding:2rem;
    border-left:3px solid #e24040;
}
.homeLandingPromise span{
    display:flex;
    align-items:baseline;
    gap:.75rem;
    color:var(--text);
    font-weight:800;
}
.homeLandingPromise .homeLandingPromise__copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.2rem;
    font-weight:500;
}
.homeLandingPromise .homeLandingPromise__copy b{
    color:var(--text);
    font-size:inherit;
    font-weight:800;
    line-height:1.2;
}
.homeLandingPromise .homeLandingPromise__copy small{
    display:block;
    color:var(--text-soft, var(--text));
    font-size:9pt;
    font-weight:500;
    line-height:1.35;
}
.homeLandingPromise strong{
    color:#e24040;
    font-size:9pt;
}

.homeProofSection,
.homeCommunitySection{
    padding: 0;
    margin:4rem 0;
}
.homeSectionHeader{
    max-width:780px;
    margin:2rem 0 2.5rem 0;
}
.homeSectionHeader h2,
.homeProofCopy h2,
.homeCommunitySection h2{
    margin:.35rem 0 .75rem;
    line-height:1.2;
}
.homeFlowSteps{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:1rem;
    margin:1.5rem 0 0;
    padding:0;
    list-style:none;
    counter-reset:none;
}
.homeFlowSteps li{
    position:relative;
    min-width:0;
    padding: 1rem .5rem 0rem .5rem;
    border-top:3px solid #e24040;
}
.homeFlowSteps li:last-child{
  border-radius:0 3rem 0 0;
  border-right:3px solid #e24040;
}
.homeFlowSteps li::before{
    content:"";
    position:absolute;
    top:-8px;
    left:0;
    width:13px;
    height:13px;
    border-radius:50%;
    background:#e24040;
}
.homeFlowSteps span{
    color:#e24040;
    font-size:9pt;
    font-weight:800;
}
.homeFlowSteps h3,
.homeFlowSteps p{
    margin:0;
}
.homeFlowSteps h3{
    margin:1rem 0 .5rem 0;
}
.homeProofSection{
    display:grid;
    grid-template-columns:29fr 31fr;
    gap:0rem;
    margin:0;
    align-items:start;
}
.homeProofList,
.homeCheckList{
    margin:0;
    padding:0;
    list-style:none;
}
.homeProofList{
    display:grid;
    gap:1rem;
    margin-left:3px;
}
.homeProofList li{
    display:grid;
    grid-template-columns:44px minmax(0, 1fr);
    gap:.25rem .85rem;
    align-items:start;
    padding:0 0 1rem;
}
.homeProofList li:last-child{
    padding-bottom:0;
    border-bottom:0;
}
.homeProofList .material-icons{
    grid-row:1 / span 2;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e24040;
    color:#fff;
}
.homeProofList strong,
.homeProofList p{
    margin:0;
}
.homeCommunitySection{
    display: grid;
    grid-template-columns: 24fr 28fr;
    gap: 2rem;
    border-left: 3px solid #e24040;
    padding: 4rem 0 5rem 4rem;
    margin:0;
    margin-left: 4px;
    align-items: start;
}
.homeCheckList{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.85rem 1.25rem;
}
.homeCheckList li{
    display:flex;
    align-items:center;
    gap:.5rem;
    color:var(--text);
    font-weight:700;
}
.homeCheckList .material-icons{
    color:#e24040;
    font-size:16pt;
}
.homeBenefitGrid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:1.25rem;
    align-items:stretch;
}
.homeBenefitCard{
    width:auto;
    max-width:100%;
    min-width:0;
    flex:none;
    margin:0;
    padding:1.25rem;
    display:flex;
    flex-direction:column;
    gap:.65rem;
    border-radius:1rem;
    background:var(--accent-bg);
    outline:1px solid var(--border);
}
.homeBenefitCard > .material-icons{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e24040;
    color:#fff;
}
.homeBenefitCard h3,
.homeBenefitCard p{
    margin:0;
    overflow-wrap:anywhere;
}
.homePlatformStrip{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    gap:1rem;
    overflow:visible;
    border-radius:1rem;
    outline:0;
    background:transparent;
}
.homePlatformItem{
    width:auto;
    min-width:0;
    min-height:150px;
    padding:1rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:.45rem;
    background:var(--bg);
    border-radius:1rem;
    outline:1px solid var(--border);
}
.homePlatformItem .material-icons{
    color:#e24040;
    font-size:24pt;
}
.homePlatformItem strong,
.homePlatformItem p{
    margin:0;
}
.homeSectionCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    width:fit-content;
    margin-top:.25rem;
    padding:.5rem 1rem;
    border-radius:5rem;
    border:2px solid #e24040;
    background:var(--bg);
    color:var(--text);
    font-weight:600;
    font-size:10pt;
    text-decoration:none;
    margin:auto;
    transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.homeSectionCta .material-icons{
    font-size:18px;
    color:#e24040;
}
.homeSectionCta:hover,
.homeSectionCta:focus{
    background:#e24040;
    border-color:#e24040;
    color:#fff;
}
.homeSectionCta:hover .material-icons,
.homeSectionCta:focus .material-icons{
    color:#fff;
}
.homeFaq{
    display: grid;
    grid-template-columns: 20fr 21fr;
    gap: 2rem;
    align-items: start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 4rem;
    border-radius: .35rem 1rem 0 0;
    background: var(--accent-bg);
    border-left: 3px solid #e24040;

}
.homeFaqIntro h2,
.homeFaqSocial h3{
    margin-top:.35rem;
    font-size:1.5rem;
    line-height:1.2;
}
.homeFaqIntro{
    position:sticky;
    top:13rem;
    align-self:start;
    height:max-content;
    z-index:1;
}
.homeFaqIntro > p:not(.homeLandingEyebrow){
    margin-top:1rem;
    max-width:30rem;
}
.homeFaqSocial{
    margin-top:2rem;
}
.homeFaqSocialDivider{
    width:100%;
    height:1px;
    margin-bottom:1.75rem;
    background:var(--border);
}
.homeFaqSocial h3{
    margin:.35rem 0 .75rem;
    color:var(--text);
}
.homeSocialLinks{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    margin-top:1.25rem;
}
.homeSocialLinks .homeSectionCta{
    margin:0;
    font-weight:400;
    font-size:1rem;
    line-height:1.4;
}
.socialIcon{
    display:block;
    width:24px;
    height:24px;
    flex-shrink:0;
    object-fit:contain;
}
.homeFaqList{
    display:flex;
    flex-direction:column;
    gap:.75rem;
}
.homeFaqItem{
    width:auto;
    max-width:100%;
    min-width:0;
    flex:none;
    margin:0;
    padding:0;
    border-radius:0;
    background:transparent;
    outline:0;
    border-bottom:1px solid var(--border);
    overflow:hidden;
    transition:border-color .25s ease;
}
.homeFaqItem.active,
.homeFaqItem:hover,
.homeFaqItem:focus-within{
    border-color:var(--border);
}
.homeFaqItem.active{
    border-color:#e24040;
}
.homeFaqItem.active .homeFaqQuestionText{
    color:#e24040;
}
.homeFaqItem.accordion .homeFaqQuestion.accordion-header{
    width:100%;
    padding:1rem 1.15rem;
    border:0;
    border-radius:1rem;
    background:transparent;
    color:var(--text);
    font:inherit;
    text-align:left;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    cursor:pointer;
    outline:0;
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;
}
.homeFaqItem.accordion .homeFaqQuestion.accordion-header:hover,
.homeFaqItem.accordion .homeFaqQuestion.accordion-header:focus{
    border:0;
    background:transparent;
    color:#e24040;
    font-weight:inherit;
    outline:0;
    box-shadow:none;
}
.homeFaqItem.accordion.active .homeFaqQuestion.accordion-header{
    border:0;
    background:transparent;
    color:var(--text);
    font-weight:inherit;
    outline:0;
    box-shadow:none;
}
.homeFaqItem.accordion:hover .homeFaqQuestionText,
.homeFaqItem.accordion:focus-within .homeFaqQuestionText,
.homeFaqItem.accordion:hover .homeFaqToggle,
.homeFaqItem.accordion:focus-within .homeFaqToggle{
    color:#e24040;
}
.homeFaqItem.accordion .homeFaqQuestion.accordion-header:focus-visible{
    outline:2px solid #e24040;
    outline-offset:-2px;
}
.homeFaqQuestionText{
    font-weight:700;
    line-height:1.35;
}
.homeFaqItem.accordion .homeFaqQuestion.accordion-header .homeFaqToggle.material-icons{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    flex:0 0 auto;
    color:#e24040;
    font-size:22px;
    margin:0;
    transition:transform .25s ease;
}
.homeFaqItem.active .homeFaqToggle{
    transform:rotate(180deg);
}
.homeFaqAnswer.accordion-body{
    padding:0 3.5rem 1.1rem 1.15rem;
    background:transparent;
}
.homeFaqAnswer p{
    margin:0;
}
.homeFaqAnswer p + p{
    margin-top:.75rem;
}
.homeFinalCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem;
    width:100%;
    max-width:100%;
    padding:1.5rem;
    border-radius:0 0 1rem 1rem;
    background:#e24040;
    color:#fff;
}
.homeFinalCta > div{
    min-width:0;
}
.homeFinalCta p,
.homeFinalCta h2{
    color:#fff;
}
.homeMain .homeFinalCta .homeSectionEyebrow,
.homeFinalCta .homeSectionEyebrow > span{
    color:#fff;
    opacity:.8;
}
.homeFinalCtaActions{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    justify-content:flex-end;
}
.homeLandingButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    width:fit-content;
    padding:.6rem 1rem;
    border-radius:5rem;
    background:#fff;
    border:2px solid #fff;
    color:#e24040;
    font-weight:600;
    text-align:center;
    text-decoration:none;
    transition:all .3s ease;
    white-space:normal;
}
.homeLandingButton:hover,
.homeLandingButton:focus{
    background:transparent;
    color:#fff;
}
.homeLandingButton--secondary{
    background:transparent;
    color:#fff;
}
.homeLandingButton--secondary:hover,
.homeLandingButton--secondary:focus{
    background:#fff;
    color:#e24040;
}

@media (max-width: 980px){
    .homeLandingIntro--explainer,
    .homeProofSection,
    .homeCommunitySection{
        grid-template-columns:1fr;
    }
    .homeFlowSteps,
    .homeCheckList{
        grid-template-columns:1fr;
    }
    .homeLandingPromise{
        padding-left:1rem;
    }
    .homeContentSection--copyFirstMobile{
        display:flex;
        flex-direction:column;
    }
    .homeContentSection--copyFirstMobile .homeContentPane--copy{
        order:1;
        width:100%;
        float:none;
        padding-left:0;
        border-left:0;
    }
    .homeContentSection--copyFirstMobile .homeContentPane--media{
        order:2;
        width:100%;
        float:none;
    }
    .homeContentSection--copyFirstMobile .homeEvaluationCopyInner,
    .homeContentSection--copyFirstMobile .homePeopleCopyInner{
        padding:0 0 2rem 0;
    }
    .homeContentSection--copyFirstMobile .homeEvaluationVisualInner,
    .homeContentSection--copyFirstMobile .homePeopleVisualInner{
        padding:0;
    }
    .homeHeroShowcase{
        max-width:520px;
        margin-top:1.5rem;
        padding:0;
    }
    .homeHeroPreviewCard{
        width:min(220px, 48%);
        min-height:150px;
    }
    .homeContentSlider__item{
        flex:0 0 100%;
        max-width:100%;
    }
    .homeContentSlider__item--cta{
        flex-basis:100%;
    }
    .homeContentSlider__header{
        flex-wrap:wrap;
        padding:1rem 1rem 0;
    }
    .homeContentSlider__nav{
        margin-left:auto;
    }
    .homeContentSlider .homeContentSlider__button.left{
        left:-.35rem;
    }
    .homeContentSlider .homeContentSlider__button.right{
        right:-.35rem;
    }
    .homeBenefitGrid,
    .homePlatformStrip,
    .homeFaq{
        grid-template-columns:1fr;
    }
    .homeFaqIntro{
        position:static;
        top:auto;
    }
    .homeFaqAnswer.accordion-body{
        padding-right:1.15rem;
    }
    .homeFinalCta{
        align-items:flex-start;
        flex-direction:column;
    }
    .homeFinalCtaActions{
        justify-content:flex-start;
    }
}

.connectionLineContainer{position:relative;height:10vh;}
.connectionLineContainer.mobile{display:none;}
.connectionLineContainer .lineTopLeft{width:40%;left:1rem;top:0;height:5vh;border-bottom-left-radius:3rem;border-left:3px solid #e24040;border-bottom:3px solid #e24040;display:block;position:absolute;}
.connectionLineContainer .lineTopRight{width:10%;left:40%;top:0;height:5vh;border-bottom-right-radius:3rem;border-right:3px dashed #e24040;;border-bottom:3px dashed #e24040;display:block;position:absolute;}
.connectionLineContainer .lineBotLeft{width:40%;left:1rem;top:5vh;height:5vh;border-top-left-radius:3rem;border-left:3px solid #e24040;border-top:3px solid #e24040;margin:0;display:block;position:absolute;}
.connectionLineContainer .lineBotRight{width:10%;left:40%;top:5vh;height:5vh;border-top-right-radius:3rem;border-right:3px dashed #e24040;;border-top:3px dashed #e24040;margin:0;display:block;position:absolute;}
.connectionLineContainer .homeConnectionLine--leftNudge{left:.25rem;}
.connectionLineContainer .homeConnectionLine--topWide{top:3px;left:40.25%;border-right:3px dashed #e24040;}
.connectionLineContainer .homeConnectionLine--topCenter{top:3px;left:40%;border-right:3px dashed #e24040;}
.connectionLineContainer .homeConnectionLine--bottomEnd{left:auto;right:5rem;width:40.65%;}
.connectionLineContainer.homeConnectionLine--proofIn .homeConnectionLine--bottomEnd{left:49.7%;right:5rem;width:auto;}
.connectionLineContainer .homeConnectionLine--topEnd{top:3px;left:auto;right:1px;border-right:3px dashed #e24040;}
.connectionLineContainer .homeConnectionLine--topFlat{top:3px;bottom:auto;left:41%;width:12%;}
.connectionLineContainer .homeConnectionLine--bottomFlat{top:auto;bottom:3px;}

.journeyBox{
    width:99.25%;
    margin:0 0 0 .75%;
    padding:1.25rem;
    display:grid;
    grid-template-columns:minmax(220px, .65fr) minmax(0, 1fr);
    gap:1.5rem;
    align-items:center;
    border-left:5px solid #e24040;
    border-radius:.5rem 1rem 1rem .5rem;
    background:var(--accent-bg);
    box-sizing:border-box;
}
.journeyBox,
.journeyBox *{
    box-sizing:border-box;
}
.journeyBox__intro{
    min-width:0;
    display:flex;
    align-items:center;
    gap:.85rem;
}
.journeyBox__intro > .material-icons{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e24040;
    color:#fff;
}
.journeyBox__intro h3,
.journeyBox__intro p{
    margin:0;
}
.journeyBox__intro h3{
    margin-top:.25rem;
    line-height:1.2;
}
.journeyForm{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:.25rem;
}
.journeyProgressMeter{
    width:100%;
}
.journeyProgressMeter .progressBar{
    margin:0;
}
.journeyProgressMeter .progressLine{
    transition:width .35s ease;
}
.journeyStepStage{
    display:grid;
    align-items:center;
    min-height:44px;
}
.journeyStep{
    min-width:0;
    grid-area:1 / 1;
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:0;
    opacity:0;
    transform:translateY(4px);
    pointer-events:none;
    transition:opacity .24s ease, transform .24s ease;
}
.journeyStep.is-active{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}
.journeyStep[hidden]{
    display:none;
}
.journeyQuestion{
    min-width:220px;
    flex:1;
    color:var(--text);
    font-size:12pt;
    font-weight:800;
    line-height:1.25;
    margin:0;
}
.journeySelect{
    width:auto;
    min-width:220px;
    flex:1;
    min-height:44px;
    padding:.55rem .75rem;
    border:1px solid var(--border);
    border-radius:.65rem;
    background:var(--bg);
    color:var(--text);
    font-weight:700;
}
.journeyNextButton,
.journeyBackButton,
.journeyStartButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.35rem;
    min-height:44px;
    white-space:nowrap;
}
.journeyBackButton{
    width:44px;
    min-width:44px;
    padding:.5rem;
}
.journeyNextButton:disabled,
.journeyStartButton:disabled{
    background:#cbcbcb;
    color:#fff;
    cursor:not-allowed;
}
.journeyNextButton:disabled:hover,
.journeyStartButton:disabled:hover,
.journeyNextButton:disabled:focus,
.journeyStartButton:disabled:focus{
    background:#cbcbcb;
    color:#fff;
    border-color:transparent;
    outline:2px solid transparent;
}

@media (max-width: 980px){
    .journeyBox{
        grid-template-columns:1fr;
    }
    .journeyStep{
        flex-wrap:wrap;
    }
    .journeyQuestion,
    .journeySelect{
        min-width:100%;
        flex-basis:100%;
    }
    .journeyNextButton,
    .journeyStartButton{
        flex:1 1 auto;
    }
    .journeyBackButton{
        flex:0 0 44px;
    }
    .journeyStep[data-journey-step="2"] .journeyQuestion{
        order:1;
        min-width:100%;
        flex:0 0 100%;
    }
    .journeyStep[data-journey-step="1"] .journeyQuestion{
        order:1;
        min-width:100%;
        flex:0 0 100%;
    }
    .journeyStep[data-journey-step="1"] .journeySelect{
        order:2;
        min-width:0;
        flex:1 1 0;
    }
    .journeyStep[data-journey-step="1"] .journeyNextButton{
        order:3;
        flex:0 0 auto;
    }
    .journeyStep[data-journey-step="2"] .journeyBackButton{
        order:2;
        flex:0 0 44px;
    }
    .journeyStep[data-journey-step="2"] .journeySelect{
        order:3;
        min-width:0;
        flex:1 1 0;
    }
    .journeyStep[data-journey-step="2"] .journeyStartButton{
        order:4;
        flex:0 0 auto;
    }
}

/*Template*/

.spotlight{display: grid;gap: 2rem;justify-items: center;grid-template-columns: 1fr 2fr 1fr;margin:2rem 0 0 0;}
.spotlight .spotlight-item.rank-1{grid-column:2;}
.spotlight .spotlight-item.rank-2{grid-column:1;}
.spotlight .spotlight-item.rank-3{grid-column:3;}

/* Cover image guidance */
.listViewHeader.coverGuidanceHeader h3{min-width:0;overflow-wrap:anywhere;}
.coverGuidance{position:relative;flex:0 0 auto;margin:0 .5rem 0 auto;}
.coverGuidance .coverGuidanceButton{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-red,#e24040);cursor:help;}
.coverGuidance .coverGuidanceButton:hover{background:var(--accent-bg,#f2f2f2);}
.coverGuidance .coverGuidanceButton:focus-visible{outline:2px solid var(--text-red,#e24040);outline-offset:2px;}
.coverGuidance .coverGuidanceButton .material-icons{font-size:22px;}
.coverGuidanceTip{position:absolute;top:100%;right:0;z-index:20;box-sizing:border-box;width:min(22rem,calc(100vw - 3rem));padding:1rem;border:1px solid var(--border,#cbcbcb);border-radius:1rem;background:var(--bg,#fff);color:var(--text,#000);box-shadow:0 8px 24px rgba(0,0,0,.15);font-size:.875rem;font-weight:400;line-height:1.5;text-align:left;white-space:normal;overflow-wrap:anywhere;}
.coverGuidanceTip[hidden]{display:none;}
.coverGuidanceTip strong,.coverGuidanceTip>span{display:block;}
.coverGuidanceTip strong{margin-bottom:.5rem;}
.coverGuidanceTip p{margin:.75rem 0 0;font-size:inherit;line-height:inherit;}

/* Toast notifications */
.toast-container{
    position: fixed;
    bottom: 5rem;
    right: 0;
    left:0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    pointer-events: none;
    margin:0 auto;
    width:320px;
}
.toast{
    min-width: 220px;
    max-width: 320px;
    padding: .75rem 1rem;
    border-radius: .75rem;
    color: #fff;
    background: #334155;
    border: 2px solid #334155;
    font-weight: 500;
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .25s ease, transform .25s ease;
    margin:0 auto;
    text-align: center;
}
.toast.show{
    opacity: 1;
    transform: translateY(0);
}
.toast.hide{
    opacity: 0;
    transform: translateY(-10px);
}
.toast--success{ background: #2e7d32; border-color: #2e7d32; }
.toast--warning{ background: #f4a400; border-color: #f4a400; color: #1f2937; }
.toast--error{ background: #b91c1c; border-color: #b91c1c; }
.toast--info{ background: #075985; border-color: #075985; }

/* Invitation status box */
#invitefriends button:disabled{opacity:.55;cursor:not-allowed;}
.invite-status{
  display: block;
  padding: 0.6rem 0.8rem;
  border-radius: 0.75rem;
  border: 1px solid transparent;
  background: #f2f4f8;
  color: #1f2937;
  font-size: 11pt;
}
.invite-status__small{
  display: block;
  margin-top: 0.25rem;
  font-size: 0.85rem;
  opacity: 0.8;
}
.invite-status--info{
  background: #e8f3ff;
  border-color: #9cc7ff;
}
.invite-status--success{
  background: #e9f7ee;
  border-color: #8ed0a3;
}
.invite-status--error{
  background: #fdeaea;
  border-color: #f2a2a2;
}

.wrapper{width:75%;margin:0 auto;position: relative;}
.wrapper.sm-header.creativeWrapperHeader{width:auto;}
.contentPanel{padding:2rem 0;display:none;}
.cardContainer{display: grid;justify-content: center;align-items: center;gap: 2rem;justify-items: center;grid-template-columns: 1fr 1fr 1fr 1fr;}
.home-load-more-wrap{text-align:center;margin-top:1.5rem;}
.search-load-more-wrap{text-align:center;margin-top:1.5rem;}
.connect-load-more-wrap{text-align:left;}
.connect-load-more-btn{margin-left:2px;}
.profile-load-more-btn,
.group-load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;}
.profile-load-more-btn .material-icons,
.group-load-more-btn .material-icons{font-size:18pt;line-height:1;}
.profile-portfolio-grid-load-more-wrap{text-align:center;margin-top:1.5rem;}
.profile-portfolio-eval-load-more-wrap{text-align:center;padding:.5rem 0;}
.profile-portfolio-eval-load-more-btn{margin:0 auto;}
#portfolio .teaserBox.toggle-container .content{z-index:3;}
.leaderboard-load-more-divider{margin-top:1rem;}
.leaderboard-load-more-wrap{text-align:left;}
.leaderboard-endpoint-trigger{display:none;margin:0;}
.chatLoadMoreWrap{text-align:center;padding:.5rem 0;}
.chatLoadMoreBtn{font-size:.9rem;}
.topBar{height:45px;width:100%;padding:15px 0 20px 0;border-bottom:1px solid #cbcbcb;position:sticky;top:0;z-index:6;background:#fff;}
.top-nav-action-icon{margin-right:5px;}
.profile-head-compact{gap:.5rem;}
.profileHead.small .textContainer.profile-head-name-row{flex-direction:row;align-items:center;gap:0;}
.auth-error-text{color:#e24040;}
.remember-me-label{display:flex;align-items:center;gap:.5rem;}
.panelAuthOptions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;}
.panelAuthOptions .remember-me-label{margin:0;line-height:1;}
.panelAuthOptions .remember-me-label:hover{color:#e24040;cursor:pointer;}
.panelAuthOptions .remember-me-label small{display:inline-flex;align-items:center;line-height:1;font-size:10pt;}
.panelAuthOptions .remember-me-label input{margin:0;}
.panelForgotPasswordLink{display:inline-flex;align-items:center;font-size:.8rem;font-weight:600;line-height:1;color:var(--text);white-space:nowrap;font-size:10pt;}
.panelForgotPasswordLink:hover{color:#e24040;}
.panelAuthActions{display:flex;align-items:center;gap:.5rem;margin-top:1rem;}
.panelPageTitle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.panelPageTitle > span:first-child{min-width:0;overflow-wrap:anywhere;}
.panelHeaderActions{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;}
.panelReadAllActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem;margin:1.25rem .5rem .5rem;}
#profilPanel .panelReadAllActions button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin:0;font-size:.8rem;}
#profilPanel .panelReadAllActions .panelReadAllLink{margin-right:auto;padding:.4rem 0;border:0;border-radius:0;background:transparent;outline:none;color:var(--sub-text);text-decoration:underline;text-underline-offset:.2em;line-height:1.4;}
#profilPanel .panelReadAllLink:hover,#profilPanel .panelReadAllLink:focus-visible{background:transparent;border:0;color:var(--text-red);}
.panelReadAllStatus{flex:1 1 100%;text-align:right;font-size:.8rem;}
.panelReadAllActions button:disabled{opacity:.6;cursor:wait;}
#profilPanel .panelReadAllActions button:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;}
#profilPanel .panelHeaderActions button{display:inline-flex;align-items:center;justify-content:center;margin:0;}
#profilPanel .panelHeaderActions .material-icons{margin:0;}
#profilPanel .panelHeaderActions button:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;}
.panelAuthActions button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;margin:0;}
#profilPanel .panelAuthActions button{margin:0;}
.panel-register-cta{display:block;width:100%;text-align:center;box-sizing:border-box;}
#profilPanel .panel-register-cta{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;margin:1rem 0 0 0;}
#profilPanel .panelAuthActions .panel-register-cta{flex:1;margin:0;}
.panel-register-cta-icon{vertical-align:middle;margin-right:.35rem;}
#profilPanel .panel-register-cta-icon{margin-right:0;}
.settings-stack{flex-direction:column;gap:.5rem;}
.invitefriends-input{border:1px solid grey;border-radius:1rem;}
#invitefriends-form{display:flex;flex-wrap:nowrap;align-items:stretch;gap:.5rem;min-width:0;}
#invitefriends-email{flex:1 1 0;width:0;min-width:0;box-sizing:border-box;min-height:44px;font-size:1rem;}
#invitefriends-submit{flex:0 0 auto;white-space:nowrap;margin:0;min-height:44px;}
#invitefriends .invite-status{overflow-wrap:anywhere;}
.invitefriends-link-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;}
    .logoWrapper{width:fit-content;float:left;}
        .logo{display:inline-block;margin:0;}
         .logo img{height:35px;margin-top:5px;width:auto;}
         .descriptor{display:inline-block;font-size:11pt;}
        footer .logoWrapper .descriptor{display:inline-block;font-size:8pt;}
    nav.main{float:right;width:fit-content;}
    nav.main ul{display:block;}
    nav.main ul li{display:block;min-width:62px;height:40px;float:left;padding:7px 0 0 0;transition:all .3s ease;position:relative;}
    nav.main ul li:hover{padding:0;}
    nav.main ul li a{text-align: center;}
    nav.main ul li a.aktiv{color:#e24040;}
    nav.main ul li a.aktiv span.material-icons{background: #f2f2f2;border-radius: 3rem;}
    nav.main ul li a.aktiv span.element{margin-top:2.5px;}
    nav.main ul li a span.indicator{position: absolute;bottom: 5px;right: 10px;width: 20px;border-radius: 50%;font-size: 9pt;line-height: 20px;border: 2px solid #fff;height: 20px;background: #e24040;color: #fff;}
    nav.main ul li a span.element{visibility:hidden;opacity:0;font-weight:600;font-size:10pt;display:block;transition:all .3s ease;}
    nav.main ul li a:hover span.element{visibility:visible;opacity:1;}
    nav.main ul li a:focus span.element{visibility:visible;opacity:1;}

    nav.main ul li a span.material-icons{display:block;margin:0 auto;font-size:2.25rem;}
    nav.main ul li a:hover span.material-icons{color:#e24040;}
    nav.main ul li a:focus span.material-icons{color:#e24040;}

    nav.main ul li.button{padding:5px 0 0 0;margin:10px 1rem 0 .5rem;}
    nav.main ul li.button a{padding: 10px;background: #e24040;border-radius: 2rem;font-weight:700;color:#fff;font-size:10pt;border:2px solid transparent;}
    nav.main ul li.button a span.material-icons{display:inline-block;margin:0 auto;font-size:1.5rem;}
    nav.main ul li.button a.aktiv{background:transparent;border:2px solid #e24040;color:#e24040}
    nav.main ul li.button a:hover{background:transparent;border:2px solid #e24040;color:#e24040}
    nav.main ul li.button a:focus{background:transparent;border:2px solid #e24040;color:#e24040}

    nav.main ul li.profil{padding:5px 0 0 0;height:50px;}
    nav.main ul li.profil a {height:auto;display:inline-flex;align-items:center;}
    nav.main ul li.profil a.aktiv{color:#e24040;}
                    a .profilContainer{display:block;margin:0;float:left;height:40px;}
                    a .profilContainer img{width:40px;height:40px;border-radius:50%;}
    nav.main ul li.profil a:hover{color:#e24040;}
    nav.main ul li.profil a:focus{color:#e24040;}
    nav.main ul li.profil span.material-icons{font-size:1.5rem;}


    .panelWrapper{position:relative;display:none;z-index:7;position: sticky;top: 81px;}
    .panelWrapper .panelLayer{background: #000000cc;width: 100%;height: 100vh;position: fixed;left: 0;z-index: 0;top: 0;}
    .panelWrapper .profilpanel{}
    .panelWrapper .panelBox {position:absolute;top:-4px;right:0;background:#fff;border:1px solid #cbcbcb;border-top:none;border-radius:0 0 1rem 1rem;padding:1rem 2rem;width:368px;opacity:0;visibility: hidden;transition: all .3s ease;border-top: 4px solid #e24040;z-index:100;}
    .panelWrapper .panelBox .listElements li{border-bottom:1px solid #cccccc;}
    .panelWrapper .panelBox .listElements li:last-child{border-bottom:none;}
      .closePanel {}
      .closePanel:hover{}
    .panelWrapper .panelBox.shown {opacity:1;visibility: visible;}
    .panelSocialLinks{display:flex;align-items:center;justify-content:center;gap:.75rem;}
    .panelSocialLinks .socialIcon{width:28px;height:28px;}
    .panelSocialLinks a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;}
    .panelSocialLinks a:hover{background:var(--bg);}
    .panelSocialLinks a:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;}
    article .levelProgress{margin:.5rem 2rem 1rem 2rem; }
    .levelProgress .progressBar{width:100%;height:auto;padding:5px;background:#f2f2f2;position:relative;border-radius:1rem;border-top: 1px solid #cbcbcb;border-bottom: 1px solid #ffffff;}
    .levelProgress .progressBar .progressLine{width:0%;height:5px;background:#e24040;border-radius:1rem;}
    .levelProgress .progressBar .tip{left:0;right:0;margin:auto;bottom:-40px;}
    .levelProgress .progressBar:hover .tip{visibility:visible;opacity:1;}
    .levelProgress.challengeEvalDailyProgress{margin-top:0;display:block;}
    .levelProgress.challengeEvalDailyProgress h4{margin-bottom:.35rem;}
    .levelProgress.challengeEvalDailyProgress .progressLine{background:linear-gradient(90deg,#8a1538 0%,#e24040 100%);}
    .levelProgress.challengeEvalDailyProgress p{margin-top:.35rem;opacity:.85;}
    
    nav.list{width:100%;margin:0;padding:0;}
    nav.list ul{display:block;}
    nav.list ul li{display:block;list-style: none;margin:10px 0;}
    nav.list ul li .navigationAction{background:none;border:0;border-radius:0;box-shadow:none;color:inherit;font:inherit;margin:0;outline:0;padding:0;text-align:left;}
    nav.list ul li .navigationAction:focus-visible{outline:2px solid var(--text-red, #e24040);outline-offset:2px;}
    nav.list ul li .navigationAction i{margin-right:.5rem!important;}
    nav.list ul li :is(a, .navigationAction) i{padding: .25rem;background: #f2f2f2;border: 2px solid #e6e6e6;border-radius: 50%;margin-right: .5rem;font-size:1.25rem;}
    nav.list ul li a span{padding:.25rem;}
header{position:relative;width:100%;background:#fff;padding:2rem 0;z-index: 5;}
header.sm-header{padding:0;}
header.legal-header{padding:0;}
header.legal-header > .wrapper{height:auto;min-height:0;}
/* Bound the decorative box to the viewport; retain the artwork's desktop size. */
.headerThemeBackdrop{position:absolute;left:50%;transform:translateX(-50%);max-width:100%;height:21.5vw;z-index:4;pointer-events:none;opacity:0.2;}
        .gradientlayer{background: linear-gradient(220deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.8) 100%);position: absolute;width: 100%;height: 280px;bottom: 0;}
    
    .content{width:92%;height:auto;position:absolute;left:0;bottom:40px;}
        .content .eyebrow{color:#fff;text-transform: uppercase;font-size:16pt;font-weight:400;}
        .content h1{color:#fff;font-size:40pt;font-weight:500;}

#scrollAnchor{display:block;width:0;height:0;margin-top:-170px;position:absolute;}
.filter{height:45px;background:#fff;border-top:1px solid #f2f2f2;border-bottom:1px solid #cbcbcb;position:sticky;top:80px;z-index:4;margin:0;transition: transform 0.3s ease;padding:5px 0;}
.filter.popUp{padding:0 1rem;}
.filter.popUp.hide{transform:none;}
.filter.popUp .scrollContent{width:100%;}
.filter.sm-header{border-top:none;}
.filter.filter--panel-open{transform:none;}
.filter.hide{transform: translateY(-100%);}  
.filter.filter--panel-open.hide{transform:none;}
  .scrollContent{width:75%;float:left;touch-action: pan-y;height:45px;position: relative;z-index: 2;}
        .sliderButton{height: 28px;width: 28px;background:transparent;color: #e24040;border: 2px solid transparent;position: absolute;top: 35%;text-align: center;z-index: 3;text-align: center;border-radius: 50%;line-height: 26px;height:30px;width:30px;padding:0;transition:all .3s ease;}
        .sliderButton.inline{top:9px;}
        .scrollContent .sliderButton.left{left:-5px;top:5px;}
        .scrollContent .sliderButton.right{right:-5px;top:5px;}
        .scrollContent .sliderButton:hover{color:#e24040;background-color:#fff;border: 2px solid #cbcbcb;}
        
        .filterStopper{height:45px;width:30px;position:absolute;top:0px;text-align: center;z-index: 1;}
        .filterStopper.left{left: 0;right: auto;background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 40%);}
        .filterStopper.right{left: auto;right: 0;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 40%);}
        .popupTabScroll .subNavi{position:relative;overflow:hidden;}
        .popupTabScroll .popupTabScrollContainer{width:100%;}
        .popupTabScroll .popupTabStopper{pointer-events:none;z-index:2;}
        .popupTabScroll .popupTabScrollLeft{left:0;}
        .popupTabScroll .popupTabScrollRight{right:0;}
        .popupTabScroll .sliderButton{z-index:3;background:transparent;}
    .searchRow{margin:1rem 0 0 0;}
    .searchContainer{display:flex; gap:.5rem;justify-content: space-between;grid-area: header;}
      .searchBarInput{flex:1;border-radius:1rem;border:none;outline:2px solid #cbcbcb;padding:0 0 0 1rem;transition:all .3s ease;height:45px;}
      .searchBarInput:hover{outline:2px solid #e24040;}
    .searchContainer .selectShareItem{display:flex;flex:1;gap:.25rem;flex-direction: column;align-items: center;}
    .searchContainer .selectShareItem span.material-icons{font-size:28pt;text-align:center;color: #e24040;}


    .searchBarContainer{width:25%;float:left;}
        .subNavi{display:block;width:100%;}
        .storyContent .subNavi ul li a{height:41px;}
        .subNavi ul{scroll-behavior: initial;padding: 0;margin: 0;white-space: nowrap;position: relative;overflow: hidden;width: 100%;}
        .subNavi ul li{display:inline-block;margin:0 15px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .subNavi ul li a{height:45px;display:block;border-bottom:4px solid transparent;line-height:45px;font-size:11pt;}
        .subNavi ul li a span.material-icons{padding:.25rem;border-radius:50%;transition:all .3s ease;}
        .subNavi ul li a span.material-icons.filterIcon{color:#e24040;}
        .subNavi ul li a.active{border-bottom:4px solid #e24040;font-size:12pt;font-weight:600;padding:0 .5rem;}
        .subNavi ul li a.active span.material-icons{background-color: #e24040;color:#fff;font-size:18pt;border:2px solid transparent;line-height: 24px;}
        .subNavi ul li a.active span.material-icons:hover{background:#fff;color:#e24040;border:2px solid #e24040;}

    .searchBar{display:block;text-align:right;}
    .searchBar input.search{font-weight: 600;color: #2d2d2d;border-radius:2rem;background:#fff;outline:2px solid #cbcbcb;border:none;width:90%;display:block;height:30px;margin:10px 0;padding:5px 5%;transition:all .3s ease;}
    
    .searchBar button.filterButton{color:#fff;display:inline-block;text-align:center;border:none;background:#e24040;cursor:pointer;width:40px;height:40px;padding:0;}
    
    .expandedBarContainer{visibility:hidden;opacity:0;width:450px;position: absolute;padding:0 10px;right:0;top: 45px;background: #ffffff;border: 1px solid #cbcbcb;border-top: 4px solid #e24040;margin: 0 auto;text-align: left;height:auto;border-radius:0 0 1rem 1rem;transition:all .3s ease;z-index:1;}
    .expandedBarContainer.visible{visibility:visible;opacity:1;}
    .expandedBarContainer ul{width:100%;}
    .expandedBarContainer ul li{display: block;list-style: none;width:100%;font-size: 11pt;font-weight: 500;}
    .expandedBarContainer ul li a{display:block;width:100%;padding:15px 0;font-size:12pt;border-bottom:1px solid #cbcbcb;font-size: 11pt;font-weight: 500;} 
.expandedBarContainer ul li a span.arrow{display: block;float: right;font-size: 2rem;margin-top: -15px;}
.filter-count{
    display:inline-block;
    min-width:18px;
    line-height:26px;
    margin-left:6px;
    padding:0 5px;
    border-radius:9px;
    background:#e24040;
    color:#ffffff;
    font-size:10px;
    font-weight:700;
    text-align:center;
    vertical-align:middle;
    position:relative;
    cursor:pointer;
    transition:transform .15s ease, background-color .15s ease;
}
.notification{
    width:20px;
    height:20px;
    line-height:20px;
    display:inline-block;
    text-align:center;
    border-radius:50%;
}
.panel-menu-badge{
    background:#e24040;
    color:#fff;
    font-size:11px;
    margin-left:6px;
}
.panel-menu-badge-neutral{background:var(--bg);color:var(--text-red);}
.notification.profileHeadAggregateBadge{
    background: #e24040;
    width: 12px;
    height: 12px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 10px;
    text-align: center;
    font-size: 0;
    position: absolute;
    bottom: 5px;
    border: 4px solid var(--border);
    left: 25px;
    z-index: 10;
}
.panel-load-more{display:inline-block;}
.filter-count:hover{
    background:#c93333;
    transform:scale(1.05);
    color:transparent;
}
.filter-count:hover::after{
    content:'\00D7';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:800;
    color:#ffffff;
}

main{flex:1 0 auto;padding-bottom:2rem;background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);position:relative;min-height:70vh;}

    section{position:relative;}
    .headlineContainer{display:flex;padding:0 10rem;flex-direction:column;text-align:center;gap:1rem;}
    
    .headlineContainer h1{font-size:32pt;}
    .headlineContainer.start{padding:4rem 3rem 8rem 3rem;margin-left:1rem;border-left:3px solid #e24040;text-align:left;}

      .i18n-hl{color:#e24040;}
    .headlineContainer h2{}

    .bewertungsContainer{scroll-behavior: initial;white-space:nowrap;position:relative;padding:0 0 1rem 0;margin:1rem 0;overflow-x:scroll;width:100%;cursor:grab;}
    .bewertungsContainer:active{cursor:grabbing;}
    .bewertungsContainer .boxElement{margin: 0 1rem 0 0;display: inline-block;width: 32%;}
    .bewertungsContainer .boxElement .content a{width:100%;display:block;font-size:12pt;font-weight:600;text-align: center;}
    .bewertungsContainer .emptyResultState{display:flex;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center;color:#333;font-weight:600;background:rgba(255,255,255,.75);}
    .bewertungsContainer .noEvaluationsText{text-align:center;}
    .boxElement .selector{border-top:1px solid #e6e6e6;padding:.5rem 2%;width:96%;}
    .boxElement .selector label{margin:0;width:100%;text-align: center;padding:7px 0;font-size:10pt;}
    .boxElement .selector select{box-sizing:border-box;width:95%;max-width:100%;min-height:36px;padding:5px 7px;border:2px solid var(--border);border-radius:1rem;outline:none;background:var(--bg);color:var(--text);color-scheme:inherit;cursor:pointer;}
    .boxElement .selector select option{background:var(--bg);color:var(--text);}
    .boxElement .selector select:hover:not(:disabled){border-color:var(--sub-text);}
    .boxElement .selector select:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;border-color:var(--text-red);}
    .boxElement .selector select:disabled{opacity:.55;cursor:not-allowed;}

    .teaserBox{color:#000;position:relative;overflow:hidden;border-radius:1rem 1rem 0 0;background-size:cover!important;min-height:220px;width:100%;box-shadow:0 0 0 0 rgba(226,64,64,0),0 0 0 rgba(255,0,0,0);transition:box-shadow .42s ease;}
    .teaserBox.start{min-height:300px;box-shadow:0 50px 70px #e24040;}
    #bewertung_ergebnis_uebersicht{min-width:0;}
    #bewertung_ergebnis_uebersicht .challengeSolutionCard{white-space:normal;}
    #bewertung_ergebnis_uebersicht .challengeSolutionCard .teaserBox{min-height:280px;}
    #bewertung_ergebnis_uebersicht .emptyResultState{display:flex;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center;color:var(--text);font-weight:600;background:var(--bg);}
    #bewertung_ergebnis_uebersicht .noEvaluationsText{text-align:center;}
    .boxElement{width: 100%;margin: 0;display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;}
    .boxElement.dropdown-panel-group .teaserBoxFooter{height:auto;}

    article .boxElement.activity{margin:0;}
    article.blog a.button{width:fit-content;text-align:center;color:#fff;border-radius:5rem;background: #e24040;outline:2px solid transparent;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;}
    article.blog a.button:hover{background:#fff;color:#e24040;outline:2px solid #e24040;}
    .panelBox a.button{margin-top:1rem;width:fit-content;text-align:center;color:#000;border-radius:5rem;background: #fff;outline:2px solid #e6e6e6;padding:.5rem 0;cursor:pointer;transition:all .3s ease;width:100%;font-size:10pt;display:block;font-weight:500;}
    .panelBox a.button:hover{background:#fff;color:#e24040;outline:2px solid #e24040;}
    .boxElement.activity{width:100%;margin:0;}
    .boxElement.bewertung{width:96%;margin:0 1%;}
    .boxElement.bewertung .teaserBox{min-height:350px;}
    
    .teaserBox.article{width: 100%;display:block;min-height:190px;}
    .teaserBox.header{width: 100%;height:18vw;max-height:450px;display:block;box-sizing: border-box;border-top:none;border-bottom:1px solid #e6e6e6;border-radius:0;}
    .teaserBox.header h3.topLine{color: #e24040;}
    .teaserBox.header .contentCoverEditOverlay{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;max-height:none;margin:0;padding:1rem;box-sizing:border-box;border:0;border-radius:0;outline:none;background:transparent;cursor:pointer;}
    .contentCoverEditLabel{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border:1px solid var(--border);border-radius:2rem;background:var(--bg);color:var(--text);font-size:10pt;font-weight:600;box-shadow:0 2px 12px #0002;}
    .contentCoverEditLabel .material-icons{font-size:20px;}
    .teaserBox.header .contentCoverEditOverlay:hover{background:#0001;}
    .contentCoverEditOverlay:is(:hover,:focus-visible) .contentCoverEditLabel{border-color:var(--text-red);color:var(--text-red);}
    .contentCoverEditOverlay:focus-visible .contentCoverEditLabel{outline:2px solid var(--text-red);outline-offset:0;border-color:transparent;}
    .contentCoverDialog{width:min(640px,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto;box-sizing:border-box;border:1px solid var(--border);border-radius:1rem;background:var(--accent-bg);color:var(--text);box-shadow:0 12px 60px #0004;}
    .contentCoverDialog::backdrop{background:#0008;backdrop-filter:blur(3px);}
    .contentCoverDialog>.listViewHeader{display:flex;align-items:center;padding:.75rem 1rem;gap:.5rem;border-bottom:1px solid var(--border);background:var(--accent-bg);}
    .contentCoverDialog>.listViewHeader .bulletpoint{display:flex;align-items:center;justify-content:center;flex:0 0 32px;margin:0;}
    .contentCoverDialog>.listViewHeader h3{flex:1;min-width:0;}
    .contentCoverDialog .challengeDraftEditor{border:0;}
    .contentCoverDialog .challengeDraftEditor input.userInput{transition-property:background-color,color;}
    .contentCoverDialog .challengeDraftEditor input.userInput:focus-visible,.contentCoverDialog button:focus-visible{outline:2px solid var(--text-red);outline-offset:0;border-color:transparent;box-shadow:none;}
    .contentCoverDialog .contentCoverPreview{width:100%;max-height:260px;object-fit:contain;border:1px solid var(--border);border-radius:.75rem;background:var(--bg);}
    .contentCoverDialog [hidden]{display:none!important;}
    .teaserBox.header .profileAvatarEditOverlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:.25rem;border:0;border-radius:50%;background:#0004;cursor:pointer;}
    .teaserBox.header.profileImageEditHeader>.content{z-index:4;pointer-events:none;}
    .profileImageEditHeader .profileAvatarEditOverlay,.profileImageEditHeader .connect{pointer-events:auto;}
    .profileAvatarEditOverlay .contentCoverEditLabel{flex-direction:column;gap:.15rem;max-width:100%;padding:.35rem;border:0;border-radius:.75rem;background:transparent;color:white;box-shadow:none;font-size:9pt;line-height:1.2;text-align:center;}
    .teaserBox.header .profileAvatarEditOverlay:hover{background:#0007;}
    .profileAvatarEditOverlay:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;}
    .contentCoverDialog.profileAvatarDialog .contentCoverPreview{display:block;width:180px;height:180px;margin:0 auto 1rem;object-fit:cover;border-radius:50%;}
    .contentCoverDialog .challengeDraftActions{display:flex;flex-wrap:wrap;gap:.75rem;}
    @media(max-width:1023px){
        .teaserBox.header:has(.contentCoverEditOverlay){min-height:220px;}
        .teaserBox.header .contentCoverEditOverlay{justify-content:center;padding:10px 0 0;}
        .contentCoverEditOverlay .contentCoverEditLabel{justify-content:center;gap:.25rem;max-width:calc(50% - 1rem);min-height:26px;box-sizing:border-box;padding:.25rem .5rem;font-size:9pt;line-height:1.2;white-space:normal;text-align:center;}
        .contentCoverEditOverlay .contentCoverEditLabel .material-icons{flex-shrink:0;font-size:16px;}
        /* Keep the transparent topbar cutout clickable for the cover badge below it. */
        body:has(.contentCoverEditOverlay) .smartTopbar{pointer-events:none;}
        body:has(.contentCoverEditOverlay) .smartTopbar :is(.leftHeaderBox,.rightHeaderBox,.pageIndicator){pointer-events:auto;}
    }
    @media(max-width:600px){.contentCoverDialog .challengeDraftActions button{flex:1 1 auto;}.contentCoverDialog .contentCoverPreview{max-height:200px;}}
    .teaserBox .badgeMarker{visibility: visible; opacity:1;border-radius:1rem;width:auto;transition:all ease .3s;text-align:center;}
    .teaserBox.header .content{visibility: visible; opacity:1;padding:1.5rem 0;width:100%;}
    .teaserBox.header .layer{visibility: visible; opacity:1;}
    .teaserBox.header:hover .background{transform: scale(1);}
    .teaserBox.header .content h2.lg{font-size:26pt;}
    .teaserBox.header .background{filter:none;transform:scale(1);}
    .teaserBox.header:hover .background,
    .teaserBox.header:focus-within .background,
    .teaserBox.header.is-revealed .background{filter:none;transform:scale(1);}
    .teaserBox.header:hover,
    .teaserBox.header:focus-within,
    .teaserBox.header.is-revealed{box-shadow:none;animation:none;}
    /* An actual anchor covers the image; separate card controls stay interactive. */
    .teaserBox > a.teaserImageLink{position:absolute;inset:0;z-index:1;display:block;border-radius:inherit;}
    .teaserBox > a.teaserImageLink:focus-visible{outline:3px solid var(--text-red, #e24040);outline-offset:-3px;}
    .teaserBox:has(> a.teaserImageLink) > :is(.layer,.content,.badgeMarker,.challengeCardBadges){pointer-events:none;}
    .teaserBox:has(> a.teaserImageLink) > :is(.content,.badgeMarker,.challengeCardBadges) :is(a[href],button,input,textarea,select,label){pointer-events:auto;}
    .teaserBox:hover .content{visibility: visible; opacity:1;}
    .teaserBox:hover .layer{visibility: visible; opacity:1;}
    .teaserBox:hover .badgeMarker{visibility: visible; opacity:1;}
    .teaserBox.is-revealed .content{visibility: visible; opacity:1;}
    .teaserBox.is-revealed .layer{visibility: visible; opacity:1;}
    .teaserBox.is-revealed .badgeMarker{visibility: visible; opacity:1;}

    .teaserBox.header .profileHead{display: flex;gap: 1rem;flex-direction: row;flex-wrap: nowrap;align-items: flex-end;}
    .teaserBox.header .profileHead .textContainer{display: flex;flex: 1;flex-direction: column;}
    .teaserBox.header .profileHead .profilContainer img{width:140px;}
    .teaserBox.header .textContainer h2{font-size:26pt;}
    .teaserBox.header .textContainer h3{font-size:12pt;margin: .5rem 0;}
    .profileHead .textContainer span.special{font-weight:700;}
    .profileHead .textContainer span.special.epic{color:#7640d9;}
    .profileHead .textContainer span.special.mythic{color:rgb(255, 140, 0);}
    .profileHead .textContainer span.special.legend{color:#e24040;}

    .profileHead.small{display: flex;gap: .5rem;flex-direction: row;flex-wrap: nowrap;align-items: center;}
    .profileHead.small .profile {width:auto;}
    .profileHead.small .profile .profilePicture img.avatarBorder{width: 42px;height: 42px;top:0;left:-2px;}
    .profileHead.small .profile .profilePicture img.profilePicture{width:34px;height:34px;border:2px solid black;}
    ul.listElements li a .profileHead.small .profile .profilePicture img.avatarBorder{top:-2px; left:-2px;}

    .profileHead.small .textContainer{display: flex;flex: 1;flex-direction: column;}
    .profileHead.small .textContainer p{font-size:11pt;font-weight:500;margin:0;}
    .profileHead.small .textContainer.date{flex:none;}
    .profileHead.small .textContainer.date p{font-size:10pt;font-weight:600;}
    .profileHead.small .textContainer.date button{width:40px;height:40px;}
    .teaserBox.left{margin-right:1rem;}
    .teaserBox.right{margin-left:1rem;}
    .teaserBox .infoBox .iconWrapper{display:block;float:left;text-align:center;line-height:50px;width:50px;height:50px;border-radius:50%;border: 4px solid #e24040;margin-right:1rem;}
    .teaserBox .infoBox .iconWrapper img{width:100%;height:100%;}
    .teaserBox .infoBox .iconWrapper i{font-size:2rem;margin:0;}
    .teaserBox .infoBox p{display:inline-block;margin:0 1rem 0 0;padding:.5rem 0 0 0;}
    .teaserBox .infoBox p.count{float:right;}
    .teaserBox .background{transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .7s ease;background-position: center!important;filter:none;transform:scale(1);transform-origin:center;will-change:transform;}
    .teaserBox:hover,
    .teaserBox:focus-within,
    .teaserBox.is-revealed{
        box-shadow: 0 6px 20px rgba(226, 64, 64, .5);
        animation: none;
    }

    article .boxElement .teaserBox:hover,
    article .boxElement .teaserBox:focus-within,
    article .boxElement .teaserBox.is-revealed {
        box-shadow: none;
        animation: none;
    }

    .teaserBox a{color:#000; padding:0;}
    .teaserBox a i.material-icons{color:#e24040;}
    .teaserBox a:hover{color:#000;}
    .teaserBox.header .connect a.navButton{
        padding:.5rem 1rem;
        color:#fff;
        display:inline-flex;
        align-items:center;
        gap:.25rem;
        text-shadow: none;
    }
    .teaserBox.header .connect a.navButton i.material-icons,
    .teaserBox.header .connect a.navButton .material-icons{
        color:inherit;
    }
    .teaserBox.header .connect a.navButton:hover,
    .teaserBox.header .connect a.navButton:focus{
        color:#e24040;
    }
    .teaserBox.header .challengeHeaderTags{
        display:flex;
        align-items:center;
        gap:.5rem;
        color:#000;
        font-weight:600;
        margin-top:.25rem;
        text-shadow:none;
        flex-wrap:wrap;
    }
    .teaserBox.header .challengeHeaderTags .material-icons{
        font-size:16pt;
        color:#e24040;
        line-height:1;
    }
    .teaserBox h1,
    .teaserBox h2{position:relative;z-index:1;font-weight:600;}
    .teaserBox h1.sm,
    .teaserBox h2.sm{font-size:12pt;width: 96%;}
    .teaserBox h1.md,
    .teaserBox h2.md{font-size:14pt;width: 96%;}
    .teaserBox h1.lg,
    .teaserBox h2.lg{font-size:16pt;width: 96%;text-align:left!important;}
    .teaserBox h3.eyebrown {text-transform: uppercase;font-size: 1rem;margin-bottom: .5rem;font-weight: 800;letter-spacing: 3px;color: #e24040;padding-bottom: 10px;border-bottom: 2px solid #0b894a;}
    .teaserBoxTitle h2{
        margin:0;
        font-size:14pt;
        font-weight:600;
        line-height:1.35;
    }
    .teaserBoxTitle h2 a{
        font-size:1rem;
        font-weight:inherit;
        line-height:inherit;
    }

    .background{width:100%;background-position:center;background-size:cover!important;height:100%;position:absolute;top:0;left:0;z-index:0;}
    .layer{opacity: 1;visibility: visible;transition: all .3s ease;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;background: #0f181c;background: radial-gradient(at left bottom, #ffffff 25%, #FFFFFF00 80%);transition: all .3s ease;}
    .layer.small{background: linear-gradient(#FFFFFF00 60%, #fff 100%);backdrop-filter: none;}
    .searchBGLayer{position:absolute;top:0;left:0;width:100%;height:100%;background: #000000cc;backdrop-filter: blur(5px);z-index:3;visibility: hidden;opacity:0;transition:all .3s ease;cursor:pointer;}
    .searchBGLayer.shown{visibility: visible;opacity:1;}


    .teaserBox .header{padding:1rem;position:relative;z-index:1;}
    .teaserBox .content{padding:1rem;position:absolute;bottom:0;left:0;z-index:2;visibility: visible; opacity: 1;transition: .3s ease;}
    .teaserBox .content a.author{line-height:40px;}
    .teaserBox .content a:hover{color:#e24040;}
    .teaserBox .content .small{font-size:10pt;}
    .teaserBox .content .profilLink{display:inline-block;width:40px;height:40px;}
    .teaserBox.toggle-container .content{padding:0;width:100%;background:#fff;height:0;}
    .teaserBox.toggle-container .content.expanded{visibility: visible;opacity: 1;height: 75%;width: 100%;background: #ffffffe8;padding:0;backdrop-filter: blur(10px);}
    .teaserBox.toggle-container .content .gradientPart{background: linear-gradient(#FFFFFF00 0%, #ffffffeb 80%);border-bottom: 1px solid #fff;backdrop-filter: none;position: absolute;left: 0;width: 100%;height: 130px;top: -130px;display: flex;align-items: flex-end;}
    .teaserBox.toggle-container .content .gradientPart button.toggle-button{margin:1rem auto;display:block;background:none;color:#000;padding:0;border:none;outline:none;font-size: 12pt;font-weight: 600;}
    .teaserBox.toggle-container .content .gradientPart button.toggle-button:hover{color:#e24040;border:none;outline:none;}
    .teaserBox .badgeMarker{position: absolute;left:0;top:0;width:auto;padding:.5rem 1rem;border-radius:12px;margin:1rem;z-index:2;font-weight:700;font-size:10pt;line-height:1.2;user-select: none;box-sizing:border-box;max-width:calc(100% - 2rem);}
    .teaserBox .badgeMarker a:hover{color:#e24040;}
    .teaserBox .badgeMarker.projekt{background: #fff;color:#000;}
    .teaserBox .badgeMarker.projekt .material-icons{font-size:14pt;}
    .teaserBox .challengeCardBadge{}
    .teaserBox:has(.challengeCardBadges){isolation:isolate;}
    .teaserBox .badgeMarker.challengeCardRankBadge{top:auto;left:auto;right:0;bottom:0;}
    .engagementActions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;max-width:100%;white-space:normal;}
    .engagementActions form{margin:0;max-width:100%;}
    .engagementActions .engagementActions__button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:32px;width:auto;max-width:100%;margin:0;padding:.3rem .6rem;border:1px solid var(--text-red,#e24040);border-radius:2rem;background:var(--text-red,#e24040);color:#fff;font:inherit;font-size:.8rem;font-weight:600;line-height:1.3;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;}
    .engagementActions__button .material-icons{margin:0;flex-shrink:0;font-size:17px;}
    .engagementActions .engagementActions__button:hover{filter:brightness(.9);color:#fff;}
    .engagementActions .engagementActions__button:focus-visible{outline:3px solid var(--text,#111);outline-offset:3px;}
    .engagementInfoRow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;width:100%;min-width:0;}
    .engagementInfoRow > p,
    .engagementInfoRow > .markdownContent,
    .engagementInfoRow > .shortDescription{flex:1 1 12rem;min-width:0;margin:0;}
    .engagementInfoRow > .markdownContent > :first-child{margin-top:0;}
    .engagementInfoRow > .markdownContent > :last-child{margin-bottom:0;}
    .engagementInfoRow > .engagementActions{flex:0 1 auto;}
    .engagementActions > :not(:first-child).engagementActions__button{background:transparent;color:var(--text-red,#e24040);}
    [data-profile-card-list] > [hidden]{display:none!important;}
    .teaserBox:has(> .cardInfo){isolation:isolate;}
    .teaserBox > .cardInfo{position:absolute;inset:1rem;z-index:5;pointer-events:none;}
    .cardInfo > button.cardInfo__button{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;margin:0;padding:0;border:1px solid var(--border,#cbcbcb);border-radius:12px;background:var(--accent-bg,#fff);color:var(--text,#000);pointer-events:auto;cursor:pointer;}
    .cardInfo__button > .material-icons{font-size:20px;margin:0;}
    .cardInfo > button.cardInfo__button:focus-visible{outline:2px solid var(--text-red,#e24040);outline-offset:2px;}
    .cardInfo > .cardInfo__tooltip{position:absolute;top:36px;right:0;box-sizing:border-box;width:max-content;max-width:100%;max-height:calc(100% - 36px);overflow:auto;overflow-wrap:anywhere;white-space:normal;padding:.6rem .75rem;border:1px solid var(--border,#cbcbcb);border-radius:12px;background:var(--bg,#fff);color:var(--text,#000);font-size:10pt;font-weight:400;line-height:1.45;pointer-events:auto;user-select:text;}
    .cardInfo > .cardInfo__tooltip[hidden]{display:none;}
    .teaserBox:has(> .cardInfo) > .challengeCardBadges,.teaserBox:has(> .cardInfo) > .badgeMarker:not(.challengeCardRankBadge){max-width:calc(100% - 5rem);}
    .teaserBox .challengeCardBadges{position:absolute;top:1rem;left:1rem;max-width:calc(100% - 2rem);display:flex;align-items:stretch;gap:.4rem;z-index:3;}
    .challengeCardBadges__label,.challengeCardBadges button.challengeCardBadges__status{box-sizing:border-box;min-height:36px;border:1px solid var(--border, #cbcbcb);border-radius:12px;background:var(--accent-bg, #fff);color:var(--text, #000);}
    .challengeCardBadges__label{display:flex;align-items:center;min-width:0;padding:.5rem .75rem;font-size:10pt;font-weight:700;line-height:1.25;white-space:normal;overflow-wrap:anywhere;}
    .challengeCardBadges button.challengeCardBadges__status{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;margin:0;padding:0;outline:none;}
    .challengeCardBadges__status > .material-icons{font-size:20px;}
    .challengeCardBadges button.challengeCardBadges__status:focus-visible{outline:2px solid var(--text-red, #e24040);outline-offset:2px;}
    .challengeCardBadges__tooltip{position:absolute;top:calc(100% + .4rem);right:0;z-index:4;width:max-content;max-width:190px;padding:.5rem .75rem;border:1px solid var(--border, #cbcbcb);border-radius:.65rem;background:var(--bg, #fff);color:var(--text, #000);font-size:10pt;font-weight:400;line-height:1.4;white-space:normal;visibility:hidden;opacity:0;pointer-events:none;}
    .challengeCardBadges__status:hover .challengeCardBadges__tooltip,.challengeCardBadges__status:focus .challengeCardBadges__tooltip{visibility:visible;opacity:1;}
    .teaserBoxFooter{color: #000;position: relative;border-radius: 0 0 1rem 1rem;padding: 0;border-top: 1px solid #e6e6e6;width:auto;background:#fff;z-index:2;height:45px;}
    
    .boxElement--challenge-card .teaserBox--challenge-card .background,
    .boxElement--search-card .teaserBox--search-card .background{
        filter:none;
        transform:scale(1);
    }
    .boxElement--profile-article-card .teaserBox--profile-article-card .background{
        filter:none;
        transform:scale(1);
    }
    .boxElement--challenge-card .teaserBox--challenge-card:hover .background,
    .boxElement--challenge-card .teaserBox--challenge-card:focus-within .background,
    .boxElement--challenge-card .teaserBox--challenge-card.is-revealed .background,
    .boxElement--challenge-card .teaserBox--challenge-card[data-card-link="1"]:hover .background,
    .boxElement--challenge-card .teaserBox--challenge-card[data-card-link="1"]:focus-within .background,
    .boxElement--challenge-card .teaserBox--challenge-card[data-card-link="1"].is-revealed .background,
    .boxElement--search-card .teaserBox--search-card:hover .background,
    .boxElement--search-card .teaserBox--search-card:focus-within .background,
    .boxElement--search-card .teaserBox--search-card.is-revealed .background,
    .boxElement--search-card .teaserBox--search-card[data-card-link="1"]:hover .background,
    .boxElement--search-card .teaserBox--search-card[data-card-link="1"]:focus-within .background,
    .boxElement--search-card .teaserBox--search-card[data-card-link="1"].is-revealed .background,
    .boxElement--profile-article-card .teaserBox--profile-article-card:hover .background,
    .boxElement--profile-article-card .teaserBox--profile-article-card:focus-within .background,
    .boxElement--profile-article-card .teaserBox--profile-article-card.is-revealed .background,
    .boxElement--profile-article-card .teaserBox--profile-article-card[data-card-link="1"]:hover .background,
    .boxElement--profile-article-card .teaserBox--profile-article-card[data-card-link="1"]:focus-within .background,
    .boxElement--profile-article-card .teaserBox--profile-article-card[data-card-link="1"].is-revealed .background{
        filter:none;
        transform:scale(1.06);
    }
    @media (prefers-reduced-motion: reduce){
        .teaserBox .background{transition:none;will-change:auto;}
        .boxElement--challenge-card .teaserBox--challenge-card:hover .background,
        .boxElement--challenge-card .teaserBox--challenge-card:focus-within .background,
        .boxElement--challenge-card .teaserBox--challenge-card.is-revealed .background,
        .boxElement--search-card .teaserBox--search-card:hover .background,
        .boxElement--search-card .teaserBox--search-card:focus-within .background,
        .boxElement--search-card .teaserBox--search-card.is-revealed .background,
        .boxElement--profile-article-card .teaserBox--profile-article-card:hover .background,
        .boxElement--profile-article-card .teaserBox--profile-article-card:focus-within .background,
        .boxElement--profile-article-card .teaserBox--profile-article-card.is-revealed .background{
            transform:scale(1);
        }
    }
    .boxElement--challenge-card .teaserBox--challenge-card .layer,
    .boxElement--search-card .teaserBox--search-card .layer,
    .boxElement--profile-article-card .teaserBox--profile-article-card .layer{
        opacity:0;
        visibility:hidden;
        background:linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.7) 100%);
    }
    .boxElement--challenge-card .teaserBox--challenge-card .content,
    .boxElement--search-card .teaserBox--search-card .content,
    .boxElement--profile-article-card .teaserBox--profile-article-card .content{
        visibility:hidden;
        opacity:0;
        pointer-events:none;
    }
    .boxElement--search-card .teaserBox--search-card .content,
    .boxElement--profile-article-card .teaserBox--profile-article-card .content{
        color:#fff;
    }
    .boxElement--search-card .teaserBox--search-card .content p,
    .boxElement--search-card .teaserBox--search-card .content .small,
    .boxElement--search-card .teaserBox--search-card .content .material-icons,
    .boxElement--profile-article-card .teaserBox--profile-article-card .content p,
    .boxElement--profile-article-card .teaserBox--profile-article-card .content .small,
    .boxElement--profile-article-card .teaserBox--profile-article-card .content .material-icons{
        color:#fff;
    }
    .boxElement--challenge-card .teaserBox--challenge-card:hover .layer,
    .boxElement--challenge-card .teaserBox--challenge-card:focus-within .layer,
    .boxElement--challenge-card .teaserBox--challenge-card.is-revealed .layer,
    .boxElement--challenge-card .teaserBox--challenge-card:hover .content,
    .boxElement--challenge-card .teaserBox--challenge-card:focus-within .content,
    .boxElement--challenge-card .teaserBox--challenge-card.is-revealed .content,
    .boxElement--search-card .teaserBox--search-card:hover .layer,
    .boxElement--search-card .teaserBox--search-card:focus-within .layer,
    .boxElement--search-card .teaserBox--search-card.is-revealed .layer,
    .boxElement--search-card .teaserBox--search-card:hover .content,
    .boxElement--search-card .teaserBox--search-card:focus-within .content,
    .boxElement--search-card .teaserBox--search-card.is-revealed .content,
    .boxElement--profile-article-card .teaserBox--profile-article-card:hover .layer,
    .boxElement--profile-article-card .teaserBox--profile-article-card:focus-within .layer,
    .boxElement--profile-article-card .teaserBox--profile-article-card.is-revealed .layer,
    .boxElement--profile-article-card .teaserBox--profile-article-card:hover .content,
    .boxElement--profile-article-card .teaserBox--profile-article-card:focus-within .content,
    .boxElement--profile-article-card .teaserBox--profile-article-card.is-revealed .content{
        visibility:visible;
        opacity:1;
    }
    .boxElement--challenge-card .teaserBoxTitle--challenge-card,
    .boxElement--search-card .teaserBoxTitle--search-card,
    .boxElement--profile-article-card .teaserBoxTitle--profile-article-card{
        background:var(--accent-bg);
        padding:0 1rem;
        z-index:1;
    }
    .boxElement--challenge-card .teaserBoxTitle--challenge-card h2,
    .boxElement--search-card .teaserBoxTitle--search-card h2,
    .boxElement--profile-article-card .teaserBoxTitle--profile-article-card h2{
        margin:0;
        width:100%;
        font-size:14pt;
        font-weight:600;
    }
    .boxElement--challenge-card .teaserBoxTitle--challenge-card h2 a,
    .boxElement--search-card .teaserBoxTitle--search-card h2 a,
    .boxElement--profile-article-card .teaserBoxTitle--profile-article-card h2 a{
        text-shadow:none;
    }
    .boxElement--challenge-card .teaserBoxImageTags,
    .boxElement--search-card .teaserBoxImageTags,
    .boxElement--profile-article-card .teaserBoxImageTags{
        color:#fff;
        font-weight:600;
        text-shadow:0 2px 8px rgba(0,0,0,.6);
    }
    .boxElement--challenge-card .teaserBoxImageTags .material-icons,
    .boxElement--search-card .teaserBoxImageTags .material-icons,
    .boxElement--profile-article-card .teaserBoxImageTags .material-icons{
        color:#fff;
        vertical-align:middle;
    }
    .boxElement--search-card-person .teaserBox--search-card .content{
        visibility:visible;
        opacity:1;
        pointer-events:auto;
    }
    .boxElement--search-card-person .teaserBox--search-card .content .textContainer{
        display:none;
    }
    .boxElement--search-card-person .teaserBoxTitle--search-card .teaserBoxTitleMeta{
        margin:-.25rem 0 .75rem 0;
        font-size:10pt;
        opacity:.8;
    }
    .boxElement--profile-article-card .teaserBox--profile-article-card .sharedProfilePreview .textContainer h3,
    .boxElement--profile-article-card .teaserBox--profile-article-card .sharedProfilePreview .textContainer p,
    .boxElement--profile-article-card .teaserBox--profile-article-card .sharedProfilePreview .textContainer h3 a{
        color:#fff;
        text-shadow:0 2px 8px rgba(0,0,0,.6);
    }
    
    .tags{position:relative;z-index:1;}
    .tags.profile{margin-left:10rem;}
    .tags ul{margin:0;padding:0;}
    .tags li{display:inline-block;margin:0;backdrop-filter: blur(0px);user-select: none;color:#000000;padding:10px 5px 10px 5px;font-size:9pt;border-right: 1px solid #e6e6e6;border-radius:0 0 0 1rem;}
    .tags li:last-child{border:none;}
    .tags li a.tagInlineLink{color:inherit;font-weight:inherit;text-decoration:none;}
    .tags li a.tagInlineLink:hover{color:inherit;text-decoration:none;}
    .tags li i.material-icons{transition:all .3s ease;}
    .tags li:hover i.material-icons{color:#e24040;}
    .tags span.tip{left:0;right:0;margin:auto;}
    .teaserBoxFooter .tags li:last-child span.tip{left:auto;right:0;margin:0;max-width:calc(100vw - 2rem);white-space:normal;}
    .tags span.tip a{color:#000;}
    .tags span.tip a:hover{color:#e24040;}
    .creativeWrapperTitle{display:inline-flex;align-items:center;gap:.35rem;}
    .creativeWrapperTitle .material-icons{color:#e24040;}

    .submenu {position:relative;z-index:1;}
    .submenu button{backdrop-filter: blur(4px);background: #fff;color:#000;margin:5px;}
    .submenu button.active i.material-icons{color:#e24040;}
    .submenu nav.more{display:block;position: absolute;width: auto;height: fit-content;right: -0.5rem;left: auto;top: auto;bottom: 50px;padding: 0 .75rem;border-radius: 1rem;visibility: hidden;opacity: 0;transition: all .3s ease;}
    .submenu nav.more.shown{opacity: 1;visibility: visible;}
    .submenu nav.more ul{padding:0;margin:0;text-align:right}
    .submenu nav.more ul li{list-style:none;}
    .submenu nav.more ul li button.watchlistToggleButton.watched i.material-icons{color:#e24040;}
    .submenu nav.more ul li :is(button, a){
        width:auto;
        white-space:nowrap;
        margin:5px auto;
        font-size:10pt;
        padding:6px 12px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:.25rem;
        border-radius:5rem;
        border:1px solid transparent;
        outline:2px solid transparent;
        outline-offset:0;
        box-shadow:none;
        text-decoration:none;
        background:#fff;
        color:#000;
        backdrop-filter:blur(4px);
        cursor:pointer;
        transition:all .3s ease;
    }
    .submenu nav.more ul li :is(button, a) i.material-icons{font-size:16pt;}
    .submenu.contentActionsMenu nav.more{
        top:calc(100% + .5rem);
        bottom:auto;
        display:flex;
        gap:1rem;
        width: min(440px, calc(100vw - 2rem));
        box-sizing:border-box;
        padding:.75rem;
        background:var(--bg, #fff);
        border:1px solid var(--border, #e5e5e5);
        box-shadow:0 8px 24px rgba(0,0,0,.14);
    }
    .submenu.contentActionsMenu nav.more ul{
        display:flex;
        flex:1;
        min-width:0;
        flex-direction:column;
        gap:.5rem;
    }
    .submenu.contentActionsMenu nav.more ul:not(:has(li)){display:none;}
    .submenu.contentActionsMenu nav.more ul:has(li) + ul:has(li){
        padding-left:1rem;
        border-left:1px solid var(--border, #e5e5e5);
    }
    .submenu.contentActionsMenu nav.more ul li{width:100%;margin:0;}
    .submenu.contentActionsMenu nav.more ul li :is(button, a){
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:.5rem;
        box-sizing:border-box;
        width:100%;
        min-height:48px;
        margin:0;
        padding:.5rem .65rem;
        border-radius:.65rem;
        white-space:normal;
        overflow-wrap:anywhere;
        text-align:left;
        line-height:1.3;
    }
    .submenu.contentActionsMenu nav.more ul li .material-icons{flex-shrink:0;}
    .submenu nav.more ul li button .profilContainer{line-height: 25px;display: flex;flex-direction: row;align-content: center;justify-content: flex-end;align-items: center;}
    .submenu nav.more ul li button .profilContainer img{height:28px;width:28px;margin-right:.25rem;border-radius:50%;}
    .creativeWrapper{border-radius:1rem;position:relative;margin:0;padding:0;background: #fcfafa;outline: 1px solid #f2f2f2;}
    .creativeWrapper.challengeTagSlider{display:flex;align-items:center;gap:.25rem;padding:.25rem;max-width:100%;min-width:0;}
    .challengeTagSlider .categories{flex:1;min-width:0;}
    .challengeTagSlider .categories:has(:is(#challenge-tag-empty,[data-tag-empty]):not([hidden])) ul{display:none;}
    .challengeTagSlider :is(#challenge-tag-empty,[data-tag-empty]){margin:0;padding:5px 3px;font-size:9pt;font-weight:400;line-height:1.4;color:var(--sub-text);}
    .challengeTagSlider :is(#challenge-tag-empty,[data-tag-empty]):not([hidden]){display:flex;align-items:center;min-height:49px;box-sizing:border-box;}
    .challengeTagSlider .categories ul{display:flex;gap:10px;list-style:none;margin:0;padding:5px 3px;position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;}
    .challengeTagSlider .categories ul::-webkit-scrollbar{display:none;}
    .challengeTagSlider li{flex:0 0 auto;position:relative;}
    .challengeTagSlider li[hidden]{display:none;}
    .challengeTagSlider li input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;}
    .challengeTagSlider li label{display:block;margin:0;padding:10px;border:2px solid var(--border, #cbcbcb);border-radius:2rem;background:var(--bg, #fff);color:var(--text, #000);font-size:10pt;font-weight:600;line-height:15px;white-space:nowrap;cursor:pointer;}
    .challengeTagSlider li label:hover{border-color:#e24040;}
    .challengeTagSlider li input:checked + label{background:#e24040;color:#fff;border-color:#e24040;}
    .challengeTagSlider li input:focus-visible + label{outline:2px solid var(--text, #000);outline-offset:2px;}
    .creativeWrapper.challengeTagSlider .sliderButton{position:static;flex:0 0 30px;margin:0;}
    .creativeWrapper.challengeTagSlider .sliderButton:disabled{opacity:.3;cursor:default;pointer-events:none;}
        .creativeWrapper .sliderButton.left{left: 19%;top:.5rem;}
        .creativeWrapper .sliderButton.right{right:1rem;top:.5rem;}
        
        .creativeWrapper .stopper.categorie.left{}
        .creativeWrapper .stopper.categorie.right{right:2%;}
        
        .sliderButton.ergebnis.left{left:0;top:35%;}
        .sliderButton.ergebnis.right{right:0;top:35%;}

        .sliderButton:hover{color:#e24040;background-color:#fff;border: 2px solid #cbcbcb;}

    h3.categorieTeaser{display: block;margin-top: 1rem;text-align: center;font-weight:500;font-size:14pt;}
    nav.categories{display:block;width:100%;padding:0;position: relative;}
    nav.categories.inline{float:left;width:55%;display:flex;flex:1;}
    nav.categories.tagline{float:left;width:70%;display:flex;flex:1;}
    
        .stopper{height:100%;width:50px;position:absolute;top:0px;line-height:50px;text-align: center;z-index: 2;}
        .stopper.left{left: 0;right: auto;background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 80%);}
        .stopper.right{left: auto;right:0;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 80%);}
        nav.categories .stopper.right{background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(252 250 250) 50%);}
        nav.categories .stopper.left{background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(252 250 250) 50%);}
        .meta .stopper.right{right:0;}
        .stopper.ergebnis.right{width:70px;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(241 241 242) 80%);z-index:3;}
        .stopper.ergebnis.left{width:70px;background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(250 249 249) 80%);z-index:3;}

    nav.categories ul{scroll-behavior: initial;padding:0;margin:0;white-space: nowrap;position: relative;overflow: hidden;width:96%;cursor: grab;}
    nav.categories ul:active{cursor: grabbing;}
    nav.categories ul.plain li{height: 47.3px;line-height: 47px;margin:0 5px 0 0;font-weight:400;}
    nav.categories ul li{display:inline-block;margin:0 5px;padding:0;}
    nav.categories ul li.online a{border-color:#e24040;}
    nav.categories ul li.online:hover a{border-color:#e24040;color:#e24040;}
    nav.categories ul li.online a i.dot{display:inline-block;width:8px;height:8px;background-color:#e24040;border-radius:50%;}
    nav.categories ul li a{background: #fff;display: block;line-height: 15px;margin:5px 0;border-radius: 2rem;text-align: center;padding: 10px;font-size: 10pt;font-weight: 600;border: 2px solid #cbcbcb;transition: all .3s ease;}
    nav.categories ul li a span.material-icons{font-size:12pt;font-weight:600;}
    nav.categories ul li a:hover{border-color:#e24040;}
    nav.categories ul li a.aktiv{background:#e24040;color:#fff;border-color:#e24040;}
    .messagesContactSliderHeader{padding-top:0;}
    .messagesContactSlider .sliderButton.left{left:19%;top:.65rem;}
    .messagesContactSlider .sliderButton.right{right:1rem;top:.65rem;}
    .messagesContactSlider .chatContactStopper.left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(252 250 250) 50%);}
    .messagesContactSlider .chatContactStopper.right{right:2%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(252 250 250) 50%);}
    .messagesContactSlider nav.categories ul li a.chatContactPill{position:relative;}
    .chatContactPill__unread{
        position:absolute;
        top:-4px;
        right:-4px;
    }

    .meta{background:#fff;position: relative;z-index:4;padding:2rem 0;}
    .meta .contentBox{display:flex;margin:0;text-align:center;background:#fcfafa;padding:.5rem .5rem .5rem 1rem;border-radius:1rem;overflow:hidden;}
    .meta .contentBox .tagLine{float:left;display: flex;padding: 0;align-items: center;justify-content: flex-start;}
    .meta .contentBox .tagLine.tags{display:flex;align-items: center;}

    .meta .contentBox span.material-icons.teaser{font-size: 22pt;background: #fff;color:#e24040;border-radius: 50%;padding: .5rem;text-align: center;display: inline;width: fit-content;border:1px solid #e0e0e0;margin:0;float:left;}
    .meta .contentBox h2{font-size:13pt;margin: .5rem;display:inline;float:left;}
    .meta .tile.challengePhaseBox{width:auto;box-sizing:border-box;text-align:left;position:relative;transition:all .3s ease;min-width:150px;}
    .meta .tile.challengePhaseBox.active{--interaction-tile-border:var(--text-red,#e24040);}
    .meta .tile.challengePhaseBox.active > .challengePhaseStatus{color:#fff;}
    .meta .tile.challengePhaseBox .challengePhaseTitle{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0;width:100%;white-space:normal;}
    .meta .tile.challengePhaseBox .challengePhaseTitleRow{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;min-height:24px;}
    .meta .tile.challengePhaseBox .challengePhaseTitle h2{margin:0;float:none;display:block;min-width:0;font-size:13pt;font-weight:600;line-height:1.35;overflow-wrap:anywhere;}
    .meta .tile:is(.challengePhaseBox,.interactionTile){position:relative;--interaction-tile-border:var(--border,#e0e0e0);outline-color:var(--interaction-tile-border);}
    .meta :is(.challengePhaseStatus,.interactionTileStatus){position:absolute;top:0;right:0;box-sizing:border-box;max-width:100%;padding:.5rem 1rem;border-radius:0 1rem 0 1rem;background:var(--interaction-tile-border);color:var(--text);font-size:8pt;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .meta .challengePhaseBox .challengePhaseDates{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .4rem;margin:0;font-size:.75rem;line-height:1.5;color:var(--sub-text);font-variant-numeric:tabular-nums;}
    .meta .challengePhaseDates time{white-space:nowrap;}
    .meta .challengePhaseSlider{position:relative;--challenge-phase-fade-width:30px;}
    .meta .challengePhaseSlider .sliderButton.left{left:-5px;top:50%;transform:translateY(-50%);}
    .meta .challengePhaseSlider .sliderButton.right{right:-5px;top:50%;transform:translateY(-50%);}
    .meta .challengePhaseSlider .stopper.tileStopper{height:100%;z-index:2;width:var(--challenge-phase-fade-width);}
    .meta .challengePhaseScroller{padding:0;overflow-x:auto;overflow-y:visible;gap:1rem;align-items:stretch;scrollbar-width:none;}
    .meta .challengePhaseScroller::-webkit-scrollbar{display:none;}
    .meta .challengePhaseScroller .challengePhaseTile{display:flex;    justify-content: center;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:1rem;flex:1;}
    .meta .challengePhaseTile > .engagementActions{width:100%;margin-top:auto;}
    .meta .interactionTileHeader{display:flex;align-items:flex-start;gap:1rem;width:100%;min-width:0;}
    .meta .interactionTileIcon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;border:1px solid var(--border,#e0e0e0);border-radius:50%;background:var(--bg,#fff);color:var(--text-red,#e24040);font-size:22px;}
    .meta .tile.interactionTile{width:auto;align-items:stretch;box-sizing:border-box;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;}
    .meta .interactionTileContent{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0;}
    .meta .interactionTileTitleRow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:24px;}
    .meta .interactionTileContent h2{float:none;display:block;margin:0;font-size:13pt;font-weight:600;line-height:1.35;}
    .meta .interactionTileDescription{margin:0;font-size:11pt;line-height:1.5;}
    .meta .interactionTileContent .markdownContent > :first-child{margin-top:0;}
    .meta .interactionTileContent .markdownContent > :last-child{margin-bottom:0;}
    .meta .interactionTile > .engagementActions{width:100%;margin-top:auto;}
    .meta .interactionTile .engagementActions form{width:100%;}
    .meta .interactionTile .engagementActions__button{width:100%;min-height:36px;border-radius:.65rem;}
    .meta .interactionTileSlider{position:relative;min-width:0;--interaction-fade-width:30px;}
    .meta .interactionTileSlider .stopper.tileStopper{width:var(--interaction-fade-width);}
    .meta .tileScrollContainer.interactionTileScroller{box-sizing:border-box;padding:1px;overflow-x:auto;align-items:stretch;}
    .meta .interactionTileScroller > .interactionTile{flex:0 0 min(100%,20rem);}
    @media (min-width:1024px){
        .meta .blogMetaScroller > .interactionTile{flex:1 0 calc(25% - .5rem);min-width:20rem;}
        .meta .blogMetaScroller > .blogDescriptionTile{flex:2 0 calc(50% - 1rem);}
    }
    .meta .tileScrollContainer.openChallengeScroller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;}
    .meta .openChallengeSlider .sliderButton{top:50%;transform:translateY(-50%);}
    .meta .openChallengeSlider .sliderButton.left{left:0;}
    .meta .openChallengeSlider .sliderButton.right{right:0;}
    .meta .metaTileLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;}
    .meta .metaTileLayout > .row{width:100%;min-width:0;}
    .meta .metaTileLayout > .row > .tile{width:100%;height:100%;box-sizing:border-box;}
    .meta .challengePhaseTile .engagementActions form{width:100%;}
    .meta .challengePhaseTile .engagementActions__button{width:100%;min-height:36px;border-radius:.65rem;}
    .meta .connectWrapper{display:flex; gap:2rem;position:relative;}
    .tileWrapper{width:100%;}
    .tileScrollContainer{height:100%;scroll-behavior:initial;padding:1px;margin:0;white-space: nowrap;position: relative;overflow: hidden;width:100%;cursor: grab;display:flex;gap:1rem;}
    .meta .tileScrollContainer.challengePhaseScroller{height:auto;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:stretch;padding:1px;}
    .tileScrollContainer .connectCircle{margin:.25rem 0 0 0;text-align: center;display:inline-block;}
    .tileScrollContainer .connectCircle .textContainer{margin:.5rem 0 0 0;}
    .tileScrollContainer:active{cursor: grabbing;}
    .tile{border-radius:1rem;width: -moz-available;    /* Older Firefox */width: -webkit-fill-available; /* Safari/Newer Firefox */width: stretch;           /* Modern standard */display: inline-block;background: #fcfafa;outline: 1px solid #f2f2f2;border: 2px solid #fff;padding:1rem;display: flex;flex-direction: column;justify-content:flex-start;flex-wrap: nowrap;align-items: flex-start;gap:1rem;}
    .tile.groupMemberTile{align-items:center;text-align:center;}
    .tile.groupMemberTile .groupMemberTileLink{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      width:100%;
      color:inherit;
      text-decoration:none;
    }
    .tile.groupMemberTile p{width:100%;}
    .tile.selectable{cursor:pointer;flex: 1;width: auto!important;}
    .tile.selectable:hover{border-color:#e24040;}
    .tile.selectable.selected{background:#ebedee;border-color:#e24040;}

    .tile.light{background:#fff;justify-content: flex-start;gap: 1rem;margin:0;}
    .tile .markdownContent{max-height:140px;width:100%;overflow:auto;}
    .shortDescription{width:100%;min-width:0;font-size:11pt;line-height:1.5;}
    .tile .shortDescription .markdownContent{overflow-wrap:anywhere;scroll-behavior:auto;}
    .tile .shortDescription.is-collapsed .markdownContent{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;overflow:clip;}
    .shortDescription__toggle{display:block;min-height:36px;margin:.25rem 0 0;padding:.25rem 0;background:transparent;border:0;border-radius:.25rem;outline:none;color:#e24040;font:inherit;font-weight:600;text-align:left;}
    .shortDescription__toggle[hidden]{display:none;}
    .shortDescription__toggle:hover,.shortDescription__toggle:focus{background:transparent;border:0;outline:none;}
    .shortDescription__toggle:hover{text-decoration:underline;}
    .shortDescription__toggle:focus-visible{outline:2px solid #e24040;outline-offset:3px;}
    .blogRatingOverview{font-size:11pt;line-height:1.5;}
    .blogRatingOverview p{margin:0;}
    .blogRatingOverview__hint{color:var(--sub-text);font-size:.875rem;}
    .blogRatingOverview__details{width:100%;min-width:0;}
    .blogRatingOverview .blogRatingOverview__list{display:block;list-style:none;margin:0;padding:0;max-height:10.5rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto;scrollbar-width:thin;scrollbar-gutter:stable;cursor:auto;}
    .blogRatingOverview .blogRatingOverview__list.is-collapsed{overflow-y:hidden;}
    .blogRatingOverview .blogRatingOverview__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;box-sizing:border-box;min-height:3.5rem;height:3.5rem;padding:.375rem .25rem;border-bottom:1px solid var(--border);}
    .blogRatingOverview__row:last-child{border-bottom:0;}
    .blogRatingOverview__row:hover,.blogRatingOverview__row:focus-within{background:var(--accent-bg);}
    .blogRatingOverview__person{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0;color:inherit;text-decoration:none;}
    .blogRatingOverview__portrait{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;}
    .blogRatingOverview__photo{display:block;width:34px;height:34px;box-sizing:border-box;object-fit:cover;border:1px solid var(--border);border-radius:50%;background:var(--bg);}
    .blogRatingOverview__avatar{position:absolute;inset:0;width:42px;height:42px;object-fit:contain;pointer-events:none;}
    .blogRatingOverview__identity{display:flex;flex-direction:column;min-width:0;line-height:1.35;}
    .blogRatingOverview__name,.blogRatingOverview__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .blogRatingOverview__name{font-size:.875rem;font-weight:600;}
    .blogRatingOverview__title{font-size:.75rem;color:var(--sub-text);}
    .blogRatingOverview__person:hover .blogRatingOverview__name{color:var(--text-red);text-decoration:underline;}
    .blogRatingOverview [hidden]{display:none;}
    .blogRatingOverview .blogRatingCircle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;gap:0;}
    .blogRatingOverview .blogRatingCircle .circle-chart{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
    .blogRatingOverview .blogRatingCircle .circle-bg,.blogRatingOverview .blogRatingCircle .circle-fg{stroke-width:7;}
    .blogRatingOverview .blogRatingCircle .percentage-text{padding:0;font-size:.6rem;font-weight:600;font-variant-numeric:tabular-nums;}
    .meta .blogRatingOverview__average{border:0;background:transparent;}
    .blogRatingOverview__average .blogRatingCircle{flex-basis:100%;width:100%;height:100%;}
    .blogRatingOverview__average .percentage-text{display:none;}
    .blogRatingOverview__list:focus-visible,.blogRatingOverview__person:focus-visible{outline:2px solid var(--text-red);outline-offset:-2px;border-radius:.25rem;}
    .tile .tileCounter{display:flex;font-size:55pt;font-weight:600;margin:0 auto;}
    .tile .tileIcon{display:flex;}
    .tile .tileIcon span.material-icons{display:flex;font-size:14pt;font-weight:500}
    .tileDiscriptor{display:flex;font-size:13pt;font-weight:600;flex-direction: row;align-items: center;gap:.5rem;justify-content: center;}
    .tileDiscriptor span.material-icons{font-size: 18pt;background: #fff;color: #e24040;border-radius: 50%;padding: .5rem;text-align: center;display: inline;width:auto;border: 1px solid #e0e0e0;margin: 0;}
    .tile p{white-space:initial;}
    .awardWidgetTile{align-items:center;text-align:center;}
    .meta .interactionTileScroller > .profileWidgetTile{flex:0 0 24rem;width:auto;min-width:min-content;box-sizing:border-box;}
    .meta .profileWidgetTile .interactionTileHeader{text-align:left;white-space:normal;overflow-wrap:anywhere;}
    .meta .profileWidgetTile .interactionTileContent{min-width:min-content;}
    .meta .profileWidgetTile .interactionTileTitleRow h2{white-space:nowrap;overflow-wrap:normal;}
    .awardWidgetTile .awardMedal{
      width:60px;height:60px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      padding:1rem;margin:.25rem auto;
      border:10px solid transparent;
      box-shadow: inset 0 6px 16px rgba(255,255,255,.35), 0 8px 16px rgba(0,0,0,.12);
      position:relative;
    }
    .awardWidgetTile .awardMedal span{
      display:block;
      font-size:.92rem;
      font-weight:700;
      line-height:1.2;
      word-break:break-word;
      overflow-wrap:anywhere;
      max-width:100%;
      text-shadow:0 1px 1px rgba(0,0,0,.18);
    }
    .awardWidgetTile.award-rarity-common .awardMedal{
      background: radial-gradient(circle at 30% 25%, #f3d2aa 0%, #c98b52 52%, #8a5a2b 100%);
      border-color:#9d6331;
      color:#3f2612;
    }
    .awardWidgetTile.award-rarity-epic .awardMedal{
      background: radial-gradient(circle at 30% 25%, #ffffff 0%, #d0d5dd 52%, #8e97a8 100%);
      border-color:#9ca5b6;
      color:#1f2430;
    }
    .awardWidgetTile.award-rarity-legendary .awardMedal{
      background: radial-gradient(circle at 30% 25%, #fff6c2 0%, #ffd450 48%, #c9920a 100%);
      border-color:#d6a423;
      color:#4e3600;
    }
    .awardWidgetTile .tileCounter{font-size:14pt;font-weight:600;}
    .awardWinnerName{font-size:22pt!important;line-height:1.15;text-align:center;width:100%;justify-content:center;}
    .awardDetailDivider{width:100%;border:0;border-top:1px solid var(--text-red);margin:.25rem 0 .5rem 0;}
    .awardCosmeticDetails{font-size:10pt;line-height:1.35;color:#666;text-align:center;width:100%;word-break:break-word;}
    .awardCosmeticPreview{display:block;width:72px;height:72px;margin:0 auto;object-fit:contain;}
    .quickStatsContainer{display:flex;width:100%;padding: 0;flex-direction: row;gap:1rem;}
    .quickStatsContainer .quickStat{flex:1;border-radius:1rem;outline: 1px solid #f2f2f2;border: 2px solid #fff;position:relative;height:auto;user-select: none;-webkit-user-select: none;}
    .quickStatsContainer .quickStat .circle-chart{width: 65px;height: 65px;position: absolute;top: 2rem;left: 0;right: 0;bottom: 0;margin: auto;}
    .quickStatsContainer .quickStat .progress-icon{height:auto;display:block;}
    .quickStatsContainer .quickStat .progress-icon .percentage-text{padding:0;position:absolute;top:2rem;right:0;bottom:0;left:0;margin:auto;height:15px;width:27px;font-size:10pt;font-weight:500;}
    .quickStatsContainer .quickStat .progress-icon .tip{left:0;right:0;z-index:5;margin:auto;text-align: center;}

    .contentBox{width:90%;padding:1.5rem 5%;border-radius:1rem;outline: 1px solid #f2f2f2;margin-bottom:1rem;background: #fff;outline: 1px solid #f2f2f2;border: 2px solid #fff;}
    .contentBox ul{padding:1rem;}
    .contentBox ul li{list-style-type: inherit;margin:.5rem 0;}
    .contentBox ul li::marker {color: #e24040; font-weight: bold;}

    .profileVisitorsState{padding:0;}
    .profileVisitorsState h4{margin-bottom:.5rem;}
    .profileVisitorsState p{line-height:1.6;}
    .profileVisitorsList{list-style:none;margin:0;padding:0;}
    .profileVisitorRow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;}
    .profileVisitorRow + .profileVisitorRow{border-top:1px solid var(--border);}
    .profileVisitorRow:first-child{padding-top:0;}
    .profileVisitorRow:last-child{padding-bottom:0;}
    .profileVisitorIdentity{display:flex;align-items:center;gap:.75rem;min-width:0;}
    .profileVisitorImage{width:48px;height:48px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--accent-bg);}
    .profileVisitorPicture{position:relative;display:block;width:48px;height:48px;flex-shrink:0;}
    .profileVisitorAvatar{position:absolute;top:-2px;left:-2px;width:52px;height:52px;object-fit:contain;pointer-events:none;}
    .profileVisitorText{display:flex;flex-direction:column;gap:.3rem;min-width:0;overflow-wrap:anywhere;}
    .profileVisitorTitle{font-size:.8rem;line-height:1.4;color:var(--sub-text);}
    .profileVisitorName{font-weight:600;overflow-wrap:anywhere;}
    .profileVisitorDetails{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0;font-size:.8rem;color:var(--sub-text);}
    .profileVisitorDetails time{color:var(--text);}
    .profileVisitorLink{display:inline-flex;align-items:center;gap:.3rem;margin-top:.25rem;color:var(--text-red);font-weight:600;}
    .profileVisitorLink .material-icons{font-size:1rem;}
    .profileVisitorIdentity:focus-visible,.profileVisitorLink:focus-visible{outline:2px solid var(--text-red);outline-offset:3px;border-radius:.25rem;}
    @media(max-width:600px){.profileVisitorRow{align-items:flex-start;flex-direction:column;}.profileVisitorDetails{align-items:flex-start;padding-left:60px;}.profileVisitorIdentity{max-width:100%;}}

    .listView{width:100%;position:relative;}
        .listView a.button{background:#e24040;border:2px solid transparent;color:#fff;padding:7px 10px;transition:all .3s ease;border-radius:2rem;font-size:10pt;font-weight:500;display: inline-block!important;}
        .listView a.button:hover{color:#e24040;border-color:#e24040;}
        .listView .groupJoinForm{position:relative;z-index:3;pointer-events:auto;}
        .listView .groupJoinForm .groupJoinButton{position:relative;z-index:3;pointer-events:auto;}

        .listViewHeader{margin:0;padding:0;}
        .accordion-item .listViewHeader a{display:block;}
        article .listViewHeader{padding:.5rem 0 .5rem 1rem;border-bottom:1px solid #e6e6e6;display:flex;align-items: center;}
        article.tileContainer{display:flex;gap:2rem;flex-direction: row;background: none;}

        .listViewHeader a.accordionHeader{display: block;}
        .listViewHeader a.accordionHeader:hover{color:#e24040;}
        .listViewHeader .bulletpoint{transition:all .3s ease;width:32px;height:32px;line-height:30px;border-radius:50%;margin-right:.5rem;text-align: center;display: inline-block;background:#fff;border:2px solid #d9d9d9;color:#e24040;font-weight:600;}
        .listViewHeader .bulletpoint.material-icons{font-size:14pt;}
        .listViewHeader.active .bulletpoint{color:#fff;background:#e24040;border-color:#e24040;}
        .listViewHeader.active a h3,
        .listViewHeader.active > h3{color:#e24040;}
        .listViewHeader span.arrow{transition:all .3s ease;float:right;margin:5px 0 0 0;transform: rotate(0deg);}
        .listViewHeader.active span.arrow{display: none;}
            .listViewHeader h3{display:inline-block;flex:1;margin:0;font-size:14pt;font-weight:600;line-height:1.35;}
        .listViewHeader .postHeaderActionForm{margin-left:auto;display:flex;align-items:center;}
        .listViewHeader .postHeaderActionForm .delete-block{
            transition:all .3s ease;
            width:32px;
            height:32px;
            line-height:30px;
            border-radius:50%;
            text-align:center;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:#fff;
            border:2px solid #d9d9d9;
            color:#e24040;
            font-weight:600;
            padding:0;
            margin:0 1rem 0 0;
            min-width:32px;
            opacity:0;
            visibility:hidden;
            pointer-events:none;
        }
        .listViewHeader .postHeaderActionForm .delete-block .material-icons{
            font-size:18px;
            line-height:1;
        }
        .listViewHeader .postHeaderActionForm .delete-block:hover{
            background:#e24040;
            border-color:#e24040;
            color:#fff;
        }
        article:hover .listViewHeader .postHeaderActionForm .delete-block,
        article:focus-within .listViewHeader .postHeaderActionForm .delete-block{
            opacity:1;
            visibility:visible;
            pointer-events:auto;
        }
        .listViewHeader .delete-block {cursor:pointer;transition:all .3s ease;}
        .listViewHeader .delete-block:hover{border-color:#e24040;}
        .chatContainer article .listViewHeader .chatLeaveForm,
        .chatContainer article .listViewHeader .supportCloseForm{
            margin-left:auto;
        }
        .chatContainer article .listViewHeader .chatLeaveForm .leaveChatBtn,
        .chatContainer article .listViewHeader .supportCloseForm .closeSupportTicketBtn{
            transition:all .2s ease;
            width:32px;
            height:32px;
            line-height:30px;
            border-radius:50%;
            text-align:center;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:#fff;
            border:2px solid #d9d9d9;
            color:#e24040;
            font-weight:600;
            padding:0;
            margin:0 1rem 0 0;
            min-width:32px;
            opacity:0;
            visibility:hidden;
            pointer-events:none;
        }
        .chatContainer article .listViewHeader .chatLeaveForm .leaveChatBtn .material-icons,
        .chatContainer article .listViewHeader .supportCloseForm .closeSupportTicketBtn .material-icons{
            font-size:18px;
            line-height:1;
        }
        .chatContainer article .listViewHeader .chatLeaveForm .leaveChatBtn:hover,
        .chatContainer article .listViewHeader .supportCloseForm .closeSupportTicketBtn:hover{
            background:#e24040;
            border-color:#e24040;
            color:#fff;
        }
        .chatContainer article:hover .listViewHeader .chatLeaveForm .leaveChatBtn,
        .chatContainer article:focus-within .listViewHeader .chatLeaveForm .leaveChatBtn,
        .chatContainer article:hover .listViewHeader .supportCloseForm .closeSupportTicketBtn,
        .chatContainer article:focus-within .listViewHeader .supportCloseForm .closeSupportTicketBtn{
            opacity:1;
            visibility:visible;
            pointer-events:auto;
        }
        .containerWrapper{width:100%;margin:0;padding:0;display:none;}
        .containerWrapper.active{display:flex;}
        /* CSS transitions must not lag behind the accordion list slide. */
        .contentPanel .accordion-item .accordionContent > .contentContainer{transition:none;}
        /* Hide only scrollbar paint during a slide; keep its width and scrolling. */
        .accordion-item .is-accordion-sliding .progressList::-webkit-scrollbar-thumb,
        .accordion-item .is-accordion-sliding .progressList::-webkit-scrollbar-track{background:transparent;}
        @supports not selector(::-webkit-scrollbar){
            .accordion-item .is-accordion-sliding .progressList{scrollbar-color:transparent transparent;}
        }
        article .containerWrapper.active{flex-direction: column;}

            .listLine{margin:0 2rem 0 1rem;width:2px;height:auto;background:#e24040;float:left;}
            .listLine.devider{min-height:20px;height:auto;}
            .endPoint{margin: 0 11px;width: 12px;height: 12px;background: #e24040;border-radius: 50%;}
            .contentContainer{display: flex;border-radius: 1rem;padding: 1rem;margin: 1rem 0 0 0;flex: 1;overflow: hidden;background: #fff;outline: 1px solid #f2f2f2;flex-direction: column;}
            .accordionContent .contentContainer ul.listElements.progressList{max-height:35vh;overflow:hidden;overflow-y:auto;}
            article{width:100%;display: flex;border-radius: 1rem;padding:0;margin:0;flex: 1;background: #fff;outline: 1px solid #f2f2f2;flex-direction: column;}
            article .contentContainer{margin:0;outline:none;padding:1rem;}
            article.auszeichnungen{}
            article.auszeichnungen .contentContainer{flex-direction: row;gap: 1rem;justify-content: space-between;}
            article.auszeichnungen .contentContainer .tile{background:var(--bg);}


            article.blog .contentContainer{border-radius:1rem 1rem 0 0;}
            article.blog .contentContainer img{border-radius:.75rem; margin-bottom:1rem;width:100%;height:300px;}
            article .teaserBoxFooter{outline:none;margin:0;}
            article .teaserBox{min-height:280px;}
            article .join .teaserBoxFooter{border-top:none;}
            .contentContainer h2{text-align:left;font-weight:600;line-height:1.35;}
            .contentContainer a.button:hover{border-color:#e24040;color:#e24040;background:transparent;}
            .contentContainer a.button.blank{background:#fff;color:#000;border: 2px solid #cbcbcb;}
            .contentContainer a.button.blank:hover{background:#fff;border-color:#e24040;color:#e24040;}
            button.blank{background:#fff;color:#000;border: 2px solid #cbcbcb;}
            button.blank:hover{background:#fff;border-color:#e24040;color:#e24040;outline: none;}
            .contentContainer.box{margin:0 auto;width:100%;}
            .contentContainer.box.large{width:93%;}
            .contentContainerSpacing{}
            .contentContainer h4{font-size:12pt;}
            .postLikeButton{cursor:pointer;}
            .postLikeButton.liked .postLikeIcon{color:#e24040;}
            .postCommentToggleButton{cursor:pointer;}
            .postCommentToggleButton.active .postCommentToggleIcon{color:#e24040;}
            .postCommentsEnabledToggleButton{cursor:pointer;}
            .postCommentsEnabledToggleButton.active .postCommentsEnabledIcon{color:#e24040;}
            .postVisibilityToggleButton[data-post-visibility-toggle]{cursor:pointer;}
            .postVisibilityToggleButton.active .postVisibilityIcon{color:#e24040;}
            .postCategoryInfoButton:hover .material-icons{color:#e24040;}
            .profilePostCommentsRail{display:flex;flex-direction:row;align-items:stretch;width:100%;margin:0;pointer-events:auto;}
            .profilePostCommentsRail[hidden]{display:none !important;}
            .profilePostCommentsRail article[hidden]{display:none !important;}
            .profilePostCommentsRail .listLine{
              min-height:100%;
              height:auto;
            }
            .profilePostCommentsRail > .profilePostCommentsContainer{
              margin:0;
              border-radius:0 0 1rem 1rem;
              outline:none;
              padding:0;
              display:flex;
              flex-direction: column;
              flex:1;
              margin-bottom:1rem;
            }
            .profilePostCommentsRail .profilePostCommentReplies[hidden]{display:none !important;}
            .profilePostCommentsRail .profilePostCommentsContainer .comments-box{
              max-height:220px;
              border:1px solid #e6e6e6;
              border-radius:1rem;
              margin:0;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .comments-box .innerBox{padding:.75rem;}
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentArticle{
              margin:0;
              border-radius:1rem;
              outline:1px solid #e6e6e6;
              background:#fff;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentReplies{
              margin:0;
              padding:0;
              display:flex;
              flex-direction:row;
              align-items:stretch;
              clear:both;
              width:100%;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentReplies::after{
              content:'';
              display:block;
              clear:both;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentReplies > .listLine{
              min-height:15px;
              height:auto;
              flex:0 0 auto;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentReplies .profilePostRepliesContainer{
              display:flex;
              flex-direction:column;
              flex:1 1 auto;
              min-width:0;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentReplies .profilePostCommentArticle.is-reply{
              border-radius:.85rem;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentArticle:last-child{margin-bottom:0;}
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentArticle .listViewHeader{
              border-bottom:1px solid #e6e6e6;
              padding:.5rem .75rem;
              margin:0;
              display:flex;
              align-items:center;
              justify-content:space-between;
              gap:.75rem;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentArticle .contentContainer{
              margin:0;
              padding:.65rem .75rem .75rem .75rem;
              outline:none;
              background:transparent;
              border-radius:0 0 .75rem .75rem;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentArticle .profilePostCommentText{
              margin:0;
              font-size:10pt;
              line-height:1.4;
              font-weight:400;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter{
              border:none;
              border-top:1px solid #e6e6e6;
              border-radius:0 0 .75rem .75rem;
              background:transparent;
              height:auto;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter > .row.one{
              display:flex;
              align-items:center;
              justify-content:space-between;
              gap:.5rem;
              min-height:42px;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .tags{
              flex:1 1 auto;
              min-width:0;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostCommentMenu{
              flex:0 0 auto;
              margin-left:auto;
              z-index:3;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostCommentMoreButton{
              width:34px;
              height:34px;
              display:inline-flex;
              align-items:center;
              justify-content:center;
              padding:0;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .tags li{
              font-size:9pt;
              border-radius:0;
              padding:8px 7px;
              border-right:1px solid #e6e6e6;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .tags li:last-child{
              border-right:none;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostCommentActionItem{
              cursor:default;
              opacity:.9;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostCommentLikeToggle,
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostReplyLikeToggle{
              cursor:pointer;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostCommentLikeToggle.liked i.material-icons,
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostReplyLikeToggle.liked i.material-icons{
              color:#e24040;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostReplyToggle{
              cursor:pointer;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .profilePostReplyToggle.active i.material-icons{
              color:#e24040;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentComposer{padding:1rem;}
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentComposer label{
              display:block;
              font-size:10pt;
              font-weight:600;
              margin:0 0 .35rem 0;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentComposer textarea{
              width:100%;
              min-width:100%;
              max-width:100%;
              border-radius:.75rem;
              border:1px solid #e6e6e6;
              background:#fff;
              padding:.65rem .75rem;
              min-height:75px;
              box-sizing:border-box;
            }
            .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentComposer .profilePostCommentSubmit{
              margin-top:.5rem;
              padding:.4rem .85rem;
              width:auto;
              display:inline-flex;
              align-items:center;
              gap:.25rem;
            }
            #challenges article[id^="group-post-"]{scroll-margin-top:130px;}
            #challenges .contentContainer a.button.groupExternalLinkButton{
              display:inline-flex!important;
              width:auto!important;
              padding:.45rem .9rem;
              align-items:center;
              gap:.35rem;
              font-size:.8rem;
              font-weight:600;
              border-radius:1rem;
            }
            #challenges .contentContainer a.button.groupExternalLinkButton .material-icons{
              font-size:1rem;
              margin:0;
            }
            .groupAdminVisibilityNotice{margin-bottom:1rem;}
            .groupPostsRestrictedNotice{box-sizing:border-box;width:100%;margin:1rem 0;}
            .groupPostsRestrictedNotice .tileDiscriptor{justify-content:flex-start;gap:1rem;}
            .groupPostsRestrictedNotice h2{margin:0;font-size:13pt;font-weight:600;line-height:1.35;}
            .groupPostsRestrictedNotice p{margin:0;font-size:11pt;line-height:1.5;}
            .profileSectionIntro .devider,.profileEmptyState > .devider,.searchSectionIntro .devider,.searchEmptyState > .devider{display:flex;min-height:2rem;}
            .profileSectionIntro .listLine,.profileEmptyState > .devider .listLine,.searchSectionIntro .listLine,.searchEmptyState > .devider .listLine{flex:0 0 2px;height:auto;}
            .profileSectionHeading,.searchSectionHeading{display:flex;align-items:center;}
            .profileSectionHeading .bulletpoint,.searchSectionHeading .bulletpoint{display:flex;align-items:center;justify-content:center;flex:0 0 32px;}
            .profileSectionHeading h2,.searchSectionHeading h2{margin:0;min-width:0;font-size:14pt;font-weight:600;line-height:1.35;overflow-wrap:anywhere;}
            .profileEmptyState,.searchEmptyState{width:100%;min-width:0;grid-column:1 / -1;justify-self:stretch;}
            .profileEmptyCard,.searchEmptyCard{box-sizing:border-box;min-width:0;}
            .profileEmptyCard .listViewHeader,.searchEmptyCard .listViewHeader{padding:.75rem 1rem;}
            .profileEmptyCard .listViewHeader .bulletpoint,.searchEmptyCard .listViewHeader .bulletpoint{display:flex;align-items:center;justify-content:center;flex:0 0 32px;}
            .profileEmptyCard .listViewHeader h3,.searchEmptyCard .listViewHeader h3{min-width:0;overflow-wrap:anywhere;}
            .profileEmptyCard .contentContainer,.searchEmptyCard .contentContainer{padding:1rem;}
            .profileEmptyCard .contentContainer p,.searchEmptyCard .contentContainer p{margin:0;line-height:1.6;}
            .profileCardPanel .profileSectionIntro{margin-bottom:0;}
            .profileCardPanel .cardContainer{align-items:start;}
            .searchMain .cardContainer{align-items:start;}
            .profileCardPanel [data-profile-card-more]{margin-top:2rem;}
            .profileCardPanel .profileInsights{padding-top:0;}
            ul{font-weight:500;}
            ul.progressList{padding:1rem;padding:.5rem 0;margin:0;list-style:none;}
            ul.progressList li{border-left:2px solid #cbcbcb;padding:.5rem 0 .5rem .5rem;margin:0 0 0 .5rem}
            ul.progressList.listElements li{padding:.25rem 0 0 .5rem}
            ul.progressList.listElements li.seen{border-left:none;padding:0;margin:0;}
            ul.progressList.listElements li.active{}

            ul.progressList li span.material-icons{color:#cbcbcb;}
            ul.progressList li.done{border-color:#37c535;}
            ul.progressList li.done span.material-icons{color:#37c535;}
            ul.progressList li.seen{border-color:#138bf5;}
            ul.progressList li.seen span.material-icons{color:#138bf5;}
            ul.progressList li a{font-weight:500;}
            .panelBox .progressList{max-height:300px;overflow:hidden;overflow-y:auto;}
          .chatContainer{display:flex;gap:2rem;align-items: flex-start;}
          .chatContainer.fullContent{flex-direction: column;}
          .chatContainer.fullContent article{width:100%;}
          .chatContainer.fullContent .listView{width:100%}
          .chatContainer.supportChatContainer{flex-direction:column;gap:1rem;}
          .chatContainer.supportChatContainer article,
          .chatContainer.supportChatContainer .listView{width:100%;}
          .chatContainer article{width:70%;}
          .chatContainer .listView{width:30%;}
          ul.suggestionList{display:none;padding:0;border-left:2px solid #cbcbcb;margin:0 0 1rem 0;}
          ul.suggestionList.visible {display: block;}
          ul.suggestionList li{padding:.25rem .5rem;font-size:1rem;border-radius:0 .5rem .5rem 0;transition:all .3s ease;cursor:pointer;list-style:none;}
          ul.suggestionList li:hover{background:#ebedee;}
          .chatBoxPanel{display:none;}
            .chatBox{display:flex;padding:1rem 2rem;flex-direction: column; flex: 1 1 auto;overflow:hidden;position: relative;user-select: none;}
            .chatBox.hidden{display:none;}
            article.hidden,
            .devider.hidden {display: none !important;}
            article.opened {display: block;}
            article.opened .chatBox {height:360px;overflow:hidden;overflow-y: auto;}
            .resetChatView {margin: 1rem 4rem 1rem 1rem;display: none;}
            .resetBtn {}
            .resetBtn .material-icons {margin-right: 5px;}
            .chatBox .overlay{background:#ffffff99;backdrop-filter:blur(2px);visibility: hidden;opacity: 0;transition:all .5s ease;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:1rem;cursor:pointer;}
            .chatBox .overlay span{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;height:1rem;font-weight:600;font-size:14pt;}
            .chatBox:hover .overlay{visibility: visible;opacity: 1;}
              .dateUpdate{text-align: center;margin:1rem 0;}
              .dateUpdate .devider{height:1px; background:#e6e6e6;margin-top:1.25rem;}
              .dateUpdate .dateInfo{margin:-1.25rem auto 0 auto;width:fit-content;display:block;background:#fff;padding:.5rem 1rem;border-radius:2rem;border:2px solid #f2f2f2;color: #272727;font-size: 10pt;}

                .messageSection{display:flex;gap: 1rem;}
                .groupMessageContainer{display:flex;flex-direction: column;gap:.5rem;}
                .groupMessageContainer .name{font-size:10pt;font-weight:500;}
                .messageSection.left .groupMessageContainer .name {text-align: left;}
                .messageSection.right .groupMessageContainer .name {text-align: right;}

                .messageSection.left{justify-content: flex-start;flex-direction: column;}
                .messageSection.right{flex-direction: column;}

                .messageSection.left .messagesContainer{display: flex;align-items: flex-start;flex-direction: column;}
                .messageSection.right .messagesContainer{display: flex;align-items: flex-end;flex-direction: column;}

                .messageSection.left .messagesContainer .message{border-radius:0 1rem 1rem 1rem;}
                .messageSection.right .messagesContainer .message{border-radius:1rem 0 1rem 1rem;background: #f1f2f3;}
                .messageSection.supportSender .messagesContainer .message{background:#f6fbff;border-color:#cfe4f7;}

                .messagesContainer{display:flex;flex-direction: column;}
                .messagesContainer .message{position:relative;margin: .25rem 0;border-radius:1rem;background: #fcfafa;border: 1px solid #fff;padding: .5rem .75rem;width: fit-content;max-width:80%;}
                .messageSection.right .messagesContainer{position:relative;}
                .messagesContainer .message .timeStamp{display: flex;font-size: 8pt;margin-top: .5rem;align-items: flex-end;justify-content: flex-start;}
                .messageSection.right .messagesContainer .message .timeStamp{justify-content: flex-end;}
                .messagesContainer .message p{margin:0;display:block;color:var(--text);}
                .chatMessageDeleteBtn{position:absolute;top:0;right:auto;left:-2.25rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid #d0d0d0;background:#fff;color:#6c6c6c;opacity:0;pointer-events:none;transition:all .2s ease;cursor:pointer;padding:0;}
                .chatMessageDeleteBtn .material-icons{font-size:1rem;line-height:1;display:block;}
                .messageSection.right .messagesContainer:hover .chatMessageDeleteBtn,
                .messageSection.right .messagesContainer:focus-within .chatMessageDeleteBtn{opacity:1;pointer-events:auto;}
                .chatMessageDeleteBtn:hover{color:#e24040;border-color:#e24040;}
                .chatMessageDeleteBtn:disabled{opacity:.55;pointer-events:none;}
                .messagesContainer .message .chatLikeReaction{line-height:1;}
                .messagesContainer .message .chatLikeReaction .material-icons{font-size:2rem;line-height:1;color:#e24040;vertical-align:middle;}
                .chatAttachmentCard{display:flex;gap:.65rem;align-items:center;text-decoration:none;color:inherit;border:1px solid #e6e6e6;background:#fff;border-radius:.75rem;padding:.4rem .5rem;max-width:360px;}
                .chatAttachmentCard:hover{border-color:#e24040;}
                .chatAttachmentCardImage{width:52px;height:52px;border-radius:.6rem;overflow:hidden;flex:0 0 52px;background:#f3f3f3;}
                .chatAttachmentCardImage img{width:100%;height:100%;object-fit:cover;display:block;}
                .chatAttachmentCardBody{display:flex;flex-direction:column;min-width:0;}
                .chatAttachmentType{font-size:8pt;opacity:.75;text-transform:uppercase;letter-spacing:.03em;}
                .chatAttachmentTitle{font-size:10pt;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;}
                .messagesContainer .message .boxElement{}
                .messagesContainer .message .boxElement .teaserBox{min-height:150px;}

                .chatInputBoxWrapper{display:flex;flex-direction: row;flex:1;border-top:1px solid #dedede;padding:.5rem 2rem;gap:1rem;align-items: center;position:sticky;background:#fff;border-radius:0 0 1rem 1rem;}
                .chatInputBoxWrapper button.accept{width:100%;font-weight:600;}
                .chatInputBoxWrapper button.decline{font-weight:600;background:#fff;color:#000;width:100%;border:2px solid #cbcbcb;outline:none;}
                .chatInputBoxWrapper button.decline:hover{border-color:#e24040;color:#e24040;outline:none;}
                  .chatTextBox{display: flex;flex-direction: row;align-items: center;flex: 1;gap: 1rem;}
                  .chatInput{display: flex;flex-direction: column;flex: 1;}
                    .chatInput label{margin:.5rem 0 0 0;font-size:10pt;}
                    .chatInput textarea{padding: .5rem;margin: .5rem 0;border-radius: .5rem;border: none;background: #fff;outline:2px solid transparent;transition:all .2s ease;}
                    .chatInput textarea:focus{ outline-color:black;}
                    .chatInput textarea.userInput{resize: none;}
                    .chatInput input.userInput{padding: .5rem;margin: .5rem 0;border-radius: .5rem;border: none;background: #fff;width:100%;outline:2px solid transparent;transition:all .2s ease;}
                    .chatInput input.userInput:focus-visible{ outline-color:black;}
                    .challengeCreateForm input.userInput,
                    .challengeCreateForm textarea.userInput,
                    .groupCreateForm input.userInput,
                    .groupCreateForm textarea.userInput,
                    .blogCreateForm input.userInput,
                    .blogCreateForm textarea.userInput,
                    .supportCreateForm input.userInput,
                    .supportCreateForm textarea.userInput,
                    .feedbackCreateForm input.userInput,
                    .feedbackCreateForm textarea.userInput{padding:.5rem;margin:.5rem 0;border-radius:.5rem;border:none;background:#fff;width:100%;font-size:12pt;}
                    .editorToolbar{display:flex;flex-direction: row;gap:1rem;margin:0;border-top:1px solid var(--border)}
                    .editorButtonWrapper{display:flex;flex-direction: row;width:auto;flex:1;gap:.5rem;}
                    .editorStepButtonWrapper{display:flex;flex-direction: row;width:auto;gap:.5rem;}
                    button.editorButton{display:inline-block;border-radius: 0 0 .5rem .5rem;padding:.5rem;background:var(--accent-bg);border:1px solid var(--border);border-top:none;transition:all .2s ease;color:var(--text)}
                    button.editorButton:hover{border-color:#e24040;}
                    button.editorButton.is-active{border-color:#e24040;color:#e24040;background:rgba(226,64,64,.08);}
                    button.editorButton:disabled{opacity:.45;cursor:not-allowed;}
                    textarea.editorMarkdownInput{display:none !important;}
                    .editorSurface{font-size:12pt;border-radius:.5rem;margin:.25rem 0 .5rem 0;padding:.75rem;min-height:120px;line-height:1.5;transition:all .2s ease;white-space:normal;word-break:break-word;outline:2px solid transparent;cursor:text;}
                    .editorSurface:focus{outline-color:var(--text);}
                    .editorSurface.is-empty{color:#8a8a8a;}
                    .editorSurface.is-empty::before{content:attr(data-placeholder);}
                    .editorSurface.is-empty:focus::before{content:'';}
                    .editorSurface p{margin:0 0 .5rem 0;font-size:inherit;}
                    .editorSurface p:last-child{margin-bottom:0;}
                    .editorSurface ul{margin:0 0 .5rem 1.25rem;padding:0;}
                    .editorSurface ul:last-child{margin-bottom:0;}
                    .editorSurface li{margin:.2rem 0;}
                    .groupPostComposer .profileComposerTitleInput{font-size:12pt;font-weight:500;padding:.5rem;}
                    .blogComposerActions, .discussionComposerActions{display:flex;align-items:center;gap:.5rem;}
                    .blogComposerActions > [hidden]{display:none !important;}
                    .blogComposerActions a.button.secondary{background:var(--bg);border:2px solid var(--border);color:var(--text);}
                    .blogComposerActions a.button.secondary:hover{border-color:var(--text-red);color:var(--text-red);}
                    .profileComposerOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;align-items:stretch;}
                    .groupComposerOptions{grid-template-columns:repeat(2,minmax(0,1fr));}
                    .profileComposerOption{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;margin-top:0;}
                    .profileComposerOptionLabel{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;font-size:9pt;font-weight:600;text-align:center;}
                    .profileComposerOptionLabel .material-icons{font-size:17pt;color:#e24040;}
                    .profileComposerOptionSelect{width:100%;border:2px solid transparent;border-radius:2rem;background:#fff;padding:.45rem .65rem;text-align:center;cursor:pointer;outline:none;transition:all .2s ease;}
                    .profileComposerOptionSelect:hover,
                    .profileComposerOptionSelect:focus-visible{border-color:#e24040;}
                    #share .sharePostOptions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
                    #share .sharePanelIntro{padding:1rem;}
                    #share .sharePanelIntro strong{display:block;font-size:11pt;font-weight:700;margin:0 0 .2rem 0;}
                    #share .profileComposerOptionSelect{border-color:var(--border);background:var(--bg);outline-color:var(--border);color:var(--text);min-height:38px;box-sizing:border-box;}
                    #share .profileComposerOptionSelect:hover,
                    #share .profileComposerOptionSelect:focus-visible{border-color:#e24040;box-shadow:0 0 0 2px rgba(226,64,64,.08);}
                    .popupBox input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
                    .popupBox select,
                    .popupBox textarea,
                    .popupBox .searchBarInput,
                    .popupBox .profileComposerOptionSelect{background:var(--bg);border-color:var(--border);outline-color:var(--border);color:var(--text);}
                    @media(max-width:720px){
                        .profileComposerOptions{grid-template-columns:1fr;}
                    }
                    .criterionForm .editorSurface{min-height:100px;}
                    .markdownContent p{margin:0 0 .5rem 0;}
                    .markdownContent p:last-child{margin-bottom:0;}
                    .markdownContent ul{margin:0 0 .5rem 1.25rem;padding:0;}
                    .markdownContent ul:last-child{margin-bottom:0;}
                    .markdownContent li{margin:.2rem 0;}
    .poll-footer{display:flex;align-items: center;}
    .poll-footer .poll-info{flex:1;margin-top:1rem;display: flex;align-items: center;}
    .poll-footer .profileHead.small{z-index:1;margin-left:-1.7rem;}
    .poll-footer .profileHead.small:first-child{z-index:0;margin-left:0;}
    .poll-footer .profileHead.small:last-child{z-index:2;margin-left:-1.7rem;}
    .poll-footer .poll-info span{margin: 0 .5rem;}
    .poll-form label{font-weight:600;margin:1rem 0;transition:all .3s ease;}
    .poll-form label:hover{color:#e24040;cursor:pointer;}
    .result-bar {margin: 15px 0;}
    .result-bar .label {font-weight: 600;display: inline-block;width: auto;}

    .result-bar .bar {width: 100%;height: auto;padding: 5px;background: #f2f2f2;position: relative;border-radius: 1rem;border-top: 1px solid #cbcbcb;border-bottom: 1px solid #ffffff;display:block;overflow:hidden;}
    .result-bar .fill {height: 5px;background: #e24040;border-radius: 1rem;transition: width 0.5s ease;display:block;margin-left:0;}
    .result-bar .percent {display: inline-block;width: 40px;}
    span.total-votes-result{flex:1;}

    .dateOverview{position:relative;min-width:0;width:auto;display:flex;margin:0 0 1rem 0;padding:0 1.5rem;}
        .stopper.dateSlider{height:180px;}
        .stopper.dateSlider.left{background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 75%);width:125px;}
        .stopper.dateSlider.right{background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 75%);width:125px;}
        .dateOverviewContainer{cursor:grab;width:100%;overflow:auto;scroll-behavior: initial;padding:20px 0;margin:0;white-space: nowrap;position: relative;}
        .dateOverviewContainer:active{cursor:grabbing;}
            .DateObjectwrapper{display:inline-block;padding:5px;position:relative;margin:0 10px;}
            .DateObjectwrapper .badge{position: absolute;top: -20px;left: -2px;padding: 5px 13px;border-radius: 1rem 1rem 1rem 0;font-size: 9pt;min-width:110px;text-align:center;font-weight: 600;color:#fff;}

            .DateObjectwrapper.vorbereitung{outline:2px solid #f4a400; background:#f4a40042;border-radius:0 1rem 1rem 1rem;}
            .DateObjectwrapper.vorbereitung .badge{background:#f4a400;}
            .DateObjectwrapper.bearbeitung{outline:2px solid #e24040; background:#e240404d;border-radius:0 1rem 1rem 1rem;}
            .DateObjectwrapper.bearbeitung .badge{background:#e24040;}
            .DateObjectwrapper.voting{outline:2px solid #138bf5; background:#138bf514;border-radius:0 1rem 1rem 1rem;}
            .DateObjectwrapper.voting .badge{background:#138bf5;}

            .dateObject{min-width:130px;height:auto;padding:1rem .5rem;margin:10px;border-radius:1rem;display:inline-block;text-align: center;background: #fff;outline: 1px solid #f2f2f2;}
            .DateObjectwrapper.vorbereitung .dateObject.start{background:#f4a400;color:#fff;outline: none;border: none;}
            .DateObjectwrapper.vorbereitung .dateObject.end{background:#e24040;color:#fff;outline: none;border: none;}

            .DateObjectwrapper.bearbeitung .dateObject.start{background:#e24040;color:#fff;outline: none;border: none;}
            .DateObjectwrapper.bearbeitung .dateObject.end{background:#e24040;color:#fff;outline: none;border: none;}

            .DateObjectwrapper.voting .dateObject.start{background:#138bf5;color:#fff;outline: none;border: none;}
            .DateObjectwrapper.voting .dateObject.end{background:#e24040;color:#fff;outline: none;border: none;}

                .day{font-size:12pt;font-weight:400;display:block;margin:0;}
                .dayNumber{font-size:20pt;font-weight:500;display:block;margin:.25rem 0;}
                .month{font-size:12pt;font-weight:400;display:block;}

        .row-desktop-wrapper{display: grid;grid-template-columns: 8fr 16fr;gap: 2rem;}
          .stickyContainer{position: sticky;top: 150px;left: 0;height: max-content;}
        .row-desktop-wrapper .leftCol{}
        .row-desktop-wrapper .rightCol{position: relative;width: 100%;overflow: hidden;}
        .row-desktop-wrapper .rightCol.noOverflow{overflow:initial;}

        .contextViewPanel{display: flex;flex-direction: column;gap:0;}
        .contextViewPanel button.cta{margin:0 2px 2px 2px;}
        .contextViewPanel .devider{display:flex;flex-wrap: nowrap;flex-direction: row;align-items: stretch;pointer-events: none; }
        .contextViewPanel .devider.leaderboard-load-more-divider{height:20px;}
        .contextViewPanel .devider span{font-size:10pt;font-weight:500;margin:.5rem 0 1rem 0;color:var(--text);}
        .contextViewPanel .devider .listLine{min-height: 15px;padding: 0;height: -webkit-fill-available;height:auto;}
        
        .contextViewPanel .contentContainer{display:flex;flex-direction: column;}
        .contextViewPanel .contentContainer select{width:100%;border-radius:2rem;border: 2px solid #cbcbcb;padding:.5rem;text-align: center;cursor:pointer;transition:all .3s ease;}
        .contextViewPanel .contentContainer select:hover{border-color:#e24040;}
        .panelBox select{width:100%;border-radius:2rem;border: 2px solid #cbcbcb;padding:.5rem;text-align: center;cursor:pointer;transition:all .3s ease;}
        .panelBox select:hover{border-color:#e24040;}

        .contextViewPanel .contentContainer .numberControls{display:flex;gap:.5rem;}
        .contextViewPanel .contentContainer input[type="number"] {cursor:default;flex:1;padding:.5rem;border: 1px solid #cbcbcb;border-radius: 2rem;text-align:center;}
        .contextViewPanel .contentContainer input[type="number"]:focus{outline: none;}
        .contextViewPanel .contentContainer input[type="date"] {cursor: default;width: 95%;padding: .5rem 3% .5rem 0;border: 2px solid #cbcbcb;border-radius: 2rem;text-align: center;}
        .contextViewPanel .contentContainer input[type="date"]::-webkit-date-and-time-value {text-align: center;}
        .contextViewPanel .contentContainer.show{margin:0;}
        .contextViewPanel .contentContainer .data-dropzone,
        .challengeResultUploadForm .data-dropzone,
        #edit_group .shareContentPanel .contentContainer .data-dropzone,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone{text-align: center;border:2px dashed #cbcbcb; width:100%;padding:1rem 0;margin:1rem 0 0 0;border-radius:1rem;cursor:pointer;transition:all .3s ease;position:relative;}
        .contextViewPanel .contentContainer .data-dropzone span.material-icons,
        .challengeResultUploadForm .data-dropzone span.material-icons,
        #edit_group .shareContentPanel .contentContainer .data-dropzone span.material-icons,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone span.material-icons{font-size:2rem;transition:all .3s ease;}
        .contextViewPanel .contentContainer .data-dropzone:hover,
        .challengeResultUploadForm .data-dropzone:hover,
        #edit_group .shareContentPanel .contentContainer .data-dropzone:hover,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone:hover{border-color:#e24040;background:rgba(226,64,64,.06);}
        .contextViewPanel .contentContainer .data-dropzone:hover span.material-icons,
        .challengeResultUploadForm .data-dropzone:hover span.material-icons,
        #edit_group .shareContentPanel .contentContainer .data-dropzone:hover span.material-icons,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone:hover span.material-icons{color:#e24040;}
        .contextViewPanel .contentContainer .data-dropzone.is-dragover,
        .challengeResultUploadForm .data-dropzone.is-dragover,
        #edit_group .shareContentPanel .contentContainer .data-dropzone.is-dragover,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone.is-dragover{border-color:#e24040;background:rgba(226,64,64,.12);box-shadow:0 0 0 2px rgba(226,64,64,.25);}
        .contextViewPanel .contentContainer .data-dropzone .dropzoneRemove,
        .challengeResultUploadForm .data-dropzone .dropzoneRemove,
        #edit_group .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove{position:absolute;top:.5rem;right:.5rem;border:1px solid #e24040;background:#fff;color:#e24040;border-radius:999px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:all .2s ease;padding:0;outline:none;}
        .contextViewPanel .contentContainer .data-dropzone .dropzoneRemove span.material-icons,
        .challengeResultUploadForm .data-dropzone .dropzoneRemove span.material-icons,
        #edit_group .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove span.material-icons,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove span.material-icons{font-size:18px;color:#e24040;}
        .contextViewPanel .contentContainer .data-dropzone .dropzoneRemove:hover,
        .challengeResultUploadForm .data-dropzone .dropzoneRemove:hover,
        #edit_group .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove:hover,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove:hover{background:#e24040;color:#fff;border-color:#e24040;}
        .contextViewPanel .contentContainer .data-dropzone .dropzoneRemove:hover span.material-icons,
        .challengeResultUploadForm .data-dropzone .dropzoneRemove:hover span.material-icons,
        #edit_group .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove:hover span.material-icons,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove:hover span.material-icons{color:#fff;}
        .contextViewPanel .contentContainer .data-dropzone.has-file .dropzoneRemove,
        .challengeResultUploadForm .data-dropzone.has-file .dropzoneRemove,
        #edit_group .shareContentPanel .contentContainer .data-dropzone.has-file .dropzoneRemove,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone.has-file .dropzoneRemove{opacity:1;pointer-events:auto;}
        .contextViewPanel .contentContainer .data-dropzone:focus-visible,
        .challengeResultUploadForm .data-dropzone:focus-visible,
        #edit_group .shareContentPanel .contentContainer .data-dropzone:focus-visible,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone:focus-visible{
          outline:3px solid var(--accent);
          outline-offset:3px;
          border-color:var(--accent);
          box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent);
        }
        .contextViewPanel .contentContainer .data-dropzone .dropzoneRemove:focus-visible,
        .challengeResultUploadForm .data-dropzone .dropzoneRemove:focus-visible,
        #edit_group .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove:focus-visible,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone .dropzoneRemove:focus-visible{
          outline:2px solid var(--accent);
          outline-offset:2px;
          box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent);
        }
        .challengeCreateForm input:focus-visible,
        .challengeCreateForm select:focus-visible,
        .challengeCreateForm textarea:focus-visible,
        .challengeCreateForm button:focus-visible,
        .challengeCreateForm [role="button"]:focus-visible,
        .groupCreateForm input:focus-visible,
        .groupCreateForm select:focus-visible,
        .groupCreateForm textarea:focus-visible,
        .groupCreateForm button:focus-visible,
        .groupCreateForm [role="button"]:focus-visible,
        .blogCreateForm input:focus-visible,
        .blogCreateForm select:focus-visible,
        .blogCreateForm textarea:focus-visible,
        .blogCreateForm button:focus-visible,
        .blogCreateForm [role="button"]:focus-visible,
        .supportCreateForm input:focus-visible,
        .supportCreateForm select:focus-visible,
        .supportCreateForm textarea:focus-visible,
        .supportCreateForm button:focus-visible,
        .supportCreateForm [role="button"]:focus-visible,
        .feedbackCreateForm input:focus-visible,
        .feedbackCreateForm select:focus-visible,
        .feedbackCreateForm textarea:focus-visible,
        .feedbackCreateForm button:focus-visible,
        .feedbackCreateForm [role="button"]:focus-visible{
          outline:3px solid var(--accent);
          outline-offset:2px;
          border-color:var(--accent);
          box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);
        }
        .contextViewPanel .contentContainer .data-dropzone .dropzoneStatus,
        .challengeResultUploadForm .data-dropzone .dropzoneStatus,
        #edit_group .shareContentPanel .contentContainer .data-dropzone .dropzoneStatus,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone .dropzoneStatus{margin-top:.75rem;font-size:.9rem;color:var(--text);opacity:.8;}
        .contextViewPanel .contentContainer .data-dropzone.has-file,
        .challengeResultUploadForm .data-dropzone.has-file,
        #edit_group .shareContentPanel .contentContainer .data-dropzone.has-file,
        #edit_profile .shareContentPanel .contentContainer .data-dropzone.has-file{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);}
        .contextViewPanel.ergebnis{gap:0;}
        .contextViewPanel .join{display: flex;gap:1rem;flex-direction: row;justify-content: space-between;align-items: flex-start;}
        .contextViewPanel .join .contentContainer{flex:1;flex-direction: column;align-items: flex-start;justify-content: start;border-radius:1rem;}
        .contextViewPanel .join .boxElement.activity{flex:1;margin:0;}
        .contextViewPanel .join .boxElement.activity .teaserBox .badgeMarker.projekt{border-radius:1rem;}
        .contextViewPanel .join .comments-box{max-height:340px;}
        #ergebnis .contextViewPanel.ergebnis .contentContainer.noResultBox{margin:0;}

        .contextViewPanel .articleContainer:first-child img{border-radius:2rem 2rem 0 0;}
         .contextViewPanel .articleContainer:first-child .pictureBox img{border-radius:50%;}
        .contextViewPanel .articleContainer:last-child img{border-radius:0 0 2rem 2rem;}
        .contentErgebnisPanel {display:none;width:100%;height:auto;opacity:0;visibility: hidden;transition:all .3s ease;}
        .contentErgebnisPanel.active{display:block;opacity:1;visibility: visible;padding-bottom:2rem;}
        .toolKitNavi{position:absolute;width:120px;right:-120px;height:100%;background:transparent;}
        .toolKitNavi ul{display:blocK;width:100%;position:sticky;top:170px;}
        .toolKitNavi ul li{list-style:none;display:block;width:100%;}
        .toolKitNavi ul li a{display:block;font-size:9pt;font-weight:500;text-align:center;margin:1rem 0;cursor:pointer;}
        .toolKitNavi ul li a span.material-icons{width: 36px;height: 36px;margin: .25rem auto;display: block;border-radius: 50%;border: 2px solid var(--text-red);background: var(--bg);font-size: 16pt;line-height: 36px;text-align: center;color:var(--text);transition:all .3s ease;}
        .toolKitNavi ul li a:hover span.material-icons{color:#e24040;}

        .articleContainer{position:relative;width:100%;height:auto;transition: all .3s ease;cursor:pointer;}
        #ergebnis .articleContainer{margin:0;padding-top:0;cursor:default;}
        #ergebnis .articleContainer.evaluatable{cursor:pointer;}
        #ergebnis .articleContainer img{border-radius:0;width:100%;height:auto;margin-top:0;}
        #ergebnis .articleContainer > img{display:block;}
        #ergebnis .contextViewPanel.ergebnis .articleContainer:first-of-type img{border-radius:1rem 1rem 0 0;}
        #ergebnis .contextViewPanel.ergebnis .articleContainer:last-of-type img{border-radius:0 0 1rem 1rem;}
        #ergebnis .contextViewPanel.ergebnis .articleContainer:first-of-type:last-of-type > img{border-radius:1rem;}
        #bewertung .articleContainer{margin:-10px 0 0 0;padding-top:15rem;}
        #bewertung .articleContainer img{border-radius:0;width:100%;height:auto;margin-top:-15rem;}
        #bewertung .challengeEvaluationHeader{padding-right:1rem;}
        #bewertung .challengeEvaluationHeader .profileHead{width:100%;min-width:0;}
        #bewertung .challengeEvaluationHeader .profileHead > a,
        #bewertung .challengeEvaluationHeader .profile{flex-shrink:0;}
        #bewertung .challengeEvaluationHeader .textContainer{min-width:0;overflow-wrap:anywhere;}
        .articleContainer:hover{z-index:1;}
        .lightbox-body .articleContainer{cursor:initial;}
        .lightbox-body .articleContainer:hover{}
        .lightbox-body .articleContainer.selected{}

        .articleContainer .infoBadge{display:none;position:absolute;top:1rem;left:1rem;background:#e24040;color:#fff;border-radius:1rem;padding:.5rem .7rem;font-size:8pt;}
        .articleContainer:hover .infoBadge{display:block;}
        .lightbox-body .articleContainer:hover .infoBadge{display:none;}
        #ergebnis .articleContainer .challengeResultInfo{
            position:absolute;
            top:1rem;
            right:1rem;
            z-index:4;
            opacity:0;
            pointer-events:none;
            transition:opacity .2s ease;
        }
        #ergebnis .articleContainer:hover .challengeResultInfo,
        #ergebnis .articleContainer:focus-within .challengeResultInfo{
            opacity:1;
            pointer-events:auto;
        }
        #ergebnis .challengeResultInfoButton{
            display:flex;
            align-items:center;
            justify-content:center;
            width:40px;
            height:40px;
            margin:0;
            padding:0;
            border:1px solid var(--border, #ddd);
            border-radius:50%;
            background:var(--bg, #fff);
            color:var(--text, #222);
            box-shadow:0 2px 8px rgba(0,0,0,.15);
        }
        #ergebnis .challengeResultInfoButton:focus-visible{outline:2px solid #e24040;outline-offset:3px;}
        #ergebnis a.challengeResultInfoButton{text-decoration:none;box-sizing:border-box;}
        #ergebnis .challengeResultInfoTooltip{
            position:absolute;
            top:calc(100% + .5rem);
            right:0;
            width:max-content;
            max-width:min(280px, calc(100vw - 4rem));
            box-sizing:border-box;
            padding:.65rem .8rem;
            border:1px solid var(--border, #ddd);
            border-radius:.65rem;
            background:var(--bg, #fff);
            color:var(--text, #222);
            box-shadow:0 4px 16px rgba(0,0,0,.15);
            font-size:10pt;
            font-weight:400;
            line-height:1.45;
            white-space:normal;
            opacity:0;
            visibility:hidden;
            pointer-events:none;
        }
        #ergebnis .challengeResultInfo:hover .challengeResultInfoTooltip,
        #ergebnis .challengeResultInfo:focus-within .challengeResultInfoTooltip{opacity:1;visibility:visible;}
        @media (hover:none){
            #ergebnis .articleContainer .challengeResultInfo{opacity:1;pointer-events:auto;}
        }
        #ergebnis .articleContainer .resultDeleteWrap{
            position:absolute;
            top:1rem;
            right:1rem;
            z-index:3;
            opacity:0;
            visibility:hidden;
            transition:opacity .2s ease, visibility .2s ease;
        }
        #ergebnis .articleContainer:hover .resultDeleteWrap,
        #ergebnis .articleContainer:focus-within .resultDeleteWrap{
            opacity:1;
            visibility:visible;
        }
        #ergebnis .articleContainer .challengeResultDeleteButton{
            display:flex;
            align-items:center;
            gap:.25rem;
            padding:.5rem .6rem;
            border-radius:1rem;
            background:#e24040;
            color:#fff;
            border:none;
            outline:none;
            font-size:10pt;
            font-weight:500;
            line-height:1;
        }
        #ergebnis .articleContainer .challengeResultDeleteButton:hover{
            background:#b73030;
            border-color:#fff;
        }
        #ergebnis .articleContainer .challengeResultDeleteButton span.material-icons{
            font-size:12pt;
            line-height:1;
        }

        #ergebnis .articleContainer .challengeResultActions{position:absolute;top:1rem;right:1rem;z-index:4;display:flex;align-items:center;gap:.5rem;opacity:0;pointer-events:none;transition:opacity .2s ease;}
        #ergebnis .articleContainer:hover .challengeResultActions,
        #ergebnis .articleContainer:focus-within .challengeResultActions{opacity:1;pointer-events:auto;}
        #ergebnis .articleContainer .challengeResultActions .challengeResultInfo,
        #ergebnis .articleContainer .challengeResultActions .resultDeleteWrap{position:relative;top:auto;right:auto;opacity:1;visibility:visible;pointer-events:inherit;}
        #ergebnis .challengeResultActions .challengeResultDeleteButton{min-height:40px;}
        @media (hover:none){
            #ergebnis .articleContainer .challengeResultActions{opacity:1;pointer-events:auto;}
        }
        /* One responsive rating form per solution; independent of legacy commentary views. */
        #ergebnis .challengeResultRating{display:none;cursor:default;}
        #ergebnis .articleContainer.selected > .challengeResultRating,
        #ergebnis .challengeResultRating:focus-within{display:block;}
        #ergebnis .challengeResultDivider{height:1.5rem;clear:both;}
        #ergebnis .challengeResultDivider .listLine{min-height:0;height:100%;flex:0 0 2px;}
        #ergebnis .contentErgebnisPanel.single-view .challengeResultConnector{display:none;}
        #ergebnis .challengeRatingCard{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;border:1px solid var(--border,#ddd);border-radius:1rem;background:var(--accent-bg,#f5f5f5);color:var(--text,#222);}
        #ergebnis .challengeRatingCard .listViewHeader{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border-bottom:1px solid var(--border,#ddd);}
        #ergebnis .challengeRatingCard .listViewHeader .bulletpoint{flex:0 0 auto;margin:0;display:flex;align-items:center;justify-content:center;}
        #ergebnis .challengeRatingCard h3{min-width:0;margin:0;font-size:1rem;line-height:1.4;overflow-wrap:anywhere;}
        #ergebnis .challengeRatingBody{display:grid;gap:.875rem;padding:1rem;}
        #ergebnis .challengeRatingCard label{display:block;margin:0 0 .5rem;font-size:.875rem;font-weight:600;line-height:1.4;}
        #ergebnis .challengeRatingFields{display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;}
        #ergebnis .challengeRatingFields > div{display:flex;flex-direction:column;gap:.5rem;min-width:0;}
        #ergebnis .challengeRatingFields label{margin:0;}
        #ergebnis .challengeRatingCard textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:6rem;margin:0;padding:.75rem;border:1px solid var(--border,#ddd);border-radius:.65rem;background:var(--bg,#fff);color:var(--text,#222);font:inherit;font-size:.875rem;line-height:1.5;resize:vertical;}
        #ergebnis .challengeRatingScore .slider-group{box-sizing:border-box;padding:0;border-radius:.65rem;}
        #ergebnis .challengeRatingCard .slider{box-sizing:border-box;width:100%;margin:.25rem 0 .5rem;}
        #ergebnis .challengeRatingCard .tooltip{white-space:normal;line-height:1.5;background:var(--bg,#fff);}
        #ergebnis .challengeRatingActions{display:flex;justify-content:flex-end;}
        #ergebnis .challengeRatingActions .submitButton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;max-width:100%;margin:0;padding:.65rem 1rem;white-space:normal;}
        #ergebnis .challengeRatingCard :is(button,input,textarea):focus-visible{outline:2px solid #e24040;outline-offset:3px;}
        #ergebnis .articleContainer .challengeRatingOpen{display:block;margin:0;border:0;opacity:0;pointer-events:none;}
        #ergebnis .articleContainer:hover .challengeRatingOpen,
        #ergebnis .articleContainer:focus-within .challengeRatingOpen{opacity:1;pointer-events:auto;}
        #ergebnis .articleContainer.selected .challengeRatingOpen{display:none;}
        @media (hover:none){
            #ergebnis .articleContainer .challengeRatingOpen{opacity:1;pointer-events:auto;}
        }
        @media (max-width:600px){
            #ergebnis .challengeRatingActions .submitButton{width:100%;}
        }
        .articleContainer .commentary{display:none;position:sticky;bottom:0;width:100%;z-index:2;background: #ffffffe3;backdrop-filter: blur(30px);border-top: 2px solid #fff;cursor: initial;transition:all .3s ease;}
        .articleContainer .commentary button.clear-button{margin-top:-10px;}
        .articleContainer.selected .commentary{display: block;}
        .articleContainer.selected .commentary.static{position:relative;}
        .articleContainer.selected .infoBadge{display:block;}
        .articleContainer .commentary img{border: 2px solid #cbcbcb;height: auto;width: 65px;border-radius: 50%;margin:0;}
        .articleContainer .commentary label{font-weight:500;font-size:10pt;margin:0 0 .5rem 0;display:block;padding-left:5px;}
        .articleContainer .commentary .authorResultCommentBox{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0 0 .45rem  0;padding:.45rem 10px 0 10px;border-radius:.5rem;}
        .articleContainer .commentary .authorResultComment{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;font-size:9pt;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}
        .articleContainer .commentary .authorCommentToggle{display:inline-flex;align-self:flex-start;background:none;border:none;color:var(--text);padding:0;margin:.35rem 0 0 0;font-size:10pt;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
        .articleContainer .commentary textarea{padding:5px 10px;min-height:55px;margin:0;width:96%;border-radius:.5rem;border:none;background:transparent;min-width:96%;max-width:96%;}
        
        .commentaryBoxWrapper{display: flex;flex-direction:row;flex-wrap: nowrap;align-content: center;align-items: center;padding: 1rem;gap: 1rem;}
        .commentaryBoxWrapper .pictureBox{width:auto;flex:0 0 auto;}
        .commentaryBoxWrapper .pictureBox img{border-radius:50%;}
        .commentaryBoxWrapper .commentaryBox{width:100%;flex:1 1 auto;min-width:0;}
        .commentaryBoxWrapper .commentaryText{width:100%;display:flex;flex-direction:row;gap:.75rem;align-items:flex-start;flex:1 1 auto;min-width:0;}
        #ergebnis .commentary .commentaryText .profile.view{display:block;width:65px;min-width:65px;}
        #ergebnis .commentary .commentaryText .profile.view .profilePicture{position:relative;width:65px;height:65px;}
        #ergebnis .commentary .commentaryText .profile.view .profilePicture img.profilePicture{width:45px;height:45px;object-fit:cover;display:block;margin:auto;border-radius:50%;}
        #ergebnis .commentary .commentaryText .profile.view .profilePicture img.avatarBorder{position:absolute;inset:0;width:65px;height:65px;object-fit:contain;pointer-events:none;border:none;}
        #ergebnis .commentary .commentaryText .commentaryBox textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;}
        .commentaryBoxWrapper .votingBox{width: 100%;text-align: left;padding:0;}
        .commentaryBoxWrapper .submitButton{width:60%;}
          .submitCommentary{width:100%;min-width:0;display:flex;flex-direction:column;gap:.5rem;}
          .submitCommentary .authorPart{width:100%;min-width:0;display:flex;flex-direction: column;border-bottom:1px solid var(--border);}
          .commentaryBoxWrapper > .mobileAuthorPart{width:100%;min-width:0;display:flex;flex-direction:column;margin:0;}
          .submitCommentary .votingPart{width:100%;display:flex;flex-direction: row;    align-items: center;gap:1rem;}



        .leaderBoardWrapper{display:flex;align-content: flex-start;align-items: flex-end;gap:1rem;padding-top:2rem;}
        .leaderBoardWrapper .contentContainer.box{margin-bottom:2rem;text-align: center;}
        #bewertung .row.one.flex .row.oneThird.flex > article > .contentContainer.box{width:auto;max-width:100%;}
        .leaderBoard{width:100%;margin:0 1px 0 0;display: inline-block;}

        .leaderBoard.first .boxContentWrapper{padding-bottom:1rem;height:120px;}
        .leaderBoard.first .profile .profilePicture{border-color:#e24040;}

        .leaderBoard.first .profile .profilePicture img.profilePicture{transition: transform 0.3s ease;}
        #challenge-rating-leaders .boxContentWrapper{box-shadow:none;}
        .leaderBoard.first .auszeichnungsBox{background-color:#e24040;color:#fff;}
        .leaderBoard.first span.winner{display: block;width: fit-content;margin: 10px 0 0 0;padding: 6px 10px;margin: 0 auto 10px auto;border-radius: 2rem;background: #faf9f9;font-size: 11pt;font-weight: 600;color: #0a0a0a;outline: none;border: 2px solid #e24040;}

        .leaderBoard.second .boxContentWrapper{padding-bottom:1rem; height:90px;}
        .leaderBoard.second .auszeichnungsBox{background-color:silver;color:#fff;}
        
        .leaderBoard.third .boxContentWrapper{padding-bottom:1rem; height:70px;}
        .leaderBoard.third .auszeichnungsBox{background-color:#fff;color:#cbcbcb;}
        .leaderboard-load-more-btn{margin:0 auto 2px 2px;}

            .profile{width: 135px;text-align: center;margin:0 auto;cursor:pointer;transition:all .3s ease;user-select: none;}
            .profile:hover{color:#e24040;}
                .profile .profilePicture{margin: 0 auto;transition:all .3s ease;position:relative;}
                .profile .profilePicture i.material-icons{font-size:20pt;border: 2px solid #e24040;border-radius: 50%;padding: 0.5rem;background:#fff;}
                .profile .profilePicture img.avatarBorder{position: absolute;top: -5px;width: 130px;left: 0;right:0;margin:0 auto;height: 130px;z-index: 1;user-select: none;-webkit-user-drag: none;}
                .profile .profilePicture img.profilePicture{border-radius: 50%;width:100px;height: 100px;border: 10px solid #000000e8;user-select: none;-webkit-user-drag: none;}
                .profile .username{font-size: 16pt;font-weight: 500;margin-top: .5rem;}

                .profileHead.small .profile .profilePicture img.avatarBorder.lg{width:65px;height:65px;}
                .profileHead.small .profile .profilePicture img.profilePicture.lg{width:55px;height:55px;}

            .backgroundBox{height: 2rem;}
            .boxContentWrapper{background:#fff;position: relative;border: 1px solid #e6e6e6;border-top:1px solid #fff;border-bottom:none;box-shadow: 0 25px 100px #9d9d9d17;border-radius: 1rem;height:130px;display:flex;align-items: end;}
                .auszeichnungsBox{margin: 0 auto 0 auto;border: 1px solid #e5e5e5;width: 70px;height: 70px;position: absolute;left: 0;right: 0;border-radius: 1rem;margin: 0 auto;top: -25px;}
                .auszeichnungsBox span.material-icons{display:block;margin:.5rem auto;font-size:34pt;width:100%;text-align: center;}
                .priceTag{text-align: center;width: 100%;padding-top: 60px;font-size: 14pt;font-weight: 600;}
                .rank{width:100%;text-align: center;font-size:11pt;font-weight:800;}

    .userContainer{display: grid;justify-content: center;align-items: center;gap: 1rem;padding:1rem;grid-template-columns: 1fr 1fr;grid-template-areas:"header header" "row row";}
    .userContainer a.user{display:block;padding:.5rem;border-radius:1rem;}
    .userContainer a.user:hover{background:#ebedee;}
    .challengeParticipantColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;}
    .challengeParticipantColumn{min-width:0;}
    .challengeParticipantColumn+.challengeParticipantColumn{padding-left:1rem;border-left:1px solid var(--border,#e6e6e6);}
    .challengeParticipantColumn>h4{margin:0 0 1rem;font-size:.95rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere;}
    .challengeParticipantColumn>.userContainer{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.75rem;padding:0;}
    .challengeParticipantColumn .user{min-width:0;}
    .challengeParticipantColumn .profileHead>.profile{flex-shrink:0;}
    .challengeParticipantColumn .textContainer{min-width:0;overflow-wrap:anywhere;}
    .challengeParticipantColumn .challengeParticipantEmpty{margin:0;color:var(--sub-text);}
    @media(max-width:600px){
        .challengeParticipantColumns{grid-template-columns:minmax(0,1fr);}
        .challengeParticipantColumn+.challengeParticipantColumn{padding:1rem 0 0;border-left:0;border-top:1px solid var(--border,#e6e6e6);}
    }
    .challengeParticipantJoinFooter{padding:0 1rem 1rem;}
    .challengeParticipantJoinFooter>hr{margin:0 0 1rem;border:0;border-top:1px solid var(--border,#e6e6e6);}
    .challengeBriefingJoin .engagementActions{display:flex;width:100%;}
    .challengeBriefingJoin .engagementActions form{width:100%;}
    .challengeBriefingJoin .engagementActions .engagementActions__button{width:100%;min-height:44px;padding:.65rem 1rem;font-size:.9rem;}
    .challengeReadiness,.challengeParticipantReadiness{--readiness-positive:#176544;--readiness-surface:#edf7f1;--readiness-border:#c4e3d0;}
    html[data-theme="dark"] :is(.challengeReadiness,.challengeParticipantReadiness){--readiness-positive:#92ddb4;--readiness-surface:#192e24;--readiness-border:#365c47;}
    .challengeParticipantReadiness,.challengeParticipantInvitation{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;max-width:100%;box-sizing:border-box;margin-top:.5rem;padding:.3rem .65rem;border:1px solid var(--border);border-radius:2rem;background:var(--accent-bg);color:var(--sub-text);font-size:.75rem;font-weight:600;line-height:1.4;vertical-align:middle;}
    .challengeParticipantReadiness>.material-icons,.challengeParticipantInvitation>.material-icons{flex:0 0 auto;font-size:1rem;line-height:1;}
    .challengeParticipantReadiness>[data-ready-badge-label],.challengeParticipantInvitation>span:last-child{min-width:0;overflow-wrap:anywhere;}
    .challengeParticipantReadiness.is-ready{background:var(--readiness-surface);border-color:var(--readiness-border);color:var(--readiness-positive);}
    .challengeParticipantReadiness[data-participant-readiness]:not(.is-ready){background:#fceeed;border-color:#f0c3c1;color:#ab292d;}
    html[data-theme="dark"] .challengeParticipantReadiness[data-participant-readiness]:not(.is-ready){background:#3c2024;border-color:#70383c;color:#ffb6b8;}
    .challengeReadiness{box-sizing:border-box;outline:1px solid var(--border);}
    .challengeReadiness>.listViewHeader{padding:.85rem 1.25rem;gap:.15rem;}
    .challengeReadiness>.listViewHeader h3{min-width:0;overflow-wrap:anywhere;}
    .challengeReadiness>.listViewHeader .bulletpoint{flex:0 0 32px;}
    .challengeReadiness .challengeReadinessBody{gap:1rem;padding:1.25rem;}
    .challengeReadinessSummary{display:flex;align-items:flex-start;gap:.85rem;}
    .challengeReadinessSummary>div{min-width:0;flex:1;}
    .challengeReadiness .challengeReadinessSymbol{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:.85rem;background:var(--accent-bg);color:var(--text-red);font-size:1.5rem;}
    .challengeReadiness .challengeReadinessCount{margin:0 0 .4rem;font-size:1.05rem;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;}
    .challengeReadiness .challengeReadinessHint{margin:0;color:var(--sub-text);font-size:.875rem;line-height:1.6;}
    .challengeReadinessActions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;box-sizing:border-box;padding:1rem;border:1px solid var(--border);border-radius:.85rem;background:var(--accent-bg);}
    .challengeReadiness[data-viewer-ready="1"] .challengeReadinessActions{border-color:var(--readiness-border);background:var(--readiness-surface);}
    .challengeReadinessPersonal{display:flex;align-items:flex-start;flex-direction:column;gap:.4rem;min-width:0;}
    .challengeReadinessPersonalLabel{color:var(--sub-text);font-size:.75rem;font-weight:500;line-height:1.4;}
    .challengeReadinessPersonal .challengeParticipantReadiness{margin:0;background:var(--bg);}
    .challengeReadinessActions form{max-width:100%;margin:0 0 0 auto;}
    .challengeReadinessActions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;max-width:100%;min-height:44px;margin:0;padding:.65rem 1rem;border:1px solid var(--text-red);border-radius:2rem;background:var(--text-red);color:#fff;font-size:.85rem;font-weight:600;line-height:1.4;outline:none;}
    .challengeReadinessActions button>.material-icons{flex:0 0 auto;font-size:1.15rem;line-height:1;}
    .challengeReadinessActions button>[data-ready-action-label]{min-width:0;overflow-wrap:anywhere;}
    .challengeReadinessActions button[value="not_ready"]{border-color:var(--readiness-border);background:var(--bg);color:var(--text);}
    .challengeReadinessActions button:hover:not(:disabled){background:var(--bg);color:var(--text-red);border-color:var(--text-red);}
    .challengeReadinessActions button:focus-visible{outline:2px solid var(--text-red);outline-offset:3px;}
    .challengeReadinessActions button:disabled{opacity:.55;cursor:not-allowed;outline:none;}
    .challengeReadiness .challengeReadinessFeedback{margin:0;color:var(--sub-text);font-size:.8rem;line-height:1.5;}
    .challengeReadinessFeedback:empty{margin-top:-1rem;}
    @media(max-width:600px){
        .challengeReadiness>.listViewHeader{padding:.75rem 1rem;}
        .challengeReadiness .challengeReadinessBody{padding:1rem;}
        .challengeReadinessSummary{gap:.65rem;}
        .challengeReadiness .challengeReadinessSymbol{flex-basis:36px;width:36px;height:36px;font-size:1.25rem;}
        .challengeReadinessActions{align-items:stretch;flex-direction:column;}
        .challengeReadinessPersonal{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;}
        .challengeReadinessActions form,.challengeReadinessActions button{width:100%;margin:0;}
    }
    .groupMembershipManager .groupMemberActions{display:flex;flex-shrink:0;gap:.5rem;}
    .groupMembershipManager .groupMemberActions form{margin:0;}
    .groupMembershipManager .groupMemberActions .iconOnly{
      width:2rem;
      height:2rem;
      min-width:2rem;
      min-height:2rem;
      padding:0;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .groupMembershipManager .groupMemberActions .iconOnly .material-icons{
      font-size:16px;
      line-height:1;
      margin:0;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteBox,
    #edit_group_members .groupPendingInviteBox,
    #edit_challenge_participants .groupPendingInviteBox{
      margin-top:.5rem;
      border:1px solid #e6e6e6;
      border-radius:1rem;
      background:#fff;
      overflow:hidden;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteBoxHeader,
    #edit_group_members .groupPendingInviteBoxHeader,
    #edit_challenge_participants .groupPendingInviteBoxHeader{
      display:flex;
      align-items:center;
      gap:.5rem;
      padding:.75rem 1rem;
      border-bottom:1px solid #e6e6e6;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteBoxHeader h4,
    #edit_group_members .groupPendingInviteBoxHeader h4,
    #edit_challenge_participants .groupPendingInviteBoxHeader h4{
      margin:0;
      font-size:1rem;
      font-weight:600;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteList,
    #edit_group_members .groupPendingInviteList,
    #edit_challenge_participants .groupPendingInviteList{
      display:flex;
      flex-direction:column;
      gap:0;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteItem,
    #edit_group_members .groupPendingInviteItem,
    #edit_challenge_participants .groupPendingInviteItem{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      padding:.75rem 1rem;
      border-top:1px solid var(--border);
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteItem:first-child,
    #edit_group_members .groupPendingInviteItem:first-child,
    #edit_challenge_participants .groupPendingInviteItem:first-child{
      border-top:none;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteText,
    #edit_group_members .groupPendingInviteText,
    #edit_challenge_participants .groupPendingInviteText{
      min-width:0;
      flex:1 1 auto;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteText .profileHead.small,
    #edit_group_members .groupPendingInviteText .profileHead.small,
    #edit_challenge_participants .groupPendingInviteText .profileHead.small{
      margin:0;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteText .textContainer h3,
    #edit_group_members .groupPendingInviteText .textContainer h3,
    #edit_challenge_participants .groupPendingInviteText .textContainer h3{
      margin:0;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteText .textContainer p,
    #edit_group_members .groupPendingInviteText .textContainer p,
    #edit_challenge_participants .groupPendingInviteText .textContainer p{
      margin:.2rem 0 0 0;
      font-size:10pt;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteAction,
    #edit_group_members .groupPendingInviteAction,
    #edit_challenge_participants .groupPendingInviteAction{
      margin:0;
      flex:0 0 auto;
    }
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteAction button,
    #edit_group_members .groupPendingInviteAction button,
    #edit_challenge_participants .groupPendingInviteAction button{
      white-space:nowrap;
      font-size:10pt;
      padding:.35rem .8rem;
    }
    @media (max-width: 820px){
      :is(#mitglieder,.groupMembershipManager) .groupPendingInviteItem,
      #edit_group_members .groupPendingInviteItem,
      #edit_challenge_participants .groupPendingInviteItem{
        flex-direction:column;
        align-items:flex-start;
      }
      :is(#mitglieder,.groupMembershipManager) .groupPendingInviteAction,
      #edit_group_members .groupPendingInviteAction,
      #edit_challenge_participants .groupPendingInviteAction{
        width:100%;
      }
      :is(#mitglieder,.groupMembershipManager) .groupPendingInviteAction button,
      #edit_group_members .groupPendingInviteAction button,
      #edit_challenge_participants .groupPendingInviteAction button{
        width:100%;
      }
    }


    /* Group invitations occupy their own full-width section above member cards. */
    #mitglieder .groupMembersPanel > .listViewHeader{flex-wrap:nowrap;gap:.5rem;padding:.65rem 1rem;}
    #mitglieder .groupMembersPanel > .listViewHeader > .bulletpoint{flex:0 0 32px;margin:0;}
    #mitglieder .groupMembersPanel > .listViewHeader h3{flex:1;min-width:0;overflow-wrap:anywhere;hyphens:auto;}
    #mitglieder .groupMembersPanel > .listViewHeader .groupMembersManage{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;gap:.35rem;margin:0 0 0 .5rem;padding:.3rem .7rem;min-height:32px;box-sizing:border-box;font-size:.8rem;line-height:1.2;white-space:nowrap;}
    #mitglieder .groupMembersManage .material-icons{font-size:18px;line-height:1;margin:0;}
    .groupManagedMembers{list-style:none;margin:.5rem 0 0;padding:0;}
    .groupManagedMembers > li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;}
    .groupManagedMembers > li + li{border-top:1px solid var(--border);}
    .groupManagedMemberIdentity{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere;}
    .groupManagedMemberIdentity > span{font-size:.8rem;color:var(--sub-text);}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInvites{padding:1rem;border-bottom:1px solid var(--border);}
    .groupMembershipManager .groupPendingInvites{padding:1rem 0 0;border:0;}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteBox{margin:0;background:var(--bg);border-color:var(--border);}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteBoxHeader{background:var(--accent-bg);border-color:var(--border);}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteBoxHeader > .material-icons{color:var(--text-red);font-size:20px;}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteList{list-style:none;margin:0;padding:0;}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteIdentity{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteAvatar{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border:1px solid var(--border);border-radius:50%;}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteName{font-size:11pt;font-weight:600;color:var(--text);overflow-wrap:anywhere;}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteName:hover{color:var(--text-red);}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteText p{margin:.25rem 0 0;color:var(--sub-text);line-height:1.5;overflow-wrap:anywhere;}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteAction button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;margin:0;}
    :is(#mitglieder,.groupMembershipManager) .groupPendingInviteAction .material-icons{font-size:18px;}
    #mitglieder .groupMembersGrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:none;align-items:start;}
    #mitglieder .groupMembersGrid > .contentContainer{grid-column:1/-1;}
    #mitglieder .groupMembersGrid .groupMemberCard,
    #mitglieder .groupMembersGrid .textContainer{min-width:0;overflow-wrap:anywhere;}
    #mitglieder .groupMembersGrid .profile{flex-shrink:0;}
    @media(max-width:680px){
      #mitglieder .groupMembersGrid{grid-template-columns:minmax(0,1fr);}
      :is(#mitglieder,.groupMembershipManager) .groupPendingInviteAction button{white-space:normal;}
    }

    /*Tabelle*/
    .contentContainer.full{width:98%;}
    table{width:100%;border:none;padding:1rem;}
    table thead{}
    table thead tr th{text-align: center;padding:1rem;}
    table tbody{border:none;padding:0;}
    table tbody tr{}
    table tbody tr:nth-child(even) {background:#f9f8f8;margin:1rem 0}
    
    table tbody tr td{padding:1rem;}
    table tbody tr td.rank{}
    table tbody tr td.username{}
    table tbody tr td.points{}

    /*Suchfilter*/

    #clear-search {right: 50px;display: none; }
    #submit-search {right: 5px;}
    .search-button:hover {color: #e24040;}
    .search-action {font-weight: bold;}

    .label {font-weight: bold;margin-bottom: 8px;display: block;}
    .tab-group {display: flex;gap: 10px;flex-wrap: wrap;}
    .tab {padding: 6px 12px;border-radius: 20px;border: 2px solid #cbcbcb;font-size: 10pt;background: #ffffff;cursor: pointer;user-select: none;}
    .tab.active {background-color: #e24040;color: white;border-color: #e24040;}
    .tab-radio-group {display: flex;gap: 10px;flex-wrap: wrap;}

    .radio-tab {padding: 6px 5%;border: 2px solid #cbcbcb;border-radius: 20px;background: #ffffff;cursor: pointer;width: 35%;margin: 0 auto;text-align: center;user-select: none;font-size: 15px;transition: all 0.2s ease;}
    .radio-tab input[type="radio"] {display: none;}
    .radio-tab:has(input[type="radio"]:checked) {background-color: #e24040;color: white;border-color: #e24040;}
    #contentLanguageSelect {
      width: 100%;
      min-height: 40px;
      box-sizing: border-box;
      appearance: none;
      -webkit-appearance: none;
      border: 2px solid #cbcbcb;
      border-radius: 20px;
      background-color: #ffffff;
      background-image:
        linear-gradient(45deg, transparent 50%, #e24040 50%),
        linear-gradient(135deg, #e24040 50%, transparent 50%);
      background-position:
        calc(100% - 19px) 50%,
        calc(100% - 13px) 50%;
      background-size: 6px 6px, 6px 6px;
      background-repeat: no-repeat;
      color: #111111;
      cursor: pointer;
      font-size: 10pt;
      font-weight: 600;
      line-height: 1.2;
      outline: none;
      padding: 8px 42px 8px 14px;
      text-align: center;
      transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
      user-select: none;
    }
    #contentLanguageSelect:hover,
    #contentLanguageSelect:focus-visible {
      border-color: #e24040;
      box-shadow: 0 0 0 2px rgba(226,64,64,.10);
    }
    #contentLanguageSelect option {
      font-weight: 500;
      color: #111111;
      background: #ffffff;
    }

    .slider-block {display: flex;flex-direction: column;gap: 6px;}
    input[type="range"] {width: 100%;accent-color: #e24040;cursor:grab;}
    input[type="range"]:active{cursor:grabbing;}

    /*Lightbox*/
    .lightbox {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0,0,0,0.7);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      cursor:pointer;
    }

    .lightbox.hidden {
      display: none;
    }

    .lightbox-content {
      cursor:initial;
      max-width: 90vw;
      max-height: 90vh;
      overflow: hidden;
      overflow-y: scroll;
      border-radius: 8px;
    }

    .lightbox-close {
      position: absolute;
      top: 20px;
      right: 20px;
    }
    /*Accordion*/

    .accordion-header {display: flex;justify-content: flex-start;align-items: center;cursor: pointer;padding: 10px 0;transition: all .3s ease;flex-direction: row;flex-wrap: nowrap;}
    .accordion-header span.material-icons{padding: .5rem;background: #f2f2f2;border: 2px solid #e6e6e6;border-radius: 50%;margin-right: .5rem;}
    .accordion-header:hover{color:#e24040;}
    .accordion-header .arrow {margin-top:5px;width: 10px;height: 10px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(45deg);margin-left: 8px;transition:all .3s ease;position: absolute;right: 5%;}
    .accordion.active .accordion-header{font-weight:600;color:#e24040;}
    .accordion.active .accordion-header:hover{color:#000;}
    .accordion.active .accordion-header .arrow {transform: rotate(-135deg); /* zeigt nach unten */}
    .accordion-body {padding:15px 0;display: none;}
    .accordion.active .accordion-body {display: block;}

    button.voting{float:right;}

    /*Slider Bewertung*/

    .slider-group {padding:0;width: 100%;margin:0 auto;position: relative;}
    label{display: block;margin-top: 20px;font-weight: bold;}
    input[type="range"] {width: 100%;position: relative;z-index: 1;}

    .slider-wrapper {position: relative;width: 100%;}
    .slider-wrapper .tooltip {position: static;text-align:center;top: 20px;background-color: #fff;color: #000;border-radius: 4px;font-size: 0.9rem;pointer-events: auto;white-space: nowrap;z-index: 2;padding: 5px;border-radius: 2rem;}
    .slider-wrapper .tooltip input {width: 50px;padding: 4px 6px;border: none;background-color: transparent;color: #e24040;text-align: center;font-size: 11pt;font-weight:500;appearance: textfield;}
    .slider-wrapper .tooltip input::-webkit-outer-spin-button,
    .slider-wrapper .tooltip input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
    /* Override generic context-panel number fields for the editable rating value. */
    .contextViewPanel .slider-wrapper .tooltip input.tooltipInput{
        box-sizing:border-box;
        flex:0 0 auto;
        width:4rem;
        min-width:0;
        max-width:100%;
        min-height:36px;
        margin:0;
        padding:.35rem .5rem;
        border:1px solid var(--border);
        border-radius:.5rem;
        background:var(--bg);
        color:var(--text-red);
        font-family:inherit;
    }
    .contextViewPanel .slider-wrapper .tooltip input.tooltipInput:focus-visible{
        outline:2px solid var(--text-red);
        outline-offset:2px;
    }
    .contextViewPanel .slider-wrapper .tooltip{white-space:normal;line-height:1.5;}
    .text-feedback {font-size: 11pt;font-weight: 500;text-align: center;}


    /*Progress Icon*/

    .percentage-text{padding-left:33px;}
    .progress-icon {height:22px;display: inline-flex;align-items: center;gap: 5px;}
    .circle-chart {width: 30px;height: 25px;position:absolute;}
    .circle-bg,
    .circle-fg {fill: none;stroke-width: 12;}
    .circle-bg {stroke: #ddd;}
    .circle-fg {stroke: #e24040;stroke-linecap: round;transform: rotate(-90deg);transform-origin: 50% 50%;transition: stroke-dashoffset 0.4s ease;}

    /* Horizontal user ratings: shared columns keep user labels and the 0-100% scale aligned. */
    .contentContainer.challengeAverageChartContainer{width:100%;box-sizing:border-box;overflow:visible;}
    .challengeAverageChart{--rating-user-width:clamp(5rem,22%,10rem);display:flex;flex-direction:column;gap:0;width:100%;min-width:0;}
    .challengeAverageChartRow,.challengeAverageChartAxis{display:grid;grid-template-columns:var(--rating-user-width) minmax(0,1fr);column-gap:.75rem;align-items:stretch;}
    .challengeAverageChartUser{box-sizing:border-box;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:.875rem .5rem .875rem 0;font-size:.875rem;line-height:1.35;overflow-wrap:anywhere;}
    .challengeAverageChartUser small{font-size:.75rem;opacity:.8;}
    .challengeAverageChartTrack{position:relative;display:flex;align-items:center;min-width:0;min-height:3.5rem;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px);background-size:20% 100%;box-shadow:inset -1px 0 var(--border);}
    .challengeAverageChartSegment{display:block;flex:0 1 auto;min-width:0;height:1.25rem;cursor:help;}
    .challengeAverageChartSegment:first-child{border-radius:.35rem 0 0 .35rem;}
    .challengeAverageChartSegment:last-child{border-radius:0 .35rem .35rem 0;}
    .challengeAverageChartSegment:only-child{border-radius:.35rem;}
    .challengeAverageChartSegment:focus-visible{outline:2px solid var(--text-red);outline-offset:3px;}
    .challengeAverageChartTooltip{display:none;position:absolute;bottom:calc(50% + 1rem);left:0;z-index:4;box-sizing:border-box;width:max-content;max-width:min(14rem,100%);padding:.35rem .5rem;border:1px solid var(--border);border-radius:.4rem;background:var(--bg);color:var(--text);box-shadow:0 4px 12px #0002;font-size:.7rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;pointer-events:none;}
    .challengeAverageChartSegment:hover .challengeAverageChartTooltip,.challengeAverageChartSegment:focus .challengeAverageChartTooltip{display:block;}
    .challengeAverageChartScale{grid-column:2;position:relative;min-width:0;height:1.75rem;border-top:1px solid var(--border);font-size:.7rem;line-height:1.4;color:var(--text);}
    .challengeAverageChartScale span{position:absolute;top:.4rem;transform:translateX(-50%);white-space:nowrap;}
    .challengeAverageChartScale span:first-child{transform:none;}
    .challengeAverageChartScale span:last-child{transform:translateX(-100%);}
    .challengeAverageChartEmpty{margin:0;font-size:.875rem;}
    /*Bar Chart*/

    .chart-wrapper {display: flex;gap: 5px;overflow:hidden;margin-top:1rem;}
    .y-axis {display: flex;flex-direction: column;justify-content: space-between;height: -webkit-fill-available;padding-bottom: 3rem;text-align:right;font-size: 12px;color: #555;}
    .y-label {height: 0;transform: translateY(50%);}
    .chart-area {display: flex;flex-direction: column;width:95%;overflow-x:auto;overflow-y:hidden;padding-bottom:.35rem;scroll-behavior:auto !important;overscroll-behavior-x:contain;}
    .chart {display: flex;align-items: flex-end;height: 350px;border-left: 2px solid #333;border-bottom: 2px solid #333;padding: 0 0 0 .25rem;position: relative;gap: .75rem;justify-content:flex-start;width:100%;min-width:100%;box-sizing:border-box;}
    .chart::before {content: "";position: absolute;left: 0;right: 0;top: 0;height: 100%;background-image: linear-gradient(to bottom,rgba(0,0,0,0.1) 1px,transparent 1px);background-size: 100% 62px;pointer-events: none;}
    .bar {display: flex;flex-direction: column-reverse;align-items:center;min-width:64px;position: relative;flex:0 0 auto;}

    .section {width: 34px;position: relative;}
    .section:last-child{border-radius:2rem 2rem 0 0;}
    .section:hover .tooltip {display: block;}
    .section .tooltip {height:15px;display: none;position: absolute;top: 30%;left:6rem;transform: translateX(-50%);margin-bottom: 5px;padding: .5rem .75rem;background: #f2f2f2;border: 1px solid #cbcbcb;border-radius:2rem;color: #000;font-size: 12px;white-space: nowrap;z-index: 10;}

    .x-axis-labels {display: flex;justify-content: space-between;margin-top: 5px;gap: 30px;font-weight: bold;font-size: 13px;}
    .x-axis-labels.circleChart{margin: 0;gap: 5px;row-gap: 5px;font-weight: bold;font-size: 13px;flex-direction: row;flex-wrap: nowrap;display: flex;align-items: flex-start;align-items: flex-start;justify-content: center;}
    .x-axis-labels .label {width: auto;}
    .x-axis-labels .label .colorIndicator{display: inline-block;position:relative;width: 30px;font-size: 8pt;line-height: 31px;color: #fff;height: 30px;margin: .5rem .25rem .5rem 0;border-radius: .25rem;outline:1px solid #cbcbcb;text-align: center;}
    .x-axis-labels.circleChart .label .colorIndicator .tip{left:50%;right:auto;bottom:calc(100% + .5rem);transform:translateX(-50%);white-space:nowrap;pointer-events:none;line-height:1.25;text-align:center;z-index:10;}
    .x-axis-labels.circleChart .label .colorIndicator:hover .tip{opacity:1;visibility:visible;}
    .x-axis-labels.barChart {gap:.75rem;justify-content:flex-start;width:max-content;min-width:100%;box-sizing:border-box;}
    .x-axis-labels.barChart .label {text-align:center;overflow:hidden;display:block;min-width:64px;white-space:nowrap;text-overflow:ellipsis;flex:0 0 auto;}
    /*Circle Chart*/

    .chart-container {position: relative;width: 100%;text-align: center;height: auto;}
    .chart-container svg {transform: rotate(-90deg);}
    .center-label {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);font-size: 1.5rem;font-weight: bold;}
    .center-head {position: absolute;top: 43%;left: 50%;transform: translate(-50%, -50%);font-size: 1rem;font-weight: bold;}
    .step-distribution-chart .center-head{top:42%;}
    .step-distribution-chart .center-label{top:56%;font-size:1rem;line-height:1.2;max-width:140px;white-space:normal;text-align:center;}

    .chart-segment {display: none; /* wird nur zum Einlesen verwendet */}

    /* Line Chart */
    .customchart-container {width: 100%;min-width: 0;max-width: 100%;height: 400px;margin: 0 auto;position: relative;user-select: none;overflow: hidden;}
    .customchart-svg {width: 100%;height: 100%;display: block;}
    .customchart-axis {stroke: #aaa;stroke-width: 1;}
    .customchart-grid-line {stroke: #eee;stroke-dasharray: 2;}
    .customchart-label {fill: #555;font-size: 12px;user-select: none;}
    .customchart-line {fill: none;stroke-width: 3;}
    .customchart-area {fill-opacity: 1;}
    .customchart-dot {transition: r 0.2s, stroke 0.2s;cursor: pointer;stroke: white;stroke-width: 2;fill-opacity: 1;}
    .customchart-dot.hovered {r: 7;stroke: #333;stroke-width: 3;fill-opacity: 1;}
    .customchart-tooltip {position: absolute;background: white;border: 1px solid #ccc;border-radius: 4px;padding: 4px 8px;font-size: 12px;pointer-events: none;box-shadow: 0 2px 5px rgba(0,0,0,0.1);display: none;transform: translateX(-50%);white-space: nowrap;user-select: none;transition: opacity 0.15s ease-in-out;opacity: 0;z-index: 10;}
    .customchart-tooltip.visible {display: block;opacity: 1;}

    #statistik article.statsArticle{width:100%;display:flex;flex-direction:column;}
    #statistik article.statsArticle .listViewHeader{padding:.75rem 1rem;border-bottom:1px solid #e6e6e6;}
    .listViewHeader button{margin-right:.5rem;}
    #statistik article.statsArticle .listViewHeader .bulletpoint{display:flex;align-items:center;justify-content:center;}
    #statistik article.statsArticle .listViewHeader .bulletpoint .material-icons{font-size:18px;line-height:1;}
    #statistik article.statsArticle .listViewHeader h3{margin:0;font-size:14pt;font-weight:600;}
    #statistik article.statsArticle .contentContainer{padding:1rem 1.25rem 1.25rem 1.25rem;margin:0;outline:none;}
    #statistik article.statsArticle .contentContainer .ranking-wrapper{margin-top:.25rem;}
    #statistik article.statsArticle .contentContainer .chart-container{margin-top:.25rem;}
#statistik article.statsArticle .contentContainer.box{overflow:visible;}
    /* Profile statistics: readable counts, comparable bars and explicit periods. */
    .profileInsights{--stats-challenge:#e24040;--stats-blog:#337fbe;padding:1.5rem 0 0;}
    .profileStatsCard .contentContainer > p,.profileStatsPostSummary{font-size:.875rem;line-height:1.6;color:var(--sub-text);}
    .profileStatsPeriod{flex-shrink:0;font-size:.75rem;color:var(--sub-text);}
    .profileStatsCard .contentContainer > .profileStatsPeriod{font-size:.75rem;margin-bottom:.5rem;}
    .profileStatsMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;}
    .profileStatsMetrics .profileStatsMetric{min-width:0;height:auto;padding:1rem;box-sizing:border-box;}
    .quickStatsContainer.profileStatsMetrics .quickStat{height:auto;}
    .profileStatsMetric dt{display:flex;align-items:center;font-size:.8rem;line-height:1.4;color:var(--sub-text);}
    .profileStatsMetric dt .bulletpoint{display:flex;align-items:center;justify-content:center;flex:0 0 32px;}
    .profileStatsMetric dt .material-icons{font-size:18px;line-height:1;}
    .profileStatsMetric dt > span:last-child{min-width:0;overflow-wrap:anywhere;}
    .profileStatsMetric dd{font-size:1.75rem;font-weight:600;line-height:1.3;margin:.7rem 0 .25rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
    .profileStatsMetric small{display:block;margin-top:.25rem;font-size:.75rem;font-weight:400;line-height:1.4;color:var(--sub-text);}
    .profileStatsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
    #statistik .profileStatsCard{width:100%;min-width:0;}
    #statistik .profileStatsCard .listViewHeader .bulletpoint{flex-shrink:0;}
    #statistik .profileStatsCard .listViewHeader h3{min-width:0;overflow-wrap:anywhere;}
    .profileStatsLegend{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1rem 0;font-size:.75rem;}
    .profileStatsLegend > span{display:flex;align-items:center;gap:.4rem;}
    .profileStatsSwatch{width:.65rem;height:.65rem;border-radius:.2rem;background:var(--stats-challenge);}
    .profileStatsMonthly{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;padding-top:1.5rem;}
    .profileStatsMonth{position:relative;min-width:0;text-align:center;outline-offset:4px;border-radius:.3rem;}
    .profileStatsMonthBars{display:flex;justify-content:center;align-items:flex-end;gap:clamp(.35rem,1vw,.75rem);height:180px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--border) 25%);}
    .profileStatsMonthBar{position:relative;flex:1;max-width:2.75rem;height:var(--bar-size);background:var(--stats-challenge);border-radius:.35rem .35rem 0 0;}
    .profileStatsMonthBar b{position:absolute;bottom:calc(100% + .4rem);left:0;right:0;text-align:center;font-size:.75rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;}
    .profileStatsMonth > span{display:block;margin-top:.7rem;font-size:.8rem;font-weight:600;}
    .profileStatsMonth > span small{display:block;margin-top:.15rem;font-size:.65rem;font-weight:400;color:var(--sub-text);}
    .profileStatsMonthTip{display:none;position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translateX(-50%);z-index:5;width:max-content;max-width:15rem;box-sizing:border-box;padding:.65rem .8rem;text-align:left;pointer-events:none;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);box-shadow:0 6px 20px #0002;font-size:.75rem;line-height:1.5;}
    .profileStatsMonthTip span{display:block;}
    .profileStatsMonth:first-child .profileStatsMonthTip{left:0;transform:none;}
    .profileStatsMonth:last-child .profileStatsMonthTip{left:auto;right:0;transform:none;}
    .profileStatsMonth:is(:hover,:focus) .profileStatsMonthTip{display:block;}
    .profileStatsBars{display:grid;gap:1.1rem;margin:1.5rem 0;}
    .profileStatsBars dt{font-size:.8rem;margin-bottom:.4rem;}
    .profileStatsBars dt small{color:var(--sub-text);}
    .profileStatsBars dd{display:flex;align-items:center;gap:1rem;font-size:.85rem;}
    .profileStatsBars dd strong{min-width:2rem;text-align:right;}
    .profileStatsTrack{display:block;flex:1;height:.6rem;overflow:hidden;border-radius:1rem;background:var(--bg);}
    .profileStatsTrack i{display:block;height:100%;border-radius:inherit;background:var(--stats-challenge);}
    .profileInsights .profileStatsBlogColor{background:var(--stats-blog);}
    .profileStatsFootnote{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);font-size:.75rem;line-height:1.6;color:var(--sub-text);}
    .profileStatsDivider{display:flex;align-items:stretch;min-height:2rem;}
    .profileStatsDivider .listLine{flex:0 0 2px;height:auto;}
    .profileInsights .profileStatsEmpty{padding:1.25rem 0;font-size:.85rem;line-height:1.6;color:var(--sub-text);}
    .profileStatsPostSummary{margin-bottom:1rem;}
    #statistik article.statsArticle{box-sizing:border-box;min-width:0;}
    #statistik article.statsArticle .contentContainer{box-sizing:border-box;min-width:0;width:100%;}
    @media(max-width:1023px){.profileStatsMetrics{grid-template-columns:repeat(2,minmax(0,1fr));}.profileStatsGrid{grid-template-columns:minmax(0,1fr);}}
    /* Connect every stacked statistics card at the same offset as .listLine. */
    @media(max-width:1023px){
        .profileInsights{--stats-metric-gap:1rem;}
        .profileStatsGrid,.profileStatsPosts{gap:2rem;}
        .profileStatsGrid > article,.profileStatsPosts > .row{position:relative;}
        .profileStatsGrid > article + article::before,
        .profileStatsPosts > .row + .row::before{content:"";position:absolute;top:-2rem;left:13px;width:2px;height:2rem;background:#e24040;pointer-events:none;}
        .profileStatsMetrics > .profileStatsMetric:nth-child(n+3)::before{content:"";position:absolute;top:calc(-1 * var(--stats-metric-gap));left:13px;width:2px;height:var(--stats-metric-gap);background:#e24040;pointer-events:none;}
        .profileStatsMetrics + .profileStatsDivider{position:relative;}
        .profileStatsMetrics + .profileStatsDivider::after{content:"";position:absolute;top:0;bottom:0;left:calc(50% + var(--stats-metric-gap) / 2 + 13px);width:2px;background:#e24040;pointer-events:none;}
    }
    @media(max-width:600px){.profileInsights{--stats-metric-gap:.65rem;}}
    @media(max-width:600px){.profileStatsMetrics{gap:.65rem;}.profileStatsMetrics .profileStatsMetric{padding:.85rem;}.profileStatsMetric dt{flex-direction:column;align-items:flex-start;gap:.5rem;min-height:5rem;font-size:.75rem;}.profileStatsMonthly{gap:.5rem;}.profileStatsMonthBars{height:140px;}.profileStatsMonthBar b{font-size:.65rem;}.profileStatsMonth > span{font-size:.7rem;}.profileStatsMonthTip{max-width:12rem;font-size:.7rem;}}
    .devider .listLine{min-height:2rem;padding:0;height: -webkit-fill-available;}
    @supports (-moz-appearance: none) {
        .devider .listLine,
        .contextViewPanel .devider .listLine{
            width:2px;
            max-width:2px;
            flex:0 0 2px;
            height:auto;
            align-self:stretch;
        }
    }
    .comments-box {
    max-height: 225px;
    overflow-y: auto;
    border-radius: 10px;
    padding: 0;
    width: 100%;
}
.comments-box .innerBox {
    cursor:initial;
    padding:1rem;
    width: auto;
}
.comment {
  display: flex;
  margin-bottom: 1rem;
  padding-bottom:.75rem;
  border-bottom:1px solid #cbcbcb;
}
.comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.percent-box {
  background-color: #e24040;
  color: #fff;
  font-size: 13px;
  padding: 2px 6px;
  border-radius: 1rem;
  white-space: nowrap;
}
.challenge-evaluation-list .comment-content{min-width:0;flex:1;}
.challenge-evaluation-list .comment-header{gap:.4rem;flex-wrap:wrap;}
.challenge-evaluation-list .username{min-width:0;overflow-wrap:anywhere;}
.challenge-evaluation-list .text{overflow-wrap:anywhere;}
.challengeEvaluationActions{display:inline-flex;align-items:center;gap:.2rem;margin-left:auto;flex-shrink:0;}
.challengeEvaluationAction{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:var(--sub-text);vertical-align:middle;}
.challengeEvaluationAction .material-icons{font-size:18px;margin:0;}
button.challengeEvaluationAction{cursor:pointer;}
button.challengeEvaluationAction:hover{background:var(--accent-bg);color:var(--text);}
button.challengeEvaluationAction:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;}
.challengeEvaluationAction.is-liked{color:var(--text-red);}
button.challengeEvaluationAction.is-liked:hover{color:var(--text-red);}
button.challengeEvaluationAction:disabled{opacity:.5;cursor:wait;}
.challengeSolutionCard .ergebnisPanelContent > .challengeSolutionReport{position:absolute;top:.75rem;right:.75rem;z-index:5;background:var(--bg);box-shadow:0 1px 5px #0002;}
.challengeSolutionCard .badgeMarker.projekt{max-width:calc(100% - 4rem);}
.teaserBoxFooter .tags .challengeSolutionReportItem{display:inline-flex;align-items:center;}
/* Keep rating detail previews and footer metrics aligned at every card width. */
#bewertung .contextView-8 .join > .contentContainer,
#bewertung .contextView-8 .join > .boxElement.activity{min-width:0;box-sizing:border-box;}
#bewertung .contextView-8 .join > .boxElement.activity{align-content:stretch;}
#bewertung .contextView-8 .teaserBox{border-radius:0;}
#bewertung .contextView-8 .teaserBoxFooter{height:auto;min-height:45px;}
#bewertung .contextView-8 .teaserBoxFooter > .row.one{display:flex;align-items:center;min-width:0;}
#bewertung .contextView-8 .teaserBoxFooter .tags{width:100%;min-width:0;}
#bewertung .contextView-8 .teaserBoxFooter .tags > ul{display:flex;align-items:center;flex-wrap:wrap;float:none!important;min-width:0;}
#bewertung .contextView-8 .teaserBoxFooter .tags li{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;box-sizing:border-box;white-space:nowrap;border-radius:0;}
#bewertung .contextView-8 .teaserBoxFooter .material-icons{flex:0 0 auto;line-height:1;}
#bewertung .contextView-8 .teaserBoxFooter .progress-icon{position:relative;flex-shrink:0;height:auto;min-height:25px;}
#bewertung .contextView-8 .teaserBoxFooter .circle-chart{position:static;flex:0 0 25px;width:25px;height:25px;}
#bewertung .contextView-8 .teaserBoxFooter .percentage-text{padding-left:0;line-height:1.4;font-variant-numeric:tabular-nums;}
#bewertung .contextView-8 .teaserBoxFooter .clr{display:none;}
@media (pointer:coarse){.challengeEvaluationAction{width:40px;height:40px;min-width:40px;}}
.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}
.comment .commentProfile {
  display: inline-flex;
  width: 44px;
  min-width: 44px;
  margin-right: 10px;
}
.comment .commentProfile .profilePicture {
  position: relative;
  width: 44px;
  height: 44px;
}
.comment .commentProfile .profilePicture img.avatarBorder {
  position: absolute;
  inset: 0;
  width: 44px;
  height: 44px;
  object-fit: contain;
  pointer-events: none;
}
.comment .commentProfile .profilePicture img.profilePicture {
  position: relative;
  width: 36px;
  height: 36px;
  margin: 4px;
  border-radius: 50%;
  object-fit: cover;
  border: none;
}
.teaserBox .background.no-result-asset {
  background: var(--bg);
  background-position: center;
  padding-top:2rem;
}
.emptyResultState{
  color:var(--text);
  text-align: center;
}
.comment-content {
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.username {
  font-weight: bold;
  margin-bottom: 4px;
  color: #333;
}

.text {
  color: #555;
  font-size: 14px;
  line-height: 1.4;
}

.hidden{display:none;}

.ranking-wrapper {
  border-radius: 12px;
  overflow: hidden;
  overflow-x:auto;
  scroll-behavior: initial;
  background-color: #fff;
}

.xpTableScroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
}
.xpTableScroll .ranking-table{
  min-width:520px;
  margin:0;
}

.ranking-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Segoe UI', sans-serif;
  font-size: 12pt;
  text-align: center;
}
.ranking-table .profileHead.small {
  display: inline-flex;
  align-items: left;
  text-align: left;;
  gap: 10px;

}
.ranking-table thead {
  background-color: #f7f7f7;
  text-align: left;
}

.ranking-table th, .ranking-table td {
  padding: 15px 10px;
  text-align:left;
}

.ranking-table tbody tr {
  border-top: 1px solid #eee;
  transition: background-color 0.2s ease;
}

.ranking-table tbody tr:hover {
  background-color: #ebedee;
  cursor: pointer;
}

.ranking-table td:first-child {
  font-weight: bold;
}
.ranking-table td.participantCell {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ranking-table td.participantCell .profile.view {
  display: inline-flex;
  width: auto;
}
.ranking-table td.participantCell .profile.view .profilePicture {
  position: relative;
  width: 42px;
  height: 42px;
}
.ranking-table td.participantCell .profile.view .profilePicture img.avatarBorder {
  position: absolute;
  inset: 0;
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.ranking-table td.participantCell .profile.view .profilePicture img.profilePicture {
  position: relative;
  width: 34px;
  height: 34px;
  margin: 4px;
  border-radius: 50%;
  border: none;
  object-fit: cover;
}

/* The participant table scrolls inside its tile; cells retain native table layout. */
#challenge-rating-participants{min-width:0;max-width:100%;}
#challenge-rating-participants > .contentContainer{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:1rem;}
#challenge-rating-participants .ranking-wrapper{box-sizing:border-box;width:100%;max-width:100%;min-width:0;border-radius:.6rem;background:var(--bg);overscroll-behavior-x:contain;scrollbar-width:thin;}
#challenge-rating-participants .ranking-wrapper::-webkit-scrollbar{height:6px;display:block;}
#challenge-rating-participants .ranking-wrapper:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;}
#challenge-rating-participants .ranking-table{min-width:38rem;margin:0;font-family:inherit;font-size:.8rem;}
#challenge-rating-participants .ranking-table :is(th,td){padding:.8rem .7rem;border-bottom:1px solid var(--border);vertical-align:middle;font-size:inherit;line-height:1.4;}
#challenge-rating-participants .ranking-table th{white-space:nowrap;font-weight:600;background:var(--accent-bg);}
#challenge-rating-participants .ranking-table tbody tr:last-child td{border-bottom:0;}
#challenge-rating-participants .ranking-table tbody tr:hover{background:var(--accent-bg);}
#challenge-rating-participants .ranking-table :is(th,td):nth-child(n+3):nth-child(-n+5){text-align:right;font-variant-numeric:tabular-nums;}
#challenge-rating-participants .ranking-table :is(th,td):last-child{text-align:center;}
#challenge-rating-participants .ranking-table tbody tr{cursor:default;}
#challenge-rating-participants .ranking-table td.participantCell{display:table-cell;}
#challenge-rating-participants .participantContent{display:flex;align-items:center;gap:.7rem;min-width:10rem;white-space:normal;color:var(--text);font-weight:600;text-decoration:none;}
#challenge-rating-participants .participantContent > span{overflow-wrap:anywhere;min-width:0;}
#challenge-rating-participants .participantIdentity small{display:block;margin-top:.3rem;color:var(--sub-text);font-size:.7rem;font-weight:400;}
#challenge-rating-participants a.participantContent:hover .participantIdentity > span{color:var(--text-red);text-decoration:underline;}
#challenge-rating-participants a.participantContent:focus-visible{outline:2px solid var(--text-red);outline-offset:3px;border-radius:.25rem;}
#challenge-rating-participants .participantCell .profile.view{flex:0 0 42px;width:42px;margin:0;}
#challenge-rating-participants a.ratingDetailsLink{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;margin:0;padding:.375rem .875rem;font-size:.8125rem;line-height:1.4;white-space:nowrap;border-color:var(--border);}
#challenge-rating-participants a.ratingDetailsLink:hover{border-color:var(--text-red);color:var(--text-red);}
#challenge-rating-participants a.ratingDetailsLink:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;}

.cookieSettingsTableWrapper {
  overflow-x: auto;
  scrollbar-width: thin;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
}

.cookieSettingsTableWrapper.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.cookieSettingsTableWrapper.is-dragging * {
  user-select: none;
}

.cookieSettingsTable {
  min-width: 1080px;
  font-size: 10.5pt;
}

.cookieSettingsTable th:last-child,
.cookieSettingsTable td:last-child {
  width: 120px;
  text-align: center;
}

.cookieSettingsTable tbody tr,
.cookieSettingsTable tbody tr.active,
.cookieSettingsTable tbody tr:nth-child(even),
.cookieSettingsTable tbody tr.active:nth-child(even) {
  background: var(--bg, #fff);
  opacity: 1;
}

.cookieSettingsTable tbody tr.active td:first-child {
  color: var(--text, #2a2a2a);
}

.cookieSettingsTable tbody tr:hover {
  background: var(--accent-bg, #f7f7f7);
  cursor: pointer;
}

.cookieSettingsTable tbody tr.locked:hover {
  background: var(--bg, #fff);
  cursor: default;
}

.cookieSettingsName,
.cookieSettingsKey {
  display: block;
}

.cookieSettingsKey {
  margin-top: .2rem;
  color: var(--sub-text, #777);
  font-size: .85em;
  font-weight: 400;
  line-height: 1.35;
}

.cookieSettingsTable td code {
  display: inline-block;
  max-width: 240px;
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 0;
  background: transparent;
  color: inherit;
}

.cookieSettingsSwitch {
  vertical-align: middle;
}

.cookieSettingsSwitch input:disabled + .slider.round {
  cursor: not-allowed;
  opacity: .48;
}

.cookieSettingsSwitch input:disabled:checked + .slider.round {
  background-color: var(--border, #ddd);
}

.cookieSettingsSwitch input:disabled:checked + .slider.round:before {
  background-color: var(--sub-text, #999);
}

.cookieSettingsStatus {
  min-height: 1.3em;
  margin: .75rem 0 0;
  color: #e24040;
  font-weight: 600;
}


.contentErgebnisPanel.single-view .articleContainer {
  display: none;
}

.contentErgebnisPanel.single-view .articleContainer.active {
  display: block;
}

.listElements{list-style:none;padding:0;margin:0;}
.listElements li a{display:flex;align-items:flex-start;border-radius:.5rem;padding:.5rem;}
.listElements li.active a{background:#ebedee;color:#000;}
.listElements li a:hover{background:#ebedee;color:#000;}
.listElements.progressList li > a > p,
.listElements.progressList li > p.listElementText{
  display:flex;
  flex:1;
  flex-direction:column;
  font-size:11pt;
  font-weight:500;
  line-height:1.35;
  margin:0;
}
.listElements.progressList li > p.listElementText{
  padding:.5rem;
  overflow-wrap:anywhere;
}
.listElements.progressList li > a > p > span.small{
  display:block;
  font-size:10pt;
  font-weight:400;
  margin:.25rem 0 0 0;
}

.listElements li span.chatTrigger{
  display:flex;
  align-items:flex-start;
  border-radius:.5rem;
  padding:.5rem;
  cursor:pointer;
  border:1px solid transparent;
  box-sizing:border-box;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.listElements li.active span.chatTrigger{background:#ebedee;color:#000;}
.listElements li span.chatTrigger:hover{background:#ebedee;color:#000;}

ul.progressList.listElements.chatProgressList li{border:none;padding:0;margin:0;}
ul.progressList.listElements.chatProgressList li.seen{border:none;}
ul.progressList.listElements.chatProgressList li.unseen{background:transparent;color:inherit;border-left:2px solid #e24040;}
ul.progressList.listElements.chatProgressList li.active {border:none;padding:0;margin:0;}
.chatAccordionDivider{
  display:block;
  clear:both;
  overflow:hidden;
}
.chatAccordionDivider .listLine.devider{
  min-height:20px;
}

ul.progressList.listElements.chatProgressList li a{
  border:1px solid transparent;
  box-sizing:border-box;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}

.chatUnreadBadge{
  border-radius:50%;
  background:#e24040;
  color:#fff;
  width:25px;
  height:25px;
  display:none;
  line-height:25px;
  text-align:center;
}
.chatUnreadBadge.is-visible{display:inline-block;}
ul.progressList.listElements.chatProgressList li .textContainer p .chatItemUnreadBadge{
  border-radius:50%;
  background:#e24040;
  color:#fff;
  width:20px;
  height:20px;
  display:none;
  line-height:20px;
  text-align:center;
  font-size:10px;
  margin:0 0 0 6px;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
}
ul.progressList.listElements.chatProgressList li .textContainer p .chatItemUnreadBadge.is-visible{display:inline-flex;}
ul.progressList.listElements.chatProgressList li .textContainer p .chatListTitle{
  display:inline;
  vertical-align:middle;
}
.supportChatIcon{
  width:100%;
  height:100%;
  min-width:40px;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:transparent;
  color:var(--text);
  border:1px solid var(--border);
  box-sizing:border-box;
}
.supportChatIcon .material-icons{
  font-size:1.35rem;
  line-height:1;
}
.chatTypeBadge{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin-left:.4rem;
  padding:.05rem .4rem;
  border-radius:999px;
  font-size:.7rem;
  font-weight:700;
  line-height:1.4;
  vertical-align:middle;
}
.chatTypeBadgeSupport{
  background:#eef7ee;
  color:#2d7435;
  border:1px solid #cfe8d2;
}
ul.progressList.listElements.chatProgressList li .textContainer p .chatListPreview{
  display:block;
}
.chatParticipantList{
  margin-top:.5rem;
}
.chatParticipantActionForm{
  margin-top:1rem;
}
.supportTicketActionBox h3{
  margin:0 0 .35rem 0;
}
.supportTicketActionText{
  margin:0;
  color:var(--sub-text);
  font-size:10pt;
  line-height:1.45;
}
.supportEmptyRequestTile{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:1rem;
  border-radius:0 0 1rem 1rem;
}
.supportEmptyRequestTile p{
  max-width:560px;
  margin:0;
}
.supportEmptyRequestTile .navButton{
  margin:0;
}
.chatParticipantActionForm .closeSupportTicketBtn{
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  border-radius:.5rem;
  border:2px solid #d9d9d9;
  background:#fff;
  color:#e24040;
  font-weight:600;
  padding:.6rem .75rem;
  cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.chatParticipantActionForm .closeSupportTicketBtn .material-icons{
  font-size:18px;
  line-height:1;
}
.chatParticipantActionForm .closeSupportTicketBtn:hover,
.chatParticipantActionForm .closeSupportTicketBtn:focus-visible{
  background:#e24040;
  border-color:#e24040;
  color:#fff;
  outline:none;
}
ul.progressList.listElements.chatParticipantList li{
  border:none;
  padding:0;
  margin:0 0 .25rem 0;
}
ul.progressList.listElements.chatParticipantList li:last-child{
  margin-bottom:0;
}
ul.progressList.listElements.chatParticipantList li a{
  display:block;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
}
ul.progressList.listElements.chatParticipantList li a:hover{
  background:transparent;
  color:inherit;
}
ul.progressList.listElements.chatParticipantList li .profileHead.small{
  padding:.5rem;
  border:1px solid transparent;
  border-radius:.5rem;
  box-sizing:border-box;
  transition:background-color .2s ease,border-color .2s ease;
}
ul.progressList.listElements.chatParticipantList li:hover .profileHead.small{
  background:#ebedee;
  color:#000;
  border-color:transparent;
}
.listElements li.active span.chatTrigger{background:#ebedee;color:#000;border-color:transparent;}
.listElements li.active span.chatTrigger:hover{background:#ebedee;color:#000;border-color:transparent;}
.listElements li span.chatTrigger:hover{background:#ebedee;color:#000;border-color:transparent;}

.listElements li p.staticListText{padding:.5rem 0;margin:.5rem 0 0 0;font-weight:600;border-top:1px solid var(--border);}
.listElements li img{border-radius:50%;width:40px;height:40px;display:inline-block;margin:0 .5rem 0 0;}
.listElements li span{display:block;font-size:11pt;font-weight:400;}
.listElements.chatProgressList li .textContainer p .chatListTitle{
  display:inline;
  vertical-align:baseline;
}
.listElements.chatProgressList li .textContainer p .chatTypeBadge{
  display:inline-flex;
  width:auto;
  margin:.05rem 0 0 .35rem;
  padding:.02rem .28rem;
  font-size:.58rem;
  line-height:1.15;
  vertical-align:baseline;
  white-space:nowrap;
}
.listElements.commentList p{font-weight:400;width:62%;border-right: 1px solid #1c2e34;}
.listElements li span.small{margin:.25rem 0 0 0; font-size:10pt;}
.listElements.commentList span.points{display:inline;width:25%;text-align:center;}
.listElements.commentList span.points span{font-size:2rem;display:inline;color:#e24040;transition:all .3s ease;}
.listElements.commentList li a:hover span.points span{color:#fff;}
.chatSenderName{
  font-size:9pt;
  line-height:1.2;
  opacity:.75;
  margin:.5rem .3rem 0 0;
}
.messageSection.right .chatSenderName{
  display:none;
}
.messageSection.supportMessage.right .chatSenderName{
  display:block;
  margin-right:.3rem;
  text-align:right;
}
.messageSection.supportMessage.supportSender .chatSenderName{
  color:#138bf5;
  font-weight:700;
  opacity:1;
}

/* ========== SEARCH BAR CONTAINER ========== */
.search-bar {
    display: flex;
    align-items: center;
    padding:0;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;

}

/* ========== INPUT FIELD ========== */
.search-input {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 180px;
    background: #fff;
    padding: 6px 10px;
    border: 2px solid #cbcbcb;
    border-radius: 2rem;
    transition:all .3s ease;
}
.search-input:hover {border: 2px solid #e24040;}
.search-input:active {border: 2px solid #e24040;}
.search-input input {
  border: none;
  font-weight:500;
  outline: none;
  font-size: 10pt;
  background: transparent;
  width: 100%;
  color: #333;
}

/* ========== TABS ========== */
.searchTabs {
  display: flex;
  gap: 8px;
}

.searchTab {
  outline: 2px solid #cbcbcb;
  background: #fff;
  padding: 10px;
  margin:0 .5rem;
  border-radius: 999px;
  cursor: pointer;
  font-size: 10pt;
  font-weight:600;
  color: #000;
  transition: all 0.2s ease-in-out;
}

.searchTab.active {
  outline: 2px solid #e24040;
  background-color: #e24040;
  color: #fff;
  font-weight: bold;
}

/* ========== FILTER DROPDOWN ========== */

.filter-dropdown {
  position: relative;
  margin-left: auto;
}

.filter-btn {
  background: transparent;
  outline: 2px solid transparent;
  font-size: 0.95rem;
  cursor: pointer;
  padding: 8px;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  gap: 5px;
  margin:0 0 0 .25rem;
  color: #333;
  transition: background 0.2s ease;
}

.filter-btn span.material-icons{
  color:#e24040;
}

.filter-btn:hover {
  color: #e24040;
  outline:2px solid transparent;
}
.dropdown-menu {
  position: absolute;
  top: 110%;
  right: 0;
  background: white;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  list-style: none;
  padding: 6px 0;
  margin: 6px 0 0 0;
  display: none;
  min-width: 160px;
  z-index: 100;
  font-size: 0.95rem;
  font-family: inherit;
}

.dropdown-menu li {
  padding: 10px 14px;
  text-align: left;
  width: 100%;
  border-radius: 0;
  background: transparent;
  color: #333;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

.dropdown-menu li:hover {
  background-color: #f5f5f5;
}

.dropdown-menu li.active {
  font-weight: bold;
  background-color: #f0f0f0;
  color: black;
}

/*popUp Boxen*/

.popupBox {
  display: none; /* sollte eigentlich hidden sein */
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000de;
  backdrop-filter: blur(15px);
  z-index: 15;
}
/* Reel actions open these dialogs above the carousel overlay. */
#report, #copyright-report, #confirm_action {z-index:16;}
.popupBox .highlightElements{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;}
.popupBox .closeCarouselContainer{float:none;align-self:flex-end;flex:0 0 auto;}
.popupBox .mainContainer{display:block;clear:both;width:40%;margin:0 auto;}
.popupBox .mainContainer .story{margin-top:10vh;}
.popupBox .mainContainer .story article.share{border-radius:1rem 1rem 0 0 ;}
.popupBox .mainContainer .story .userContainer{max-height:40vh;overflow:hidden;overflow-x:hidden;overflow-y:auto;display:block;scrollbar-width:thin;scrollbar-color:#e24040 transparent;}
.popupBox .mainContainer .story .shareContentPanel{max-height:40vh;overflow:hidden;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e24040 transparent;}
.popupBox .mainContainer .story .shareContentPanel > .userContainer{max-height:none;overflow:visible;}
.popupBox .checkbox-group{max-height:none;overflow:visible;}
.popupBox .mainContainer .story .listElements li{border-top:1px solid #cccccc;padding:.5rem 0;}
.confirmActionMessage{font-size:10pt;line-height:1.5;margin:0;}
#confirm_action{z-index:9999;}
#confirm_action .mainContainer{max-width:560px;}
#confirm_action .storyInteraction.confirmActionInteraction{justify-content:flex-end;align-items:center;padding:.75rem 1rem;}
#challenge_result_info .mainContainer{width:min(42rem,calc(100% - 2rem));}
#challenge_result_info .mainContainer .story{margin-top:min(6vh,3rem);}
#challenge_result_info article.share{background:var(--accent-bg,#f5f5f5);}
#challenge_result_info #challengeResultInfoContent{display:flex;flex-direction:column;align-items:stretch;gap:1rem;max-height:55vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e24040 transparent;}
#challenge_result_info h3{overflow-wrap:anywhere;}
#challenge_result_info h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;line-height:1.4;}
#challenge_result_info section{flex:0 0 auto;min-width:0;}
#challenge_result_info .challengeResultDetailsContent{margin:0;padding:.75rem;border:1px solid var(--border,#ddd);border-radius:.65rem;background:var(--bg,#fff);color:var(--text,#222);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;}
#challenge_result_info .markdownContent > :first-child{margin-top:0;}
#challenge_result_info .markdownContent > :last-child{margin-bottom:0;}
#challenge_result_info .challengeResultAuthorComment{white-space:pre-wrap;}
#challenge_result_info .storyInteraction{justify-content:flex-end;}
#challenge_result_info button:focus-visible{outline:2px solid #e24040;outline-offset:3px;}
#share .share-option input[type="radio"]{margin-top:.2rem;}
#share .sharePanelIntro p{margin:.3rem 0 0;line-height:1.5;}
#share .sharePanelIntro + .userContainer{padding-top:0;}
#share .share-option label{min-width:0;overflow-wrap:anywhere;}
#share .shareNoResults[hidden]{display:none;}
#share .shareNoResults{padding:.75rem;}
#share #shareLinkInput{min-width:0;width:0;}
#share #shareCopyLinkBtn{flex-shrink:0;}
#share #shareMessageInput{min-width:0;}
#share #shareSubmitBtn:disabled{opacity:.5;cursor:not-allowed;}
#share #sharePopupTitle{min-width:0;overflow-wrap:anywhere;}
.popupBox .popupStatus{display:none;width:100%;box-sizing:border-box;margin:.45rem 0 0 0;padding:0 .5rem;min-height:0;text-align:center;line-height:1.35;color:#fff;}
.popupBox .popupStatus:not(:empty){display:block;}
.popupBox .popupStatus.error{color:#e24040;}
:is(#report, #copyright-report) .guestReportContainer{display:block;scrollbar-gutter:stable;}
:is(#report, #copyright-report) .guestReportFields{border:0;padding:0;margin:1rem 0;min-width:0;display:grid;gap:1rem;}
:is(#report, #copyright-report) .guestReportField{display:grid;gap:.4rem;min-width:0;}
/* Keep hover/focus geometry fixed inside the scrollable guest form. */
:is(#report, #copyright-report) .guestReportField .searchBarInput{width:100%;min-width:0;box-sizing:border-box;border:2px solid var(--border);outline:2px solid transparent;outline-offset:-2px;transition:border-color .15s ease,background-color .15s ease,color .15s ease;}
:is(#report, #copyright-report) .guestReportField .searchBarInput:hover,
:is(#report, #copyright-report) .guestReportField .searchBarInput:focus{border-color:var(--text-red,#e24040);outline-color:transparent;}
:is(#report, #copyright-report) .guestReportField .searchBarInput:focus-visible{outline-color:var(--text-red,#e24040);}
:is(#report, #copyright-report) .guestReportField textarea.popupTextarea{height:auto;min-height:90px;padding:.75rem 1rem;line-height:1.4;resize:vertical;}
:is(#report, #copyright-report) .guestReportFields .checkbox-item{display:flex;align-items:flex-start;gap:1rem;}
:is(#report, #copyright-report) .guestReportFields .checkbox-item label{min-width:0;flex:1;cursor:pointer;}
:is(#report, #copyright-report) .guestReportFields .checkbox-item input{flex-shrink:0;margin-top:.25rem;}
:is(#report, #copyright-report) .guestReportFields .small{margin:0;}
/* The report is a form, not a draggable carousel story. Keep text/link painting static. */
:is(#report, #copyright-report).reportGuestPopup .story{transition:none;}
:is(#report, #copyright-report).reportGuestPopup .storyContent article{cursor:auto;user-select:text;}
:is(#report, #copyright-report) .guestReportContainer p,
:is(#report, #copyright-report) .guestReportContainer a{transition:none;}
:is(#report, #copyright-report) .guestReportNotice{display:grid;gap:.4rem;min-width:0;line-height:1.5;}
:is(#report, #copyright-report) .guestReportLegalLink{justify-self:start;font-size:11pt;font-weight:400;text-decoration:underline;text-underline-offset:.15em;}
:is(#report, #copyright-report) .guestReportContainer a:focus-visible{outline:2px solid var(--text-red,#e24040);outline-offset:2px;}
:is(#report, #copyright-report) .popupStatus{overflow-wrap:anywhere;}

/* edit_group popup: form fields + scroll container */
#edit_group .shareContentPanel .userContainer.editGroupContainer,
#edit_profile .shareContentPanel .userContainer.editGroupContainer,
#edit_challenge .shareContentPanel .userContainer.editGroupContainer{
  display:block;
  max-height:none;
  overflow:visible;
}
#edit_group .shareContentPanel textarea.searchBarInput.popupTextarea,
#edit_profile .shareContentPanel textarea.searchBarInput.popupTextarea{
  height:auto;
  min-height:130px;
  padding:.75rem 1rem;
  line-height:1.4;
  resize:vertical;
}
#edit_blog .shareContentPanel textarea.searchBarInput.popupTextarea{
  height:auto;
  min-height:130px;
  padding:.75rem 1rem;
  line-height:1.4;
  resize:vertical;
}
#edit_challenge .shareContentPanel textarea.searchBarInput.popupTextarea{
  height:auto;
  min-height:130px;
  padding:.75rem 1rem;
  line-height:1.4;
  resize:vertical;
}
#edit_group .shareContentPanel .editorSurface,
#edit_profile .shareContentPanel .editorSurface,
#edit_blog .shareContentPanel .editorSurface,
#edit_challenge .shareContentPanel .editorSurface{
  background:var(--border);
}
#edit_group .shareContentPanel .editorSurface:hover,
#edit_profile .shareContentPanel .editorSurface:hover,
#edit_blog .shareContentPanel .editorSurface:hover,
#edit_challenge .shareContentPanel .editorSurface:hover,
#edit_group .shareContentPanel .editorSurface:focus,
#edit_profile .shareContentPanel .editorSurface:focus,
#edit_blog .shareContentPanel .editorSurface:focus,
#edit_challenge .shareContentPanel .editorSurface:focus,
#edit_group .shareContentPanel .editorSurface:focus-visible,
#edit_profile .shareContentPanel .editorSurface:focus-visible,
#edit_blog .shareContentPanel .editorSurface:focus-visible,
#edit_challenge .shareContentPanel .editorSurface:focus-visible{
  outline-color:#e24040;
}
#edit_group .softDeleteHintBox,
#edit_challenge .softDeleteHintBox,
#edit_blog .softDeleteHintBox,
#edit_profile .softDeleteHintBox{
  margin-top:1rem;
  padding:.85rem 1rem;
  border:1px solid #f4a400;
  border-radius:.75rem;
  background:#fff7e6;
}
#edit_group .softDeleteHintHeader,
#edit_challenge .softDeleteHintHeader,
#edit_blog .softDeleteHintHeader,
#edit_profile .softDeleteHintHeader{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.4rem;
  color:#8a5200;
}
#edit_group .softDeleteHintHeader .material-icons,
#edit_challenge .softDeleteHintHeader .material-icons,
#edit_blog .softDeleteHintHeader .material-icons,
#edit_profile .softDeleteHintHeader .material-icons{
  font-size:1.1rem;
}
#edit_group .softDeleteHintBox p,
#edit_challenge .softDeleteHintBox p,
#edit_blog .softDeleteHintBox p,
#edit_profile .softDeleteHintBox p{
  margin:.2rem 0 0;
  font-size:.92rem;
  line-height:1.45;
}
#edit_group .softDeleteHintBox .softDeleteHintMeta,
#edit_challenge .softDeleteHintBox .softDeleteHintMeta,
#edit_blog .softDeleteHintBox .softDeleteHintMeta,
#edit_profile .softDeleteHintBox .softDeleteHintMeta{
  opacity:.8;
}
#edit_group .softDeleteActionBox,
#edit_challenge .softDeleteActionBox,
#edit_blog .softDeleteActionBox,
#edit_profile .softDeleteActionBox{
  margin-top:.25rem;
  border-radius:.75rem;
  padding:.85rem 0;
  background:rgba(226,64,64,.06);
}
.softDeleteConfirmRow{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  margin-top:.75rem;
}
.contentDeletePopup textarea.popupTextarea{box-sizing:border-box;max-width:100%;}
.softDeleteConfirmRow input[type="checkbox"]{
  margin-top:.2rem;
}
.softDeleteConfirmRow label{
  margin:0;
  cursor:pointer;
}
#edit_blog .shareContentPanel .data-dropzone{
  text-align:center;
  border:2px dashed #cbcbcb;
  width:100%;
  padding:1rem 0;
  margin:1rem 0 0 0;
  border-radius:1rem;
  cursor:pointer;
  transition:all .3s ease;
  position:relative;
}
#edit_challenge .shareContentPanel .data-dropzone{
  text-align:center;
  border:2px dashed #cbcbcb;
  width:100%;
  padding:1rem 0;
  margin:1rem 0 0 0;
  border-radius:1rem;
  cursor:pointer;
  transition:all .3s ease;
  position:relative;
}
#edit_blog .shareContentPanel .data-dropzone span.material-icons{
  font-size:2rem;
  transition:all .3s ease;
}
#edit_challenge .shareContentPanel .data-dropzone span.material-icons{
  font-size:2rem;
  transition:all .3s ease;
}
#edit_blog .shareContentPanel .data-dropzone:hover{
  border-color:#e24040;
  background:rgba(226,64,64,.06);
}
#edit_challenge .shareContentPanel .data-dropzone:hover{
  border-color:#e24040;
  background:rgba(226,64,64,.06);
}
#edit_blog .shareContentPanel .data-dropzone:hover span.material-icons{
  color:#e24040;
}
#edit_challenge .shareContentPanel .data-dropzone:hover span.material-icons{
  color:#e24040;
}
#edit_blog .shareContentPanel .data-dropzone.is-dragover{
  border-color:#e24040;
  background:rgba(226,64,64,.12);
  box-shadow:0 0 0 2px rgba(226,64,64,.25);
}
#edit_challenge .shareContentPanel .data-dropzone.is-dragover{
  border-color:#e24040;
  background:rgba(226,64,64,.12);
  box-shadow:0 0 0 2px rgba(226,64,64,.25);
}
#edit_blog .shareContentPanel .data-dropzone .dropzoneRemove{
  position:absolute;
  top:.5rem;
  right:.5rem;
  border:1px solid #e24040;
  background:#fff;
  color:#e24040;
  border-radius:999px;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transition:all .2s ease;
  padding:0;
  outline:none;
}
#edit_challenge .shareContentPanel .data-dropzone .dropzoneRemove{
  position:absolute;
  top:.5rem;
  right:.5rem;
  border:1px solid #e24040;
  background:#fff;
  color:#e24040;
  border-radius:999px;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transition:all .2s ease;
  padding:0;
  outline:none;
}
#edit_blog .shareContentPanel .data-dropzone .dropzoneRemove span.material-icons{
  font-size:18px;
  color:#e24040;
}
#edit_challenge .shareContentPanel .data-dropzone .dropzoneRemove span.material-icons{
  font-size:18px;
  color:#e24040;
}
#edit_blog .shareContentPanel .data-dropzone .dropzoneRemove:hover{
  background:#e24040;
  color:#fff;
  border-color:#e24040;
}
#edit_challenge .shareContentPanel .data-dropzone .dropzoneRemove:hover{
  background:#e24040;
  color:#fff;
  border-color:#e24040;
}
#edit_blog .shareContentPanel .data-dropzone .dropzoneRemove:hover span.material-icons{
  color:#fff;
}
#edit_challenge .shareContentPanel .data-dropzone .dropzoneRemove:hover span.material-icons{
  color:#fff;
}
#edit_blog .shareContentPanel .data-dropzone.has-file .dropzoneRemove{
  opacity:1;
  pointer-events:auto;
}
#edit_challenge .shareContentPanel .data-dropzone.has-file .dropzoneRemove{
  opacity:1;
  pointer-events:auto;
}
#edit_blog .shareContentPanel .data-dropzone:focus-visible{
  outline:3px solid var(--accent);
  outline-offset:2px;
  border-color:var(--accent);
}
#edit_challenge .shareContentPanel .data-dropzone:focus-visible{
  outline:3px solid var(--accent);
  outline-offset:2px;
  border-color:var(--accent);
}
#edit_blog .shareContentPanel .data-dropzone .dropzoneRemove:focus-visible{
  outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);
  outline-offset:2px;
}
#edit_challenge .shareContentPanel .data-dropzone .dropzoneRemove:focus-visible{
  outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);
  outline-offset:2px;
}
#edit_blog .shareContentPanel .data-dropzone .dropzoneStatus{
  margin-top:.75rem;
  font-size:.9rem;
  color:var(--text);
  opacity:.8;
}
#edit_challenge .shareContentPanel .data-dropzone .dropzoneStatus{
  margin-top:.75rem;
  font-size:.9rem;
  color:var(--text);
  opacity:.8;
}
#edit_blog .shareContentPanel .data-dropzone.has-file{
  border-color:var(--accent);
  box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);
}
#edit_challenge .shareContentPanel .data-dropzone.has-file{
  border-color:var(--accent);
  box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);
}
#edit_profile .profileWidgetAccordion{
  border:1px solid var(--border);
  border-radius:.85rem;
  background:var(--bg);
  margin-bottom:.75rem;
  overflow:hidden;
}
#edit_profile .profileWidgetAccordion > summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.85rem 1rem;
  cursor:pointer;
  background:transparent;
  transition:background .2s ease,color .2s ease;
}
#edit_profile .profileWidgetAccordion > summary::-webkit-details-marker{
  display:none;
}
#edit_profile .profileWidgetAccordion > summary::marker{
  content:'';
}
#edit_profile .profileWidgetAccordion > summary .accordionTitle{
  display:flex;
  align-items:center;
  gap:.55rem;
}
#edit_profile .profileWidgetAccordion > summary .accordionTitle .material-icons{
  font-size:1.1rem;
  color:var(--text-red);
}
#edit_profile .profileWidgetAccordion > summary .accordionArrow{
  margin-left:auto;
  font-size:1.25rem;
  color:var(--sub-text);
  transition:transform .2s ease,color .2s ease;
}
#edit_profile .profileWidgetAccordion[open] > summary .accordionArrow{
  transform:rotate(180deg);
  color:var(--text-red);
}
#edit_profile .profileWidgetAccordion[open] > summary{
  border-bottom:1px solid var(--border);
}
#edit_profile .profileWidgetAccordion:hover > summary{
  background:color-mix(in srgb, var(--accent-bg) 82%, #e24040 18%);
}
#edit_profile .profileWidgetAccordion .checkbox-group{
  padding:.25rem .75rem .75rem;
}
#edit_profile .profileWidgetAccordion .checkbox-group .checkbox-item label{
  border-radius:.5rem;
}




/* === Carousel / Reels === */

#carousel-container {
  display: none; /* sollte eigentlich hidden sein */
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000de;
  backdrop-filter: blur(15px);
  z-index: 15;
}
#carousel-container.aktiv {
  display: block;
}

.hightlightElements {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
}

.closeField {
  display: flex;
  flex-direction: row-reverse;
}
.closeField button {
  width: 50px;
  height: 50px;
  margin-right: 2rem;
  padding: 5px;
}

/* Haupt-Container */
.mainContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 3rem;
  justify-content: center;
  align-items: center;
}

.infiniteSlider {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 3rem;
  justify-content: center;
  align-items: center;
}


.reel-viewport {
  width: 100%;
  position: relative;
}

.reel-track {
  position: relative;
  width: 100%;
  min-height: 85vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infiniteSlider .reel-track{min-height:50vh;margin-top:1rem;}
.infiniteSlider .reel-track .storyContent article .boxElement.activity .teaserBox{min-height:340px;border-radius:0;}
.infiniteSlider .reel-track .reel.is-main{width:47%;box-shadow: 0 18px 45px rgba(226, 64, 64, .08);}
/* --- Reels selbst --- */
.reel {
  display: none;
  position: absolute;
  top: auto;
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  transition: all 0.4s ease;
  opacity: 0;
  z-index: 1;
  width:25%;
}

.reel.hidden {
  display: none;
}

/* --- Zentrale Logik: 3 sichtbare Reels --- */
.reel.is-main {
  display: block;
  opacity: 1;
  transform: translateX(-50%) scale(1);
  z-index: 3;
  width:50%;
}

.reel.is-prev {
  cursor:pointer;
  display: block;
  opacity: 0.6;
  transform: translateX(calc(-150%)) scale(0.8);
  z-index: 2;
  left:35%;
}

.reel.is-next {
  cursor:pointer;
  display: block;
  opacity: 0.6;
  transform: translateX(calc(50%)) scale(0.8);
  z-index: 2;
  left:65%;
}

/* Hover-Verhalten der Seitenreels */
.reel-slider {touch-action:pan-y;overflow-anchor:none;}
.reel-slider .reel-viewport,
.reel-slider .reel-track {touch-action:pan-y;}
.reel-slider .reel-track {transition:none;}
.reel-slider .reel {
  transition:transform .6s cubic-bezier(.22,1,.36,1),left .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),translate .6s cubic-bezier(.22,1,.36,1),scale .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;
}
.reel-slider.has-reel-drag .reel,
.reel-slider.has-reel-drag .teaserImageLink {cursor:grab;}
.reel-slider.is-dragging .reel {transition:none;will-change:transform,translate,scale;}
.reel-slider.is-dragging, .reel-slider.is-dragging * {cursor:grabbing!important;user-select:none;}
#carousel-container .reel-viewport {overflow-x:clip;}
@media(max-width:991px) {
  #carousel-container.reel-slider {--reel-main-width:85%;}
  #carousel-container.reel-slider .reel.is-main {min-width:0;}
  .reel-slider.is-dragging .reel.is-approaching {
    visibility:visible;width:var(--reel-main-width);min-width:0;left:50%;
  }
  .reel-slider.is-dragging .reel.is-approaching.is-next {transform:translateX(55%) scale(.94);}
  .reel-slider.is-dragging .reel.is-approaching.is-prev {transform:translateX(-155%) scale(.94);}
}
@media(prefers-reduced-motion:reduce) {
  .reel-slider .reel, .reel-slider .reel-track {transition:none;}
}

.reel.is-prev:hover,
.reel.is-next:hover {
  opacity: 1;
}

/* Detailspezifisches Styling */
.reel.is-prev .playbutton,
.reel.is-next .playbutton,
.reel.is-prev .reel-Progress,
.reel.is-next .reel-Progress,
.reel.is-prev .storyInteraction,
.reel.is-next .storyInteraction,
.reel.is-prev .teaserBoxFooter,
.reel.is-next .teaserBoxFooter {display: none;}

/* Progressbar & Layout */
.reel-Progress {display: flex;width: 100%;margin: 0.5rem 0;align-items: center;}
.reel-Progress ul {display: flex;width: 100%;padding: 0;margin: 0;flex-direction: row;gap: 0.5rem;}
.reel-Progress ul li {display: flex;flex: 1;}
.reel-Progress ul li .progressBar {width: 100%;padding: 2px;border-radius: 1rem;background: rgba(255, 255, 255, 0.6);}
.reel-Progress ul li .progressBar.focused {background: white;}
.reel-Progress ul li .progressBar .progress {height: 4px;display: block;background: #e24040;border-radius: 1rem;}

/* Box / Story Styles */
.reel.is-prev .teaserBox:hover .content,
.reel.is-next .teaserBox:hover .content,
.reel.is-prev .teaserBox:hover .layer,
.reel.is-next .teaserBox:hover .layer {display: block;}

.reel.is-prev .storyContent article .boxElement.activity .teaserBox,
.reel.is-next .storyContent article .boxElement.activity .teaserBox {border-radius:0;}
.highlightElements .storyContent article .boxElement.activity .teaserBox.teaserBoxNoRadius {border-radius: 0;}

/* Story Core */
.story {display: flex;flex: 1;flex-direction: column;transition: all 0.3s ease;}
.story.hidden {display: none;}

.playbutton {padding: 0;background: transparent;color: #e24040;margin: 0 0.5rem;}
.playbutton i {font-size: 2rem;}

.storyContent article {outline: none;user-select: none;cursor:grab;}
.storyContent article:active{cursor:grabbing;}
.infiniteSlider .storyContent article {outline: 1px solid #f2f2f2;}
.storyContent article .boxElement.activity .teaserBox {min-height: 550px;border: none;}
.reel .storyContent article .listViewHeader {
  display: flex;
  align-items: center;
}
.reel .storyContent article .listViewHeader .profileHead.small {
  flex: 1 1 auto;
  min-width: 0;
}
.reel .storyContent article .listViewHeader .postHeaderActionForm {
  margin-left: auto;
  flex: 0 0 auto;
}
#carousel-container .reelTeaserFooterRow {
  display:flex;align-items:center;min-width:0;height:100%;
}
#carousel-container .reelTeaserComment {
  flex:1;min-width:0;margin:0;padding:0 1rem;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:.85rem;line-height:1.4;color:var(--text);
}
#carousel-container .reelTeaserFooterRow > .submenu {flex:0 0 auto;margin-left:auto;position:static;}
/* Anchor the popover to the footer, so its width stays inside the card. */
#carousel-container .teaserBoxFooter {z-index:5;}
#carousel-container .submenu.contentActionsMenu nav.more {
  top:auto;bottom:calc(100% + .375rem);right:.25rem;
  width:min(20rem, calc(100% - .5rem));
  box-shadow:0 -8px 24px rgba(0,0,0,.14);
}
#carousel-container .story.has-story-interaction .storyContent article,
#carousel-container .story.has-story-interaction .teaserBoxFooter {
  border-bottom-left-radius:0;border-bottom-right-radius:0;
}
.reelMetaTime {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .45rem 1rem 0;
  font-size: .85rem;
  color: #fff;
}
.reelMetaTime .material-icons {
  font-size: 1rem;
  line-height: 1;
}
@media(max-width:1023px) {
  /* Reserve room for controls; the cover uses the remaining mobile height. */
  #carousel-container {height:100dvh;}
  #carousel-container > .highlightElements {
    display:flex;flex-direction:column;height:100%;min-height:0;
    box-sizing:border-box;padding-bottom:.5rem;
  }
  #carousel-container .closeCarouselContainer {
    float:none;align-self:flex-end;flex:0 0 auto;
    min-width:36px;min-height:36px;margin:.375rem .5rem 0 0;
  }
  #carousel-container .mainContainer {flex:1;min-height:0;}
  #carousel-container .reel-viewport,
  #carousel-container .reel-track {height:100%;min-height:0;}
  #carousel-container .reel {height:100%;max-height:100%;min-width:0;}
  #carousel-container .reel:is(.is-main,.is-prev,.is-next) {display:flex;flex-direction:column;}
  #carousel-container.is-dragging .reel.is-approaching {
    visibility:visible;width:85%;left:50%;
    /* Override the helper's inline growth: it also pushes translated cards offscreen. */
    scale:1!important;
  }
  #carousel-container.is-dragging .reel.is-approaching.is-next {transform:translateX(55%) scale(.94);}
  #carousel-container.is-dragging .reel.is-approaching.is-prev {transform:translateX(-155%) scale(.94);}
  #carousel-container .reel-Progress {flex:0 0 auto;margin:.25rem 0;}
  #carousel-container .reel > .story:not(.hidden),
  #carousel-container .storyContent,
  #carousel-container .storyContent > article {
    display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;
  }
  #carousel-container .storyContent article .boxElement.activity {display:flex;flex:1;min-height:0;}
  #carousel-container .storyContent article .boxElement.activity .teaserBox {flex:1;min-height:0;}
  #carousel-container .listViewHeader,
  #carousel-container .teaserBoxFooter,
  #carousel-container .storyInteraction,
  #carousel-container .reelMetaTime {flex-shrink:0;}
  #carousel-container .teaserBoxFooter {margin-top:auto;}
  #carousel-container .listViewHeader {padding:.375rem .75rem;}
  #carousel-container .profileHead.small .textContainer {min-width:0;}
  #carousel-container .profileHead.small .textContainer :is(h3,p) {
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  }
  #carousel-container .teaserBox .content {box-sizing:border-box;width:100%;padding:.75rem;}
  #carousel-container .teaserBox .content h2 {
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    overflow:hidden;overflow-wrap:anywhere;
  }
  #carousel-container .teaserBox .content .small {
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  }
  #carousel-container .storyInteraction {align-items:center;gap:.25rem;padding:.375rem;}
  #carousel-container .messageInput {align-items:center;min-width:0;gap:.25rem;}
  #carousel-container .messageInput textarea {
    box-sizing:border-box;min-width:0;height:40px;min-height:40px;max-height:40px;
    padding:10px .75rem;line-height:20px;overflow-y:auto;
  }
  #carousel-container .storyInteraction button {flex:0 0 auto;width:40px;height:40px;padding:.375rem;}
  #carousel-container .reelMetaTime {padding:.375rem .75rem 0;font-size:.75rem;}
}
@media(max-width:1023px) and (max-height:450px) {
  #carousel-container .teaserBox .content {padding:.375rem .75rem;}
  #carousel-container .teaserBox .content h2 {font-size:1rem;line-height:1.25;margin:.25rem 0;-webkit-line-clamp:1;}
  #carousel-container .teaserBox .challengeCardBadges {top:.5rem;left:.75rem;}
  #carousel-container .teaserBox .badgeMarker {margin:.5rem .75rem;}
}
.teaserBox .content .sharedProfilePreview {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}
.teaserBox .content .sharedProfilePreview .profile {width: auto;}
.teaserBox .content .sharedProfilePreview .textContainer h3,
.teaserBox .content .sharedProfilePreview .textContainer p {
  margin: 0;
  color: #fff;
}
.teaserBox .content .sharedProfilePreview .textContainer h3 a {color: var(--text);}
.teaserBox .content .sharedProfilePreview .textContainer h3 a:hover {color: var(--text-red);}

/* Input + Reaction */
.storyInteraction {background: #fff;border-radius: 1rem;display: flex;flex-direction: row;padding: 0.5rem;gap: 1rem;align-items: flex-start;border-radius: 0 0 1rem 1rem;border-top: 1px solid #e6e6e6;}
.storyInteraction button {padding: 0.5rem;}
.storyInteraction button.secondary {background: transparent;color: #e24040;border: 2px solid transparent;}
.storyInteraction button.secondary:hover{background: transparent;color: #e24040;border: 2px solid #e24040;}
.popupBox .storyInteraction{
  flex-wrap:nowrap;
  justify-content:flex-end;
  align-items:center;
  padding:.5rem;
}
.popupBox .storyInteraction button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  white-space:nowrap;
  flex:0 0 auto;
  min-width:40px;
  height:40px;
}
.messageInput {display: flex;flex: 1;gap: 0.5rem;align-items: flex-start;}
.messageInput textarea {width: 100%;padding:10px 20px;border-radius: 1rem;border: none;outline: none;resize: none;}
.popupBox .messageInput{align-items:center;min-width:0;}
.popupBox .messageInput textarea{height:40px;min-height:40px;max-height:40px;line-height:20px;padding:10px 14px;overflow-y:auto;box-sizing:border-box;}
.reaction {display: flex;}
.storyInteraction .reaction button.is-liked,
.storyInteraction .reaction button.is-liked:hover,
.storyInteraction .reaction button.is-liked:focus {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.reel .storyContent article .listViewHeader .postHeaderActionForm .delete-block {
  opacity: 0;
  visibility: hidden;
}
.reel .storyContent article:hover .listViewHeader .postHeaderActionForm .delete-block,
.reel .storyContent article:focus-within .listViewHeader .postHeaderActionForm .delete-block {
  opacity: 1;
  visibility: visible;
}
.closeCarouselContainer{float:right;padding:.25rem;margin:1rem 1rem 0 0;}
.highlights_next{padding:.5rem;margin:0 auto;position:absolute;top:50%;right:22%;z-index:20;padding: .5rem;width: auto;height: auto;}
.highlights_prev{padding:.5rem;margin:0 auto;position:absolute;top:50%;left:22%;z-index:20;padding: .5rem;width: auto;height: auto;}
.infinite_next{padding:.5rem;margin:0 auto;position:absolute;top:45%;right:22%;z-index:20;padding: .5rem;width: auto;height: auto;}
.infinite_prev{padding:.5rem;margin:0 auto;position:absolute;top:45%;left:22%;z-index:20;padding: .5rem;width: auto;height: auto;}


/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 60px;height: 40px;color:transparent;margin:0;}
  
  /* Hide default HTML checkbox */
  .switch input {opacity: 0;width: 0;height: 0;}

  /* The slider */
  .slider.round {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--bg);;-webkit-transition: .4s;transition: .4s;border: 1px solid var(--border);}
  .slider.round:before {position: absolute;content: "";height: 24px;width: 24px;left: 7px;bottom: 7px;background-color: #e24040;-webkit-transition: .4s;transition: .4s;}
  input:checked + .slider {background-color: #e24040;}
  input:focus + .slider {box-shadow: 0 0 1px #e24040;}
  input:checked + .slider:before {-webkit-transform: translateX(22px);-ms-transform: translateX(22px);transform: translateX(22px);background-color:#fff;}
  
  /* Rounded sliders */
  .slider.round {border-radius: 2rem;}
  .slider.round:before {border-radius: 50%;}

  .options label{margin:0;}

  /*Form Input*/

  
  input[type="checkbox"] {cursor:pointer;}
  .checkbox-group{display:block;}
  .checkbox-group .checkbox-item{display:flex;flex-direction: row;gap:1rem;align-items: center;}
  .checkbox-group .checkbox-item label{flex:1;margin:0;cursor:pointer;padding:1rem;border-radius:.5rem;transition:all .3s ease;}
  .checkbox-group .checkbox-item label:hover{background:#ebedee;}
  .checkbox-group .checkbox-item label span{font-size:11pt;font-weight:400;display:block;margin-top:.25rem;}
  .checkbox-group .checkbox-item label span.desc p{margin:0 0 .35rem 0;}
  .checkbox-group .checkbox-item label span.desc p:last-child{margin-bottom:0;}
  .checkbox-group .checkbox-item label span.desc ul{margin:.2rem 0 .35rem 1.1rem;padding:0;}
  .checkbox-group .checkbox-item label span.desc ul:last-child{margin-bottom:0;}
  .checkbox-group .checkbox-item label span.desc li{margin:.15rem 0;}
  .checkbox-group .checkbox-item input{}
  .criterionContent {resize: vertical; min-height: 5rem;/* optional */max-height: 40vh;      /* optional */overflow-x: hidden;    /* keine horizontale Scrollbar */}
  .secondary{background:#fff;border:2px solid #cbcbcb;outline:none;color:#000;padding:.5rem 1rem;border-radius:2rem;font-size:11pt;}
  .secondary:hover{border:2px solid #e24040;outline:none;}
  .checkbox-group .checkbox-item .remove-item{height: fit-content;}
  .fileInputHidden {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}

  /*Blog Editor*/
  .draggable {border: 1px solid #ddd;margin: 12px 0;background: white;}
  .drag-handle {cursor: grab;}
  .dragging {cursor: grabbing;}
  .drop-indicator {height: 4px;background: #e24040;margin: 6px 0;}
  #blog-editor{display:flex;flex-direction:column;gap:0;}
  #blog-editor .editor-block{position:relative;border-radius:1rem;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease;}
  #blog-editor .editor-block .drag-handle{cursor:grab;}
  #blog-editor .editor-block.is-dragging{opacity:.75;border-color:var(--accent);box-shadow:0 6px 16px rgba(0,0,0,.12);transform:scale(.995);}
  #blog-editor .editor-block.drop-before::before,
  #blog-editor .editor-block.drop-after::after{content:"";position:absolute;left:1rem;right:1rem;height:3px;background:var(--accent);border-radius:999px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent);}
  #blog-editor .editor-block.drop-before::before{top:-6px;}
  #blog-editor .editor-block.drop-after::after{bottom:-6px;}
  #blog-editor [data-content-dropzone]{min-height:9.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 0;border-width:2px;border-style:dashed;border-color:var(--border);}
  #blog-editor [data-content-dropzone]:hover{border-color:var(--text-red);}
  #blog-editor [data-content-dropzone] p{margin:.25rem 0 0 0;font-weight:600;}
  #blog-editor [data-content-dropzone] small{display:block;margin-top:.2rem;}
  #blog-editor [data-content-dropzone].is-dragover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%, #fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%, transparent);}

  .blogContentArticle .listViewHeader {
    position: relative;
  }

  .blogContentArticle .blogInlineEditBtn {
    position: absolute;
    top: .5rem;
    right: .5rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
  }

  .blogContentArticle .blogInlineSaveBtn,
  .blogContentArticle .blogInlineCancelBtn {
    position: absolute;
    top: .75rem;
    opacity: 0;
    pointer-events: none;
  }

  .blogContentArticle .blogInlineSaveBtn {
    right: 1rem;
  }

  .blogContentArticle .blogInlineCancelBtn {
    right: 4rem;
  }

  .blogContentArticle:hover .blogInlineEditBtn {
    opacity: 1;
    pointer-events: auto;
  }

  .blogContentArticle .blogInlineTitleInput,
  .blogContentArticle .blogInlineToolbarWrap,
  .blogContentArticle .blogInlineEditor,
  .blogContentArticle .blogInlineContentInput,
  .blogContentArticle .blogInlineDropzone {
    display: none;
  }

  .blogContentArticle .blogInlineToolbarWrap {
    margin: 0;
    padding: 0 1rem;
  }

  .blogContentArticle .blogInlineTitleInput {
    border-radius: 1rem;
    border: none;
    outline: 2px solid var(--border);
    background: var(--accent-bg);
    color: var(--text);
    height: 45px;
    padding: 0 1rem;
    font-weight: 600;
    font-size: 1.17em;
    line-height: 1.2;
    transition: all .3s ease;
  }

  .blogContentArticle .blogInlineTitleInput:hover {
    outline-color: var(--accent);
  }

  .blogContentArticle .blogInlineTitleInput:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 1px;
  }

  .blogContentArticle .blogInlineContentInput {
    border-radius: .75rem;
    border: none;
    outline: 2px solid var(--border);
    background: var(--accent-bg);
    color: var(--text);
    width: 100%;
    min-height: 130px;
    padding: .75rem 1rem;
    line-height: 1.4;
    resize: vertical;
    transition: all .3s ease;
  }

  .blogContentArticle .blogInlineEditor .blogInlineContentInput {
    display: none !important;
  }

  .blogContentArticle .blogInlineEditor .editorSurface {
    border-radius: .75rem;
    border: none;
    outline: 2px solid transparent;
    background: var(--accent-bg);
    color: var(--text);
    width: auto;
    min-height: 130px;
    padding: .75rem 1rem;
    line-height: 1.4;
    transition: all .3s ease;
    cursor: text;
  }

  .blogContentArticle .blogInlineEditor .editorSurface:hover {
    outline-color: var(--accent);
  }

  .blogContentArticle .blogInlineEditor .editorSurface:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 1px;
  }

  .blogContentArticle .blogInlineContentInput:hover {
    outline-color: var(--accent);
  }

  .blogContentArticle .blogInlineContentInput:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 1px;
  }

  .blogContentArticle.is-editing .blogInlineEditBtn {
    opacity: 0;
    pointer-events: none;
  }

  .blogContentArticle.is-editing .blogInlineSaveBtn,
  .blogContentArticle.is-editing .blogInlineCancelBtn {
    opacity: 1;
    pointer-events: auto;
  }

  .blogContentArticle.is-editing [data-inline-title] {
    display: none;
  }

  .blogContentArticle.is-editing .blogInlineTitleInput {
    display: block;
    width: calc(100% - 9rem);
    margin: 0;
  }

  .blogContentArticle.is-editing [data-inline-content] {
    display: none;
  }

  .blogContentArticle.is-editing .blogInlineEditor {
    display: block;
  }

  .blogContentArticle.is-editing .blogInlineToolbarWrap {
    display: block;
  }

  .blogContentArticle.is-editing .blogInlineDropzone {
    display: block;
  }

  .blogContentArticle.is-editing [data-inline-content],
  .blogContentArticle.is-editing [data-inline-image] {
    opacity: .65;
  }

  .blogContentArticle[data-content-type="image"].is-editing [data-inline-image],
  .blogContentArticle[data-content-type="img"].is-editing [data-inline-image],
  .blogContentArticle[data-content-type="bild"].is-editing [data-inline-image] {
    display: none;
  }

  .blogInlineEditStatus {
    font-size: .85rem;
    opacity: .85;
    margin-left: .5rem;
  }

  .blogInlineDropzone {
    margin-top: .5rem;
  }

  /* Bestenliste: content wrapper should not render as box */
  .contentPanel#topChallenges .contentContainer.leaderboard-content,
  .contentPanel#topChallengeResults .contentContainer.leaderboard-content,
  .contentPanel#topBlog .contentContainer.leaderboard-content,
  .contentPanel#topChallenger .contentContainer.leaderboard-content {
      background: none;
      box-shadow: none;
      border: 0;
      outline:0;
  }


  /* Back to top: match the layout breakpoint outside the smartphone view. */
  .backToTop{
      display:none;
      position:fixed;
      right:calc(1.5rem + var(--app-safe-right, 0px));
      bottom:calc(4.5rem + var(--app-safe-bottom, 0px));
      z-index:6;
      width:48px;
      height:48px;
      padding:0;
      align-items:center;
      justify-content:center;
      box-sizing:border-box;
      border-radius:50%;
      box-shadow:0 4px 16px #00000026;
      opacity:0;
      transform:translateY(6px);
      visibility:hidden;
      pointer-events:none;
      transition:opacity .24s ease-out, transform .24s ease-out, visibility 0s linear .24s, background-color .2s ease, color .2s ease;
  }
  .backToTop:focus-visible{outline:3px solid var(--text);outline-offset:3px;}
  .backToTop.is-visible{
      opacity:1;
      transform:translateY(0);
      visibility:visible;
      pointer-events:auto;
      transition-delay:0s;
  }
  @media only screen and (min-width:1024px){
      .backToTop:not([hidden]){
          display:inline-flex;
      }
  }
  @media (prefers-reduced-motion:reduce){
      .backToTop{transition:none;}
  }

  /*Footer*/

  footer{height: 40px;padding-top: .5rem;display: block;position: fixed;bottom: 0;width: 100%;font-size: 1rem;background: var(--bg);border-top: 1px solid var(--border);z-index:4;}
  footer .wrapper{display:flex;align-items: flex-end;justify-content: space-between;}
  footer .wrapper .logoWrapper{display:block;font-size:.8rem;}
  footer .wrapper .logoWrapper .logo {}
  footer .wrapper .logoWrapper .logo img{height:20px;}
  footer .wrapper ul{display:block;}
  footer .wrapper ul li{list-style:none;display:inline-block;font-size:.8rem;margin:0 0 0 .5rem;}
  footer .wrapper .footerLinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.25rem .5rem;margin:0 0 0 1rem;}
  footer .wrapper .footerLinks li{margin:0;}
  footer .wrapper .footerLinks .footerCopyrightReport{margin-left:.25rem;padding-left:.75rem;border-left:1px solid var(--text-red);}

  /* ===== Theme Tokens (Default: Light) ===== */
  :root {
    color-scheme: light;
    --bg: #fefefe;
    --accent-bg:#fcfafa;
    --transparent-bg: #ffffffe3;
    --bg-gradient:linear-gradient(120deg, #fcfafa 0%, #ebedee 100%);
    --layer-gradient:radial-gradient(at left bottom, #ffffffdb 30%, #FFFFFF00 80%);
    --linear-gradient:linear-gradient(#FFFFFF00 0%, #fefefe 80%);
    --fadeOut-fx-right:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(252 250 250) 50%);
    --fadeOut-fx-left:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(252 250 250) 50%);
    --fadeOut-contrast-fx-right:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 50%);
    --fadeOut-contrast-fx-left:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 50%);
    --text: #111111;
    --text-red:#e24040;
    --sub-text: #555555;
    --link: #0b62ff;
    --border: #ececec;
    --btn-bg: #111111;
    --btn-text: #fefefe;
    --headerBGLayer: url(../img/bg_light.svg);
    --bg-opacity:.3;
  }

  /* ===== Dark Theme Overrides ===== */
  html[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0f1115;
    --accent-bg:#16191f;
    --transparent-bg: #0c0e14e8;
    --bg-gradient:linear-gradient(120deg, #0a0b0e 0%, #0f121b 100%);
    --layer-gradient: radial-gradient(at left bottom, #000000de 30%, #FFFFFF00 90%);
    --linear-gradient:linear-gradient(#FFFFFF00 0%, #0f1115 80%);
    --fadeOut-fx-right: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(22 25 31) 50%);
    --fadeOut-fx-left: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(22 25 31) 50%);
    --fadeOut-contrast-fx-right:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(15 17 21) 50%);
    --fadeOut-contrast-fx-left:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(15 17 21) 50%);
    --text: #e8e8e8;
    --text-red:#e24040;
    --sub-text: #bcbcbc;

    --link: #7aa7ff;
    --border: #090909;
    --btn-bg: #e8e8e8;
    --btn-text: #0f1115;
    --headerBGLayer: url(../img/bg_dark.svg);
    --bg-opacity:.7;

  }

  /* ===== Theme Anwendung auf Standard-Elemente / Override ===== */
  html {background-color: var(--bg);}
  body {background: var(--bg);color: var(--text);}
  p{color: var(--sub-text);}
  .topBar{background: var(--bg);border-color:var(--border);}
  header{background: var(--bg);}
  .headerThemeBackdrop{background: var(--headerBGLayer);background-position: bottom center;background-repeat: no-repeat;background-size: var(--header-backdrop-width, 100%) auto;opacity:var(--bg-opacity);}
  .meta{background: var(--bg);}
  main{background-image: var(--bg-gradient);}
  .filter{background: var(--bg);border-color:var(--border);}
  .creativeWrapper{background: var(--accent-bg);outline-color:var(--border);}
  .teaserBox{border-color:var(--border);}
  .teaserBoxFooter{background: var(--accent-bg);border-color:var(--border);}
  .tags li{color: var(--text);border-color:var(--border);}
  nav.categories ul li a{background: var(--bg);border-color:var(--border);color: var(--text);}
  .subNavi ul li a{color: var(--text);}
  .subNavi ul li a:hover{color: var(--text-red);}
  nav.main ul li a.aktiv span.material-icons{background: var(--accent-bg);border:1px solid;border-color:var(--border);}
  nav.main ul li a{color: var(--text);}
  .panelWrapper .panelBox{background: var(--accent-bg);border-bottom-color:var(--border);border-right-color:var(--border);border-left-color:var(--border);color: var(--text);}
  .profileHead.small .textContainer h3 a{color: var(--text);}
  .profileHead.small .textContainer p{color: var(--text);}
  nav.list ul li :is(a, .navigationAction){color: var(--text);}
  nav.list ul li :is(a, .navigationAction) i{background: var(--accent-bg);border-color:var(--border);color: var(--text);}
  .panelWrapper .panelBox .listElements a,
  .panelWrapper .panelBox .listElements p{color: var(--text);}
  .panelWrapper .panelBox .listElements li{border-bottom-color:var(--border);}
  footer{border-color:var(--border);}
  footer ul li a{color: var(--text);}
  footer.mobileHide a[data-footer-tab].active{color: var(--text-red);}
  .teaserBox .badgeMarker.projekt{background: var(--accent-bg);color: var(--text);border-color:var(--border);}
  .expandedBarContainer{background: var(--bg);border-bottom-color:var(--border);border-right-color:var(--border);border-left-color:var(--border);}
  .accordion-header{color: var(--text);}
  .accordion-header span.material-icons{background: var(--accent-bg);color: var(--text);border-color:var(--border);}
  .tab{background: var(--accent-bg);color: var(--text);border-color:var(--border);}
  .radio-tab{background: var(--accent-bg);color: var(--text);border-color:var(--border);}
  #contentLanguageSelect{background-color:var(--accent-bg);border-color:var(--border);color:var(--text);}
  #contentLanguageSelect option{background:var(--bg);color:var(--text);}
  .submenu button{background: var(--bg);border-color:var(--border);color: var(--text);}
  .submenu > button{color: var(--text-red);}
  .submenu nav.more ul li :is(button, a){background:var(--bg);border-color:var(--border);color:var(--text);}
  .submenu > button:is(:hover, :focus),
  .submenu nav.more ul li :is(button, a):is(:hover, :focus){
    background:var(--bg);
    border-color:var(--border);
    color:var(--text-red);
    outline:2px solid var(--text-red);
    outline-offset:0;
    box-shadow:none;
    text-decoration:none;
  }
  .listElements li span.small{color: var(--sub-text);}
  .layer{background: var(--layer-gradient);}
  .teaserBox .content{color: var(--text);}
  .teaserBox a{color: var(--text);text-shadow: 0 0 10px var(--bg);}
  .listElements li a:hover{background: var(--border);color:var(--text);}
  nav.list ul li :is(a, .navigationAction):hover{color:var(--text-red);}
  .profileHead.small .textContainer h3 a:hover{color: var(--text-red);}
  nav.categories .stopper.right{background: var(--fadeOut-fx-right);}
  nav.categories .stopper.left{background: var(--fadeOut-fx-left);}
  .messagesContactSlider .chatContactStopper.right{background: var(--fadeOut-fx-right);}
  .messagesContactSlider .chatContactStopper.left{background: var(--fadeOut-fx-left);}
  .infiniteSlider .storyContent article{outline-color:var(--border);}
  article{background: var(--accent-bg);outline-color:var(--border);color: var(--text);}
  article .listViewHeader{border-color:var(--border);}
  .profilePostCommentsRail .profilePostCommentsContainer .comments-box{border-color:var(--border);}
  .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentArticle{
    background:var(--accent-bg);
    outline-color:var(--border);
  }
  .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentArticle .listViewHeader{border-color:var(--border);}
  .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter{border-color:var(--border);}
  .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentFooter .tags li{
    border-color:var(--border);
    color:var(--text);
  }
  .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentComposer textarea{
    background:var(--bg);
    border-color:var(--border);
    color:var(--text);
  }
  .contentContainer{background: var(--accent-bg);outline-color: var(--border);}
  .listElements li.active a{background:var(--border);}
  .chatProgressList li.active a{background:var(--border);}
  ul.progressList.listElements.chatProgressList li:hover a,
  ul.progressList.listElements.chatParticipantList li:hover .profileHead.small,
  .listElements li span.chatTrigger:hover{background:var(--border);color:var(--text);border-color:transparent;}
  .listElements li.active span.chatTrigger,
  .listElements li.active span.chatTrigger:hover{background:var(--border);color:var(--text);border-color:transparent;}
  .ranking-wrapper{background: var(--accent-bg);border-color:var(--border);}
  .ranking-table thead {background-color: var(--border);}
  .ranking-table tbody tr {border-top-color:var(--border);background-color: var(--bg);}
  table tbody tr:nth-child(even) {background-color: var(--accent-bg);}
  .ranking-table tbody tr:hover {background-color: var(--border);}
  .search-input {border-color:var(--border);background: var(--bg);}
  .search-input input {color: var(--text);}
  .listViewHeader h3{color: var(--text);transition:all .3s ease;}
  .contextViewPanel .devider span{color: var(--sub-text);}
  .teaserBox.header{border-color: var(--border);}
  .meta .contentBox{background: var(--accent-bg);border:none;outline-color:var(--border)}
  .meta .contentBox span.material-icons.teaser{background: var(--bg);border-color:var(--border);color: var(--text-red);}
  .dateObject{background: var(--bg);outline-color:var(--border);color: var(--text);}
  .stopper.dateSlider.right{background: var(--fadeOut-fx-right);}
  .stopper.dateSlider.left{background: var(--fadeOut-fx-left);}
  .listViewHeader .bulletpoint{background:var(--accent-bg);border-color:var(--text-red);color: var(--text);}
  .contextViewPanel .listViewHeader .bulletpoint{background:var(--bg);border-color:var(--border);color: var(--text-red);}
  .quickStatsContainer .quickStat{background: var(--accent-bg);border:none;outline-color: var(--border);}
  .tile{background: var(--accent-bg);border:none;outline-color: var(--border);}
  .tile.light{background: var(--accent-bg);}
  .searchBarInput{background: var(--border);border-color:var(--accent-bg);color: var(--text);outline-color:var(--border);}
  #edit_group .shareContentPanel textarea.searchBarInput.popupTextarea,
  #edit_profile .shareContentPanel textarea.searchBarInput.popupTextarea,
  #edit_blog .shareContentPanel textarea.searchBarInput.popupTextarea,
  #edit_challenge .shareContentPanel textarea.searchBarInput.popupTextarea{background: var(--border);color: var(--text);}
  #edit_group .softDeleteHintBox,
  #edit_challenge .softDeleteHintBox,
  #edit_blog .softDeleteHintBox,
  #edit_profile .softDeleteHintBox{background:var(--accent-bg);border-color:#b8842d;}
  #edit_group .softDeleteActionBox,
  #edit_challenge .softDeleteActionBox,
  #edit_blog .softDeleteActionBox,
  #edit_profile .softDeleteActionBox{background:var(--accent-bg);border-color:#e24040;}
  #edit_group .softDeleteHintHeader,
  #edit_challenge .softDeleteHintHeader,
  #edit_blog .softDeleteHintHeader,
  #edit_profile .softDeleteHintHeader{color:var(--text);}
  .storyInteraction{background:var(--bg);color: var(--text);border-color:var(--border);}
  .messageInput textarea{background:var(--bg);color: var(--text);}
  .profileHead.small .textContainer h3{color: var(--text);font-size:12pt}
  .userContainer a.user:hover{background:var(--border);}
  .checkbox-group .checkbox-item label:hover{background:var(--border);}
  .stopper.right{background: var(--fadeOut-contrast-fx-right);}
  .stopper.left{background: var(--fadeOut-contrast-fx-left);}
  .stopper.ergebnis.right{background: var(--fadeOut-contrast-fx-right);}
  .stopper.ergebnis.left{background: var(--fadeOut-contrast-fx-left);}
  .boxElement .selector label{color: var(--text);}
  .boxContentWrapper{background-color: var(--accent-bg);border-color:var(--border);color: var(--text);}
  .listViewHeader span.arrow{color: var(--text);}
  .listViewHeader a:hover span.arrow{color: var(--text-red);}
  .listViewHeader a:hover h3{color: var(--text-red);}
  .levelProgress .progressBar{background:var(--border);border-color:var(--border);}

  .accordion.active .accordion-header:hover{color: var(--text);}
  .filterStopper.right{background: var(--fadeOut-contrast-fx-right);}
  .filterStopper.left{background: var(--fadeOut-contrast-fx-left);}
  a.navButton.secondary{background: var(--bg);color: var(--text);}
  .profile .profilePicture i.material-icons{background: var(--accent-bg);color: var(--text);border-color:var(--border);}
  p.sub-text{color: var(--sub-text);}

.invite-status{background: var(--bg);border-color:var(--border);color: var(--text);}
.invite-status--info{background: var(--bg);border-color:var(--border);color: var(--text);}
.invite-status--success{background: var(--bg);border-color:var(--border);color: var(--text);}
.invite-status--error{background: var(--bg);border-color:var(--border);color:var(--text-red)}
.profileHead.small .profile .profilePicture img.profilePicture{background: var(--bg);border-color: var(--border);}
.messageSection.right .messagesContainer .message{background: var(--border);border-color:var(--border);color: var(--text);}
.messageSection.left .messagesContainer .message{background: var(--bg);border-color:var(--border);color: var(--text);}
.messageSection.supportSender .messagesContainer .message{background:rgba(19,139,245,.12);border-color:rgba(19,139,245,.35);}
.chatAttachmentCard{background:var(--bg);border-color:var(--border);color:var(--text);}
.dateUpdate .devider{background-color: var(--border);}
.chatInputBoxWrapper{background: var(--accent-bg);border-color:var(--border);}
.chatInputBoxWrapper textarea{background: var(--bg);border-color:var(--border);}
.chatInput textarea{background: var(--accent-bg);border-color:var(--border);color: var(--text);}
.panelBox a.button{background: var(--bg);outline-color:var(--text-red);border-color:var(--border);color: var(--text);}
.panelBox a.button:hover{background: var(--bg);color:var(--text-red);}
.panelBox select{background: var(--bg);border-color:var(--border);outline-color:var(--border);color:var(--text);}
.challengeCreateForm input.userInput, .challengeCreateForm textarea.userInput,
.groupCreateForm input.userInput, .groupCreateForm textarea.userInput,
.blogCreateForm input.userInput, .blogCreateForm textarea.userInput,
.supportCreateForm input.userInput, .supportCreateForm textarea.userInput,
.feedbackCreateForm input.userInput, .feedbackCreateForm textarea.userInput{padding:.5rem; background: var(--accent-bg);border-color:var(--border);color: var(--text);border:2px solid transparent;}
.challengeCreateForm input.userInput:focus-visible,
.challengeCreateForm textarea.userInput:focus-visible,
.groupCreateForm input.userInput:focus-visible,
.groupCreateForm textarea.userInput:focus-visible,
.blogCreateForm input.userInput:focus-visible,
.blogCreateForm textarea.userInput:focus-visible,
.supportCreateForm input.userInput:focus-visible,
.supportCreateForm textarea.userInput:focus-visible,
.feedbackCreateForm input.userInput:focus-visible,
.feedbackCreateForm textarea.userInput:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);}
.contextViewPanel .contentContainer .data-dropzone,
.challengeResultUploadForm .data-dropzone,
#edit_group .shareContentPanel .contentContainer .data-dropzone,
#edit_profile .shareContentPanel .contentContainer .data-dropzone,
#edit_blog .shareContentPanel .data-dropzone,
#edit_challenge .shareContentPanel .data-dropzone{border-color:var(--border);}
.contextViewPanel .contentContainer .data-dropzone:hover,
.challengeResultUploadForm .data-dropzone:hover,
#edit_group .shareContentPanel .contentContainer .data-dropzone:hover,
#edit_profile .shareContentPanel .contentContainer .data-dropzone:hover,
#edit_blog .shareContentPanel .data-dropzone:hover,
#edit_challenge .shareContentPanel .data-dropzone:hover,
.contextViewPanel .contentContainer .data-dropzone.is-dragover,
.challengeResultUploadForm .data-dropzone.is-dragover,
#edit_group .shareContentPanel .contentContainer .data-dropzone.is-dragover,
#edit_profile .shareContentPanel .contentContainer .data-dropzone.is-dragover,
#edit_blog .shareContentPanel .data-dropzone.is-dragover,
#edit_challenge .shareContentPanel .data-dropzone.is-dragover{border-color:#e24040 !important;}
.secondary{background: var(--bg);border-color:var(--border);color: var(--text);}
.secondary:hover{background: var(--bg);color: var(--text-red);outline-color: var(--text-red);}
.contextViewPanel .contentContainer select{background: var(--bg);border-color:var(--border);outline-color:var(--border);color: var(--text);}
.slider-wrapper .tooltip{background:var(--accent-bg);border-color: var(--border);color:var(--text);}
.contextViewPanel .contentContainer input[type="number"]{border-color:var(--border);background:var(--bg);color:var(--text);}
.articleContainer .commentary{background:var(--transparent-bg);border-color: var(--border);}
#ergebnis .commentary .commentaryText .commentaryBox textarea{color: var(--text);border-color:var(--border);}
.text{color:var(--text);}
.profile .username{color:var(--text);}
.profile .profilePicture img.profilePicture{border-color:var(--border);}
.boxElement .selector{border-color:var(--border);}
.teaserBox.toggle-container .content .gradientPart{background: var(--linear-gradient);border-color: var(--border);}
.teaserBox.toggle-container .content .gradientPart button.toggle-button{color: var(--text);}
.comment{border-color:var(--border);}
.username{color: var(--text);}
.teaserBox.toggle-container .content.expanded{background:var(--bg);}
.x-axis-labels .label .colorIndicator{outline-color:var(--border);}
.y-axis{color:var(--text);}
.bewertungsContainer .emptyResultState{background:var(--bg);color:var(--text);}
.leaderBoard.first span.winner{background: var(--bg);color: var(--color);}
.auszeichnungsBox{border-color:var(--border);}
.leaderBoard.third .auszeichnungsBox{background: var(--bg);color: var(--text);}
.leaderBoard.second .auszeichnungsBox{background: var(--accent-bg);color: var(--text);}
.chatInput input.userInput{background:var(--accent-bg);color:var(--text);border-color: var(--border);}
.chatInput input.userInput.search{background:var(--bg);border-color: var(--border);color: var(--text);padding:1rem;}
.customchart-label{fill:var(--text);}
.customchart-grid-line{stroke:var(--border);}
.customchart-tooltip{background: #f2f2f2;border: 1px solid #cbcbcb;color: #000;}
#statistik article.statsArticle .listViewHeader{border-color: var(--border);}
.listViewHeader .postHeaderActionForm .delete-block{background: var(--bg);border-color: var(--border);}
:is(#mitglieder,.groupMembershipManager) .groupPendingInviteBox,
#edit_group_members .groupPendingInviteBox,
#edit_challenge_participants .groupPendingInviteBox{background: var(--bg);border-color: var(--border);color: var(--text);}
:is(#mitglieder,.groupMembershipManager) .groupPendingInviteBoxHeader,
#edit_group_members .groupPendingInviteBoxHeader,
#edit_challenge_participants .groupPendingInviteBoxHeader{border-color: var(--border);}
.dateUpdate .dateInfo{background: var(--bg);border-color: var(--border);color: var(--text);}
.chatContainer article .listViewHeader .chatLeaveForm .leaveChatBtn,
.chatContainer article .listViewHeader .supportCloseForm .closeSupportTicketBtn{background: var(--bg);border-color: var(--border);color: var(--text);}
.chatParticipantActionForm .closeSupportTicketBtn{background: var(--bg);border-color: var(--border);color: var(--text);}
.result-bar .bar{background: var(--bg);border-color: var(--border);}
.teaserBox.header .challengeHeaderTags{color:var(--text);}

::-webkit-scrollbar-track {background:var(--bg);width: 4px;}
::-webkit-scrollbar-thumb {background:var(--text-red);}







.challengeConfigGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.challengeConfigCard {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 1rem;
  padding: 1rem 1.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .35rem;
}

.challengeConfigCardLabel {
  font-size: .9rem;
  font-weight: 600;
  color: var(--sub-text);
}

.challengeConfigCardValue {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.3;
}

/* Cookie consent */
html.cookie-consent-open,
html.cookie-consent-open body {
  overflow: hidden;
}

.cookieConsentBackdrop {
  position: fixed;
  inset: 0;
  z-index: 9997;
  background: rgba(2, 3, 6, 0.72);
  backdrop-filter: blur(8px);
  display: none;
}

.cookieConsentBackdrop.is-visible { display: block; }

.cookieConsentBanner {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: var(--text, #111);
}

.cookieConsentBanner.is-visible { display: flex; }
.cookieConsentBanner p { margin: 1rem 0 0; line-height: 1.45; color: var(--sub-text, #555); }

.cookieConsentPanel {
  width: min(100%, 500px);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  background: var(--bg, #fff);
  color: var(--text, #111);
  border: 1px solid var(--border, #d9d9d9);
  border-radius: .75rem;
  padding: 1rem;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .32);
}

.cookieConsentBrand {
  display: flex;
  align-items: flex-end;
  gap: .5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border, #e6e6e6);
  justify-content: center;
}

.cookieConsentBrand img {
  width: 68px;
  height: 68px;
  object-fit: contain;
  flex: 0 0 68px;
}

.cookieConsentBrand h3 {
  margin: 0;
  font-size: 14pt;
  line-height: 2;
}

.cookieConsentSubheadline {
  margin: 1rem 0;
  line-height: 1.4;
  color: var(--sub-text, #555);
  font-weight: 600;
}

.cookieConsentFields {
  display: grid;
  gap: .7rem;
  padding: 1rem 0;
}

.cookieConsentField {
  display: grid;
  gap: .5rem;
  margin: 0;
  font-size:10pt;
  font-weight: 700;
}

.cookieConsentField select {
  width: 100%;
  min-height: 38px;
  box-sizing: border-box;
  border-radius: .75rem;
  border: 2px solid var(--accent-bg);
  background: var(--border);
  color: var(--text);
  padding: .35rem .7rem;
  outline: none;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease;
}


.cookieConsentField select:hover,
.cookieConsentField select:focus-visible {border-color: #e24040;box-shadow: 0 0 0 2px rgba(226, 64, 64, .12);}
.cookieConsentActions {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: .1rem;
}

.cookieConsentActions button { cursor: pointer; min-height: 38px; }

@media (max-width: 680px) {
  .cookieConsentBanner { padding: 1rem; }
  .cookieConsentPanel { padding: 1rem; }
  .cookieConsentBrand img { width: 58px; height: 58px; flex-basis: 58px; }
  .cookieConsentBrand h3 { font-size: 14pt; }
  .cookieConsentActions button { flex: 1 1 auto; }
  .homeHeroShowcase{
    padding:1rem 0 0;
  }
  .homeHeroPreviewStack{
    position:relative;
    inset:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:.75rem;
    margin-top:.85rem;
    order:2;
  }
  .homeHeroShowcase{
    display:flex;
    flex-direction:column;
  }
  .homeHeroPreviewCard,
  .homeHeroPreviewCard--feedback,
  .homeHeroPreviewCard--results,
  .homeHeroPreviewCard--feedback:hover,
  .homeHeroPreviewCard--feedback:focus-visible,
  .homeHeroPreviewCard--results:hover,
  .homeHeroPreviewCard--results:focus-visible{
    position:relative;
    inset:auto;
    width:100%;
    min-height:132px;
    transform:none;
    animation:none;
  }
  .postCommentsEnabledLabel,
  .postVisibilityLabel {
    display: none;
  }
}
.xpSystemCallout {
  font-size:11pt;
}
.xpSystemGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.xpSystemCard{
  border:1px solid var(--border);
  border-radius:.65rem;
  padding:.75rem;
  background:var(--bg);
}
.xpSystemCard h5{
  margin:0 0 .5rem 0;
  font-size:11pt;
}
.xpFormula{
  margin:0 0 .4rem 0;
  font-weight:600;
}
.xpSystemList{
  list-style:none;
  margin:0;
  padding:0;
}
.xpSystemList li{
  margin:0 0 .3rem 0;
}
.xpSystemList li:last-child{
  margin-bottom:0;
}

.xpLimitRow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.5rem;
}
.xpLimitCard{
  border:1px solid var(--border);
  border-radius:.6rem;
  padding:.55rem .65rem;
  background:var(--bg);
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
.xpLimitCard span{
  font-size:9pt;
  opacity:.8;
}
.xpLimitCard strong{
  font-size:12pt;
}
@media (max-width: 860px){
  .xpSystemGrid{grid-template-columns:1fr;}
  .xpLimitRow{grid-template-columns:1fr;}
}



/* Shared status and editing notices above the challenge briefing. */
#newChallenge [data-competition-only][hidden]{display:none!important;}
.challengeDraftOverview{border:1px solid var(--border);border-radius:1rem;background:var(--bg);overflow:hidden;}
.challengeDraftOverviewHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:var(--accent-bg);}
.challengeDraftOverviewHeader h3{display:flex;align-items:center;gap:.6rem;margin:0 0 .35rem;}
.challengeDraftOverviewHeader p{font-size:10pt;line-height:1.5;color:var(--sub-text);}
.challengeDraftPrivate{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;font-size:10pt;color:var(--sub-text);}
.challengeDraftPrivate .material-icons{font-size:18px;}
.challengeDraftRows{list-style:none;margin:0;padding:0;}
.challengeDraftRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.3fr) minmax(150px,.4fr) auto;gap:1rem;align-items:center;padding:1.1rem 1.25rem;border-top:1px solid var(--border);}
.challengeDraftRow:hover{background:var(--accent-bg);}
.challengeDraftIdentity{display:flex;align-items:center;gap:1rem;min-width:0;}
.challengeDraftIdentity > div:last-child{min-width:0;}
.challengeDraftIdentity h4{margin:0 0 .35rem;font-size:11pt;line-height:1.4;overflow-wrap:anywhere;}
.challengeDraftIdentity h4 a{color:var(--text);}
.challengeDraftIdentity h4 a:hover{color:var(--text-red);}
.challengeDraftThumbnail{display:flex;align-items:center;justify-content:center;width:88px;height:64px;flex:0 0 88px;border-radius:.6rem;overflow:hidden;background:var(--accent-bg);color:var(--sub-text);}
.challengeDraftThumbnail img{display:block;width:100%;height:100%;object-fit:cover;}
.challengeDraftCategory{display:flex;align-items:center;gap:.35rem;font-size:10pt;line-height:1.4;color:var(--sub-text);overflow-wrap:anywhere;}
.challengeDraftCategory .material-icons{font-size:16px;flex-shrink:0;}
.challengeDraftMeta{display:flex;flex-direction:column;gap:.3rem;min-width:0;font-size:10pt;line-height:1.4;color:var(--text);}
.challengeDraftMetaLabel{font-size:9pt;color:var(--sub-text);}
.challengeDraftRow a.challengeDraftContinue{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;margin:0;white-space:nowrap;}
.challengeDraftContinue .material-icons{font-size:18px;}
@media(max-width:1100px){.challengeDraftRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;}.challengeDraftIdentity{grid-column:1 / -1;}}
@media(max-width:600px){.challengeDraftOverviewHeader{align-items:flex-start;flex-direction:column;padding:1rem;}.challengeDraftRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;}.challengeDraftRow a.challengeDraftContinue{grid-column:1 / -1;width:100%;box-sizing:border-box;}.challengeDraftThumbnail{width:72px;height:56px;flex-basis:72px;}}
article.challengeOverviewNotice{border:1px solid var(--border);outline:none;background:var(--bg);overflow:hidden;box-sizing:border-box;}
.challengeOverviewNotice .listViewHeader{padding:.5rem 1rem;gap:.5rem;background:var(--accent-bg);border-color:var(--border);flex-wrap:wrap;}
.challengeOverviewNotice .listViewHeader .bulletpoint{display:flex;align-items:center;justify-content:center;flex:0 0 32px;margin:0;background:var(--bg);border-color:var(--border);}
.challengeOverviewNotice .listViewHeader h3{min-width:0;flex:1 1 200px;}
.challengeOverviewNotice .contentContainer{padding:1.25rem;gap:1rem;background:var(--accent-bg);border-radius:0;}
.challengeOverviewNotice p{line-height:1.6;overflow-wrap:anywhere;}
.challengeOverviewNotice h4{font-size:11pt;line-height:1.5;margin-bottom:.25rem;}
.challengeOverviewInfo{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg);border-radius:.75rem;}
.challengeOverviewInfo > .material-icons{flex-shrink:0;font-size:20px;margin-top:.15rem;color:var(--text-red);}
.challengeOverviewInfo > div{min-width:0;}
details.challengeOverviewInfo{display:block;}
.challengeOverviewInfo > summary{display:flex;align-items:center;gap:.75rem;list-style:none;}
.challengeOverviewInfo > summary::-webkit-details-marker{display:none;}
.challengeOverviewInfo > summary > span:not(.material-icons){flex:1;min-width:0;overflow-wrap:anywhere;}
.challengeOverviewInfo > summary > .material-icons{flex-shrink:0;font-size:20px;color:var(--text-red);}
.challengeOverviewInfo > summary > .material-icons:last-child{transition:transform .2s ease;}
.challengeOverviewInfo[open] > summary > .material-icons:last-child{transform:rotate(180deg);}
details.challengeOverviewInfo > p{padding-left:calc(20px + .75rem);}
@media(prefers-reduced-motion:reduce){.challengeOverviewInfo > summary > .material-icons:last-child{transition:none;}}
.challengeOverviewNotice summary{cursor:pointer;font-size:11pt;font-weight:600;line-height:1.5;}
.challengeOverviewNotice summary:focus-visible{outline:2px solid var(--text-red);outline-offset:4px;}
.challengeOverviewNotice .challengeDraftActions button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;}
.challengeOverviewNotice .challengeDraftError:empty{display:none;}
@media(max-width:600px){
    .challengeOverviewNotice .listViewHeader,.challengeOverviewNotice .contentContainer{padding:1rem;}
}
/* Inline editors use the same content container and controls in draft and live views. */
.challengeDraftEditor{min-width:0;border-bottom:1px solid var(--border);}
.challengeDraftEditor[hidden]{display:none;}
.listViewHeader .challengeDraftEditButton{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex-shrink:0;margin-left:.5rem;padding:.4rem .6rem;font-size:10pt;}
.challengeDraftEditButton .material-icons{font-size:18px;}
@media(max-width:1023px){.listViewHeader .challengeDraftEditButton{min-width:32px;min-height:32px;padding:.15rem;box-sizing:border-box;}}
.challengeDraftEditor > form.contentContainer{min-width:0;margin:0;padding:1rem;gap:1rem;border-radius:0;overflow:visible;outline:none;}
.challengeDraftEditor fieldset{min-width:0;padding:1rem;margin:0;border:1px solid var(--border);border-radius:.75rem;}
.challengeDraftEditor legend{max-width:100%;padding:0 .4rem;font-size:11pt;font-weight:600;color:var(--text);}
.challengeDraftEditor label{display:block;min-width:0;font-size:10pt;font-weight:500;line-height:1.5;color:var(--sub-text);}
.challengeDraftEditor input.userInput,
.challengeDraftEditor textarea.userInput,
.challengeDraftEditor .challengeCreateForm select,
.challengeDraftEditor .editorSurface{min-width:0;max-width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--border);font-size:12pt;}
.challengeDraftEditor input.userInput,
.challengeDraftEditor .challengeCreateForm select{width:100%;min-height:2.75rem;padding:.65rem .75rem;margin:.4rem 0 0;}
.challengeDraftEditor .challengeCreateForm select{text-align:start;}
.challengeDraftEditor textarea.userInput{display:block;width:100%;min-height:5rem;padding:.65rem .75rem;margin:.4rem 0 0;resize:vertical;font-family:inherit;}
.challengeDraftEditor input[type="datetime-local"]{display:block;}
.challengeDraftEditor .editorSurface{min-height:150px;margin:.5rem 0 0;padding:.75rem;}
.challengeDraftEditor input.userInput:focus-visible,
.challengeDraftEditor textarea.userInput:focus-visible,
.challengeDraftEditor .editorSurface:focus,
.challengeDraftEditor .challengeCreateForm select:focus-visible{outline:2px solid var(--text-red);outline-offset:2px;border-color:var(--text-red);}
.challengeDraftEditor .editorSurface.is-empty::before{color:var(--sub-text);}
.challengeDraftEditor :is(input,select,button):disabled{opacity:.55;cursor:not-allowed;}
.challengeDraftEditor input[type="file"]{font-size:10pt;}
.challengeDraftEditor label + p.small{margin-top:.4rem;}
.challengeDraftEditor input[type="file"]::file-selector-button{margin-right:.75rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:2rem;background:var(--accent-bg);color:var(--text);font:inherit;cursor:pointer;}
.challengeDraftEditor input[type="file"]::file-selector-button:hover{border-color:var(--text-red);}
.challengeDraftEditor .editorToolbar{margin-top:.75rem;gap:.5rem;flex-wrap:wrap;}
.challengeDraftEditor hr{display:none;}
.challengeDraftEditor [data-draft-items]{display:grid;gap:1rem;min-width:0;}
.challengeDraftEditor [data-draft-remove]{margin-top:1rem;}
.challengeDraftFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
[data-profile-editors] [hidden],[data-profile-dirty][hidden]{display:none!important;}
.profileEditCard{min-width:0;}
.profileSettingsTiles,.profileAppearanceTiles{display:grid;gap:1.5rem;min-width:0;}
.profileSettingsTile,.profileAppearanceTile{min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--bg);box-sizing:border-box;}
.profileSettingsTile h4,.profileAppearanceTile h4{margin:0 0 1rem;font-size:12pt;line-height:1.4;}
.profileAppearancePreview{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem;min-width:0;}
.profileAppearancePreview:last-child{margin-bottom:0;}
.profileAppearanceAvatar{position:relative;flex:0 0 112px;width:112px;height:112px;}
.profileAppearancePhoto{position:absolute;inset:4%;width:92%;height:92%;object-fit:cover;border:8px solid #000000e8;border-radius:50%;box-sizing:border-box;}
.profileAppearanceFrame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;}
.profileAppearanceCaption{display:flex;flex-direction:column;gap:.3rem;min-width:0;overflow-wrap:anywhere;}
.profileAppearanceCaption .small{color:var(--sub-text);}
.profileAppearanceWidgetSummary{margin:0;padding-left:1.25rem;line-height:1.6;}
.profileAppearanceWidgetSummary li+li{margin-top:.4rem;}
@media(max-width:600px){.profileSettingsTile,.profileAppearanceTile{padding:1rem;}.profileAppearancePreview{gap:.75rem;}.profileAppearanceAvatar{flex-basis:88px;width:88px;height:88px;}}
.profileEditCard>.listViewHeader h3{flex:1;min-width:0;}
.profileEditCard .devider{min-height:1.5rem;}
.profileEditCard .devider .listLine{min-height:1.5rem;}
.profileEditCard .challengeDraftActions{display:flex;flex-wrap:wrap;gap:.75rem;}
.profileEditCard .challengeDraftEditor :is(input.userInput,select,.editorSurface):focus-visible{outline:2px solid var(--text-red);outline-offset:0;border-color:transparent;box-shadow:none;}
.challengeDraftChoiceList{max-height:220px;overflow:auto;margin-top:.75rem;}
.challengeDraftEditor label.challengeDraftChoice{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.6rem .5rem;border-radius:.5rem;font-size:11pt;font-weight:400;color:var(--text);cursor:pointer;overflow-wrap:anywhere;}
.challengeDraftEditor label.challengeDraftChoice:hover{background:var(--bg);}
.challengeDraftEditor label.challengeDraftChoice:has(input:checked){background:var(--bg);}
.challengeDraftEditor .challengeDraftChoice[hidden],.challengeDraftCoverPreview[hidden]{display:none;}
.challengeDraftEditor .challengeDraftChoice input{flex:0 0 auto;width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--text-red);}
.challengeDraftActions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:0;padding-top:1rem;border-top:1px solid var(--border);}
.challengeDraftError{margin-top:.75rem;}
.challengeDraftEditor .challengeDraftError:empty{display:none;}
.challengeDraftEditor .challengeDraftError:not(:empty){margin:0;color:var(--text-red);}
.challengeDraftCoverPreview{display:block;max-width:100%;max-height:220px;margin-top:.75rem;border-radius:.5rem;object-fit:contain;}
@media(max-width:600px){
    .challengeDraftFields{grid-template-columns:1fr;}
    .challengeDraftEditor > form.contentContainer{padding:.75rem;}
    .challengeDraftEditor fieldset{padding:.75rem;}
    .challengeDraftActions > button{flex:1 1 100%;}
}
.challengeDraftPublish{margin-top:1rem;}
.challengeDraftSavedNotice .challengeDraftPublish{margin-top:0;}
.challengeDraftSavedNotice .challengeDraftActions > :is(button,a.navButton){display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-sizing:border-box;min-height:42px;margin:0;padding:.6rem 1rem;border-width:2px;border-style:solid;border-radius:2rem;font-size:11pt;font-weight:500;line-height:20px;text-decoration:none;}
.challengeDraftSavedNotice .challengeDraftActions > .secondary{background:var(--bg);border-color:var(--border);color:var(--text);}
.challengeDraftSavedNotice .challengeDraftActions > .secondary:hover{border-color:var(--text-red);color:var(--text-red);}
.challengeDraftSavedNotice .challengeDraftActions > :is(button,a.navButton):focus-visible{outline:2px solid var(--text-red);outline-offset:2px;}
.challengeDraftSavedNotice .challengeDraftActions > :is(button,a.navButton) .material-icons{font-size:18px;line-height:20px;}
.challengeDraftSavedNotice .challengeDraftActions > .challengeDraftDeleteButton{margin-left:auto;flex:0 0 auto;align-self:flex-end;}
@media(max-width:600px){.challengeDraftSavedNotice .challengeDraftActions > .navButton{flex:1 1 100%;box-sizing:border-box;}}
.challengeDraftPublish [hidden]{display:none;}
.challengeDraftPublish button[type=submit]{display:inline-flex;align-items:center;gap:.4rem;}