/*
Theme Name: Blocksy Child Kollateral
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.0.1749820472
Updated: 2025-06-13 15:14:32

*/
.entry-header {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  box-sizing: border-box;
}
.entry-content {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  box-sizing: border-box;
}
.entry-footer {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  box-sizing: border-box;
}

        details {
            margin: 2px 0;
            border-radius: 5px;
            overflow: hidden;
        }
        
        summary {
            padding: 2px 5px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s ease;
        }
        
        summary:hover {
            opacity: 0.8;
        }
        
        /* Ebene 1 - Dunkelblau */
        details.level-1 > summary {
            background-color: #1e3a8a;
            color: white;
            font-size: 1.0em;

        }
        
        /* Ebene 2 - Dunkelgrün */
        details.level-2 > summary {
            background-color: #166534;
            color: white;
            font-size: 0.9em;
        }
        
        /* Ebene 3 - Dunkelrot */
        details.level-3 > summary {
            background-color: #991b1b;
            color: white;
            font-size: 0.8em;
        }
        
        /* Ebene 4 - Dunkellila */
        details.level-4 > summary {
            background-color: #7c2d92;
            color: white;
            font-size: 0.8em;
        }
        
        /* Ebene 5 - Dunkelorange */
        details.level-5 > summary {
            background-color: #c2410c;
            color: white;
            font-size: 0.8em;
        }
        
        .content {
            padding: 10px 15px;
            background-color: #2a2a2a;
            border-left: 3px solid #4a4a4a;
        }

       
        
        /* Verstecke Erweiterungszeichen für leere Details */
        details:empty > summary,
        details > div.content:empty ~ summary,
        details > div.content:only-child:has(<!-- Inhalt -->) ~ summary {
            list-style: none;
        }
        
        details:empty > summary::-webkit-details-marker,
        details > div.content:empty ~ summary::-webkit-details-marker,
        details > div.content:only-child:has(<!-- Inhalt -->) ~ summary::-webkit-details-marker {
            display: none;
        }
        
        /* Alternative: Verstecke alle Details ohne verschachtelte Details-Elemente */
        details:not(:has(details)) > summary {
            list-style: none;
        }
        
        details:not(:has(details)) > summary::-webkit-details-marker {
            display: none;
        }

/* Summary-Elemente deren parent-details keine weiteren details-Kinder haben */
details:not(:has(details)) > summary {
    pointer-events: none;
    cursor: default;
}

details, summary {
    display: block;
}
details > summary {
    display: list-item;
    cursor: pointer;
}