/**
 * Tizpub Thread-Layout CSS
 * Vereinfachte Version - Nur die notwendigen Styles
 */

/* Barlow Condensed Font Integration */
.tizpub-body {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    background-color: #FEFAF1;
    color: #333333;
}

/* Dark Mode */
.tizpub-body.dark-mode {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* Pride-Flaggen */
.pride-flag {
    background: linear-gradient(
        to bottom,
        #e40303 0%,
        #e40303 9.09%,
        #ff8c00 9.09%,
        #ff8c00 18.18%,
        #ffed00 18.18%,
        #ffed00 27.27%,
        #008026 27.27%,
        #008026 36.36%,
        #24408e 36.36%,
        #24408e 45.45%,
        #732982 45.45%,
        #732982 54.54%,
        #ffffff 54.54%,
        #ffffff 63.63%,
        #f6a9b8 63.63%,
        #f6a9b8 72.72%,
        #55cdfc 72.72%,
        #55cdfc 81.81%,
        #613915 81.81%,
        #613915 90.9%,
        #000000 90.9%,
        #000000 100%
    );
}

/* Responsive Design */
@media (max-width: 690px) {
    main {
        justify-content: stretch;
    }
    
    footer {
        justify-content: stretch;
    }
}

/* Barrierefreiheit */
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}

/* Focus Styles für Barrierefreiheit */
button:focus,
input:focus,
a:focus {
    outline: 2px solid #003893;
    outline-offset: 2px;
    border-radius: 4px;
}