/*
Theme Name: Mercia Child
Theme URI: https://www.mehr-geld-sparen.de
Template: mercia
Author: ThemeZee, modifiziert von Mehr-Geld-sparen
Author URI: https://www.mehr-geld-sparen.de
Description: Mercia is a flexible and versatile theme perfect for lifestyle, travel, or fashion magazines. It features a modern and minimalist design with great typography. Of course it works on all screen sizes. With multiple blog layouts and powerful Magazine widgets, you can easily create a stunning and dynamic news website in just a few minutes.
Tags: two-columns,blog,news,custom-background,custom-logo,custom-header,custom-menu,grid-layout,entertainment,editor-style,block-styles,rtl-language-support,featured-image-header,featured-images,flexible-header,custom-colors,full-width-template,sticky-post,threaded-comments,translation-ready,theme-options,one-column,left-sidebar,right-sidebar,three-columns
Version: 2.0.5.1736099706
Updated: 2025-01-05 19:55:06
*/

img[class*="wp-image-"] {
    border-radius: 10px; /* Passt die Rundung der Ecken an */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Fügt einen Schatten hinzu */
}

a.more-link {
    display: inline-block; 
    padding: 4px 4px; 
    border-radius: 8px; 
    background-color: #fffffe; 
    color: #3377bb; 
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); 
    /* transition: all 0.3s ease; */
}

.post-image img {
    max-width: 100%;
    max-height: 275px;
    width: 100%; /* Erzwingt volle Breite innerhalb des Containers */
    height: auto;
    aspect-ratio: 4 / 3; /* Standard-Seitenverhältnis */
    object-fit: cover;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Schatten hinzugefügt */
    border-radius: 8px; /* Optional: Abgerundete Ecken für ein schöneres Design */
}

article[id^="post-"] {
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Dezenterer Schatten */
    border-radius: 8px; /* Abgerundete Ecken */
    margin-bottom: 10px;
    /* transition: all 0.3s ease; */
}

/* Startseite */
.home article[id^="post-"] {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

/* Archivseite */
.archive article[id^="post-"] {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

/* Einzelansichten von Posts und Pages ausschließen */
article[class*="type-post"] {
    background-color: transparent; /* Entferne Hintergrund */
    border: none; /* Entferne Umrandung */
    box-shadow: none; /* Entferne Schatten */
    padding: 0; /* Entferne zusätzliches Padding */
}

article[class*="type-page"] {
    background-color: transparent; /* Entferne Hintergrund */
    border: none; /* Entferne Umrandung */
    box-shadow: none; /* Entferne Schatten */
    padding: 0; /* Entferne zusätzliches Padding */
}


#submit {
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Dezenterer Schatten */
    border-radius: 8px; /* Abgerundete Ecken */
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

/* Mobil-Optimierung */
@media (max-width: 768px) {
    article[id^="post-"]:hover {
        transform: none;
        box-shadow: none;
    }
    article[id^="post-"] {
        padding: 5px;
        margin-bottom: 10px;
    }
}

@media (hover: none) {
    element:hover {
        all: unset;
    }
}