/* Bestehende Regeln */
.elementor-element p {
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.9;
}

.elementor-element ol,
.elementor-element ul {
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.9;
    padding-left: 1.5rem;
}

.elementor-element li p {
    margin-bottom: 2px;
    display: block;
}

.elementor-element li {
    list-style: disc outside;
    font-size: 1rem;
    line-height: 1.9;
}

/* Tabelle */
.elementor-element table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.9;
}

.elementor-element table th,
.elementor-element table td {
    border: 1px solid #d0d0d0;
    padding: 8px 14px;
    vertical-align: top;
    font-weight: normal;
}

.elementor-element table th {
    background-color: #f0f0f0;
    font-weight: normal;
}

.elementor-element table p {
    margin-bottom: 0;
}

/* Links blau */
.elementor-element a {
    color: #1a73e8;
    text-decoration: underline;
}

.elementor-element a:hover {
    color: #1558b0;
}

/* Überschriften */
.elementor-element h1 {
    font-size: 35px;
}

.elementor-element h2 {
    font-size: 30px;
}

.elementor-element h3 {
    font-size: 20px;
    margin-bottom: 10px;
}


/* Buttons */
.elementor-element a.elementor-button {
    color: #ffffff;
    text-decoration: none;
}

.elementor-element a.elementor-button:hover {
    color: #ffffff;
}


/* Hyvä / Magento Header-Suche vor Elementor Global-Styles schützen */
#search_mini_form input#search[type="search"][name="q"] {
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
}


/* --- Ergänzungen 08.09.2026 --- */

/* Blog: Textbreite auf Mobile erhöhen (nur Blogpost-Ansicht) */
@media (max-width: 767px) {
    .wordpress-post-view .columns {
        padding-left: .4rem;
        padding-right: .4rem;
    }
    .wordpress-post-view .e-con {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* Vergleichstabellen im Scroll-Container:
   Die 20px Abstand der Tabelle sitzen sonst INNERHALB des overflow-Rahmens
   und erscheinen als grauer Schatten-Streifen. Deshalb: Margin der Tabelle
   im Scroll-Wrapper auf 0, und die 20px stattdessen UNTER den Rahmen legen. */
.differentiation-section-table .table-container-inner table {
    margin-bottom: 0;
}
.differentiation-section-table .table-container {
    margin-bottom: 20px;
}

/* Horizontales Wischen der breiten Tabelle im Container einsperren,
   damit die Geste nicht per Scroll-Chaining auf die ganze Seite durchschlägt */
.differentiation-section-table .table-container-inner {
    overscroll-behavior-x: contain;
}

/* Nur Blogposts: die lange Breadcrumb ist horizontal scrollbar (flex-nowrap;
   overflow-x:auto) und schlug per Scroll-Chaining auf die Seite durch, sodass
   sich die ganze Seite nach links/rechts wischen ließ. Beides unterbinden. */
.wordpress-post-view .breadcrumbs .items {
    overscroll-behavior-x: contain;
}
.wordpress-post-view {
    overscroll-behavior-x: none;
}