/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* =========================================================
   GEMEINSAME SEITENBASIS
   ========================================================= */

.start-inhalt,
.content-page,
.therapy-page {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    padding: 0;
    background: transparent;
}

/* =========================================================
   STARTSEITE
   ========================================================= */

.start-inhalt .start-trenner {
    margin: 0;
    padding: 0;
}

.start-inhalt .start-trenner .elementor-divider {
    padding: 0;
}

.start-inhalt .start-trenner .elementor-divider-separator {
    width: 100%;
    border-top: 1px solid #1e8187;
}

.start-inhalt .start-h1 {
    margin: 0;
    padding: 12px 20px;
    text-align: center;
}

.start-inhalt .start-h1 .elementor-heading-title {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 22pt;
    font-weight: 700;
    line-height: 1.25;
    color: #000;
}

.start-inhalt .start-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    gap: 38px;
    margin: 0;
    padding: 42px 10px 34px;
}

.start-inhalt .start-block .elementor-widget-image {
    flex: 0 0 230px;
    width: 230px;
}

.start-inhalt .start-block .elementor-widget-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.start-inhalt .start-block .elementor-widget-text-editor {
    flex: 1 1 auto;
    min-width: 0;
}

.start-inhalt .start-block .elementor-widget-text-editor,
.start-inhalt .start-block .elementor-widget-text-editor p {
    font-family: "Open Sans", sans-serif;
    font-size: 11pt;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

.start-inhalt .start-block .elementor-widget-text-editor p {
    margin: 0 0 28px;
}

.start-inhalt .start-block .elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}

.start-inhalt .start-block-2 {
    padding-top: 40px;
    padding-bottom: 38px;
}

.start-inhalt .start-block-2 .elementor-widget-text-editor,
.start-inhalt .start-block-2 .elementor-widget-text-editor p {
    font-style: italic;
}

/* =========================================================
   STANDARD-INHALTSSEITEN / BEITRÄGE
   ========================================================= */

.content-page .content-divider {
    margin: 0;
    padding: 0;
}

.content-page .content-divider .elementor-divider {
    padding: 0;
}

.content-page .content-divider .elementor-divider-separator {
    width: 100%;
    border-top: 1px solid #1e8187;
}

.content-page .content-title {
    margin: 0;
    padding: 10px 20px;
    text-align: center;
}

.content-page .content-title .elementor-heading-title {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 22pt;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
}

.content-page .content-subtitle {
    margin: 0;
    padding: 28px 20px 20px;
    text-align: center;
}

.content-page .content-subtitle .elementor-heading-title {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 15pt;
    font-weight: 700;
    line-height: 1.25;
    color: #000;
}

.content-page .content-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    gap: 32px;
    margin: 0;
    padding: 28px 10px 30px;
}

.content-page .content-row--single {
    display: block;
}

.content-page .content-image {
    flex: 0 0 230px !important;
    width: 230px !important;
    max-width: 230px !important;
}

.content-page .content-image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0;
}

.content-page .content-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.content-page .content-copy,
.content-page .content-copy p,
.content-page .content-copy li {
    font-family: "Open Sans", sans-serif;
    font-size: 11pt;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

.content-page .content-copy p {
    margin: 0 0 22px;
}

.content-page .content-copy p:last-child {
    margin-bottom: 0;
}

.content-page .content-copy ul {
    margin: 8px 0 24px 24px;
    padding: 0;
}

.content-page .content-copy li {
    margin: 0 0 4px;
}

.content-page .content-copy--full {
    width: 100%;
    padding: 24px 10px 0;
}

/* =========================================================
   THERAPIESEITEN
   ========================================================= */

.therapy-page .therapy-divider {
    margin: 0;
    padding: 0;
}

.therapy-page .therapy-divider .elementor-divider {
    padding: 0;
}

.therapy-page .therapy-divider .elementor-divider-separator {
    width: 100%;
    border-top: 1px solid #1e8187;
}

.therapy-page .therapy-title {
    margin: 0;
    padding: 10px 20px;
    text-align: center;
}

.therapy-page .therapy-title .elementor-heading-title {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 22pt;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
}

.therapy-page .therapy-subtitle {
    margin: 0;
    padding: 34px 20px 24px;
    text-align: center;
}

.therapy-page .therapy-subtitle .elementor-heading-title {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 15pt;
    font-weight: 700;
    line-height: 1.25;
    color: #000;
}

.therapy-page .therapy-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    gap: 28px;
    margin: 0;
    padding: 18px 0 28px;
}

.therapy-page .therapy-image {
    flex: 0 0 230px !important;
    width: 230px !important;
    max-width: 230px !important;
}

.therapy-page .therapy-image--wide {
    flex-basis: 380px !important;
    width: 380px !important;
    max-width: 380px !important;
}

.therapy-page .therapy-image .elementor-widget-container {
    width: 100%;
}

.therapy-page .therapy-image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0;
}

