.columns-area__panels {
    display: flex; /* Flexbox aktivieren */
}

.columns-area__panels__pane--start.columns-area__panels__pane--navigational {
    order: 1; /* Erste Position */
}

.columns-area__panels__main {
    order: 2; /* Zweite Position */
}

.columns-area__panels__pane--compositional {
    order: 3; /* Dritte Position */
}

.button.button--block:not(.button-tertiary) {
    display: none;
}

.ui__navigation-bar__sign-up .button:not(.button-tertiary) {
    display: none;
}
.sign-in-banner p {
        display: none;
    }

.navigation-panel__logo {
        display: none;
    }

.compose-form__submit:hover,
.compose-form__submit:active,
.compose-form__submit:focus {
  transform: scale(1.05);
}
    .compose-form__submit {
        transition: transform 0.3s 
ease;
    }


.account__avatar img:hover {
    transform: scale(1.1);
}
.account__avatar img {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
    .account__header__tabs {
        overflow: visible;
}
.form-footer {
        display: none;
    }

.link-footer p:nth-of-type(2) {
    display: none;
}
    .flex-spacer {
        flex: 0 1 auto;
    }
.interaction-modal p {
    display: none;
}

.account__header__bar .avatar .account__avatar {
    background: unset;
    border: unset;
}
.account__avatar {
    border-radius: unset;
    background: unset;
}
.account__avatar img {
    border-radius: 50%;
}

}
.detailed-status__meta__line:nth-of-type(2) {
    display: none;
}
.detailed-status__meta__line a {
    pointer-events: none;
}
.detailed-status__meta__line {
    pointer-events: none;
}

.account__header__bio {
    order: 2;
    margin-bottom: 20px;
}
.account__header__extra__links {
    order: 1;
    margin-top: -20px;
}
.account__header__extra {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.compose-form__highlightable {
    background: transparent;
}
.compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input {
    background: transparent;
}
.search.active .search__input {
    background: transparent;
}

.media-modal__nav.media-modal__nav--next .icon, .media-modal__nav.media-modal__nav--prev .icon {
    width: 48px;
    height: 48px;
}
.media-modal__page-dot {
    height: 12px;
    width: 12px;
}

.media-modal__pagination {
    margin-bottom: 10px;
}

/* C o l o r i n g */

#ff0060

    .button {
        background-color: #ff0060;
    }
    .button:active, .button:focus, .button:hover {
            background-color: #ff0060;
        }

        body.theme-default .account__domain-pill {
            background: #860034;
            color: #ff0060;
        }
body.theme-system .account__domain-pill {
            background: #860034;
            color: #ff0060;
        }
        .account-role {
            border: 1px solid #ff0060;
            color: #ff0060;
        }
        .account__domain-pill.active {
            background: #ff0060;
        }
        .account__domain-pill__popout__header__icon {
            background: #ff0060;
        }
        .account__domain-pill__popout__handle {
            border: 2px dashed #ff0060;
            background: #ff00600d;
            color: #ff0060;
        }
        .account__domain-pill__popout__parts__icon {
            color: #ff0060;
        }
        .link-button {
            color: #ff0060;
        }
        .account__header__bio .account__header__fields a {
            color: #ff0060;
        }
        .button.button-tertiary {
            background: transparent;
            color: #ff0060;
            border: 1px solid #ff0060;
        }
        .button.button-tertiary:active, .button.button-tertiary:focus, .button.button-tertiary:hover {
            background-color: #ff0060;
        }    
        
        .column-back-button {
            border: 1px solid var(--background-border-color);
            color: #ff0060;
        }
        .column-link:hover, .column-link:focus, .column-link:active {
            color: #ff0060;
        }
        .column-link.active {
            color: #ff0060;
        }
        .dismissable-banner, .warning-banner {
            border: 1px solid #ff0060;
            background: #ff00600d;
        }
        .dismissable-banner__action .icon-button, .warning-banner__action .icon-button {
            color: #ff0060;
        }
        .notification__filter-bar button.active:before, .notification__filter-bar a.active:before, .account__section-headline button.active:before, .account__section-headline a.active:before {
            background: #ff0060;
        }
        .about__section__title {
            border: 1px solid var(--background-border-color);
            color: #ff0060;
        }
        .rules-list li:before {
            background: #ff0060;
            color: #ffffff;
        }
        .radio-button__input.checked:before {
            background: #ff0060;
        }
        .radio-button__input.checked, .radio-button__input.indeterminate, .check-box__input.checked, .check-box__input.indeterminate {
            border-color: #ff0060;
        }
        .hashtag-bar a {
            color: #ffffff;
            background: #ff0060;
        }
        body.theme-default, body.theme-system :root {
        --background-color: #000000;
}
.button {
            background-color: #ff0060;
        }


        .dropdown-button {
            color: #ff0060;
            border: 1px solid #ff0060;
        }
    
        .language-dropdown__dropdown__results__item:focus, .language-dropdown__dropdown__results__item.active {
            background: #ff0060;
        }

        .dropdown-button.active {
            background: #ff0060;
            border-color: #ff0060;
        }
        .button.button-secondary {
            color: #ff0060;
            background: transparent;
            border: 1px solid #ff0060;
        }
        .button.button-secondary:active, .button.button-secondary:focus, .button.button-secondary:hover {
            border-color: #ff0060;
            color: #ff0060;
            background-color: #ff00601c;
        }

        .compose-form__actions .icon-button {
            box-sizing: content-box;
            color: #ff0060;
        }

        .compose-form__actions .icon-button:hover, .compose-form__actions .icon-button:focus, .compose-form__actions .icon-button:active {
            color: #860034;
        }
         .compose-form__highlightable.active {

            border-color: #ff0060
        }
     .admin-wrapper .content__heading__tabs a.selected {
            font-weight: 700;
            background: #ff0060;
        }
        .simple_form .btn {
            background: #ff0060;
        }
        .simple_form .btn:active, .simple_form .btn:focus, .simple_form .btn:hover {
            background-color: #860034;
        }
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
            color: #ff0060;
        }
        }
        .flash-message {
            color: #ff0060;
            border: 1px solid #ff0060;
        }
