.elementor-230 .elementor-element.elementor-element-71a32de{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-100px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-230 .elementor-element.elementor-element-71a32de.e-con{--align-self:center;}.elementor-230 .elementor-element.elementor-element-7fa3bc54{--display:flex;--min-height:500px;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-230 .elementor-element.elementor-element-7fa3bc54:not(.elementor-motion-effects-element-type-background), .elementor-230 .elementor-element.elementor-element-7fa3bc54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://notare-frechen.de/wp-content/uploads/2026/03/titelbild_giammarco-boscaro-zeH-ljawHtg-unsplash.jpg");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-230 .elementor-element.elementor-element-a3a6dea{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-230 .elementor-element.elementor-element-13c50b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-230 .elementor-element.elementor-element-67ba801{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-230 .elementor-element.elementor-element-67ba801.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-230 .elementor-element.elementor-element-71a32de{--content-width:100%;}.elementor-230 .elementor-element.elementor-element-a3a6dea{--content-width:1300px;}}/* Start custom CSS for shortcode, class: .elementor-element-67ba801 *//* Haupt-Container */
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-wrapper {
    max-width: 100%;
}

/* Jeder einzelne Beitrag */
.elementor-230 .elementor-element.elementor-element-67ba801 .news-item {
    
    border-bottom: 1px solid #bbb;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
/* Datum */
.elementor-230 .elementor-element.elementor-element-67ba801 .news-date {
    color: #aaa;
    font-size: 0.85rem;
    margin-right: 10px;
    font-weight: 400;
}
.elementor-230 .elementor-element.elementor-element-67ba801 .head-left {
    display: flex;
}
/* Teaser Text Style */
.elementor-230 .elementor-element.elementor-element-67ba801 .news-excerpt {
    color: #444;
    line-height: 1.3;
    font-size: 0.95rem;
    width: 95%;    
}
/* Titel */
.elementor-230 .elementor-element.elementor-element-67ba801 .news-title a {
    color:var(--e-global-color-accent);
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 500;
}

/* Links beim Auf-/Zuklappen */
.elementor-230 .elementor-element.elementor-element-67ba801 .toggle-link {
    color: #004a99;
    font-size: 0.9rem;
    text-decoration: underline;
    display: block;
    font-weight: normal;
}
.elementor-230 .elementor-element.elementor-element-67ba801 .toggle-link:hover {
    color: #004a99;
    font-size: 0.9rem;
    text-decoration: underline;
    display: block;
    font-weight: 500;
}

/* Verringert den Abstand nach fettgedruckten Texten im News-Inhalt */
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-content-body strong {
    display: inline-block; /* Erlaubt die Kontrolle über den Abstand */
    margin-top: 25px;    /* Dein gewünschter kleiner Abstand */
    
}

/* Falls der Fettdruck in einem eigenen Absatz steht, diesen enger machen */
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-content-body p {
    margin-bottom: 0px;   /* Verringert den Standardabstand zwischen allen Absätzen */
}




/* Optional: Link-Farbe im Volltext auch anpassen */
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-content-body a {
    color: var(--e-global-color-accent);
    font-weight: normal;
}
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-content-body a:hover {
    font-weight: 500;
}
/* Titel und Icon Layout */
.elementor-230 .elementor-element.elementor-element-67ba801 .accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: var(--e-global-color-accent);
    text-decoration: none;
    font-weight: 700;
    line-height: 1.2;
}

.elementor-230 .elementor-element.elementor-element-67ba801 .dash-icon {
    font-size: 0.9rem;
    margin-left: 15px;
    transition: transform 0.3s ease;
}

/* Icon-Drehung */
.elementor-230 .elementor-element.elementor-element-67ba801 .active-title .dash-icon {
    transform: rotate(180deg);
}

/* Pagination linksbündig */
.elementor-230 .elementor-element.elementor-element-67ba801 .custom-rss-pagination {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    justify-content: flex-start;
}

/* Pagination Buttons */
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-page-btn {
    color: var(--e-global-color-accent);
    background: #f8f8f8;
    border: 1px solid #ccc;
    padding: 6px 12px;
    cursor: pointer;
    font-weight: bold;
    min-width: 35px;
}

/* Pagination linksbündig */
.elementor-230 .elementor-element.elementor-element-67ba801 .custom-rss-pagination {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: flex-start;
}

/* Aktiver Button */
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-page-btn.is-active {
    background: var(--e-global-color-accent);
    color: #fff;
    border-color: var(--e-global-color-accent);
}
/* Aktive Seite (Dunkelblau) */
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-page-btn.is-active {
    background: var(--e-global-color-accent);
    color: white;
    border-color: var(--e-global-color-accent);
}
/* Mouseover für die Seitenzahl-Buttons */
.elementor-230 .elementor-element.elementor-element-67ba801 .rss-page-btn:hover:not(.is-active) {
    background-color: #eee;
    border-color: var(--e-global-color-accent);
}/* End custom CSS */