.therapy-page .therapy-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.therapy-page .therapy-copy,
.therapy-page .therapy-copy p,
.therapy-page .therapy-copy li {
    font-family: "Open Sans", sans-serif;
    font-size: 11pt;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

.therapy-page .therapy-copy p {
    margin: 0 0 22px;
}

.therapy-page .therapy-copy p:last-child {
    margin-bottom: 0;
}

.therapy-page .therapy-copy ul {
    margin: 8px 0 24px 24px;
    padding: 0;
}

.therapy-page .therapy-copy li {
    margin: 0 0 4px;
}

.therapy-page .therapy-copy--full {
    width: 100%;
    padding: 0 0 30px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1149px) and (min-width: 1025px) {
    .start-inhalt,
    .content-page,
    .therapy-page {
        max-width: calc(100% - 40px);
    }

    .start-inhalt .start-block {
        gap: 32px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .start-inhalt .start-block .elementor-widget-image {
        flex-basis: 215px;
        width: 215px;
    }

    .content-page .content-row {
        gap: 28px;
    }

    .content-page .content-image,
    .therapy-page .therapy-image {
        flex-basis: 215px !important;
        width: 215px !important;
        max-width: 215px !important;
    }

    .therapy-page .therapy-image--wide {
        flex-basis: 340px !important;
        width: 340px !important;
        max-width: 340px !important;
    }

    .therapy-page .therapy-row {
        gap: 26px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .start-inhalt,
    .content-page,
    .therapy-page {
        max-width: calc(100% - 32px);
    }

    .start-inhalt .start-h1 .elementor-heading-title,
    .content-page .content-title .elementor-heading-title,
    .therapy-page .therapy-title .elementor-heading-title {
        font-size: 20pt;
    }

    .start-inhalt .start-block {
        gap: 26px;
        padding: 32px 4px;
    }

    .start-inhalt .start-block .elementor-widget-image,
    .content-page .content-image,
    .therapy-page .therapy-image {
        flex: 0 0 190px !important;
        width: 190px !important;
        max-width: 190px !important;
    }

    .therapy-page .therapy-image--wide {
        flex-basis: 300px !important;
        width: 300px !important;
        max-width: 300px !important;
    }

    .content-page .content-row,
    .therapy-page .therapy-row {
        gap: 24px;
    }

    .start-inhalt .start-block .elementor-widget-text-editor,
    .start-inhalt .start-block .elementor-widget-text-editor p,
    .content-page .content-copy,
    .content-page .content-copy p,
    .content-page .content-copy li,
    .therapy-page .therapy-copy,
    .therapy-page .therapy-copy p,
    .therapy-page .therapy-copy li {
        font-size: 10.5pt;
    }
}

@media (max-width: 767px) {
    .start-inhalt,
    .content-page,
    .therapy-page {
        max-width: calc(100% - 24px);
    }

    .start-inhalt .start-h1,
    .content-page .content-title,
    .therapy-page .therapy-title {
        padding-left: 4px;
        padding-right: 4px;
    }

    .start-inhalt .start-h1 .elementor-heading-title,
    .content-page .content-title .elementor-heading-title,
    .therapy-page .therapy-title .elementor-heading-title {
        font-size: 18pt;
    }

    .content-page .content-subtitle,
    .therapy-page .therapy-subtitle {
        padding: 24px 4px 18px;
    }

    .content-page .content-subtitle .elementor-heading-title,
    .therapy-page .therapy-subtitle .elementor-heading-title {
        font-size: 14pt;
    }

    .start-inhalt .start-block,
    .content-page .content-row,
    .therapy-page .therapy-row {
        flex-direction: column;
        align-items: center;
        gap: 22px;
        padding-left: 0;
        padding-right: 0;
    }

    .start-inhalt .start-block .elementor-widget-image,
    .content-page .content-image {
        flex: none !important;
        width: 220px !important;
        max-width: 75% !important;
    }

    .therapy-page .therapy-image,
    .therapy-page .therapy-image--wide {
        flex: none !important;
        width: 100% !important;
        max-width: 420px !important;
    }

    .content-page .content-row--single {
        display: block;
    }

    .start-inhalt .start-block .elementor-widget-text-editor,
    .content-page .content-copy,
    .therapy-page .therapy-copy {
        width: 100%;
    }

    .start-inhalt .start-block .elementor-widget-text-editor,
    .start-inhalt .start-block .elementor-widget-text-editor p,
    .content-page .content-copy,
    .content-page .content-copy p,
    .content-page .content-copy li,
    .therapy-page .therapy-copy,
    .therapy-page .therapy-copy p,
    .therapy-page .therapy-copy li {
        font-size: 11pt;
        line-height: 1.55;
    }

    .start-inhalt .start-block-2 .elementor-widget-text-editor,
    .start-inhalt .start-block-2 .elementor-widget-text-editor p {
        font-style: italic;
    }

    .content-page .content-copy--full {
        padding: 20px 0 0;
    }
}