.filters .filter-subset a.selected {
        color: #ff0060;
        border-bottom: 2px solid #ff0060;
    }
        }
        .dashboard__quick-access {
            background: #ff0060;
        }
        .dashboard__quick-access:active, .dashboard__quick-access:focus, .dashboard__quick-access:hover {
            background-color: #860034;
        }

        .button {
            background-color: #ff00602e;
            color: #ff0060;
            border: 1px solid #ff0060;
        }
        .button:active, .button:focus, .button:hover {
            background-color: #ff00602e;
            color: #ffffff;
            border: 1px solid #ff0060;
        }

     .search__popout__menu__item:hover, .search__popout__menu__item:focus, .search__popout__menu__item:active, .search__popout__menu__item.selected {
            background: #ff0060;
        }
.notification-bar__action {
            color: #ff0060;
        }
.button:disabled, .button.disabled {
            background-color: #ff006014;
        }
.status__content a.unhandled-link, .edit-indicator__content a.unhandled-link, .reply-indicator__content a.unhandled-link {
        color: #ff0060;
    }
    .follow_requests-unlocked_explanation a, .switch-to-advanced a {
        color: #ff0060;
        font-weight: 700;
    }
    .status-card a:hover .status-card__title, .status-card a:hover .status-card__host, .status-card a:hover .status-card__author, .status-card a:hover .status-card__description, .status-card a:focus .status-card__title, .status-card a:focus .status-card__host, .status-card a:focus .status-card__author, .status-card a:focus .status-card__description, .status-card a:active .status-card__title, .status-card a:active .status-card__host, .status-card a:active .status-card__author, .status-card a:active .status-card__description {
        color: #ff0060;
    }
