/* Dies ist die Standard Container Klasse*/
.container,
html body :is(
    .is-layout-constrained,
    .is-layout-flow,
    .wp-block-post-content,
    .wp-site-blocks,
    .wp-block-group__inner-container
) > :where(
    :not(.wp-block-post-content):not(.is-layout-constrained):not(.is-layout-flow):not(.alignleft):not(.alignright):not(.alignfull):not(footer):not(header):not(.wp-block-group__inner-container):not(.wp-block-group)
),
.editor-styles-wrapper :is(
    .is-layout-constrained,
    .is-layout-flow,
    .wp-block-post-content
) > :where(
    :not(.wp-block-post-content):not(.is-layout-constrained):not(.is-layout-flow):not(.alignleft):not(.alignright):not(.alignfull):not(footer.glass_effect):not(header):not(.wp-block-group)
) {
    --_pagewidth: calc(100% - var(--kss-layout-system-container-padding-left) - var(--kss-layout-system-container-padding-right));
    max-width: min(var(--container-max-width), var(--_pagewidth));
    margin: auto;
}


div:is( .wp-block-group.alignfull ,.kss__no-container) .wp-block-group__inner-container{
    margin: 0 !important;
    max-width: unset ;
}


.kss-no-scroll {
    overflow: hidden;
}

/* Wichtig Hinweis für die Container Klasse */ 
/* Wenn im Shop Template eine gruppe hinzugefügt wird aber man den Content auf voller Breite möchte,
muss man der Gruppe eine Zusätzliche CSS-Klasse geben namens wp-block-group__no-container */


html body .header_spacer_dont_move_or_delete {
    height: 150px;
}

body:not(.wp-admin) {
    margin:0;
}

/* Theme Layout Spacings */
:is(.entry-content h1,.entry-content h2,.entry-contenth3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .wp-block-heading) + p {
    margin-top: calc(var(--page-layout-gap) /2) ;
}

.entry-content .wp-block-heading + div{
    margin-top: calc(var(--page-layout-gap) /2) ;
}

.editor-styles-wrapper .is-root-container.is-layout-flow.wp-block-post-content.block-editor-block-list__layout {
    max-width: 1200px;
    margin: 0 auto;
}

.glass_effect {
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.6px);
    -webkit-backdrop-filter: blur(7.6px);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.kss_corperate_brand_color {
    color: var(--kss-primary-color);
}


.drop-cap {
    position: relative;
    padding-left: 0;
    text-indent: 0;
}

.drop-cap::first-letter {
    font-size: 3rem; /* Adjust size as needed */
    float: left;
    line-height: 1;
    margin-right: 0.1em;
    font-family: "Times New Roman", Times, serif; /* Use a decorative font if needed */
}