/* === Gutenberg Editor und Frontend Styles === */

.editor-styles-wrapper,
body {
    font-family: var(--wp--preset--font-family--fs-me, "FS Me", sans-serif);
    font-size: 16px;
    line-height: 1.6;
    color: var(--wp--preset--color--dark);
}

/* Gutenberg Editor-Hintergrund */
.editor-styles-wrapper {
    background-color: #dceaf7;
}

.wp-block {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.wp-block h1,
.wp-block h2,
.wp-block h3,
.wp-block h4,
.wp-block h5,
.wp-block h6 {
    font-weight: 700;
    line-height: 1.2;
    margin: 1.2em 0 0.6em;
    color: var(--wp--preset--color--primary);
}

.editor-post-title__block .editor-post-title__input {
    font-family: var(--wp--preset--font-family--fs-me, "FS Me", sans-serif);
}

.wp-block p {
    margin-bottom: 1.2em;
}

.wp-block a {
    color: var(--wp--preset--color--primary);
    text-decoration: underline;
}

.wp-block-button__link {
    background: #0063E3;
    background: -webkit-linear-gradient(57deg, rgba(0, 99, 227, 1) 0%, rgba(29, 66, 125, 1) 100%);
    background: -moz-linear-gradient(57deg, rgba(0, 99, 227, 1) 0%, rgba(29, 66, 125, 1) 100%);
    background: linear-gradient(57deg, rgba(0, 99, 227, 1) 0%, rgba(29, 66, 125, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0063E3", endColorstr="#1D427D", GradientType=0);
    color: white;
    padding: 0.6em 1.2em;
    border-radius: 4px;
    text-decoration: none;
    font-family: var(--wp--preset--font-family--fs-me-narrow, "FS Me Narrow", sans-serif);
}

.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--secondary);
    color: white;
}

.wp-block-button__link:visited {
    color: white !important;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.wp-block-column {
    flex: 1 1 0;
}

/* Gutenberg-Klassen */
.has-primary-color {
    color: var(--wp--preset--color--primary);
}

.has-secondary-color {
    color: var(--wp--preset--color--secondary);
}

.has-light-background-color {
    background-color: var(--wp--preset--color--light);
}

.has-white-background-color {

    background-color: #fff;
}

:focus-visible {
    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 2px;
}

/* Customizations */

/*
.entry-content h1::after,
.entry-content h2::after,
.entry-content h3::after {
    content: "";
    display: block;
    width: 50px;
    height: 5px;
    background-color: var(--wp--preset--color--primary);
    margin-top: 0.4rem;
    opacity: 0.9;
    transform: scaleX(1);
    transition: transform 0.3s ease;
}

*/

@media screen and (max-width: 600px) {
    .is-mobile-2-columns {
        grid-template-columns: 50% 50% !important;
    }
}

.ansprechpartner-item {
    background: var(--wp--preset--color--lightblue);
}

.ansprechpartner-item .contact-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ansprechpartner-item .contact-image {
    margin-left: -50px;
}


/* Lists */

.link-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.link-list li {
    border-bottom: 1px solid var(--wp--preset--color--light);
    padding: 0.5rem 0;
}