.account__domain-pill {
    background: #ff00624b;
color: #ff0060;
}
.admin-wrapper .content__heading__tabs a:hover, .admin-wrapper .content__heading__tabs a:focus, .admin-wrapper .content__heading__tabs a:active {
    background: #ff0060;
    color: #fff;
}
.admin-wrapper .sidebar ul a:hover {
    color: #ff0060;
    transition: all .1s 
linear;
    transition-property: color, background-color;
}
.user-role:hover {
    color: #ff0060;
}
.dropdown-menu__item a:focus:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item a:hover:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item a:active:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item button:focus:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item button:hover:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item button:active:not(:disabled):not([aria-disabled=true]) {
    background: #ff0060;
}
.compose-form__actions .icon-button.active {
    background: #ff0060;
    color: #000;
}
.emoji-mart-anchors svg {
    fill: #ff0060;
}
.emoji-mart-anchor-bar {
    background-color: #ff0060;
}
.compose-form__poll__select__value {
    color: #ff0060;
}
.poll__option input[type=text]:focus {
    border-color: #ff0060;
}
.status__content__read-more-button, .status__content__translate-button {
    color: #ff0060;
}
.column-header .column-header__back-button {
    color: #ff0060;
}
.autosuggest-textarea__suggestions__item.selected {
    background: #ff0060;
}
::selection {
  background: #ff0060;
  color: #ffffff; /* Textfarbe bei Auswahl */
}

::-webkit-scrollbar {
  width: 12px;
  background: rgba(0, 0, 0, 0.027);  /* leicht dunkler Hintergrund */
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.027);
}

::-webkit-scrollbar-thumb {
  background: #ff0060;
  border-radius: 10px;
  border: 2px solid rgba(0, 0, 0, 0.027); /* besserer Kontrast */
}

::-webkit-scrollbar-thumb:hover {
  background: #860034;
}
html {
  scrollbar-width: thin;
  scrollbar-color: #ff0060 rgba(0,0,0,0.027);
}

.dropdown-button[disabled] {
    cursor: default;
    color: #ff0060;
    border-color: #ff0060;
    opacity: .5;
}
.privacy-dropdown__option:focus, .privacy-dropdown__option.active, .visibility-dropdown__option:focus, .visibility-dropdown__option.active {
    background: #ff0060;
    color: var(--dropdown-text-color);
    outline: 0;
}

.dropdown-menu__item--dangerous a:focus:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item--dangerous a:hover:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item--dangerous a:active:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item--dangerous button:focus:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item--dangerous button:hover:not(:disabled):not([aria-disabled=true]), .dropdown-menu__item--dangerous button:active:not(:disabled):not([aria-disabled=true]) {
    background-color: #610505 !important;
    color: #ff0000 !important;
}

.dropdown-menu__item button[data-index="13"]:hover,
.dropdown-menu__item button[data-index="13"]:focus,
.dropdown-menu__item button[data-index="13"]:active {
    background-color: #610505 !important;
    color: #ff0000 !important;
}
.account__header__extra__links a strong {
    font-size: large;
}
.upload-progress__tracker {
    background: #ff0060;
}
.upload-progress .icon {
    color: #ff0060;
}
.search__input {
    background: transparent;
}
body.theme-default .search__popout {
    background: hsl(0deg 0% 0%);
}
body.theme-system.search__popout {
    background: hsl(0deg 0% 0%);
}
.reply-indicator__content a {
    color: #ff0060;
}
.compose-form .compose-form__warning, .compose-form .compose-form__warning a, .status__content a, .reply-indicator__content a {
    color: #ff0060;
}
.status__wrapper-direct .status__prepend, .status__wrapper-direct .notification-ungrouped__header, .notification-ungrouped--direct .status__prepend, .notification-ungrouped--direct .notification-ungrouped__header {
    color: #ff0060;
}
.status__wrapper-direct {
    background-color: #fb69a01a;
}
.edit-indicator {
    background: #00000012;
}
.compose-form .spoiler-input__input {
    color: #ff0060;
}
.simple_form .recommended {
    border-color: #ff0060;
    color: #ff0060;
    background-color: #ff00600a;
}
.flash-message {
    border: 1px solid #ff0060;
    color: #ff0060;
}
.simple_form .hint a {
    color: #ff0060;
}

.edit-indicator__content a {
    color: #ff0060;
}
.compose-form__actions .icon-button.disabled {
    color: #ff0060;
    opacity: .5;
}
.media-modal__page-dot:focus {
    outline: 0;
    background-color: #ff0060;
}

body.theme-default .account__domain-pill {
    background: #3c0017;
}
body.theme-system.account__domain-pill {
    background: #3c0017;
}