:root {
    /* Layout */
    /* calc page margin */
    --page-margin: calc((100% - var(--page-width)) / 2);
    --document-inner-padding: 3rem;
    --container-max-width: var(--page-width);

    /* Colors */
    --body-background-color: var(--kss-body-background-color);
    --page-background-color: var(--page-background-color);
    --kss-primary-color: var(--primary-color);
    --kss-layout-system-container-padding-left: 1.5rem;
    /* make it dynamic */
    --kss-layout-system-container-padding-right: 1.5rem;
    /* make it dynamic */
    --kss-color-white: #fff;
    --kss-color-black: #000;

    /* Fonts */
    --kss-font-family: 'Barlow Condensed', sans-serif;

    /* Font Sizes */
    --kss-h1-text: 4rem;
    --kss-h2-text: 3rem;
    --kss-h3-text: 2rem;
    --kss-h4-text: 1.75rem;
    --kss-copy-text: 20px;

    /* Background Image */
}

/* Hallo ich bin der Test */
/* Hallo ich bin der Test */

body.login {
    color: black !important;
}

body:not(body.wp-admin) {
    background-color: var(--body-background-color);
    color: var(--kss-color-white);
    font-family: var(--kss-font-family);
    font-size: var(--kss-copy-text);
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

/* Responsive Breakpoint Variables */
@media screen and (max-width: 768px) {
    :root {
        --kss-h1-text: 2.75rem;
        --kss-h2-text: 1.75rem;
        --kss-h3-text: 1.5rem;
        --kss-h4-text: 1.25rem;
        --kss-copy-text: 1.25rem;
    }
}

@media screen and (max-width: 576px) {
    :root {
        --kss-h1-text: 2.75rem;
        --kss-h2-text: 2rem;
        --kss-h3-text: 1.5rem;
        --kss-h4-text: 1.25rem;
        --kss-copy-text: 1.25rem;
    }
}

/* Typography */
:is(h1, h2, h3, h4, h5, h6,
    .kss_style_like_h1, .kss_style_like_h2, .kss_style_like_h3, .kss_style_like_h4,
    .wp-block-heading) {
    display: block;
    font-family: var(--kss-font-family);
    font-weight: 700;
    margin: 0;
}

.kss_style_like_h1,
.wp-site-blocks h1 {
    font-size: var(--kss-h1-text);
}

.kss_style_like_h2,
.wp-site-blocks h2 {
    font-size: var(--kss-h2-text);
}

.kss_style_like_h3,
.wp-site-blocks h3 {
    font-size: var(--kss-h3-text);
}

.kss_style_like_h4,
.wp-site-blocks h4 {
    font-size: var(--kss-h4-text);
}

.wp-site-blocks li,
.wp-site-blocks p:not(.wp-block-post-author__bio) {
    font-size: var(--kss-copy-text);
}

.wp-block-post-author__bio {
    font-size: 1rem;
}

/* Default List Styling */
.wp-site-blocks li:not(.wp-site-blocks .kss__header ul li, .footer__navlist li) {
    margin-bottom: 1rem;
}

h1+ol,
h1+ul,
h2+ol,
h2+ul,
h3+ol,
h3+ul,
h4+ol,
h4+ul {
    margin-top: 1rem !important;
}

/* Wordpress Author Block Default Style */
.wp-block-post-author {
    margin: 0;
}

/* Buttons */
.kss-btn {
    display: inline-block;
    background-color: var(--kss-secondary-color);
    border: none;
    border-radius: 5px;
    color: var(--kss-color-white);
    font-size: var(--kss-copy-text);
    font-weight: bold;
    cursor: pointer;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

.kss-btn:hover {
    background-color: var(--kss-primary-color);
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
    border: 1px solid var(--kss-primary-hover-color);
}




.wp-block-button__link {
    background-color: var(--kss-primary-hover-color);
    border-radius: 10px;
    color: black;
    font-weight: bold;
    font-size: var(--kss-copy-text);
    border: 1px solid transparent;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.wp-block-button__link:hover {
    background-color: var(--kss-primary-color) !important;
    color: var(--kss-color-black);
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.wp-block-button:hover.is-style-outline a {
    border: 1px solid transparent !important;
    padding: .667em 1.333em;
}


/* Block Style */
.is-style-kss-custom-headline {
    position: relative;
}

.is-style-kss-custom-headline::after {
    content: " ";
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--kss-primary-color);
    position: absolute;
    bottom: 0;
}

.is-style-kss-custom-separator {
    width: 200px !important;
    height: 3px;
    color: var(--kss-primary-color);
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    margin-block-start: unset;
}


.kss__block_headline {
    border-bottom: 2px solid var(--kss-primary-color);
    width: fit-content;
    padding: 0 0.25rem;
}

/* Kontaktformular Styling */

/* Allgemeines Contactformular Styling */
.wpcf7-submit {
    padding: 0.5rem 1rem;
    font-size: var(--kss-copy-text);
    border-radius: 5px;
    border-color: transparent;
    background-color: var(--kss-primary-disabled-color);
    color: var(--kss-color-white);
}

.wpcf7-submit:hover:not(.wpcf7 .wpcf7-submit:disabled) {
    background-color: var(--kss-primary-color);
    color: var(--kss-color-black);
    font-size: var(--kss-copy-text);
    border-color: transparent;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

/* Kontaktseiten Styling */
.kss_contactform_contact {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 2rem;
    row-gap: 0rem;
}

.wpcf7-textarea,
.wpcf7-select,
.wpcf7-form-control-wrap input:not([type="checkbox"]) {
    box-sizing: border-box;
    margin-top: 0.5rem;
    padding: 0.5rem;
    font-size: var(--kss-copy-text);
    width: 100%;
    border-radius: 5px;
    resize: none;
    border: 1px solid var(--kss-secondary-color);
}

.kss_contactform_contact>* {
    box-sizing: border-box;
    grid-column: span 6 / span 6;
}

@media screen and (max-width: 548px) {
    .kss_contactform_contact>* {
        grid-column: span 12 / span 12;
    }

    .kss_contactform_contact> :nth-child(3) {
        grid-column: span 3 / span 3;
    }

    .kss_contactform_contact> :nth-child(4) {
        grid-column: span 9 / span 9;
    }

}

.kss_contactform_contact> :nth-last-child(-n+4) {
    grid-column: span 12 / span 12;
}

.kss__neue_inhalte__blockgroup .wp-block-latest-posts__list li {
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 16px;
    max-height: 500px;
}

.kss__neue_inhalte__blockgroup .wp-block-latest-posts__list li a {
    display: block;
    text-decoration: none;
    color: black !important;
    font-weight: 700;
}


.kss__wiki_alle_beiträge ul {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.kss__wiki_alle_beiträge ul li {
    box-sizing: border-box;
    grid-column: span 3 / span 3;
    border: 1px solid gold;
    background-color: rgb(207, 207, 207);
}

.kss__wiki_alle_beiträge ul li .wp-block-post-date{
    color: #000;
    padding: 0 0.5rem;

}
.kss__wiki_alle_beiträge ul li a {
    display: block;
    text-decoration: none;
    color: black !important;
    font-weight: 700;
    padding: 1rem;
    padding-top: 0!important;
}

.kss__wiki_alle_beiträge ul li figure {
    margin: 0!important;
    border-bottom: #000 solid 1px;
}

.kss__wiki_alle_beiträge ul li img {
    width: 400px;
    height: 183px;
}