/* Overwrite WordPress Gutenberg Block Styles */

:root {
    --wp--preset--spacing--20: calc(var(--fontsize-xxs) * 0.75);
    --wp--preset--spacing--30: var(--fontsize-xs);
    --wp--preset--spacing--40: calc(var(--fontsize-s) * 1.5);
    --wp--preset--spacing--50: calc(var(--fontsize-m) * 1.5);
    --wp--preset--spacing--60: calc(var(--fontsize-l) * 1.5);
    --wp--preset--spacing--70: calc(var(--fontsize-xl) * 1.5);
    --wp--preset--spacing--80: calc(var(--fontsize-xxl) * 1.5);
}

:where(.wp-block-columns.is-layout-flex) { gap: calc(var(--fontsize-xxl) * 1.1); }

.has-text-align-left { text-align: left !important;}
.has-text-align-center { text-align: center !important;}
.has-text-align-right { text-align: right !important;}

.has-x-large-font-size { font-size: var(--fontsize-xl) !important;}
.has-large-font-size { font-size: var(--fontsize-l) !important;}
.has-medium-font-size { font-size: var(--fontsize-m) !important;}
.has-small-font-size { font-size: var(--fontsize-xs) !important;}


h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
.wp-block-post-title { 
    text-align: left;
    font-weight: 200; 
    color: var(--bodytext);
    margin-bottom: 1em;
    overflow-wrap:normal; 
    hyphens: auto;
}

h1.wp-block-heading,
h2.wp-block-heading { font-size: var(--fontsize-xxl);line-height: calc(var(--fontsize-xxl) * 1.32);}

h2.wp-block-heading::before { 
    display: block;
    content: '';
    width: calc(var(--fontsize-xxl) * 3.5); 
    height: var(--fontsize-l);
    border-top: 2px solid var(--accent02);
}

.wp-block-post-title,
h3.wp-block-heading { 
    color: var(--bodydark);
    font-size: var(--fontsize-l);
    line-height: calc(var(--fontsize-l) * 1.43);
    font-weight: 500;
}

h4.wp-block-heading { font-size: var(--fontsize-l);}
h5.wp-block-heading { font-size: var(--fontsize-l);}

.wp-block-image + .wp-block-heading { margin-top: 1em;}

.wp-block-paragraph {
    overflow-wrap: normal;
    hyphens: auto;
}
.wp-block-button__link,
.wp-block-post-excerpt__more-link,
.wp-block-latest-posts .wp-block-latest-posts__post-title,
.wp-block-list li a { 
    background: var(--transparent) url(../images/icons/PES_Pfeil.svg) no-repeat right center;
    background-size: var(--fontsize-m);
    color: var(--bodytext);
    font-size: var(--fontsize-m);
    text-align: right;
    text-decoration: none;
    padding: 0;
    padding-right: calc(var(--fontsize-m) * 1.5);
    margin-top: 1em;
    border-radius: 0;
}

.wp-block-button__link:hover,
.wp-block-post-excerpt__more-link:hover,
.wp-block-latest-posts .wp-block-latest-posts__post-title:hover,
.wp-block-list li a:hover { opacity: 0.6;}


.wp-block-list {list-style-image: url("../images/icons/PES-Box_10.png");}
.wp-block-list li {margin-left:calc(var(--fontsize-s) * 0.9);margin-bottom:calc(var(--fontsize-s) * 0.5);}

.has-background ul.wp-block-list {list-style:none!important;}
.has-background ul.wp-block-list li {margin-left:0px}


.wp-block-button__link.has-background { 
    display: inline-flex;
    justify-content: flex-start; 
    align-items: center; 
    background-image: none;
    border-radius: var(--borderradius);
    padding: var(--buttonpadding) !important;
    padding-right: calc(var(--fontsize-m) * 1.5);
    background-size: var(--fontsize-m);
    color: var(--bodytext);
    font-size: var(--fontsize-m);
    text-align: right;
    text-decoration: none;
    margin-top: 1em;
}

.wp-block-file  { text-align: left;}
.wp-block-file a { 
    display: inline-flex;
    justify-content: flex-start; 
    align-items: center; 
    background-image: none;
    background-color: var(--accent01);
    border-radius: var(--borderradius);
    padding: var(--buttonpadding);
    padding-right: calc(var(--fontsize-m) * 1.5);
    background-size: var(--fontsize-m);
    color: var(--bodytext);
    font-size: var(--fontsize-m);
    text-align: right;
    text-decoration: none;
    margin-top: 1em;
 }


 .wp-block-file a::after,
 .wp-block-button__link.has-background::after  { 
    display: block;
    content: '';
    height: calc(var(--fontsize-m) + 4px);
    background: var(--transparent) url(../images/icons/PES_Pfeil.svg) no-repeat right center;
    font-size: var(--fontsize-m);
    padding-right: var(--fontsize-m);
    padding-left: var(--fontsize-s);
 }

.wp-block-button__link.has-background.has-body-color::after  { filter: invert(1) contrast(2);}

.wp-block-file a:hover,
.wp-block-button__link.has-background:hover { color: var(--txt-nav-hover) !important; }
.wp-block-file a:hover::after { opacity: 0.6}
.wp-block-button__link.has-background:hover::after { filter: invert(0) contrast(1); }

.wp-block-column.is-vertically-aligned-stretch { display: flex; flex-direction: column;justify-content: flex-start; }
.wp-block-column.is-vertically-aligned-stretch .wp-block-buttons { margin-top: auto;}

.wp-block-group.is-layout-grid { grid-gap: calc(var(--fontsize-xxl) * 1.1); }

.wp-block-post { display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.wp-block-post .wp-block-post-title { flex: 1 0 calc(var(--fontsize-l) * 1.43);margin-top: calc(var(--fontsize-l) * 1.43) }
.wp-block-post .wp-block-post-date { font-size: var(--fontsize-xs);}
.wp-block-post .wp-block-post-excerpt { 
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex: 1 0 auto;
    margin-top: 1em;
}

.wp-block-post .wp-block-post-excerpt .wp-block-post-excerpt__more-text { 
    width: 100%;
    text-align: right;
    align-self: flex-end;
    margin-top: 2em;
}


@media screen and (max-width: 1080px) {
    .wp-block-group.is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wp-block-button__link:not(.has-background),
    .wp-block-post-excerpt__more-link { margin-top: 0; }
}

@media screen and (max-width: 480px) {
    .wp-block-group.is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}