/* Extra small devices (phones, 1024px and down) */
@media only screen and (max-width: 1023px) {
    html{scroll-padding-top: 165px;}
    body{min-width:335px;}
    #share{overflow-y:auto;}
    #share .highlightElements{height:auto;min-height:100%;padding-bottom:1rem;box-sizing:border-box;}
::-webkit-scrollbar {width:6px;height:0;}
::-webkit-scrollbar:vertical {width:6px;}
::-webkit-scrollbar:horizontal {height:0;display:none;}
::-webkit-scrollbar-track {background:rgba(203,203,203,.18);width:6px;}
::-webkit-scrollbar-thumb {background-color:#cbcbcb;border-radius:2rem;cursor:pointer;}
::-webkit-scrollbar-thumb:hover{background-color:#e24040;} 

    .wrapper{width:90%;}
    .wrapper.sm-header{width:100%;}
    .cardContainer.wrapper{width:90%;}

    .mobileHide{display:none!important;}
    .flex{flex-direction: column;}
    
    h1{font-size:18pt;}
    
    /* Row */   .row{}  
    /* 1 */     .row.one{width:100%;}
    /* 1/2 */   .row.oneHalf{width:100%;}
    /* 1/3 */   .row.oneThird{width:100%;}
    /* 2/3 */    .row.twoThird{width:100%;}
    /* 1/4 */    .row.oneFourth{width:100%;}
    /* 3/4 */    .row.threeFourth{width:100%;}
    /* 1/5 */    .row.oneFifth{width:100%;}
    /* 2/5 */     .row.twoFifth{width:100%;}
    /* 3/5 */     .row.threeFifth{width:100%;}
    /* 4/5 */     .row.fourFifth{width:100%;}
    /* 1/6 */    .row.oneSixth{width:100%;}
    /* 5/6 */    .row.fiveSixth{width:100%;}
.row.leftBorderLine{padding:0 1rem;width:95%;margin-left:.8rem;}
.row.rightBorderLine{width: 94.5%;padding-right: 5%;border-right:3px dashed #e24040;}
.row.rightContentBorderLine{padding:0 1rem 0 0;width:94%;border-left:none;border-right:3px dashed #e24040;}
.connectionLineContainer.participation{margin:0 .55rem 0 0;}
.connectionLineContainer.mobile{display:block;}
.connectionLineContainer .lineTopLeft{width:50%;}
.connectionLineContainer .lineTopRight{width:49.5%;left:46%;border-bottom: 3px dashed #e24040;border-right: 3px dashed #e24040;}
.connectionLineContainer .lineBotLeft{width:50%;}
.connectionLineContainer.mobile .lineBotLeft{width:25%;left:50%;}
.connectionLineContainer.mobile .lineTopRight{width:29%;right:3.75%;left:auto;border-bottom: 3px dashed #e24040;border-right: 3px dashed #e24040;}
.connectionLineContainer .lineBotRight{width:47.4%;left:50%;border-top: 3px dashed #e24040;border-right: 3px dashed #e24040;}

a.navButton{margin:0;width:100%;padding:.5rem 0;}
a.navButton.secondary{margin:0;width:100%;padding:.5rem 0;border-color:#c2c2c2;}
.smartTopbar{position: fixed;top: 0;left: 0;width: 100%;z-index:7;}
.spotlight{grid-template-columns: 1fr;gap:2rem;margin:0;}
.spotlight .spotlight-item{grid-column:auto !important;}
.cardContainer{grid-template-columns: 1fr;gap:2rem;}
.rightHeaderBox{float:left;width:25%;height:90px;background:#fff;border-radius: 0 0 0 25px;text-align: center;position:relative;z-index: 2;box-shadow: 18px 5px 10px #00000017;}
.rightHeaderBox .listViewHeader .profileHead.small{margin-top:.75rem;}
.leftHeaderBox{float:left;widtH:25%;height:90px;background:#fff;border-radius:0 0 25px 0;text-align: center;position:relative;z-index: 2;box-shadow: -18px 5px 10px #00000017;}
        a.imgContainer{display:block;margin:.5rem auto 0 auto}
        a.imgContainer img{height:35px;margin-top:10px;}
        a.imgContainer img.logo{height:30px;margin-top:13px;}

        a.imgContainer img.profilbild{border-radius:50%;}
        .descriptor{display:block;font-weight:600;margin-top:.25rem;font-size:10pt;width:100%;overflow: hidden;padding:0;}
.midHeaderBox{float:left;width:50%;height:75px;position:relative;}
        .pageIndicator{background:#fff;height:50px;text-align:center;font-size:11pt;font-weight:600;box-shadow: 0px 5px 10px #00000017;}
        .leftcorner{position:absolute;bottom:0;left:-1px;width:25px;height:25px;background-image:url(../img/rectangle_left_raw.svg);background-repeat:no-repeat;background-size:cover;}
        .rightcorner{position:absolute;bottom:0;right:-1px;width:25px;height:25px;background-image:url(../img/rectangle_right_raw.svg);background-repeat:no-repeat;background-size:cover;}
    .tileScrollContainer.reelContainer{gap:0;}
    .tileScrollContainer .connectCircle{padding:0 .25rem;margin:0;}
.profileHead.small{justify-content: center;}
.listViewHeader .profileHead.small{margin:0;}
    .panelWrapper {top:90px;z-index:8;}
    .panelWrapper .panelBox{width: 100%;padding: 1rem 5%;margin:0 -5% 0 0;border: none;border-radius: 1rem;top: -90px; border-radius: 0 0 1rem 1rem;}
    .panelBox .row.oneSixth{width:50px}
    .panelBox .row.fiveSixth{width:83%}
        .panelBox button{margin: 2px -5px 0 0;}
    #profilPanel .panelReadAllActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;}
    #profilPanel .panelReadAllActions button{grid-row:1;min-width:0;max-width:100%;min-height:44px;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;}
    #profilPanel .panelReadAllActions .loadMoreButton{grid-column:2;justify-self:end;}
    #profilPanel .panelReadAllActions .panelReadAllLink{grid-column:1;justify-self:start;margin-right:0;}
    #profilPanel .panelReadAllStatus{grid-column:1 / -1;grid-row:2;min-width:0;overflow-wrap:anywhere;}
    .profilContainer{display:block;}
    .accountname span.material-icons{display:inline-block!important;}
    
    .boxElement{width:100%}

    .content{bottom:20px;}
        .subNavi ul{overflow-x:scroll;}
        .subNavi ul li{margin:0 12px 0 0;}
        .subNavi ul li a{font-size:11pt;}


    .content .eyebrow{color:#fff;text-transform: uppercase;font-size:12pt;font-weight:400;}
    .content h1{color:#fff;font-size:28pt;font-weight:500;}
    .contentPanel{padding:1rem 0 3rem 0;}
    .meta{z-index:6;padding:1rem 0;}
    /* Cover the topbar cutout on pages without a creative header, keeping the headline in place. */
    .meta--plain-header{margin-top:-40px;padding-top:calc(1rem + 40px);}
    header.sm-header{z-index:7;}
    .smartTopbar{z-index:8;}
    .bg_btt{display: block;margin: 0 auto;width: 100%;background: #fcfafa;height: 40px;line-height: 40px;text-align: center;position: fixed;left: 0;right: auto;top: 50px;border-radius: 2rem 2rem 0 0;color: #fff;z-index:5;font-size:10pt;font-weight:500;transition: all .3s ease;}
    .bg_btt.hide{visibility: hidden;opacity: 0;}
    .btt {margin: 0 auto;width: 50%;height: 30px;line-height: 30px;text-align: center;position: fixed;left: 25%;right: auto;top: 53px;color: #000;z-index:0;font-size:9pt;font-weight:500;display:none;opacity:1;transition: all .3s ease;}
    .btt.hide{visibility: hidden;opacity: 0;}
    #btt_sm.btt-raised {z-index: 8;display:block;;}
    header{z-index:6;position:relative;height:auto;margin-top:90px;padding:0 0 0 0;}
    header.sm-header{padding:0;}
    h3.categorieTeaser{margin: -1.5rem 0 0 0;font-size: 11pt;}
    .creativeWrapperHeader .creativeWrapper > .row.oneFifth,
    .creativeWrapperHeader .creativeWrapper > .row.oneSixth{height:0;min-height:0;overflow:visible;z-index:3;}
    .creativeWrapperHeader .creativeWrapper > .row.fourFifth{float:none;width:100%;}
    .creativeWrapperHeader h3.categorieTeaser{position:relative;z-index:3;pointer-events:none;}
    #scrollAnchor{display:block;width:0;height:0;margin-top:-210px;position:absolute;}

    .headlineContainer{padding:1rem 0rem 2rem 0;}
    .headlineContainer h1{font-size: 20pt;}
    .headlineContainer h2{font-size: 14pt;}
    .headlineContainer h4{font-size: 10pt;}
    .homeHeroMeta{padding:1rem 0;}
    .homeHeroSplit{
        display:flex;
        flex-direction:column;
        gap:1rem;
        padding:0 0 .75rem;
    }
    .homeHeroCopy,
    .homeHeroSlider{
        width:100%;
        max-width:100%;
    }
    .homeHeroCopy .headlineContainer{
        padding:1rem 0rem;
        text-align:center;
        gap:1rem;
    }
    .homeHeroCopy .headlineContainer h1,
    .homeHeroCopy .headlineContainer h2{
        line-height:normal;
    }
    .homeHeroSlider .homeContentSlider__item,
    .homeHeroSlider .homeContentSlider__item--cta{
        flex:0 0 100%;
        max-width:100%;
    }


    .filter{top:90px;border-top:1px solid #f2f2f2;margin:0;}
    .filter.popUp{padding:0 1rem;}
    .filter.popUp .scrollContent{width:100%}
    .filter.popUp.hide{transform:none;}
    .filter.sm-header{border-top:none;}
    .filter.filter--panel-open{transform:none;}
    .filter.hide{transform: translateY(-250%);}
    .filter.filter--panel-open.hide{transform:none;}
    .scrollContent.full{width:100%;}
    .search-input {padding:3px 7px}

    .search-bar {
        justify-content: space-between;
        gap: 0;
        padding: 0;
        background: transparent;
        border: none;
        outline: none;
    }

    .searchTabs {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        right: 10px;
        background: white;
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        margin-top: 8px;
        z-index: 100;
        padding: 6px 0;
    }

    .searchTabs.show {
        display: flex;
    }

    .searchTab {
        padding: 10px 14px;
        text-align: left;
        width: 100%;
    }
    .searchTab.active{border-radius:0;outline:none;}
    .searchTab{transition:none}
    .searchTab:hover{border-radius:0;outline:none;border:none;}
    .filter-dropdown {
        position:relative;
        display: flex;
        align-items: center;
    }

    .filter-btn span:not(.material-icons) {
        display: none; /* Hide "Sortierung" text, show only icon */
    }
    /* Toggle-Button für mobile Tabs */

    .mobile-tabs-toggle {
        display: inline-flex;
        align-items: center;
    }


    .expandedBarContainer{margin:-4px 0 0 0;right:0;width: 92%;padding: 0 5%;top:50px;z-index:2;}

    nav.categories ul{padding:10px 0;width: 100%;overflow-x:scroll;}
    nav.categories ul.plain li{margin: 0 .25rem;padding: 0;height:40px;line-height:40px;}
    nav.categories ul li{width:auto;min-width: auto;height:auto;padding:5px 0;}
    nav.categories ul li a{height:20px;line-height:20px;padding:5px 8px;margin:0;}
    nav.categories ul li a.aktiv{}

    .creativeWrapper{margin:0;padding:0;border-radius:0;border-bottom:1px solid #f2f2f2;border-top:none;outline:none;}
    .creativeWrapper .sliderButton.left{left:.25rem;top:1rem;}
    .creativeWrapper .sliderButton.right{right:.25rem;top:1rem;}
    .messagesContactSlider .sliderButton.left{left:.25rem;top:1rem;}
    .messagesContactSlider .sliderButton.right{right:.25rem;top:1rem;}
    .stopper.right{left:auto;right:0;}
    .stopper.left{left:0;right:auto;}
    .stopper.dateSlider.right{width:50px;}
    .stopper.dateSlider.left{width:50px;}
    nav.categories .stopper{height: 100%;top: 0px;}
    .sliderButton.inline{top:5px;}
    nav.categories .stopper.left{text-align: left;}
    nav.categories .stopper.right{text-align: right;}
    nav.categories .stopper.left{background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(252 250 250) 50%);}
    nav.categories .stopper.right{background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(252 250 250) 50%);}


    header .boxElement{width:100%;padding:0;}
    .bewertungsContainer{overflow-x:scroll;}
    .dateOverview{padding:.5rem 1rem 0 1rem;margin:0;}
    .dateOverviewContainer{padding:20px 0 5px 0;}

    .teaserBox.header {margin-top:-40px;min-height:170px;}
    .teaserBox.header .badgeMarker{top:15px;margin:0 auto;left:0;right:0;width:fit-content;border-radius:1rem;font-size: 9pt;}
    .teaserBox.header .content h2.lg{font-size:18pt;}
    .teaserBox{min-height:170px;}
    .teaserBox.left{margin:0;}
    .teaserBox.article{width:100%;}
    .meta .contentBox{padding:2px;border-radius:1rem;width:auto;margin:0;display: flex;align-items: center;}
    .meta .contentBox span.material-icons.teaser{font-size:15pt;}
    .meta .contentBox h2{font-size:12pt;}
    .meta .contentBox .tagLine{width:auto;padding:0;}
    .meta .tileScrollContainer.challengePhaseScroller{--tile-fade-inset:calc(var(--challenge-phase-fade-width) + 4px);box-sizing:border-box;padding-inline:0;}
    .meta .challengePhaseScroller .challengePhaseTile{flex:0 0 calc(100% - var(--tile-fade-inset) - var(--tile-fade-inset));min-width:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;justify-content: center;}
    .meta .tile.challengePhaseBox .challengePhaseTitleRow{min-width:0;max-width:100%;flex-wrap:wrap;}
    .meta .interactionTileIcon{flex-basis:28px;width:28px;height:28px;font-size:20px;}
    .meta .metaTileLayout{grid-template-columns:minmax(0,1fr);}
    .meta .tileScrollContainer.interactionTileScroller{--tile-fade-inset:calc(var(--interaction-fade-width) + 4px);padding-inline:0;}
    .meta .tileScrollContainer.openChallengeScroller{display:flex;}
    .meta .interactionTileScroller > .interactionTile{flex-basis:calc(100% - var(--tile-fade-inset) - var(--tile-fade-inset));}
    .meta .interactionTileScroller > .profileWidgetTile{flex-basis:calc(100% - var(--tile-fade-inset) - var(--tile-fade-inset));}
    .meta .tileScrollContainer:is(.challengePhaseScroller,.interactionTileScroller) > :is(:first-child,:last-child){flex:0 0 100%;min-width:0;max-width:100%;box-sizing:border-box;}
    .meta .tileScrollContainer.interactionTileScroller > .profileWidgetTile{min-width:min-content;max-width:none;}
    .meta .tileScrollContainer:is(.challengePhaseScroller,.interactionTileScroller) > .tile{outline-offset:-1px;}

    nav.main ul{display:flex;padding: 0 5px;}
    nav.main ul li{flex:1;margin:0 auto;padding:0;}
    nav.main ul li a{font-size:10pt;}
    nav.main ul li a span.title{display:none;}
    nav.main ul li a.aktiv span.title{display:block;}
    nav.main ul li a span.material-icons{font-size:2rem;margin-top:.5rem;}
    nav.main ul li a.aktiv span.material-icons{font-size:1.75rem;margin:0 auto;background:none;max-width:80px;}
    nav.main{float:initial;width:100%;}
    nav.categories.inline{float: right;width: 55%;}
    nav.categories.tagline{float: right;width: 70%;}
    nav.categories.tagline ul{padding:0;}
    nav.categories.inline ul{padding:0;}
    nav.categories ul{overflow:auto;}
    footer.sm{position:fixed;bottom:0;left:0;width:100%;margin:0;height:auto;background: #fff;backdrop-filter: blur(10px);transition:all .3s ease;z-index:10;display:flex;padding: 5px 0 12px 0;text-align: center;font-size: 9pt;font-weight: 500;}
    nav.main ul li a span.indicator{right:20%;}
    .accordion.active .accordion-header:hover{color:#e24040;}
    .leaderboard-load-more-wrap{display:none!important;}
    .leaderboard-endpoint-dot{display:none!important;}
    .leaderboard-endpoint-trigger{display:inline-flex!important;margin:0;}
    .leaderboard-endpoint-trigger[hidden]{display:none!important;}
    .row-desktop-wrapper{gap:0;}
    .row-desktop-wrapper .stickyContainer{position:relative;top:0;}
    .row-desktop-wrapper {display: flex;flex-direction: column;}
    .leftCol, .rightCol {width: 100%;order: initial; /* Basis */}
    .share .containerWrapper{flex-wrap: nowrap;}
    .containerWrapper{display: flex;gap:0;flex-direction: row;flex-wrap: wrap;}

    .containerWrapper .contentContainer{flex:1;margin-bottom:2rem;display:none;}
    .popupBox .containerWrapper .contentContainer{display:block;margin-bottom:0;}
    .contextViewPanel .contentContainer{display:flex;margin:0;}
    .containerWrapper .ergebnisView .contextViewPanel.mobileMovedContextView .chatBoxPanel .contentContainer{display:flex;margin:0;}
    article .contentContainer{padding:1rem;}
    .containerWrapper .contentContainer.show{display:block;transition:all .3s ease;margin:1rem 0;}
    .containerWrapper .ergebnisView{width:100%;position:relative;display:none;}
    #ergebnis .contextViewPanel.ergebnis .articleContainer:last-of-type img{border-radius:0;}
    #ergebnis .contextViewPanel.ergebnis .articleContainer:first-of-type img{border-radius:1rem 1rem 0 0;}

    .containerWrapper.accordionContent.active .ergebnisView{display:block;}
    .containerWrapper.accordionContent .listLine{display:none;}
    .containerWrapper.accordionContent.active .listLine{display:block;}

    .containerWrapper.accordionContent.active 
    .contextViewPanel button.cta{margin:0;}
    .contextViewPanel .devider span{margin: .5rem 0 1rem 0;}
        
    .listViewHeader.accordionHeader.active a.button{display:none!important;}
    .listView a.button{border:none;background:transparent;}
    .listViewHeader span.arrow{transition:all .3s ease;float:right;margin:5px 7px 0 0;transform: rotate(0deg);}
    .listViewHeader.active span.arrow{display: none;}
    .listViewHeader button.toggleOverviewButton{transition:all .3s ease;float:right;margin:-3px 0 0 0;display:none;padding:.35rem;}
    .listViewHeader.active button.toggleOverviewButton{display: block;background:transparent;;color:#e24040;}
    .contextViewPanel .join{flex-direction: column;}
    article .listViewHeader{padding:.5rem 1rem;margin:0;}
    .articleContainer{padding:0;}
    .articleContainer .commentary label{font-size:9pt;margin-top:.45rem;}
    .articleContainer img{margin:0;}
    .articleContainer.selected{z-index:9;}
    .articleContainer.selected .commentary{display: block;overflow: hidden;}
    .articleContainer .commentary{bottom:55px;padding:.5rem 0 1rem 0;}
    .articleContainer .commentary img{width:35px;margin:0;}
    .articleContainer .commentary textarea{font-size:9pt;outline:none;min-height:auto;background:transparent;}

    .articleContainer .commentary .commentaryBoxWrapper{align-items: flex-start;flex-direction: column;padding:0 .5rem;gap:0px;}
    .articleContainer .commentary .commentaryBoxWrapper .commentaryText{width: 100%;display: flex;flex-direction: row;align-items: center;gap: .25rem;}
    .articleContainer .commentary .commentaryBoxWrapper .votingBox{padding:0;margin:0;text-align: center;}
    .articleContainer .commentary .commentaryBoxWrapper .submitButton{margin:0; padding:.5rem;width:auto;padding:.25rem;}

    .contextViewPanel .articleContainer:first-child img{border-radius:1rem 1rem 0 0;}
    .contextViewPanel .articleContainer:last-child img{border-radius:0;}
    .toolKitNavi{margin:-5px 0 0 0;position: relative;display: block;width: 100%;height: auto;border-top:none;background:var(--bg);right: 0;border-radius:0 0 1rem 1rem;}
    .toolKitNavi ul{margin: 0;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-evenly;}
    .toolKitNavi ul li{margin:0;display:inline-block;width:auto;}
    .toolKitNavi ul li a{margin: 0;}
    .listViewHeader h3{font-size:13pt;}
    
    .commentaryText, .votingBox {flex-direction: column;gap: .5rem;}
    .step {display: none;}
    .step.active {display: flex;flex-direction: row;align-items: center;width: 100%;gap:.5rem;}
    .slider-wrapper .tooltip{padding:2px 0;margin-bottom:.5rem;}
    .nextStepButton{padding:.25rem;}
    .backStepButton{padding:.25rem;background:#fff;color:#e24040;outline:2px solid #c2c2c2;}
    /* Scale the shared large avatar and its frame together on mobile. */
    .profile{width:88px;max-width:100%;}
    .profile .profilePicture img.profilePicture{width:64px;height:64px;border-width:6px;object-fit:cover;}
    .profile .profilePicture img.avatarBorder{width:84px;height:84px;top:-4px;object-fit:contain;}
    .leaderBoardWrapper{gap:.5rem;margin-top:1rem;padding-top:.5rem;}
    .leaderBoardWrapper .leaderBoard{min-width:0;flex:1 1 0;}
    .leaderBoard .profile{width:auto;}

    .leaderBoard .auszeichnungsBox{height:50px;width:50px;}
    .auszeichnungsBox span.material-icons{font-size:20pt;}
    .leaderBoard.first span.winner{padding:5px;font-size:8pt;}
    .priceTag{font-size:10pt;}
    .profile .username{font-size:13pt;overflow-wrap:anywhere;}
    .ranking-table th, .ranking-table td{padding:15px 20px;font-size:11pt;}
    .stopper.ergebnis.right{width:20px;}
    .stopper.ergebnis.left{width:20px;}
    .sliderButton.ergebnis.left{left:-3%;}
    .sliderButton.ergebnis.right{right:-3%;}
    .comments-box{max-height:195px;}
    .bewertungsContainer .boxElement{width:90%;margin:0 1rem 0 0;}
    .contentContainer.full{width:auto;padding:1rem;}
    .contentContainer.full.profile{margin:0;}
    .teaserBox.toggle-container .content .gradientPart button.toggle-button{margin:.5rem auto;}
    
    .teaserBox.header .content{width:100%;padding:1rem 0;}
    .teaserBox.header .profileHead{width:100%;display:flex;gap:.75rem;justify-content: flex-start;align-items: flex-end;}
    .teaserBox.header .profileHead .textContainer{min-width:0;overflow-wrap:anywhere;}
    .teaserBox.header .connect{flex-direction:column;}
    .teaserBox.header .connect a.navButton{padding:.5rem;display:block;width:auto;}
    .connect-load-more-wrap{text-align: left;margin:0;}
    .activityStreamView{flex-direction: column;}
    .boxElement.activity{flex:1;margin:1rem 0;}
    .contextViewPanel .join{flex-direction: column-reverse;gap:0;}
    .contextViewPanel .join .boxElement.activity{margin:0}
    .contextViewPanel .join .boxElement.activity .teaserBox{border-radius:0;}
    .contextViewPanel .join .boxElement.activity .teaserBox .badgeMarker.projekt{border-radius:0 0 1rem 0;}
    .contextViewPanel .join .clr{display:none;}
    .contextViewPanel .join .contentContainer{border-radius:0 0 1rem 1rem;border-top:1px solid #e6e6e6;}

    /* Rating details are stacked after the context panel moves into the accordion. */
    #bewertung .contextView-8 .join{align-items:stretch;min-width:0;}
    #bewertung .contextView-8 .join > .contentContainer,
    #bewertung .contextView-8 .join > .boxElement.activity{
        box-sizing:border-box;
        flex:0 0 auto;
        width:100%;
        min-width:0;
        max-width:100%;
        align-content:stretch;
    }
    #bewertung .contextView-8 .join > .contentContainer{border-color:var(--border);}
    #bewertung .contextView-8 .join .teaserBoxFooter{border-radius:0;}
    #bewertung .contextView-8 .comments-box{max-height:340px;border-radius:0 0 1rem 1rem;}
    #bewertung .challengeEvaluationHeader .profileHead{justify-content:flex-start;}
    #bewertung .challengeEvaluationHeader .textContainer{flex:1;}

    /* Keep all footer actions inside narrow cards, including longer counters. */
    .teaserBoxFooter:not(.header){height:auto;min-height:45px;}
    .teaserBoxFooter:not(.header) > .row.one{
        display:flex;
        align-items:center;
        min-width:0;
        height:auto;
    }
    .teaserBoxFooter:not(.header) .tags{flex:1 1 0;min-width:0;}
    .teaserBoxFooter:not(.header) .tags > ul{
        float:none!important;
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        min-width:0;
        max-width:100%;
    }
    .teaserBoxFooter:not(.header) .tags li{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:.2rem;
        box-sizing:border-box;
        min-height:44px;
        padding:.25rem .35rem!important;
        border-radius:0;
        white-space:nowrap;
    }
    .teaserBoxFooter:not(.header) .tags .material-icons{font-size:20px;flex-shrink:0;}
    .teaserBoxFooter:not(.header) > .row.one > .submenu{
        float:none!important;
        flex:0 0 auto;
        align-self:flex-start;
        margin-left:auto;
    }
    .teaserBoxFooter:not(.header) > .row.one > .clr{display:none;}

    #ergebnis .challengeRatingCard textarea,
    .contextViewPanel .slider-wrapper .tooltip input.tooltipInput{font-size:16px;}
    #ergebnis .challengeRatingBody{padding:.75rem;}
    #ergebnis .challengeRatingCard .tooltip{padding:.5rem;}
    .profilePostCommentsRail > .profilePostCommentsContainer{padding:0 0;}
    .profilePostCommentsRail.is-open > .profilePostCommentsContainer{padding:0;}
    .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentComposer .profilePostCommentSubmit{width:100%;justify-content:center;}
    .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentReplies{margin:0;padding-left:0;display:flex;clear:both;}
    .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentReplies .profilePostRepliesContainer{padding: 0 0 1rem 0;}
    .profilePostCommentsRail .profilePostCommentsContainer .profilePostCommentArticle .listViewHeader{flex-direction:column;align-items:flex-start;}
    .row.oneThird.activityStreamViewLeft{width:100%;}
    .row.twoThird.activityStreamViewRight{width:100%;}
    .quickStatsContainer .quickStat{height:70px;}
    .quickStatsContainer .quickStat .circle-chart{top: 0;left: 0;right: 0;bottom: 0;margin: auto;width:50px;height:50px;}
    .quickStatsContainer .quickStat .progress-icon .percentage-text{top: 0;left: 0;right: 0;bottom: 0;margin: auto;font-size:9pt;}
    .quickStatsContainer .quickStat .progress-icon .tip{max-width:130px;bottom:-50px;}
    .quickStatsContainer .quickStat:last-child .progress-icon .tip{right:0;left:auto;}

    .teaserBox.header .textContainer{display: flex;flex-direction: column;flex:1;}
    .teaserBox.header .textContainer h2{font-size:18pt;}
    .teaserBox.header .textContainer h3{font-size:12pt;margin:.25rem 0;}
    .teaserBox.header .connect button{width:auto;padding:.5rem;}
    .listLine{margin:0 13px;padding:0;min-height:20px;height: -webkit-fill-available;}
    .contextViewPanel .devider .listLine{margin:0 13px;padding:0;min-height:20px;}
    .listViewHeader .bulletpoint{margin-left:-3px;}
    .endPoint{margin:0 8px;}
    .row-desktop-wrapper > .leftCol > .listView > .endPoint{display:none;}
    .row-desktop-wrapper > .leftCol > .listView > .listLine.devider:has(+ .clr + .endPoint){display:none;}
    .poll-footer{gap:1rem;flex-direction: column;font-size:10pt;}
    .poll-footer .poll-info{border-top: 1px solid #e6e6e6;padding-top:1rem;}
    .creativeWrapper .stopper.categorie.left{}
    .creativeWrapper .stopper.categorie.right{right:0;}
    .chatBox{padding:1rem;}
    .resetChatView{margin:0 .5rem;}
    .resetBtn {padding:.5rem;}
    .resetBtn .material-icons {margin-right:0;}
    article.opened .chatBox{max-height:33vh;}
    .chatInputBoxWrapper{padding:.5rem 1rem;}
        .messagesContainer .message .boxElement{min-width:auto;}
        .contextViewPanel .join .comments-box{max-height:360px;}
    article.tileContainer{gap: 1rem;flex-direction: column;background:#fff;padding:1rem;}
    .userContainer{grid-template-columns: 1fr;gap:0;}
    .userContainer a.user{grid-area: row;grid-row: auto;}
    .tileScrollContainer{gap:1rem;margin:0;padding:0 0 .5rem 0;overflow-x: scroll;}

    .hightlightElements{justify-content: flex-start;}
    .closeField button{width:30px;height:30px;padding:0;margin-top:1rem;}
    .prev_elements{display:none;}
    .next_elements{display:none;}
    .popupBox .mainContainer{width:90%;}
    .popupBox .mainContainer .story{margin-top:1rem;max-width:100%;}
    .mainContainer{gap:0;}
    .mainContent{width:100%;gap:0;}
    .playbutton{margin:0 .25rem;}
    .storyContent article .boxElement.activity .teaserBox {min-height:55vh;}
    .popupBox .storyInteraction{gap:.5rem;flex-wrap:nowrap;overflow-x:hidden;}
    .popupBox .storyInteraction button{width:auto;height:40px;min-height:40px;padding:.4rem .75rem;white-space:nowrap;}
    .reel{top:0;min-width:300px;}
    .reel.is-next,
    .reel.is-prev{opacity:0;visibility: hidden;}
    .reel.is-main{width:85%;}
    .highlights_next{right:5px;top:45%;padding:.25rem;}
    .highlights_prev{left:5px;top:45%;padding:.25rem;}
    .infiniteSlider .reel-track{overflow: hidden;min-height:50vh;margin:0;}
    .infiniteSlider .reel-track .storyContent article .boxElement.activity .teaserBox{min-height:32vh;}
    .infinite_next{right:-5px;padding:.25rem;}
    .infinite_prev{left:-5px;padding:.25rem;}
    .searchRow{margin:0;}
    .searchContainer{gap:1rem;grid-template-columns: 1fr 1fr; /* zwei Spalten */row-gap: 1rem;}
    .searchContainer.grid{display:grid;}
    .searchContainer button{padding:.25rem;width: 40px;height: 40px;}
    .searchContainer .selectShareItem span.material-icons{font-size:18pt;}
    .searchContainer.grid button{padding:.5rem;width: 100%;height: 40px;}
    .searchContainer .searchBarInput{padding: 0 0 0 3%;flex:1;min-height:40px;}
    .popupBox .mainContainer .story .userContainer,
    .popupBox .mainContainer .story .shareContentPanel{max-height:40vh;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#e24040 transparent;}
    .popupBox .mainContainer .story .shareContentPanel > .userContainer{max-height:none;overflow:visible;}
    .popupBox .mainContainer .story .listElements{max-height:60vh;overflow:hidden;overflow-y:auto;}
    .popupBox .checkbox-group{display:block;max-height:none;overflow:visible;}
    .contextViewPanel .contentContainer input[type="date"]{width:96%;}
    
    /* Start Page Definition*/
    .homePersonalOverview{padding-left:0;}
    .homePersonalStage,.homePersonalStage--reverse{padding-left:0;padding-right:0;}
    .homePersonalStageCopy{padding-left:3rem;}
    .homePersonalStats,.homePersonalCards,.homePersonalOverviewLinks{position:relative;z-index:1;}
    .homeParticipationCopyInner{padding:1rem 2rem;}
    .homeEvaluationVisualInner{padding:1rem;}
    .homeEvaluationCopyInner{padding:0 1rem;}
    .homeCompletedCopyInner{padding:0 2rem;}
    .homePeopleVisualInner{padding:1rem;}
    .homePeopleCopyInner{padding:0 1rem;}
    .homeLandingIntroText{padding:1rem 0;}
    .homeCommunitySection{padding:0 1rem 2rem 1rem;}
    .homeMain .homeLandingPromise{gap:1rem;padding:0;}
    .homeMain .homeFlowSteps{gap:0;}
    .homeMain .homeFlowSteps li{border-top:none;padding:0 1rem 2rem 1rem;}
    .homeMain .homeFlowSteps li:last-child{border-right:none;border-radius:0;}
    .homeMain .homeFlowSteps h3{margin:.5rem 0;}
    .homeMain{
        --home-mobile-flow-line-width:3px;
        --home-mobile-flow-rail:1rem;
        --home-mobile-flow-box-width:calc(100% + var(--home-mobile-flow-rail));
        --home-mobile-flow-dot-radius:6px;
        --home-mobile-flow-dot-edge:calc(var(--home-mobile-flow-rail) - var(--home-mobile-flow-dot-radius));
        --home-mobile-flow-dot-offset:-8px;
        --home-mobile-flow-border:#e24040;
    }
    .homeMain .homeLandingContent,
    .homeMain .homeContentSection,
    .homeMain .homeContentSection > .row.oneHalf,
    .homeMain .homeContentSection .homeContentPane--media{
        overflow:visible;
    }
    .homeMain .homeLandingPromise{
        width:calc(100% - var(--home-mobile-flow-rail));
        margin:0 var(--home-mobile-flow-rail) 0 0;
        border-right:var(--home-mobile-flow-line-width) solid var(--home-mobile-flow-border);
        border-left:0;
        box-sizing:border-box;
    }
    .homeMain .homeCommunitySection{
        width:calc(100% - var(--home-mobile-flow-rail));
        margin-left:var(--home-mobile-flow-rail);
        border-left:var(--home-mobile-flow-line-width) solid var(--home-mobile-flow-border);
        box-sizing:border-box;
    }
    .homeMain .homeFlowSteps li{
        margin-left:var(--home-mobile-flow-rail);
        border-left:var(--home-mobile-flow-line-width) solid var(--home-mobile-flow-border);
        box-sizing:border-box;
    }
    .homeMain .homeFlowSteps li::before{
        left:var(--home-mobile-flow-dot-offset);
    }
    .homeMain .connectionLineContainer{
        width:100%;
        max-width:100%;
        margin-left:0;
        margin-right:0;
    }
    .homeMain .connectionLineContainer.participation{
        margin:0;
    }
    .homeMain .connectionLineContainer .lineTopLeft,
    .homeMain .connectionLineContainer .lineBotLeft{
        left:var(--home-mobile-flow-rail);
        width:calc(50% - var(--home-mobile-flow-rail));
        border-left-width:var(--home-mobile-flow-line-width);
        border-bottom-color:var(--home-mobile-flow-border);
        border-top-color:var(--home-mobile-flow-border);
        border-left-color:var(--home-mobile-flow-border);
    }
    .homeMain .connectionLineContainer .lineTopRight,
    .homeMain .connectionLineContainer .lineBotRight{
        left:50%;
        right:var(--home-mobile-flow-rail);
        width:auto;
        border-right-width:var(--home-mobile-flow-line-width);
        border-bottom-color:var(--home-mobile-flow-border);
        border-top-color:var(--home-mobile-flow-border);
        border-right-color:var(--home-mobile-flow-border);
    }
    .homeMain .connectionLineContainer.mobile .lineBotLeft{
        left:50%;
        width:calc(50% - var(--home-mobile-flow-rail));
    }
    .homeMain .connectionLineContainer.mobile .lineTopRight{
        left:auto;
        right:var(--home-mobile-flow-rail);
        width:calc(50% - var(--home-mobile-flow-rail));
    }
    .homeMain .connectionLineContainer.homeConnectionLine--toLogo .lineBotLeft{
        left:50%;
        width:0;
        border-top:0;
        border-top-left-radius:0;
    }
    .homeMain .connectionLineContainer.homeConnectionLine--toLogo .lineTopRight{
        left:50%;
        right:var(--home-mobile-flow-rail);
        width:auto;
    }
    .homeMain .connectionLineContainer .homeConnectionLine--leftNudge,
    .homeMain .connectionLineContainer .lineTopLeft.solution{
        left:var(--home-mobile-flow-rail);
    }
    .homeMain .connectionLineContainer .homeConnectionLine--topWide,
    .homeMain .connectionLineContainer .homeConnectionLine--topCenter,
    .homeMain .connectionLineContainer .homeConnectionLine--topFlat,
    .homeMain .connectionLineContainer .homeConnectionLine--topEnd,
    .homeMain .connectionLineContainer .homeConnectionLine--bottomFlat,
    .homeMain .connectionLineContainer .lineBotRight.solution{
        left:50%;
        right:var(--home-mobile-flow-rail);
        width:auto;
    }
    .homeMain .homeLineSpacer,
    .homeMain .homeLineSpacer--center-8,
    .homeMain .homeLineSpacer--near-8,
    .homeMain .homeLineSpacer--center-4,
    .homeMain .homeLineSpacer--wide-4{
        width:50%!important;
        border-right-width:var(--home-mobile-flow-line-width);
        border-right-color:var(--home-mobile-flow-border);
    }
    .homeMain .endPoint.m-0{
        margin-left:var(--home-mobile-flow-dot-edge)!important;
        margin-right:0!important;
    }
    .homeMain .endPoint.ml-auto.desktopHide{
        margin-right:var(--home-mobile-flow-dot-edge)!important;
    }
    .homeProofList{margin:1rem 0 2rem 0;}
    .homeFaq{padding:1rem;}
    .homeFaqItem.accordion .homeFaqQuestion.accordion-header{padding:1rem 0;}
    .homeFaqAnswer.accordion-body{padding:0 0 1rem 0;}
    .homeMain .connectionLineContainer .lineBotRight.solution{bottom:3px;top:auto;}
    .homeLandingButton{padding:.3rem .5rem;}
    .homeFinalCtaActions{width:100%;gap:auto;}
    .homeFinalCta{padding:1rem;} 
    .homeSectionCta{margin:0 0 1rem 0;}
    .homeContentSlider{display:block;float:none;margin:0;width:100%;max-width:100%;padding:0;}
    .homePlaceholderContainer{display:block;float:none;width:100%;max-width:100%;margin:0;}
    .homeDummyCard{
        width:100%;
        max-width:100%;
        min-height:290px;
        margin:0;
        padding:1rem;
        gap:.75rem;
    }
    .homeDummyCard__header{
        gap:.5rem;
    }
    .homeDummyCard__header > .material-icons{
        width:30px;
        height:30px;
        min-width:30px;
        font-size:16px;
    }
    .homeDummyCard__header h3{
        font-size:11pt;
        line-height:1.15;
    }
    .homeDummyCard__stage{
        min-height:126px;
        padding:.75rem;
        gap:.6rem;
    }
    .homeDummyCard__preview{
        min-height:78px;
        gap:.35rem;
    }
    .homeDummyCard__row{
        height:9px;
    }
    .homeDummyCard__avatars{
        width:42px;
    }
    .homeDummyCard__avatars span{
        width:32px;
        height:32px;
        border-width:3px;
    }
    .homeDummyCard__avatars span + span{
        margin-top:-.65rem;
    }
    .homeDummyCard__action{
        gap:.3rem;
        font-size:9pt;
    }
    .homeDummyCard__action .material-icons{
        font-size:16px;
    }
    .leftBorderLine{padding:0 .75rem;}
    .homeContentSlider .homeContentSlider__track{overflow-x:auto;padding:.75rem 1rem 1.25rem 1rem;}
    .homeContentSlider__header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:.5rem;
        flex-wrap:nowrap;
        padding:.85rem 1rem 0;
        min-width:0;
    }
    .homeContentSlider__title{
        flex:1 1 auto;
        width:auto;
        min-width:0;
        padding:0;
        box-sizing:border-box;
    }
    .homeContentSlider__title > .material-icons{
        width:30px;
        height:30px;
        min-width:30px;
        font-size:16px;
    }
    .homeContentSlider__title h3{
        font-size:11pt;
        line-height:1.15;
    }
    .homeContentSlider__nav{
        flex:0 0 auto;
        width:auto;
        min-height:32px;
        margin-left:auto;
        padding:0;
        box-sizing:border-box;
        justify-content:flex-end;
        gap:.35rem;
    }
    .homeContentSlider__dots{
        min-width:42px;
        min-height:14px;
        gap:.25rem;
    }
    .homeContentSlider__dot{
        width:6px;
        height:6px;
        min-width:6px;
    }
    .homeContentSlider__dot.is-active,
    .homeContentSlider__dot[aria-current="true"]{
        width:18px;
    }
    .homeContentSlider__dot.is-overflow{
        width:4px;
        height:4px;
        min-width:4px;
    }
    .homeContentSlider .homeContentSlider__button,
    .homeContentSlider .homeContentSlider__nav .homeContentSlider__button{
        width:30px;
        height:30px;
        min-width:30px;
        flex-basis:30px;
    }
    .homeContentSlider .homeContentSlider__button .material-icons{
        font-size:18px;
    }
    .homeMain .homeContentSection,
    .homeMain .homeContentSection > .row.oneHalf,
    .homeMain .homeContentSection .homeContentPane--media{
        width:100%;
        max-width:100%;
        float:none;
        margin-left:0;
        margin-right:0;
        box-sizing:border-box;
    }
    .homeMain .homeContentSection.row.leftBorderLine{
        width:calc(100% - var(--home-mobile-flow-rail));
        padding-left:0;
        padding-right:0;
        margin:0 0 0 var(--home-mobile-flow-rail);
    }

    .homeMain .homeContentSection .row.rightBorderLine,
    .homeMain .homeContentSection .row.rightContentBorderLine,
    .homeMain .homeContentSection .homeContentPane--media.rightBorderLine{
        width:calc(100% - var(--home-mobile-flow-rail));
        margin-left:0;
        margin-right:var(--home-mobile-flow-rail);
        padding-left:0;
        padding-right:0;
        border-left:0;
        border-right:var(--home-mobile-flow-line-width) dashed var(--home-mobile-flow-border);
    }

    .homeContentSection .homeParticipationVisualInner,
    .homeContentSection .homeEvaluationVisualInner,
    .homeContentSection .homeCompletedVisualInner,
    .homeContentSection .homePeopleVisualInner{
        width:100%;
        max-width:100%;
        padding:0;
    }
    .homeMain .homeContentSection.row.leftBorderLine .homeParticipationVisualInner,
    .homeMain .homeContentSection.row.leftBorderLine .homeCompletedVisualInner{
        width:var(--home-mobile-flow-box-width);
        max-width:none;
        margin-left:calc(-1 * var(--home-mobile-flow-rail));
        position:relative;
        z-index:1;
    }
    .homeMain .homeContentSection .homeContentPane--media.rightBorderLine > .homeEvaluationVisualInner,
    .homeMain .homeContentSection .homeContentPane--media.rightBorderLine > .homePeopleVisualInner{
        width:var(--home-mobile-flow-box-width);
        max-width:none;
        margin-right:calc(-1 * var(--home-mobile-flow-rail));
        position:relative;
        z-index:1;
    }
    .homeMain .homeContentSlider,
    .homeMain .homePlaceholderContainer,
    .homeMain .homeDummyCard{
        position:relative;
        z-index:2;
    }
    .homeContentSection .homeContentSlider__item,
    .homeContentSection .homeContentSlider__item--cta,
    .homePersonal .homeContentSlider__item,
    .homePersonal .homeContentSlider__item--cta{
        flex:0 0 100%;
        max-width:100%;
    }

    .challengeOverviewNotice .listViewHeader:has(> [data-content-edit-exit]){
        display:grid;
        grid-template-columns:36px minmax(0,1fr) 44px;
        align-items:start;
        gap:.5rem;
    }
    .challengeOverviewNotice .listViewHeader:has(> [data-content-edit-exit]) > h3{
        align-self:center;
        overflow-wrap:anywhere;
    }
    .challengeOverviewNotice .listViewHeader > [data-content-edit-exit]{
        grid-column:3;
        grid-row:1;
        justify-self:end;
        align-self:start;
        width:32px;
        height:32px;
        margin:0;
        padding:0;
        box-sizing:border-box;
    }

    /* ===== Theme Anwendung auf Standard-Elemente / Override ===== */
    .creativeWrapper .stopper.categorie.right{background: var(--fadeOut-contrast-fx-right);}
    .creativeWrapper .stopper.categorie.left{background: var(--fadeOut-contrast-fx-left);}
    .reel .storyContent article .listViewHeader .postHeaderActionForm{position:absolute;right:0;}
    .listViewHeader .postHeaderActionForm{position:absolute;right:0;}
    .userInput{box-sizing:border-box;min-width:0;max-width:100%;padding:.5rem;margin:.5rem 0;border-radius:.5rem;border:none;background:var(--accent-bg);width:100%;color:var(--text);font-family:inherit;font-size:16px;}
    .chatContainer article .listViewHeader .chatLeaveForm .leaveChatBtn,
    .chatContainer article .listViewHeader .supportCloseForm .closeSupportTicketBtn{margin:0;}
    .chatContainer.supportChatContainer{
        flex-direction:column;
        gap:1rem;
    }
    .chatContainer.supportChatContainer article,
    .chatContainer .listView.supportTicketActionView{
        width:100%;
    }
    .chatContainer .listView.supportTicketActionView{
        margin-top:1rem;
    }
    .challengeConfigGrid{grid-template-columns:1fr 1fr;gap:.75rem;}
    .challengeConfigCard{min-height:auto;}
    .challengeConfigCardValue{font-size:1rem;}
    .challengeConfigCardLabel{font-size:9pt;}

    .dateObject{min-width:50px;}
        .day{    font-size: 9pt;}
        .dayNumber{    font-size: 11pt;}
        .month{    font-size: 9pt;}
    .panelTrigger{position:relative;width:90px;}
    .panelBox .progressList{max-height:250px;overflow:hidden;overflow-y:auto;}
    .accordionContent article .contentContainer ul.listElements.progressList{max-height:none;overflow:auto;}
    .notification.profileHeadAggregateBadge{right: 15px;top: -5px;Left: auto;bottom: auto;}

    #bewertung article.auszeichnungen .contentContainer{flex-direction:column;gap:1rem;justify-content:flex-start;align-items:stretch;}
    #bewertung article.auszeichnungen .contentContainer .tile{width:auto;}

    .homeContentSlider .homeContentStopper{
        width:25px;
    }

    /*Consent definition*/
    .cookieConsentBackdrop {
        backdrop-filter: none;
    }

    .cookieConsentBanner.is-visible{align-items: flex-end;}

    .cookieConsentBanner {

    }
}

@media only screen and (max-width: 860px){
    .xpSystemGrid{grid-template-columns:1fr;}
    .xpLimitRow{grid-template-columns:1fr;}
    .homeContentSlider .homeContentStopper{
        width:25px;
    }
}

@media only screen and (max-width: 820px){
    #mitglieder .groupPendingInviteItem,
    #edit_group_members .groupPendingInviteItem,
    #edit_challenge_participants .groupPendingInviteItem{
        flex-direction:column;
        align-items:flex-start;
    }
    #mitglieder .groupPendingInviteAction,
    #edit_group_members .groupPendingInviteAction,
    #edit_challenge_participants .groupPendingInviteAction{
        width:100%;
    }
    #mitglieder .groupPendingInviteAction button,
    #edit_group_members .groupPendingInviteAction button,
    #edit_challenge_participants .groupPendingInviteAction button{
        width:100%;
    }
    .homeContentSlider .homeContentStopper{
        width:25px;
    }
}

@media only screen and (max-width:720px){
    .profileComposerOptions{grid-template-columns:1fr;}
    .homeContentSlider .homeContentStopper{
        width:25px;
    }
}

@media only screen and (max-width: 680px) {
    #profilPanel .panelReadAllActions{grid-template-columns:minmax(0,1fr) max-content;column-gap:.375rem;margin-left:0;margin-right:0;}
    #profilPanel .panelReadAllActions button{font-size:.75rem;white-space:nowrap;overflow-wrap:normal;}
    #profilPanel .panelBox .panelReadAllActions button.loadMoreButton{gap:.25rem;padding:.4rem .5rem;font-size:.75rem;}
    #profilPanel .panelReadAllActions .loadMoreButton > .material-icons{font-size:16px;}
    .cookieConsentActions button { flex: 1 1 auto; }
    .postCommentsEnabledLabel,
    .postVisibilityLabel {
        display: none;
    }
    .homeContentSlider .homeContentStopper{
        width:25px;
    }
}

/* Medium devices (Laptop) */

@media only screen and (min-width: 1024px) and (max-width:1489px){
    .desktopHide{display:none;}
    .headerThemeBackdrop{--header-backdrop-width:1370px;width:var(--header-backdrop-width);height:350px;}
    .wrapper {width: 960px;}
    header{width: 960px;margin:0 auto;}
    header .wrapper {width: 910px;}

    .searchBar input.search{width:270px;}
    .expandedBarContainer{width:270px;right:-3px;}
    h3.categorieTeaser{font-size:12pt;}
    .row.oneHalf.spotlight{width:100%;}
    .row.oneFourth.spotlight{width:49%;}
    .cardContainer.wrapper{width:90%;}
    .popupBox .mainContainer{width:60%;}
    .infiniteSlider .reel-track {min-height: 50vh;}
    .cardContainer{grid-template-columns: 1fr 1fr;gap:2rem;margin:0;}
     .cardContainer .card{grid-column:auto !important;}
    .homeContentSlider{
        --home-slider-card-width:clamp(320px, 76%, 350px);
        --home-slider-cta-width:clamp(230px, 58%, 280px);
    }
    .homeHeroSlider .homeContentSlider{
        --home-slider-card-width:clamp(320px, 78%, 350px);
        --home-slider-cta-width:clamp(230px, 62%, 280px);
    }
    .homeContentSlider .homeContentSlider__track{
        padding:1rem 1.25rem 1.5rem 1.25rem;
    }
    .homeDummyCard{
        min-height:310px;
        padding:1.25rem;
        gap:.85rem;
    }
    .homeDummyCard__header{
        gap:.6rem;
    }
    .homeDummyCard__header > .material-icons{
        width:34px;
        height:34px;
        min-width:34px;
        font-size:18px;
    }
    .homeDummyCard__header h3{
        font-size:12pt;
        line-height:1.15;
    }
    .homeDummyCard__stage{
        min-height:135px;
        padding:.85rem;
        gap:.65rem;
    }
    .homeDummyCard__preview{
        min-height:84px;
        gap:.4rem;
    }
    .homeDummyCard__row{
        height:10px;
    }
    .homeDummyCard__avatars{
        width:46px;
    }
    .homeDummyCard__avatars span{
        width:34px;
        height:34px;
        border-width:3px;
    }
    .homeDummyCard__avatars span + span{
        margin-top:-.7rem;
    }
    .homeDummyCard__action{
        gap:.35rem;
        font-size:9pt;
    }
    .homeDummyCard__action .material-icons{
        font-size:16px;
    }
    .homeContentSlider__header{
        gap:.6rem;
        padding:1rem 1.25rem 0;
    }
    .homeContentSlider__title{
        gap:.6rem;
    }
    .homeContentSlider__title > .material-icons{
        width:34px;
        height:34px;
        min-width:34px;
        font-size:18px;
    }
    .homeContentSlider__title h3{
        font-size:12pt;
        line-height:1.15;
    }
    .homeContentSlider__nav{
        min-height:34px;
        gap:.45rem;
    }
    .homeContentSlider .homeContentSlider__button,
    .homeContentSlider .homeContentSlider__nav .homeContentSlider__button{
        width:34px;
        height:34px;
        min-width:34px;
        flex-basis:34px;
    }
    .homeContentSlider .homeContentSlider__button .material-icons{
        font-size:20px;
    }
    .homeContentSlider__dots{
        min-width:54px;
        min-height:16px;
        gap:.3rem;
    }
    .homeContentSlider__dot{
        width:7px;
        height:7px;
        min-width:7px;
    }
    .homeContentSlider__dot.is-active,
    .homeContentSlider__dot[aria-current="true"]{
        width:22px;
    }
    .homeContentSlider__dot.is-overflow{
        width:5px;
        height:5px;
        min-width:5px;
    }
    .homeContentSlider__item .teaserBox--challenge-card,
    .homeContentSlider__item .teaserBox--search-card{
        min-height:155px;
    }
    .homeContentSlider__item .teaserBox .badgeMarker{
        margin:.75rem;
        padding:.4rem .7rem;
        font-size:8.5pt;
        max-width:calc(100% - 1.5rem);
    }
    .homeContentSlider__item .teaserBoxTitle h2,
    .homeContentSlider__item .teaserBoxTitle h2 a,
    .homeContentSlider__item .teaserBoxTitle--challenge-card h2,
    .homeContentSlider__item .teaserBoxTitle--search-card h2{
        font-size:12pt;
        line-height:1.25;
    }
    .homeContentSlider__item .teaserBoxTitle--challenge-card,
    .homeContentSlider__item .teaserBoxTitle--search-card{
        padding:0 .85rem;
    }
    .homeContentSlider__item .teaserBoxFooter{
        min-height:40px;
    }
    .homeContentSlider__item .teaserBoxFooter .tags li.button{
        padding-left:.35rem!important;
        padding-right:.35rem!important;
        font-size:9pt;
    }
    .homeContentSlider__item .teaserBoxFooter .material-icons,
    .homeContentSlider__item .teaserBoxFooter i.material-icons{
        font-size:16px;
    }
    .homeContentSlider__item .progress-icon{
        transform:scale(.86);
        transform-origin:left center;
    }
    .homeContentSlider__item .progress-icon .percentage-text{
        padding-left:30px;
        font-size:9pt;
    }
    .homeMain .connectionLineContainer.homeConnectionLine--proofIn .homeConnectionLine--bottomEnd{
        left:50%;
        right:5rem;
        width:auto;
    }
    .headlineContainer{padding:0 2rem;}
    .homeLineSpacer--near-8{margin-left:3px;}
    .homeContentSlider .homeContentStopper{
        width:25px;
    }
}

@media only screen and (min-width: 1490px) and (max-width:2099px){
    .desktopHide{display:none;}
    .headerThemeBackdrop{--header-backdrop-width:1965px;width:var(--header-backdrop-width);height: 490px;}
    .wrapper {width: 1380px;}
    header{width: 1380px;margin:0 auto;}
    header .wrapper {width: 1340px;}

    .searchBar input.search{width:325px;}
    .expandedBarContainer{width:325px;right:-3px;}
    .infiniteSlider .reel-track {min-height: 50vh;}

}

/* Large devices (desktops, 1821px and up) */
@media only screen and (min-width: 2100px) {
    .desktopHide{display:none!important;}
    .headerThemeBackdrop{--header-backdrop-width:2070px;width:var(--header-backdrop-width);height:590px;}
    .storyContent article .boxElement.activity .teaserBox {min-height: 900px;}
    .wrapper {width: 1450px;}
    header{width: 1450px;margin:0 auto;}
    header .wrapper {width: 1400px;}
    main{min-height:40vh;}
    .infiniteSlider .reel-track {min-height: 42vh;}
    .infiniteSlider .reel-track .storyContent article .boxElement.activity .teaserBox{min-height:380px;}
    

} 

/* ===== Theme Tokens (Default: Light) ===== */

:root {
--left-corner: url(../img/rectangle_left_raw.svg);
--right-corner:url(../img/rectangle_right_raw.svg);
--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%);
--text-red:#e24040;

}

/* ===== Dark Theme Overrides ===== */
html[data-theme="dark"] {
--left-corner: url(../img/rectangle_left_raw_dark.svg);
--right-corner:url(../img/rectangle_right_raw_dark.svg);
--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%);
--text-red:#e24040;
}

/* ===== Theme Anwendung auf Standard-Elemente / Override ===== */

.filter{border-color: var(--border);}
.creativeWrapper{border-color: var(--border);}
footer.sm{background:var(--bg);}
nav.main ul li a.aktiv span.material-icons{background: var(--accent-bg);}
.bg_btt{background: var(--accent-bg);}
.pageIndicator{background: var(--bg);color: var(--text);}
.leftHeaderBox{background: var(--bg);}
.leftHeaderBox a{color: var(--text);}
.rightHeaderBox{background: var(--bg);color: var(--text);}
.rightHeaderBox .descriptor span{color: var(--text);}
.btt{color: var(--text);}
.rightcorner{background-image: var(--right-corner);}
.leftcorner{background-image: var(--left-corner);}
nav.categories .stopper.right{background: var(--fadeOut-fx-right);}
nav.categories .stopper.left{background: var(--fadeOut-fx-left);}
.creativeWrapper .stopper.categorie.left{background: var(--fadeOut-fx-left);}
.creativeWrapper .stopper.categorie.right{background: var(--fadeOut-fx-right);}
.secondary{border-color: var(--text-red);color: var(--text);}
a.navButton.secondary{border-color: var(--text-red);color: var(--text);}
.userInput{background:var(--accent-bg);}