/*
CTC Separate Stylesheet
Updated: 2026-02-20 21:40:31
*/

/* Papier-Look für die Beitrags-Vorschau (Karten) */
.blog .card-blog, 
.archive .card-blog {
    background-color: #fdfdfd !important;
    background-image: 
        linear-gradient(#eee .1em, transparent .1em) !important;
    background-size: 100% 1.2em; /* Etwas engere Linien für die kleine Vorschau */
    border-radius: 2px !important;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1) !important;
    padding: 20px !important;
    border-bottom: 3px solid #dcdcdc; /* Simuliert die Dicke eines Stapels */
    transition: transform 0.3s ease;
}

/* Kleiner Hover-Effekt: Die Karte "hebt" sich beim Drüberfahren */
.blog .card-blog:hover, 
.archive .card-blog:hover {
    transform: translateY(-5px);
    box-shadow: 5px 10px 20px rgba(0,0,0,0.15) !important;
}

/* Die Beitragsbilder in der Vorschau wie aufgeklebte Fotos stylen */
.card-blog .card-image img {
    border: 8px solid #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    transform: rotate(-1deg); /* Leichter Knick für den "Handarbeit"-Look */
}