/* ===== Beitrags-Darstellung aus dem Thema (automatisch aus thema/inhalt.php gezogen: nur Regeln fuer Beitragstext, Zitate, Medien, Karten) =====
   Neu erzeugen: python-Skript siehe /root/bak-profil-20261109/css_extrahieren.py */
.pf-message,.pf-post{--border-radius:8px;--red-primary:#a70909;--red-dark:#8a0707;--red-bg:#f5dada;--red-light:#f7e4e4;--red-border:#f2c4c5;--text-dark:#1a202c;--text-muted:#718096;--text-gray:#495057;--white:#fff;--green:#22c55e;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 1px 3px rgba(0,0,0,.08);--mention-bg:#e5dfdf;--mention-color:#993234}
.mention-user{display: inline;
    background: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-weight: inherit;
    color: var(--mention-color);
    text-decoration: none;
    cursor: pointer;}
.mention-user:hover .mention-name{text-decoration: underline;
    text-underline-offset: 2px;}
.mention-user img{width: 1.15em !important;
    height: 1.15em !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 0.25em 0 0 !important;
    padding: 0 !important;
    border: 0;
    display: inline-block !important;
    vertical-align: -0.2em !important;}
.mention-user .mention-name{font-size: 1em;
    font-weight: 600;
    color: var(--mention-color);
    line-height: inherit;}
.mention-user .mention-avatar-fallback{display: inline-flex;
    width: 1.15em !important;
    height: 1.15em !important;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    margin: 0 0.25em 0 0 !important;
    padding: 0 !important;
    border: 0;
    vertical-align: -0.2em;}
.quote-block{background: linear-gradient(135deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url('/A6AE3E00-71BB-4861-BEC4-3917FEADCE99.png');
    background-size: cover;
    background-position: center;
    background-attachment: local;
    border-left: 4px solid var(--red-primary);
    border-radius: 0 10px 10px 0;
    padding: 10px 14px;
    margin: 10px 0;
    box-shadow: var(--shadow-sm);
    color: #fff;}
.quote-block .quote-author{color: #fff;
    font-size: 0.8rem;
    display: block;
    margin-bottom: 2px;
    font-weight: 600;}
.quote-block .quote-header{display: flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 6px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;}
a.quote-header:hover .quote-author-name,
a.quote-header:focus-visible .quote-author-name{text-decoration: underline;
    color: #fff;}
.quote-block .quote-avatar,
.quote-block .quote-avatar-fallback{width: 24px;
    height: 24px;
    border-radius: 50% !important;
    flex-shrink: 0;
    border: 1.5px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.18);}
.quote-block .quote-avatar{object-fit: cover;}
.quote-block .quote-avatar-fallback{display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: -0.02em;}
.quote-block .quote-author-name{color: #fff;
    font-size: 0.8rem;
    font-weight: 700;}
.quote-block .quote-link-icon{font-size: 0.55rem;
    color: #fff;
    opacity: 0.8;}
.quote-block .quote-content{font-size: 0.95rem;
    line-height: 1.6;
    color: #fff;}
.quote-block .quote-content,
.quote-block .quote-content *{color: #fff !important;}
.quote-block .quote-content span,
.quote-block .quote-content font,
.quote-block .quote-content strong,
.quote-block .quote-content b,
.quote-block .quote-content em,
.quote-block .quote-content i,
.quote-block .quote-content u,
.quote-block .quote-content p,
.quote-block .quote-content a{background: transparent !important;
    background-color: transparent !important;}
.quote-block .quote-content .artikel-snippet-badge,
.quote-block .quote-content .artikel-snippet-quelle,
.quote-block .quote-content .artikel-snippet-quelle *{color: #475569 !important;}
.quote-block .quote-content .artikel-snippet-ausschnitt,
.quote-block .quote-content .artikel-snippet-ausschnitt *{color: #333 !important;}
.quote-block .quote-content a{text-decoration: underline;}
.quote-block .quote-content a:hover{color: #f0f0f0 !important;}
.quote-block .quote-content .eplayer,
.quote-block .quote-content .rwe-video-wrapper,
.quote-block .quote-content .rwe-audio-wrapper,
.quote-block .quote-content .rwe-pdf-wrapper{margin-top: 6px;}
.quote-block .quote-content .bookmark-teilen-embed{max-width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 6px 0 0 !important;}
.quote-block .quote-content .bookmark-teilen-herkunft{color: rgba(255,255,255,0.75) !important;
    padding: 0.4rem 0.1rem 0 !important;}
.quote-block .quote-content .bookmark-teilen-herkunft a{color: #fff !important;}
.quote-block .quote-block{margin: 8px 0 0;
    padding: 8px 12px;
    border-left: 3px solid rgba(255,255,255,0.5);
    background: rgba(0,0,0,0.3);
    border-radius: 0 8px 8px 0;
    box-shadow: none;
    color: #fff;}
.quote-block .quote-block .quote-author{font-size: 0.7rem;}
.quote-block .quote-block .quote-avatar,
.quote-block .quote-block .quote-avatar-fallback{width: 19px;
    height: 19px;
    font-size: 0.5rem;}
.quote-block .quote-block .quote-author-name{font-size: 0.72rem;}
.quote-block .quote-block .quote-content{font-size: 0.9rem;}
.wunschaufstellung-embed{position: relative;
    max-width: 300px;
    margin: 10px auto;
    background: repeating-linear-gradient(180deg, #2e8b3d 0px, #2e8b3d 34px, #34974a 34px, #34974a 68px);
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 12px 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
.wunschaufstellung-embed .wa-watermark{position: absolute;
    right: 8px;
    bottom: 8px;
    width: 15%;
    min-width: 32px;
    max-width: 56px;
    height: auto;
    opacity: 0.88;
    pointer-events: none;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.5));}
.wunschaufstellung-embed .wa-header{display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 8px;}
.wunschaufstellung-embed .wa-verein-logo{width: 30%;
    min-width: 46px;
    max-width: 76px;
    height: auto;
    object-fit: contain;
    cursor: pointer;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.5));
    transition: transform 0.15s ease;}
.wunschaufstellung-embed .wa-verein-logo:hover{transform: scale(1.08);}
.wunschaufstellung-embed .wa-titel{flex: 1; min-width: 0;
    text-align: center; color: #fff; font-weight: 800; font-size: 0.75rem;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6); text-transform: uppercase; letter-spacing: 0.03em;}
.wunschaufstellung-embed .wa-reihe{display: flex; justify-content: space-evenly; margin-bottom: 10px; flex-wrap: wrap; gap: 6px;}
.wunschaufstellung-embed .wa-spieler{display: flex; flex-direction: column; align-items: center; width: 56px;}
.wunschaufstellung-embed .wa-spieler img,
.wunschaufstellung-embed .wa-spieler .wa-noimg{width: 38px; height: 38px; border-radius: 50%; object-fit: cover; border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25); background: #eee;}
.wunschaufstellung-embed .wa-name{margin-top: 3px; font-size: 0.58rem; color: #fff; text-align: center; font-weight: 700;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6); line-height: 1.1;}
.wa-wrapper{max-width: 300px; margin: 10px auto;}
.wa-wrapper .wunschaufstellung-embed{margin: 0 0 8px;}
.wa-vorlage-btn{display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 7px 10px;
    background: #f5f0f0;
    color: #993234;
    border: 1px solid #e5dfdf;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;}
.wa-vorlage-btn:hover{background: #fef0f0;
    border-color: #993234;}
@media (max-width: 420px){
.wunschaufstellung-embed{max-width: 100%;}
.wa-wrapper{max-width: 100%;}
}
@keyframes avatarOnlinePulse{
    0%, 100% { box-shadow: 0 0 0 3px var(--green), 0 0 6px 1px rgba(34, 197, 94, 0.5); }
    50%      { box-shadow: 0 0 0 4px var(--green), 0 0 14px 5px rgba(34, 197, 94, 0.9); }
}
@keyframes avatarLivePulse{
    0%, 100% { box-shadow: 0 0 0 3px #dc2626, 0 0 6px 1px rgba(220, 38, 38, 0.6); }
    50%      { box-shadow: 0 0 0 5px #dc2626, 0 0 16px 6px rgba(220, 38, 38, 1); }
}
.post-message{line-height: 1.6;
    font-size: 0.95rem;
    color: var(--text-dark);
    word-wrap: break-word;
    
    overflow-x: hidden;}
.post-message a{color: #993234;
    text-decoration: none;}
.post-message a:hover{text-decoration: underline;}
.post-message img{max-width: 100%;
    border-radius: var(--border-radius);
    margin: 6px 0;
    max-height: 400px;
    cursor: pointer;}
.image-wrapper{position: relative;
    display: inline-block;
    max-width: 100%;}
.rwe-image-toolbar{position: absolute;
    top: 8px;
    right: 8px;
    z-index: 20;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
    max-width: calc(100% - 16px);}
.rwe-image-toolbar .rwe-media-download-btn{position: static;}
.rwe-media-download-btn{position: absolute;
    top: 8px;
    right: 8px;
    z-index: 20;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    padding: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    cursor: pointer;
    filter: drop-shadow(0 1px 5px rgba(0,0,0,0.75));
    transition: transform 0.2s ease, filter 0.2s ease;
    touch-action: manipulation;
    flex-shrink: 0;}
.rwe-media-download-btn:hover{transform: scale(1.15);
    filter: drop-shadow(0 1px 5px rgba(0,0,0,0.75)) drop-shadow(0 0 10px rgba(255,255,255,0.9));}
.rwe-media-download-btn.is-bookmarked{filter: drop-shadow(0 1px 5px rgba(0,0,0,0.75)) drop-shadow(0 0 10px rgba(255,70,70,0.95));}
.rwe-media-download-btn:active{transform: scale(0.92);}
@media (max-width: 480px){
.rwe-media-download-btn{width: 26px; height: 26px; font-size: 0.85rem;}
.rwe-image-toolbar{gap: 2px;}
}
.post-message .video-wrapper{margin: 6px 0;
    border-radius: var(--border-radius);
    overflow: hidden;
    background: #000;
    position: relative;}
.post-message .video-wrapper video{width: 100%;
    max-height: 400px;
    border-radius: var(--border-radius);}
@keyframes highlightNew{
    0% {
        background: #fff8e1;
        
        border-radius: var(--border-radius);
    }
    30% {
        background: #fff8e1;
        border-radius: var(--border-radius);
    }
    100% {
        background: transparent;
        border-radius: var(--border-radius);
    }
}
.social-preview{max-width: 100% !important;
    margin: 4px 0 !important;}
.social-preview,
.social-preview *{max-width: 100% !important;
    min-width: 0 !important;}
.social-preview iframe{width: 100% !important;}
.social-preview .video-container{position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: #000;
    border-radius: 6px;}
.social-preview .video-container iframe{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;}
.social-preview-footer{padding: 2px 6px;
    background: transparent;
    font-size: 0.6rem;
    color: #888;
    display: flex;
    align-items: center;
    gap: 4px;}
.social-preview-wrapper{width: 100%;
    border-radius: 6px;
    overflow: hidden;}
.social-preview-wrapper iframe{width: 100% !important;
    max-height: 350px !important;}
.artikel-snippet{max-width: 100% !important;
    margin: 4px 0 !important;
    border: 1px dashed #94a3b8;
    border-left-width: 4px;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    background: #f4f6f8;
    padding: 0.7rem 0.9rem;}
.artikel-snippet-badge{display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #475569;
    margin-bottom: 6px;}
.artikel-snippet-ausschnitt{font-size: 0.9rem;
    color: #333;
    line-height: 1.5;
    font-style: italic;}
.artikel-snippet-quelle{display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: #475569;
    margin-top: 8px;
    text-decoration: none;
    font-weight: 600;}
.artikel-snippet-quelle:hover{text-decoration: underline;}
.artikel-snippet-quelle img{border-radius: 3px;}
.spieler-karte{display: flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    max-width: 260px !important;
    margin: 4px 0 !important;
    padding: 0.4rem 0.6rem;
    background: linear-gradient(135deg, #fef8f8, #faf3f3);
    border: 1px solid rgba(167, 9, 9, 0.18);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;}
.spieler-karte:hover{background: linear-gradient(135deg, #fef0f0, #fbe9e9);
    border-color: #a70909;
    box-shadow: 0 2px 10px rgba(167, 9, 9, 0.15);}
.spieler-karte::before{content: '';
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(167, 9, 9, 0.16), transparent);
    transform: skewX(-20deg);
    animation: spieler-karte-schimmer 6s ease-in-out infinite;
    pointer-events: none;}
@keyframes spieler-karte-schimmer{
    0%   { left: -60%; }
    22%  { left: 130%; }
    100% { left: 130%; }
}
@media (prefers-reduced-motion: reduce){
.spieler-karte::before{animation: none;}
}
.spieler-karte-foto,
.spieler-karte-foto-platz{width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: #f0e6e6;}
.spieler-karte-foto-platz{display: flex;
    align-items: center;
    justify-content: center;
    color: #c9a5a5;
    font-size: 0.8rem;}
.spieler-karte-info{flex: 1;
    min-width: 0;}
.spieler-karte-name{font-size: 0.82rem;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.spieler-karte-meta{display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.68rem;
    color: #888;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.spieler-karte-vereinslogo{width: 12px;
    height: 12px;
    object-fit: contain;
    flex-shrink: 0;}
.spieler-karte-marktwert{text-align: center;
    padding: 0.15rem 0.4rem;
    background: #f4faf6;
    border-radius: 6px;
    flex-shrink: 0;}
.spieler-karte-marktwert .wert{display: block;
    font-size: 0.68rem;
    font-weight: 800;
    color: #1a8a3d;
    white-space: nowrap;}
.spieler-karte-marktwert .label{display: block;
    font-size: 0.5rem;
    color: #888;
    text-transform: uppercase;}
.spieler-karte i.fa-chevron-right{color: #d5c5c5;
    font-size: 0.7rem;
    flex-shrink: 0;}
.spieler-karte-fehlt{display: block;
    padding: 0.6rem 0.9rem;
    color: #999;
    font-style: italic;
    font-size: 0.85rem;}
.bookmark-teilen-embed{display: block;
    max-width: 420px !important;
    margin: 4px 0 !important;
    background: linear-gradient(135deg, #fef8f8, #faf3f3);
    border: 1px solid rgba(167, 9, 9, 0.18);
    border-radius: 10px;
    overflow: hidden;
    padding: 0.5rem 0.5rem 0;}
.bookmark-teilen-embed .image-wrapper,
.bookmark-teilen-embed .eplayer,
.bookmark-teilen-embed .rwe-video-wrapper,
.bookmark-teilen-embed .rwe-pdf-wrapper{margin: 0 !important;}
.bookmark-teilen-herkunft{display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0.5rem 0.2rem;
    font-size: 0.72rem;
    color: #888;}
.bookmark-teilen-herkunft i{color: #a70909;
    margin-right: 2px;}
.bookmark-teilen-herkunft a{color: #a70909 !important;
    font-weight: 600;
    text-decoration: none;}
.bookmark-teilen-herkunft a:hover{text-decoration: underline;}
.bookmark-teilen-fehlt{padding: 0.6rem 0.9rem;
    color: #999;
    font-style: italic;
    font-size: 0.85rem;
    background: linear-gradient(135deg, #fef8f8, #faf3f3);
    border: 1px solid rgba(167, 9, 9, 0.18);
    border-radius: 10px;}
.artikel-teilen-karte{display: block;
    max-width: 420px !important;
    margin: 4px 0 !important;
    background: linear-gradient(135deg, #fef8f8, #faf3f3);
    border: 1px solid rgba(167, 9, 9, 0.18);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;}
.artikel-teilen-karte:hover{border-color: #a70909;
    box-shadow: 0 2px 10px rgba(167, 9, 9, 0.15);}
.artikel-teilen-karte-hauptlink{display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.8rem;
    text-decoration: none;
    color: inherit;
    transition: background 0.15s;}
.artikel-teilen-karte-hauptlink:hover{background: linear-gradient(135deg, #fef0f0, #fbe9e9);}
.artikel-teilen-karte-quelle{display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.4rem 0.8rem;
    border-top: 1px solid rgba(167, 9, 9, 0.14);
    font-size: 0.7rem;
    color: #a70909;
    text-decoration: none;
    font-weight: 600;}
.artikel-teilen-karte-quelle:hover{text-decoration: underline;}
.artikel-teilen-karte-quelle img{border-radius: 3px;}
.artikel-teilen-karte-bild,
.artikel-teilen-karte-bild-platz{width: 54px;
    height: 54px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: 0 0 10px 2px rgba(167, 9, 9, 0.4);}
.artikel-teilen-karte-bild-platz{display: flex;
    align-items: center;
    justify-content: center;
    background: #f0e6e6;
    color: #c9a5a5;
    font-size: 1.1rem;}
.artikel-teilen-karte-info{flex: 1;
    min-width: 0;}
.artikel-teilen-karte-badge{display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #a70909;
    margin-bottom: 2px;}
.artikel-teilen-karte-titel{font-size: 0.85rem;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.artikel-teilen-karte-anriss{font-size: 0.72rem;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;}
.artikel-teilen-karte-fehlt{display: block;
    padding: 0.6rem 0.9rem;
    color: #999;
    font-style: italic;
    font-size: 0.85rem;}
.artikel-teilen-karte-aktionen{display: flex;
    gap: 6px;
    padding: 0 0.8rem 0.55rem;}
.artikel-teilen-karte-aktion-btn{display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #f6ebeb;
    color: #a70909;
    border: none;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;}
.artikel-teilen-karte-aktion-btn:hover{background: #eedcdc;}
.geruecht-teilen-karte{display: block; width: 100%; max-width: 320px !important;
    margin: 6px 0 !important; padding: 0;
    background: #fff; border: 1px solid #eadcdc;
    border-radius: 10px; text-decoration: none !important; color: inherit; overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    transition: box-shadow 0.15s, border-color 0.15s, transform 0.15s;}
.geruecht-teilen-karte:hover{border-color: #a70909; box-shadow: 0 4px 14px rgba(167,9,9,0.16); transform: translateY(-1px);}
.geruecht-teilen-karte.ist-rwe{border-color: #a70909; border-width: 2px;}
.geruecht-teilen-karte-kopf{display: flex; align-items: center; gap: 6px; padding: 5px 10px; font-size: 0.64rem; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase; color: #fff; background: linear-gradient(to right, #993234, #a70909);}
.geruecht-teilen-karte-body{display: flex; align-items: center; gap: 0.55rem; padding: 0.55rem 0.7rem;}
.geruecht-teilen-karte-foto,
.geruecht-teilen-karte-foto-platz{width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #f0e6e6;}
.geruecht-teilen-karte-foto-platz{display: flex; align-items: center; justify-content: center; color: #c9a5a5; font-size: 0.85rem;}
.geruecht-teilen-karte-info{flex: 1; min-width: 0;}
.geruecht-teilen-karte-name{font-size: 0.84rem; font-weight: 700; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.geruecht-teilen-karte-meta{display: flex; align-items: center; gap: 4px; font-size: 0.66rem; color: #888; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.geruecht-teilen-karte-meta i.fa-long-arrow-alt-right{font-size: 0.6rem; flex-shrink: 0;}
.geruecht-teilen-karte-vereinslogo{width: 12px; height: 12px; object-fit: contain; flex-shrink: 0;}
.geruecht-teilen-karte-prozent{text-align: center; padding: 0.18rem 0.45rem; background: #f4faf6; border-radius: 8px; flex-shrink: 0;}
.geruecht-teilen-karte-prozent.trend-auf{background: #eafaf0;}
.geruecht-teilen-karte-prozent.trend-ab{background: #fdedee;}
.geruecht-teilen-karte-prozent .wert{display: block; font-size: 0.7rem; font-weight: 800; color: #a70909; white-space: nowrap;}
.geruecht-teilen-karte-prozent .wert i.fa-arrow-up{color: #1a8a3d;}
.geruecht-teilen-karte-prozent .wert i.fa-arrow-down{color: #b91c1c;}
.geruecht-teilen-karte-prozent .label{display: block; font-size: 0.5rem; color: #888; text-transform: uppercase;}
.geruecht-teilen-karte-chevron{color: #d5c5c5; font-size: 0.72rem; flex-shrink: 0;}
.geruecht-teilen-karte-fehlt{display: block; padding: 0.6rem 0.9rem; color: #999; font-style: italic; font-size: 0.85rem;}
.geruecht-teilen-karte.ist-fix .geruecht-teilen-karte-kopf{background: linear-gradient(to right, #16612f, #1c7a3e);}
.geruecht-teilen-karte.ist-gescheitert .geruecht-teilen-karte-kopf{background: linear-gradient(to right, #6b6b6b, #888);}
.geruecht-teilen-karte-status{display: flex; flex-direction: column; align-items: center; gap: 1px; flex-shrink: 0;}
.geruecht-teilen-karte-status img{width: 28px; height: 28px; object-fit: contain;}
.geruecht-teilen-karte-status .wert{font-size: 0.66rem; font-weight: 800;}
.geruecht-teilen-karte-status.ist-fix .wert{color: #1c7a3e;}
.geruecht-teilen-karte-status.ist-gescheitert .wert{color: #888;}
.editor-content .bbcode-spoiler{background: #f3f4f6;
    border-radius: 6px;
    margin: 0.2rem 0;}
.editor-content .spoiler-title{background: #e5e7eb;
    padding: 0.2rem 0.5rem;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
    color: #4b5563;
    font-size: 0.8rem;
    user-select: none;}
.editor-content .spoiler-title:hover{background: #d1d5db;}
.editor-content .spoiler-content{padding: 0.4rem 0.5rem;
    display: none;}
.post-message{font-size: 1.1rem !important;
    line-height: 1.8 !important;
    padding: 0.2rem 0 !important;}
.post-message img{max-height: 300px !important;
    border-radius: var(--border-radius) !important;}
.post-message .video-wrapper{border-radius: var(--border-radius) !important;}
.post-message .video-wrapper video{max-height: 300px !important;
    border-radius: var(--border-radius) !important;}
.quote-block{padding: 0.5rem 0.6rem;
    margin: 0.4rem 0;}
.quote-block .quote-author{font-size: 0.7rem;}
.quote-block .quote-header{gap: 6px;
    margin-bottom: 0.3rem;}
.quote-block .quote-avatar,
.quote-block .quote-avatar-fallback{width: 20px;
    height: 20px;
    font-size: 0.52rem;}
.quote-block .quote-author-name{font-size: 0.7rem;}
.quote-block .quote-link-icon{font-size: 0.5rem;}
.quote-block .quote-content{font-size: 0.85rem;}
.quote-block .quote-block{margin: 0.3rem 0 0;
    padding: 0.4rem 0.5rem;}
.quote-block .quote-block .quote-author{font-size: 0.65rem;}
.quote-block .quote-block .quote-avatar,
.quote-block .quote-block .quote-avatar-fallback{width: 16px;
    height: 16px;
    font-size: 0.42rem;}
.quote-block .quote-block .quote-author-name{font-size: 0.65rem;}
.quote-block .quote-block .quote-content{font-size: 0.8rem;}
.social-preview .video-container{padding-bottom: 56.25% !important;}
.social-preview-wrapper iframe{max-height: 300px !important;}
@media (max-width: 480px){
.post-message{font-size: 1rem !important;}
.post-message img{max-height: 250px !important;}
.post-message .video-wrapper video{max-height: 250px !important;}
.quote-block{padding: 0.4rem 0.4rem;
        margin: 0.3rem 0;}
.quote-block .quote-author{font-size: 0.65rem;}
.quote-block .quote-header{gap: 5px;
        margin-bottom: 0.25rem;}
.quote-block .quote-avatar,
.quote-block .quote-avatar-fallback{width: 18px;
        height: 18px;
        font-size: 0.48rem;}
.quote-block .quote-author-name{font-size: 0.65rem;}
.quote-block .quote-content{font-size: 0.8rem;}
.quote-block .quote-block{padding: 0.3rem 0.4rem;}
.quote-block .quote-block .quote-author{font-size: 0.6rem;}
.quote-block .quote-block .quote-avatar,
.quote-block .quote-block .quote-avatar-fallback{width: 15px;
        height: 15px;
        font-size: 0.4rem;}
.quote-block .quote-block .quote-author-name{font-size: 0.6rem;}
.quote-block .quote-block .quote-content{font-size: 0.75rem;}
}